synapse-react-client 4.0.1 → 4.0.3

package/dist/components/table/CsvPreview/CsvPreview.js

@@ -54,11 +54,14 @@ import "@mui/material/SvgIcon";
 import "../../../assets/icons/AccessPending.svg.js";
 import "../../../assets/icons/AccessPendingCloud.svg.js";
 import "../../../assets/icons/FileWithShield.svg.js";
+import "../../../assets/icons/MultiFile.svg.js";
+import "../../../assets/icons/UnpackagableFile.svg.js";
 import "../../../assets/icons/bioChemicalPhysical.svg.js";
 import "../../../assets/icons/computationalTool.svg.js";
 import "../../../assets/icons/dataReuse.svg.js";
 import "../../../assets/icons/inSilicoModel.svg.js";
 import "../../../assets/icons/modelSystem.svg.js";
+import "../../../assets/mui_components/PackagableFile.svg.js";
 import "../../../assets/icons/spatialProfiling.svg.js";
 import "../../Authentication/AuthenticationMethodSelection.js";
 import "mui-one-time-password-input";
@@ -83,6 +86,7 @@ import "../../../assets/icons/study-complete.svg.js";
 import "../../../assets/icons/translational.svg.js";
 import "../../../assets/icons/tree_horizontal.svg.js";
 import "../../../assets/icons/standardDataModel.svg.js";
+import "../../../assets/icons/Challenge.svg.js";
 import "react-intersection-observer";
 import "@rjsf/utils";
 import "../../SchemaDrivenAnnotationEditor/template/AdditionalPropertyContext.js";
@@ -100,10 +104,10 @@ import "../../../assets/icons/DoubleQuotes.svg.js";
 import "../../EntityDownloadConfirmation/EntityDownloadConfirmation.js";
 import "../../QueryContext/QueryContext.js";
 import "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import "react-share";
 import "../../GenericCard/GenericCard.js";
 import "@mui/system";
 import "../../GenericCard/Linkify.js";
-import "react-share";
 import "jotai";
 import f from "lodash-es/noop";
 import "../../QueryWrapper/TableRowSelectionState.js";
@@ -202,6 +206,7 @@ import "lodash-es/set";
 import "lodash-es/trimStart";
 import "../../SynapseForm/SynapseFormSubmissionGrid.js";
 import "../../SynapseChat/AccessLevelMenu.js";
+import "react-draggable";
 import "../../TimelinePlot/phasesQueryResponseData.js";
 import "../../EntityHeaderTable/EntityHeaderTable.js";
 import "../../MuiContainer.js";
@@ -213,7 +218,7 @@ import b from "../../TanStackTable/ColumnHeader.js";
 import T from "../../TanStackTable/StyledTanStackTable.js";
 import { useGetCsvPreview as h } from "../../../synapse-queries/table/useGetCsvPreview.js";
 import { useReactTable as y, getCoreRowModel as P, createColumnHelper as R } from "@tanstack/react-table";
-function Hi(e) {
+function $i(e) {
   const {
     fileHandleId: a,
     csvTableDescriptor: i,
@@ -272,6 +277,6 @@ function S(e) {
   }));
 }
 export {
-  Hi as default
+  $i as default
 };
 //# sourceMappingURL=CsvPreview.js.map

package/dist/components/table/CsvPreview/CsvPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"CsvPreview.js","sources":["../../../../src/components/table/CsvPreview/CsvPreview.tsx"],"sourcesContent":["import { ErrorBanner } from '@/components/index'\nimport ColumnHeader from '@/components/TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '@/components/TanStackTable/StyledTanStackTable'\nimport { useGetCsvPreview } from '@/synapse-queries/table/useGetCsvPreview'\nimport Typography from '@mui/material/Typography'\nimport {\n  ColumnModel,\n  CsvTableDescriptor,\n  TableRow,\n  UploadToTablePreviewResult,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport noop from 'lodash-es/noop'\nimport { useEffect, useMemo } from 'react'\n\nexport type CsvPreviewProps = {\n  fileHandleId: string\n  csvTableDescriptor: CsvTableDescriptor\n  onCsvPreviewDataChange?: (data: UploadToTablePreviewResult) => void\n  onIsLoadingChange?: (isLoading: boolean) => void\n}\n\n/**\n * Given a file handle ID and CSV Table Descriptor, fetches and displays a preview of the CSV file as it would be parsed into a table.\n */\nexport default function CsvPreview(props: CsvPreviewProps) {\n  const {\n    fileHandleId,\n    csvTableDescriptor,\n    onCsvPreviewDataChange = noop,\n    onIsLoadingChange = noop,\n  } = props\n\n  const {\n    data: csvPreviewData,\n    isLoading,\n    error,\n  } = useGetCsvPreview({\n    concreteType:\n      'org.sagebionetworks.repo.model.table.UploadToTablePreviewRequest',\n    uploadFileHandleId: fileHandleId,\n    csvTableDescriptor,\n  })\n\n  useEffect(() => {\n    if (csvPreviewData) {\n      onCsvPreviewDataChange(csvPreviewData)\n    }\n  }, [csvPreviewData, onCsvPreviewDataChange])\n\n  useEffect(() => {\n    onIsLoadingChange(isLoading)\n  }, [isLoading, onIsLoadingChange])\n\n  const tableData = useMemo(\n    () => csvPreviewData?.sampleRows ?? [],\n    [csvPreviewData?.sampleRows],\n  )\n\n  const columns = useMemo(\n    () => getPreviewColumns(csvPreviewData?.suggestedColumns ?? []),\n    [csvPreviewData?.suggestedColumns],\n  )\n\n  const table = useReactTable({\n    getCoreRowModel: getCoreRowModel(),\n    data: tableData,\n    columns: columns,\n  })\n\n  if (error) {\n    return <ErrorBanner error={error} />\n  }\n\n  return (\n    <>\n      {isLoading && <div>Loading preview...</div>}\n      {!isLoading && csvPreviewData && table && (\n        <>\n          <Typography variant={'body1'}>\n            Scanned {csvPreviewData?.rowsScanned?.toLocaleString()} rows to\n            generate preview:\n          </Typography>\n          <StyledTanStackTable table={table} />\n        </>\n      )}\n    </>\n  )\n}\n\nfunction getPreviewColumns(columnModels: ColumnModel[]) {\n  const columnHelper = createColumnHelper<TableRow>()\n  return columnModels.map((columnModel, index) => {\n    return columnHelper.accessor(tr => tr.values![index], {\n      id: `column-${index}`,\n      header: props => (\n        <ColumnHeader\n          {...props}\n          title={`${columnModel.name} (${columnModel.columnType})`}\n        />\n      ),\n      enableColumnFilter: false,\n      enableSorting: false,\n    })\n  })\n}\n"],"names":["CsvPreview","props","fileHandleId","csvTableDescriptor","onCsvPreviewDataChange","noop","onIsLoadingChange","csvPreviewData","isLoading","error","useGetCsvPreview","useEffect","tableData","useMemo","columns","getPreviewColumns","table","useReactTable","getCoreRowModel","jsx","ErrorBanner","jsxs","Fragment","Typography","StyledTanStackTable","columnModels","columnHelper","createColumnHelper","columnModel","index","tr","ColumnHeader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAwBA,GAAWC,GAAwB;AACzD,QAAM;AAAA,IACJ,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,wBAAAC,IAAyBC;AAAA,IACzB,mBAAAC,IAAoBD;AAAA,EAAA,IAClBJ,GAEE;AAAA,IACJ,MAAMM;AAAA,IACN,WAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACEC,EAAiB;AAAA,IACnB,cACE;AAAA,IACF,oBAAoBR;AAAA,IACpB,oBAAAC;AAAA,EAAA,CACD;AAED,EAAAQ,EAAU,MAAM;AACd,IAAIJ,KACFH,EAAuBG,CAAc;AAAA,EAEzC,GAAG,CAACA,GAAgBH,CAAsB,CAAC,GAE3CO,EAAU,MAAM;AACd,IAAAL,EAAkBE,CAAS;AAAA,EAC7B,GAAG,CAACA,GAAWF,CAAiB,CAAC;AAEjC,QAAMM,IAAYC;AAAA,IAChB,MAAMN,GAAgB,cAAc,CAAA;AAAA,IACpC,CAACA,GAAgB,UAAU;AAAA,EAAA,GAGvBO,IAAUD;AAAA,IACd,MAAME,EAAkBR,GAAgB,oBAAoB,EAAE;AAAA,IAC9D,CAACA,GAAgB,gBAAgB;AAAA,EAAA,GAG7BS,IAAQC,EAAc;AAAA,IAC1B,iBAAiBC,EAAA;AAAA,IACjB,MAAMN;AAAA,IACN,SAAAE;AAAA,EAAA,CACD;AAED,SAAIL,IACK,gBAAAU,EAACC,KAAY,OAAAX,GAAc,IAIlC,gBAAAY,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAd,KAAa,gBAAAW,EAAC,SAAI,UAAA,qBAAA,CAAkB;AAAA,IACpC,CAACX,KAAaD,KAAkBS,KAC/B,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAD,EAACE,GAAA,EAAW,SAAS,SAAS,UAAA;AAAA,QAAA;AAAA,QACnBhB,GAAgB,aAAa,eAAA;AAAA,QAAiB;AAAA,MAAA,GAEzD;AAAA,MACA,gBAAAY,EAACK,KAAoB,OAAAR,EAAA,CAAc;AAAA,IAAA,EAAA,CACrC;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAASD,EAAkBU,GAA6B;AACtD,QAAMC,IAAeC,EAAA;AACrB,SAAOF,EAAa,IAAI,CAACG,GAAaC,MAC7BH,EAAa,SAAS,CAAAI,MAAMA,EAAG,OAAQD,CAAK,GAAG;AAAA,IACpD,IAAI,UAAUA,CAAK;AAAA,IACnB,QAAQ,CAAA5B,MACN,gBAAAkB;AAAA,MAACY;AAAA,MAAA;AAAA,QACE,GAAG9B;AAAA,QACJ,OAAO,GAAG2B,EAAY,IAAI,KAAKA,EAAY,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGzD,oBAAoB;AAAA,IACpB,eAAe;AAAA,EAAA,CAChB,CACF;AACH;"}
+{"version":3,"file":"CsvPreview.js","sources":["../../../../src/components/table/CsvPreview/CsvPreview.tsx"],"sourcesContent":["import { ErrorBanner } from '@/components/index'\nimport ColumnHeader from '@/components/TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '@/components/TanStackTable/StyledTanStackTable'\nimport { useGetCsvPreview } from '@/synapse-queries/table/useGetCsvPreview'\nimport Typography from '@mui/material/Typography'\nimport {\n  ColumnModel,\n  CsvTableDescriptor,\n  TableRow,\n  UploadToTablePreviewResult,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport noop from 'lodash-es/noop'\nimport { useEffect, useMemo } from 'react'\n\nexport type CsvPreviewProps = {\n  fileHandleId: string\n  csvTableDescriptor: CsvTableDescriptor\n  onCsvPreviewDataChange?: (data: UploadToTablePreviewResult) => void\n  onIsLoadingChange?: (isLoading: boolean) => void\n}\n\n/**\n * Given a file handle ID and CSV Table Descriptor, fetches and displays a preview of the CSV file as it would be parsed into a table.\n */\nexport default function CsvPreview(props: CsvPreviewProps) {\n  const {\n    fileHandleId,\n    csvTableDescriptor,\n    onCsvPreviewDataChange = noop,\n    onIsLoadingChange = noop,\n  } = props\n\n  const {\n    data: csvPreviewData,\n    isLoading,\n    error,\n  } = useGetCsvPreview({\n    concreteType:\n      'org.sagebionetworks.repo.model.table.UploadToTablePreviewRequest',\n    uploadFileHandleId: fileHandleId,\n    csvTableDescriptor,\n  })\n\n  useEffect(() => {\n    if (csvPreviewData) {\n      onCsvPreviewDataChange(csvPreviewData)\n    }\n  }, [csvPreviewData, onCsvPreviewDataChange])\n\n  useEffect(() => {\n    onIsLoadingChange(isLoading)\n  }, [isLoading, onIsLoadingChange])\n\n  const tableData = useMemo(\n    () => csvPreviewData?.sampleRows ?? [],\n    [csvPreviewData?.sampleRows],\n  )\n\n  const columns = useMemo(\n    () => getPreviewColumns(csvPreviewData?.suggestedColumns ?? []),\n    [csvPreviewData?.suggestedColumns],\n  )\n\n  const table = useReactTable({\n    getCoreRowModel: getCoreRowModel(),\n    data: tableData,\n    columns: columns,\n  })\n\n  if (error) {\n    return <ErrorBanner error={error} />\n  }\n\n  return (\n    <>\n      {isLoading && <div>Loading preview...</div>}\n      {!isLoading && csvPreviewData && table && (\n        <>\n          <Typography variant={'body1'}>\n            Scanned {csvPreviewData?.rowsScanned?.toLocaleString()} rows to\n            generate preview:\n          </Typography>\n          <StyledTanStackTable table={table} />\n        </>\n      )}\n    </>\n  )\n}\n\nfunction getPreviewColumns(columnModels: ColumnModel[]) {\n  const columnHelper = createColumnHelper<TableRow>()\n  return columnModels.map((columnModel, index) => {\n    return columnHelper.accessor(tr => tr.values![index], {\n      id: `column-${index}`,\n      header: props => (\n        <ColumnHeader\n          {...props}\n          title={`${columnModel.name} (${columnModel.columnType})`}\n        />\n      ),\n      enableColumnFilter: false,\n      enableSorting: false,\n    })\n  })\n}\n"],"names":["CsvPreview","props","fileHandleId","csvTableDescriptor","onCsvPreviewDataChange","noop","onIsLoadingChange","csvPreviewData","isLoading","error","useGetCsvPreview","useEffect","tableData","useMemo","columns","getPreviewColumns","table","useReactTable","getCoreRowModel","jsx","ErrorBanner","jsxs","Fragment","Typography","StyledTanStackTable","columnModels","columnHelper","createColumnHelper","columnModel","index","tr","ColumnHeader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAwBA,GAAWC,GAAwB;AACzD,QAAM;AAAA,IACJ,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,wBAAAC,IAAyBC;AAAA,IACzB,mBAAAC,IAAoBD;AAAA,EAAA,IAClBJ,GAEE;AAAA,IACJ,MAAMM;AAAA,IACN,WAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACEC,EAAiB;AAAA,IACnB,cACE;AAAA,IACF,oBAAoBR;AAAA,IACpB,oBAAAC;AAAA,EAAA,CACD;AAED,EAAAQ,EAAU,MAAM;AACd,IAAIJ,KACFH,EAAuBG,CAAc;AAAA,EAEzC,GAAG,CAACA,GAAgBH,CAAsB,CAAC,GAE3CO,EAAU,MAAM;AACd,IAAAL,EAAkBE,CAAS;AAAA,EAC7B,GAAG,CAACA,GAAWF,CAAiB,CAAC;AAEjC,QAAMM,IAAYC;AAAA,IAChB,MAAMN,GAAgB,cAAc,CAAA;AAAA,IACpC,CAACA,GAAgB,UAAU;AAAA,EAAA,GAGvBO,IAAUD;AAAA,IACd,MAAME,EAAkBR,GAAgB,oBAAoB,EAAE;AAAA,IAC9D,CAACA,GAAgB,gBAAgB;AAAA,EAAA,GAG7BS,IAAQC,EAAc;AAAA,IAC1B,iBAAiBC,EAAA;AAAA,IACjB,MAAMN;AAAA,IACN,SAAAE;AAAA,EAAA,CACD;AAED,SAAIL,IACK,gBAAAU,EAACC,KAAY,OAAAX,GAAc,IAIlC,gBAAAY,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAd,KAAa,gBAAAW,EAAC,SAAI,UAAA,qBAAA,CAAkB;AAAA,IACpC,CAACX,KAAaD,KAAkBS,KAC/B,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAD,EAACE,GAAA,EAAW,SAAS,SAAS,UAAA;AAAA,QAAA;AAAA,QACnBhB,GAAgB,aAAa,eAAA;AAAA,QAAiB;AAAA,MAAA,GAEzD;AAAA,MACA,gBAAAY,EAACK,KAAoB,OAAAR,EAAA,CAAc;AAAA,IAAA,EAAA,CACrC;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAASD,EAAkBU,GAA6B;AACtD,QAAMC,IAAeC,EAAA;AACrB,SAAOF,EAAa,IAAI,CAACG,GAAaC,MAC7BH,EAAa,SAAS,CAAAI,MAAMA,EAAG,OAAQD,CAAK,GAAG;AAAA,IACpD,IAAI,UAAUA,CAAK;AAAA,IACnB,QAAQ,CAAA5B,MACN,gBAAAkB;AAAA,MAACY;AAAA,MAAA;AAAA,QACE,GAAG9B;AAAA,QACJ,OAAO,GAAG2B,EAAY,IAAI,KAAKA,EAAY,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGzD,oBAAoB;AAAA,IACpB,eAAe;AAAA,EAAA,CAChB,CACF;AACH;"}

package/dist/components/table/CsvPreview/CsvPreviewDialog.js

@@ -53,11 +53,14 @@ import "@mui/material/SvgIcon";
 import "../../../assets/icons/AccessPending.svg.js";
 import "../../../assets/icons/AccessPendingCloud.svg.js";
 import "../../../assets/icons/FileWithShield.svg.js";
+import "../../../assets/icons/MultiFile.svg.js";
+import "../../../assets/icons/UnpackagableFile.svg.js";
 import "../../../assets/icons/bioChemicalPhysical.svg.js";
 import "../../../assets/icons/computationalTool.svg.js";
 import "../../../assets/icons/dataReuse.svg.js";
 import "../../../assets/icons/inSilicoModel.svg.js";
 import "../../../assets/icons/modelSystem.svg.js";
+import "../../../assets/mui_components/PackagableFile.svg.js";
 import "../../../assets/icons/spatialProfiling.svg.js";
 import "../../Authentication/AuthenticationMethodSelection.js";
 import "mui-one-time-password-input";
@@ -82,6 +85,7 @@ import "../../../assets/icons/study-complete.svg.js";
 import "../../../assets/icons/translational.svg.js";
 import "../../../assets/icons/tree_horizontal.svg.js";
 import "../../../assets/icons/standardDataModel.svg.js";
+import "../../../assets/icons/Challenge.svg.js";
 import "react-intersection-observer";
 import "@rjsf/utils";
 import "../../styled/StyledPopover.js";
@@ -102,10 +106,10 @@ import "@mui/icons-material/Close";
 import "../../EntityDownloadConfirmation/EntityDownloadConfirmation.js";
 import "../../QueryContext/QueryContext.js";
 import "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import "react-share";
 import "../../GenericCard/GenericCard.js";
 import "@mui/system";
 import "../../GenericCard/Linkify.js";
-import "react-share";
 import "jotai";
 import "lodash-es/noop";
 import "../../QueryWrapper/TableRowSelectionState.js";
@@ -204,6 +208,7 @@ import "lodash-es/set";
 import "lodash-es/trimStart";
 import "../../SynapseForm/SynapseFormSubmissionGrid.js";
 import "../../SynapseChat/AccessLevelMenu.js";
+import "react-draggable";
 import "../../TimelinePlot/phasesQueryResponseData.js";
 import "../../EntityHeaderTable/EntityHeaderTable.js";
 import "../../MuiContainer.js";
@@ -219,7 +224,7 @@ import E from "@mui/material/AccordionDetails";
 import M from "@mui/material/AccordionSummary";
 import a from "@mui/material/Button";
 import j from "@mui/material/Stack";
-function Ni(u) {
+function _i(u) {
   const { open: C, onClose: l, onConfirm: v, confirmIsPending: h, errorMessage: s } = u, [i, g] = t(
     0
     /* UPLOAD_CSV */
@@ -327,6 +332,6 @@ function Ni(u) {
   );
 }
 export {
-  Ni as default
+  _i as default
 };
 //# sourceMappingURL=CsvPreviewDialog.js.map

package/dist/components/table/CsvPreview/CsvPreviewDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"CsvPreviewDialog.js","sources":["../../../../src/components/table/CsvPreview/CsvPreviewDialog.tsx"],"sourcesContent":["import { DialogBase } from '@/components/DialogBase'\nimport {\n  BasicFileHandleUpload,\n  FileUploadHandle,\n} from '@/components/file/upload/BasicFileHandleUpload'\nimport { ErrorBanner } from '@/components/index'\nimport CsvPreview from '@/components/table/CsvPreview/CsvPreview'\nimport CsvTableDescriptorForm, {\n  CsvTableDescriptorFormHandle,\n} from '@/components/table/CsvTableDescriptorForm/CsvTableDescriptorForm'\nimport { RefreshTwoTone } from '@mui/icons-material'\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\nimport Accordion from '@mui/material/Accordion'\nimport AccordionDetails from '@mui/material/AccordionDetails'\nimport AccordionSummary from '@mui/material/AccordionSummary'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport Typography from '@mui/material/Typography'\nimport {\n  ColumnModel,\n  CsvTableDescriptor,\n  UploadToTablePreviewResult,\n} from '@sage-bionetworks/synapse-client'\nimport { useCallback, useRef, useState } from 'react'\n\nenum CsvPreviewDialogStep {\n  UPLOAD_CSV = 0,\n  COLUMN_PREVIEW = 1,\n}\n\nexport type CsvPreviewDialogProps = {\n  /** Whether the dialog is open */\n  open: boolean\n  /** Callback when the dialog is closed */\n  onClose: () => void\n  /** Callback when the user confirms the column models\n   * @param dataFileHandleId - The file handle ID of the uploaded CSV\n   * @param columnModels - The confirmed column models\n   * */\n  onConfirm: (\n    dataFileHandleId: string,\n    columnModels: ColumnModel[],\n    csvTableDescriptor: CsvTableDescriptor,\n  ) => void\n  /** Whether the confirm action is pending */\n  confirmIsPending?: boolean\n  /** An optional error message to display */\n  errorMessage?: string\n}\n\nexport default function CsvPreviewDialog(props: CsvPreviewDialogProps) {\n  const { open, onClose, onConfirm, confirmIsPending, errorMessage } = props\n  const [step, setStep] = useState(CsvPreviewDialogStep.UPLOAD_CSV)\n  const [csvTableDescriptor, setCsvTableDescriptor] =\n    useState<CsvTableDescriptor>({\n      separator: ',',\n      quoteCharacter: '\"',\n      escapeCharacter: '\\\\',\n      lineEnd: '\\n',\n      isFirstLineHeader: true,\n    })\n  const [csvPreviewData, setCsvPreviewData] =\n    useState<UploadToTablePreviewResult | null>(null)\n  const [isLoadingPreview, setIsLoadingPreview] = useState(false)\n\n  const [uploadedFileHandleId, setUploadedFileHandleId] = useState<\n    string | null\n  >(null)\n\n  const onFileUploaded = useCallback((fileHandleId: string) => {\n    setUploadedFileHandleId(fileHandleId)\n    setStep(CsvPreviewDialogStep.COLUMN_PREVIEW)\n  }, [])\n\n  const uploadRef = useRef<FileUploadHandle | null>(null)\n  const csvDescriptorFormRef = useRef<CsvTableDescriptorFormHandle | null>(null)\n\n  const uploadStepContent = (\n    <BasicFileHandleUpload\n      ref={uploadRef}\n      allowMultipleUpload={false}\n      onFileUploadComplete={fileHandleId => {\n        onFileUploaded(fileHandleId)\n      }}\n      disableDragAndDrop={true}\n    />\n  )\n\n  const previewStepContent = (\n    <Stack spacing={2}>\n      {uploadedFileHandleId && (\n        <CsvPreview\n          fileHandleId={uploadedFileHandleId}\n          csvTableDescriptor={csvTableDescriptor}\n          onCsvPreviewDataChange={setCsvPreviewData}\n          onIsLoadingChange={setIsLoadingPreview}\n        />\n      )}\n      <Accordion>\n        <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n          <Typography variant={'headline3'}>Show Options</Typography>\n        </AccordionSummary>\n        <AccordionDetails>\n          <CsvTableDescriptorForm\n            defaultValue={csvTableDescriptor}\n            ref={csvDescriptorFormRef}\n          />\n          <Button\n            variant={'outlined'}\n            startIcon={<RefreshTwoTone />}\n            sx={{ mt: 2 }}\n            onClick={() => {\n              // Get the state from the form and update local state, which will re-render the preview\n              if (csvDescriptorFormRef.current) {\n                setCsvTableDescriptor(\n                  csvDescriptorFormRef.current.getFormData(),\n                )\n              }\n            }}\n          >\n            Refresh Preview\n          </Button>\n        </AccordionDetails>\n      </Accordion>\n    </Stack>\n  )\n\n  return (\n    <DialogBase\n      maxWidth={'lg'}\n      title={'Upload CSV'}\n      onCancel={onClose}\n      open={open}\n      content={\n        <>\n          {step === CsvPreviewDialogStep.UPLOAD_CSV && uploadStepContent}\n          {step === CsvPreviewDialogStep.COLUMN_PREVIEW && previewStepContent}\n          {errorMessage && <ErrorBanner error={errorMessage} />}\n        </>\n      }\n      actions={\n        <>\n          <Button\n            variant={'outlined'}\n            disabled={isLoadingPreview}\n            onClick={() => {\n              onClose()\n            }}\n          >\n            Cancel\n          </Button>\n          {step === CsvPreviewDialogStep.COLUMN_PREVIEW && (\n            <Button\n              disabled={isLoadingPreview}\n              variant={'contained'}\n              onClick={() => {\n                onConfirm(\n                  uploadedFileHandleId!,\n                  csvPreviewData!.suggestedColumns!,\n                  csvTableDescriptor,\n                )\n              }}\n              loading={confirmIsPending}\n            >\n              Confirm\n            </Button>\n          )}\n        </>\n      }\n    />\n  )\n}\n"],"names":["CsvPreviewDialog","props","open","onClose","onConfirm","confirmIsPending","errorMessage","step","setStep","useState","csvTableDescriptor","setCsvTableDescriptor","csvPreviewData","setCsvPreviewData","isLoadingPreview","setIsLoadingPreview","uploadedFileHandleId","setUploadedFileHandleId","onFileUploaded","useCallback","fileHandleId","uploadRef","useRef","csvDescriptorFormRef","jsx","DialogBase","jsxs","Fragment","BasicFileHandleUpload","Stack","CsvPreview","Accordion","AccordionSummary","ExpandMoreIcon","Typography","AccordionDetails","CsvTableDescriptorForm","Button","RefreshTwoTone","ErrorBanner"],"mappings":"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"}
+{"version":3,"file":"CsvPreviewDialog.js","sources":["../../../../src/components/table/CsvPreview/CsvPreviewDialog.tsx"],"sourcesContent":["import { DialogBase } from '@/components/DialogBase'\nimport {\n  BasicFileHandleUpload,\n  FileUploadHandle,\n} from '@/components/file/upload/BasicFileHandleUpload'\nimport { ErrorBanner } from '@/components/index'\nimport CsvPreview from '@/components/table/CsvPreview/CsvPreview'\nimport CsvTableDescriptorForm, {\n  CsvTableDescriptorFormHandle,\n} from '@/components/table/CsvTableDescriptorForm/CsvTableDescriptorForm'\nimport { RefreshTwoTone } from '@mui/icons-material'\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\nimport Accordion from '@mui/material/Accordion'\nimport AccordionDetails from '@mui/material/AccordionDetails'\nimport AccordionSummary from '@mui/material/AccordionSummary'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport Typography from '@mui/material/Typography'\nimport {\n  ColumnModel,\n  CsvTableDescriptor,\n  UploadToTablePreviewResult,\n} from '@sage-bionetworks/synapse-client'\nimport { useCallback, useRef, useState } from 'react'\n\nenum CsvPreviewDialogStep {\n  UPLOAD_CSV = 0,\n  COLUMN_PREVIEW = 1,\n}\n\nexport type CsvPreviewDialogProps = {\n  /** Whether the dialog is open */\n  open: boolean\n  /** Callback when the dialog is closed */\n  onClose: () => void\n  /** Callback when the user confirms the column models\n   * @param dataFileHandleId - The file handle ID of the uploaded CSV\n   * @param columnModels - The confirmed column models\n   * */\n  onConfirm: (\n    dataFileHandleId: string,\n    columnModels: ColumnModel[],\n    csvTableDescriptor: CsvTableDescriptor,\n  ) => void\n  /** Whether the confirm action is pending */\n  confirmIsPending?: boolean\n  /** An optional error message to display */\n  errorMessage?: string\n}\n\nexport default function CsvPreviewDialog(props: CsvPreviewDialogProps) {\n  const { open, onClose, onConfirm, confirmIsPending, errorMessage } = props\n  const [step, setStep] = useState(CsvPreviewDialogStep.UPLOAD_CSV)\n  const [csvTableDescriptor, setCsvTableDescriptor] =\n    useState<CsvTableDescriptor>({\n      separator: ',',\n      quoteCharacter: '\"',\n      escapeCharacter: '\\\\',\n      lineEnd: '\\n',\n      isFirstLineHeader: true,\n    })\n  const [csvPreviewData, setCsvPreviewData] =\n    useState<UploadToTablePreviewResult | null>(null)\n  const [isLoadingPreview, setIsLoadingPreview] = useState(false)\n\n  const [uploadedFileHandleId, setUploadedFileHandleId] = useState<\n    string | null\n  >(null)\n\n  const onFileUploaded = useCallback((fileHandleId: string) => {\n    setUploadedFileHandleId(fileHandleId)\n    setStep(CsvPreviewDialogStep.COLUMN_PREVIEW)\n  }, [])\n\n  const uploadRef = useRef<FileUploadHandle | null>(null)\n  const csvDescriptorFormRef = useRef<CsvTableDescriptorFormHandle | null>(null)\n\n  const uploadStepContent = (\n    <BasicFileHandleUpload\n      ref={uploadRef}\n      allowMultipleUpload={false}\n      onFileUploadComplete={fileHandleId => {\n        onFileUploaded(fileHandleId)\n      }}\n      disableDragAndDrop={true}\n    />\n  )\n\n  const previewStepContent = (\n    <Stack spacing={2}>\n      {uploadedFileHandleId && (\n        <CsvPreview\n          fileHandleId={uploadedFileHandleId}\n          csvTableDescriptor={csvTableDescriptor}\n          onCsvPreviewDataChange={setCsvPreviewData}\n          onIsLoadingChange={setIsLoadingPreview}\n        />\n      )}\n      <Accordion>\n        <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n          <Typography variant={'headline3'}>Show Options</Typography>\n        </AccordionSummary>\n        <AccordionDetails>\n          <CsvTableDescriptorForm\n            defaultValue={csvTableDescriptor}\n            ref={csvDescriptorFormRef}\n          />\n          <Button\n            variant={'outlined'}\n            startIcon={<RefreshTwoTone />}\n            sx={{ mt: 2 }}\n            onClick={() => {\n              // Get the state from the form and update local state, which will re-render the preview\n              if (csvDescriptorFormRef.current) {\n                setCsvTableDescriptor(\n                  csvDescriptorFormRef.current.getFormData(),\n                )\n              }\n            }}\n          >\n            Refresh Preview\n          </Button>\n        </AccordionDetails>\n      </Accordion>\n    </Stack>\n  )\n\n  return (\n    <DialogBase\n      maxWidth={'lg'}\n      title={'Upload CSV'}\n      onCancel={onClose}\n      open={open}\n      content={\n        <>\n          {step === CsvPreviewDialogStep.UPLOAD_CSV && uploadStepContent}\n          {step === CsvPreviewDialogStep.COLUMN_PREVIEW && previewStepContent}\n          {errorMessage && <ErrorBanner error={errorMessage} />}\n        </>\n      }\n      actions={\n        <>\n          <Button\n            variant={'outlined'}\n            disabled={isLoadingPreview}\n            onClick={() => {\n              onClose()\n            }}\n          >\n            Cancel\n          </Button>\n          {step === CsvPreviewDialogStep.COLUMN_PREVIEW && (\n            <Button\n              disabled={isLoadingPreview}\n              variant={'contained'}\n              onClick={() => {\n                onConfirm(\n                  uploadedFileHandleId!,\n                  csvPreviewData!.suggestedColumns!,\n                  csvTableDescriptor,\n                )\n              }}\n              loading={confirmIsPending}\n            >\n              Confirm\n            </Button>\n          )}\n        </>\n      }\n    />\n  )\n}\n"],"names":["CsvPreviewDialog","props","open","onClose","onConfirm","confirmIsPending","errorMessage","step","setStep","useState","csvTableDescriptor","setCsvTableDescriptor","csvPreviewData","setCsvPreviewData","isLoadingPreview","setIsLoadingPreview","uploadedFileHandleId","setUploadedFileHandleId","onFileUploaded","useCallback","fileHandleId","uploadRef","useRef","csvDescriptorFormRef","jsx","DialogBase","jsxs","Fragment","BasicFileHandleUpload","Stack","CsvPreview","Accordion","AccordionSummary","ExpandMoreIcon","Typography","AccordionDetails","CsvTableDescriptorForm","Button","RefreshTwoTone","ErrorBanner"],"mappings":"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"}

package/dist/features/curator/GridPage/GridPage.js

@@ -55,11 +55,14 @@ import "@mui/material/SvgIcon";
 import "../../../assets/icons/AccessPending.svg.js";
 import "../../../assets/icons/AccessPendingCloud.svg.js";
 import "../../../assets/icons/FileWithShield.svg.js";
+import "../../../assets/icons/MultiFile.svg.js";
+import "../../../assets/icons/UnpackagableFile.svg.js";
 import "../../../assets/icons/bioChemicalPhysical.svg.js";
 import "../../../assets/icons/computationalTool.svg.js";
 import "../../../assets/icons/dataReuse.svg.js";
 import "../../../assets/icons/inSilicoModel.svg.js";
 import "../../../assets/icons/modelSystem.svg.js";
+import "../../../assets/mui_components/PackagableFile.svg.js";
 import "../../../assets/icons/spatialProfiling.svg.js";
 import "../../../components/Authentication/AuthenticationMethodSelection.js";
 import "mui-one-time-password-input";
@@ -84,6 +87,7 @@ import "../../../assets/icons/study-complete.svg.js";
 import "../../../assets/icons/translational.svg.js";
 import "../../../assets/icons/tree_horizontal.svg.js";
 import "../../../assets/icons/standardDataModel.svg.js";
+import "../../../assets/icons/Challenge.svg.js";
 import "react-intersection-observer";
 import "@rjsf/utils";
 import "../../../components/SchemaDrivenAnnotationEditor/template/AdditionalPropertyContext.js";
@@ -101,10 +105,10 @@ import "../../../assets/icons/DoubleQuotes.svg.js";
 import "../../../components/EntityDownloadConfirmation/EntityDownloadConfirmation.js";
 import "../../../components/QueryContext/QueryContext.js";
 import "../../../components/QueryVisualizationWrapper/QueryVisualizationContext.js";
+import "react-share";
 import "../../../components/GenericCard/GenericCard.js";
 import "@mui/system";
 import "../../../components/GenericCard/Linkify.js";
-import "react-share";
 import "jotai";
 import "lodash-es/noop";
 import "../../../components/QueryWrapper/TableRowSelectionState.js";
@@ -203,6 +207,7 @@ import "lodash-es/set";
 import "lodash-es/trimStart";
 import "../../../components/SynapseForm/SynapseFormSubmissionGrid.js";
 import "../../../components/SynapseChat/AccessLevelMenu.js";
+import "react-draggable";
 import "../../../components/TimelinePlot/phasesQueryResponseData.js";
 import "../../../components/EntityHeaderTable/EntityHeaderTable.js";
 import "../../../components/MuiContainer.js";
@@ -231,10 +236,10 @@ function G() {
     ) })
   ] }) : /* @__PURE__ */ r(R, { error: "Missing sessionId" });
 }
-function Gi(t) {
+function Si(t) {
   return /* @__PURE__ */ r(c, { ...t, children: /* @__PURE__ */ r(G, {}) });
 }
 export {
-  Gi as default
+  Si as default
 };
 //# sourceMappingURL=GridPage.js.map

package/dist/features/curator/GridPage/GridPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridPage.js","sources":["../../../../src/features/curator/GridPage/GridPage.tsx"],"sourcesContent":["import SynapseGrid from '@/components/DataGrid/index'\nimport { ErrorBanner } from '@/components/index'\nimport GridPageRouter, {\n  GridPageRouterProps,\n} from '@/features/curator/GridPage/components/GridPageRouter'\nimport GridPageTitle from '@/features/curator/GridPage/components/GridPageTitle'\nimport {\n  GRID_PAGE_SESSION_ID_QUERY_PARAM,\n  GRID_PAGE_AGENT_REGISTRATION_ID_QUERY_PARAM,\n  GRID_PAGE_TASK_ID_QUERY_PARAM,\n} from '@/utils/SynapseConstants'\nimport { useSearchParams } from 'react-router'\n\nfunction GridPageInternal() {\n  const [searchParams] = useSearchParams()\n\n  const sessionId = decodeURIComponent(\n    searchParams.get(GRID_PAGE_SESSION_ID_QUERY_PARAM) ?? '',\n  )\n  const rawTaskId = searchParams.get(GRID_PAGE_TASK_ID_QUERY_PARAM)\n  const taskId = rawTaskId ? parseInt(rawTaskId) : undefined\n  const agentRegistrationId = searchParams.get(\n    GRID_PAGE_AGENT_REGISTRATION_ID_QUERY_PARAM,\n  )\n\n  // If no session id, error\n  if (!sessionId) {\n    return <ErrorBanner error={'Missing sessionId'} />\n  }\n\n  return (\n    <>\n      <GridPageTitle sessionId={sessionId} taskId={taskId} />\n      <div className={'pageContent'}>\n        <SynapseGrid\n          agentRegistrationId={agentRegistrationId ?? undefined}\n          ref={handle => {\n            if (handle) {\n              handle.loadExistingSession(sessionId)\n            }\n          }}\n        />\n      </div>\n    </>\n  )\n}\n\nexport type GridPageProps = Omit<GridPageRouterProps, 'children'>\n\n/**\n * A page that displays the Curator grid, with included routing logic\n */\nexport default function GridPage(props: GridPageProps) {\n  return (\n    <GridPageRouter {...props}>\n      <GridPageInternal />\n    </GridPageRouter>\n  )\n}\n"],"names":["GridPageInternal","searchParams","useSearchParams","sessionId","GRID_PAGE_SESSION_ID_QUERY_PARAM","rawTaskId","GRID_PAGE_TASK_ID_QUERY_PARAM","taskId","agentRegistrationId","GRID_PAGE_AGENT_REGISTRATION_ID_QUERY_PARAM","jsxs","Fragment","jsx","GridPageTitle","SynapseGrid","handle","ErrorBanner","GridPage","props","GridPageRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,SAASA,IAAmB;AAC1B,QAAM,CAACC,CAAY,IAAIC,EAAA,GAEjBC,IAAY;AAAA,IAChBF,EAAa,IAAIG,CAAgC,KAAK;AAAA,EAAA,GAElDC,IAAYJ,EAAa,IAAIK,CAA6B,GAC1DC,IAASF,IAAY,SAASA,CAAS,IAAI,QAC3CG,IAAsBP,EAAa;AAAA,IACvCQ;AAAA,EAAA;AAIF,SAAKN,IAKH,gBAAAO,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc,WAAAV,GAAsB,QAAAI,EAAA,CAAgB;AAAA,IACrD,gBAAAK,EAAC,OAAA,EAAI,WAAW,eACd,UAAA,gBAAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,qBAAqBN,KAAuB;AAAA,QAC5C,KAAK,CAAAO,MAAU;AACb,UAAIA,KACFA,EAAO,oBAAoBZ,CAAS;AAAA,QAExC;AAAA,MAAA;AAAA,IAAA,EACF,CACF;AAAA,EAAA,GACF,IAhBO,gBAAAS,EAACI,GAAA,EAAY,OAAO,oBAAA,CAAqB;AAkBpD;AAOA,SAAwBC,GAASC,GAAsB;AACrD,2BACGC,GAAA,EAAgB,GAAGD,GAClB,UAAA,gBAAAN,EAACZ,KAAiB,GACpB;AAEJ;"}
+{"version":3,"file":"GridPage.js","sources":["../../../../src/features/curator/GridPage/GridPage.tsx"],"sourcesContent":["import SynapseGrid from '@/components/DataGrid/index'\nimport { ErrorBanner } from '@/components/index'\nimport GridPageRouter, {\n  GridPageRouterProps,\n} from '@/features/curator/GridPage/components/GridPageRouter'\nimport GridPageTitle from '@/features/curator/GridPage/components/GridPageTitle'\nimport {\n  GRID_PAGE_SESSION_ID_QUERY_PARAM,\n  GRID_PAGE_AGENT_REGISTRATION_ID_QUERY_PARAM,\n  GRID_PAGE_TASK_ID_QUERY_PARAM,\n} from '@/utils/SynapseConstants'\nimport { useSearchParams } from 'react-router'\n\nfunction GridPageInternal() {\n  const [searchParams] = useSearchParams()\n\n  const sessionId = decodeURIComponent(\n    searchParams.get(GRID_PAGE_SESSION_ID_QUERY_PARAM) ?? '',\n  )\n  const rawTaskId = searchParams.get(GRID_PAGE_TASK_ID_QUERY_PARAM)\n  const taskId = rawTaskId ? parseInt(rawTaskId) : undefined\n  const agentRegistrationId = searchParams.get(\n    GRID_PAGE_AGENT_REGISTRATION_ID_QUERY_PARAM,\n  )\n\n  // If no session id, error\n  if (!sessionId) {\n    return <ErrorBanner error={'Missing sessionId'} />\n  }\n\n  return (\n    <>\n      <GridPageTitle sessionId={sessionId} taskId={taskId} />\n      <div className={'pageContent'}>\n        <SynapseGrid\n          agentRegistrationId={agentRegistrationId ?? undefined}\n          ref={handle => {\n            if (handle) {\n              handle.loadExistingSession(sessionId)\n            }\n          }}\n        />\n      </div>\n    </>\n  )\n}\n\nexport type GridPageProps = Omit<GridPageRouterProps, 'children'>\n\n/**\n * A page that displays the Curator grid, with included routing logic\n */\nexport default function GridPage(props: GridPageProps) {\n  return (\n    <GridPageRouter {...props}>\n      <GridPageInternal />\n    </GridPageRouter>\n  )\n}\n"],"names":["GridPageInternal","searchParams","useSearchParams","sessionId","GRID_PAGE_SESSION_ID_QUERY_PARAM","rawTaskId","GRID_PAGE_TASK_ID_QUERY_PARAM","taskId","agentRegistrationId","GRID_PAGE_AGENT_REGISTRATION_ID_QUERY_PARAM","jsxs","Fragment","jsx","GridPageTitle","SynapseGrid","handle","ErrorBanner","GridPage","props","GridPageRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,SAASA,IAAmB;AAC1B,QAAM,CAACC,CAAY,IAAIC,EAAA,GAEjBC,IAAY;AAAA,IAChBF,EAAa,IAAIG,CAAgC,KAAK;AAAA,EAAA,GAElDC,IAAYJ,EAAa,IAAIK,CAA6B,GAC1DC,IAASF,IAAY,SAASA,CAAS,IAAI,QAC3CG,IAAsBP,EAAa;AAAA,IACvCQ;AAAA,EAAA;AAIF,SAAKN,IAKH,gBAAAO,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc,WAAAV,GAAsB,QAAAI,EAAA,CAAgB;AAAA,IACrD,gBAAAK,EAAC,OAAA,EAAI,WAAW,eACd,UAAA,gBAAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,qBAAqBN,KAAuB;AAAA,QAC5C,KAAK,CAAAO,MAAU;AACb,UAAIA,KACFA,EAAO,oBAAoBZ,CAAS;AAAA,QAExC;AAAA,MAAA;AAAA,IAAA,EACF,CACF;AAAA,EAAA,GACF,IAhBO,gBAAAS,EAACI,GAAA,EAAY,OAAO,oBAAA,CAAqB;AAkBpD;AAOA,SAAwBC,GAASC,GAAsB;AACrD,2BACGC,GAAA,EAAgB,GAAGD,GAClB,UAAA,gBAAAN,EAACZ,KAAiB,GACpB;AAEJ;"}

package/dist/features/curator/GridPage/components/GridPageTitle.js

@@ -56,11 +56,14 @@ import "@mui/material/SvgIcon";
 import "../../../../assets/icons/AccessPending.svg.js";
 import "../../../../assets/icons/AccessPendingCloud.svg.js";
 import "../../../../assets/icons/FileWithShield.svg.js";
+import "../../../../assets/icons/MultiFile.svg.js";
+import "../../../../assets/icons/UnpackagableFile.svg.js";
 import "../../../../assets/icons/bioChemicalPhysical.svg.js";
 import "../../../../assets/icons/computationalTool.svg.js";
 import "../../../../assets/icons/dataReuse.svg.js";
 import "../../../../assets/icons/inSilicoModel.svg.js";
 import "../../../../assets/icons/modelSystem.svg.js";
+import "../../../../assets/mui_components/PackagableFile.svg.js";
 import "../../../../assets/icons/spatialProfiling.svg.js";
 import "../../../../components/Authentication/AuthenticationMethodSelection.js";
 import "mui-one-time-password-input";
@@ -85,6 +88,7 @@ import "../../../../assets/icons/study-complete.svg.js";
 import "../../../../assets/icons/translational.svg.js";
 import "../../../../assets/icons/tree_horizontal.svg.js";
 import "../../../../assets/icons/standardDataModel.svg.js";
+import "../../../../assets/icons/Challenge.svg.js";
 import "react-intersection-observer";
 import "@rjsf/utils";
 import "../../../../components/SchemaDrivenAnnotationEditor/template/AdditionalPropertyContext.js";
@@ -102,10 +106,10 @@ import "../../../../assets/icons/DoubleQuotes.svg.js";
 import "../../../../components/EntityDownloadConfirmation/EntityDownloadConfirmation.js";
 import "../../../../components/QueryContext/QueryContext.js";
 import "../../../../components/QueryVisualizationWrapper/QueryVisualizationContext.js";
+import "react-share";
 import "../../../../components/GenericCard/GenericCard.js";
 import "@mui/system";
 import "../../../../components/GenericCard/Linkify.js";
-import "react-share";
 import "jotai";
 import "lodash-es/noop";
 import "../../../../components/QueryWrapper/TableRowSelectionState.js";
@@ -204,6 +208,7 @@ import "lodash-es/set";
 import "lodash-es/trimStart";
 import "../../../../components/SynapseForm/SynapseFormSubmissionGrid.js";
 import "../../../../components/SynapseChat/AccessLevelMenu.js";
+import "react-draggable";
 import "../../../../components/TimelinePlot/phasesQueryResponseData.js";
 import "../../../../components/EntityHeaderTable/EntityHeaderTable.js";
 import "../../../../components/MuiContainer.js";
@@ -213,7 +218,7 @@ import "../../../../components/PortalAclEditor/PortalAclEditor.js";
 import "../../../../components/SynapseHomepageV2/HomepageStyles.js";
 import { useGetCurationTask as y } from "../../../../synapse-queries/curation/task/useCurationTask.js";
 import { useGetGridSession as I } from "../../../../synapse-queries/grid/useGridSession.js";
-function ko(c) {
+function $o(c) {
   const { sessionId: m, taskId: p } = c, { data: t, error: e } = I(m), { data: n } = u(
     t?.sourceEntityId
   ), { data: o } = y(p || 0, {
@@ -253,6 +258,6 @@ function ko(c) {
   ] });
 }
 export {
-  ko as default
+  $o as default
 };
 //# sourceMappingURL=GridPageTitle.js.map

package/dist/features/curator/GridPage/components/GridPageTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridPageTitle.js","sources":["../../../../../src/features/curator/GridPage/components/GridPageTitle.tsx"],"sourcesContent":["import { ErrorBanner } from '@/components/index'\nimport { StyledPopover } from '@/components/styled/StyledPopover'\nimport { useGetCurationTask } from '@/synapse-queries/curation/task/useCurationTask'\nimport { useGetGridSession } from '@/synapse-queries/grid/useGridSession'\nimport { useGetEntityHeader } from '@/synapse-queries/index'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions/index'\nimport { Link, Stack, Tooltip, Typography } from '@mui/material'\n\ntype GridPageTitleProps = {\n  sessionId: string\n  taskId?: number\n}\n\nexport default function GridPageTitle(props: GridPageTitleProps) {\n  const { sessionId, taskId } = props\n  const { data: gridSession, error: gridSessionError } =\n    useGetGridSession(sessionId)\n  const { data: gridSourceEntity } = useGetEntityHeader(\n    gridSession?.sourceEntityId,\n  )\n  const { data: curationTask } = useGetCurationTask(taskId || 0, {\n    enabled: taskId != null,\n  })\n\n  if (gridSessionError) {\n    return <ErrorBanner error={gridSessionError} />\n  }\n\n  return (\n    <div className={'pageHeader'}>\n      <h3 className={'pageHeaderTitle'}>\n        Working Copy{' '}\n        {gridSourceEntity?.name ? `of ${gridSourceEntity.name}` : ''}\n      </h3>\n      <Stack className={'description'} spacing={1}>\n        <Typography variant={'headline2'}>ID: {sessionId}</Typography>\n        {curationTask && (\n          <Stack direction=\"row\" spacing={1} alignItems=\"center\">\n            <Typography variant={'body1'}>\n              <strong>Task Name:</strong> {curationTask.dataType}{' '}\n            </Typography>\n            <StyledPopover popoverContent={curationTask.instructions}>\n              <Link underline=\"hover\">View Instructions</Link>\n            </StyledPopover>\n          </Stack>\n        )}\n        {gridSession?.gridJsonSchema$Id && (\n          <div>\n            <Tooltip title={gridSession?.gridJsonSchema$Id} placement={'right'}>\n              <Link\n                target={'_blank'}\n                href={`${getEndpoint(\n                  BackendDestinationEnum.REPO_ENDPOINT,\n                )}/repo/v1/schema/type/registered/${\n                  gridSession?.gridJsonSchema$Id\n                }`}\n              >\n                View Validation Schema (JSON)\n              </Link>\n            </Tooltip>\n          </div>\n        )}\n      </Stack>\n    </div>\n  )\n}\n"],"names":["GridPageTitle","props","sessionId","taskId","gridSession","gridSessionError","useGetGridSession","gridSourceEntity","useGetEntityHeader","curationTask","useGetCurationTask","jsx","ErrorBanner","jsxs","Stack","Typography","StyledPopover","Link","Tooltip","getEndpoint","BackendDestinationEnum"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,SAAwBA,GAAcC,GAA2B;AAC/D,QAAM,EAAE,WAAAC,GAAW,QAAAC,EAAA,IAAWF,GACxB,EAAE,MAAMG,GAAa,OAAOC,EAAA,IAChCC,EAAkBJ,CAAS,GACvB,EAAE,MAAMK,EAAA,IAAqBC;AAAA,IACjCJ,GAAa;AAAA,EAAA,GAET,EAAE,MAAMK,EAAA,IAAiBC,EAAmBP,KAAU,GAAG;AAAA,IAC7D,SAASA,KAAU;AAAA,EAAA,CACpB;AAED,SAAIE,IACK,gBAAAM,EAACC,GAAA,EAAY,OAAOP,EAAA,CAAkB,IAI7C,gBAAAQ,EAAC,OAAA,EAAI,WAAW,cACd,UAAA;AAAA,IAAA,gBAAAA,EAAC,MAAA,EAAG,WAAW,mBAAmB,UAAA;AAAA,MAAA;AAAA,MACnB;AAAA,MACZN,GAAkB,OAAO,MAAMA,EAAiB,IAAI,KAAK;AAAA,IAAA,GAC5D;AAAA,IACA,gBAAAM,EAACC,GAAA,EAAM,WAAW,eAAe,SAAS,GACxC,UAAA;AAAA,MAAA,gBAAAD,EAACE,GAAA,EAAW,SAAS,aAAa,UAAA;AAAA,QAAA;AAAA,QAAKb;AAAA,MAAA,GAAU;AAAA,MAChDO,uBACEK,GAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,QAAA,gBAAAD,EAACE,GAAA,EAAW,SAAS,SACnB,UAAA;AAAA,UAAA,gBAAAJ,EAAC,YAAO,UAAA,aAAA,CAAU;AAAA,UAAS;AAAA,UAAEF,EAAa;AAAA,UAAU;AAAA,QAAA,GACtD;AAAA,QACA,gBAAAE,EAACK,GAAA,EAAc,gBAAgBP,EAAa,cAC1C,4BAACQ,GAAA,EAAK,WAAU,SAAQ,UAAA,oBAAA,CAAiB,EAAA,CAC3C;AAAA,MAAA,GACF;AAAA,MAEDb,GAAa,qBACZ,gBAAAO,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACO,KAAQ,OAAOd,GAAa,mBAAmB,WAAW,SACzD,UAAA,gBAAAO;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,QAAQ;AAAA,UACR,MAAM,GAAGE;AAAA,YACPC,EAAuB;AAAA,UAAA,CACxB,mCACChB,GAAa,iBACf;AAAA,UACD,UAAA;AAAA,QAAA;AAAA,MAAA,GAGH,EAAA,CACF;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"GridPageTitle.js","sources":["../../../../../src/features/curator/GridPage/components/GridPageTitle.tsx"],"sourcesContent":["import { ErrorBanner } from '@/components/index'\nimport { StyledPopover } from '@/components/styled/StyledPopover'\nimport { useGetCurationTask } from '@/synapse-queries/curation/task/useCurationTask'\nimport { useGetGridSession } from '@/synapse-queries/grid/useGridSession'\nimport { useGetEntityHeader } from '@/synapse-queries/index'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions/index'\nimport { Link, Stack, Tooltip, Typography } from '@mui/material'\n\ntype GridPageTitleProps = {\n  sessionId: string\n  taskId?: number\n}\n\nexport default function GridPageTitle(props: GridPageTitleProps) {\n  const { sessionId, taskId } = props\n  const { data: gridSession, error: gridSessionError } =\n    useGetGridSession(sessionId)\n  const { data: gridSourceEntity } = useGetEntityHeader(\n    gridSession?.sourceEntityId,\n  )\n  const { data: curationTask } = useGetCurationTask(taskId || 0, {\n    enabled: taskId != null,\n  })\n\n  if (gridSessionError) {\n    return <ErrorBanner error={gridSessionError} />\n  }\n\n  return (\n    <div className={'pageHeader'}>\n      <h3 className={'pageHeaderTitle'}>\n        Working Copy{' '}\n        {gridSourceEntity?.name ? `of ${gridSourceEntity.name}` : ''}\n      </h3>\n      <Stack className={'description'} spacing={1}>\n        <Typography variant={'headline2'}>ID: {sessionId}</Typography>\n        {curationTask && (\n          <Stack direction=\"row\" spacing={1} alignItems=\"center\">\n            <Typography variant={'body1'}>\n              <strong>Task Name:</strong> {curationTask.dataType}{' '}\n            </Typography>\n            <StyledPopover popoverContent={curationTask.instructions}>\n              <Link underline=\"hover\">View Instructions</Link>\n            </StyledPopover>\n          </Stack>\n        )}\n        {gridSession?.gridJsonSchema$Id && (\n          <div>\n            <Tooltip title={gridSession?.gridJsonSchema$Id} placement={'right'}>\n              <Link\n                target={'_blank'}\n                href={`${getEndpoint(\n                  BackendDestinationEnum.REPO_ENDPOINT,\n                )}/repo/v1/schema/type/registered/${\n                  gridSession?.gridJsonSchema$Id\n                }`}\n              >\n                View Validation Schema (JSON)\n              </Link>\n            </Tooltip>\n          </div>\n        )}\n      </Stack>\n    </div>\n  )\n}\n"],"names":["GridPageTitle","props","sessionId","taskId","gridSession","gridSessionError","useGetGridSession","gridSourceEntity","useGetEntityHeader","curationTask","useGetCurationTask","jsx","ErrorBanner","jsxs","Stack","Typography","StyledPopover","Link","Tooltip","getEndpoint","BackendDestinationEnum"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,SAAwBA,GAAcC,GAA2B;AAC/D,QAAM,EAAE,WAAAC,GAAW,QAAAC,EAAA,IAAWF,GACxB,EAAE,MAAMG,GAAa,OAAOC,EAAA,IAChCC,EAAkBJ,CAAS,GACvB,EAAE,MAAMK,EAAA,IAAqBC;AAAA,IACjCJ,GAAa;AAAA,EAAA,GAET,EAAE,MAAMK,EAAA,IAAiBC,EAAmBP,KAAU,GAAG;AAAA,IAC7D,SAASA,KAAU;AAAA,EAAA,CACpB;AAED,SAAIE,IACK,gBAAAM,EAACC,GAAA,EAAY,OAAOP,EAAA,CAAkB,IAI7C,gBAAAQ,EAAC,OAAA,EAAI,WAAW,cACd,UAAA;AAAA,IAAA,gBAAAA,EAAC,MAAA,EAAG,WAAW,mBAAmB,UAAA;AAAA,MAAA;AAAA,MACnB;AAAA,MACZN,GAAkB,OAAO,MAAMA,EAAiB,IAAI,KAAK;AAAA,IAAA,GAC5D;AAAA,IACA,gBAAAM,EAACC,GAAA,EAAM,WAAW,eAAe,SAAS,GACxC,UAAA;AAAA,MAAA,gBAAAD,EAACE,GAAA,EAAW,SAAS,aAAa,UAAA;AAAA,QAAA;AAAA,QAAKb;AAAA,MAAA,GAAU;AAAA,MAChDO,uBACEK,GAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,QAAA,gBAAAD,EAACE,GAAA,EAAW,SAAS,SACnB,UAAA;AAAA,UAAA,gBAAAJ,EAAC,YAAO,UAAA,aAAA,CAAU;AAAA,UAAS;AAAA,UAAEF,EAAa;AAAA,UAAU;AAAA,QAAA,GACtD;AAAA,QACA,gBAAAE,EAACK,GAAA,EAAc,gBAAgBP,EAAa,cAC1C,4BAACQ,GAAA,EAAK,WAAU,SAAQ,UAAA,oBAAA,CAAiB,EAAA,CAC3C;AAAA,MAAA,GACF;AAAA,MAEDb,GAAa,qBACZ,gBAAAO,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACO,KAAQ,OAAOd,GAAa,mBAAmB,WAAW,SACzD,UAAA,gBAAAO;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,QAAQ;AAAA,UACR,MAAM,GAAGE;AAAA,YACPC,EAAuB;AAAA,UAAA,CACxB,mCACChB,GAAa,iBACf;AAAA,UACD,UAAA;AAAA,QAAA;AAAA,MAAA,GAGH,EAAA,CACF;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}