temp: injecting SelectableSourceDataAGGrid in the research context di…

…alog

lib/components/dialog/CreateResearchContextSelectFiles.tsx

@@ -1,33 +1,29 @@
-import { RemoteFile } from "../models";
+import { SelectableSourceDataAGGrid } from "../table";
+import { SelectableSourceDataRow } from "../table/SelectableSourceDataAGGrid";
 
 export interface CreateResearchContextSelectFilesViewProps {
-  files: RemoteFile[];
-  selectFile: (file: RemoteFile) => void;
+  sourceDataList: SelectableSourceDataRow[];
+  isLoading: boolean;
+  handleConfirmSelection: (selectedRows: SelectableSourceDataRow[]) => void;
   onNext: () => void;
   onPrevious: () => void;
+  errorOverlayProps?: {
+    errorStatus: boolean;
+    overlayText: string;
+  };
 }
 export const CreateResearchContextSelectFilesView = (
   props: CreateResearchContextSelectFilesViewProps,
 ) => {
   return (
     <div>
-      <p>Select files</p>
       <div>
-        {props.files.map((file) => (
-          <div key={file.id}>
-            <input
-              type="checkbox"
-              id={file.name}
-              name={file.name}
-              value={file.name}
-              onChange={(e) => {
-                e.preventDefault();
-                props.selectFile(file);
-              }}
-            />
-            <label htmlFor={file.name}>{file.name}</label>
-          </div>
-        ))}
+        <SelectableSourceDataAGGrid
+          rowData={props.sourceDataList}
+          isLoading={props.isLoading}
+          handleConfirmSelection={props.handleConfirmSelection} 
+          errorOverlayProps={props.errorOverlayProps}
+        />
       </div>
       <button onClick={props.onNext}>Next</button>
       <button onClick={props.onPrevious}>Prev</button>

stories/components/CreateResearchContextDialog.stories.tsx

@@ -21,7 +21,20 @@ export const Success: Story = {
         `Submitted: ${researchContextName}, ${researchContextDescription}, ${files}`,
       );
     },
-    clientFiles: [],
+    clientFiles: [
+      {
+        id: 1,
+        name: "File 1",
+        relativePath: "path/to/file1",
+        createdAt: "2021-01-01",
+      },
+      {
+        id: 2,
+        name: "File 2",
+        relativePath: "path/to/file2",
+        createdAt: "2021-01-02",
+      },
+    ],
     viewModel: {
       status: "success",
       researchContext: {