Virtualized files list

jupyterlab · Sep 26, 2020 · 662b93c · 662b93c
1 parent 706fb7a
commit 662b93c
Show file tree

Hide file tree

Showing 7 changed files with 357 additions and 252 deletions.
diff --git a/package.json b/package.json
@@ -73,6 +73,8 @@
     "react": "~16.9.0",
     "react-dom": "~16.9.0",
     "react-textarea-autosize": "^7.1.2",
+    "react-virtualized-auto-sizer": "^1.0.2",
+    "react-window": "^1.8.5",
     "typestyle": "^2.0.1"
   },
   "devDependencies": {
@@ -86,6 +88,8 @@
     "@types/react": "~16.8.13",
     "@types/react-dom": "~16.0.5",
     "@types/react-textarea-autosize": "^4.3.5",
+    "@types/react-virtualized-auto-sizer": "^1.0.0",
+    "@types/react-window": "^1.8.2",
     "@typescript-eslint/eslint-plugin": "^2.25.0",
     "@typescript-eslint/parser": "^2.25.0",
     "all-contributors-cli": "^6.14.0",

diff --git a/src/components/FileItem.tsx b/src/components/FileItem.tsx
@@ -34,6 +34,7 @@ export interface IFileItemProps {
   onDoubleClick: () => void;
   selected?: boolean;
   selectFile?: (file: Git.IStatusFile | null) => void;
+  style: React.CSSProperties;
 }
 
 export interface IGitMarkBoxProps {
@@ -92,6 +93,7 @@ export class FileItem extends React.Component<IFileItemProps> {
           })
         }
         onDoubleClick={this.props.onDoubleClick}
+        style={this.props.style}
         title={`${this.props.file.to} ● ${status}`}
       >
         {this.props.markBox && (