npm - synapse-react-client - Versions diffs - 4.0.18 → 4.0.20 - Mend

synapse-react-client 4.0.18 → 4.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1609) hide show

package/dist/components/SynapseTable/datasets/DatasetItemsEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatasetItemsEditor.js","names":[],"sources":["../../../../src/components/SynapseTable/datasets/DatasetItemsEditor.tsx"],"sourcesContent":["import React from 'react'\nimport WideButton from '@/components/styled/WideButton'\nimport { datasetItemToReference } from '@/components/SynapseTable/datasets/DatasetEditorUtils'\nimport {\n useGetEntity,\n useGetEntityPath,\n useUpdateEntity,\n} from '@/synapse-queries'\nimport { RequiredProperties } from '@/utils'\nimport {\n convertToEntityType,\n entityTypeToFriendlyName,\n isDataset,\n isDatasetCollection,\n} from '@/utils/functions/EntityTypeUtils'\nimport { useSet } from '@/utils/hooks'\nimport AddCircleTwoToneIcon from '@mui/icons-material/AddCircleTwoTone'\nimport {\n Alert,\n Button,\n Checkbox,\n Skeleton,\n Tooltip,\n Typography,\n} from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n EntityRef,\n EntityRefCollectionView,\n Reference,\n} from '@sage-bionetworks/synapse-types'\nimport {\n createColumnHelper,\n getCoreRowModel,\n Table,\n useReactTable,\n} from '@tanstack/react-table'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport { isEqual, upperFirst } from 'lodash-es'\nimport pluralize from 'pluralize'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport { CreatedOnCell } from '../../EntityFinder/details/view/table/CreatedOnCell'\nimport { EntityBadgeIconsCell } from '../../EntityFinder/details/view/table/EntityBadgeIconsCell'\nimport { EntityNameCell } from '../../EntityFinder/details/view/table/EntityNameCell'\nimport { ModifiedByCell } from '../../EntityFinder/details/view/table/ModifiedByCell'\nimport { ModifiedOnCell } from '../../EntityFinder/details/view/table/ModifiedOnCell'\nimport { ParentProjectCell } from '../../EntityFinder/details/view/table/ParentProjectCell'\nimport { EntityFinderModal } from '../../EntityFinder/EntityFinderModal'\nimport { FinderScope } from '../../EntityFinder/tree/EntityTree'\nimport { VersionSelectionType } from '../../EntityFinder/VersionSelectionType'\nimport { BlockingLoader } from '../../LoadingScreen/LoadingScreen'\nimport { SkeletonTable } from '../../Skeleton'\nimport WarningDialog from '../../SynapseForm/WarningDialog'\nimport ColumnHeader from '../../TanStackTable/ColumnHeader'\nimport StyledVirtualTanStackTable from '../../TanStackTable/StyledVirtualTanStackTable'\nimport { displayToast } from '../../ToastMessage'\nimport { DatasetEditorCheckboxCell } from './DatasetEditorCheckboxCell'\nimport { DatasetEditorVersionCell } from './DatasetEditorVersionCell'\nimport { EntityFetchErrorCell } from './EntityFetchErrorCell'\n\nexport type DatasetItemsEditorTableData = EntityRef & {\n isSelected: boolean\n setSelected: (value: boolean) => void\n}\n\nenum DatasetItemsEditorColumn {\n ERROR_STATE = 'errorState',\n SELECTED = 'isSelected',\n NAME = 'name',\n ENTITY_ID = 'entityId',\n BADGES = 'badges',\n VERSION = 'version',\n CREATED_ON = 'createdOn',\n MODIFIED_ON = 'modifieddOn',\n MODIFIED_BY = 'modifiedBy',\n PROJECT = 'project',\n}\n\nconst columnHelper = createColumnHelper<DatasetItemsEditorTableData>()\nfunction getColumns(\n opts: SelectAllCheckboxRendererProps & {\n changeVersionOnItem: (entityId: string, newVersion: number) => void\n },\n) {\n const {\n datasetToUpdate,\n selectedIds,\n clearSelectedIds,\n addSelectedId,\n allItemsAreSelected,\n changeVersionOnItem,\n } = opts\n return [\n columnHelper.display({\n id: DatasetItemsEditorColumn.ERROR_STATE,\n minSize: 35,\n maxSize: 35,\n size: 35,\n enableResizing: false,\n header: () => null,\n cell: EntityFetchErrorCell,\n }),\n columnHelper.display({\n id: DatasetItemsEditorColumn.SELECTED,\n minSize: 40,\n maxSize: 40,\n size: 40,\n enableResizing: false,\n header: () => (\n <SelectAllCheckboxRenderer\n datasetToUpdate={datasetToUpdate}\n selectedIds={selectedIds}\n clearSelectedIds={clearSelectedIds}\n addSelectedId={addSelectedId}\n allItemsAreSelected={allItemsAreSelected}\n />\n ),\n cell: DatasetEditorCheckboxCell,\n }),\n columnHelper.display({\n id: DatasetItemsEditorColumn.NAME,\n minSize: 50,\n size: 300,\n header: props => <ColumnHeader {...props} title={'Name'} />,\n cell: EntityNameCell,\n }),\n columnHelper.accessor(DatasetItemsEditorColumn.ENTITY_ID, {\n minSize: 50,\n size: 130,\n header: props => <ColumnHeader {...props} title={'ID'} />,\n enableColumnFilter: false,\n }),\n columnHelper.display({\n id: DatasetItemsEditorColumn.BADGES,\n minSize: 80,\n size: 80,\n enableResizing: true,\n cell: EntityBadgeIconsCell,\n }),\n columnHelper.display({\n id: DatasetItemsEditorColumn.VERSION,\n minSize: 150,\n size: 150,\n header: props => <ColumnHeader {...props} title={'Version'} />,\n cell: props => (\n <DatasetEditorVersionCell\n {...props}\n toggleSelection={datasetItem => {\n changeVersionOnItem(datasetItem.entityId, datasetItem.versionNumber)\n }}\n />\n ),\n }),\n columnHelper.display({\n id: DatasetItemsEditorColumn.CREATED_ON,\n header: props => <ColumnHeader {...props} title={'Created On'} />,\n size: 220,\n minSize: 170,\n cell: CreatedOnCell,\n }),\n columnHelper.display({\n id: DatasetItemsEditorColumn.MODIFIED_ON,\n header: props => <ColumnHeader {...props} title={'Modified On'} />,\n size: 220,\n minSize: 170,\n cell: ModifiedOnCell,\n }),\n columnHelper.display({\n id: DatasetItemsEditorColumn.MODIFIED_BY,\n header: props => <ColumnHeader {...props} title={'Modified By'} />,\n size: 250,\n enableResizing: true,\n cell: ModifiedByCell,\n }),\n columnHelper.display({\n id: DatasetItemsEditorColumn.PROJECT,\n header: props => <ColumnHeader {...props} title={'Size'} />,\n size: 300,\n cell: ParentProjectCell,\n }),\n ]\n}\n\nfunction getSelectableTypes(entity: EntityRefCollectionView) {\n if (isDataset(entity)) {\n return [EntityType.file]\n } else if (isDatasetCollection(entity)) {\n return [EntityType.dataset]\n } else {\n console.error(\n 'Cannot determine selectable types for entity type: ' +\n entity.concreteType,\n )\n return []\n }\n}\n\nexport function getCopy(entity?: EntityRefCollectionView) {\n const displayName = entity\n ? entityTypeToFriendlyName(convertToEntityType(entity.concreteType))\n : 'Collection'\n let itemName = 'Item'\n let currentVersionName = 'Current Version'\n if (entity && isDataset(entity)) {\n itemName = entityTypeToFriendlyName(EntityType.file)\n currentVersionName = 'Draft'\n } else if (entity && isDatasetCollection(entity)) {\n itemName = entityTypeToFriendlyName(EntityType.dataset)\n }\n\n const entityFinderPopover =\n entity && isDataset(entity)\n ? `Use the left pane to browse projects and folders. Select ${pluralize(\n itemName,\n )} from the right pane to add to this ${displayName}. ${upperFirst(\n pluralize(itemName),\n )} in a ${displayName} can be added from multiple folders. You can also use Search to find and select ${pluralize(\n itemName,\n )}.`\n : `Use the left pane to browse projects. Select ${pluralize(\n itemName,\n )} from the right pane to add to this ${displayName}. ${upperFirst(\n pluralize(itemName),\n )} in a ${displayName} can be added from multiple projects. You can also use Search to find and select ${pluralize(\n itemName,\n )}.`\n\n return {\n ADD_ITEMS: `Add ${pluralize(itemName)}`,\n ADD_ITEMS_TO: `Add ${pluralize(itemName)} to ${displayName}`,\n REMOVE_ITEMS: `Remove ${pluralize(itemName)}`,\n NO_ITEMS_IN_THIS_DATASET: `No ${pluralize(\n itemName,\n )} in this ${displayName}`,\n SAVE_TO_CONTINUE: `Save the ${displayName} to continue`,\n CREATE_VERSION_TO_FREEZE: `Create a Version of this ${displayName} to freeze it in its current state`,\n ENTITY_SAVED: `${displayName} Saved`,\n SAVE_CHANGES: `Save changes to ${currentVersionName}`,\n ENTITY_FINDER_POPOVER: entityFinderPopover,\n ENTITY_FINDER_PROMPT: `Find ${pluralize(\n itemName,\n )} to add to the ${displayName}.`,\n PRECONDITION_FAILED_MESSAGE: `Re-retrieve the ${displayName} to get the latest changes. Your current changes will be lost.`,\n PRECONDITION_FAILED_TITLE: `${displayName} updated since last fetched`,\n PRECONDITION_FAILED_ACTION: `Retrieve ${displayName}`,\n NO_CHANGES_MADE: `You have not made any changes to the ${displayName}.`,\n }\n}\n\nfunction getDataSetDifference(\n oldDataSet: EntityRef[],\n changedItems: EntityRef[],\n) {\n const unchangedItems = oldDataSet.filter(\n oldItem =>\n !changedItems.find(newItem => newItem.entityId === oldItem.entityId),\n )\n const deletedItems = [...unchangedItems]\n const { updatedItems, newItems } = changedItems.reduce(\n (results, result) => {\n const oldItem = oldDataSet.find(old => old.entityId === result.entityId)\n if (oldItem) {\n if (result.versionNumber !== oldItem.versionNumber) {\n results['updatedItems'].push(result)\n } else {\n unchangedItems.push(result)\n }\n } else {\n results['newItems'].push(result)\n }\n return results\n },\n { updatedItems: [], newItems: [] } as {\n updatedItems: EntityRef[]\n newItems: EntityRef[]\n },\n )\n\n return { unchangedItems, updatedItems, newItems, deletedItems }\n}\n\nfunction getDatasetChangedToastMessageTitle(\n previousDatasetToUpdate?: RequiredProperties<\n EntityRefCollectionView,\n 'items'\n >,\n datasetToUpdate?: RequiredProperties<EntityRefCollectionView, 'items'>,\n) {\n const { updatedItems, newItems, deletedItems } = getDataSetDifference(\n previousDatasetToUpdate?.items ?? [],\n datasetToUpdate?.items!,\n )\n let toastTitle = ''\n\n // \"X items(s) deleted\"\n if (deletedItems.length > 0) {\n toastTitle += `${deletedItems.length} Item${\n deletedItems.length === 1 ? '' : 's'\n } removed`\n } else {\n // \"Y item(s) added\"\n toastTitle += `${newItems.length} Item${\n newItems.length === 1 ? '' : 's'\n } added`\n\n // \"and Z item(s) updated\", only shown if there are updated items\n if (updatedItems.length > 0) {\n toastTitle += ` and ${updatedItems.length} Item${\n updatedItems.length === 1 ? '' : 's'\n } updated`\n }\n }\n return toastTitle\n}\n\nexport type DatasetItemsEditorProps = {\n /* The synId of the EntityRefCollectionView to modify /\n entityId: string\n /* Callback invoked when the editor changes state to contain un/saved changes. */\n onUnsavedChangesChange?: (hasUnsavedChanges: boolean) => void\n onSave?: () => void\n onClose?: () => void\n}\n\nconst ROW_HEIGHT = 48\n\ntype SelectAllCheckboxRendererProps = {\n datasetToUpdate: RequiredProperties<EntityRefCollectionView, 'items'>\n selectedIds: Omit<Set<string>, 'add' \| 'delete' \| 'clear'>\n addSelectedId: (...items: string[]) => void\n clearSelectedIds: () => void\n allItemsAreSelected: boolean\n}\n\nconst SelectAllCheckboxRenderer = (\n props: SelectAllCheckboxRendererProps,\n): React.ReactNode => {\n const {\n datasetToUpdate,\n clearSelectedIds,\n allItemsAreSelected,\n addSelectedId,\n } = props\n const isChecked = allItemsAreSelected\n\n return (\n <Checkbox\n inputProps={{ 'aria-label': 'Select All' }}\n checked={isChecked}\n disabled={datasetToUpdate.items.length === 0}\n onChange={() => {\n if (isChecked) {\n clearSelectedIds()\n } else {\n addSelectedId(...datasetToUpdate.items.map(item => item.entityId))\n }\n }}\n />\n )\n}\n\nfunction NoItemsPlaceholder(props: {\n titleCopy: string\n buttonCopy: string\n onButtonClick: () => void\n}) {\n const { titleCopy, buttonCopy, onButtonClick } = props\n return (\n <div className=\"NoItemsPlaceholder\">\n <Typography variant={'headline3'}>{titleCopy}</Typography>\n <WideButton\n variant=\"contained\"\n color=\"primary\"\n onClick={onButtonClick}\n startIcon={<AddCircleTwoToneIcon />}\n sx={{ mt: 2 }}\n >\n {buttonCopy}\n </WideButton>\n </div>\n )\n}\n\nexport function DatasetItemsEditor(props: DatasetItemsEditorProps) {\n const { entityId, onSave, onClose, onUnsavedChangesChange } = props\n const [showEntityFinder, setShowEntityFinder] = useState<boolean>(false)\n const [showWarningDialog, setShowWarningDialog] = useState<boolean>(false)\n\n // The current 'client state' of dataset that the user is currently editing. Updates to this state are not saved until the user clicks 'Save'.\n const [datasetToUpdate, setDatasetToUpdate] =\n useState<RequiredProperties<EntityRefCollectionView, 'items'>>()\n\n // The previous value of the datasetToUpdate variable. This is used to calculate a summary of bulk actions since the last update to the unsaved dataset state.\n const [previousDatasetToUpdate, setPreviousDatasetToUpdate] =\n useState<RequiredProperties<EntityRefCollectionView, 'items'>>()\n\n // Stores the `close` function that will be used to hide the last toast that prompted the user to save\n const [onCloseLastSavePromptToast, setOnCloseLastSavePromptToast] = useState<\n { close: () => void } \| undefined\n >()\n\n const { data: datasetOnServer, refetch: refetchDataset } = useGetEntity<\n RequiredProperties<EntityRefCollectionView, 'items'>\n >(entityId, undefined, {\n staleTime: Infinity,\n })\n\n const hasChangedSinceLastSave = Boolean(\n datasetOnServer &&\n datasetToUpdate &&\n !isEqual(datasetOnServer, datasetToUpdate),\n )\n\n const {\n ADD_ITEMS,\n ADD_ITEMS_TO,\n REMOVE_ITEMS,\n NO_ITEMS_IN_THIS_DATASET,\n SAVE_TO_CONTINUE,\n CREATE_VERSION_TO_FREEZE,\n ENTITY_SAVED,\n SAVE_CHANGES,\n PRECONDITION_FAILED_TITLE,\n PRECONDITION_FAILED_MESSAGE,\n PRECONDITION_FAILED_ACTION,\n ENTITY_FINDER_POPOVER,\n ENTITY_FINDER_PROMPT,\n NO_CHANGES_MADE,\n } = useMemo(() => getCopy(datasetOnServer), [datasetOnServer])\n\n useEffect(() => {\n if (datasetOnServer) {\n // SWC-5876: Dataset Items may be undefined. This has the same inherent meaning as the empty list, so we'll just change it to save us some null checks.\n if (datasetOnServer.items == null) {\n datasetOnServer.items = []\n }\n setDatasetToUpdate(datasetOnServer)\n }\n }, [datasetOnServer])\n\n const {\n set: selectedIds,\n add: addSelectedId,\n remove: removeSelectedId,\n clear: clearSelectedIds,\n } = useSet<string>()\n const allItemsAreSelected = Boolean(\n datasetToUpdate && datasetToUpdate.items.length === selectedIds.size,\n )\n\n useEffect(() => {\n if (datasetToUpdate && datasetOnServer && onUnsavedChangesChange) {\n onUnsavedChangesChange(hasChangedSinceLastSave)\n }\n }, [\n datasetOnServer,\n datasetToUpdate,\n hasChangedSinceLastSave,\n onUnsavedChangesChange,\n ])\n\n // We get the project ID to show the \"Current Project\" context in the Entity Finder.\n const { data: path } = useGetEntityPath(entityId)\n const projectId = path?.path[1]?.id\n\n const { mutate, isPending: updateIsPending } =\n useUpdateEntity<EntityRefCollectionView>({\n onMutate: () => {\n // Close existing toast that prompted the user to save\n if (onCloseLastSavePromptToast) {\n onCloseLastSavePromptToast.close()\n setOnCloseLastSavePromptToast(undefined)\n }\n },\n onSuccess: () => {\n // The query should automatically be invalidated, but just in case\n void refetchDataset()\n\n if (onSave) {\n onSave()\n } else {\n // If onSave isn't specified, push a generic toast message.\n displayToast(CREATE_VERSION_TO_FREEZE, 'success', {\n title: ENTITY_SAVED,\n })\n }\n },\n onError: error => {\n if (error.status === 412) {\n displayToast(PRECONDITION_FAILED_MESSAGE, 'warning', {\n title: PRECONDITION_FAILED_TITLE,\n primaryButtonConfig: {\n text: PRECONDITION_FAILED_ACTION,\n onClick: () => {\n void refetchDataset()\n },\n },\n })\n } else {\n displayToast(error.reason, 'danger', {\n title: 'An Error Occurred',\n })\n }\n },\n })\n\n useEffect(() => {\n // When changes are made (but not saved) to the datasetToUpdate, show a notification that summarizes the change and prompts the user to save\n if (\n previousDatasetToUpdate &&\n datasetToUpdate &&\n !isEqual(previousDatasetToUpdate.items, datasetToUpdate.items) &&\n !updateIsPending\n ) {\n const toastMessageTitle = getDatasetChangedToastMessageTitle(\n previousDatasetToUpdate,\n datasetToUpdate,\n )\n // Replace existing toast that prompts the user to save before showing the new one\n if (onCloseLastSavePromptToast) {\n onCloseLastSavePromptToast.close()\n }\n const onCloseToast = displayToast(SAVE_TO_CONTINUE, 'info', {\n title: toastMessageTitle,\n primaryButtonConfig: {\n text: SAVE_CHANGES,\n onClick: () => mutate(datasetToUpdate),\n },\n })\n setOnCloseLastSavePromptToast({ close: onCloseToast })\n }\n setPreviousDatasetToUpdate(datasetToUpdate)\n // Only run when datasetToUpdate changes\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [datasetToUpdate])\n\n const tableData = useMemo(\n () =>\n datasetToUpdate?.items.map(\n (item: EntityRef): DatasetItemsEditorTableData => {\n return {\n ...item,\n isSelected: selectedIds.has(item.entityId),\n setSelected: (value: boolean) => {\n return value\n ? addSelectedId(item.entityId)\n : removeSelectedId(item.entityId)\n },\n }\n },\n ) ?? [],\n [addSelectedId, datasetToUpdate?.items, removeSelectedId, selectedIds],\n )\n\n function addItemsToDataset(itemsToAdd: Reference[]) {\n setDatasetToUpdate(datasetToUpdate => {\n if (datasetToUpdate) {\n const refToDatasetItem = itemsToAdd.map(item => ({\n entityId: item.targetId,\n versionNumber: item.targetVersionNumber!,\n }))\n const { unchangedItems, updatedItems, newItems } = getDataSetDifference(\n datasetToUpdate.items,\n refToDatasetItem,\n )\n\n if (updatedItems.length == 0 && newItems.length == 0) {\n // No items were added or updated, so don't update the state variable.\n return datasetToUpdate\n }\n\n const items = [...unchangedItems, ...updatedItems, ...newItems]\n\n return {\n ...datasetToUpdate,\n items: items,\n }\n } else {\n console.warn(\n 'Cannot add items to the Collection because it is undefined. The Collection may not have been fetched yet.',\n )\n return datasetToUpdate\n }\n })\n clearSelectedIds()\n }\n\n function removeSelectedItemsFromDataset() {\n setDatasetToUpdate(dataset => ({\n ...dataset!,\n items: dataset!.items.filter(\n datasetItem => !selectedIds.has(datasetItem.entityId),\n ),\n }))\n clearSelectedIds()\n }\n\n function changeVersionOnItem(entityId: string, newVersion: number) {\n setDatasetToUpdate(dataset => ({\n ...dataset!,\n items: dataset!.items.map(datasetItem =>\n datasetItem.entityId === entityId\n ? { entityId: entityId, versionNumber: newVersion }\n : datasetItem,\n ),\n }))\n }\n\n const selectableTypes: EntityType[] \| undefined = useMemo(() => {\n if (datasetOnServer) {\n return getSelectableTypes(datasetOnServer)\n } else {\n return undefined\n }\n }, [datasetOnServer])\n\n const columns = useMemo(() => {\n if (!datasetToUpdate) {\n return []\n }\n return getColumns({\n datasetToUpdate,\n selectedIds,\n clearSelectedIds,\n addSelectedId,\n allItemsAreSelected,\n changeVersionOnItem,\n })\n }, [\n addSelectedId,\n allItemsAreSelected,\n clearSelectedIds,\n datasetToUpdate,\n selectedIds,\n ])\n\n const table: Table<DatasetItemsEditorTableData> =\n useReactTable<DatasetItemsEditorTableData>({\n data: tableData,\n columns,\n getCoreRowModel: getCoreRowModel(),\n columnResizeMode: 'onChange',\n // There are no backend sort controls. The server only provides ID/version, and a dataset could be up to 10k items,\n // so client side sorting is non-trivial. We may consider fetching all entity headers upon user request.\n enableSorting: false,\n })\n\n const tableContainerRef = useRef<HTMLDivElement>(null)\n\n const rowVirtualizer = useVirtualizer({\n count: tableData?.length ?? 0,\n estimateSize: () => ROW_HEIGHT, // estimate row height for accurate scrollbar dragging\n getScrollElement: () => tableContainerRef.current,\n // measure dynamic row height, except in firefox because it measures table border height incorrectly\n measureElement:\n typeof window !== 'undefined' &&\n navigator.userAgent.indexOf('Firefox') === -1\n ? element => element?.getBoundingClientRect().height\n : undefined,\n overscan: 5,\n })\n\n const datasetItemsAsEntityFinderRef = useMemo(\n () => datasetToUpdate?.items.map(datasetItemToReference),\n [datasetToUpdate],\n )\n\n return (\n <div className=\"DatasetEditor\">\n <EntityFinderModal\n initialSelected={datasetItemsAsEntityFinderRef}\n configuration={{\n projectId: projectId,\n selectMultiple: true,\n initialScope: FinderScope.CURRENT_PROJECT,\n initialContainer: projectId ?? null,\n selectableTypes: selectableTypes,\n versionSelection: VersionSelectionType.REQUIRED,\n }}\n titleHelpPopoverProps={{\n markdownText: ENTITY_FINDER_POPOVER,\n helpUrl: 'https://help.synapse.org/docs/Datasets.2611281979.html',\n placement: 'right',\n }}\n promptCopy={ENTITY_FINDER_PROMPT}\n show={showEntityFinder}\n title={ADD_ITEMS_TO}\n confirmButtonCopy={'Apply changes'}\n onConfirm={items => {\n addItemsToDataset(items)\n setShowEntityFinder(false)\n }}\n onCancel={() => setShowEntityFinder(false)}\n />\n <WarningDialog\n title=\"Unsaved Changes\"\n content=\"Any unsaved changes will be lost. Are you sure you want to close the editor?\"\n confirmButtonText=\"Close Editor\"\n onConfirm={() => {\n if (onClose) {\n setShowWarningDialog(false)\n if (onUnsavedChangesChange) {\n onUnsavedChangesChange(false)\n }\n onClose()\n }\n }}\n open={showWarningDialog}\n onConfirmCallbackArgs={[]}\n onCancel={() => setShowWarningDialog(false)}\n />\n\n <div className=\"DatasetEditorTopBottomPanel\">\n <BlockingLoader show={updateIsPending} />\n <div className=\"ItemCount\">\n {datasetToUpdate ? (\n <Typography variant=\"headline3\">\n {datasetToUpdate.items.length === 0\n ? 'No'\n : datasetToUpdate.items.length.toLocaleString()}{' '}\n File\n {datasetToUpdate.items.length !== 1 && 's'}\n </Typography>\n ) : (\n <Skeleton variant=\"rectangular\" width={200} />\n )}\n </div>\n\n <Button\n variant=\"contained\"\n color=\"primary\"\n disabled={datasetToUpdate == null}\n onClick={() => setShowEntityFinder(true)}\n >\n {ADD_ITEMS}\n </Button>\n <Button\n disabled={selectedIds.size === 0}\n variant=\"outlined\"\n color=\"primary\"\n onClick={removeSelectedItemsFromDataset}\n >\n {REMOVE_ITEMS}\n </Button>\n </div>\n <div className=\"DatasetEditorTableContainer\">\n {datasetToUpdate && datasetToUpdate.items.length === 0 && (\n <NoItemsPlaceholder\n titleCopy={NO_ITEMS_IN_THIS_DATASET}\n buttonCopy={ADD_ITEMS}\n onButtonClick={() => setShowEntityFinder(true)}\n />\n )}\n {datasetToUpdate && datasetToUpdate.items.length > 0 && (\n <StyledVirtualTanStackTable<DatasetItemsEditorTableData>\n styledTableContainerProps={{\n className: 'DatasetEditorTable',\n ref: tableContainerRef,\n height: '350px',\n }}\n table={table}\n rowVirtualizer={rowVirtualizer}\n slotProps={{\n Tr: {\n className: `DatasetEditorRow`,\n style: {\n height: `${ROW_HEIGHT}px`,\n maxHeight: `${ROW_HEIGHT}px`,\n },\n },\n }}\n />\n )}\n {!datasetToUpdate && (\n <SkeletonTable\n className=\"DatasetItemsEditorSkeleton\"\n numRows={8}\n numCols={6}\n rowHeight={`${ROW_HEIGHT}px`}\n />\n )}\n </div>\n <div className=\"DatasetEditorTopBottomPanel\">\n {hasChangedSinceLastSave && (\n <Alert severity=\"warning\">You have unsaved changes</Alert>\n )}\n <Button\n variant=\"outlined\"\n color=\"primary\"\n onClick={() => {\n if (hasChangedSinceLastSave) {\n setShowWarningDialog(true)\n } else if (onClose) {\n onClose()\n }\n }}\n >\n Cancel\n </Button>\n\n <Tooltip title={!hasChangedSinceLastSave && NO_CHANGES_MADE}>\n <div>\n <Button\n disabled={!datasetToUpdate \|\| !hasChangedSinceLastSave}\n variant=\"contained\"\n color=\"primary\"\n onClick={() => mutate(datasetToUpdate!)}\n >\n Save\n </Button>\n </div>\n </Tooltip>\n </div>\n </div>\n )\n}\n\nexport default DatasetItemsEditor\n"],"mappings":"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"}
1	+ {"version":3,"file":"DatasetItemsEditor.js","names":[],"sources":["../../../../src/components/SynapseTable/datasets/DatasetItemsEditor.tsx"],"sourcesContent":["import React from 'react'\nimport WideButton from '@/components/styled/WideButton'\nimport { datasetItemToReference } from '@/components/SynapseTable/datasets/DatasetEditorUtils'\nimport {\n useGetEntity,\n useGetEntityPath,\n useUpdateEntity,\n} from '@/synapse-queries'\nimport { RequiredProperties } from '@/utils'\nimport {\n convertToEntityType,\n entityTypeToFriendlyName,\n isDataset,\n isDatasetCollection,\n} from '@/utils/functions/EntityTypeUtils'\nimport { useSet } from '@/utils/hooks'\nimport AddCircleTwoToneIcon from '@mui/icons-material/AddCircleTwoTone'\nimport {\n Alert,\n Button,\n Checkbox,\n Skeleton,\n Tooltip,\n Typography,\n} from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n EntityRef,\n EntityRefCollectionView,\n Reference,\n} from '@sage-bionetworks/synapse-types'\nimport {\n createColumnHelper,\n getCoreRowModel,\n Table,\n useReactTable,\n} from '@tanstack/react-table'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport { isEqual, upperFirst } from 'lodash-es'\nimport pluralize from 'pluralize'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport { CreatedOnCell } from '../../EntityFinder/details/view/table/CreatedOnCell'\nimport { EntityBadgeIconsCell } from '../../EntityFinder/details/view/table/EntityBadgeIconsCell'\nimport { EntityNameCell } from '../../EntityFinder/details/view/table/EntityNameCell'\nimport { ModifiedByCell } from '../../EntityFinder/details/view/table/ModifiedByCell'\nimport { ModifiedOnCell } from '../../EntityFinder/details/view/table/ModifiedOnCell'\nimport { ParentProjectCell } from '../../EntityFinder/details/view/table/ParentProjectCell'\nimport { EntityFinderModal } from '../../EntityFinder/EntityFinderModal'\nimport { FinderScope } from '../../EntityFinder/tree/EntityTree'\nimport { VersionSelectionType } from '../../EntityFinder/VersionSelectionType'\nimport { BlockingLoader } from '../../LoadingScreen/LoadingScreen'\nimport { SkeletonTable } from '../../Skeleton'\nimport WarningDialog from '../../SynapseForm/WarningDialog'\nimport ColumnHeader from '../../TanStackTable/ColumnHeader'\nimport StyledVirtualTanStackTable from '../../TanStackTable/StyledVirtualTanStackTable'\nimport { displayToast } from '../../ToastMessage'\nimport { DatasetEditorCheckboxCell } from './DatasetEditorCheckboxCell'\nimport { DatasetEditorVersionCell } from './DatasetEditorVersionCell'\nimport { EntityFetchErrorCell } from './EntityFetchErrorCell'\n\nexport type DatasetItemsEditorTableData = EntityRef & {\n isSelected: boolean\n setSelected: (value: boolean) => void\n}\n\nenum DatasetItemsEditorColumn {\n ERROR_STATE = 'errorState',\n SELECTED = 'isSelected',\n NAME = 'name',\n ENTITY_ID = 'entityId',\n BADGES = 'badges',\n VERSION = 'version',\n CREATED_ON = 'createdOn',\n MODIFIED_ON = 'modifieddOn',\n MODIFIED_BY = 'modifiedBy',\n PROJECT = 'project',\n}\n\nconst columnHelper = createColumnHelper<DatasetItemsEditorTableData>()\nfunction getColumns(\n opts: SelectAllCheckboxRendererProps & {\n changeVersionOnItem: (entityId: string, newVersion: number) => void\n },\n) {\n const {\n datasetToUpdate,\n selectedIds,\n clearSelectedIds,\n addSelectedId,\n allItemsAreSelected,\n changeVersionOnItem,\n } = opts\n return [\n columnHelper.display({\n id: DatasetItemsEditorColumn.ERROR_STATE,\n minSize: 35,\n maxSize: 35,\n size: 35,\n enableResizing: false,\n header: () => null,\n cell: EntityFetchErrorCell,\n }),\n columnHelper.display({\n id: DatasetItemsEditorColumn.SELECTED,\n minSize: 40,\n maxSize: 40,\n size: 40,\n enableResizing: false,\n header: () => (\n <SelectAllCheckboxRenderer\n datasetToUpdate={datasetToUpdate}\n selectedIds={selectedIds}\n clearSelectedIds={clearSelectedIds}\n addSelectedId={addSelectedId}\n allItemsAreSelected={allItemsAreSelected}\n />\n ),\n cell: DatasetEditorCheckboxCell,\n }),\n columnHelper.display({\n id: DatasetItemsEditorColumn.NAME,\n minSize: 50,\n size: 300,\n header: props => <ColumnHeader {...props} title={'Name'} />,\n cell: EntityNameCell,\n }),\n columnHelper.accessor(DatasetItemsEditorColumn.ENTITY_ID, {\n minSize: 50,\n size: 130,\n header: props => <ColumnHeader {...props} title={'ID'} />,\n enableColumnFilter: false,\n }),\n columnHelper.display({\n id: DatasetItemsEditorColumn.BADGES,\n minSize: 80,\n size: 80,\n enableResizing: true,\n cell: EntityBadgeIconsCell,\n }),\n columnHelper.display({\n id: DatasetItemsEditorColumn.VERSION,\n minSize: 150,\n size: 150,\n header: props => <ColumnHeader {...props} title={'Version'} />,\n cell: props => (\n <DatasetEditorVersionCell\n {...props}\n toggleSelection={datasetItem => {\n changeVersionOnItem(datasetItem.entityId, datasetItem.versionNumber)\n }}\n />\n ),\n }),\n columnHelper.display({\n id: DatasetItemsEditorColumn.CREATED_ON,\n header: props => <ColumnHeader {...props} title={'Created On'} />,\n size: 220,\n minSize: 170,\n cell: CreatedOnCell,\n }),\n columnHelper.display({\n id: DatasetItemsEditorColumn.MODIFIED_ON,\n header: props => <ColumnHeader {...props} title={'Modified On'} />,\n size: 220,\n minSize: 170,\n cell: ModifiedOnCell,\n }),\n columnHelper.display({\n id: DatasetItemsEditorColumn.MODIFIED_BY,\n header: props => <ColumnHeader {...props} title={'Modified By'} />,\n size: 250,\n enableResizing: true,\n cell: ModifiedByCell,\n }),\n columnHelper.display({\n id: DatasetItemsEditorColumn.PROJECT,\n header: props => <ColumnHeader {...props} title={'Size'} />,\n size: 300,\n cell: ParentProjectCell,\n }),\n ]\n}\n\nfunction getSelectableTypes(entity: EntityRefCollectionView) {\n if (isDataset(entity)) {\n return [EntityType.file]\n } else if (isDatasetCollection(entity)) {\n return [EntityType.dataset]\n } else {\n console.error(\n 'Cannot determine selectable types for entity type: ' +\n entity.concreteType,\n )\n return []\n }\n}\n\nexport function getCopy(entity?: EntityRefCollectionView) {\n const displayName = entity\n ? entityTypeToFriendlyName(convertToEntityType(entity.concreteType))\n : 'Collection'\n let itemName = 'Item'\n let currentVersionName = 'Current Version'\n if (entity && isDataset(entity)) {\n itemName = entityTypeToFriendlyName(EntityType.file)\n currentVersionName = 'Draft'\n } else if (entity && isDatasetCollection(entity)) {\n itemName = entityTypeToFriendlyName(EntityType.dataset)\n }\n\n const entityFinderPopover =\n entity && isDataset(entity)\n ? `Use the left pane to browse projects and folders. Select ${pluralize(\n itemName,\n )} from the right pane to add to this ${displayName}. ${upperFirst(\n pluralize(itemName),\n )} in a ${displayName} can be added from multiple folders. You can also use Search to find and select ${pluralize(\n itemName,\n )}.`\n : `Use the left pane to browse projects. Select ${pluralize(\n itemName,\n )} from the right pane to add to this ${displayName}. ${upperFirst(\n pluralize(itemName),\n )} in a ${displayName} can be added from multiple projects. You can also use Search to find and select ${pluralize(\n itemName,\n )}.`\n\n return {\n ADD_ITEMS: `Add ${pluralize(itemName)}`,\n ADD_ITEMS_TO: `Add ${pluralize(itemName)} to ${displayName}`,\n REMOVE_ITEMS: `Remove ${pluralize(itemName)}`,\n NO_ITEMS_IN_THIS_DATASET: `No ${pluralize(\n itemName,\n )} in this ${displayName}`,\n SAVE_TO_CONTINUE: `Save the ${displayName} to continue`,\n CREATE_VERSION_TO_FREEZE: `Create a Version of this ${displayName} to freeze it in its current state`,\n ENTITY_SAVED: `${displayName} Saved`,\n SAVE_CHANGES: `Save changes to ${currentVersionName}`,\n ENTITY_FINDER_POPOVER: entityFinderPopover,\n ENTITY_FINDER_PROMPT: `Find ${pluralize(\n itemName,\n )} to add to the ${displayName}.`,\n PRECONDITION_FAILED_MESSAGE: `Re-retrieve the ${displayName} to get the latest changes. Your current changes will be lost.`,\n PRECONDITION_FAILED_TITLE: `${displayName} updated since last fetched`,\n PRECONDITION_FAILED_ACTION: `Retrieve ${displayName}`,\n NO_CHANGES_MADE: `You have not made any changes to the ${displayName}.`,\n }\n}\n\nfunction getDataSetDifference(\n oldDataSet: EntityRef[],\n changedItems: EntityRef[],\n) {\n const unchangedItems = oldDataSet.filter(\n oldItem =>\n !changedItems.find(newItem => newItem.entityId === oldItem.entityId),\n )\n const deletedItems = [...unchangedItems]\n const { updatedItems, newItems } = changedItems.reduce(\n (results, result) => {\n const oldItem = oldDataSet.find(old => old.entityId === result.entityId)\n if (oldItem) {\n if (result.versionNumber !== oldItem.versionNumber) {\n results['updatedItems'].push(result)\n } else {\n unchangedItems.push(result)\n }\n } else {\n results['newItems'].push(result)\n }\n return results\n },\n { updatedItems: [], newItems: [] } as {\n updatedItems: EntityRef[]\n newItems: EntityRef[]\n },\n )\n\n return { unchangedItems, updatedItems, newItems, deletedItems }\n}\n\nfunction getDatasetChangedToastMessageTitle(\n previousDatasetToUpdate?: RequiredProperties<\n EntityRefCollectionView,\n 'items'\n >,\n datasetToUpdate?: RequiredProperties<EntityRefCollectionView, 'items'>,\n) {\n const { updatedItems, newItems, deletedItems } = getDataSetDifference(\n previousDatasetToUpdate?.items ?? [],\n datasetToUpdate?.items!,\n )\n let toastTitle = ''\n\n // \"X items(s) deleted\"\n if (deletedItems.length > 0) {\n toastTitle += `${deletedItems.length} Item${\n deletedItems.length === 1 ? '' : 's'\n } removed`\n } else {\n // \"Y item(s) added\"\n toastTitle += `${newItems.length} Item${\n newItems.length === 1 ? '' : 's'\n } added`\n\n // \"and Z item(s) updated\", only shown if there are updated items\n if (updatedItems.length > 0) {\n toastTitle += ` and ${updatedItems.length} Item${\n updatedItems.length === 1 ? '' : 's'\n } updated`\n }\n }\n return toastTitle\n}\n\nexport type DatasetItemsEditorProps = {\n /* The synId of the EntityRefCollectionView to modify /\n entityId: string\n /* Callback invoked when the editor changes state to contain un/saved changes. */\n onUnsavedChangesChange?: (hasUnsavedChanges: boolean) => void\n onSave?: () => void\n onClose?: () => void\n}\n\nconst ROW_HEIGHT = 48\n\ntype SelectAllCheckboxRendererProps = {\n datasetToUpdate: RequiredProperties<EntityRefCollectionView, 'items'>\n selectedIds: Omit<Set<string>, 'add' \| 'delete' \| 'clear'>\n addSelectedId: (...items: string[]) => void\n clearSelectedIds: () => void\n allItemsAreSelected: boolean\n}\n\nconst SelectAllCheckboxRenderer = (\n props: SelectAllCheckboxRendererProps,\n): React.ReactNode => {\n const {\n datasetToUpdate,\n clearSelectedIds,\n allItemsAreSelected,\n addSelectedId,\n } = props\n const isChecked = allItemsAreSelected\n\n return (\n <Checkbox\n inputProps={{ 'aria-label': 'Select All' }}\n checked={isChecked}\n disabled={datasetToUpdate.items.length === 0}\n onChange={() => {\n if (isChecked) {\n clearSelectedIds()\n } else {\n addSelectedId(...datasetToUpdate.items.map(item => item.entityId))\n }\n }}\n />\n )\n}\n\nfunction NoItemsPlaceholder(props: {\n titleCopy: string\n buttonCopy: string\n onButtonClick: () => void\n}) {\n const { titleCopy, buttonCopy, onButtonClick } = props\n return (\n <div className=\"NoItemsPlaceholder\">\n <Typography variant={'headline3'}>{titleCopy}</Typography>\n <WideButton\n variant=\"contained\"\n color=\"primary\"\n onClick={onButtonClick}\n startIcon={<AddCircleTwoToneIcon />}\n sx={{ mt: 2 }}\n >\n {buttonCopy}\n </WideButton>\n </div>\n )\n}\n\nexport function DatasetItemsEditor(props: DatasetItemsEditorProps) {\n const { entityId, onSave, onClose, onUnsavedChangesChange } = props\n const [showEntityFinder, setShowEntityFinder] = useState<boolean>(false)\n const [showWarningDialog, setShowWarningDialog] = useState<boolean>(false)\n\n // The current 'client state' of dataset that the user is currently editing. Updates to this state are not saved until the user clicks 'Save'.\n const [datasetToUpdate, setDatasetToUpdate] =\n useState<RequiredProperties<EntityRefCollectionView, 'items'>>()\n\n // The previous value of the datasetToUpdate variable. This is used to calculate a summary of bulk actions since the last update to the unsaved dataset state.\n const [previousDatasetToUpdate, setPreviousDatasetToUpdate] =\n useState<RequiredProperties<EntityRefCollectionView, 'items'>>()\n\n // Stores the `close` function that will be used to hide the last toast that prompted the user to save\n const [onCloseLastSavePromptToast, setOnCloseLastSavePromptToast] = useState<\n { close: () => void } \| undefined\n >()\n\n const { data: datasetOnServer, refetch: refetchDataset } = useGetEntity<\n RequiredProperties<EntityRefCollectionView, 'items'>\n >(entityId, undefined, {\n staleTime: Infinity,\n })\n\n const hasChangedSinceLastSave = Boolean(\n datasetOnServer &&\n datasetToUpdate &&\n !isEqual(datasetOnServer, datasetToUpdate),\n )\n\n const {\n ADD_ITEMS,\n ADD_ITEMS_TO,\n REMOVE_ITEMS,\n NO_ITEMS_IN_THIS_DATASET,\n SAVE_TO_CONTINUE,\n CREATE_VERSION_TO_FREEZE,\n ENTITY_SAVED,\n SAVE_CHANGES,\n PRECONDITION_FAILED_TITLE,\n PRECONDITION_FAILED_MESSAGE,\n PRECONDITION_FAILED_ACTION,\n ENTITY_FINDER_POPOVER,\n ENTITY_FINDER_PROMPT,\n NO_CHANGES_MADE,\n } = useMemo(() => getCopy(datasetOnServer), [datasetOnServer])\n\n useEffect(() => {\n if (datasetOnServer) {\n // SWC-5876: Dataset Items may be undefined. This has the same inherent meaning as the empty list, so we'll just change it to save us some null checks.\n if (datasetOnServer.items == null) {\n datasetOnServer.items = []\n }\n setDatasetToUpdate(datasetOnServer)\n }\n }, [datasetOnServer])\n\n const {\n set: selectedIds,\n add: addSelectedId,\n remove: removeSelectedId,\n clear: clearSelectedIds,\n } = useSet<string>()\n const allItemsAreSelected = Boolean(\n datasetToUpdate && datasetToUpdate.items.length === selectedIds.size,\n )\n\n useEffect(() => {\n if (datasetToUpdate && datasetOnServer && onUnsavedChangesChange) {\n onUnsavedChangesChange(hasChangedSinceLastSave)\n }\n }, [\n datasetOnServer,\n datasetToUpdate,\n hasChangedSinceLastSave,\n onUnsavedChangesChange,\n ])\n\n // We get the project ID to show the \"Current Project\" context in the Entity Finder.\n const { data: path } = useGetEntityPath(entityId)\n const projectId = path?.path[1]?.id\n\n const { mutate, isPending: updateIsPending } =\n useUpdateEntity<EntityRefCollectionView>({\n onMutate: () => {\n // Close existing toast that prompted the user to save\n if (onCloseLastSavePromptToast) {\n onCloseLastSavePromptToast.close()\n setOnCloseLastSavePromptToast(undefined)\n }\n },\n onSuccess: () => {\n // The query should automatically be invalidated, but just in case\n void refetchDataset()\n\n if (onSave) {\n onSave()\n } else {\n // If onSave isn't specified, push a generic toast message.\n displayToast(CREATE_VERSION_TO_FREEZE, 'success', {\n title: ENTITY_SAVED,\n })\n }\n },\n onError: error => {\n if (error.status === 412) {\n displayToast(PRECONDITION_FAILED_MESSAGE, 'warning', {\n title: PRECONDITION_FAILED_TITLE,\n primaryButtonConfig: {\n text: PRECONDITION_FAILED_ACTION,\n onClick: () => {\n void refetchDataset()\n },\n },\n })\n } else {\n displayToast(error.reason, 'danger', {\n title: 'An Error Occurred',\n })\n }\n },\n })\n\n useEffect(() => {\n // When changes are made (but not saved) to the datasetToUpdate, show a notification that summarizes the change and prompts the user to save\n if (\n previousDatasetToUpdate &&\n datasetToUpdate &&\n !isEqual(previousDatasetToUpdate.items, datasetToUpdate.items) &&\n !updateIsPending\n ) {\n const toastMessageTitle = getDatasetChangedToastMessageTitle(\n previousDatasetToUpdate,\n datasetToUpdate,\n )\n // Replace existing toast that prompts the user to save before showing the new one\n if (onCloseLastSavePromptToast) {\n onCloseLastSavePromptToast.close()\n }\n const onCloseToast = displayToast(SAVE_TO_CONTINUE, 'info', {\n title: toastMessageTitle,\n primaryButtonConfig: {\n text: SAVE_CHANGES,\n onClick: () => mutate(datasetToUpdate),\n },\n })\n setOnCloseLastSavePromptToast({ close: onCloseToast })\n }\n setPreviousDatasetToUpdate(datasetToUpdate)\n // Only run when datasetToUpdate changes\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [datasetToUpdate])\n\n const tableData = useMemo(\n () =>\n datasetToUpdate?.items.map(\n (item: EntityRef): DatasetItemsEditorTableData => {\n return {\n ...item,\n isSelected: selectedIds.has(item.entityId),\n setSelected: (value: boolean) => {\n return value\n ? addSelectedId(item.entityId)\n : removeSelectedId(item.entityId)\n },\n }\n },\n ) ?? [],\n [addSelectedId, datasetToUpdate?.items, removeSelectedId, selectedIds],\n )\n\n function addItemsToDataset(itemsToAdd: Reference[]) {\n setDatasetToUpdate(datasetToUpdate => {\n if (datasetToUpdate) {\n const refToDatasetItem = itemsToAdd.map(item => ({\n entityId: item.targetId,\n versionNumber: item.targetVersionNumber!,\n }))\n const { unchangedItems, updatedItems, newItems } = getDataSetDifference(\n datasetToUpdate.items,\n refToDatasetItem,\n )\n\n if (updatedItems.length == 0 && newItems.length == 0) {\n // No items were added or updated, so don't update the state variable.\n return datasetToUpdate\n }\n\n const items = [...unchangedItems, ...updatedItems, ...newItems]\n\n return {\n ...datasetToUpdate,\n items: items,\n }\n } else {\n console.warn(\n 'Cannot add items to the Collection because it is undefined. The Collection may not have been fetched yet.',\n )\n return datasetToUpdate\n }\n })\n clearSelectedIds()\n }\n\n function removeSelectedItemsFromDataset() {\n setDatasetToUpdate(dataset => ({\n ...dataset!,\n items: dataset!.items.filter(\n datasetItem => !selectedIds.has(datasetItem.entityId),\n ),\n }))\n clearSelectedIds()\n }\n\n function changeVersionOnItem(entityId: string, newVersion: number) {\n setDatasetToUpdate(dataset => ({\n ...dataset!,\n items: dataset!.items.map(datasetItem =>\n datasetItem.entityId === entityId\n ? { entityId: entityId, versionNumber: newVersion }\n : datasetItem,\n ),\n }))\n }\n\n const selectableTypes: EntityType[] \| undefined = useMemo(() => {\n if (datasetOnServer) {\n return getSelectableTypes(datasetOnServer)\n } else {\n return undefined\n }\n }, [datasetOnServer])\n\n const columns = useMemo(() => {\n if (!datasetToUpdate) {\n return []\n }\n return getColumns({\n datasetToUpdate,\n selectedIds,\n clearSelectedIds,\n addSelectedId,\n allItemsAreSelected,\n changeVersionOnItem,\n })\n }, [\n addSelectedId,\n allItemsAreSelected,\n clearSelectedIds,\n datasetToUpdate,\n selectedIds,\n ])\n\n const table: Table<DatasetItemsEditorTableData> =\n useReactTable<DatasetItemsEditorTableData>({\n data: tableData,\n columns,\n getCoreRowModel: getCoreRowModel(),\n columnResizeMode: 'onChange',\n // There are no backend sort controls. The server only provides ID/version, and a dataset could be up to 10k items,\n // so client side sorting is non-trivial. We may consider fetching all entity headers upon user request.\n enableSorting: false,\n })\n\n const tableContainerRef = useRef<HTMLDivElement>(null)\n\n const rowVirtualizer = useVirtualizer({\n count: tableData?.length ?? 0,\n estimateSize: () => ROW_HEIGHT, // estimate row height for accurate scrollbar dragging\n getScrollElement: () => tableContainerRef.current,\n // measure dynamic row height, except in firefox because it measures table border height incorrectly\n measureElement:\n typeof window !== 'undefined' &&\n navigator.userAgent.indexOf('Firefox') === -1\n ? element => element?.getBoundingClientRect().height\n : undefined,\n overscan: 5,\n })\n\n const datasetItemsAsEntityFinderRef = useMemo(\n () => datasetToUpdate?.items.map(datasetItemToReference),\n [datasetToUpdate],\n )\n\n return (\n <div className=\"DatasetEditor\">\n <EntityFinderModal\n initialSelected={datasetItemsAsEntityFinderRef}\n configuration={{\n projectId: projectId,\n selectMultiple: true,\n initialScope: FinderScope.CURRENT_PROJECT,\n initialContainer: projectId ?? null,\n selectableTypes: selectableTypes,\n versionSelection: VersionSelectionType.REQUIRED,\n }}\n titleHelpPopoverProps={{\n markdownText: ENTITY_FINDER_POPOVER,\n helpUrl: 'https://help.synapse.org/docs/Datasets.2611281979.html',\n placement: 'right',\n }}\n promptCopy={ENTITY_FINDER_PROMPT}\n show={showEntityFinder}\n title={ADD_ITEMS_TO}\n confirmButtonCopy={'Apply changes'}\n onConfirm={items => {\n addItemsToDataset(items)\n setShowEntityFinder(false)\n }}\n onCancel={() => setShowEntityFinder(false)}\n />\n <WarningDialog\n title=\"Unsaved Changes\"\n content=\"Any unsaved changes will be lost. Are you sure you want to close the editor?\"\n confirmButtonText=\"Close Editor\"\n onConfirm={() => {\n if (onClose) {\n setShowWarningDialog(false)\n if (onUnsavedChangesChange) {\n onUnsavedChangesChange(false)\n }\n onClose()\n }\n }}\n open={showWarningDialog}\n onConfirmCallbackArgs={[]}\n onCancel={() => setShowWarningDialog(false)}\n />\n\n <div className=\"DatasetEditorTopBottomPanel\">\n <BlockingLoader show={updateIsPending} />\n <div className=\"ItemCount\">\n {datasetToUpdate ? (\n <Typography variant=\"headline3\">\n {datasetToUpdate.items.length === 0\n ? 'No'\n : datasetToUpdate.items.length.toLocaleString()}{' '}\n File\n {datasetToUpdate.items.length !== 1 && 's'}\n </Typography>\n ) : (\n <Skeleton variant=\"rectangular\" width={200} />\n )}\n </div>\n\n <Button\n variant=\"contained\"\n color=\"primary\"\n disabled={datasetToUpdate == null}\n onClick={() => setShowEntityFinder(true)}\n >\n {ADD_ITEMS}\n </Button>\n <Button\n disabled={selectedIds.size === 0}\n variant=\"outlined\"\n color=\"primary\"\n onClick={removeSelectedItemsFromDataset}\n >\n {REMOVE_ITEMS}\n </Button>\n </div>\n <div className=\"DatasetEditorTableContainer\">\n {datasetToUpdate && datasetToUpdate.items.length === 0 && (\n <NoItemsPlaceholder\n titleCopy={NO_ITEMS_IN_THIS_DATASET}\n buttonCopy={ADD_ITEMS}\n onButtonClick={() => setShowEntityFinder(true)}\n />\n )}\n {datasetToUpdate && datasetToUpdate.items.length > 0 && (\n <StyledVirtualTanStackTable<DatasetItemsEditorTableData>\n styledTableContainerProps={{\n className: 'DatasetEditorTable',\n ref: tableContainerRef,\n height: '350px',\n }}\n table={table}\n rowVirtualizer={rowVirtualizer}\n slotProps={{\n Tr: {\n className: `DatasetEditorRow`,\n style: {\n height: `${ROW_HEIGHT}px`,\n maxHeight: `${ROW_HEIGHT}px`,\n },\n },\n }}\n />\n )}\n {!datasetToUpdate && (\n <SkeletonTable\n className=\"DatasetItemsEditorSkeleton\"\n numRows={8}\n numCols={6}\n rowHeight={`${ROW_HEIGHT}px`}\n />\n )}\n </div>\n <div className=\"DatasetEditorTopBottomPanel\">\n {hasChangedSinceLastSave && (\n <Alert severity=\"warning\">You have unsaved changes</Alert>\n )}\n <Button\n variant=\"outlined\"\n color=\"primary\"\n onClick={() => {\n if (hasChangedSinceLastSave) {\n setShowWarningDialog(true)\n } else if (onClose) {\n onClose()\n }\n }}\n >\n Cancel\n </Button>\n\n <Tooltip title={!hasChangedSinceLastSave && NO_CHANGES_MADE}>\n <div>\n <Button\n disabled={!datasetToUpdate \|\| !hasChangedSinceLastSave}\n variant=\"contained\"\n color=\"primary\"\n onClick={() => mutate(datasetToUpdate!)}\n >\n Save\n </Button>\n </div>\n </Tooltip>\n </div>\n </div>\n )\n}\n\nexport default DatasetItemsEditor\n"],"mappings":"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"}

package/dist/components/SynapseTable/datasets/EntityFetchErrorCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EntityFetchErrorCell.js","names":[],"sources":["../../../../src/components/SynapseTable/datasets/EntityFetchErrorCell.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries/index'\nimport { Tooltip } from '@mui/material'\nimport { CellContext } from '@tanstack/react-table'\nimport { EntityIdAndVersionNumber } from '../../EntityFinder/details/view/table/TableCellTypes'\nimport IconSvg from '../../IconSvg/IconSvg'\n\nexport function EntityFetchErrorCell<T extends EntityIdAndVersionNumber>(\n props: CellContext<T, any>,\n) {\n const { entityId, versionNumber } = props.row.original\n const { error, isError } = useGetEntity(entityId, versionNumber)\n\n let message = error?.reason\n\n if (error?.status === 403) {\n message = \"You don't have permission to view this entity.\"\n } else if (error?.status === 404) {\n message = 'The entity or version does not exist. It may have been deleted.'\n }\n\n if (!isError) {\n return <></>\n } else {\n return (\n <Tooltip\n title={message ?? ''}\n placement=\"right\"\n className=\"EntityBadgeTooltip\"\n >\n <div className=\"EntityErrorRenderer\">\n <IconSvg icon=\"warningOutlined\" />\n </div>\n </Tooltip>\n )\n }\n}\n"],"mappings":";;;;;;AAMA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,aAAU,qBAAkB,EAAM,IAAI,UACxC,EAAE,UAAO,eAAY,EAAa,GAAU,~~EAAc~~,~~EAE5D~~,IAAU,GAAO;~~AASnB~~,~~QAPE~~,GAAO,WAAW,MACpB,IAAU,mDACD,GAAO,WAAW,QAC3B,IAAU,oEAGP,IAID,kBAAC,GAAD;EACE,OAAO,KAAW;EAClB,WAAU;EACV,WAAU;YAEV,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAS,MAAK,~~mBAAoB~~,CAAA;~~GAC9B~~,CAAA;~~EACE~~,CAAA,~~GAXL~~,kBAAA,GAAA,~~EAAK~~,CAAA"}
1	+ {"version":3,"file":"EntityFetchErrorCell.js","names":[],"sources":["../../../../src/components/SynapseTable/datasets/EntityFetchErrorCell.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries/index'\nimport { Tooltip } from '@mui/material'\nimport { CellContext } from '@tanstack/react-table'\nimport { EntityIdAndVersionNumber } from '../../EntityFinder/details/view/table/TableCellTypes'\nimport IconSvg from '../../IconSvg/IconSvg'\n\nexport function EntityFetchErrorCell<T extends EntityIdAndVersionNumber>(\n props: CellContext<T, any>,\n) {\n const { entityId, versionNumber } = props.row.original\n const { error, isError } = useGetEntity(entityId, versionNumber)\n\n let message = error?.reason\n\n if (error?.status === 403) {\n message = \"You don't have permission to view this entity.\"\n } else if (error?.status === 404) {\n message = 'The entity or version does not exist. It may have been deleted.'\n }\n\n if (!isError) {\n return <></>\n } else {\n return (\n <Tooltip\n title={message ?? ''}\n placement=\"right\"\n className=\"EntityBadgeTooltip\"\n >\n <div className=\"EntityErrorRenderer\">\n <IconSvg icon=\"warningOutlined\" />\n </div>\n </Tooltip>\n )\n }\n}\n"],"mappings":";;;;;;AAMA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,aAAU,qBAAkB,EAAM,IAAI,UACxC,EAAE,UAAO,eAAY,EAAa,GAAU,CAAa,GAE3D,IAAU,GAAO;CASnB,OAPE,GAAO,WAAW,MACpB,IAAU,mDACD,GAAO,WAAW,QAC3B,IAAU,oEAGP,IAID,kBAAC,GAAD;EACE,OAAO,KAAW;EAClB,WAAU;EACV,WAAU;YAEV,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAS,MAAK,kBAAmB,CAAA;EAC9B,CAAA;CACE,CAAA,IAXJ,kBAAA,GAAA,CAAI,CAAA;AAcf"}

package/dist/components/SynapseTable/export/ADDiscoveryPortalInstructions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ADDiscoveryPortalInstructions.js","names":[],"sources":["../../../../src/components/SynapseTable/export/ADDiscoveryPortalInstructions.tsx"],"sourcesContent":["import React from 'react'\nimport { Link } from '@mui/material'\nimport Typography from '@mui/material/Typography'\n\nexport const ADDiscoveryPortalInstructions = (): React.ReactNode => {\n return (\n <>\n <Typography variant=\"body1\" sx={{ fontWeight: 700 }} gutterBottom>\n You must meet these requirements from AD Discovery Portal to send data:\n </Typography>\n <Typography\n variant=\"body1\"\n component={'ol'}\n gutterBottom\n sx={{ marginLeft: '10px', li: { mb: 1 } }}\n >\n <li>You must complete all required Access Actions in the next step.</li>\n <li>\n Ensure you can perform an SSO login with AD Discovery Portal. \n <Link\n href={'https://discover.alzheimersdata.org/login'}\n rel={'noopener noreferrer'}\n target={'_blank'}\n >\n Click here, and then click the Synapse Button under: Continue with\n your partner account\n </Link>\n .\n </li>\n </Typography>\n\n <Typography variant=\"body1\" gutterBottom>\n Note that we cannot provide support for AD Discovery Portal. Please\n contact AD Discovery Portal{' '}\n <Link\n href={'https://community.addi.ad-datainitiative.org/w/faq'}\n rel={'noopener noreferrer'}\n target={'_blank'}\n >\n technical support\n </Link>{' '}\n for issues related to the above.\n </Typography>\n </>\n )\n}\n"],"mappings":";;;;;AAIA,IAAa,UAET,kBAAA,GAAA,EAAA,UAAA;CACE,kBAAC,GAAD;EAAY,SAAQ;EAAQ,IAAI,EAAE,YAAY,~~KAAK~~;~~EAAE~~,cAAA;YAAa;~~EAErD~~,CAAA;~~CACb~~,kBAAC,GAAD;EACE,SAAQ;EACR,WAAW;EACX,cAAA;EACA,IAAI;GAAE,YAAY;GAAQ,IAAI,EAAE,IAAI,~~GAAG~~;~~GAAE~~;~~YAJ3C~~,CAME,kBAAC,MAAD,EAAA,UAAI,~~mEAAoE~~,CAAA,~~EACxE~~,kBAAC,MAAD,EAAA,UAAA;GAAI;GAEF,kBAAC,GAAD;IACE,MAAM;IACN,KAAK;IACL,QAAQ;cACT;~~IAGM~~,CAAA~~;;GAEJ~~,EAAA,CAAA,CACM;;~~CAEb~~,kBAAC,GAAD;EAAY,SAAQ;EAAQ,cAAA;YAA5B;GAAyC;GAEX;GAC5B,kBAAC,GAAD;IACE,MAAM;IACN,KAAK;IACL,QAAQ;cACT;~~IAEM~~,CAAA;~~GAAC~~;GAAI;~~GAED~~;;~~CACZ~~,EAAA,CAAA"}
1	+ {"version":3,"file":"ADDiscoveryPortalInstructions.js","names":[],"sources":["../../../../src/components/SynapseTable/export/ADDiscoveryPortalInstructions.tsx"],"sourcesContent":["import React from 'react'\nimport { Link } from '@mui/material'\nimport Typography from '@mui/material/Typography'\n\nexport const ADDiscoveryPortalInstructions = (): React.ReactNode => {\n return (\n <>\n <Typography variant=\"body1\" sx={{ fontWeight: 700 }} gutterBottom>\n You must meet these requirements from AD Discovery Portal to send data:\n </Typography>\n <Typography\n variant=\"body1\"\n component={'ol'}\n gutterBottom\n sx={{ marginLeft: '10px', li: { mb: 1 } }}\n >\n <li>You must complete all required Access Actions in the next step.</li>\n <li>\n Ensure you can perform an SSO login with AD Discovery Portal. \n <Link\n href={'https://discover.alzheimersdata.org/login'}\n rel={'noopener noreferrer'}\n target={'_blank'}\n >\n Click here, and then click the Synapse Button under: Continue with\n your partner account\n </Link>\n .\n </li>\n </Typography>\n\n <Typography variant=\"body1\" gutterBottom>\n Note that we cannot provide support for AD Discovery Portal. Please\n contact AD Discovery Portal{' '}\n <Link\n href={'https://community.addi.ad-datainitiative.org/w/faq'}\n rel={'noopener noreferrer'}\n target={'_blank'}\n >\n technical support\n </Link>{' '}\n for issues related to the above.\n </Typography>\n </>\n )\n}\n"],"mappings":";;;;;AAIA,IAAa,UAET,kBAAA,GAAA,EAAA,UAAA;CACE,kBAAC,GAAD;EAAY,SAAQ;EAAQ,IAAI,EAAE,YAAY,IAAI;EAAG,cAAA;YAAa;CAEtD,CAAA;CACZ,kBAAC,GAAD;EACE,SAAQ;EACR,WAAW;EACX,cAAA;EACA,IAAI;GAAE,YAAY;GAAQ,IAAI,EAAE,IAAI,EAAE;EAAE;YAJ1C,CAME,kBAAC,MAAD,EAAA,UAAI,kEAAmE,CAAA,GACvE,kBAAC,MAAD,EAAA,UAAA;GAAI;GAEF,kBAAC,GAAD;IACE,MAAM;IACN,KAAK;IACL,QAAQ;cACT;GAGK,CAAA;GAAC;EAEL,EAAA,CAAA,CACM;;CAEZ,kBAAC,GAAD;EAAY,SAAQ;EAAQ,cAAA;YAA5B;GAAyC;GAEX;GAC5B,kBAAC,GAAD;IACE,MAAM;IACN,KAAK;IACL,QAAQ;cACT;GAEK,CAAA;GAAE;GAAI;EAEF;;AACZ,EAAA,CAAA"}

package/dist/components/SynapseTable/export/ExportToAnalysisPlatformDialog.js CHANGED Viewed

@@ -9,27 +9,24 @@ import { useCallback as s, useMemo as c, useState as l } from "react";
 import { Alert as u, Box as d, Button as f, Tooltip as p, Typography as m } from "@mui/material";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/SynapseTable/export/ExportToAnalysisPlatformDialog.tsx
-var v = /* @__PURE__ */ function(e) {
-	return e[e.PREAMBLE_INSTRUCTIONS = 0] = "PREAMBLE_INSTRUCTIONS", e[e.SELECT_PLATFORM = 1] = "SELECT_PLATFORM", e[e.PLATFORM_INSTRUCTIONS = 2] = "PLATFORM_INSTRUCTIONS", e[e.CHECK_REQUIREMENTS_AND_SUBMIT = 3] = "CHECK_REQUIREMENTS_AND_SUBMIT", e;
-}(v || {});
-function y(e) {
+function v(e) {
 	let { step: t, setStep: n, onCancel: r, sendToPlatformConfirmButtonProps: i } = e;
 	switch (t) {
-		case v.PREAMBLE_INSTRUCTIONS: return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(f, {
+		case 0: return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(f, {
 			variant: "outlined",
 			onClick: r,
 			children: "Cancel"
 		}), /* @__PURE__ */ g(f, {
 			variant: "contained",
 			onClick: () => {
-				n(v.SELECT_PLATFORM);
+				n(1);
 			},
 			children: "Continue"
 		})] });
-		case v.SELECT_PLATFORM: return /* @__PURE__ */ _(h, { children: [
+		case 1: return /* @__PURE__ */ _(h, { children: [
 			/* @__PURE__ */ g(f, {
 				variant: "outlined",
-				onClick: () => n(v.PREAMBLE_INSTRUCTIONS),
+				onClick: () => n(0),
 				sx: { mr: "auto" },
 				children: "Back"
 			}),
@@ -42,15 +39,15 @@ function y(e) {
 				variant: "contained",
 				disabled: !e.selectedPlatform,
 				onClick: () => {
-					n(v.PLATFORM_INSTRUCTIONS);
+					n(2);
 				},
 				children: "Continue"
 			})
 		] });
-		case v.PLATFORM_INSTRUCTIONS: return /* @__PURE__ */ _(h, { children: [
+		case 2: return /* @__PURE__ */ _(h, { children: [
 			/* @__PURE__ */ g(f, {
 				variant: "outlined",
-				onClick: () => n(v.SELECT_PLATFORM),
+				onClick: () => n(1),
 				sx: { mr: "auto" },
 				children: "Back"
 			}),
@@ -62,15 +59,15 @@ function y(e) {
 			/* @__PURE__ */ g(f, {
 				variant: "contained",
 				onClick: () => {
-					n(v.CHECK_REQUIREMENTS_AND_SUBMIT);
+					n(3);
 				},
 				children: "Continue"
 			})
 		] });
-		case v.CHECK_REQUIREMENTS_AND_SUBMIT: return /* @__PURE__ */ _(h, { children: [
+		case 3: return /* @__PURE__ */ _(h, { children: [
 			/* @__PURE__ */ g(f, {
 				variant: "outlined",
-				onClick: () => n(v.SELECT_PLATFORM),
+				onClick: () => n(1),
 				sx: { mr: "auto" },
 				children: "Back"
 			}),
@@ -86,12 +83,12 @@ function y(e) {
 		] });
 	}
 }
-function b(f) {
-	let { platformInstructionProps: b } = f, [x, S] = l(v.PREAMBLE_INSTRUCTIONS), [C, w] = l(null), [T, E] = l({}), { isShowingExportToAnalysisPlatformModal: D, setIsShowingExportToAnalysisPlatformModal: O, enabledExternalAnalysisPlatforms: k } = t(), [A, j] = l(!0), M = D && A, N = D && !A, P = `Send to ${C && [v.PLATFORM_INSTRUCTIONS, v.CHECK_REQUIREMENTS_AND_SUBMIT].includes(x) ? i[C].name : "Analysis Platform"}`, F = s(() => {
-		j(!0), O(!1), w(null), S(v.PREAMBLE_INSTRUCTIONS);
-	}, [O]), I = c(() => {
-		switch (x) {
-			case v.PREAMBLE_INSTRUCTIONS: return /* @__PURE__ */ _(h, { children: [
+function y(f) {
+	let { platformInstructionProps: y } = f, [b, x] = l(0), [S, C] = l(null), [w, T] = l({}), { isShowingExportToAnalysisPlatformModal: E, setIsShowingExportToAnalysisPlatformModal: D, enabledExternalAnalysisPlatforms: O } = t(), [k, A] = l(!0), j = E && k, M = E && !k, N = `Send to ${S && [2, 3].includes(b) ? i[S].name : "Analysis Platform"}`, P = s(() => {
+		A(!0), D(!1), C(null), x(0);
+	}, [D]), F = c(() => {
+		switch (b) {
+			case 0: return /* @__PURE__ */ _(h, { children: [
 				/* @__PURE__ */ g(d, {
 					sx: {
 						display: "flex",
@@ -100,7 +97,7 @@ function b(f) {
 						alignItems: "center",
 						pb: 2
 					},
-					children: k.map((e) => {
+					children: O.map((e) => {
 						let { name: t, Logo: n } = i[e];
 						return /* @__PURE__ */ g(p, {
 							title: t,
@@ -123,63 +120,63 @@ function b(f) {
 					children: "The following screens will help guide you through sending data from this portal into analysis platforms. Press \"Continue\" to get started."
 				})
 			] });
-			case v.SELECT_PLATFORM: return /* @__PURE__ */ g(r, { children: k.map((e) => {
+			case 1: return /* @__PURE__ */ g(r, { children: O.map((e) => {
 				let { name: t, description: r, Logo: a } = i[e];
 				return /* @__PURE__ */ g(n, {
 					title: t,
 					description: r,
 					icon: /* @__PURE__ */ g(a, { width: "60px" }),
 					onClick: () => {
-						w(e);
+						C(e);
 					},
-					selected: C === e
+					selected: S === e
 				}, e);
 			}) });
-			case v.PLATFORM_INSTRUCTIONS: {
-				let { PlatformInstructions: e } = i[C];
-				return e ? /* @__PURE__ */ g(e, { ...b }) : (console.error(`No instructions component found for platform: ${C}`), /* @__PURE__ */ g(u, {
+			case 2: {
+				let { PlatformInstructions: e } = i[S];
+				return e ? /* @__PURE__ */ g(e, { ...y }) : (console.error(`No instructions component found for platform: ${S}`), /* @__PURE__ */ g(u, {
 					severity: "error",
 					children: /* @__PURE__ */ _(m, {
 						variant: "body1",
-						children: [i[C].name, " has not been configured for data export on this site."]
+						children: [i[S].name, " has not been configured for data export on this site."]
 					})
 				}));
 			}
-			case v.CHECK_REQUIREMENTS_AND_SUBMIT: return /* @__PURE__ */ g(a, {
-				selectedPlatform: C,
-				onConfirmButtonPropsChange: E,
-				onSuccessfulExport: F
+			case 3: return /* @__PURE__ */ g(a, {
+				selectedPlatform: S,
+				onConfirmButtonPropsChange: T,
+				onSuccessfulExport: P
 			});
 		}
 	}, [
-		k,
-		F,
-		b,
-		C,
-		x
+		O,
+		P,
+		y,
+		S,
+		b
 	]);
 	return /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g(o, {
-		showDisclaimer: M,
+		showDisclaimer: j,
 		onConfirm: () => {
-			j(!1);
+			A(!1);
 		},
-		onCancel: F
+		onCancel: P
 	}), /* @__PURE__ */ g(e, {
-		open: N,
-		title: P,
-		content: I,
-		actions: /* @__PURE__ */ g(y, {
-			step: x,
-			setStep: S,
-			selectedPlatform: C,
-			onCancel: F,
-			sendToPlatformConfirmButtonProps: T
+		open: M,
+		title: N,
+		content: F,
+		actions: /* @__PURE__ */ g(v, {
+			step: b,
+			setStep: x,
+			selectedPlatform: S,
+			onCancel: P,
+			sendToPlatformConfirmButtonProps: w
 		}),
-		onCancel: F,
+		onCancel: P,
 		maxWidth: "md"
 	})] });
 }
 //#endregion
-export { b as default };
+export { y as default };
 //# sourceMappingURL=ExportToAnalysisPlatformDialog.js.map

package/dist/components/SynapseTable/export/ExportToAnalysisPlatformDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExportToAnalysisPlatformDialog.js","names":[],"sources":["../../../../src/components/SynapseTable/export/ExportToAnalysisPlatformDialog.tsx"],"sourcesContent":["import {\n Alert,\n Box,\n Button,\n ButtonProps,\n Tooltip,\n Typography,\n} from '@mui/material'\nimport { useCallback, useMemo, useState } from 'react'\nimport { DialogBase } from '../../DialogBase'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper/QueryVisualizationContext'\nimport WizardChoiceButton from '../../WizardChoiceButton/WizardChoiceButton'\nimport WizardChoiceButtonGroup from '../../WizardChoiceButton/WizardChoiceButtonGroup'\nimport {\n EXTERNAL_ANALYSIS_PLATFORMS,\n ExternalAnalysisPlatform,\n PlatformInstructionProps,\n} from './ExternalAnalysisPlatformsConstants'\nimport ExternalPlatformActionsRequiredPrecheck from './ExternalPlatformActionsRequiredPrecheck'\nimport { ExternalPlatformDisclaimer } from './ExternalPlatformDisclaimer'\n\nenum ExportToAnalysisPlatformDialogStep {\n /* Basic introduction to the feature /\n PREAMBLE_INSTRUCTIONS,\n / User must choose one of the available platforms /\n SELECT_PLATFORM,\n / Instructions specific to the selected platform are displayed /\n PLATFORM_INSTRUCTIONS,\n / Check that the user meets all requirements on the selected data, if so, can send to the external platform /\n CHECK_REQUIREMENTS_AND_SUBMIT,\n}\n\ntype ExportToAnalysisPlatformDialogActionsProps = {\n onCancel: () => void\n step: ExportToAnalysisPlatformDialogStep\n setStep: (step: ExportToAnalysisPlatformDialogStep) => void\n selectedPlatform: ExternalAnalysisPlatform \| null\n / Props for the final confirm button, where the behavior varies based on selection and may be disabled depending on selected file permissions /\n sendToPlatformConfirmButtonProps: ButtonProps\n}\n\n/\n Dialog actions for the ExportToAnalysisPlatformDialog\n /\nfunction ExportToAnalysisPlatformDialogActions(\n props: ExportToAnalysisPlatformDialogActionsProps,\n) {\n const { step, setStep, onCancel, sendToPlatformConfirmButtonProps } = props\n switch (step) {\n case ExportToAnalysisPlatformDialogStep.PREAMBLE_INSTRUCTIONS:\n return (\n <>\n <Button variant={'outlined'} onClick={onCancel}>\n Cancel\n </Button>\n <Button\n variant={'contained'}\n onClick={() => {\n setStep(ExportToAnalysisPlatformDialogStep.SELECT_PLATFORM)\n }}\n >\n Continue\n </Button>\n </>\n )\n case ExportToAnalysisPlatformDialogStep.SELECT_PLATFORM:\n return (\n <>\n <Button\n variant={'outlined'}\n onClick={() =>\n setStep(ExportToAnalysisPlatformDialogStep.PREAMBLE_INSTRUCTIONS)\n }\n sx={{ mr: 'auto' }}\n >\n Back\n </Button>\n <Button variant={'outlined'} onClick={onCancel}>\n Cancel\n </Button>\n <Button\n variant={'contained'}\n disabled={!props.selectedPlatform}\n onClick={() => {\n setStep(ExportToAnalysisPlatformDialogStep.PLATFORM_INSTRUCTIONS)\n }}\n >\n Continue\n </Button>\n </>\n )\n case ExportToAnalysisPlatformDialogStep.PLATFORM_INSTRUCTIONS:\n return (\n <>\n <Button\n variant={'outlined'}\n onClick={() =>\n setStep(ExportToAnalysisPlatformDialogStep.SELECT_PLATFORM)\n }\n sx={{ mr: 'auto' }}\n >\n Back\n </Button>\n <Button variant={'outlined'} onClick={onCancel}>\n Cancel\n </Button>\n <Button\n variant={'contained'}\n onClick={() => {\n setStep(\n ExportToAnalysisPlatformDialogStep.CHECK_REQUIREMENTS_AND_SUBMIT,\n )\n }}\n >\n Continue\n </Button>\n </>\n )\n case ExportToAnalysisPlatformDialogStep.CHECK_REQUIREMENTS_AND_SUBMIT:\n return (\n <>\n <Button\n variant={'outlined'}\n onClick={() =>\n setStep(ExportToAnalysisPlatformDialogStep.SELECT_PLATFORM)\n }\n sx={{ mr: 'auto' }}\n >\n Back\n </Button>\n <Button variant={'outlined'} onClick={onCancel}>\n Cancel\n </Button>\n <Button variant={'contained'} {...sendToPlatformConfirmButtonProps} />\n </>\n )\n }\n}\n\nexport type ExportToAnalysisPlatformDialogProps = {\n / Props used to configure the instructions components /\n platformInstructionProps: PlatformInstructionProps\n}\n\n/\n Dialog used to guide the user through sending data to an external analysis platform. Currently configured to work with\n * the table query data and selection stored in the QueryContext.\n /\nexport default function ExportToAnalysisPlatformDialog(\n props: ExportToAnalysisPlatformDialogProps,\n) {\n const { platformInstructionProps } = props\n\n const [step, setStep] = useState(\n ExportToAnalysisPlatformDialogStep.PREAMBLE_INSTRUCTIONS,\n )\n const [selectedPlatform, setSelectedPlatform] =\n useState<ExternalAnalysisPlatform \| null>(null)\n\n const [\n sendToPlatformConfirmButtonProps,\n setSendToPlatformConfirmButtonProps,\n ] = useState<ButtonProps>({})\n\n const {\n isShowingExportToAnalysisPlatformModal,\n setIsShowingExportToAnalysisPlatformModal,\n enabledExternalAnalysisPlatforms,\n } = useQueryVisualizationContext()\n\n // The disclaimer should be shown every time.\n const [isShowingDisclaimerPage, setIsShowingDisclaimerPage] = useState(true)\n\n const showDisclaimer =\n isShowingExportToAnalysisPlatformModal && isShowingDisclaimerPage\n const showExport =\n isShowingExportToAnalysisPlatformModal && !isShowingDisclaimerPage\n\n const dialogTitle = `Send to ${\n selectedPlatform &&\n [\n ExportToAnalysisPlatformDialogStep.PLATFORM_INSTRUCTIONS,\n ExportToAnalysisPlatformDialogStep.CHECK_REQUIREMENTS_AND_SUBMIT,\n ].includes(step)\n ? EXTERNAL_ANALYSIS_PLATFORMS[selectedPlatform].name\n : 'Analysis Platform'\n }`\n\n const onCancelOrExportComplete = useCallback(() => {\n setIsShowingDisclaimerPage(true)\n setIsShowingExportToAnalysisPlatformModal(false)\n setSelectedPlatform(null)\n setStep(ExportToAnalysisPlatformDialogStep.PREAMBLE_INSTRUCTIONS)\n }, [setIsShowingExportToAnalysisPlatformModal])\n\n const dialogContent = useMemo(() => {\n switch (step) {\n case ExportToAnalysisPlatformDialogStep.PREAMBLE_INSTRUCTIONS:\n return (\n <>\n {/ Allowed platform logos */}\n <Box\n sx={{\n display: 'flex',\n flexDirection: 'row',\n gap: 2,\n alignItems: 'center',\n pb: 2,\n }}\n >\n {enabledExternalAnalysisPlatforms.map(platform => {\n const { name, Logo } = EXTERNAL_ANALYSIS_PLATFORMS[platform]\n return (\n <Tooltip key={platform} title={name}>\n <Logo width={'60px'} />\n </Tooltip>\n )\n })}\n </Box>\n <Typography variant={'headline3'} gutterBottom>\n Instructions\n </Typography>\n <Typography variant={'body1'} gutterBottom>\n This portal supports sending data to third-party platforms for\n analysis, once all requirements for data access (if any) have been\n met. We currently support the above platforms.\n </Typography>\n <Typography variant={'body1'}>\n The following screens will help guide you through sending data\n from this portal into analysis platforms. Press \"Continue\" to get\n started.\n </Typography>\n </>\n )\n case ExportToAnalysisPlatformDialogStep.SELECT_PLATFORM:\n return (\n <WizardChoiceButtonGroup>\n {enabledExternalAnalysisPlatforms.map(platform => {\n const { name, description, Logo } =\n EXTERNAL_ANALYSIS_PLATFORMS[platform]\n return (\n <WizardChoiceButton\n key={platform}\n title={name}\n description={description}\n icon={<Logo width={'60px'} />}\n onClick={() => {\n setSelectedPlatform(platform)\n }}\n selected={selectedPlatform === platform}\n />\n )\n })}\n </WizardChoiceButtonGroup>\n )\n case ExportToAnalysisPlatformDialogStep.PLATFORM_INSTRUCTIONS: {\n const { PlatformInstructions } =\n EXTERNAL_ANALYSIS_PLATFORMS[selectedPlatform!]\n if (PlatformInstructions) {\n return <PlatformInstructions {...platformInstructionProps} />\n }\n console.error(\n `No instructions component found for platform: ${selectedPlatform}`,\n )\n // fallback error message, but this should never happen in production\n return (\n <Alert severity=\"error\">\n <Typography variant={'body1'}>\n {EXTERNAL_ANALYSIS_PLATFORMS[selectedPlatform!].name} has not been\n configured for data export on this site.\n </Typography>\n </Alert>\n )\n }\n case ExportToAnalysisPlatformDialogStep.CHECK_REQUIREMENTS_AND_SUBMIT:\n return (\n <ExternalPlatformActionsRequiredPrecheck\n selectedPlatform={selectedPlatform!}\n onConfirmButtonPropsChange={setSendToPlatformConfirmButtonProps}\n onSuccessfulExport={onCancelOrExportComplete}\n />\n )\n }\n }, [\n enabledExternalAnalysisPlatforms,\n onCancelOrExportComplete,\n platformInstructionProps,\n selectedPlatform,\n step,\n ])\n\n return (\n <div>\n <ExternalPlatformDisclaimer\n showDisclaimer={showDisclaimer}\n onConfirm={() => {\n setIsShowingDisclaimerPage(false)\n }}\n onCancel={onCancelOrExportComplete}\n />\n <DialogBase\n open={showExport}\n title={dialogTitle}\n content={dialogContent}\n actions={\n <ExportToAnalysisPlatformDialogActions\n step={step}\n setStep={setStep}\n selectedPlatform={selectedPlatform}\n onCancel={onCancelOrExportComplete}\n sendToPlatformConfirmButtonProps={sendToPlatformConfirmButtonProps}\n />\n }\n onCancel={onCancelOrExportComplete}\n maxWidth=\"md\"\n />\n </div>\n )\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"ExportToAnalysisPlatformDialog.js","names":[],"sources":["../../../../src/components/SynapseTable/export/ExportToAnalysisPlatformDialog.tsx"],"sourcesContent":["import {\n Alert,\n Box,\n Button,\n ButtonProps,\n Tooltip,\n Typography,\n} from '@mui/material'\nimport { useCallback, useMemo, useState } from 'react'\nimport { DialogBase } from '../../DialogBase'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper/QueryVisualizationContext'\nimport WizardChoiceButton from '../../WizardChoiceButton/WizardChoiceButton'\nimport WizardChoiceButtonGroup from '../../WizardChoiceButton/WizardChoiceButtonGroup'\nimport {\n EXTERNAL_ANALYSIS_PLATFORMS,\n ExternalAnalysisPlatform,\n PlatformInstructionProps,\n} from './ExternalAnalysisPlatformsConstants'\nimport ExternalPlatformActionsRequiredPrecheck from './ExternalPlatformActionsRequiredPrecheck'\nimport { ExternalPlatformDisclaimer } from './ExternalPlatformDisclaimer'\n\nenum ExportToAnalysisPlatformDialogStep {\n /* Basic introduction to the feature /\n PREAMBLE_INSTRUCTIONS,\n / User must choose one of the available platforms /\n SELECT_PLATFORM,\n / Instructions specific to the selected platform are displayed /\n PLATFORM_INSTRUCTIONS,\n / Check that the user meets all requirements on the selected data, if so, can send to the external platform /\n CHECK_REQUIREMENTS_AND_SUBMIT,\n}\n\ntype ExportToAnalysisPlatformDialogActionsProps = {\n onCancel: () => void\n step: ExportToAnalysisPlatformDialogStep\n setStep: (step: ExportToAnalysisPlatformDialogStep) => void\n selectedPlatform: ExternalAnalysisPlatform \| null\n / Props for the final confirm button, where the behavior varies based on selection and may be disabled depending on selected file permissions /\n sendToPlatformConfirmButtonProps: ButtonProps\n}\n\n/\n Dialog actions for the ExportToAnalysisPlatformDialog\n /\nfunction ExportToAnalysisPlatformDialogActions(\n props: ExportToAnalysisPlatformDialogActionsProps,\n) {\n const { step, setStep, onCancel, sendToPlatformConfirmButtonProps } = props\n switch (step) {\n case ExportToAnalysisPlatformDialogStep.PREAMBLE_INSTRUCTIONS:\n return (\n <>\n <Button variant={'outlined'} onClick={onCancel}>\n Cancel\n </Button>\n <Button\n variant={'contained'}\n onClick={() => {\n setStep(ExportToAnalysisPlatformDialogStep.SELECT_PLATFORM)\n }}\n >\n Continue\n </Button>\n </>\n )\n case ExportToAnalysisPlatformDialogStep.SELECT_PLATFORM:\n return (\n <>\n <Button\n variant={'outlined'}\n onClick={() =>\n setStep(ExportToAnalysisPlatformDialogStep.PREAMBLE_INSTRUCTIONS)\n }\n sx={{ mr: 'auto' }}\n >\n Back\n </Button>\n <Button variant={'outlined'} onClick={onCancel}>\n Cancel\n </Button>\n <Button\n variant={'contained'}\n disabled={!props.selectedPlatform}\n onClick={() => {\n setStep(ExportToAnalysisPlatformDialogStep.PLATFORM_INSTRUCTIONS)\n }}\n >\n Continue\n </Button>\n </>\n )\n case ExportToAnalysisPlatformDialogStep.PLATFORM_INSTRUCTIONS:\n return (\n <>\n <Button\n variant={'outlined'}\n onClick={() =>\n setStep(ExportToAnalysisPlatformDialogStep.SELECT_PLATFORM)\n }\n sx={{ mr: 'auto' }}\n >\n Back\n </Button>\n <Button variant={'outlined'} onClick={onCancel}>\n Cancel\n </Button>\n <Button\n variant={'contained'}\n onClick={() => {\n setStep(\n ExportToAnalysisPlatformDialogStep.CHECK_REQUIREMENTS_AND_SUBMIT,\n )\n }}\n >\n Continue\n </Button>\n </>\n )\n case ExportToAnalysisPlatformDialogStep.CHECK_REQUIREMENTS_AND_SUBMIT:\n return (\n <>\n <Button\n variant={'outlined'}\n onClick={() =>\n setStep(ExportToAnalysisPlatformDialogStep.SELECT_PLATFORM)\n }\n sx={{ mr: 'auto' }}\n >\n Back\n </Button>\n <Button variant={'outlined'} onClick={onCancel}>\n Cancel\n </Button>\n <Button variant={'contained'} {...sendToPlatformConfirmButtonProps} />\n </>\n )\n }\n}\n\nexport type ExportToAnalysisPlatformDialogProps = {\n / Props used to configure the instructions components /\n platformInstructionProps: PlatformInstructionProps\n}\n\n/\n Dialog used to guide the user through sending data to an external analysis platform. Currently configured to work with\n * the table query data and selection stored in the QueryContext.\n /\nexport default function ExportToAnalysisPlatformDialog(\n props: ExportToAnalysisPlatformDialogProps,\n) {\n const { platformInstructionProps } = props\n\n const [step, setStep] = useState(\n ExportToAnalysisPlatformDialogStep.PREAMBLE_INSTRUCTIONS,\n )\n const [selectedPlatform, setSelectedPlatform] =\n useState<ExternalAnalysisPlatform \| null>(null)\n\n const [\n sendToPlatformConfirmButtonProps,\n setSendToPlatformConfirmButtonProps,\n ] = useState<ButtonProps>({})\n\n const {\n isShowingExportToAnalysisPlatformModal,\n setIsShowingExportToAnalysisPlatformModal,\n enabledExternalAnalysisPlatforms,\n } = useQueryVisualizationContext()\n\n // The disclaimer should be shown every time.\n const [isShowingDisclaimerPage, setIsShowingDisclaimerPage] = useState(true)\n\n const showDisclaimer =\n isShowingExportToAnalysisPlatformModal && isShowingDisclaimerPage\n const showExport =\n isShowingExportToAnalysisPlatformModal && !isShowingDisclaimerPage\n\n const dialogTitle = `Send to ${\n selectedPlatform &&\n [\n ExportToAnalysisPlatformDialogStep.PLATFORM_INSTRUCTIONS,\n ExportToAnalysisPlatformDialogStep.CHECK_REQUIREMENTS_AND_SUBMIT,\n ].includes(step)\n ? EXTERNAL_ANALYSIS_PLATFORMS[selectedPlatform].name\n : 'Analysis Platform'\n }`\n\n const onCancelOrExportComplete = useCallback(() => {\n setIsShowingDisclaimerPage(true)\n setIsShowingExportToAnalysisPlatformModal(false)\n setSelectedPlatform(null)\n setStep(ExportToAnalysisPlatformDialogStep.PREAMBLE_INSTRUCTIONS)\n }, [setIsShowingExportToAnalysisPlatformModal])\n\n const dialogContent = useMemo(() => {\n switch (step) {\n case ExportToAnalysisPlatformDialogStep.PREAMBLE_INSTRUCTIONS:\n return (\n <>\n {/ Allowed platform logos */}\n <Box\n sx={{\n display: 'flex',\n flexDirection: 'row',\n gap: 2,\n alignItems: 'center',\n pb: 2,\n }}\n >\n {enabledExternalAnalysisPlatforms.map(platform => {\n const { name, Logo } = EXTERNAL_ANALYSIS_PLATFORMS[platform]\n return (\n <Tooltip key={platform} title={name}>\n <Logo width={'60px'} />\n </Tooltip>\n )\n })}\n </Box>\n <Typography variant={'headline3'} gutterBottom>\n Instructions\n </Typography>\n <Typography variant={'body1'} gutterBottom>\n This portal supports sending data to third-party platforms for\n analysis, once all requirements for data access (if any) have been\n met. We currently support the above platforms.\n </Typography>\n <Typography variant={'body1'}>\n The following screens will help guide you through sending data\n from this portal into analysis platforms. Press \"Continue\" to get\n started.\n </Typography>\n </>\n )\n case ExportToAnalysisPlatformDialogStep.SELECT_PLATFORM:\n return (\n <WizardChoiceButtonGroup>\n {enabledExternalAnalysisPlatforms.map(platform => {\n const { name, description, Logo } =\n EXTERNAL_ANALYSIS_PLATFORMS[platform]\n return (\n <WizardChoiceButton\n key={platform}\n title={name}\n description={description}\n icon={<Logo width={'60px'} />}\n onClick={() => {\n setSelectedPlatform(platform)\n }}\n selected={selectedPlatform === platform}\n />\n )\n })}\n </WizardChoiceButtonGroup>\n )\n case ExportToAnalysisPlatformDialogStep.PLATFORM_INSTRUCTIONS: {\n const { PlatformInstructions } =\n EXTERNAL_ANALYSIS_PLATFORMS[selectedPlatform!]\n if (PlatformInstructions) {\n return <PlatformInstructions {...platformInstructionProps} />\n }\n console.error(\n `No instructions component found for platform: ${selectedPlatform}`,\n )\n // fallback error message, but this should never happen in production\n return (\n <Alert severity=\"error\">\n <Typography variant={'body1'}>\n {EXTERNAL_ANALYSIS_PLATFORMS[selectedPlatform!].name} has not been\n configured for data export on this site.\n </Typography>\n </Alert>\n )\n }\n case ExportToAnalysisPlatformDialogStep.CHECK_REQUIREMENTS_AND_SUBMIT:\n return (\n <ExternalPlatformActionsRequiredPrecheck\n selectedPlatform={selectedPlatform!}\n onConfirmButtonPropsChange={setSendToPlatformConfirmButtonProps}\n onSuccessfulExport={onCancelOrExportComplete}\n />\n )\n }\n }, [\n enabledExternalAnalysisPlatforms,\n onCancelOrExportComplete,\n platformInstructionProps,\n selectedPlatform,\n step,\n ])\n\n return (\n <div>\n <ExternalPlatformDisclaimer\n showDisclaimer={showDisclaimer}\n onConfirm={() => {\n setIsShowingDisclaimerPage(false)\n }}\n onCancel={onCancelOrExportComplete}\n />\n <DialogBase\n open={showExport}\n title={dialogTitle}\n content={dialogContent}\n actions={\n <ExportToAnalysisPlatformDialogActions\n step={step}\n setStep={setStep}\n selectedPlatform={selectedPlatform}\n onCancel={onCancelOrExportComplete}\n sendToPlatformConfirmButtonProps={sendToPlatformConfirmButtonProps}\n />\n }\n onCancel={onCancelOrExportComplete}\n maxWidth=\"md\"\n />\n </div>\n )\n}\n"],"mappings":"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"}

package/dist/components/SynapseTable/export/ExternalAnalysisPlatformInstructions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExternalAnalysisPlatformInstructions.js","names":[],"sources":["../../../../src/components/SynapseTable/export/ExternalAnalysisPlatformInstructions.tsx"],"sourcesContent":["import React from 'react'\nimport { Link } from '@mui/material'\nimport Typography from '@mui/material/Typography'\n\nexport type ExternalAnalysisPlatformInstructionsProps = {\n platformName: string\n platformLoginURL: string\n platformConnectAccountURL?: string\n platformSupportEmail?: string\n}\n\nexport const ExternalAnalysisPlatformInstructions = (\n props: ExternalAnalysisPlatformInstructionsProps,\n): React.ReactNode => {\n const {\n platformName,\n platformLoginURL,\n platformConnectAccountURL,\n platformSupportEmail,\n } = props\n return (\n <>\n <Typography variant=\"body1\" sx={{ fontWeight: 700 }} gutterBottom>\n You must meet these requirements from {platformName} to send data:\n </Typography>\n <Typography\n variant=\"body1\"\n component={'ol'}\n gutterBottom\n sx={{ marginLeft: '10px', li: { mb: 1 } }}\n >\n <li>You must complete all required Access Actions in the next step.</li>\n <li>\n You must be logged in to a {platformName} account.{' '}\n <Link\n href={platformLoginURL}\n rel={'noopener noreferrer'}\n target={'_blank'}\n >\n Click here to login or register for {platformName}\n </Link>\n .\n </li>\n <li>\n You must connect your {platformName} account to Synapse.{' '}\n {platformConnectAccountURL && (\n <Link href={platformConnectAccountURL} target=\"_blank\">\n Click here for instructions.\n </Link>\n )}\n </li>\n </Typography>\n\n <Typography variant=\"body1\" gutterBottom>\n Note that we cannot provide support for {platformName}.  \n {platformSupportEmail && (\n <>\n Please contact {platformName}'s{' '}\n <Link href={platformSupportEmail}>technical support</Link> for\n issues related to the above.\n </>\n )}\n </Typography>\n </>\n )\n}\n"],"mappings":";;;;;AAWA,IAAa,KACX,MACoB;CACpB,IAAM,EACJ,iBACA,qBACA,8BACA,4BACE;~~AACJ~~,~~QACE~~,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI,EAAE,YAAY,~~KAAK~~;~~GAAE~~,cAAA;aAArD;IAAkE;IACzB;IAAa;~~IACzC~~;;~~EACb~~,kBAAC,GAAD;GACE,SAAQ;GACR,WAAW;GACX,cAAA;GACA,IAAI;IAAE,YAAY;IAAQ,IAAI,EAAE,IAAI,~~GAAG~~;~~IAAE~~;~~aAJ3C~~;IAME,kBAAC,MAAD,EAAA,UAAI,~~mEAAoE~~,CAAA;~~IACxE~~,kBAAC,MAAD,EAAA,UAAA;KAAI;KAC0B;KAAa;KAAU;KACnD,kBAAC,GAAD;MACE,MAAM;MACN,KAAK;MACL,QAAQ;gBAHV,CAIC,wCACsC,~~EAChC;;;KAEJ~~,EAAA,CAAA;~~IACL~~,kBAAC,MAAD,EAAA,UAAA;KAAI;KACqB;KAAa;KAAqB;KACxD,KACC,kBAAC,GAAD;MAAM,MAAM;MAA2B,QAAO;gBAAS;~~MAEhD~~,CAAA;~~KAEN~~,EAAA,CAAA;~~IACM~~;;~~EAEb~~,kBAAC,GAAD;GAAY,SAAQ;GAAQ,cAAA;aAA5B;IAAyC;IACE;IAAa;IACrD,KACC,kBAAA,GAAA,EAAA,UAAA;KAAE;KACgB;KAAa;KAAG;KAChC,kBAAC,GAAD;MAAM,MAAM;gBAAsB;~~MAAwB~~,CAAA~~;;KAEzD~~,EAAA,CAAA;~~IAEM~~;;~~EACZ~~,EAAA,CAAA"}
1	+ {"version":3,"file":"ExternalAnalysisPlatformInstructions.js","names":[],"sources":["../../../../src/components/SynapseTable/export/ExternalAnalysisPlatformInstructions.tsx"],"sourcesContent":["import React from 'react'\nimport { Link } from '@mui/material'\nimport Typography from '@mui/material/Typography'\n\nexport type ExternalAnalysisPlatformInstructionsProps = {\n platformName: string\n platformLoginURL: string\n platformConnectAccountURL?: string\n platformSupportEmail?: string\n}\n\nexport const ExternalAnalysisPlatformInstructions = (\n props: ExternalAnalysisPlatformInstructionsProps,\n): React.ReactNode => {\n const {\n platformName,\n platformLoginURL,\n platformConnectAccountURL,\n platformSupportEmail,\n } = props\n return (\n <>\n <Typography variant=\"body1\" sx={{ fontWeight: 700 }} gutterBottom>\n You must meet these requirements from {platformName} to send data:\n </Typography>\n <Typography\n variant=\"body1\"\n component={'ol'}\n gutterBottom\n sx={{ marginLeft: '10px', li: { mb: 1 } }}\n >\n <li>You must complete all required Access Actions in the next step.</li>\n <li>\n You must be logged in to a {platformName} account.{' '}\n <Link\n href={platformLoginURL}\n rel={'noopener noreferrer'}\n target={'_blank'}\n >\n Click here to login or register for {platformName}\n </Link>\n .\n </li>\n <li>\n You must connect your {platformName} account to Synapse.{' '}\n {platformConnectAccountURL && (\n <Link href={platformConnectAccountURL} target=\"_blank\">\n Click here for instructions.\n </Link>\n )}\n </li>\n </Typography>\n\n <Typography variant=\"body1\" gutterBottom>\n Note that we cannot provide support for {platformName}.  \n {platformSupportEmail && (\n <>\n Please contact {platformName}'s{' '}\n <Link href={platformSupportEmail}>technical support</Link> for\n issues related to the above.\n </>\n )}\n </Typography>\n </>\n )\n}\n"],"mappings":";;;;;AAWA,IAAa,KACX,MACoB;CACpB,IAAM,EACJ,iBACA,qBACA,8BACA,4BACE;CACJ,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI,EAAE,YAAY,IAAI;GAAG,cAAA;aAArD;IAAkE;IACzB;IAAa;GAC1C;;EACZ,kBAAC,GAAD;GACE,SAAQ;GACR,WAAW;GACX,cAAA;GACA,IAAI;IAAE,YAAY;IAAQ,IAAI,EAAE,IAAI,EAAE;GAAE;aAJ1C;IAME,kBAAC,MAAD,EAAA,UAAI,kEAAmE,CAAA;IACvE,kBAAC,MAAD,EAAA,UAAA;KAAI;KAC0B;KAAa;KAAU;KACnD,kBAAC,GAAD;MACE,MAAM;MACN,KAAK;MACL,QAAQ;gBAHV,CAIC,wCACsC,CACjC;;KAAC;IAEL,EAAA,CAAA;IACJ,kBAAC,MAAD,EAAA,UAAA;KAAI;KACqB;KAAa;KAAqB;KACxD,KACC,kBAAC,GAAD;MAAM,MAAM;MAA2B,QAAO;gBAAS;KAEjD,CAAA;IAEN,EAAA,CAAA;GACM;;EAEZ,kBAAC,GAAD;GAAY,SAAQ;GAAQ,cAAA;aAA5B;IAAyC;IACE;IAAa;IACrD,KACC,kBAAA,GAAA,EAAA,UAAA;KAAE;KACgB;KAAa;KAAG;KAChC,kBAAC,GAAD;MAAM,MAAM;gBAAsB;KAAuB,CAAA;KAAC;IAE1D,EAAA,CAAA;GAEM;;CACZ,EAAA,CAAA;AAEN"}

package/dist/components/SynapseTable/export/ExternalAnalysisPlatformsConstants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExternalAnalysisPlatformsConstants.js","names":[],"sources":["../../../../src/components/SynapseTable/export/ExternalAnalysisPlatformsConstants.tsx"],"sourcesContent":["import React from 'react'\nimport { ReactComponent as AdWorkbenchLogo } from '../../../assets/logos/other/ad-workbench-logo.svg'\nimport { ReactComponent as CavaticaLogo } from '../../../assets/logos/other/cavatica-logo.svg'\nimport { ReactComponent as TerraLogo } from '../../../assets/logos/other/terra-logo.svg'\nimport { ReactComponent as PlutoLogo } from '../../../assets/logos/other/pluto-logo.svg'\nimport { ExternalAnalysisPlatformInstructions } from './ExternalAnalysisPlatformInstructions'\nimport { ADDiscoveryPortalInstructions } from './ADDiscoveryPortalInstructions'\n\nexport type PlatformInstructionProps = {\n cavaticaConnectAccountURL?: string\n}\n\ntype ExternalAnalysisPlatformDescription = {\n name: string\n description: string\n Logo: React.ComponentType<React.SVGProps<SVGSVGElement>>\n PlatformInstructions?: React.ComponentType<PlatformInstructionProps>\n}\n\nexport type ExternalAnalysisPlatform =\n \| 'cavatica'\n \| 'terra'\n \| 'adworkbench'\n \| 'pluto'\n \| 'plutodev'\n\nconst plutoAnalysisPlatformDescription: ExternalAnalysisPlatformDescription = {\n name: 'Pluto',\n description:\n 'Intuitively store, search, analyze, and visualize complex biological data (including large, raw data files) and run bioinformatics pipelines in a few clicks without needing to write code or manage any of your own cloud infrastructure.',\n Logo: PlutoLogo,\n PlatformInstructions: () => (\n <ExternalAnalysisPlatformInstructions\n platformName=\"Pluto\"\n platformLoginURL=\"https://app.pluto.bio/login\"\n platformConnectAccountURL=\"https://help.pluto.bio/en/articles/synapse-pluto\"\n platformSupportEmail=\"mailto:support@pluto.bio\"\n />\n ),\n}\nconst plutoDevAnalysisPlatformDescription: ExternalAnalysisPlatformDescription =\n {\n ...plutoAnalysisPlatformDescription,\n name: 'Pluto (Development)',\n PlatformInstructions: () => (\n <ExternalAnalysisPlatformInstructions\n platformName=\"Pluto\"\n platformLoginURL=\"https://dev.pluto.bio/login\"\n platformConnectAccountURL=\"https://help.pluto.bio/en/articles/synapse-pluto\"\n platformSupportEmail=\"mailto:support@pluto.bio\"\n />\n ),\n }\n\nexport const EXTERNAL_ANALYSIS_PLATFORMS: Record<\n ExternalAnalysisPlatform,\n ExternalAnalysisPlatformDescription\n> = {\n cavatica: {\n name: 'CAVATICA',\n description:\n 'CAVATICA is a storage, sharing, and analysis platform designed to handle large volumes of pediatric tumor genomics data. It is produced in collaboration with Seven Bridges and based on the Seven Bridges Platform for cloud storage and bioinformatics analysis.',\n Logo: CavaticaLogo,\n PlatformInstructions: (props: PlatformInstructionProps) => (\n <ExternalAnalysisPlatformInstructions\n platformName={'CAVATICA'}\n platformLoginURL={'https://cavatica.sbgenomics.com/'}\n platformConnectAccountURL={props.cavaticaConnectAccountURL}\n platformSupportEmail={'mailto:support@velsera.com'}\n />\n ),\n },\n terra: {\n name: 'Terra',\n description:\n 'Terra is an analysis platform that allows users to access data, run analysis tools, and collaborate. Terra is powered by Google Cloud Platform, enabling the user to scale and manage billing of their own projects.',\n Logo: TerraLogo,\n PlatformInstructions: () => (\n <ExternalAnalysisPlatformInstructions\n platformName=\"Terra\"\n platformLoginURL=\"https://app.terra.bio/\"\n platformConnectAccountURL=\"https://app.terra.bio/#profile?tab=externalIdentities\"\n platformSupportEmail=\"mailto:support@terra.bio\"\n />\n ),\n },\n pluto: plutoAnalysisPlatformDescription,\n plutodev: plutoDevAnalysisPlatformDescription,\n adworkbench: {\n name: 'AD Discovery Portal',\n description:\n \"The AD Discovery Portal is designed to help researchers explore novel Alzheimer's disease and related dementias data through a publicly accessible dataset catalog. It offers a diverse collection of data, including imaging, omics, clinical, and multi-modal approaches, and brings together datasets from both industry and academia. The Discovery Portal is fully integrated with AD Workbench and enables seamless exploration, dataset access requests, and analysis.\",\n Logo: AdWorkbenchLogo,\n PlatformInstructions: () => <ADDiscoveryPortalInstructions />,\n },\n} as const\n"],"mappings":";;;;;;;;;AA0BA,IAAM,IAAwE;CAC5E,MAAM;CACN,aACE;CACF,MAAM;CACN,4BACE,kBAAC,GAAD;EACE,cAAa;EACb,kBAAiB;EACjB,2BAA0B;EAC1B,sBAAqB;~~EACrB~~,CAAA;~~CAEL~~,~~EACK~~,IACJ;CACE,GAAG;CACH,MAAM;CACN,4BACE,kBAAC,GAAD;EACE,cAAa;EACb,kBAAiB;EACjB,2BAA0B;EAC1B,sBAAqB;~~EACrB~~,CAAA;~~CAEL~~,~~EAEU~~,IAGT;CACF,UAAU;EACR,MAAM;EACN,aACE;EACF,MAAM;EACN,uBAAuB,MACrB,kBAAC,GAAD;GACE,cAAc;GACd,kBAAkB;GAClB,2BAA2B,EAAM;GACjC,sBAAsB;~~GACtB~~,CAAA;~~EAEL~~;~~CACD~~,OAAO;EACL,MAAM;EACN,aACE;EACF,MAAM;EACN,4BACE,kBAAC,GAAD;GACE,cAAa;GACb,kBAAiB;GACjB,2BAA0B;GAC1B,sBAAqB;~~GACrB~~,CAAA;~~EAEL~~;~~CACD~~,OAAO;CACP,UAAU;CACV,aAAa;EACX,MAAM;EACN,aACE;EACF,MAAM;EACN,4BAA4B,kBAAC,GAAD,~~EAAiC~~,CAAA;~~EAC9D~~;~~CACF~~"}
1	+ {"version":3,"file":"ExternalAnalysisPlatformsConstants.js","names":[],"sources":["../../../../src/components/SynapseTable/export/ExternalAnalysisPlatformsConstants.tsx"],"sourcesContent":["import React from 'react'\nimport { ReactComponent as AdWorkbenchLogo } from '../../../assets/logos/other/ad-workbench-logo.svg'\nimport { ReactComponent as CavaticaLogo } from '../../../assets/logos/other/cavatica-logo.svg'\nimport { ReactComponent as TerraLogo } from '../../../assets/logos/other/terra-logo.svg'\nimport { ReactComponent as PlutoLogo } from '../../../assets/logos/other/pluto-logo.svg'\nimport { ExternalAnalysisPlatformInstructions } from './ExternalAnalysisPlatformInstructions'\nimport { ADDiscoveryPortalInstructions } from './ADDiscoveryPortalInstructions'\n\nexport type PlatformInstructionProps = {\n cavaticaConnectAccountURL?: string\n}\n\ntype ExternalAnalysisPlatformDescription = {\n name: string\n description: string\n Logo: React.ComponentType<React.SVGProps<SVGSVGElement>>\n PlatformInstructions?: React.ComponentType<PlatformInstructionProps>\n}\n\nexport type ExternalAnalysisPlatform =\n \| 'cavatica'\n \| 'terra'\n \| 'adworkbench'\n \| 'pluto'\n \| 'plutodev'\n\nconst plutoAnalysisPlatformDescription: ExternalAnalysisPlatformDescription = {\n name: 'Pluto',\n description:\n 'Intuitively store, search, analyze, and visualize complex biological data (including large, raw data files) and run bioinformatics pipelines in a few clicks without needing to write code or manage any of your own cloud infrastructure.',\n Logo: PlutoLogo,\n PlatformInstructions: () => (\n <ExternalAnalysisPlatformInstructions\n platformName=\"Pluto\"\n platformLoginURL=\"https://app.pluto.bio/login\"\n platformConnectAccountURL=\"https://help.pluto.bio/en/articles/synapse-pluto\"\n platformSupportEmail=\"mailto:support@pluto.bio\"\n />\n ),\n}\nconst plutoDevAnalysisPlatformDescription: ExternalAnalysisPlatformDescription =\n {\n ...plutoAnalysisPlatformDescription,\n name: 'Pluto (Development)',\n PlatformInstructions: () => (\n <ExternalAnalysisPlatformInstructions\n platformName=\"Pluto\"\n platformLoginURL=\"https://dev.pluto.bio/login\"\n platformConnectAccountURL=\"https://help.pluto.bio/en/articles/synapse-pluto\"\n platformSupportEmail=\"mailto:support@pluto.bio\"\n />\n ),\n }\n\nexport const EXTERNAL_ANALYSIS_PLATFORMS: Record<\n ExternalAnalysisPlatform,\n ExternalAnalysisPlatformDescription\n> = {\n cavatica: {\n name: 'CAVATICA',\n description:\n 'CAVATICA is a storage, sharing, and analysis platform designed to handle large volumes of pediatric tumor genomics data. It is produced in collaboration with Seven Bridges and based on the Seven Bridges Platform for cloud storage and bioinformatics analysis.',\n Logo: CavaticaLogo,\n PlatformInstructions: (props: PlatformInstructionProps) => (\n <ExternalAnalysisPlatformInstructions\n platformName={'CAVATICA'}\n platformLoginURL={'https://cavatica.sbgenomics.com/'}\n platformConnectAccountURL={props.cavaticaConnectAccountURL}\n platformSupportEmail={'mailto:support@velsera.com'}\n />\n ),\n },\n terra: {\n name: 'Terra',\n description:\n 'Terra is an analysis platform that allows users to access data, run analysis tools, and collaborate. Terra is powered by Google Cloud Platform, enabling the user to scale and manage billing of their own projects.',\n Logo: TerraLogo,\n PlatformInstructions: () => (\n <ExternalAnalysisPlatformInstructions\n platformName=\"Terra\"\n platformLoginURL=\"https://app.terra.bio/\"\n platformConnectAccountURL=\"https://app.terra.bio/#profile?tab=externalIdentities\"\n platformSupportEmail=\"mailto:support@terra.bio\"\n />\n ),\n },\n pluto: plutoAnalysisPlatformDescription,\n plutodev: plutoDevAnalysisPlatformDescription,\n adworkbench: {\n name: 'AD Discovery Portal',\n description:\n \"The AD Discovery Portal is designed to help researchers explore novel Alzheimer's disease and related dementias data through a publicly accessible dataset catalog. It offers a diverse collection of data, including imaging, omics, clinical, and multi-modal approaches, and brings together datasets from both industry and academia. The Discovery Portal is fully integrated with AD Workbench and enables seamless exploration, dataset access requests, and analysis.\",\n Logo: AdWorkbenchLogo,\n PlatformInstructions: () => <ADDiscoveryPortalInstructions />,\n },\n} as const\n"],"mappings":";;;;;;;;;AA0BA,IAAM,IAAwE;CAC5E,MAAM;CACN,aACE;CACF,MAAM;CACN,4BACE,kBAAC,GAAD;EACE,cAAa;EACb,kBAAiB;EACjB,2BAA0B;EAC1B,sBAAqB;CACtB,CAAA;AAEL,GACM,IACJ;CACE,GAAG;CACH,MAAM;CACN,4BACE,kBAAC,GAAD;EACE,cAAa;EACb,kBAAiB;EACjB,2BAA0B;EAC1B,sBAAqB;CACtB,CAAA;AAEL,GAEW,IAGT;CACF,UAAU;EACR,MAAM;EACN,aACE;EACF,MAAM;EACN,uBAAuB,MACrB,kBAAC,GAAD;GACE,cAAc;GACd,kBAAkB;GAClB,2BAA2B,EAAM;GACjC,sBAAsB;EACvB,CAAA;CAEL;CACA,OAAO;EACL,MAAM;EACN,aACE;EACF,MAAM;EACN,4BACE,kBAAC,GAAD;GACE,cAAa;GACb,kBAAiB;GACjB,2BAA0B;GAC1B,sBAAqB;EACtB,CAAA;CAEL;CACA,OAAO;CACP,UAAU;CACV,aAAa;EACX,MAAM;EACN,aACE;EACF,MAAM;EACN,4BAA4B,kBAAC,GAAD,CAAgC,CAAA;CAC9D;AACF"}

package/dist/components/SynapseTable/export/ExternalPlatformActionsRequiredPrecheck.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExternalPlatformActionsRequiredPrecheck.js","names":[],"sources":["../../../../src/components/SynapseTable/export/ExternalPlatformActionsRequiredPrecheck.tsx"],"sourcesContent":["import { ButtonProps, Typography } from '@mui/material'\nimport { upperFirst } from 'lodash-es'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useExportTableQueryToAnalysisPlatform } from '../../../synapse-queries/entity/useExportTableQueryToAnalysisPlatform'\nimport { getPrimaryKeyINFilter } from '../../../utils/functions/QueryFilterUtils'\nimport { TableQueryActionsRequired } from '../../DownloadCart/TableQueryActionsRequired'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper/index'\nimport {\n useHasSelectedRowsAtomValue,\n useRowSelectionPrimaryKeyAtomValue,\n useSelectedRowsAtomValue,\n} from '../../QueryWrapper/TableRowSelectionState'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { SkeletonParagraph } from '../../Skeleton/index'\nimport { getNumberOfResultsToInvokeActionCopy } from '../TopLevelControls/TopLevelControlsUtils'\nimport {\n EXTERNAL_ANALYSIS_PLATFORMS,\n ExternalAnalysisPlatform,\n} from './ExternalAnalysisPlatformsConstants'\n\n/*\n Get the ID of the confirm button for the selected platform, used in Google Tag Manager\n * @param selectedPlatform\n /\nfunction getConfirmButtonId(\n selectedPlatform: ExternalAnalysisPlatform,\n): string {\n return `SendTo${upperFirst(\n selectedPlatform.replace('\\\\s', ''),\n )}ButtonFromConfirmationDialog`\n}\n\nexport type ExternalPlatformActionsRequiredPrecheckProps = {\n / The external analysis platform that the user selected /\n selectedPlatform: ExternalAnalysisPlatform\n / Callback to propagate the current confirm button appearance and behavior /\n onConfirmButtonPropsChange: (props: ButtonProps) => void\n / Callback invoked when export to the external platform succeeds */\n onSuccessfulExport: () => void\n}\n\nexport default function ExternalPlatformActionsRequiredPrecheck(\n props: ExternalPlatformActionsRequiredPrecheckProps,\n) {\n const { selectedPlatform, onConfirmButtonPropsChange, onSuccessfulExport } =\n props\n const platform = EXTERNAL_ANALYSIS_PLATFORMS[selectedPlatform]\n\n const {\n getCurrentQueryRequest,\n onViewSharingSettingsClicked,\n hasResettableFilters,\n fileIdColumnName,\n fileVersionColumnName,\n fileNameColumnName,\n } = useQueryContext()\n\n const { data: queryMetadata, isLoading } = useGetQueryMetadata()\n const selectedRows = useSelectedRowsAtomValue()\n const rowSelectionPrimaryKey = useRowSelectionPrimaryKeyAtomValue()\n const hasSelectedRows = useHasSelectedRowsAtomValue()\n\n const { unitDescription } = useQueryVisualizationContext()\n\n const [numberOfRequiredActions, setNumberOfRequiredActions] = useState<\n number \| undefined\n >(undefined)\n\n const queryFilteredBySelection = useMemo(() => {\n const request = getCurrentQueryRequest()\n if (\n hasSelectedRows &&\n rowSelectionPrimaryKey &&\n queryMetadata?.selectColumns\n ) {\n request.query.additionalFilters = [\n ...(request.query.additionalFilters \|\| []),\n getPrimaryKeyINFilter(\n rowSelectionPrimaryKey,\n selectedRows,\n queryMetadata.selectColumns,\n ),\n ]\n }\n return request\n }, [\n getCurrentQueryRequest,\n hasSelectedRows,\n rowSelectionPrimaryKey,\n queryMetadata?.selectColumns,\n selectedRows,\n ])\n\n const {\n exportToCavatica,\n exportToTerra,\n exportToPluto,\n exportToPlutoDev,\n exportToADWorkbench,\n } = useExportTableQueryToAnalysisPlatform({\n queryBundleRequest: queryFilteredBySelection,\n selectColumns: queryMetadata?.selectColumns,\n fileIdColumnName,\n fileVersionColumnName,\n fileNameColumnName,\n })\n\n const confirmButtonText = `Send ${getNumberOfResultsToInvokeActionCopy(\n hasResettableFilters,\n hasSelectedRows,\n selectedRows,\n queryMetadata?.queryCount,\n unitDescription,\n )} to ${platform.name}`\n\n const onConfirmButtonClick = useCallback(async () => {\n switch (selectedPlatform) {\n case 'cavatica':\n await exportToCavatica()\n break\n case 'terra':\n await exportToTerra()\n break\n case 'pluto':\n await exportToPluto()\n break\n case 'plutodev':\n await exportToPlutoDev()\n break\n case 'adworkbench':\n await exportToADWorkbench()\n break\n }\n onSuccessfulExport()\n }, [\n exportToCavatica,\n exportToTerra,\n exportToPluto,\n exportToPlutoDev,\n onSuccessfulExport,\n selectedPlatform,\n exportToADWorkbench,\n ])\n\n useEffect(() => {\n onConfirmButtonPropsChange({\n id: getConfirmButtonId(selectedPlatform),\n children: confirmButtonText,\n disabled: isLoading \|\| numberOfRequiredActions !== 0,\n onClick: () => {\n void onConfirmButtonClick()\n },\n })\n }, [\n numberOfRequiredActions,\n confirmButtonText,\n isLoading,\n onConfirmButtonClick,\n onConfirmButtonPropsChange,\n selectedPlatform,\n ])\n\n if (isLoading) return <SkeletonParagraph numRows={4} />\n\n return (\n <>\n <Typography variant=\"body1\" sx={{ fontWeight: 700, my: '10px' }}>\n Before sending the selected data to {platform.name}:\n </Typography>\n <Typography variant=\"body1\" sx={{ marginBottom: '10px' }}>\n You must meet all requirements to download the selected data. You must\n take the following actions before we can send this data to{' '}\n {platform.name}.\n </Typography>\n <TableQueryActionsRequired\n queryBundleRequest={queryFilteredBySelection}\n columnModels={queryMetadata?.columnModels ?? []}\n onNumberOfRequiredActionsChanged={setNumberOfRequiredActions}\n onViewSharingSettingsClicked={onViewSharingSettingsClicked}\n />\n <Typography variant=\"body1\" sx={{ fontWeight: 700, marginTop: '15px' }}>\n When completed, click “Send to {platform.name}“ to finish the process\n outside this application. You will be redirected to {platform.name}.\n </Typography>\n </>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAyBA,SAAS,EACP,GACQ;~~AACR~~,~~QAAO~~,SAAS,EACd,EAAiB,QAAQ,OAAO,~~GAAG~~,CACpC,~~CAAC;;AAYJ~~,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,qBAAkB,+BAA4B,0BACpD,GACI,IAAW,EAA4B,IAEvC,EACJ,2BACA,iCACA,yBACA,qBACA,0BACA,0BACE,~~GAAiB~~,~~EAEf~~,EAAE,MAAM,GAAe,iBAAc,~~GAAqB~~,~~EAC1D~~,IAAe,~~GAA0B~~,~~EACzC~~,IAAyB,~~GAAoC~~,~~EAC7D~~,IAAkB,~~GAA6B~~,~~EAE/C~~,EAAE,uBAAoB,~~GAA8B~~,~~EAEpD~~,CAAC,GAAyB,KAA8B,EAE5D,KAAA,~~EAAU~~,~~EAEN~~,IAA2B,QAAc;EAC7C,IAAM,IAAU,~~GAAwB~~;~~AAexC~~,~~SAbE~~,KACA,KACA,GAAe,kBAEf,EAAQ,MAAM,oBAAoB,CAChC,GAAI,EAAQ,MAAM,qBAAqB,~~EAAE~~,~~EACzC~~,EACE,GACA,GACA,EAAc,~~cACf~~,CACF,~~GAEI~~;~~IACN~~;EACD;EACA;EACA;EACA,GAAe;EACf;~~EACD~~,CAAC,~~EAEI~~,EACJ,qBACA,kBACA,kBACA,qBACA,2BACE,EAAsC;EACxC,oBAAoB;EACpB,eAAe,GAAe;EAC9B;EACA;EACA;~~EACD~~,CAAC,~~EAEI~~,IAAoB,QAAQ,EAChC,GACA,GACA,GACA,GAAe,YACf,~~EACD~~,~~CAAC~~,MAAM,EAAS,QAEX,IAAuB,EAAY,YAAY;~~AACnD~~,~~UAAQ~~,GAAR;GACE,KAAK;~~AACH~~,~~UAAM~~,~~GAAkB~~;~~AACxB~~;GACF,KAAK;~~AACH~~,~~UAAM~~,~~GAAe~~;~~AACrB~~;GACF,KAAK;~~AACH~~,~~UAAM~~,~~GAAe~~;~~AACrB~~;GACF,KAAK;~~AACH~~,~~UAAM~~,~~GAAkB~~;~~AACxB~~;GACF,KAAK;~~AACH~~,~~UAAM~~,~~GAAqB~~;~~AAC3B;;AAEJ~~,~~KAAoB~~;~~IACnB~~;EACD;EACA;EACA;EACA;EACA;EACA;EACA;~~EACD~~,CAAC;~~AAsBF~~,~~QApBA~~,QAAgB;~~AACd~~,~~IAA2B~~;GACzB,IAAI,EAAmB,~~EAAiB~~;~~GACxC~~,UAAU;GACV,UAAU,KAAa,MAA4B;GACnD,eAAe;~~AACR~~,~~OAAsB;;GAE9B~~,CAAC;~~IACD~~;EACD;EACA;EACA;EACA;EACA;EACA;~~EACD~~,CAAC,~~EAEE~~,IAAkB,kBAAC,GAAD,EAAmB,SAAS,~~GAAK~~,CAAA,~~GAGrD~~,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI;IAAE,YAAY;IAAK,IAAI;~~IAAQ~~;~~aAA/D~~;IAAiE;IAC1B,EAAS;IAAK;~~IACxC~~;;~~EACb~~,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI,EAAE,cAAc,~~QAAQ~~;~~aAAxD~~;IAA0D;IAEG;IAC1D,EAAS;IAAK;~~IACJ~~;;~~EACb~~,kBAAC,GAAD;GACE,oBAAoB;GACpB,cAAc,GAAe,gBAAgB,~~EAAE~~;~~GAC/C~~,kCAAkC;GACJ;~~GAC9B~~,CAAA;~~EACF~~,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI;IAAE,YAAY;IAAK,WAAW;~~IAAQ~~;~~aAAtE~~;IAAwE;IACtC,EAAS;IAAK;IACO,EAAS;IAAK;~~IACxD~~;;~~EACZ~~,EAAA,CAAA"}
1	+ {"version":3,"file":"ExternalPlatformActionsRequiredPrecheck.js","names":[],"sources":["../../../../src/components/SynapseTable/export/ExternalPlatformActionsRequiredPrecheck.tsx"],"sourcesContent":["import { ButtonProps, Typography } from '@mui/material'\nimport { upperFirst } from 'lodash-es'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useExportTableQueryToAnalysisPlatform } from '../../../synapse-queries/entity/useExportTableQueryToAnalysisPlatform'\nimport { getPrimaryKeyINFilter } from '../../../utils/functions/QueryFilterUtils'\nimport { TableQueryActionsRequired } from '../../DownloadCart/TableQueryActionsRequired'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper/index'\nimport {\n useHasSelectedRowsAtomValue,\n useRowSelectionPrimaryKeyAtomValue,\n useSelectedRowsAtomValue,\n} from '../../QueryWrapper/TableRowSelectionState'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { SkeletonParagraph } from '../../Skeleton/index'\nimport { getNumberOfResultsToInvokeActionCopy } from '../TopLevelControls/TopLevelControlsUtils'\nimport {\n EXTERNAL_ANALYSIS_PLATFORMS,\n ExternalAnalysisPlatform,\n} from './ExternalAnalysisPlatformsConstants'\n\n/*\n Get the ID of the confirm button for the selected platform, used in Google Tag Manager\n * @param selectedPlatform\n /\nfunction getConfirmButtonId(\n selectedPlatform: ExternalAnalysisPlatform,\n): string {\n return `SendTo${upperFirst(\n selectedPlatform.replace('\\\\s', ''),\n )}ButtonFromConfirmationDialog`\n}\n\nexport type ExternalPlatformActionsRequiredPrecheckProps = {\n / The external analysis platform that the user selected /\n selectedPlatform: ExternalAnalysisPlatform\n / Callback to propagate the current confirm button appearance and behavior /\n onConfirmButtonPropsChange: (props: ButtonProps) => void\n / Callback invoked when export to the external platform succeeds */\n onSuccessfulExport: () => void\n}\n\nexport default function ExternalPlatformActionsRequiredPrecheck(\n props: ExternalPlatformActionsRequiredPrecheckProps,\n) {\n const { selectedPlatform, onConfirmButtonPropsChange, onSuccessfulExport } =\n props\n const platform = EXTERNAL_ANALYSIS_PLATFORMS[selectedPlatform]\n\n const {\n getCurrentQueryRequest,\n onViewSharingSettingsClicked,\n hasResettableFilters,\n fileIdColumnName,\n fileVersionColumnName,\n fileNameColumnName,\n } = useQueryContext()\n\n const { data: queryMetadata, isLoading } = useGetQueryMetadata()\n const selectedRows = useSelectedRowsAtomValue()\n const rowSelectionPrimaryKey = useRowSelectionPrimaryKeyAtomValue()\n const hasSelectedRows = useHasSelectedRowsAtomValue()\n\n const { unitDescription } = useQueryVisualizationContext()\n\n const [numberOfRequiredActions, setNumberOfRequiredActions] = useState<\n number \| undefined\n >(undefined)\n\n const queryFilteredBySelection = useMemo(() => {\n const request = getCurrentQueryRequest()\n if (\n hasSelectedRows &&\n rowSelectionPrimaryKey &&\n queryMetadata?.selectColumns\n ) {\n request.query.additionalFilters = [\n ...(request.query.additionalFilters \|\| []),\n getPrimaryKeyINFilter(\n rowSelectionPrimaryKey,\n selectedRows,\n queryMetadata.selectColumns,\n ),\n ]\n }\n return request\n }, [\n getCurrentQueryRequest,\n hasSelectedRows,\n rowSelectionPrimaryKey,\n queryMetadata?.selectColumns,\n selectedRows,\n ])\n\n const {\n exportToCavatica,\n exportToTerra,\n exportToPluto,\n exportToPlutoDev,\n exportToADWorkbench,\n } = useExportTableQueryToAnalysisPlatform({\n queryBundleRequest: queryFilteredBySelection,\n selectColumns: queryMetadata?.selectColumns,\n fileIdColumnName,\n fileVersionColumnName,\n fileNameColumnName,\n })\n\n const confirmButtonText = `Send ${getNumberOfResultsToInvokeActionCopy(\n hasResettableFilters,\n hasSelectedRows,\n selectedRows,\n queryMetadata?.queryCount,\n unitDescription,\n )} to ${platform.name}`\n\n const onConfirmButtonClick = useCallback(async () => {\n switch (selectedPlatform) {\n case 'cavatica':\n await exportToCavatica()\n break\n case 'terra':\n await exportToTerra()\n break\n case 'pluto':\n await exportToPluto()\n break\n case 'plutodev':\n await exportToPlutoDev()\n break\n case 'adworkbench':\n await exportToADWorkbench()\n break\n }\n onSuccessfulExport()\n }, [\n exportToCavatica,\n exportToTerra,\n exportToPluto,\n exportToPlutoDev,\n onSuccessfulExport,\n selectedPlatform,\n exportToADWorkbench,\n ])\n\n useEffect(() => {\n onConfirmButtonPropsChange({\n id: getConfirmButtonId(selectedPlatform),\n children: confirmButtonText,\n disabled: isLoading \|\| numberOfRequiredActions !== 0,\n onClick: () => {\n void onConfirmButtonClick()\n },\n })\n }, [\n numberOfRequiredActions,\n confirmButtonText,\n isLoading,\n onConfirmButtonClick,\n onConfirmButtonPropsChange,\n selectedPlatform,\n ])\n\n if (isLoading) return <SkeletonParagraph numRows={4} />\n\n return (\n <>\n <Typography variant=\"body1\" sx={{ fontWeight: 700, my: '10px' }}>\n Before sending the selected data to {platform.name}:\n </Typography>\n <Typography variant=\"body1\" sx={{ marginBottom: '10px' }}>\n You must meet all requirements to download the selected data. You must\n take the following actions before we can send this data to{' '}\n {platform.name}.\n </Typography>\n <TableQueryActionsRequired\n queryBundleRequest={queryFilteredBySelection}\n columnModels={queryMetadata?.columnModels ?? []}\n onNumberOfRequiredActionsChanged={setNumberOfRequiredActions}\n onViewSharingSettingsClicked={onViewSharingSettingsClicked}\n />\n <Typography variant=\"body1\" sx={{ fontWeight: 700, marginTop: '15px' }}>\n When completed, click “Send to {platform.name}“ to finish the process\n outside this application. You will be redirected to {platform.name}.\n </Typography>\n </>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAyBA,SAAS,EACP,GACQ;CACR,OAAO,SAAS,EACd,EAAiB,QAAQ,OAAO,EAAE,CACpC,EAAE;AACJ;AAWA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,qBAAkB,+BAA4B,0BACpD,GACI,IAAW,EAA4B,IAEvC,EACJ,2BACA,iCACA,yBACA,qBACA,0BACA,0BACE,EAAgB,GAEd,EAAE,MAAM,GAAe,iBAAc,EAAoB,GACzD,IAAe,EAAyB,GACxC,IAAyB,EAAmC,GAC5D,IAAkB,EAA4B,GAE9C,EAAE,uBAAoB,EAA6B,GAEnD,CAAC,GAAyB,KAA8B,EAE5D,KAAA,CAAS,GAEL,IAA2B,QAAc;EAC7C,IAAM,IAAU,EAAuB;EAevC,OAbE,KACA,KACA,GAAe,kBAEf,EAAQ,MAAM,oBAAoB,CAChC,GAAI,EAAQ,MAAM,qBAAqB,CAAC,GACxC,EACE,GACA,GACA,EAAc,aAChB,CACF,IAEK;CACT,GAAG;EACD;EACA;EACA;EACA,GAAe;EACf;CACF,CAAC,GAEK,EACJ,qBACA,kBACA,kBACA,qBACA,2BACE,EAAsC;EACxC,oBAAoB;EACpB,eAAe,GAAe;EAC9B;EACA;EACA;CACF,CAAC,GAEK,IAAoB,QAAQ,EAChC,GACA,GACA,GACA,GAAe,YACf,CACF,EAAE,MAAM,EAAS,QAEX,IAAuB,EAAY,YAAY;EACnD,QAAQ,GAAR;GACE,KAAK;IACH,MAAM,EAAiB;IACvB;GACF,KAAK;IACH,MAAM,EAAc;IACpB;GACF,KAAK;IACH,MAAM,EAAc;IACpB;GACF,KAAK;IACH,MAAM,EAAiB;IACvB;GACF,KAAK;IACH,MAAM,EAAoB;IAC1B;EACJ;EACA,EAAmB;CACrB,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAsBD,OApBA,QAAgB;EACd,EAA2B;GACzB,IAAI,EAAmB,CAAgB;GACvC,UAAU;GACV,UAAU,KAAa,MAA4B;GACnD,eAAe;IACb,EAA0B;GAC5B;EACF,CAAC;CACH,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GAEG,IAAkB,kBAAC,GAAD,EAAmB,SAAS,EAAI,CAAA,IAGpD,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI;IAAE,YAAY;IAAK,IAAI;GAAO;aAA9D;IAAiE;IAC1B,EAAS;IAAK;GACzC;;EACZ,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI,EAAE,cAAc,OAAO;aAAvD;IAA0D;IAEG;IAC1D,EAAS;IAAK;GACL;;EACZ,kBAAC,GAAD;GACE,oBAAoB;GACpB,cAAc,GAAe,gBAAgB,CAAC;GAC9C,kCAAkC;GACJ;EAC/B,CAAA;EACD,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI;IAAE,YAAY;IAAK,WAAW;GAAO;aAArE;IAAwE;IACtC,EAAS;IAAK;IACO,EAAS;IAAK;GACzD;;CACZ,EAAA,CAAA;AAEN"}

package/dist/components/SynapseTable/export/ExternalPlatformDisclaimer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExternalPlatformDisclaimer.js","names":[],"sources":["../../../../src/components/SynapseTable/export/ExternalPlatformDisclaimer.tsx"],"sourcesContent":["import { Box, Checkbox, FormControlLabel, Typography } from '@mui/material'\nimport { useLocalStorageValue } from '@react-hookz/web'\nimport { EXTERNAL_COMPUTE_ENV_DISCLAIMER } from '../../../utils/SynapseConstants'\nimport ConfirmationDialog from '../../ConfirmationDialog/index'\n\ntype ExternalPlatformDisclaimerProps = {\n showDisclaimer: boolean\n onConfirm: () => void\n onCancel: () => void\n}\n\nexport function ExternalPlatformDisclaimer(\n props: ExternalPlatformDisclaimerProps,\n) {\n const { showDisclaimer, onConfirm, onCancel } = props\n\n // disclaimerAcknowledged is tracking the checkbox state in localStorage to persist the user's choice\n const {\n value: disclaimerAcknowledgedLocalStorageValue,\n set: setDisclaimerAcknowledged,\n } = useLocalStorageValue<boolean>(EXTERNAL_COMPUTE_ENV_DISCLAIMER)\n const disclaimerAcknowledged = Boolean(\n disclaimerAcknowledgedLocalStorageValue,\n )\n\n return (\n <ConfirmationDialog\n open={showDisclaimer}\n title=\"Disclaimer\"\n content={\n <>\n <Box\n sx={{\n backgroundColor: 'grey.100',\n marginBottom: '15px',\n padding: '20px',\n }}\n >\n <Typography\n variant=\"body1\"\n sx={{ fontWeight: 700, marginBottom: '10px' }}\n >\n Disclaimer\n </Typography>\n <Typography variant=\"body1\" sx={{ marginBottom: '10px' }}>\n Sage Bionetworks may integrate with, and provide links to, compute\n environments as an alternative to downloading files. These\n integrations or provisions do not signify an endorsement of that\n particular environment by Sage Bionetworks or funders, nor does it\n alter the relationship between Sage Bionetworks, existing data\n contributors, project sponsors or funders, or computational\n providers.\n </Typography>\n <Typography variant=\"body1\" sx={{ marginBottom: '20px' }}>\n Furthermore, it is the responsibility of individual users to\n review the terms of data use for each compute environment, as well\n as for the portal or repository from which the data is sourced.\n Users must personally ensure that all data access terms and\n conditions are met.\n </Typography>\n <FormControlLabel\n control={<Checkbox />}\n label=\"I acknowledge and accept these terms\"\n checked={disclaimerAcknowledged}\n onChange={(_event, checked) => setDisclaimerAcknowledged(checked)}\n />\n </Box>\n </>\n }\n confirmButtonProps={{\n children: 'Continue',\n disabled: !disclaimerAcknowledged,\n }}\n onConfirm={onConfirm}\n onCancel={onCancel}\n maxWidth=\"md\"\n />\n )\n}\n"],"mappings":";;;;;;AAWA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,mBAAgB,cAAW,gBAAa,GAG1C,EACJ,OAAO,GACP,KAAK,MACH,EAA8B,~~EAAgC~~,~~EAC5D~~,IAAyB,EAC7B;~~AAGF~~,~~QACE~~,kBAAC,GAAD;EACE,MAAM;EACN,OAAM;EACN,SACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;GACE,IAAI;IACF,iBAAiB;IACjB,cAAc;IACd,SAAS;~~IACV~~;~~aALH~~;IAOE,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI;MAAE,YAAY;MAAK,cAAc;~~MAAQ~~;~~eAC9C~~;~~KAEY~~,CAAA;~~IACb~~,kBAAC,GAAD;KAAY,SAAQ;KAAQ,IAAI,EAAE,cAAc,~~QAAQ~~;~~eAAE~~;~~KAQ7C~~,CAAA;~~IACb~~,kBAAC,GAAD;KAAY,SAAQ;KAAQ,IAAI,EAAE,cAAc,~~QAAQ~~;~~eAAE~~;~~KAM7C~~,CAAA;~~IACb~~,kBAAC,GAAD;KACE,SAAS,kBAAC,GAAD,~~EAAY~~,CAAA;~~KACrB~~,OAAM;KACN,SAAS;KACT,WAAW,GAAQ,MAAY,EAA0B,~~EAAQ~~;~~KACjE~~,CAAA;~~IACE~~;~~MACL~~,CAAA;~~EAEL~~,oBAAoB;GAClB,UAAU;GACV,UAAU,CAAC;~~GACZ~~;~~EACU~~;EACD;EACV,UAAS;~~EACT~~,CAAA"}
1	+ {"version":3,"file":"ExternalPlatformDisclaimer.js","names":[],"sources":["../../../../src/components/SynapseTable/export/ExternalPlatformDisclaimer.tsx"],"sourcesContent":["import { Box, Checkbox, FormControlLabel, Typography } from '@mui/material'\nimport { useLocalStorageValue } from '@react-hookz/web'\nimport { EXTERNAL_COMPUTE_ENV_DISCLAIMER } from '../../../utils/SynapseConstants'\nimport ConfirmationDialog from '../../ConfirmationDialog/index'\n\ntype ExternalPlatformDisclaimerProps = {\n showDisclaimer: boolean\n onConfirm: () => void\n onCancel: () => void\n}\n\nexport function ExternalPlatformDisclaimer(\n props: ExternalPlatformDisclaimerProps,\n) {\n const { showDisclaimer, onConfirm, onCancel } = props\n\n // disclaimerAcknowledged is tracking the checkbox state in localStorage to persist the user's choice\n const {\n value: disclaimerAcknowledgedLocalStorageValue,\n set: setDisclaimerAcknowledged,\n } = useLocalStorageValue<boolean>(EXTERNAL_COMPUTE_ENV_DISCLAIMER)\n const disclaimerAcknowledged = Boolean(\n disclaimerAcknowledgedLocalStorageValue,\n )\n\n return (\n <ConfirmationDialog\n open={showDisclaimer}\n title=\"Disclaimer\"\n content={\n <>\n <Box\n sx={{\n backgroundColor: 'grey.100',\n marginBottom: '15px',\n padding: '20px',\n }}\n >\n <Typography\n variant=\"body1\"\n sx={{ fontWeight: 700, marginBottom: '10px' }}\n >\n Disclaimer\n </Typography>\n <Typography variant=\"body1\" sx={{ marginBottom: '10px' }}>\n Sage Bionetworks may integrate with, and provide links to, compute\n environments as an alternative to downloading files. These\n integrations or provisions do not signify an endorsement of that\n particular environment by Sage Bionetworks or funders, nor does it\n alter the relationship between Sage Bionetworks, existing data\n contributors, project sponsors or funders, or computational\n providers.\n </Typography>\n <Typography variant=\"body1\" sx={{ marginBottom: '20px' }}>\n Furthermore, it is the responsibility of individual users to\n review the terms of data use for each compute environment, as well\n as for the portal or repository from which the data is sourced.\n Users must personally ensure that all data access terms and\n conditions are met.\n </Typography>\n <FormControlLabel\n control={<Checkbox />}\n label=\"I acknowledge and accept these terms\"\n checked={disclaimerAcknowledged}\n onChange={(_event, checked) => setDisclaimerAcknowledged(checked)}\n />\n </Box>\n </>\n }\n confirmButtonProps={{\n children: 'Continue',\n disabled: !disclaimerAcknowledged,\n }}\n onConfirm={onConfirm}\n onCancel={onCancel}\n maxWidth=\"md\"\n />\n )\n}\n"],"mappings":";;;;;;AAWA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,mBAAgB,cAAW,gBAAa,GAG1C,EACJ,OAAO,GACP,KAAK,MACH,EAA8B,CAA+B,GAC3D,IAAyB,EAC7B;CAGF,OACE,kBAAC,GAAD;EACE,MAAM;EACN,OAAM;EACN,SACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;GACE,IAAI;IACF,iBAAiB;IACjB,cAAc;IACd,SAAS;GACX;aALF;IAOE,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI;MAAE,YAAY;MAAK,cAAc;KAAO;eAC7C;IAEW,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAQ;KAAQ,IAAI,EAAE,cAAc,OAAO;eAAG;IAQ9C,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAQ;KAAQ,IAAI,EAAE,cAAc,OAAO;eAAG;IAM9C,CAAA;IACZ,kBAAC,GAAD;KACE,SAAS,kBAAC,GAAD,CAAW,CAAA;KACpB,OAAM;KACN,SAAS;KACT,WAAW,GAAQ,MAAY,EAA0B,CAAO;IACjE,CAAA;GACE;KACL,CAAA;EAEJ,oBAAoB;GAClB,UAAU;GACV,UAAU,CAAC;EACb;EACW;EACD;EACV,UAAS;CACV,CAAA;AAEL"}