synapse-react-client 4.0.46 → 4.0.47

package/dist/components/SynapseTable/TopLevelControls/TopLevelControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopLevelControls.js","names":[],"sources":["../../../../src/components/SynapseTable/TopLevelControls/TopLevelControls.tsx"],"sourcesContent":["import React from 'react'\nimport { useGetEntity } from '@/synapse-queries'\nimport { SQL_EDITOR } from '@/utils/SynapseConstants'\nimport { Button, Divider, Tooltip, Typography } from '@mui/material'\nimport {\n  QueryBundleRequest,\n  QueryResultBundle,\n  Row,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport { useAtomValue } from 'jotai'\nimport { cloneDeep } from 'lodash-es'\nimport { ReactNode, useState } from 'react'\nimport IconSvg from '../../IconSvg'\nimport MissingQueryResultsWarning from '../../MissingQueryResultsWarning/MissingQueryResultsWarning'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport {\n  isRowSelectionVisibleAtom,\n  useHasSelectedRowsAtomValue,\n  useSelectedRowsAtomValue,\n} from '../../QueryWrapper/TableRowSelectionState'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { ElementWithTooltip } from '../../widgets/ElementWithTooltip'\nimport ExportToAnalysisPlatformDialog from '../export/ExportToAnalysisPlatformDialog'\nimport { RowSelectionControls } from '../RowSelection/RowSelectionControls'\nimport { ColumnSelection, DownloadOptions } from '../table-top'\nimport {\n  getNumberOfResultsToInvokeAction,\n  getNumberOfResultsToInvokeActionCopy,\n} from './TopLevelControlsUtils'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\nimport { CustomControlButton } from '../CustomControls/CustomControlButton'\nimport { useSynapseContext } from '@/utils'\nimport { SignInRequiredModal } from '@/components/SignInRequiredModal/SignInRequiredModal'\nimport { SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE } from '../SynapseTableUtils'\n\nconst SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID =\n  'SendToAnalysisPlatformTopLevelControlButton'\n\nconst FILTER_TOGGLE_BUTTON_SX = {\n  ml: 2,\n  fontWeight: 400,\n  fontSize: '14px',\n  textDecoration: 'none !important',\n} as const\n\nexport type TopLevelControlsProps = {\n  name?: string\n  hideDownload?: boolean\n  /** If true, the \"Add ... files to Download List\" option in the Download menu will be hidden */\n  hideAddToDownloadListMenuItem?: boolean\n  /** If true, the \"Programmatic Options\" option in the Download menu will be hidden */\n  hideProgrammaticOptionsMenuItem?: boolean\n  hideVisualizationsControl?: boolean\n  hideFacetFilterControl?: boolean\n  hideQueryCount?: boolean\n  hideSqlEditorControl?: boolean\n  /** When true, shows a `Show / Hide Query Builder` toggle. */\n  showQueryBuilderControl?: boolean\n  /** Current QB visibility, driven by the parent. Required when `showQueryBuilderControl` is true. */\n  showQueryBuilder?: boolean\n  /** Callback invoked when the QB toggle is clicked. Required when `showQueryBuilderControl` is true. */\n  onToggleQueryBuilder?: () => void\n  customControls?: CustomControl[]\n  showColumnSelection?: boolean\n  cavaticaConnectAccountURL?: string\n  remount?: () => void\n}\n\nexport type Control = {\n  key: string\n  icon: string\n  tooltipText: string\n}\n\nexport type CustomControlCallbackData = {\n  tableId: string\n  queryMetadata: Omit<QueryResultBundle, 'queryResult'> | undefined\n  selectedRows: Row[] | undefined\n  refresh: () => void\n  request?: QueryBundleRequest\n}\n\n// note, all custom controls should check for selected rows in the event (to support row selection)\nexport type CustomControl = {\n  buttonText: string\n  onClick: (event: CustomControlCallbackData) => void\n  classNames?: string\n  icon?: ReactNode\n  buttonID?: string // optionally set the ID property of the element\n  title?: string // optionally set the title for the custom control\n  description?: string // optionally set the description for the custom control\n}\n\nconst TopLevelControls = (props: TopLevelControlsProps): React.ReactNode => {\n  const [showLoginModal, setShowLoginModal] = useState(false)\n  const { isAuthenticated } = useSynapseContext()\n\n  const {\n    name,\n    showColumnSelection = false,\n    hideDownload = false,\n    hideAddToDownloadListMenuItem,\n    hideProgrammaticOptionsMenuItem,\n    hideVisualizationsControl = false,\n    hideFacetFilterControl = false,\n    hideQueryCount = false,\n    hideSqlEditorControl = true,\n    showQueryBuilderControl = false,\n    showQueryBuilder = false,\n    onToggleQueryBuilder,\n    customControls,\n    cavaticaConnectAccountURL,\n    remount,\n  } = props\n\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  const isRowSelectionVisible = useAtomValue(isRowSelectionVisibleAtom)\n  const selectedRows = useSelectedRowsAtomValue()\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n\n  const {\n    setShowSearchBar,\n    columnsToShowInTable,\n    setColumnsToShowInTable,\n    enabledExternalAnalysisPlatforms,\n    setIsShowingExportToAnalysisPlatformModal,\n    unitDescription,\n    setShowDownloadConfirmation,\n    showCopyToClipboard,\n    hideSearchBarControl,\n    setShowPlots,\n    setShowSqlEditor,\n    showFacetFilter,\n    setShowFacetFilter,\n  } = useQueryVisualizationContext()\n\n  const showExportToAnalysisPlatformButton =\n    enabledExternalAnalysisPlatforms.length > 0\n\n  const [hasRecentlyCopiedToClipboard, setHasRecentlyCopiedToClipboard] =\n    useState(false)\n\n  /**\n   * Handles the toggle of a column select, this will cause the table to\n   * either show the column or hide depending on the prior state of the column\n   */\n  const toggleColumnSelection = (columnName: string) => {\n    let columnsToShowInTableCopy = cloneDeep(columnsToShowInTable)\n    if (columnsToShowInTableCopy.includes(columnName)) {\n      columnsToShowInTableCopy = columnsToShowInTableCopy.filter(\n        el => el !== columnName,\n      )\n    } else {\n      columnsToShowInTableCopy.push(columnName)\n    }\n    setColumnsToShowInTable(columnsToShowInTableCopy)\n  }\n\n  const numberOfResultsToInvokeAction = getNumberOfResultsToInvokeAction(\n    hasSelectedRows,\n    selectedRows,\n    queryMetadata?.queryCount,\n  )\n  const numberOfResultsToInvokeActionAsText =\n    getNumberOfResultsToInvokeActionCopy(\n      hasResettableFilters,\n      hasSelectedRows,\n      selectedRows,\n      queryMetadata?.queryCount,\n      unitDescription,\n    )\n\n  const queryCountDisplay =\n    !hideQueryCount && queryMetadata?.queryCount !== undefined\n      ? `(${queryMetadata.queryCount.toLocaleString()})`\n      : null\n\n  return (\n    <div className={`TopLevelControls`} data-testid=\"TopLevelControls\">\n      <div>\n        <div className=\"TopLevelControls__querycount\">\n          {name && (\n            <>\n              <Typography variant=\"sectionTitle\" role=\"heading\">\n                {name} {queryCountDisplay}\n              </Typography>\n              {!hideQueryCount && entity && (\n                <MissingQueryResultsWarning entity={entity} />\n              )}\n            </>\n          )}\n          {!hideFacetFilterControl && (\n            <Button\n              variant={'text'}\n              onClick={() => setShowFacetFilter(value => !value)}\n              startIcon={\n                <IconSvg\n                  icon={showFacetFilter ? 'close' : 'filter'}\n                  wrap={false}\n                />\n              }\n              sx={FILTER_TOGGLE_BUTTON_SX}\n            >\n              {showFacetFilter ? 'Hide' : 'Show'} filters\n            </Button>\n          )}\n          {showQueryBuilderControl && onToggleQueryBuilder && (\n            <Button\n              variant={'text'}\n              onClick={onToggleQueryBuilder}\n              startIcon={\n                <IconSvg\n                  icon={showQueryBuilder ? 'close' : 'filter'}\n                  wrap={false}\n                />\n              }\n              sx={FILTER_TOGGLE_BUTTON_SX}\n            >\n              {showQueryBuilder ? 'Hide' : 'Show'} Query Builder\n            </Button>\n          )}\n        </div>\n        <div className=\"TopLevelControls__actions\">\n          {showExportToAnalysisPlatformButton && (\n            <>\n              <Tooltip\n                title={\n                  <>\n                    This action will send a reference to{' '}\n                    {hasSelectedRows\n                      ? 'each selected file'\n                      : 'every file in the current table'}{' '}\n                    to a chosen external analysis platform.{' '}\n                    {!hasSelectedRows && showFacetFilter && (\n                      <>\n                        You can change what is sent by applying filters using\n                        the controls in the sidebar.\n                      </>\n                    )}\n                    {hasSelectedRows && (\n                      <>\n                        You can change what is sent by selecting a different set\n                        of files.\n                      </>\n                    )}\n                  </>\n                }\n              >\n                <Button\n                  variant=\"text\"\n                  disabled={!numberOfResultsToInvokeAction}\n                  onClick={() => {\n                    return isAuthenticated\n                      ? setIsShowingExportToAnalysisPlatformModal(true)\n                      : setShowLoginModal(true)\n                  }}\n                  id={SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID}\n                >\n                  Send {numberOfResultsToInvokeActionAsText} to Analysis\n                  Platform\n                </Button>\n              </Tooltip>\n              <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\n            </>\n          )}\n          {showLoginModal && (\n            <SignInRequiredModal\n              onHide={() => setShowLoginModal(false)}\n              content={SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE}\n            />\n          )}\n          {!hideSearchBarControl && (\n            <ElementWithTooltip\n              tooltipText={'Show / Hide Search Bar'}\n              callbackFn={() => setShowSearchBar(value => !value)}\n              darkTheme={true}\n              icon={'search'}\n            />\n          )}\n          {showCopyToClipboard && (\n            <ElementWithTooltip\n              tooltipText={\n                hasRecentlyCopiedToClipboard\n                  ? 'Copied to clipboard'\n                  : 'Copy this search to the clipboard'\n              }\n              callbackFn={() => {\n                copyStringToClipboard(window.location.href).then(() => {\n                  setHasRecentlyCopiedToClipboard(true)\n                  setTimeout(() => {\n                    setHasRecentlyCopiedToClipboard(false)\n                  }, 3000)\n                })\n              }}\n              darkTheme={true}\n              icon={'clipboard'}\n            />\n          )}\n          {!hideVisualizationsControl && (\n            <ElementWithTooltip\n              tooltipText={'Show / Hide Visualizations'}\n              callbackFn={() => setShowPlots(value => !value)}\n              darkTheme={true}\n              icon={'chart'}\n            />\n          )}\n          {!hideDownload && (\n            <DownloadOptions\n              darkTheme={true}\n              onDownloadFiles={() => setShowDownloadConfirmation(true)}\n              hideAddToDownloadListMenuItem={hideAddToDownloadListMenuItem}\n              hideProgrammaticOptionsMenuItem={hideProgrammaticOptionsMenuItem}\n            />\n          )}\n\n          {!hideSqlEditorControl && (\n            <ElementWithTooltip\n              tooltipText={'Show / Hide the Advanced Query Editor'}\n              callbackFn={() => setShowSqlEditor(value => !value)}\n              darkTheme={true}\n              icon={SQL_EDITOR}\n            />\n          )}\n\n          {isRowSelectionVisible && (\n            <RowSelectionControls\n              customControls={customControls}\n              remount={remount}\n            />\n          )}\n          {!isRowSelectionVisible &&\n            customControls &&\n            customControls.length > 0 && (\n              <>\n                {customControls.map(customControl => {\n                  return (\n                    <CustomControlButton\n                      key={customControl.buttonText}\n                      variant=\"text\"\n                      callbackData={{\n                        tableId: entityId!,\n                        queryMetadata: queryMetadata,\n                        selectedRows,\n                        refresh: () => {\n                          if (remount) {\n                            remount()\n                          }\n                        },\n                        request: getCurrentQueryRequest(),\n                      }}\n                      control={customControl}\n                      startIcon={customControl.icon}\n                    />\n                  )\n                })}\n              </>\n            )}\n          {showColumnSelection && (\n            <ColumnSelection\n              headers={queryMetadata?.selectColumns}\n              isColumnSelected={columnsToShowInTable}\n              toggleColumnSelection={toggleColumnSelection}\n              darkTheme={true}\n            />\n          )}\n          <ExportToAnalysisPlatformDialog\n            platformInstructionProps={{\n              cavaticaConnectAccountURL: cavaticaConnectAccountURL,\n            }}\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default TopLevelControls\n"],"mappings":"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"}
+{"version":3,"file":"TopLevelControls.js","names":[],"sources":["../../../../src/components/SynapseTable/TopLevelControls/TopLevelControls.tsx"],"sourcesContent":["import React from 'react'\nimport { useGetEntity } from '@/synapse-queries'\nimport { SQL_EDITOR } from '@/utils/SynapseConstants'\nimport { Button, Divider, Tooltip, Typography } from '@mui/material'\nimport {\n  QueryBundleRequest,\n  QueryResultBundle,\n  Row,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport { useAtomValue } from 'jotai'\nimport { cloneDeep } from 'lodash-es'\nimport { ReactNode, useState } from 'react'\nimport IconSvg from '../../IconSvg'\nimport MissingQueryResultsWarning from '../../MissingQueryResultsWarning/MissingQueryResultsWarning'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport {\n  isRowSelectionVisibleAtom,\n  useHasSelectedRowsAtomValue,\n  useSelectedRowsAtomValue,\n} from '../../QueryWrapper/TableRowSelectionState'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { ElementWithTooltip } from '../../widgets/ElementWithTooltip'\nimport ExportToAnalysisPlatformDialog from '../export/ExportToAnalysisPlatformDialog'\nimport { RowSelectionControls } from '../RowSelection/RowSelectionControls'\nimport { ColumnSelection, DownloadOptions } from '../table-top'\nimport {\n  getNumberOfResultsToInvokeAction,\n  getNumberOfResultsToInvokeActionCopy,\n} from './TopLevelControlsUtils'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\nimport { CustomControlButton } from '../CustomControls/CustomControlButton'\nimport { useSynapseContext } from '@/utils'\nimport { SignInRequiredModal } from '@/components/SignInRequiredModal/SignInRequiredModal'\nimport { SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE } from '../SynapseTableUtils'\n\nconst SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID =\n  'SendToAnalysisPlatformTopLevelControlButton'\n\nconst FILTER_TOGGLE_BUTTON_SX = {\n  ml: 2,\n  fontWeight: 400,\n  fontSize: '14px',\n  textDecoration: 'none !important',\n} as const\n\nexport type TopLevelControlsProps = {\n  name?: string\n  hideDownload?: boolean\n  /** If true, the \"Add ... files to Download List\" option in the Download menu will be hidden */\n  hideAddToDownloadListMenuItem?: boolean\n  /** If true, the \"Programmatic Options\" option in the Download menu will be hidden */\n  hideProgrammaticOptionsMenuItem?: boolean\n  hideVisualizationsControl?: boolean\n  hideFacetFilterControl?: boolean\n  hideQueryCount?: boolean\n  hideSqlEditorControl?: boolean\n  /** When true, shows a `Show / Hide Query Builder` toggle. */\n  showQueryBuilderControl?: boolean\n  /** Current QB visibility, driven by the parent. Required when `showQueryBuilderControl` is true. */\n  showQueryBuilder?: boolean\n  /** Callback invoked when the QB toggle is clicked. Required when `showQueryBuilderControl` is true. */\n  onToggleQueryBuilder?: () => void\n  customControls?: CustomControl[]\n  showColumnSelection?: boolean\n  cavaticaConnectAccountURL?: string\n  remount?: () => void\n}\n\nexport type Control = {\n  key: string\n  icon: string\n  tooltipText: string\n}\n\nexport type CustomControlCallbackData = {\n  tableId: string\n  queryMetadata: Omit<QueryResultBundle, 'queryResult'> | undefined\n  selectedRows: Row[] | undefined\n  refresh: () => void\n  request?: QueryBundleRequest\n}\n\n// note, all custom controls should check for selected rows in the event (to support row selection)\nexport type CustomControl = {\n  buttonText: string\n  onClick: (event: CustomControlCallbackData) => void\n  classNames?: string\n  icon?: ReactNode\n  buttonID?: string // optionally set the ID property of the element\n  title?: string // optionally set the title for the custom control\n  description?: string // optionally set the description for the custom control\n}\n\nconst TopLevelControls = (props: TopLevelControlsProps): React.ReactNode => {\n  const [showLoginModal, setShowLoginModal] = useState(false)\n  const { isAuthenticated } = useSynapseContext()\n\n  const {\n    name,\n    showColumnSelection = false,\n    hideDownload = false,\n    hideAddToDownloadListMenuItem,\n    hideProgrammaticOptionsMenuItem,\n    hideVisualizationsControl = false,\n    hideFacetFilterControl = false,\n    hideQueryCount = false,\n    hideSqlEditorControl = true,\n    showQueryBuilderControl = false,\n    showQueryBuilder = false,\n    onToggleQueryBuilder,\n    customControls,\n    cavaticaConnectAccountURL,\n    remount,\n  } = props\n\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  const isRowSelectionVisible = useAtomValue(isRowSelectionVisibleAtom)\n  const selectedRows = useSelectedRowsAtomValue()\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n\n  const {\n    setShowSearchBar,\n    columnsToShowInTable,\n    setColumnsToShowInTable,\n    enabledExternalAnalysisPlatforms,\n    setIsShowingExportToAnalysisPlatformModal,\n    unitDescription,\n    showCopyToClipboard,\n    hideSearchBarControl,\n    setShowPlots,\n    setShowSqlEditor,\n    showFacetFilter,\n    setShowFacetFilter,\n  } = useQueryVisualizationContext()\n\n  const showExportToAnalysisPlatformButton =\n    enabledExternalAnalysisPlatforms.length > 0\n\n  const [hasRecentlyCopiedToClipboard, setHasRecentlyCopiedToClipboard] =\n    useState(false)\n\n  /**\n   * Handles the toggle of a column select, this will cause the table to\n   * either show the column or hide depending on the prior state of the column\n   */\n  const toggleColumnSelection = (columnName: string) => {\n    let columnsToShowInTableCopy = cloneDeep(columnsToShowInTable)\n    if (columnsToShowInTableCopy.includes(columnName)) {\n      columnsToShowInTableCopy = columnsToShowInTableCopy.filter(\n        el => el !== columnName,\n      )\n    } else {\n      columnsToShowInTableCopy.push(columnName)\n    }\n    setColumnsToShowInTable(columnsToShowInTableCopy)\n  }\n\n  const numberOfResultsToInvokeAction = getNumberOfResultsToInvokeAction(\n    hasSelectedRows,\n    selectedRows,\n    queryMetadata?.queryCount,\n  )\n  const numberOfResultsToInvokeActionAsText =\n    getNumberOfResultsToInvokeActionCopy(\n      hasResettableFilters,\n      hasSelectedRows,\n      selectedRows,\n      queryMetadata?.queryCount,\n      unitDescription,\n    )\n\n  const queryCountDisplay =\n    !hideQueryCount && queryMetadata?.queryCount !== undefined\n      ? `(${queryMetadata.queryCount.toLocaleString()})`\n      : null\n\n  return (\n    <div className={`TopLevelControls`} data-testid=\"TopLevelControls\">\n      <div>\n        <div className=\"TopLevelControls__querycount\">\n          {name && (\n            <>\n              <Typography variant=\"sectionTitle\" role=\"heading\">\n                {name} {queryCountDisplay}\n              </Typography>\n              {!hideQueryCount && entity && (\n                <MissingQueryResultsWarning entity={entity} />\n              )}\n            </>\n          )}\n          {!hideFacetFilterControl && (\n            <Button\n              variant={'text'}\n              onClick={() => setShowFacetFilter(value => !value)}\n              startIcon={\n                <IconSvg\n                  icon={showFacetFilter ? 'close' : 'filter'}\n                  wrap={false}\n                />\n              }\n              sx={FILTER_TOGGLE_BUTTON_SX}\n            >\n              {showFacetFilter ? 'Hide' : 'Show'} filters\n            </Button>\n          )}\n          {showQueryBuilderControl && onToggleQueryBuilder && (\n            <Button\n              variant={'text'}\n              onClick={onToggleQueryBuilder}\n              startIcon={\n                <IconSvg\n                  icon={showQueryBuilder ? 'close' : 'filter'}\n                  wrap={false}\n                />\n              }\n              sx={FILTER_TOGGLE_BUTTON_SX}\n            >\n              {showQueryBuilder ? 'Hide' : 'Show'} Query Builder\n            </Button>\n          )}\n        </div>\n        <div className=\"TopLevelControls__actions\">\n          {showExportToAnalysisPlatformButton && (\n            <>\n              <Tooltip\n                title={\n                  <>\n                    This action will send a reference to{' '}\n                    {hasSelectedRows\n                      ? 'each selected file'\n                      : 'every file in the current table'}{' '}\n                    to a chosen external analysis platform.{' '}\n                    {!hasSelectedRows && showFacetFilter && (\n                      <>\n                        You can change what is sent by applying filters using\n                        the controls in the sidebar.\n                      </>\n                    )}\n                    {hasSelectedRows && (\n                      <>\n                        You can change what is sent by selecting a different set\n                        of files.\n                      </>\n                    )}\n                  </>\n                }\n              >\n                <Button\n                  variant=\"text\"\n                  disabled={!numberOfResultsToInvokeAction}\n                  onClick={() => {\n                    return isAuthenticated\n                      ? setIsShowingExportToAnalysisPlatformModal(true)\n                      : setShowLoginModal(true)\n                  }}\n                  id={SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID}\n                >\n                  Send {numberOfResultsToInvokeActionAsText} to Analysis\n                  Platform\n                </Button>\n              </Tooltip>\n              <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\n            </>\n          )}\n          {showLoginModal && (\n            <SignInRequiredModal\n              onHide={() => setShowLoginModal(false)}\n              content={SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE}\n            />\n          )}\n          {!hideSearchBarControl && (\n            <ElementWithTooltip\n              tooltipText={'Show / Hide Search Bar'}\n              callbackFn={() => setShowSearchBar(value => !value)}\n              darkTheme={true}\n              icon={'search'}\n            />\n          )}\n          {showCopyToClipboard && (\n            <ElementWithTooltip\n              tooltipText={\n                hasRecentlyCopiedToClipboard\n                  ? 'Copied to clipboard'\n                  : 'Copy this search to the clipboard'\n              }\n              callbackFn={() => {\n                copyStringToClipboard(window.location.href).then(() => {\n                  setHasRecentlyCopiedToClipboard(true)\n                  setTimeout(() => {\n                    setHasRecentlyCopiedToClipboard(false)\n                  }, 3000)\n                })\n              }}\n              darkTheme={true}\n              icon={'clipboard'}\n            />\n          )}\n          {!hideVisualizationsControl && (\n            <ElementWithTooltip\n              tooltipText={'Show / Hide Visualizations'}\n              callbackFn={() => setShowPlots(value => !value)}\n              darkTheme={true}\n              icon={'chart'}\n            />\n          )}\n          {!hideDownload && (\n            <DownloadOptions\n              darkTheme={true}\n              hideAddToDownloadListMenuItem={hideAddToDownloadListMenuItem}\n              hideProgrammaticOptionsMenuItem={hideProgrammaticOptionsMenuItem}\n            />\n          )}\n\n          {!hideSqlEditorControl && (\n            <ElementWithTooltip\n              tooltipText={'Show / Hide the Advanced Query Editor'}\n              callbackFn={() => setShowSqlEditor(value => !value)}\n              darkTheme={true}\n              icon={SQL_EDITOR}\n            />\n          )}\n\n          {isRowSelectionVisible && (\n            <RowSelectionControls\n              customControls={customControls}\n              remount={remount}\n            />\n          )}\n          {!isRowSelectionVisible &&\n            customControls &&\n            customControls.length > 0 && (\n              <>\n                {customControls.map(customControl => {\n                  return (\n                    <CustomControlButton\n                      key={customControl.buttonText}\n                      variant=\"text\"\n                      callbackData={{\n                        tableId: entityId!,\n                        queryMetadata: queryMetadata,\n                        selectedRows,\n                        refresh: () => {\n                          if (remount) {\n                            remount()\n                          }\n                        },\n                        request: getCurrentQueryRequest(),\n                      }}\n                      control={customControl}\n                      startIcon={customControl.icon}\n                    />\n                  )\n                })}\n              </>\n            )}\n          {showColumnSelection && (\n            <ColumnSelection\n              headers={queryMetadata?.selectColumns}\n              isColumnSelected={columnsToShowInTable}\n              toggleColumnSelection={toggleColumnSelection}\n              darkTheme={true}\n            />\n          )}\n          <ExportToAnalysisPlatformDialog\n            platformInstructionProps={{\n              cavaticaConnectAccountURL: cavaticaConnectAccountURL,\n            }}\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default TopLevelControls\n"],"mappings":"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"}

package/dist/components/SynapseTable/datasets/DatasetEditorVersionCell.js

@@ -5,7 +5,7 @@ import { Select as n } from "@mui/material";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/SynapseTable/datasets/DatasetEditorVersionCell.tsx
 function o(o) {
-	let { row: s, toggleSelection: c } = o, { entityId: l, versionNumber: u } = s.original, { data: d, isError: f, fetchNextPage: p, isFetchingNextPage: m, hasNextPage: h } = e(l, { staleTime: 60 * 1e3 }), g = d?.pages.flatMap((e) => e.results) ?? [], _ = !!g.find((e) => e.versionNumber === u);
+	let { row: s, toggleSelection: c } = o, { entityId: l, versionNumber: u } = s.original, { data: d, isError: f, fetchNextPage: p, isFetchingNextPage: m, hasNextPage: h } = e(l, { staleTime: 60 * 1e3 }), g = d?.pages.flatMap((e) => e.results) ?? [], _ = g.some((e) => e.versionNumber === u);
 	return t(() => {
 		!_ && h && !m && p();
 	}, [

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

@@ -1 +1 @@
-{"version":3,"file":"DatasetEditorVersionCell.js","names":[],"sources":["../../../../src/components/SynapseTable/datasets/DatasetEditorVersionCell.tsx"],"sourcesContent":["import { useGetVersionsInfinite } from '@/synapse-queries/index'\nimport { Select } from '@mui/material'\nimport { EntityRef } from '@sage-bionetworks/synapse-types'\nimport { CellContext } from '@tanstack/react-table'\nimport { useEffect } from 'react'\nimport { DatasetItemsEditorTableData } from './DatasetItemsEditor'\n\ntype DatasetEditorVersionCellProps = CellContext<\n  DatasetItemsEditorTableData,\n  unknown\n> & {\n  toggleSelection: (entity: EntityRef) => void\n}\n\nexport function DatasetEditorVersionCell(props: DatasetEditorVersionCellProps) {\n  const { row, toggleSelection } = props\n  const { entityId, versionNumber } = row.original\n\n  const {\n    data: versionData,\n    isError,\n    fetchNextPage,\n    isFetchingNextPage,\n    hasNextPage,\n  } = useGetVersionsInfinite(entityId, {\n    staleTime: 60 * 1000, // 60 seconds\n  })\n  const versions = versionData?.pages.flatMap(page => page.results) ?? []\n  const currentVersionHasBeenRetrieved = !!versions.find(\n    version => version.versionNumber === versionNumber,\n  )\n  useEffect(() => {\n    if (!currentVersionHasBeenRetrieved && hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage()\n    }\n  }, [\n    currentVersionHasBeenRetrieved,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  ])\n\n  if (isError) {\n    return <>{versionNumber}</>\n  }\n\n  return (\n    <div>\n      {versions && versions.length > 0 && (\n        <Select\n          native\n          fullWidth\n          value={versionNumber}\n          sx={{ height: '30px' }}\n          onClick={event => {\n            event.stopPropagation()\n          }}\n          onChange={event => {\n            event.stopPropagation()\n            let version = event.target.value\n            if (typeof version === 'string') {\n              version = parseInt(version)\n            }\n            toggleSelection({\n              entityId: entityId,\n              versionNumber: version,\n            })\n          }}\n        >\n          {\n            /* The selected version number doesn't exist */\n            !currentVersionHasBeenRetrieved &&\n              !hasNextPage &&\n              !isFetchingNextPage && (\n                <option disabled key={versionNumber} value={versionNumber}>\n                  {versionNumber} (Not Found)\n                </option>\n              )\n          }\n          {versions.map(version => {\n            return (\n              <option key={version.versionNumber} value={version.versionNumber}>\n                {version.versionNumber}\n                {version.isLatestVersion && ' (Latest)'}\n              </option>\n            )\n          })}\n        </Select>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAcA,SAAgB,EAAyB,GAAsC;CAC7E,IAAM,EAAE,QAAK,uBAAoB,GAC3B,EAAE,aAAU,qBAAkB,EAAI,UAElC,EACJ,MAAM,GACN,YACA,kBACA,uBACA,mBACE,EAAuB,GAAU,EACnC,WAAW,KAAK,IAClB,CAAC,GACK,IAAW,GAAa,MAAM,SAAQ,MAAQ,EAAK,OAAO,KAAK,CAAC,GAChE,IAAiC,CAAC,CAAC,EAAS,MAChD,MAAW,EAAQ,kBAAkB,CACvC;CAgBA,OAfA,QAAgB;EACd,AAAI,CAAC,KAAkC,KAAe,CAAC,KACrD,EAAmB;CAEvB,GAAG;EACD;EACA;EACA;EACA;CACF,CAAC,GAEG,IACK,kBAAA,GAAA,EAAA,UAAG,EAAgB,CAAA,IAI1B,kBAAC,OAAD,EAAA,UACG,KAAY,EAAS,SAAS,KAC7B,kBAAC,GAAD;EACE,QAAA;EACA,WAAA;EACA,OAAO;EACP,IAAI,EAAE,QAAQ,OAAO;EACrB,UAAS,MAAS;GAChB,EAAM,gBAAgB;EACxB;EACA,WAAU,MAAS;GACjB,EAAM,gBAAgB;GACtB,IAAI,IAAU,EAAM,OAAO;GAI3B,AAHI,OAAO,KAAY,aACrB,IAAU,SAAS,CAAO,IAE5B,EAAgB;IACJ;IACV,eAAe;GACjB,CAAC;EACH;YAlBF,CAsBI,CAAC,KACC,CAAC,KACD,CAAC,KACC,kBAAC,UAAD;GAAQ,UAAA;GAA6B,OAAO;aAA5C,CACG,GAAc,cACT;KAFc,CAEd,GAGb,EAAS,KAAI,MAEV,kBAAC,UAAD;GAAoC,OAAO,EAAQ;aAAnD,CACG,EAAQ,eACR,EAAQ,mBAAmB,WACtB;KAHK,EAAQ,aAGb,CAEX,CACK;IAEP,CAAA;AAET"}
+{"version":3,"file":"DatasetEditorVersionCell.js","names":[],"sources":["../../../../src/components/SynapseTable/datasets/DatasetEditorVersionCell.tsx"],"sourcesContent":["import { useGetVersionsInfinite } from '@/synapse-queries/index'\nimport { Select } from '@mui/material'\nimport { EntityRef } from '@sage-bionetworks/synapse-types'\nimport { CellContext } from '@tanstack/react-table'\nimport { useEffect } from 'react'\nimport { DatasetItemsEditorTableData } from './DatasetItemsEditor'\n\ntype DatasetEditorVersionCellProps = CellContext<\n  DatasetItemsEditorTableData,\n  unknown\n> & {\n  toggleSelection: (entity: EntityRef) => void\n}\n\nexport function DatasetEditorVersionCell(props: DatasetEditorVersionCellProps) {\n  const { row, toggleSelection } = props\n  const { entityId, versionNumber } = row.original\n\n  const {\n    data: versionData,\n    isError,\n    fetchNextPage,\n    isFetchingNextPage,\n    hasNextPage,\n  } = useGetVersionsInfinite(entityId, {\n    staleTime: 60 * 1000, // 60 seconds\n  })\n  const versions = versionData?.pages.flatMap(page => page.results) ?? []\n  const currentVersionHasBeenRetrieved = versions.some(\n    version => version.versionNumber === versionNumber,\n  )\n  useEffect(() => {\n    if (!currentVersionHasBeenRetrieved && hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage()\n    }\n  }, [\n    currentVersionHasBeenRetrieved,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  ])\n\n  if (isError) {\n    return <>{versionNumber}</>\n  }\n\n  return (\n    <div>\n      {versions && versions.length > 0 && (\n        <Select\n          native\n          fullWidth\n          value={versionNumber}\n          sx={{ height: '30px' }}\n          onClick={event => {\n            event.stopPropagation()\n          }}\n          onChange={event => {\n            event.stopPropagation()\n            let version = event.target.value\n            if (typeof version === 'string') {\n              version = parseInt(version)\n            }\n            toggleSelection({\n              entityId: entityId,\n              versionNumber: version,\n            })\n          }}\n        >\n          {\n            /* The selected version number doesn't exist */\n            !currentVersionHasBeenRetrieved &&\n              !hasNextPage &&\n              !isFetchingNextPage && (\n                <option disabled key={versionNumber} value={versionNumber}>\n                  {versionNumber} (Not Found)\n                </option>\n              )\n          }\n          {versions.map(version => {\n            return (\n              <option key={version.versionNumber} value={version.versionNumber}>\n                {version.versionNumber}\n                {version.isLatestVersion && ' (Latest)'}\n              </option>\n            )\n          })}\n        </Select>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAcA,SAAgB,EAAyB,GAAsC;CAC7E,IAAM,EAAE,QAAK,uBAAoB,GAC3B,EAAE,aAAU,qBAAkB,EAAI,UAElC,EACJ,MAAM,GACN,YACA,kBACA,uBACA,mBACE,EAAuB,GAAU,EACnC,WAAW,KAAK,IAClB,CAAC,GACK,IAAW,GAAa,MAAM,SAAQ,MAAQ,EAAK,OAAO,KAAK,CAAC,GAChE,IAAiC,EAAS,MAC9C,MAAW,EAAQ,kBAAkB,CACvC;CAgBA,OAfA,QAAgB;EACd,AAAI,CAAC,KAAkC,KAAe,CAAC,KACrD,EAAmB;CAEvB,GAAG;EACD;EACA;EACA;EACA;CACF,CAAC,GAEG,IACK,kBAAA,GAAA,EAAA,UAAG,EAAgB,CAAA,IAI1B,kBAAC,OAAD,EAAA,UACG,KAAY,EAAS,SAAS,KAC7B,kBAAC,GAAD;EACE,QAAA;EACA,WAAA;EACA,OAAO;EACP,IAAI,EAAE,QAAQ,OAAO;EACrB,UAAS,MAAS;GAChB,EAAM,gBAAgB;EACxB;EACA,WAAU,MAAS;GACjB,EAAM,gBAAgB;GACtB,IAAI,IAAU,EAAM,OAAO;GAI3B,AAHI,OAAO,KAAY,aACrB,IAAU,SAAS,CAAO,IAE5B,EAAgB;IACJ;IACV,eAAe;GACjB,CAAC;EACH;YAlBF,CAsBI,CAAC,KACC,CAAC,KACD,CAAC,KACC,kBAAC,UAAD;GAAQ,UAAA;GAA6B,OAAO;aAA5C,CACG,GAAc,cACT;KAFc,CAEd,GAGb,EAAS,KAAI,MAEV,kBAAC,UAAD;GAAoC,OAAO,EAAQ;aAAnD,CACG,EAAQ,eACR,EAAQ,mBAAmB,WACtB;KAHK,EAAQ,aAGb,CAEX,CACK;IAEP,CAAA;AAET"}

package/dist/components/SynapseTable/datasets/DatasetItemsEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatasetItemsEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/SynapseTable/datasets/DatasetItemsEditor.tsx"],"names":[],"mappings":"AA0BA,OAAO,EACL,SAAS,EACT,uBAAuB,EAExB,MAAM,iCAAiC,CAAA;AA8BxC,MAAM,MAAM,2BAA2B,GAAG,SAAS,GAAG;IACpD,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC,CAAA;AAsID,wBAAgB,OAAO,CAAC,MAAM,CAAC,EAAE,uBAAuB;;;;;;;;;;;;;;;EAkDvD;AAoED,MAAM,MAAM,uBAAuB,GAAG;IAEpC,QAAQ,EAAE,MAAM,CAAA;IAChB,kFAAkF;IAClF,sBAAsB,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AA6DD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAgbhE;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"DatasetItemsEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/SynapseTable/datasets/DatasetItemsEditor.tsx"],"names":[],"mappings":"AA0BA,OAAO,EACL,SAAS,EACT,uBAAuB,EAExB,MAAM,iCAAiC,CAAA;AA8BxC,MAAM,MAAM,2BAA2B,GAAG,SAAS,GAAG;IACpD,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC,CAAA;AAsID,wBAAgB,OAAO,CAAC,MAAM,CAAC,EAAE,uBAAuB;;;;;;;;;;;;;;;EAkDvD;AAoED,MAAM,MAAM,uBAAuB,GAAG;IAEpC,QAAQ,EAAE,MAAM,CAAA;IAChB,kFAAkF;IAClF,sBAAsB,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AA6DD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA+ahE;AAED,eAAe,kBAAkB,CAAA"}