synapse-react-client 4.0.46 → 4.0.48

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

@@ -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    // oxlint-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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA,IAAM,IAAe,EAAgD;AACrE,SAAS,GACP,GAGA;CACA,IAAM,EACJ,oBACA,gBACA,qBACA,kBACA,wBACA,2BACE;CACJ,OAAO;EACL,EAAa,QAAQ;GACnB,IAAA;GACA,SAAS;GACT,SAAS;GACT,MAAM;GACN,gBAAgB;GAChB,cAAc;GACd,MAAM;EACR,CAAC;EACD,EAAa,QAAQ;GACnB,IAAA;GACA,SAAS;GACT,SAAS;GACT,MAAM;GACN,gBAAgB;GAChB,cACE,kBAAC,GAAD;IACmB;IACJ;IACK;IACH;IACM;GACtB,CAAA;GAEH,MAAM;EACR,CAAC;EACD,EAAa,QAAQ;GACnB,IAAA;GACA,SAAS;GACT,MAAM;GACN,SAAQ,MAAS,kBAAC,GAAD;IAAc,GAAI;IAAO,OAAO;GAAS,CAAA;GAC1D,MAAM;EACR,CAAC;EACD,EAAa,SAAA,YAA6C;GACxD,SAAS;GACT,MAAM;GACN,SAAQ,MAAS,kBAAC,GAAD;IAAc,GAAI;IAAO,OAAO;GAAO,CAAA;GACxD,oBAAoB;EACtB,CAAC;EACD,EAAa,QAAQ;GACnB,IAAA;GACA,SAAS;GACT,MAAM;GACN,gBAAgB;GAChB,MAAM;EACR,CAAC;EACD,EAAa,QAAQ;GACnB,IAAA;GACA,SAAS;GACT,MAAM;GACN,SAAQ,MAAS,kBAAC,GAAD;IAAc,GAAI;IAAO,OAAO;GAAY,CAAA;GAC7D,OAAM,MACJ,kBAAC,GAAD;IACE,GAAI;IACJ,kBAAiB,MAAe;KAC9B,EAAoB,EAAY,UAAU,EAAY,aAAa;IACrE;GACD,CAAA;EAEL,CAAC;EACD,EAAa,QAAQ;GACnB,IAAA;GACA,SAAQ,MAAS,kBAAC,GAAD;IAAc,GAAI;IAAO,OAAO;GAAe,CAAA;GAChE,MAAM;GACN,SAAS;GACT,MAAM;EACR,CAAC;EACD,EAAa,QAAQ;GACnB,IAAA;GACA,SAAQ,MAAS,kBAAC,GAAD;IAAc,GAAI;IAAO,OAAO;GAAgB,CAAA;GACjE,MAAM;GACN,SAAS;GACT,MAAM;EACR,CAAC;EACD,EAAa,QAAQ;GACnB,IAAA;GACA,SAAQ,MAAS,kBAAC,GAAD;IAAc,GAAI;IAAO,OAAO;GAAgB,CAAA;GACjE,MAAM;GACN,gBAAgB;GAChB,MAAM;EACR,CAAC;EACD,EAAa,QAAQ;GACnB,IAAA;GACA,SAAQ,MAAS,kBAAC,GAAD;IAAc,GAAI;IAAO,OAAO;GAAS,CAAA;GAC1D,MAAM;GACN,MAAM;EACR,CAAC;CACH;AACF;AAEA,SAAS,EAAmB,GAAiC;CAUzD,OATE,EAAU,CAAM,IACX,CAAC,EAAW,IAAI,IACd,EAAoB,CAAM,IAC5B,CAAC,EAAW,OAAO,KAE1B,QAAQ,MACN,wDACE,EAAO,YACX,GACO,CAAC;AAEZ;AAEA,SAAgB,EAAQ,GAAkC;CACxD,IAAM,IAAc,IAChB,EAAyB,EAAoB,EAAO,YAAY,CAAC,IACjE,cACA,IAAW,QACX,IAAqB;CACzB,AAAI,KAAU,EAAU,CAAM,KAC5B,IAAW,EAAyB,EAAW,IAAI,GACnD,IAAqB,WACZ,KAAU,EAAoB,CAAM,MAC7C,IAAW,EAAyB,EAAW,OAAO;CAGxD,IAAM,IACJ,KAAU,EAAU,CAAM,IACtB,4DAA4D,EAC1D,CACF,EAAE,sCAAsC,EAAY,IAAI,EACtD,EAAU,CAAQ,CACpB,EAAE,QAAQ,EAAY,kFAAkF,EACtG,CACF,EAAE,KACF,gDAAgD,EAC9C,CACF,EAAE,sCAAsC,EAAY,IAAI,EACtD,EAAU,CAAQ,CACpB,EAAE,QAAQ,EAAY,mFAAmF,EACvG,CACF,EAAE;CAER,OAAO;EACL,WAAW,OAAO,EAAU,CAAQ;EACpC,cAAc,OAAO,EAAU,CAAQ,EAAE,MAAM;EAC/C,cAAc,UAAU,EAAU,CAAQ;EAC1C,0BAA0B,MAAM,EAC9B,CACF,EAAE,WAAW;EACb,kBAAkB,YAAY,EAAY;EAC1C,0BAA0B,4BAA4B,EAAY;EAClE,cAAc,GAAG,EAAY;EAC7B,cAAc,mBAAmB;EACjC,uBAAuB;EACvB,sBAAsB,QAAQ,EAC5B,CACF,EAAE,iBAAiB,EAAY;EAC/B,6BAA6B,mBAAmB,EAAY;EAC5D,2BAA2B,GAAG,EAAY;EAC1C,4BAA4B,YAAY;EACxC,iBAAiB,wCAAwC,EAAY;CACvE;AACF;AAEA,SAAS,EACP,GACA,GACA;CACA,IAAM,IAAiB,EAAW,QAChC,MACE,CAAC,EAAa,MAAK,MAAW,EAAQ,aAAa,EAAQ,QAAQ,CACvE,GACM,IAAe,CAAC,GAAG,CAAc,GACjC,EAAE,iBAAc,gBAAa,EAAa,QAC7C,GAAS,MAAW;EACnB,IAAM,IAAU,EAAW,MAAK,MAAO,EAAI,aAAa,EAAO,QAAQ;EAUvE,OATI,IACE,EAAO,kBAAkB,EAAQ,gBAGnC,EAAe,KAAK,CAAM,IAF1B,EAAQ,aAAgB,KAAK,CAAM,IAKrC,EAAQ,SAAY,KAAK,CAAM,GAE1B;CACT,GACA;EAAE,cAAc,CAAC;EAAG,UAAU,CAAC;CAAE,CAInC;CAEA,OAAO;EAAE;EAAgB;EAAc;EAAU;CAAa;AAChE;AAEA,SAAS,EACP,GAIA,GACA;CACA,IAAM,EAAE,iBAAc,aAAU,oBAAiB,EAC/C,GAAyB,SAAS,CAAC,GACnC,GAAiB,KACnB,GACI,IAAa;CAoBjB,OAjBI,EAAa,SAAS,IACxB,KAAc,GAAG,EAAa,OAAO,OACnC,EAAa,WAAW,IAAI,KAAK,IAClC,aAGD,KAAc,GAAG,EAAS,OAAO,OAC/B,EAAS,WAAW,IAAI,KAAK,IAC9B,SAGG,EAAa,SAAS,MACxB,KAAc,QAAQ,EAAa,OAAO,OACxC,EAAa,WAAW,IAAI,KAAK,IAClC,aAGE;AACT;AAWA,IAAM,IAAa,IAUb,KACJ,MACoB;CACpB,IAAM,EACJ,oBACA,qBACA,wBACA,qBACE,GACE,IAAY;CAElB,OACE,kBAAC,GAAD;EACE,YAAY,EAAE,cAAc,aAAa;EACzC,SAAS;EACT,UAAU,EAAgB,MAAM,WAAW;EAC3C,gBAAgB;GACd,AAAI,IACF,EAAiB,IAEjB,EAAc,GAAG,EAAgB,MAAM,KAAI,MAAQ,EAAK,QAAQ,CAAC;EAErE;CACD,CAAA;AAEL;AAEA,SAAS,GAAmB,GAIzB;CACD,IAAM,EAAE,cAAW,eAAY,qBAAkB;CACjD,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAY,SAAS;aAAc;EAAsB,CAAA,GACzD,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,SAAS;GACT,WAAW,kBAAC,GAAD,CAAuB,CAAA;GAClC,IAAI,EAAE,IAAI,EAAE;aAEX;EACS,CAAA,CACT;;AAET;AAEA,SAAgB,EAAmB,GAAgC;CACjE,IAAM,EAAE,aAAU,WAAQ,YAAS,8BAA2B,GACxD,CAAC,GAAkB,KAAuB,EAAkB,EAAK,GACjE,CAAC,GAAmB,KAAwB,EAAkB,EAAK,GAGnE,CAAC,GAAiB,KACtB,EAA+D,GAG3D,CAAC,GAAyB,KAC9B,EAA+D,GAG3D,CAAC,GAA4B,KAAiC,EAElE,GAEI,EAAE,MAAM,GAAiB,SAAS,MAAmB,EAEzD,GAAU,KAAA,GAAW,EACrB,WAAW,SACb,CAAC,GAEK,IAA0B,GAC9B,KACA,KACA,CAAC,EAAQ,GAAiB,CAAe,IAGrC,EACJ,cACA,iBACA,iBACA,6BACA,qBACA,6BACA,kBACA,kBACA,+BACA,iCACA,gCACA,2BACA,0BACA,wBACE,QAAc,EAAQ,CAAe,GAAG,CAAC,CAAe,CAAC;CAE7D,QAAgB;EACd,AAAI,MAEF,AACE,EAAgB,UAAQ,CAAC,GAE3B,EAAmB,CAAe;CAEtC,GAAG,CAAC,CAAe,CAAC;CAEpB,IAAM,EACJ,KAAK,GACL,KAAK,GACL,QAAQ,GACR,OAAO,MACL,EAAe,GACb,IAAsB,GAC1B,KAAmB,EAAgB,MAAM,WAAW,EAAY;CAGlE,QAAgB;EACd,AAAI,KAAmB,KAAmB,KACxC,EAAuB,CAAuB;CAElD,GAAG;EACD;EACA;EACA;EACA;CACF,CAAC;CAGD,IAAM,EAAE,MAAM,OAAS,EAAiB,CAAQ,GAC1C,IAAY,IAAM,KAAK,IAAI,IAE3B,EAAE,WAAQ,WAAW,MACzB,GAAyC;EACvC,gBAAgB;GAEd,AAAI,MACF,EAA2B,MAAM,GACjC,EAA8B,KAAA,CAAS;EAE3C;EACA,iBAAiB;GAIf,AAFA,EAAoB,GAEhB,IACF,EAAO,IAGP,EAAa,GAA0B,WAAW,EAChD,OAAO,GACT,CAAC;EAEL;EACA,UAAS,MAAS;GAChB,AAAI,EAAM,WAAW,MACnB,EAAa,IAA6B,WAAW;IACnD,OAAO;IACP,qBAAqB;KACnB,MAAM;KACN,eAAe;MACb,EAAoB;KACtB;IACF;GACF,CAAC,IAED,EAAa,EAAM,QAAQ,UAAU,EACnC,OAAO,oBACT,CAAC;EAEL;CACF,CAAC;CAEH,QAAgB;EAEd,IACE,KACA,KACA,CAAC,EAAQ,EAAwB,OAAO,EAAgB,KAAK,KAC7D,CAAC,GACD;GACA,IAAM,IAAoB,EACxB,GACA,CACF;GAYA,AAVI,KACF,EAA2B,MAAM,GASnC,EAA8B,EAAE,OAPX,EAAa,GAAkB,QAAQ;IAC1D,OAAO;IACP,qBAAqB;KACnB,MAAM;KACN,eAAe,EAAO,CAAe;IACvC;GACF,CACuC,EAAa,CAAC;EACvD;EACA,EAA2B,CAAe;CAG5C,GAAG,CAAC,CAAe,CAAC;CAEpB,IAAM,IAAY,QAEd,GAAiB,MAAM,KACpB,OACQ;EACL,GAAG;EACH,YAAY,EAAY,IAAI,EAAK,QAAQ;EACzC,cAAc,MACL,IACH,EAAc,EAAK,QAAQ,IAC3B,EAAiB,EAAK,QAAQ;CAEtC,EAEJ,KAAK,CAAC,GACR;EAAC;EAAe,GAAiB;EAAO;EAAkB;CAAW,CACvE;CAEA,SAAS,GAAkB,GAAyB;EA8BlD,AA7BA,GAAmB,MAAmB;GACpC,IAAI,GAAiB;IACnB,IAAM,IAAmB,EAAW,KAAI,OAAS;KAC/C,UAAU,EAAK;KACf,eAAe,EAAK;IACtB,EAAE,GACI,EAAE,mBAAgB,iBAAc,gBAAa,EACjD,EAAgB,OAChB,CACF;IAEA,IAAI,EAAa,UAAU,KAAK,EAAS,UAAU,GAEjD,OAAO;IAGT,IAAM,IAAQ;KAAC,GAAG;KAAgB,GAAG;KAAc,GAAG;IAAQ;IAE9D,OAAO;KACL,GAAG;KACI;IACT;GACF,OAIE,OAHA,QAAQ,KACN,2GACF,GACO;EAEX,CAAC,GACD,EAAiB;CACnB;CAEA,SAAS,KAAiC;EAOxC,AANA,GAAmB,OAAY;GAC7B,GAAG;GACH,OAAO,EAAS,MAAM,QACpB,MAAe,CAAC,EAAY,IAAI,EAAY,QAAQ,CACtD;EACF,EAAE,GACF,EAAiB;CACnB;CAEA,SAAS,GAAoB,GAAkB,GAAoB;EACjE,GAAmB,OAAY;GAC7B,GAAG;GACH,OAAO,EAAS,MAAM,KAAI,MACxB,EAAY,aAAa,IACrB;IAAY;IAAU,eAAe;GAAW,IAChD,CACN;EACF,EAAE;CACJ;CAEA,IAAM,KAA4C,QAAc;EAC9D,IAAI,GACF,OAAO,EAAmB,CAAe;CAI7C,GAAG,CAAC,CAAe,CAAC,GAsBd,KACJ,GAA2C;EACzC,MAAM;EACN,SAvBY,QACT,IAGE,GAAW;GAChB;GACA;GACA;GACA;GACA;GACA;EACF,CAAC,IATQ,CAAC,GAUT;GACD;GACA;GACA;GACA;GACA;EACF,CAKI;EACA,iBAAiB,GAAgB;EACjC,kBAAkB;EAGlB,eAAe;CACjB,CAAC,GAEG,IAAoB,GAAuB,IAAI,GAE/C,KAAiB,GAAe;EACpC,OAAO,GAAW,UAAU;EAC5B,oBAAoB;EACpB,wBAAwB,EAAkB;EAE1C,gBACE,OAAO,SAAW,OAClB,UAAU,UAAU,QAAQ,SAAS,MAAM,MACvC,MAAW,GAAS,sBAAsB,EAAE,SAC5C,KAAA;EACN,UAAU;CACZ,CAAC;CAOD,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,IAAD;IACE,iBARgC,QAC9B,GAAiB,MAAM,IAAI,EAAsB,GACvD,CAAC,CAAe,CAMK;IACjB,eAAe;KACF;KACX,gBAAgB;KAChB,cAAc,GAAY;KAC1B,kBAAkB,KAAa;KACd;KACjB,kBAAkB,GAAqB;IACzC;IACA,uBAAuB;KACrB,cAAc;KACd,SAAS;KACT,WAAW;IACb;IACA,YAAY;IACZ,MAAM;IACN,OAAO;IACP,mBAAmB;IACnB,YAAW,MAAS;KAElB,AADA,GAAkB,CAAK,GACvB,EAAoB,EAAK;IAC3B;IACA,gBAAgB,EAAoB,EAAK;GAC1C,CAAA;GACD,kBAAC,IAAD;IACE,OAAM;IACN,SAAQ;IACR,mBAAkB;IAClB,iBAAiB;KACf,AAAI,MACF,EAAqB,EAAK,GACtB,KACF,EAAuB,EAAK,GAE9B,EAAQ;IAEZ;IACA,MAAM;IACN,uBAAuB,CAAC;IACxB,gBAAgB,EAAqB,EAAK;GAC3C,CAAA;GAED,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAgB,MAAM,EAAkB,CAAA;KACxC,kBAAC,OAAD;MAAK,WAAU;gBACZ,IACC,kBAAC,GAAD;OAAY,SAAQ;iBAApB;QACG,EAAgB,MAAM,WAAW,IAC9B,OACA,EAAgB,MAAM,OAAO,eAAe;QAAG;QAAI;QAEtD,EAAgB,MAAM,WAAW,KAAK;OAC7B;WAEZ,kBAAC,GAAD;OAAU,SAAQ;OAAc,OAAO;MAAM,CAAA;KAE5C,CAAA;KAEL,kBAAC,GAAD;MACE,SAAQ;MACR,OAAM;MACN,UAAU,KAAmB;MAC7B,eAAe,EAAoB,EAAI;gBAEtC;KACK,CAAA;KACR,kBAAC,GAAD;MACE,UAAU,EAAY,SAAS;MAC/B,SAAQ;MACR,OAAM;MACN,SAAS;gBAER;KACK,CAAA;IACL;;GACL,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,KAAmB,EAAgB,MAAM,WAAW,KACnD,kBAAC,IAAD;MACE,WAAW;MACX,YAAY;MACZ,qBAAqB,EAAoB,EAAI;KAC9C,CAAA;KAEF,KAAmB,EAAgB,MAAM,SAAS,KACjD,kBAAC,GAAD;MACE,2BAA2B;OACzB,WAAW;OACX,KAAK;OACL,QAAQ;MACV;MACO;MACS;MAChB,WAAW,EACT,IAAI;OACF,WAAW;OACX,OAAO;QACL,QAAQ,GAAG,EAAW;QACtB,WAAW,GAAG,EAAW;OAC3B;MACF,EACF;KACD,CAAA;KAEF,CAAC,KACA,kBAAC,IAAD;MACE,WAAU;MACV,SAAS;MACT,SAAS;MACT,WAAW,GAAG,EAAW;KAC1B,CAAA;IAEA;;GACL,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,KACC,kBAAC,IAAD;MAAO,UAAS;gBAAU;KAA+B,CAAA;KAE3D,kBAAC,GAAD;MACE,SAAQ;MACR,OAAM;MACN,eAAe;OACb,AAAI,IACF,EAAqB,EAAI,IAChB,KACT,EAAQ;MAEZ;gBACD;KAEO,CAAA;KAER,kBAAC,IAAD;MAAS,OAAO,CAAC,KAA2B;gBAC1C,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;OACE,UAAU,CAAC,KAAmB,CAAC;OAC/B,SAAQ;OACR,OAAM;OACN,eAAe,EAAO,CAAgB;iBACvC;MAEO,CAAA,EACL,CAAA;KACE,CAAA;IACN;;EACF;;AAET"}
+{"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.some(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    // oxlint-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' && !navigator.userAgent.includes('Firefox')\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/export/ExportToAnalysisPlatformDialog.js

@@ -1,5 +1,5 @@
-import { DialogBase as e } from "../../DialogBase.js";
-import { useQueryVisualizationContext as t } from "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { useQueryVisualizationContext as e } from "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { DialogBase as t } from "../../DialogBase.js";
 import n from "../../WizardChoiceButton/WizardChoiceButton.js";
 import r from "../../WizardChoiceButton/WizardChoiceButtonGroup.js";
 import { EXTERNAL_ANALYSIS_PLATFORMS as i } from "./ExternalAnalysisPlatformsConstants.js";
@@ -84,7 +84,7 @@ function v(e) {
 	}
 }
 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(() => {
+	let { platformInstructionProps: y } = f, [b, x] = l(0), [S, C] = l(null), [w, T] = l({}), { isShowingExportToAnalysisPlatformModal: E, setIsShowingExportToAnalysisPlatformModal: D, enabledExternalAnalysisPlatforms: O } = e(), [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) {
@@ -161,7 +161,7 @@ function y(f) {
 			A(!1);
 		},
 		onCancel: P
-	}), /* @__PURE__ */ g(e, {
+	}), /* @__PURE__ */ g(t, {
 		open: M,
 		title: N,
 		content: F,

package/dist/components/SynapseTable/export/ExternalPlatformActionsRequiredPrecheck.js

@@ -1,14 +1,14 @@
-import { SkeletonParagraph as e } from "../../Skeleton/SkeletonParagraph.js";
+import { useQueryVisualizationContext as e } from "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { SkeletonParagraph as t } from "../../Skeleton/SkeletonParagraph.js";
 import "../../Skeleton/index.js";
-import { useQueryContext as t } from "../../QueryContext/QueryContext.js";
+import { useQueryContext as n } from "../../QueryContext/QueryContext.js";
 import "../../QueryContext/index.js";
-import { useGetQueryMetadata as n } from "../../QueryWrapper/useGetQueryMetadata.js";
-import { useQueryVisualizationContext as r } from "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { useGetQueryMetadata as r } from "../../QueryWrapper/useGetQueryMetadata.js";
 import "../../QueryVisualizationWrapper/index.js";
 import { useHasSelectedRowsAtomValue as i, useRowSelectionPrimaryKeyAtomValue as a, useSelectedRowsAtomValue as o } from "../../QueryWrapper/TableRowSelectionState.js";
-import { getPrimaryKeyINFilter as s } from "../../../utils/functions/QueryFilterUtils.js";
-import { EXTERNAL_ANALYSIS_PLATFORMS as c } from "./ExternalAnalysisPlatformsConstants.js";
-import { useExportTableQueryToAnalysisPlatform as l } from "../../../synapse-queries/entity/useExportTableQueryToAnalysisPlatform.js";
+import { EXTERNAL_ANALYSIS_PLATFORMS as s } from "./ExternalAnalysisPlatformsConstants.js";
+import { useExportTableQueryToAnalysisPlatform as c } from "../../../synapse-queries/entity/useExportTableQueryToAnalysisPlatform.js";
+import { getPrimaryKeyINFilter as l } from "../../../utils/functions/QueryFilterUtils.js";
 import { TableQueryActionsRequired as u } from "../../DownloadCart/TableQueryActionsRequired.js";
 import { getNumberOfResultsToInvokeActionCopy as d } from "../TopLevelControls/TopLevelControlsUtils.js";
 import { useCallback as f, useEffect as p, useMemo as m, useState as h } from "react";
@@ -17,19 +17,19 @@ import { Typography as _ } from "@mui/material";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/components/SynapseTable/export/ExternalPlatformActionsRequiredPrecheck.tsx
 function x(e) {
-	return `SendTo${g(e.replace("\\s", ""))}ButtonFromConfirmationDialog`;
+	return `SendTo${g(e.replace(String.raw`\s`, ""))}ButtonFromConfirmationDialog`;
 }
 function S(g) {
-	let { selectedPlatform: S, onConfirmButtonPropsChange: C, onSuccessfulExport: w } = g, T = c[S], { getCurrentQueryRequest: E, hasResettableFilters: D, fileIdColumnName: O, fileVersionColumnName: k, fileNameColumnName: A } = t(), { data: j, isLoading: M } = n(), N = o(), P = a(), F = i(), { unitDescription: I } = r(), [L, R] = h(void 0), z = m(() => {
+	let { selectedPlatform: S, onConfirmButtonPropsChange: C, onSuccessfulExport: w } = g, T = s[S], { getCurrentQueryRequest: E, hasResettableFilters: D, fileIdColumnName: O, fileVersionColumnName: k, fileNameColumnName: A } = n(), { data: j, isLoading: M } = r(), N = o(), P = a(), F = i(), { unitDescription: I } = e(), [L, R] = h(void 0), z = m(() => {
 		let e = E();
-		return F && P && j?.selectColumns && (e.query.additionalFilters = [...e.query.additionalFilters || [], s(P, N, j.selectColumns)]), e;
+		return F && P && j?.selectColumns && (e.query.additionalFilters = [...e.query.additionalFilters || [], l(P, N, j.selectColumns)]), e;
 	}, [
 		E,
 		F,
 		P,
 		j?.selectColumns,
 		N
-	]), { exportToCavatica: B, exportToTerra: V, exportToPluto: H, exportToPlutoDev: U, exportToADWorkbench: W } = l({
+	]), { exportToCavatica: B, exportToTerra: V, exportToPluto: H, exportToPlutoDev: U, exportToADWorkbench: W } = c({
 		queryBundleRequest: z,
 		selectColumns: j?.selectColumns,
 		fileIdColumnName: O,
@@ -79,7 +79,7 @@ function S(g) {
 		K,
 		C,
 		S
-	]), M ? /* @__PURE__ */ y(e, { numRows: 4 }) : /* @__PURE__ */ b(v, { children: [
+	]), M ? /* @__PURE__ */ y(t, { numRows: 4 }) : /* @__PURE__ */ b(v, { children: [
 		/* @__PURE__ */ b(_, {
 			variant: "body1",
 			sx: {

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

@@ -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    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      />\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,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;EACnC,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"}
+{"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(String.raw`\\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    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      />\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,GAAG,MAAM,EAAE,CAC7C,EAAE;AACJ;AAWA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,qBAAkB,+BAA4B,0BACpD,GACI,IAAW,EAA4B,IAEvC,EACJ,2BACA,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;EACnC,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/table-top/ColumnSelection.js

@@ -1,18 +1,18 @@
-import e from "../../IconSvg/IconSvg.js";
-import { useQueryVisualizationContext as t } from "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { useQueryVisualizationContext as e } from "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import t from "../../IconSvg/IconSvg.js";
 import "../../QueryVisualizationWrapper/index.js";
 import { ElementWithTooltip as n } from "../../widgets/ElementWithTooltip.js";
 import { MenuItem as r } from "@mui/material";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/SynapseTable/table-top/ColumnSelection.tsx
 function o(o) {
-	let { headers: s, isColumnSelected: c, toggleColumnSelection: l, darkTheme: u } = o, { getColumnDisplayName: d } = t();
+	let { headers: s, isColumnSelected: c, toggleColumnSelection: l, darkTheme: u } = o, { getColumnDisplayName: d } = e();
 	return /* @__PURE__ */ i(n, {
 		tooltipText: "Show/Hide Columns",
 		icon: u ? "columnsdark" : "columns",
 		darkTheme: u,
-		menuItems: s?.map((t) => {
-			let { name: n } = t, o = c.includes(n);
+		menuItems: s?.map((e) => {
+			let { name: n } = e, o = c.includes(n);
 			return /* @__PURE__ */ a(r, {
 				onClick: () => l(n),
 				children: [/* @__PURE__ */ i("span", {
@@ -22,7 +22,7 @@ function o(o) {
 						marginRight: "10px",
 						visibility: o ? void 0 : "hidden"
 					},
-					children: /* @__PURE__ */ i(e, {
+					children: /* @__PURE__ */ i(t, {
 						icon: "check",
 						sx: { width: "14px" }
 					})

package/dist/components/SynapseTable/table-top/DownloadOptions.d.ts

@@ -1,5 +1,4 @@
 export type DownloadOptionsProps = {
-    onDownloadFiles: () => void;
     darkTheme?: boolean;
     /** If true, the "Add ... files to Download List" menu item will be hidden */
     hideAddToDownloadListMenuItem?: boolean;

package/dist/components/SynapseTable/table-top/DownloadOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/SynapseTable/table-top/DownloadOptions.tsx"],"names":[],"mappings":"AAoBA,MAAM,MAAM,oBAAoB,GAAG;IACjC,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,6EAA6E;IAC7E,6BAA6B,CAAC,EAAE,OAAO,CAAA;IACvC,mEAAmE;IACnE,+BAA+B,CAAC,EAAE,OAAO,CAAA;CAC1C,CAAA;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAyJ1D"}
+{"version":3,"file":"DownloadOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/SynapseTable/table-top/DownloadOptions.tsx"],"names":[],"mappings":"AAsBA,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,6EAA6E;IAC7E,6BAA6B,CAAC,EAAE,OAAO,CAAA;IACvC,mEAAmE;IACnE,+BAA+B,CAAC,EAAE,OAAO,CAAA;CAC1C,CAAA;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAsK1D"}

package/dist/components/SynapseTable/table-top/DownloadOptions.js

@@ -1,90 +1,97 @@
 import { isDataset as e } from "../../../utils/functions/EntityTypeUtils.js";
-import { useSynapseContext as t } from "../../../utils/context/SynapseContext.js";
+import { useQueryVisualizationContext as t } from "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { useSynapseContext as n } from "../../../utils/context/SynapseContext.js";
 import "../../../utils/index.js";
-import { useGetEntity as n } from "../../../synapse-queries/entity/useEntity.js";
-import { canTableQueryBeAddedToDownloadList as r } from "../../../utils/functions/queryUtils.js";
+import { useGetEntity as r } from "../../../synapse-queries/entity/useEntity.js";
+import { canTableQueryBeAddedToDownloadList as i } from "../../../utils/functions/queryUtils.js";
 import "../../../synapse-queries/index.js";
-import { getFileColumnModelId as i } from "../SynapseTableUtils.js";
-import { useQueryContext as a } from "../../QueryContext/QueryContext.js";
+import { getFileColumnModelId as a } from "../SynapseTableUtils.js";
+import { useQueryContext as o } from "../../QueryContext/QueryContext.js";
 import "../../QueryContext/index.js";
-import { useGetQueryMetadata as o } from "../../QueryWrapper/useGetQueryMetadata.js";
-import { useHasSelectedRowsAtomValue as s, useSelectedRowsAtomValue as c } from "../../QueryWrapper/TableRowSelectionState.js";
-import { ModalDownload as l } from "../../ModalDownload/ModalDownload.js";
-import { ProgrammaticTableDownload as u } from "../../ProgrammaticTableDownload/ProgrammaticTableDownload.js";
-import { ElementWithTooltip as d } from "../../widgets/ElementWithTooltip.js";
-import { getNumberOfResultsToAddToDownloadListCopy as f } from "../TopLevelControls/TopLevelControlsUtils.js";
-import { DownloadLoginModal as p } from "./DownloadLoginModal.js";
-import { useMemo as m, useState as h } from "react";
-import { MenuItem as g, Tooltip as _ } from "@mui/material";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { useGetQueryMetadata as s } from "../../QueryWrapper/useGetQueryMetadata.js";
+import "../../QueryVisualizationWrapper/index.js";
+import { useHasSelectedRowsAtomValue as c, useSelectedRowsAtomValue as l } from "../../QueryWrapper/TableRowSelectionState.js";
+import { ModalDownload as u } from "../../ModalDownload/ModalDownload.js";
+import { ProgrammaticTableDownload as d } from "../../ProgrammaticTableDownload/ProgrammaticTableDownload.js";
+import { ElementWithTooltip as f } from "../../widgets/ElementWithTooltip.js";
+import { getNumberOfResultsToAddToDownloadListCopy as p } from "../TopLevelControls/TopLevelControlsUtils.js";
+import { useAddSelectedRowsToDownloadList as m } from "../../QueryWrapper/useAddSelectedRowsToDownloadList.js";
+import { DownloadLoginModal as h } from "./DownloadLoginModal.js";
+import { useMemo as g, useState as _ } from "react";
+import { MenuItem as v, Tooltip as y } from "@mui/material";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/components/SynapseTable/table-top/DownloadOptions.tsx
-function x(x) {
-	let { isAuthenticated: S } = t(), { entityId: C, versionNumber: w, getCurrentQueryRequest: T, hasResettableFilters: E } = a(), { data: D } = n(C, w), { data: O } = o(), k = c(), A = s(), j = m(() => T(), [T]), [M, N] = h(!1), [P, F] = h(!1), [I, L] = h(!1), { onDownloadFiles: R, darkTheme: z = !0, hideAddToDownloadListMenuItem: B, hideProgrammaticOptionsMenuItem: V } = x, H = i(O?.columnModels), U = !B && r(D, H), W = D && e(D) && D.isLatestVersion;
-	return /* @__PURE__ */ b(v, { children: [
-		/* @__PURE__ */ y(d, {
+function C(C) {
+	let { isAuthenticated: w } = n(), { entityId: T, versionNumber: E, getCurrentQueryRequest: D, hasResettableFilters: O } = o(), { data: k } = r(T, E), { data: A } = s(), j = l(), M = c(), { addSelectedRowsToDownloadList: N } = m(), P = g(() => D(), [D]), [F, I] = _(!1), [L, R] = _(!1), [z, B] = _(!1), { darkTheme: V = !0, hideAddToDownloadListMenuItem: H, hideProgrammaticOptionsMenuItem: U } = C, { setShowDownloadConfirmation: W } = t(), G = a(A?.columnModels), K = !H && k !== void 0 && i(k, G), q = k && e(k) && k.isLatestVersion;
+	return /* @__PURE__ */ S(b, { children: [
+		/* @__PURE__ */ x(f, {
 			tooltipText: "Download Options",
 			size: "lg",
-			darkTheme: z,
+			darkTheme: V,
 			icon: "download",
-			menuItems: m(() => {
+			menuItems: g(() => {
 				let e = [];
-				return U && e.push(/* @__PURE__ */ y(_, {
-					title: W ? "A draft version of a dataset cannot be added to the Download List" : null,
+				return K && e.push(/* @__PURE__ */ x(y, {
+					title: q ? "A draft version of a dataset cannot be added to the Download List" : null,
 					placement: "left",
 					enterNextDelay: 300,
 					describeChild: !0,
-					children: /* @__PURE__ */ y(g, {
-						className: W ? "ignoreLink" : void 0,
-						disabled: W,
-						style: W ? { pointerEvents: "auto" } : {},
-						onClick: () => S ? R() : N(!0),
-						children: f(E, A, k, O?.queryCount, "file")
+					children: /* @__PURE__ */ x(v, {
+						className: q ? "ignoreLink" : void 0,
+						disabled: q,
+						style: q ? { pointerEvents: "auto" } : {},
+						onClick: () => {
+							w ? M ? N() : W(!0) : I(!0);
+						},
+						children: p(O, M, j, A?.queryCount, "file")
 					})
-				}, "add-to-download-list")), e.push(/* @__PURE__ */ y(g, {
+				}, "add-to-download-list")), e.push(/* @__PURE__ */ x(v, {
 					onClick: () => {
-						F(!0);
+						R(!0);
 					},
 					children: "Export Table"
-				}, "export-table")), V || e.push(/* @__PURE__ */ y(_, {
-					title: W ? "A draft version of a dataset cannot be downloaded programmatically" : null,
+				}, "export-table")), U || e.push(/* @__PURE__ */ x(y, {
+					title: q ? "A draft version of a dataset cannot be downloaded programmatically" : null,
 					placement: "left",
 					enterNextDelay: 300,
 					describeChild: !0,
-					children: /* @__PURE__ */ y(g, {
-						className: W ? "ignoreLink" : void 0,
-						disabled: W,
-						style: W ? { pointerEvents: "auto" } : {},
-						onClick: () => L(!0),
+					children: /* @__PURE__ */ x(v, {
+						className: q ? "ignoreLink" : void 0,
+						disabled: q,
+						style: q ? { pointerEvents: "auto" } : {},
+						onClick: () => B(!0),
 						children: "Programmatic Options"
 					})
 				}, "programmatic-options")), e;
 			}, [
-				S,
+				N,
+				w,
+				q,
+				O,
+				M,
+				U,
 				W,
-				E,
-				A,
-				V,
-				R,
-				O?.queryCount,
-				k,
-				U
-			])
+				A?.queryCount,
+				j,
+				K
+			]),
+			closeMenuOnClick: !0
 		}),
-		M && /* @__PURE__ */ y(p, {
-			showModal: M,
-			onHide: () => N(!1)
+		F && /* @__PURE__ */ x(h, {
+			showModal: F,
+			onHide: () => I(!1)
 		}),
-		P && /* @__PURE__ */ y(l, {
-			onClose: () => F(!1),
-			queryBundleRequest: j
+		L && /* @__PURE__ */ x(u, {
+			onClose: () => R(!1),
+			queryBundleRequest: P
 		}),
-		I && O && /* @__PURE__ */ y(u, {
-			onHide: () => L(!1),
-			queryBundleRequest: j
+		z && A && /* @__PURE__ */ x(d, {
+			onHide: () => B(!1),
+			queryBundleRequest: P
 		})
 	] });
 }
 //#endregion
-export { x as DownloadOptions };
+export { C as DownloadOptions };
 
 //# sourceMappingURL=DownloadOptions.js.map

package/dist/components/SynapseTable/table-top/DownloadOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadOptions.js","names":[],"sources":["../../../../src/components/SynapseTable/table-top/DownloadOptions.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { isDataset } from '@/utils/functions/EntityTypeUtils'\nimport { canTableQueryBeAddedToDownloadList } from '@/utils/functions/queryUtils'\nimport { MenuItem, Tooltip } from '@mui/material'\nimport { Table } from '@sage-bionetworks/synapse-types'\nimport { ReactNode, useMemo, useState } from 'react'\nimport ModalDownload from '../../ModalDownload/ModalDownload'\nimport ProgrammaticTableDownload from '../../ProgrammaticTableDownload/ProgrammaticTableDownload'\nimport { useQueryContext } from '../../QueryContext'\nimport {\n  useHasSelectedRowsAtomValue,\n  useSelectedRowsAtomValue,\n} from '../../QueryWrapper/TableRowSelectionState'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { ElementWithTooltip } from '../../widgets/ElementWithTooltip'\nimport { getFileColumnModelId } from '../SynapseTableUtils'\nimport { getNumberOfResultsToAddToDownloadListCopy } from '../TopLevelControls/TopLevelControlsUtils'\nimport { DownloadLoginModal } from './DownloadLoginModal'\n\nexport type DownloadOptionsProps = {\n  onDownloadFiles: () => void\n  darkTheme?: boolean\n  /** If true, the \"Add ... files to Download List\" menu item will be hidden */\n  hideAddToDownloadListMenuItem?: boolean\n  /** If true, the \"Programmatic Options\" menu item will be hidden */\n  hideProgrammaticOptionsMenuItem?: boolean\n}\n\nexport function DownloadOptions(props: DownloadOptionsProps) {\n  const { isAuthenticated } = useSynapseContext()\n  const {\n    entityId,\n    versionNumber,\n    getCurrentQueryRequest,\n    hasResettableFilters,\n  } = useQueryContext()\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useGetQueryMetadata()\n\n  const selectedRows = useSelectedRowsAtomValue()\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n\n  const queryBundleRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  const [showLoginModal, setShowLoginModal] = useState(false)\n  const [showExportMetadata, setShowExportMetadata] = useState(false)\n  const [showProgrammaticOptions, setShowProgrammaticOptions] = useState(false)\n  const {\n    onDownloadFiles,\n    darkTheme = true,\n    hideAddToDownloadListMenuItem,\n    hideProgrammaticOptionsMenuItem,\n  } = props\n\n  const fileColumnId = getFileColumnModelId(queryMetadata?.columnModels)\n\n  const showAddQueryToDownloadList =\n    !hideAddToDownloadListMenuItem &&\n    canTableQueryBeAddedToDownloadList(entity, fileColumnId)\n\n  // SWC-5878 - Disable downloading a \"Draft\" dataset\n  const disableDownload = entity && isDataset(entity) && entity.isLatestVersion\n\n  const downloadMenuItems: ReactNode[] = useMemo(() => {\n    const downloadMenuItems = []\n    if (showAddQueryToDownloadList) {\n      downloadMenuItems.push(\n        <Tooltip\n          key={'add-to-download-list'}\n          title={\n            disableDownload\n              ? 'A draft version of a dataset cannot be added to the Download List'\n              : null\n          }\n          placement=\"left\"\n          enterNextDelay={300}\n          describeChild={true}\n        >\n          <MenuItem\n            className={disableDownload ? 'ignoreLink' : undefined}\n            disabled={disableDownload}\n            // If disabled, add pointer-events-auto so the tooltip still works\n            style={disableDownload ? { pointerEvents: 'auto' } : {}}\n            onClick={() =>\n              isAuthenticated ? onDownloadFiles() : setShowLoginModal(true)\n            }\n          >\n            {getNumberOfResultsToAddToDownloadListCopy(\n              hasResettableFilters,\n              hasSelectedRows,\n              selectedRows,\n              queryMetadata?.queryCount,\n              'file',\n            )}\n          </MenuItem>\n        </Tooltip>,\n      )\n    }\n    downloadMenuItems.push(\n      <MenuItem\n        key={'export-table'}\n        onClick={() => {\n          setShowExportMetadata(true)\n        }}\n      >\n        Export Table\n      </MenuItem>,\n    )\n    if (!hideProgrammaticOptionsMenuItem) {\n      downloadMenuItems.push(\n        <Tooltip\n          key={'programmatic-options'}\n          title={\n            disableDownload\n              ? 'A draft version of a dataset cannot be downloaded programmatically'\n              : null\n          }\n          placement=\"left\"\n          enterNextDelay={300}\n          describeChild={true}\n        >\n          <MenuItem\n            className={disableDownload ? 'ignoreLink' : undefined}\n            disabled={disableDownload}\n            // If disabled, add pointer-events-auto so the tooltip still works\n            style={disableDownload ? { pointerEvents: 'auto' } : {}}\n            onClick={() => setShowProgrammaticOptions(true)}\n          >\n            Programmatic Options\n          </MenuItem>\n        </Tooltip>,\n      )\n    }\n    return downloadMenuItems\n  }, [\n    isAuthenticated,\n    disableDownload,\n    hasResettableFilters,\n    hasSelectedRows,\n    hideProgrammaticOptionsMenuItem,\n    onDownloadFiles,\n    queryMetadata?.queryCount,\n    selectedRows,\n    showAddQueryToDownloadList,\n  ])\n\n  return (\n    <>\n      <ElementWithTooltip\n        tooltipText={'Download Options'}\n        size=\"lg\"\n        darkTheme={darkTheme}\n        icon={'download'}\n        menuItems={downloadMenuItems}\n      />\n      {showLoginModal && (\n        <DownloadLoginModal\n          showModal={showLoginModal}\n          onHide={() => setShowLoginModal(false)}\n        ></DownloadLoginModal>\n      )}\n      {\n        // modal can render anywhere, this is not a particular location\n        showExportMetadata && (\n          <ModalDownload\n            onClose={() => setShowExportMetadata(false)}\n            queryBundleRequest={queryBundleRequest}\n          />\n        )\n      }\n      {showProgrammaticOptions && queryMetadata && (\n        <ProgrammaticTableDownload\n          onHide={() => setShowProgrammaticOptions(false)}\n          queryBundleRequest={queryBundleRequest}\n        ></ProgrammaticTableDownload>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA6BA,SAAgB,EAAgB,GAA6B;CAC3D,IAAM,EAAE,uBAAoB,EAAkB,GACxC,EACJ,aACA,kBACA,2BACA,4BACE,EAAgB,GACd,EAAE,MAAM,MAAW,EAAoB,GAAU,CAAa,GAC9D,EAAE,MAAM,MAAkB,EAAoB,GAE9C,IAAe,EAAyB,GACxC,IAAkB,EAA4B,GAE9C,IAAqB,QACnB,EAAuB,GAC7B,CAAC,CAAsB,CACzB,GAEM,CAAC,GAAgB,KAAqB,EAAS,EAAK,GACpD,CAAC,GAAoB,KAAyB,EAAS,EAAK,GAC5D,CAAC,GAAyB,KAA8B,EAAS,EAAK,GACtE,EACJ,oBACA,eAAY,IACZ,kCACA,uCACE,GAEE,IAAe,EAAqB,GAAe,YAAY,GAE/D,IACJ,CAAC,KACD,EAAmC,GAAQ,CAAY,GAGnD,IAAkB,KAAU,EAAU,CAAM,KAAK,EAAO;CAqF9D,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,aAAa;GACb,MAAK;GACM;GACX,MAAM;GACN,WA1FiC,QAAc;IACnD,IAAM,IAAoB,CAAC;IAqE3B,OApEI,KACF,EAAkB,KAChB,kBAAC,GAAD;KAEE,OACE,IACI,sEACA;KAEN,WAAU;KACV,gBAAgB;KAChB,eAAe;eAEf,kBAAC,GAAD;MACE,WAAW,IAAkB,eAAe,KAAA;MAC5C,UAAU;MAEV,OAAO,IAAkB,EAAE,eAAe,OAAO,IAAI,CAAC;MACtD,eACE,IAAkB,EAAgB,IAAI,EAAkB,EAAI;gBAG7D,EACC,GACA,GACA,GACA,GAAe,YACf,MACF;KACQ,CAAA;IACH,GA3BF,sBA2BE,CACX,GAEF,EAAkB,KAChB,kBAAC,GAAD;KAEE,eAAe;MACb,EAAsB,EAAI;KAC5B;eACD;IAES,GANH,cAMG,CACZ,GACK,KACH,EAAkB,KAChB,kBAAC,GAAD;KAEE,OACE,IACI,uEACA;KAEN,WAAU;KACV,gBAAgB;KAChB,eAAe;eAEf,kBAAC,GAAD;MACE,WAAW,IAAkB,eAAe,KAAA;MAC5C,UAAU;MAEV,OAAO,IAAkB,EAAE,eAAe,OAAO,IAAI,CAAC;MACtD,eAAe,EAA2B,EAAI;gBAC/C;KAES,CAAA;IACH,GAnBF,sBAmBE,CACX,GAEK;GACT,GAAG;IACD;IACA;IACA;IACA;IACA;IACA;IACA,GAAe;IACf;IACA;GACF,CASiB;EACZ,CAAA;EACA,KACC,kBAAC,GAAD;GACE,WAAW;GACX,cAAc,EAAkB,EAAK;EAClB,CAAA;EAIrB,KACE,kBAAC,GAAD;GACE,eAAe,EAAsB,EAAK;GACtB;EACrB,CAAA;EAGJ,KAA2B,KAC1B,kBAAC,GAAD;GACE,cAAc,EAA2B,EAAK;GAC1B;EACM,CAAA;CAE9B,EAAA,CAAA;AAEN"}
+{"version":3,"file":"DownloadOptions.js","names":[],"sources":["../../../../src/components/SynapseTable/table-top/DownloadOptions.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { isDataset } from '@/utils/functions/EntityTypeUtils'\nimport { canTableQueryBeAddedToDownloadList } from '@/utils/functions/queryUtils'\nimport { MenuItem, Tooltip } from '@mui/material'\nimport { Table } from '@sage-bionetworks/synapse-types'\nimport { ReactNode, useMemo, useState } from 'react'\nimport ModalDownload from '../../ModalDownload/ModalDownload'\nimport ProgrammaticTableDownload from '../../ProgrammaticTableDownload/ProgrammaticTableDownload'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport {\n  useHasSelectedRowsAtomValue,\n  useSelectedRowsAtomValue,\n} from '../../QueryWrapper/TableRowSelectionState'\nimport { useAddSelectedRowsToDownloadList } from '../../QueryWrapper/useAddSelectedRowsToDownloadList'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { ElementWithTooltip } from '../../widgets/ElementWithTooltip'\nimport { getFileColumnModelId } from '../SynapseTableUtils'\nimport { getNumberOfResultsToAddToDownloadListCopy } from '../TopLevelControls/TopLevelControlsUtils'\nimport { DownloadLoginModal } from './DownloadLoginModal'\n\nexport type DownloadOptionsProps = {\n  darkTheme?: boolean\n  /** If true, the \"Add ... files to Download List\" menu item will be hidden */\n  hideAddToDownloadListMenuItem?: boolean\n  /** If true, the \"Programmatic Options\" menu item will be hidden */\n  hideProgrammaticOptionsMenuItem?: boolean\n}\n\nexport function DownloadOptions(props: DownloadOptionsProps) {\n  const { isAuthenticated } = useSynapseContext()\n  const {\n    entityId,\n    versionNumber,\n    getCurrentQueryRequest,\n    hasResettableFilters,\n  } = useQueryContext()\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useGetQueryMetadata()\n\n  const selectedRows = useSelectedRowsAtomValue()\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n  const { addSelectedRowsToDownloadList } = useAddSelectedRowsToDownloadList()\n\n  const queryBundleRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  const [showLoginModal, setShowLoginModal] = useState(false)\n  const [showExportMetadata, setShowExportMetadata] = useState(false)\n  const [showProgrammaticOptions, setShowProgrammaticOptions] = useState(false)\n  const {\n    darkTheme = true,\n    hideAddToDownloadListMenuItem,\n    hideProgrammaticOptionsMenuItem,\n  } = props\n  const { setShowDownloadConfirmation } = useQueryVisualizationContext()\n\n  const fileColumnId = getFileColumnModelId(queryMetadata?.columnModels)\n\n  // The table's type decides which file version the whole result adds, so the item waits for the table to load.\n  const showAddQueryToDownloadList =\n    !hideAddToDownloadListMenuItem &&\n    entity !== undefined &&\n    canTableQueryBeAddedToDownloadList(entity, fileColumnId)\n\n  // SWC-5878 - Disable downloading a \"Draft\" dataset\n  const disableDownload = entity && isDataset(entity) && entity.isLatestVersion\n\n  const downloadMenuItems: ReactNode[] = useMemo(() => {\n    const downloadMenuItems = []\n    if (showAddQueryToDownloadList) {\n      downloadMenuItems.push(\n        <Tooltip\n          key={'add-to-download-list'}\n          title={\n            disableDownload\n              ? 'A draft version of a dataset cannot be added to the Download List'\n              : null\n          }\n          placement=\"left\"\n          enterNextDelay={300}\n          describeChild={true}\n        >\n          <MenuItem\n            className={disableDownload ? 'ignoreLink' : undefined}\n            disabled={disableDownload}\n            // If disabled, add pointer-events-auto so the tooltip still works\n            style={disableDownload ? { pointerEvents: 'auto' } : {}}\n            onClick={() => {\n              if (!isAuthenticated) {\n                setShowLoginModal(true)\n              } else if (hasSelectedRows) {\n                void addSelectedRowsToDownloadList()\n              } else {\n                // The enclosing query view shows the confirmation, with the whole result's file count and size.\n                setShowDownloadConfirmation(true)\n              }\n            }}\n          >\n            {getNumberOfResultsToAddToDownloadListCopy(\n              hasResettableFilters,\n              hasSelectedRows,\n              selectedRows,\n              queryMetadata?.queryCount,\n              'file',\n            )}\n          </MenuItem>\n        </Tooltip>,\n      )\n    }\n    downloadMenuItems.push(\n      <MenuItem\n        key={'export-table'}\n        onClick={() => {\n          setShowExportMetadata(true)\n        }}\n      >\n        Export Table\n      </MenuItem>,\n    )\n    if (!hideProgrammaticOptionsMenuItem) {\n      downloadMenuItems.push(\n        <Tooltip\n          key={'programmatic-options'}\n          title={\n            disableDownload\n              ? 'A draft version of a dataset cannot be downloaded programmatically'\n              : null\n          }\n          placement=\"left\"\n          enterNextDelay={300}\n          describeChild={true}\n        >\n          <MenuItem\n            className={disableDownload ? 'ignoreLink' : undefined}\n            disabled={disableDownload}\n            // If disabled, add pointer-events-auto so the tooltip still works\n            style={disableDownload ? { pointerEvents: 'auto' } : {}}\n            onClick={() => setShowProgrammaticOptions(true)}\n          >\n            Programmatic Options\n          </MenuItem>\n        </Tooltip>,\n      )\n    }\n    return downloadMenuItems\n  }, [\n    addSelectedRowsToDownloadList,\n    isAuthenticated,\n    disableDownload,\n    hasResettableFilters,\n    hasSelectedRows,\n    hideProgrammaticOptionsMenuItem,\n    setShowDownloadConfirmation,\n    queryMetadata?.queryCount,\n    selectedRows,\n    showAddQueryToDownloadList,\n  ])\n\n  return (\n    <>\n      <ElementWithTooltip\n        tooltipText={'Download Options'}\n        size=\"lg\"\n        darkTheme={darkTheme}\n        icon={'download'}\n        menuItems={downloadMenuItems}\n        // Every option opens a dialog or starts an action, so the menu closes once one is chosen.\n        closeMenuOnClick\n      />\n      {showLoginModal && (\n        <DownloadLoginModal\n          showModal={showLoginModal}\n          onHide={() => setShowLoginModal(false)}\n        ></DownloadLoginModal>\n      )}\n      {\n        // modal can render anywhere, this is not a particular location\n        showExportMetadata && (\n          <ModalDownload\n            onClose={() => setShowExportMetadata(false)}\n            queryBundleRequest={queryBundleRequest}\n          />\n        )\n      }\n      {showProgrammaticOptions && queryMetadata && (\n        <ProgrammaticTableDownload\n          onHide={() => setShowProgrammaticOptions(false)}\n          queryBundleRequest={queryBundleRequest}\n        ></ProgrammaticTableDownload>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgB,EAAgB,GAA6B;CAC3D,IAAM,EAAE,uBAAoB,EAAkB,GACxC,EACJ,aACA,kBACA,2BACA,4BACE,EAAgB,GACd,EAAE,MAAM,MAAW,EAAoB,GAAU,CAAa,GAC9D,EAAE,MAAM,MAAkB,EAAoB,GAE9C,IAAe,EAAyB,GACxC,IAAkB,EAA4B,GAC9C,EAAE,qCAAkC,EAAiC,GAErE,IAAqB,QACnB,EAAuB,GAC7B,CAAC,CAAsB,CACzB,GAEM,CAAC,GAAgB,KAAqB,EAAS,EAAK,GACpD,CAAC,GAAoB,KAAyB,EAAS,EAAK,GAC5D,CAAC,GAAyB,KAA8B,EAAS,EAAK,GACtE,EACJ,eAAY,IACZ,kCACA,uCACE,GACE,EAAE,mCAAgC,EAA6B,GAE/D,IAAe,EAAqB,GAAe,YAAY,GAG/D,IACJ,CAAC,KACD,MAAW,KAAA,KACX,EAAmC,GAAQ,CAAY,GAGnD,IAAkB,KAAU,EAAU,CAAM,KAAK,EAAO;CA6F9D,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,aAAa;GACb,MAAK;GACM;GACX,MAAM;GACN,WAlGiC,QAAc;IACnD,IAAM,IAAoB,CAAC;IA4E3B,OA3EI,KACF,EAAkB,KAChB,kBAAC,GAAD;KAEE,OACE,IACI,sEACA;KAEN,WAAU;KACV,gBAAgB;KAChB,eAAe;eAEf,kBAAC,GAAD;MACE,WAAW,IAAkB,eAAe,KAAA;MAC5C,UAAU;MAEV,OAAO,IAAkB,EAAE,eAAe,OAAO,IAAI,CAAC;MACtD,eAAe;OACb,AAAK,IAEM,IACT,EAAmC,IAGnC,EAA4B,EAAI,IALhC,EAAkB,EAAI;MAO1B;gBAEC,EACC,GACA,GACA,GACA,GAAe,YACf,MACF;KACQ,CAAA;IACH,GAlCF,sBAkCE,CACX,GAEF,EAAkB,KAChB,kBAAC,GAAD;KAEE,eAAe;MACb,EAAsB,EAAI;KAC5B;eACD;IAES,GANH,cAMG,CACZ,GACK,KACH,EAAkB,KAChB,kBAAC,GAAD;KAEE,OACE,IACI,uEACA;KAEN,WAAU;KACV,gBAAgB;KAChB,eAAe;eAEf,kBAAC,GAAD;MACE,WAAW,IAAkB,eAAe,KAAA;MAC5C,UAAU;MAEV,OAAO,IAAkB,EAAE,eAAe,OAAO,IAAI,CAAC;MACtD,eAAe,EAA2B,EAAI;gBAC/C;KAES,CAAA;IACH,GAnBF,sBAmBE,CACX,GAEK;GACT,GAAG;IACD;IACA;IACA;IACA;IACA;IACA;IACA;IACA,GAAe;IACf;IACA;GACF,CASiB;GAEX,kBAAA;EACD,CAAA;EACA,KACC,kBAAC,GAAD;GACE,WAAW;GACX,cAAc,EAAkB,EAAK;EAClB,CAAA;EAIrB,KACE,kBAAC,GAAD;GACE,eAAe,EAAsB,EAAK;GACtB;EACrB,CAAA;EAGJ,KAA2B,KAC1B,kBAAC,GAAD;GACE,cAAc,EAA2B,EAAK;GAC1B;EACM,CAAA;CAE9B,EAAA,CAAA;AAEN"}

package/dist/components/SynapseTable/usePrefetchTableData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePrefetchTableData.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseTable/usePrefetchTableData.ts"],"names":[],"mappings":"AAUA,OAAO,EAOL,MAAM,EAEP,MAAM,iCAAiC,CAAA;AAuNxC;;;;;GAKG;AACH,wBAAgB,2BAA2B,CAAC,MAAM,EAAE,MAAM,GAAG;IAC3D,qBAAqB,EAAE,OAAO,CAAA;CAC/B,CAkBA;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,IAAI,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAyC5E"}
+{"version":3,"file":"usePrefetchTableData.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseTable/usePrefetchTableData.ts"],"names":[],"mappings":"AAUA,OAAO,EAOL,MAAM,EAEP,MAAM,iCAAiC,CAAA;AAuNxC;;;;;GAKG;AACH,wBAAgB,2BAA2B,CAAC,MAAM,EAAE,MAAM,GAAG;IAC3D,qBAAqB,EAAE,OAAO,CAAA;CAC/B,CAkBA;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,IAAI,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CA4C5E"}

package/dist/components/SynapseTable/usePrefetchTableData.js

@@ -58,11 +58,11 @@ function S(e) {
 	let p = a(_.ENTITYID_LIST, s?.selectColumns);
 	return l = e.rows.reduce((e, t) => (f.forEach((n) => {
 		let r = t.values[n];
-		r && !e.find((e) => e.targetId === r && e.targetVersionNumber == null) && e.push({ targetId: r });
+		r && !e.some((e) => e.targetId === r && e.targetVersionNumber == null) && e.push({ targetId: r });
 	}), p.forEach((n) => {
 		let r = t.values[n];
 		r && JSON.parse(r).forEach((t) => {
-			t && !e.find((e) => e.targetId === t && e.targetVersionNumber == null) && e.push({ targetId: t });
+			t && !e.some((e) => e.targetId === t && e.targetVersionNumber == null) && e.push({ targetId: t });
 		});
 	}), e), l), l;
 }
@@ -101,7 +101,7 @@ function D() {
 		return o = i ? i(e) : p(f({
 			type: "goToPage",
 			pageNumber: e
-		}, g(r)), void 0, t, n).rowDataQueryOptions, a.prefetchQuery(o);
+		}, g(r)), void 0, t, n).rowDataQueryOptions, o.enabled === !1 ? Promise.resolve() : a.prefetchQuery(o);
 	}, [
 		n,
 		r,