synapse-react-client 4.0.19 → 4.0.21

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnSelection.js","names":[],"sources":["../../../../src/components/SynapseTable/table-top/ColumnSelection.tsx"],"sourcesContent":["import { MenuItem } from '@mui/material'\nimport { SelectColumn } from '@sage-bionetworks/synapse-types'\nimport { CSSProperties } from 'react'\nimport IconSvg from '../../IconSvg/IconSvg'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport { ElementWithTooltip } from '../../widgets/ElementWithTooltip'\n\ntype ColumnSelectionProps = {\n  headers?: SelectColumn[]\n  isColumnSelected: string[]\n  onChange?: () => void\n  toggleColumnSelection: (name: string) => void\n  darkTheme?: boolean\n}\n\nexport function ColumnSelection(props: ColumnSelectionProps) {\n  const { headers, isColumnSelected, toggleColumnSelection, darkTheme } = props\n\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n  return (\n    <ElementWithTooltip\n      tooltipText={'Show/Hide Columns'}\n      icon={darkTheme ? 'columnsdark' : 'columns'}\n      darkTheme={darkTheme}\n      menuItems={headers?.map(header => {\n        const { name } = header\n        const isCurrentColumnSelected = isColumnSelected.includes(name)\n        const iconStyle: CSSProperties = {\n          width: '11px',\n          marginRight: '10px',\n          visibility: isCurrentColumnSelected ? undefined : 'hidden',\n        }\n        const maybeShowPrimaryColor = isCurrentColumnSelected\n          ? 'SRC-primary-text-color'\n          : ''\n        return (\n          <MenuItem onClick={() => toggleColumnSelection(name)} key={name}>\n            <span className={maybeShowPrimaryColor} style={iconStyle}>\n              <IconSvg icon=\"check\" sx={{ width: '14px' }} />\n            </span>\n            {getColumnDisplayName(name)}\n          </MenuItem>\n        )\n      })}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,EAAgB,GAA6B;CAC3D,IAAM,EAAE,YAAS,qBAAkB,0BAAuB,iBAAc,GAElE,EAAE,4BAAyB,GAA8B;AAC/D,QACE,kBAAC,GAAD;EACE,aAAa;EACb,MAAM,IAAY,gBAAgB;EACvB;EACX,WAAW,GAAS,KAAI,MAAU;GAChC,IAAM,EAAE,YAAS,GACX,IAA0B,EAAiB,SAAS,EAAK;AAS/D,UACE,kBAAC,GAAD;IAAU,eAAe,EAAsB,EAAK;cAApD,CACE,kBAAC,QAAD;KAAM,WALoB,IAC1B,2BACA;KAGwC,OAAO;MATjD,OAAO;MACP,aAAa;MACb,YAAY,IAA0B,KAAA,IAAY;MAOD;eAC7C,kBAAC,GAAD;MAAS,MAAK;MAAQ,IAAI,EAAE,OAAO,QAAQ;MAAI,CAAA;KAC1C,CAAA,EACN,EAAqB,EAAK,CAClB;MALgD,EAKhD;IAEb;EACF,CAAA"}
+{"version":3,"file":"ColumnSelection.js","names":[],"sources":["../../../../src/components/SynapseTable/table-top/ColumnSelection.tsx"],"sourcesContent":["import { MenuItem } from '@mui/material'\nimport { SelectColumn } from '@sage-bionetworks/synapse-types'\nimport { CSSProperties } from 'react'\nimport IconSvg from '../../IconSvg/IconSvg'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport { ElementWithTooltip } from '../../widgets/ElementWithTooltip'\n\ntype ColumnSelectionProps = {\n  headers?: SelectColumn[]\n  isColumnSelected: string[]\n  onChange?: () => void\n  toggleColumnSelection: (name: string) => void\n  darkTheme?: boolean\n}\n\nexport function ColumnSelection(props: ColumnSelectionProps) {\n  const { headers, isColumnSelected, toggleColumnSelection, darkTheme } = props\n\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n  return (\n    <ElementWithTooltip\n      tooltipText={'Show/Hide Columns'}\n      icon={darkTheme ? 'columnsdark' : 'columns'}\n      darkTheme={darkTheme}\n      menuItems={headers?.map(header => {\n        const { name } = header\n        const isCurrentColumnSelected = isColumnSelected.includes(name)\n        const iconStyle: CSSProperties = {\n          width: '11px',\n          marginRight: '10px',\n          visibility: isCurrentColumnSelected ? undefined : 'hidden',\n        }\n        const maybeShowPrimaryColor = isCurrentColumnSelected\n          ? 'SRC-primary-text-color'\n          : ''\n        return (\n          <MenuItem onClick={() => toggleColumnSelection(name)} key={name}>\n            <span className={maybeShowPrimaryColor} style={iconStyle}>\n              <IconSvg icon=\"check\" sx={{ width: '14px' }} />\n            </span>\n            {getColumnDisplayName(name)}\n          </MenuItem>\n        )\n      })}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,EAAgB,GAA6B;CAC3D,IAAM,EAAE,YAAS,qBAAkB,0BAAuB,iBAAc,GAElE,EAAE,4BAAyB,EAA6B;CAC9D,OACE,kBAAC,GAAD;EACE,aAAa;EACb,MAAM,IAAY,gBAAgB;EACvB;EACX,WAAW,GAAS,KAAI,MAAU;GAChC,IAAM,EAAE,YAAS,GACX,IAA0B,EAAiB,SAAS,CAAI;GAS9D,OACE,kBAAC,GAAD;IAAU,eAAe,EAAsB,CAAI;cAAnD,CACE,kBAAC,QAAD;KAAM,WALoB,IAC1B,2BACA;KAGwC,OAAO;MATjD,OAAO;MACP,aAAa;MACb,YAAY,IAA0B,KAAA,IAAY;KAOD;eAC7C,kBAAC,GAAD;MAAS,MAAK;MAAQ,IAAI,EAAE,OAAO,OAAO;KAAI,CAAA;IAC1C,CAAA,GACL,EAAqB,CAAI,CAClB;MALiD,CAKjD;EAEd,CAAC;CACF,CAAA;AAEL"}

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

@@ -1 +1 @@
-{"version":3,"file":"DownloadLoginModal.js","names":[],"sources":["../../../../src/components/SynapseTable/table-top/DownloadLoginModal.tsx"],"sourcesContent":["import { Link, Typography } from '@mui/material'\nimport { SignInRequiredModal } from '@/components/SignInRequiredModal/SignInRequiredModal'\n\nexport type DownloadLoginModalProps = {\n  showModal?: boolean\n  onHide: () => void\n}\n\nexport const CONFIRM_BUTTON_TEXT = 'Sign in'\n\nconst content = (\n  <>\n    <Typography\n      variant=\"smallText1\"\n      sx={{\n        marginBottom: '10px',\n      }}\n    >\n      Anyone can browse public content on the Synapse website, but in order to\n      download and create content you will need to register for an account using\n      an email address.\n    </Typography>\n    <Typography variant=\"smallText1\">\n      To find out more see&nbsp;\n      <Link\n        href=\"https://help.synapse.org/docs/Managing-your-account.2055405596.html\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        User Accounts\n      </Link>\n      <span> and </span>\n      <Link\n        href=\"https://help.synapse.org/docs/Synapse-Governance.2004255211.html\"\n        rel=\"noopener noreferrer\"\n        target=\"_blank\"\n      >\n        Governance Overview\n      </Link>\n      .\n    </Typography>\n  </>\n)\n\nexport function DownloadLoginModal(props: DownloadLoginModalProps) {\n  return <SignInRequiredModal onHide={props.onHide} content={content} />\n}\n"],"mappings":";;;;AAQA,IAAa,IAAsB,WAE7B,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;CACE,SAAQ;CACR,IAAI,EACF,cAAc,QACf;WACF;CAIY,CAAA,EACb,kBAAC,GAAD;CAAY,SAAQ;WAApB;EAAiC;EAE/B,kBAAC,GAAD;GACE,MAAK;GACL,QAAO;GACP,KAAI;aACL;GAEM,CAAA;EACP,kBAAC,QAAD,EAAA,UAAM,SAAY,CAAA;EAClB,kBAAC,GAAD;GACE,MAAK;GACL,KAAI;GACJ,QAAO;aACR;GAEM,CAAA;;EAEI;GACZ,EAAA,CAAA;AAGL,SAAgB,EAAmB,GAAgC;AACjE,QAAO,kBAAC,GAAD;EAAqB,QAAQ,EAAM;EAAiB;EAAW,CAAA"}
+{"version":3,"file":"DownloadLoginModal.js","names":[],"sources":["../../../../src/components/SynapseTable/table-top/DownloadLoginModal.tsx"],"sourcesContent":["import { Link, Typography } from '@mui/material'\nimport { SignInRequiredModal } from '@/components/SignInRequiredModal/SignInRequiredModal'\n\nexport type DownloadLoginModalProps = {\n  showModal?: boolean\n  onHide: () => void\n}\n\nexport const CONFIRM_BUTTON_TEXT = 'Sign in'\n\nconst content = (\n  <>\n    <Typography\n      variant=\"smallText1\"\n      sx={{\n        marginBottom: '10px',\n      }}\n    >\n      Anyone can browse public content on the Synapse website, but in order to\n      download and create content you will need to register for an account using\n      an email address.\n    </Typography>\n    <Typography variant=\"smallText1\">\n      To find out more see&nbsp;\n      <Link\n        href=\"https://help.synapse.org/docs/Managing-your-account.2055405596.html\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        User Accounts\n      </Link>\n      <span> and </span>\n      <Link\n        href=\"https://help.synapse.org/docs/Synapse-Governance.2004255211.html\"\n        rel=\"noopener noreferrer\"\n        target=\"_blank\"\n      >\n        Governance Overview\n      </Link>\n      .\n    </Typography>\n  </>\n)\n\nexport function DownloadLoginModal(props: DownloadLoginModalProps) {\n  return <SignInRequiredModal onHide={props.onHide} content={content} />\n}\n"],"mappings":";;;;AAQA,IAAa,IAAsB,WAE7B,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;CACE,SAAQ;CACR,IAAI,EACF,cAAc,OAChB;WACD;AAIW,CAAA,GACZ,kBAAC,GAAD;CAAY,SAAQ;WAApB;EAAiC;EAE/B,kBAAC,GAAD;GACE,MAAK;GACL,QAAO;GACP,KAAI;aACL;EAEK,CAAA;EACN,kBAAC,QAAD,EAAA,UAAM,QAAW,CAAA;EACjB,kBAAC,GAAD;GACE,MAAK;GACL,KAAI;GACJ,QAAO;aACR;EAEK,CAAA;EAAC;CAEG;EACZ,EAAA,CAAA;AAGJ,SAAgB,EAAmB,GAAgC;CACjE,OAAO,kBAAC,GAAD;EAAqB,QAAQ,EAAM;EAAiB;CAAU,CAAA;AACvE"}

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}\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 { onDownloadFiles, darkTheme = true } = props\n\n  const fileColumnId = getFileColumnModelId(queryMetadata?.columnModels)\n\n  const showAddQueryToDownloadList = canTableQueryBeAddedToDownloadList(\n    entity,\n    fileColumnId,\n  )\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 Cart'\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    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    return downloadMenuItems\n  }, [\n    isAuthenticated,\n    disableDownload,\n    hasResettableFilters,\n    hasSelectedRows,\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":";;;;;;;;;;;;;;;;;;;;AAyBA,SAAgB,EAAgB,GAA6B;CAC3D,IAAM,EAAE,uBAAoB,GAAmB,EACzC,EACJ,aACA,kBACA,2BACA,4BACE,GAAiB,EACf,EAAE,MAAM,MAAW,EAAoB,GAAU,EAAc,EAC/D,EAAE,MAAM,MAAkB,GAAqB,EAE/C,IAAe,GAA0B,EACzC,IAAkB,GAA6B,EAE/C,IAAqB,QACnB,GAAwB,EAC9B,CAAC,EAAuB,CACzB,EAEK,CAAC,GAAgB,KAAqB,EAAS,GAAM,EACrD,CAAC,GAAoB,KAAyB,EAAS,GAAM,EAC7D,CAAC,GAAyB,KAA8B,EAAS,GAAM,EACvE,EAAE,oBAAiB,eAAY,OAAS,GAIxC,IAA6B,EACjC,GAHmB,EAAqB,GAAe,aAIvD,CACD,EAGK,IAAkB,KAAU,EAAU,EAAO,IAAI,EAAO;AAkF9D,QACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,aAAa;GACb,MAAK;GACM;GACX,MAAM;GACN,WAvFiC,QAAc;IACnD,IAAM,IAAoB,EAAE;AAmE5B,WAlEI,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,QAAQ,GAAG,EAAE;MACvD,eACE,IAAkB,GAAiB,GAAG,EAAkB,GAAK;gBAG9D,EACC,GACA,GACA,GACA,GAAe,YACf,OACD;MACQ,CAAA;KACH,EA3BH,uBA2BG,CACX,EAEH,EAAkB,KAChB,kBAAC,GAAD;KAEE,eAAe;AACb,QAAsB,GAAK;;eAE9B;KAEU,EANJ,eAMI,CACZ,EACD,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,QAAQ,GAAG,EAAE;MACvD,eAAe,EAA2B,GAAK;gBAChD;MAEU,CAAA;KACH,EAnBH,uBAmBG,CACX,EACM;MACN;IACD;IACA;IACA;IACA;IACA;IACA,GAAe;IACf;IACA;IACD,CASgB;GACX,CAAA;EACD,KACC,kBAAC,GAAD;GACE,WAAW;GACX,cAAc,EAAkB,GAAM;GAClB,CAAA;EAItB,KACE,kBAAC,GAAD;GACE,eAAe,EAAsB,GAAM;GACvB;GACpB,CAAA;EAGL,KAA2B,KAC1B,kBAAC,GAAD;GACE,cAAc,EAA2B,GAAM;GAC3B;GACO,CAAA;EAE9B,EAAA,CAAA"}
+{"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}\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 { onDownloadFiles, darkTheme = true } = props\n\n  const fileColumnId = getFileColumnModelId(queryMetadata?.columnModels)\n\n  const showAddQueryToDownloadList = canTableQueryBeAddedToDownloadList(\n    entity,\n    fileColumnId,\n  )\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 Cart'\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    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    return downloadMenuItems\n  }, [\n    isAuthenticated,\n    disableDownload,\n    hasResettableFilters,\n    hasSelectedRows,\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":";;;;;;;;;;;;;;;;;;;;AAyBA,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,EAAE,oBAAiB,eAAY,OAAS,GAIxC,IAA6B,EACjC,GAHmB,EAAqB,GAAe,YAIvD,CACF,GAGM,IAAkB,KAAU,EAAU,CAAM,KAAK,EAAO;CAkF9D,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,aAAa;GACb,MAAK;GACM;GACX,MAAM;GACN,WAvFiC,QAAc;IACnD,IAAM,IAAoB,CAAC;IAmE3B,OAlEI,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,GACA,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,GACO;GACT,GAAG;IACD;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"}

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

@@ -1 +1 @@
-{"version":3,"file":"usePrefetchTableData.js","names":[],"sources":["../../../src/components/SynapseTable/usePrefetchTableData.ts"],"sourcesContent":["import {\n  useGetEntity,\n  useGetEntityHeaders,\n  useGetFileBatch,\n  useGetRestrictionInformationBatch,\n  useGetUserGroupHeaders,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { getFieldIndex, getTypeIndices } from '@/utils/functions/queryUtils'\nimport { goToPage as transformQueryToGoToPage } from '@/utils/hooks/useImmutableTableQuery/TableQueryReducerActions'\nimport {\n  ColumnTypeEnum,\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  QueryBundleRequest,\n  ReferenceList,\n  RestrictableObjectType,\n  RowSet,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { cloneDeep } from 'lodash-es'\nimport { useCallback, useMemo } from 'react'\nimport { useQueryContext } from '../QueryContext'\nimport { getTableQueryUseQueryOptions } from '../QueryWrapper/TableQueryUseQueryOptions'\nimport { useGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\nimport {\n  isEntityViewOrDatasetOrCollection,\n  isFileViewOrDataset,\n} from './SynapseTableUtils'\n\nfunction usePrefetchFileHandleData(rowSet: RowSet) {\n  const { entityId, versionNumber } = useQueryContext()\n\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useGetQueryMetadata()\n\n  const fileHandleIdColumnIndices = getTypeIndices(\n    ColumnTypeEnum.FILEHANDLEID,\n    queryMetadata?.selectColumns,\n  )\n\n  let fileHandlesToPrefetch: FileHandleAssociation[] = []\n\n  // Now add all IDs from the entity ID columns\n  if (entity && rowSet && queryMetadata && queryMetadata.selectColumns) {\n    fileHandlesToPrefetch = rowSet.rows.reduce(\n      (prev: FileHandleAssociation[], curr) => {\n        fileHandleIdColumnIndices.forEach(index => {\n          const value = curr.values[index]\n          if (value) {\n            const selectColumn = queryMetadata?.selectColumns![index]\n            if (\n              isFileViewOrDataset(entity) &&\n              selectColumn.name === 'dataFileHandleId'\n            ) {\n              // The association is the entity\n              prev.push({\n                fileHandleId: value,\n                associateObjectId: String(curr.rowId),\n                associateObjectType: FileHandleAssociateType.FileEntity,\n              })\n            } else {\n              // The association is the table entity\n              prev.push({\n                fileHandleId: value,\n                associateObjectId: entity.id!,\n                associateObjectType: FileHandleAssociateType.TableEntity,\n              })\n            }\n          }\n        })\n        return prev\n      },\n\n      fileHandlesToPrefetch,\n    )\n  }\n\n  return useGetFileBatch(\n    {\n      requestedFiles: fileHandlesToPrefetch,\n      includeFileHandles: true,\n      includePreSignedURLs: false,\n      includePreviewPreSignedURLs: false,\n    },\n    {\n      enabled: fileHandlesToPrefetch.length > 0,\n    },\n  )\n}\n\nfunction useGetEntitiesInTable(rowSet: RowSet) {\n  const { entityId, versionNumber } = useQueryContext()\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useGetQueryMetadata()\n\n  let entitiesInTable: ReferenceList = []\n\n  // If this is a file view/dataset, collect all the row IDs; they correspond to entities that we'll end up fetching\n  if (entity && isEntityViewOrDatasetOrCollection(entity)) {\n    entitiesInTable = rowSet.rows.reduce((prev: ReferenceList, curr) => {\n      const { rowId, versionNumber } = curr\n      if (rowId) {\n        prev.push({\n          targetId: `syn${rowId}`,\n          targetVersionNumber: versionNumber,\n        })\n      }\n      return prev\n    }, entitiesInTable)\n  }\n\n  let entityIdColumnIndices = getTypeIndices(\n    ColumnTypeEnum.ENTITYID,\n    queryMetadata?.selectColumns,\n  )\n\n  if (entity && isEntityViewOrDatasetOrCollection(entity)) {\n    // If this is a view/dataset, we don't need to fetch the entities in the entity ID column\n    // Collecting the row IDs in the last step was sufficient\n    const idColumnIndex = getFieldIndex('id', queryMetadata)\n    entityIdColumnIndices = entityIdColumnIndices.filter(\n      index => index !== idColumnIndex,\n    )\n  }\n\n  const entityIdListColumnIndices = getTypeIndices(\n    ColumnTypeEnum.ENTITYID_LIST,\n    queryMetadata?.selectColumns,\n  )\n\n  entitiesInTable = rowSet.rows.reduce((prev: ReferenceList, curr) => {\n    // Get all IDs from the entity ID columns\n    entityIdColumnIndices.forEach(index => {\n      const value = curr.values[index]\n      if (\n        value &&\n        !prev.find(e => e.targetId === value && e.targetVersionNumber == null)\n      ) {\n        prev.push({ targetId: value })\n      }\n    })\n    // Get all IDs from the entity ID list columns\n    entityIdListColumnIndices.forEach(index => {\n      const value = curr.values[index]\n      if (value) {\n        const ids = JSON.parse(value) as string[]\n        ids.forEach(id => {\n          if (\n            id &&\n            !prev.find(e => e.targetId === id && e.targetVersionNumber == null)\n          ) {\n            prev.push({ targetId: id })\n          }\n        })\n      }\n    })\n\n    return prev\n  }, entitiesInTable)\n\n  return entitiesInTable\n}\n\nfunction usePrefetchEntityData(entitiesToPrefetch: ReferenceList) {\n  return useGetEntityHeaders(entitiesToPrefetch, {\n    enabled: entitiesToPrefetch.length > 0,\n  })\n}\n\nfunction usePrefetchUserGroupHeaderData(rowSet: RowSet) {\n  const { data: queryMetadata } = useGetQueryMetadata()\n\n  const userIdColumnIndices = getTypeIndices(\n    ColumnTypeEnum.USERID,\n    queryMetadata?.selectColumns,\n  )\n\n  const userIdListColumnIndices = getTypeIndices(\n    ColumnTypeEnum.USERID_LIST,\n    queryMetadata?.selectColumns,\n  )\n\n  const principalIdsToPrefetch: string[] = rowSet.rows.reduce(\n    (prev: string[], curr) => {\n      // Add all IDs from the USERID columns\n      userIdColumnIndices.forEach(index => {\n        const value = curr.values[index]\n        if (value && !prev.includes(value)) {\n          prev.push(value)\n        }\n      })\n      // Add all IDs from the USERID_LIST columns\n      userIdListColumnIndices.forEach(index => {\n        const value = curr.values[index]\n        if (value) {\n          const userIds = JSON.parse(value) as number[]\n          userIds.forEach(userId => {\n            if (!prev.includes(String(userId))) {\n              prev.push(String(userId))\n            }\n          })\n        }\n      })\n      return prev\n    },\n    [],\n  )\n\n  return useGetUserGroupHeaders(principalIdsToPrefetch, {\n    enabled: principalIdsToPrefetch.length > 0,\n  })\n}\n\nfunction usePrefetchEntityRestrictionData(entitiesToPrefetch: ReferenceList) {\n  // This information only varies by entity ID, not version number. The restriction information is the same for all versions.\n  const uniqueEntityIds = useMemo(() => {\n    const entityIds = entitiesToPrefetch.map(e => e.targetId)\n    // Dedupe the list in case there were duplicates, e.g. there were multiple versions of the same entity\n    return Array.from(new Set(entityIds))\n  }, [entitiesToPrefetch])\n\n  return useGetRestrictionInformationBatch(\n    {\n      objectIds: uniqueEntityIds,\n      restrictableObjectType: RestrictableObjectType.ENTITY,\n    },\n    {\n      enabled: entitiesToPrefetch.length > 0,\n    },\n  )\n}\n\n/**\n * Uses react-query to prefetch data rendered by SynapseTable. Each SynapseTableCell instance load data to render rich\n * content (e.g. entity data) for the cell based on its column type. This hook uses react-query hooks that will\n * fetch and de-normalize batch requests, so when the SynapseTableCell component renders, the data is already loaded\n * in the cache. In practice, this avoids Synapse backend throttling and 'waterfall' content rendering.\n */\nexport function usePrefetchResourcesInTable(rowSet: RowSet): {\n  dataHasBeenPrefetched: boolean\n} {\n  const entitiesToPrefetch = useGetEntitiesInTable(rowSet)\n  const { isLoading: isLoadingEntityData } =\n    usePrefetchEntityData(entitiesToPrefetch)\n  const { isLoading: isLoadingEntityRestrictionData } =\n    usePrefetchEntityRestrictionData(entitiesToPrefetch)\n  const { isLoading: isLoadingFileHandleData } =\n    usePrefetchFileHandleData(rowSet)\n  const { isLoading: isLoadingUserGroupData } =\n    usePrefetchUserGroupHeaderData(rowSet)\n\n  return {\n    dataHasBeenPrefetched:\n      !isLoadingEntityData &&\n      !isLoadingEntityRestrictionData &&\n      !isLoadingFileHandleData &&\n      !isLoadingUserGroupData,\n  }\n}\n\n/**\n * Uses react-query to prefetch an entire page of row data.\n *\n * @returns A function that will prefetch the data for a given page number.\n */\nexport function usePrefetchTableRows(): (pageNumber: number) => Promise<void> {\n  const { keyFactory, accessToken } = useSynapseContext()\n  const { currentQueryRequest, getRowDataQueryOptionsForPage } =\n    useQueryContext()\n  const queryClient = useQueryClient()\n\n  // locked column does not matter for row data\n  const lockedColumn = undefined\n  return useCallback(\n    (pageNumber: number) => {\n      let rowDataQueryOptions\n      if (getRowDataQueryOptionsForPage) {\n        // Use the context-provided factory (e.g. SearchQueryWrapper) to avoid calling\n        // the standard table query API with a synthetic entity ID.\n        rowDataQueryOptions = getRowDataQueryOptionsForPage(pageNumber)\n      } else {\n        // Standard table query path\n        const queryWithUpdatedPage = transformQueryToGoToPage(\n          { type: 'goToPage', pageNumber },\n          cloneDeep(currentQueryRequest) as QueryBundleRequest,\n        )\n        rowDataQueryOptions = getTableQueryUseQueryOptions(\n          queryWithUpdatedPage,\n          lockedColumn,\n          keyFactory,\n          accessToken,\n        ).rowDataQueryOptions\n      }\n\n      // Finally, prefetch the data\n      return queryClient.prefetchQuery(rowDataQueryOptions)\n    },\n    [\n      accessToken,\n      currentQueryRequest,\n      getRowDataQueryOptionsForPage,\n      keyFactory,\n      lockedColumn,\n      queryClient,\n    ],\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"usePrefetchTableData.js","names":[],"sources":["../../../src/components/SynapseTable/usePrefetchTableData.ts"],"sourcesContent":["import {\n  useGetEntity,\n  useGetEntityHeaders,\n  useGetFileBatch,\n  useGetRestrictionInformationBatch,\n  useGetUserGroupHeaders,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { getFieldIndex, getTypeIndices } from '@/utils/functions/queryUtils'\nimport { goToPage as transformQueryToGoToPage } from '@/utils/hooks/useImmutableTableQuery/TableQueryReducerActions'\nimport {\n  ColumnTypeEnum,\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  QueryBundleRequest,\n  ReferenceList,\n  RestrictableObjectType,\n  RowSet,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { cloneDeep } from 'lodash-es'\nimport { useCallback, useMemo } from 'react'\nimport { useQueryContext } from '../QueryContext'\nimport { getTableQueryUseQueryOptions } from '../QueryWrapper/TableQueryUseQueryOptions'\nimport { useGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\nimport {\n  isEntityViewOrDatasetOrCollection,\n  isFileViewOrDataset,\n} from './SynapseTableUtils'\n\nfunction usePrefetchFileHandleData(rowSet: RowSet) {\n  const { entityId, versionNumber } = useQueryContext()\n\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useGetQueryMetadata()\n\n  const fileHandleIdColumnIndices = getTypeIndices(\n    ColumnTypeEnum.FILEHANDLEID,\n    queryMetadata?.selectColumns,\n  )\n\n  let fileHandlesToPrefetch: FileHandleAssociation[] = []\n\n  // Now add all IDs from the entity ID columns\n  if (entity && rowSet && queryMetadata && queryMetadata.selectColumns) {\n    fileHandlesToPrefetch = rowSet.rows.reduce(\n      (prev: FileHandleAssociation[], curr) => {\n        fileHandleIdColumnIndices.forEach(index => {\n          const value = curr.values[index]\n          if (value) {\n            const selectColumn = queryMetadata?.selectColumns![index]\n            if (\n              isFileViewOrDataset(entity) &&\n              selectColumn.name === 'dataFileHandleId'\n            ) {\n              // The association is the entity\n              prev.push({\n                fileHandleId: value,\n                associateObjectId: String(curr.rowId),\n                associateObjectType: FileHandleAssociateType.FileEntity,\n              })\n            } else {\n              // The association is the table entity\n              prev.push({\n                fileHandleId: value,\n                associateObjectId: entity.id!,\n                associateObjectType: FileHandleAssociateType.TableEntity,\n              })\n            }\n          }\n        })\n        return prev\n      },\n\n      fileHandlesToPrefetch,\n    )\n  }\n\n  return useGetFileBatch(\n    {\n      requestedFiles: fileHandlesToPrefetch,\n      includeFileHandles: true,\n      includePreSignedURLs: false,\n      includePreviewPreSignedURLs: false,\n    },\n    {\n      enabled: fileHandlesToPrefetch.length > 0,\n    },\n  )\n}\n\nfunction useGetEntitiesInTable(rowSet: RowSet) {\n  const { entityId, versionNumber } = useQueryContext()\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useGetQueryMetadata()\n\n  let entitiesInTable: ReferenceList = []\n\n  // If this is a file view/dataset, collect all the row IDs; they correspond to entities that we'll end up fetching\n  if (entity && isEntityViewOrDatasetOrCollection(entity)) {\n    entitiesInTable = rowSet.rows.reduce((prev: ReferenceList, curr) => {\n      const { rowId, versionNumber } = curr\n      if (rowId) {\n        prev.push({\n          targetId: `syn${rowId}`,\n          targetVersionNumber: versionNumber,\n        })\n      }\n      return prev\n    }, entitiesInTable)\n  }\n\n  let entityIdColumnIndices = getTypeIndices(\n    ColumnTypeEnum.ENTITYID,\n    queryMetadata?.selectColumns,\n  )\n\n  if (entity && isEntityViewOrDatasetOrCollection(entity)) {\n    // If this is a view/dataset, we don't need to fetch the entities in the entity ID column\n    // Collecting the row IDs in the last step was sufficient\n    const idColumnIndex = getFieldIndex('id', queryMetadata)\n    entityIdColumnIndices = entityIdColumnIndices.filter(\n      index => index !== idColumnIndex,\n    )\n  }\n\n  const entityIdListColumnIndices = getTypeIndices(\n    ColumnTypeEnum.ENTITYID_LIST,\n    queryMetadata?.selectColumns,\n  )\n\n  entitiesInTable = rowSet.rows.reduce((prev: ReferenceList, curr) => {\n    // Get all IDs from the entity ID columns\n    entityIdColumnIndices.forEach(index => {\n      const value = curr.values[index]\n      if (\n        value &&\n        !prev.find(e => e.targetId === value && e.targetVersionNumber == null)\n      ) {\n        prev.push({ targetId: value })\n      }\n    })\n    // Get all IDs from the entity ID list columns\n    entityIdListColumnIndices.forEach(index => {\n      const value = curr.values[index]\n      if (value) {\n        const ids = JSON.parse(value) as string[]\n        ids.forEach(id => {\n          if (\n            id &&\n            !prev.find(e => e.targetId === id && e.targetVersionNumber == null)\n          ) {\n            prev.push({ targetId: id })\n          }\n        })\n      }\n    })\n\n    return prev\n  }, entitiesInTable)\n\n  return entitiesInTable\n}\n\nfunction usePrefetchEntityData(entitiesToPrefetch: ReferenceList) {\n  return useGetEntityHeaders(entitiesToPrefetch, {\n    enabled: entitiesToPrefetch.length > 0,\n  })\n}\n\nfunction usePrefetchUserGroupHeaderData(rowSet: RowSet) {\n  const { data: queryMetadata } = useGetQueryMetadata()\n\n  const userIdColumnIndices = getTypeIndices(\n    ColumnTypeEnum.USERID,\n    queryMetadata?.selectColumns,\n  )\n\n  const userIdListColumnIndices = getTypeIndices(\n    ColumnTypeEnum.USERID_LIST,\n    queryMetadata?.selectColumns,\n  )\n\n  const principalIdsToPrefetch: string[] = rowSet.rows.reduce(\n    (prev: string[], curr) => {\n      // Add all IDs from the USERID columns\n      userIdColumnIndices.forEach(index => {\n        const value = curr.values[index]\n        if (value && !prev.includes(value)) {\n          prev.push(value)\n        }\n      })\n      // Add all IDs from the USERID_LIST columns\n      userIdListColumnIndices.forEach(index => {\n        const value = curr.values[index]\n        if (value) {\n          const userIds = JSON.parse(value) as number[]\n          userIds.forEach(userId => {\n            if (!prev.includes(String(userId))) {\n              prev.push(String(userId))\n            }\n          })\n        }\n      })\n      return prev\n    },\n    [],\n  )\n\n  return useGetUserGroupHeaders(principalIdsToPrefetch, {\n    enabled: principalIdsToPrefetch.length > 0,\n  })\n}\n\nfunction usePrefetchEntityRestrictionData(entitiesToPrefetch: ReferenceList) {\n  // This information only varies by entity ID, not version number. The restriction information is the same for all versions.\n  const uniqueEntityIds = useMemo(() => {\n    const entityIds = entitiesToPrefetch.map(e => e.targetId)\n    // Dedupe the list in case there were duplicates, e.g. there were multiple versions of the same entity\n    return Array.from(new Set(entityIds))\n  }, [entitiesToPrefetch])\n\n  return useGetRestrictionInformationBatch(\n    {\n      objectIds: uniqueEntityIds,\n      restrictableObjectType: RestrictableObjectType.ENTITY,\n    },\n    {\n      enabled: entitiesToPrefetch.length > 0,\n    },\n  )\n}\n\n/**\n * Uses react-query to prefetch data rendered by SynapseTable. Each SynapseTableCell instance load data to render rich\n * content (e.g. entity data) for the cell based on its column type. This hook uses react-query hooks that will\n * fetch and de-normalize batch requests, so when the SynapseTableCell component renders, the data is already loaded\n * in the cache. In practice, this avoids Synapse backend throttling and 'waterfall' content rendering.\n */\nexport function usePrefetchResourcesInTable(rowSet: RowSet): {\n  dataHasBeenPrefetched: boolean\n} {\n  const entitiesToPrefetch = useGetEntitiesInTable(rowSet)\n  const { isLoading: isLoadingEntityData } =\n    usePrefetchEntityData(entitiesToPrefetch)\n  const { isLoading: isLoadingEntityRestrictionData } =\n    usePrefetchEntityRestrictionData(entitiesToPrefetch)\n  const { isLoading: isLoadingFileHandleData } =\n    usePrefetchFileHandleData(rowSet)\n  const { isLoading: isLoadingUserGroupData } =\n    usePrefetchUserGroupHeaderData(rowSet)\n\n  return {\n    dataHasBeenPrefetched:\n      !isLoadingEntityData &&\n      !isLoadingEntityRestrictionData &&\n      !isLoadingFileHandleData &&\n      !isLoadingUserGroupData,\n  }\n}\n\n/**\n * Uses react-query to prefetch an entire page of row data.\n *\n * @returns A function that will prefetch the data for a given page number.\n */\nexport function usePrefetchTableRows(): (pageNumber: number) => Promise<void> {\n  const { keyFactory, accessToken } = useSynapseContext()\n  const { currentQueryRequest, getRowDataQueryOptionsForPage } =\n    useQueryContext()\n  const queryClient = useQueryClient()\n\n  // locked column does not matter for row data\n  const lockedColumn = undefined\n  return useCallback(\n    (pageNumber: number) => {\n      let rowDataQueryOptions\n      if (getRowDataQueryOptionsForPage) {\n        // Use the context-provided factory (e.g. SearchQueryWrapper) to avoid calling\n        // the standard table query API with a synthetic entity ID.\n        rowDataQueryOptions = getRowDataQueryOptionsForPage(pageNumber)\n      } else {\n        // Standard table query path\n        const queryWithUpdatedPage = transformQueryToGoToPage(\n          { type: 'goToPage', pageNumber },\n          cloneDeep(currentQueryRequest) as QueryBundleRequest,\n        )\n        rowDataQueryOptions = getTableQueryUseQueryOptions(\n          queryWithUpdatedPage,\n          lockedColumn,\n          keyFactory,\n          accessToken,\n        ).rowDataQueryOptions\n      }\n\n      // Finally, prefetch the data\n      return queryClient.prefetchQuery(rowDataQueryOptions)\n    },\n    [\n      accessToken,\n      currentQueryRequest,\n      getRowDataQueryOptionsForPage,\n      keyFactory,\n      lockedColumn,\n      queryClient,\n    ],\n  )\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useTableSort.js","names":[],"sources":["../../../src/components/SynapseTable/useTableSort.tsx"],"sourcesContent":["import { useQueryContext } from '../QueryContext'\nimport { useMemo } from 'react'\nimport { SortingState, Updater } from '@tanstack/react-table'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport { SortItem } from '@sage-bionetworks/synapse-types'\nimport { ReadonlyDeep } from 'type-fest'\n\nfunction transformQueryWrapperSortToTanStackSort(\n  sort: ReadonlyDeep<SortItem[]>,\n): SortingState {\n  return sort.map(sortItem => ({\n    id: sortItem.column,\n    desc: sortItem.direction === 'DESC',\n  }))\n}\n\nfunction transformTanStackSortToQueryWrapperSort(\n  sortingState: SortingState,\n): SortItem[] {\n  return sortingState.map(columnSort => ({\n    column: columnSort.id,\n    direction: columnSort.desc ? 'DESC' : 'ASC',\n  }))\n}\n\n// Transforms TanStack table sort into QueryWrapper-compatible sort\nexport function useTableSort() {\n  const queryContext = useQueryContext()\n  const sort = useDeepCompareMemoize(queryContext.nextQueryRequest?.query?.sort)\n\n  const sortingState = useMemo(() => {\n    return sort ? transformQueryWrapperSortToTanStackSort(sort) : []\n  }, [sort])\n\n  const setSortingState = (\n    updaterOrValue: SortingState | Updater<SortingState>,\n  ) => {\n    let newSortingState: SortingState | undefined = undefined\n    if (typeof updaterOrValue === 'function') {\n      newSortingState = updaterOrValue(sortingState)\n    } else {\n      newSortingState = updaterOrValue\n    }\n\n    const newSort = transformTanStackSortToQueryWrapperSort(newSortingState)\n    queryContext.executeQueryRequest(qr => ({\n      ...qr,\n      query: {\n        ...qr.query,\n        sort: newSort,\n        offset: 0,\n      },\n    }))\n  }\n\n  return {\n    sort: sortingState,\n    setSort: setSortingState,\n  }\n}\n"],"mappings":";;;;;AAOA,SAAS,EACP,GACc;AACd,QAAO,EAAK,KAAI,OAAa;EAC3B,IAAI,EAAS;EACb,MAAM,EAAS,cAAc;EAC9B,EAAE;;AAGL,SAAS,EACP,GACY;AACZ,QAAO,EAAa,KAAI,OAAe;EACrC,QAAQ,EAAW;EACnB,WAAW,EAAW,OAAO,SAAS;EACvC,EAAE;;AAIL,SAAgB,IAAe;CAC7B,IAAM,IAAe,GAAiB,EAChC,IAAO,EAAsB,EAAa,kBAAkB,OAAO,KAAK,EAExE,IAAe,QACZ,IAAO,EAAwC,EAAK,GAAG,EAAE,EAC/D,CAAC,EAAK,CAAC;AAuBV,QAAO;EACL,MAAM;EACN,UAtBA,MACG;GACH,IAAI;AACJ,GAGE,IAHE,OAAO,KAAmB,aACV,EAAe,EAAa,GAE5B;GAGpB,IAAM,IAAU,EAAwC,EAAgB;AACxE,KAAa,qBAAoB,OAAO;IACtC,GAAG;IACH,OAAO;KACL,GAAG,EAAG;KACN,MAAM;KACN,QAAQ;KACT;IACF,EAAE;;EAMJ"}
+{"version":3,"file":"useTableSort.js","names":[],"sources":["../../../src/components/SynapseTable/useTableSort.tsx"],"sourcesContent":["import { useQueryContext } from '../QueryContext'\nimport { useMemo } from 'react'\nimport { SortingState, Updater } from '@tanstack/react-table'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport { SortItem } from '@sage-bionetworks/synapse-types'\nimport { ReadonlyDeep } from 'type-fest'\n\nfunction transformQueryWrapperSortToTanStackSort(\n  sort: ReadonlyDeep<SortItem[]>,\n): SortingState {\n  return sort.map(sortItem => ({\n    id: sortItem.column,\n    desc: sortItem.direction === 'DESC',\n  }))\n}\n\nfunction transformTanStackSortToQueryWrapperSort(\n  sortingState: SortingState,\n): SortItem[] {\n  return sortingState.map(columnSort => ({\n    column: columnSort.id,\n    direction: columnSort.desc ? 'DESC' : 'ASC',\n  }))\n}\n\n// Transforms TanStack table sort into QueryWrapper-compatible sort\nexport function useTableSort() {\n  const queryContext = useQueryContext()\n  const sort = useDeepCompareMemoize(queryContext.nextQueryRequest?.query?.sort)\n\n  const sortingState = useMemo(() => {\n    return sort ? transformQueryWrapperSortToTanStackSort(sort) : []\n  }, [sort])\n\n  const setSortingState = (\n    updaterOrValue: SortingState | Updater<SortingState>,\n  ) => {\n    let newSortingState: SortingState | undefined = undefined\n    if (typeof updaterOrValue === 'function') {\n      newSortingState = updaterOrValue(sortingState)\n    } else {\n      newSortingState = updaterOrValue\n    }\n\n    const newSort = transformTanStackSortToQueryWrapperSort(newSortingState)\n    queryContext.executeQueryRequest(qr => ({\n      ...qr,\n      query: {\n        ...qr.query,\n        sort: newSort,\n        offset: 0,\n      },\n    }))\n  }\n\n  return {\n    sort: sortingState,\n    setSort: setSortingState,\n  }\n}\n"],"mappings":";;;;;AAOA,SAAS,EACP,GACc;CACd,OAAO,EAAK,KAAI,OAAa;EAC3B,IAAI,EAAS;EACb,MAAM,EAAS,cAAc;CAC/B,EAAE;AACJ;AAEA,SAAS,EACP,GACY;CACZ,OAAO,EAAa,KAAI,OAAe;EACrC,QAAQ,EAAW;EACnB,WAAW,EAAW,OAAO,SAAS;CACxC,EAAE;AACJ;AAGA,SAAgB,IAAe;CAC7B,IAAM,IAAe,EAAgB,GAC/B,IAAO,EAAsB,EAAa,kBAAkB,OAAO,IAAI,GAEvE,IAAe,QACZ,IAAO,EAAwC,CAAI,IAAI,CAAC,GAC9D,CAAC,CAAI,CAAC;CAuBT,OAAO;EACL,MAAM;EACN,UAtBA,MACG;GACH,IAAI;GACJ,AAGE,IAHE,OAAO,KAAmB,aACV,EAAe,CAAY,IAE3B;GAGpB,IAAM,IAAU,EAAwC,CAAe;GACvE,EAAa,qBAAoB,OAAO;IACtC,GAAG;IACH,OAAO;KACL,GAAG,EAAG;KACN,MAAM;KACN,QAAQ;IACV;GACF,EAAE;EACJ;CAKA;AACF"}

package/dist/components/SystemUseNotification/SystemUseNotification.js.map

@@ -1 +1 @@
-{"version":3,"file":"SystemUseNotification.js","names":[],"sources":["../../../src/components/SystemUseNotification/SystemUseNotification.tsx"],"sourcesContent":["import { Box, Typography } from '@mui/material'\n\n/**\n * FISMA SAR V1-AC-8 System Use Notification, see https://sagebionetworks.jira.com/browse/SWC-6430\n */\nexport function SystemUseNotification() {\n  return (\n    <Box\n      sx={{\n        color: 'grey.700',\n        maxHeight: { xs: '170px', md: '110px' },\n        overflow: 'auto',\n        margin: '20px 0px',\n      }}\n    >\n      <Typography\n        variant=\"smallText1\"\n        sx={{\n          fontWeight: 700,\n          marginBottom: '5px',\n        }}\n      >\n        System Use Notice\n      </Typography>\n      <Typography variant=\"smallText1\" sx={{ lineHeight: '21px' }}>\n        Sage Bionetworks actively monitors this system and activity to maintain\n        system security and availability and to ensure appropriate and\n        legitimate usage. Any individual who intentionally accesses a computer\n        or system without authorization, and who alters, damages, makes\n        unauthorized modifications to, or destroys information, or exceeds\n        authorized access, is in violation of applicable federal laws, Executive\n        Orders, directives, policies, regulations, standards, and guidance. Any\n        evidence of possible violations of proper use or applicable laws found\n        as a result of this monitoring may be turned over to law enforcement.\n        Any individual found to be in violation of the system&apos;s proper use\n        rules or law could be punished with loss of system access, fines, and/or\n        imprisonment. By proceeding, you hereby acknowledge your agreement with\n        these terms and the system&apos;s rules of behavior and consent to such\n        monitoring and information retrieval for law enforcement and other\n        official purposes.\n      </Typography>\n    </Box>\n  )\n}\n\nexport default SystemUseNotification\n"],"mappings":";;;AAKA,SAAgB,IAAwB;AACtC,QACE,kBAAC,GAAD;EACE,IAAI;GACF,OAAO;GACP,WAAW;IAAE,IAAI;IAAS,IAAI;IAAS;GACvC,UAAU;GACV,QAAQ;GACT;YANH,CAQE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,YAAY;IACZ,cAAc;IACf;aACF;GAEY,CAAA,EACb,kBAAC,GAAD;GAAY,SAAQ;GAAa,IAAI,EAAE,YAAY,QAAQ;aAAE;GAgBhD,CAAA,CACT"}
+{"version":3,"file":"SystemUseNotification.js","names":[],"sources":["../../../src/components/SystemUseNotification/SystemUseNotification.tsx"],"sourcesContent":["import { Box, Typography } from '@mui/material'\n\n/**\n * FISMA SAR V1-AC-8 System Use Notification, see https://sagebionetworks.jira.com/browse/SWC-6430\n */\nexport function SystemUseNotification() {\n  return (\n    <Box\n      sx={{\n        color: 'grey.700',\n        maxHeight: { xs: '170px', md: '110px' },\n        overflow: 'auto',\n        margin: '20px 0px',\n      }}\n    >\n      <Typography\n        variant=\"smallText1\"\n        sx={{\n          fontWeight: 700,\n          marginBottom: '5px',\n        }}\n      >\n        System Use Notice\n      </Typography>\n      <Typography variant=\"smallText1\" sx={{ lineHeight: '21px' }}>\n        Sage Bionetworks actively monitors this system and activity to maintain\n        system security and availability and to ensure appropriate and\n        legitimate usage. Any individual who intentionally accesses a computer\n        or system without authorization, and who alters, damages, makes\n        unauthorized modifications to, or destroys information, or exceeds\n        authorized access, is in violation of applicable federal laws, Executive\n        Orders, directives, policies, regulations, standards, and guidance. Any\n        evidence of possible violations of proper use or applicable laws found\n        as a result of this monitoring may be turned over to law enforcement.\n        Any individual found to be in violation of the system&apos;s proper use\n        rules or law could be punished with loss of system access, fines, and/or\n        imprisonment. By proceeding, you hereby acknowledge your agreement with\n        these terms and the system&apos;s rules of behavior and consent to such\n        monitoring and information retrieval for law enforcement and other\n        official purposes.\n      </Typography>\n    </Box>\n  )\n}\n\nexport default SystemUseNotification\n"],"mappings":";;;AAKA,SAAgB,IAAwB;CACtC,OACE,kBAAC,GAAD;EACE,IAAI;GACF,OAAO;GACP,WAAW;IAAE,IAAI;IAAS,IAAI;GAAQ;GACtC,UAAU;GACV,QAAQ;EACV;YANF,CAQE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,YAAY;IACZ,cAAc;GAChB;aACD;EAEW,CAAA,GACZ,kBAAC,GAAD;GAAY,SAAQ;GAAa,IAAI,EAAE,YAAY,OAAO;aAAG;EAgBjD,CAAA,CACT;;AAET"}

package/dist/components/TableColumnSchemaEditor/ColumnModelForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnModelForm.d.ts","sourceRoot":"","sources":["../../../src/components/TableColumnSchemaEditor/ColumnModelForm.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EACL,WAAW,EAKZ,MAAM,iCAAiC,CAAA;AAKxC,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAsB9B,KAAK,oBAAoB,GAAG;IAC1B,UAAU,EAAE,UAAU,CAAA;IACtB,gBAAgB,EAAE,MAAM,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B,eAAe,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;IACpC,sBAAsB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3C,mBAAmB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CACzC,CAAA;AAoED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAiiBlE"}
+{"version":3,"file":"ColumnModelForm.d.ts","sourceRoot":"","sources":["../../../src/components/TableColumnSchemaEditor/ColumnModelForm.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EACL,WAAW,EAKZ,MAAM,iCAAiC,CAAA;AAKxC,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAwB9B,KAAK,oBAAoB,GAAG;IAC1B,UAAU,EAAE,UAAU,CAAA;IACtB,gBAAgB,EAAE,MAAM,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B,eAAe,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;IACpC,sBAAsB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3C,mBAAmB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CACzC,CAAA;AAoED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CA0iBlE"}

package/dist/components/TableColumnSchemaEditor/ColumnModelForm.js

@@ -1,21 +1,21 @@
 import { convertToConcreteEntityType as e } from "../../utils/functions/EntityTypeUtils.js";
-import { canHaveDefault as t, canHaveMaxListLength as n, canHaveRestrictedValues as ee, canHaveSize as r, configureFacetsForType as te, getAllowedColumnTypes as i, getColumnTypeFriendlyName as a, getFacetTypeFriendlyName as o, getMaxSizeForType as s } from "./TableColumnSchemaEditorUtils.js";
-import c from "./ColumnModelFormFields/MultiValueField.js";
-import l from "./ColumnModelFormFields/DefaultValueField.js";
-import { FieldWithRecommendedMinimum as u } from "./ColumnModelFormFields/FieldWithRecommendedMinimum.js";
-import { tableColumnSchemaFormDataAtom as d } from "./TableColumnSchemaFormReducer.js";
-import { HIERARCHY_VERTICAL_LINE_COMPONENT as f } from "./TableColumnSchemaForm.js";
-import { useMemo as p } from "react";
-import { isArray as m, isEmpty as h, isEqual as g } from "lodash-es";
-import { Box as _, Checkbox as v, FormControl as y, Link as b, MenuItem as x, Select as S, TextField as C, Tooltip as w } from "@mui/material";
-import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
-import { VIEW_CONCRETE_TYPE_VALUES as O } from "@sage-bionetworks/synapse-types";
-import { useAtomValue as k, useSetAtom as A } from "jotai";
-import { InfoTwoTone as j } from "@mui/icons-material";
-import M from "@mui/material/FormHelperText";
-import { selectAtom as ne } from "jotai/utils";
+import { canHaveDefault as t, canHaveMaxListLength as n, canHaveRestrictedValues as r, canHaveSize as i, configureFacetsForType as a, getAllowedColumnTypes as o, getColumnTypeFriendlyName as s, getFacetTypeFriendlyName as ee, getFormDataValueAsNumber as te, getMaxListLengthForType as c, getMaxSizeForType as l } from "./TableColumnSchemaEditorUtils.js";
+import u from "./ColumnModelFormFields/MultiValueField.js";
+import ne from "./ColumnModelFormFields/DefaultValueField.js";
+import { FieldWithRecommendedMinimum as d } from "./ColumnModelFormFields/FieldWithRecommendedMinimum.js";
+import { tableColumnSchemaFormDataAtom as f } from "./TableColumnSchemaFormReducer.js";
+import { HIERARCHY_VERTICAL_LINE_COMPONENT as p } from "./TableColumnSchemaForm.js";
+import { useMemo as m } from "react";
+import { isArray as h, isEmpty as g, isEqual as _ } from "lodash-es";
+import { Box as v, Checkbox as re, FormControl as y, Link as ie, MenuItem as b, Select as x, TextField as S, Tooltip as C } from "@mui/material";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { VIEW_CONCRETE_TYPE_VALUES as D } from "@sage-bionetworks/synapse-types";
+import { InfoTwoTone as O } from "@mui/icons-material";
+import { useAtomValue as k, useSetAtom as ae } from "jotai";
+import A from "@mui/material/FormHelperText";
+import { selectAtom as j } from "jotai/utils";
 //#region src/components/TableColumnSchemaEditor/ColumnModelForm.tsx
-var re = {
+var M = {
 	height: "28px",
 	fontSize: "12px"
 }, N = {
@@ -23,7 +23,7 @@ var re = {
 	fontSize: "14px"
 };
 function P(e, t) {
-	return e == null ? "" : m(e) ? e.map(String).join(", ") : e;
+	return e == null ? "" : h(e) ? e.map(String).join(", ") : e;
 }
 function F(e) {
 	return !e || !e.property && !e.direction ? "" : `${e.property || "FREQUENCY"}_${e.direction || "DESC"}`;
@@ -38,31 +38,31 @@ function I(e) {
 }
 var L = !0;
 function R(R) {
-	let { columnModelIndex: z, jsonSubColumnIndex: B, entityType: V, isDefaultColumn: H, disabled: U = !1, validationErrors: W = null, defaultAnnotationModel: G, originalColumnModel: K } = R, q = B != null, J = A(d), Y = O.includes(e(V)), X = k(p(() => ne(d, (e) => q ? e[z].jsonSubColumns[B] : e[z], g), [
+	let { columnModelIndex: z, jsonSubColumnIndex: B, entityType: V, isDefaultColumn: H, disabled: U = !1, validationErrors: W = null, defaultAnnotationModel: G, originalColumnModel: K } = R, q = B != null, J = ae(f), Y = D.includes(e(V)), X = k(m(() => j(f, (e) => q ? e[z].jsonSubColumns[B] : e[z], _), [
 		z,
 		q,
 		B
-	])), ie = p(() => i(Y, q), [Y, q]), Z = p(() => te(X.columnType, q), [X.columnType, q]), Q = p(() => q ? re : N, [q]), $ = p(() => {
-		if (W && m(W)) {
+	])), oe = m(() => o(Y, q), [Y, q]), Z = m(() => a(X.columnType, q), [X.columnType, q]), Q = m(() => q ? M : N, [q]), $ = m(() => {
+		if (W && h(W)) {
 			let e = {};
 			return W.forEach((t) => {
-				t.path && (e[t.path[t.path.length - 1]] = t.message);
+				t.path && (e[String(t.path[t.path.length - 1])] = t.message);
 			}), e;
 		}
 		return {};
 	}, [W]);
-	return /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D(_, {
+	return /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E(v, {
 		sx: {
 			display: "grid",
 			gridColumn: "1 / span 11",
 			gridTemplateColumns: "subgrid"
 		},
 		children: [
-			q && /* @__PURE__ */ E(_, {
+			q && /* @__PURE__ */ T(v, {
 				sx: { gridColumn: "1 / span 1" },
-				children: f
+				children: p
 			}),
-			/* @__PURE__ */ E(_, {
+			/* @__PURE__ */ T(v, {
 				"data-testid": "ColumnModelForm",
 				sx: {
 					display: "flex",
@@ -70,7 +70,7 @@ function R(R) {
 					gridColumn: q ? "2 / span 1" : " 1 / span 1",
 					mt: q ? "0px" : "5px"
 				},
-				children: /* @__PURE__ */ E(v, {
+				children: /* @__PURE__ */ T(re, {
 					checked: X.isSelected,
 					inputProps: { "aria-label": "Select" },
 					disabled: U,
@@ -83,12 +83,12 @@ function R(R) {
 					}
 				})
 			}),
-			/* @__PURE__ */ E(_, {
+			/* @__PURE__ */ T(v, {
 				sx: {
 					my: H ? "auto" : void 0,
 					gridColumn: q ? "3 / span 1" : "2 / span 2"
 				},
-				children: H ? X.name : /* @__PURE__ */ E(C, {
+				children: H ? X.name : /* @__PURE__ */ T(S, {
 					value: X.name,
 					placeholder: q ? "Facet name" : "Column name",
 					onChange: (e) => {
@@ -113,11 +113,11 @@ function R(R) {
 					} }
 				})
 			}),
-			/* @__PURE__ */ E(_, {
+			/* @__PURE__ */ T(v, {
 				sx: { my: H ? "auto" : void 0 },
-				children: H ? a(X.columnType) : /* @__PURE__ */ D(y, {
+				children: H ? s(X.columnType) : /* @__PURE__ */ E(y, {
 					fullWidth: !0,
-					children: [/* @__PURE__ */ E(S, {
+					children: [/* @__PURE__ */ T(x, {
 						label: "Column Type",
 						value: X.columnType,
 						onChange: (e) => {
@@ -132,30 +132,30 @@ function R(R) {
 						sx: Q,
 						disabled: U,
 						error: !!$.columnType,
-						children: ie.map((e) => /* @__PURE__ */ E(x, {
+						children: oe.map((e) => /* @__PURE__ */ T(b, {
 							value: e,
-							children: a(e)
+							children: s(e)
 						}, e))
-					}), $.columnType && /* @__PURE__ */ E(M, {
+					}), $.columnType && /* @__PURE__ */ T(A, {
 						color: "error.main",
 						children: $.columnType
 					})]
 				})
 			}),
-			/* @__PURE__ */ E(_, {
+			/* @__PURE__ */ T(v, {
 				sx: { my: H ? "auto" : void 0 },
-				children: H ? X.maximumSize ?? "" : /* @__PURE__ */ E(u, {
+				children: H ? X.maximumSize ?? "" : /* @__PURE__ */ T(d, {
 					value: X.maximumSize ?? "",
 					originalValue: K?.maximumSize,
 					recommendedValue: G?.maximumSize,
 					columnType: X.columnType,
-					disabled: U || !r(X.columnType),
+					disabled: U || !i(X.columnType),
 					InputProps: {
 						disableInjectingGlobalStyles: L,
 						slotProps: { input: {
 							"aria-label": "Maximum Size",
 							min: 1,
-							max: r(X.columnType) ? s(X.columnType) : void 0
+							max: i(X.columnType) ? l(X.columnType) : void 0
 						} },
 						sx: Q
 					},
@@ -175,9 +175,9 @@ function R(R) {
 					helperText: $.maximumSize
 				})
 			}),
-			/* @__PURE__ */ E(_, {
+			/* @__PURE__ */ T(v, {
 				sx: { my: H ? "auto" : void 0 },
-				children: H ? X.maximumListLength ?? "" : /* @__PURE__ */ E(u, {
+				children: H ? X.maximumListLength ?? "" : /* @__PURE__ */ T(d, {
 					value: X.maximumListLength ?? "",
 					originalValue: K?.maximumListLength,
 					recommendedValue: G?.maximumListLength,
@@ -196,7 +196,11 @@ function R(R) {
 					},
 					InputProps: {
 						disableInjectingGlobalStyles: L,
-						slotProps: { input: { "aria-label": "Maximum List Length" } },
+						slotProps: { input: {
+							"aria-label": "Maximum List Length",
+							min: 1,
+							max: n(X.columnType) ? c(X.columnType, te(X.maximumSize) ?? void 0) : void 0
+						} },
 						sx: Q
 					},
 					fullWidth: !0,
@@ -204,9 +208,9 @@ function R(R) {
 					helperText: $.maximumListLength
 				})
 			}),
-			/* @__PURE__ */ E(_, {
+			/* @__PURE__ */ T(v, {
 				sx: { my: H ? "auto" : void 0 },
-				children: H ? P(X?.defaultValue, X.columnType) : /* @__PURE__ */ E(l, {
+				children: H ? P(X?.defaultValue, X.columnType) : /* @__PURE__ */ T(ne, {
 					TextFieldProps: {
 						InputProps: {
 							disableInjectingGlobalStyles: L,
@@ -240,7 +244,7 @@ function R(R) {
 					disabled: U || !t(X.columnType, Y, q)
 				})
 			}),
-			/* @__PURE__ */ E(_, { children: /* @__PURE__ */ E(c, {
+			/* @__PURE__ */ T(v, { children: /* @__PURE__ */ T(u, {
 				value: X?.enumValues,
 				onChange: (e) => {
 					J({
@@ -249,14 +253,14 @@ function R(R) {
 						jsonSubColumnModelIndex: B,
 						value: {
 							...X,
-							enumValues: e == null || h(e) ? void 0 : e
+							enumValues: e == null || g(e) ? void 0 : e
 						}
 					});
 				},
 				columnType: X.columnType,
 				TextFieldProps: {
 					fullWidth: !0,
-					disabled: U || !ee(X.columnType, q),
+					disabled: U || !r(X.columnType, q),
 					InputProps: {
 						disableInjectingGlobalStyles: L,
 						readOnly: !0,
@@ -267,9 +271,9 @@ function R(R) {
 					helperText: $.enumValues
 				}
 			}) }),
-			/* @__PURE__ */ E(_, { children: /* @__PURE__ */ D(y, {
+			/* @__PURE__ */ T(v, { children: /* @__PURE__ */ E(y, {
 				fullWidth: !0,
-				children: [/* @__PURE__ */ E(S, {
+				children: [/* @__PURE__ */ T(x, {
 					label: "Facet Type",
 					value: X.facetType || "",
 					disabled: U || Z === null,
@@ -287,18 +291,18 @@ function R(R) {
 					sx: Q,
 					slotProps: { input: { "aria-label": "Facet Type" } },
 					error: !!$.facetType,
-					children: (Z ?? []).map((e, t) => /* @__PURE__ */ E(x, {
+					children: (Z ?? []).map((e, t) => /* @__PURE__ */ T(b, {
 						value: e,
-						children: e === void 0 ? "" : o(e)
+						children: e === void 0 ? "" : ee(e)
 					}, t))
-				}), $.facetType && /* @__PURE__ */ E(M, {
+				}), $.facetType && /* @__PURE__ */ T(A, {
 					color: "error.main",
 					children: $.facetType
 				})]
 			}) }),
-			/* @__PURE__ */ E(_, { children: /* @__PURE__ */ D(y, {
+			/* @__PURE__ */ T(v, { children: /* @__PURE__ */ E(y, {
 				fullWidth: !0,
-				children: [/* @__PURE__ */ D(S, {
+				children: [/* @__PURE__ */ E(x, {
 					label: "Sort Facet Values",
 					value: F("facetSortConfig" in X ? X.facetSortConfig : void 0),
 					disabled: U || X.facetType !== "enumeration",
@@ -317,44 +321,44 @@ function R(R) {
 					slotProps: { input: { "aria-label": "Sort Facet Values" } },
 					error: !!$.facetSortConfig,
 					children: [
-						/* @__PURE__ */ E(x, {
+						/* @__PURE__ */ T(b, {
 							value: "FREQUENCY_DESC",
 							children: "Frequency Descending"
 						}),
-						/* @__PURE__ */ E(x, {
+						/* @__PURE__ */ T(b, {
 							value: "FREQUENCY_ASC",
 							children: "Frequency Ascending"
 						}),
-						/* @__PURE__ */ E(x, {
+						/* @__PURE__ */ T(b, {
 							value: "VALUE_DESC",
 							children: "Value Descending"
 						}),
-						/* @__PURE__ */ E(x, {
+						/* @__PURE__ */ T(b, {
 							value: "VALUE_ASC",
 							children: "Value Ascending"
 						})
 					]
-				}), $.facetSortConfig && /* @__PURE__ */ E(M, {
+				}), $.facetSortConfig && /* @__PURE__ */ T(A, {
 					color: "error.main",
 					children: $.facetSortConfig
 				})]
 			}) })
 		]
-	}), q && /* @__PURE__ */ D(_, {
+	}), q && /* @__PURE__ */ E(v, {
 		sx: {
 			display: "grid",
 			gridColumn: "1 / span 11",
 			gridTemplateColumns: "subgrid"
 		},
 		children: [
-			/* @__PURE__ */ E(_, {
+			/* @__PURE__ */ T(v, {
 				sx: { gridColumn: "1 / span 1" },
-				children: f
+				children: p
 			}),
-			/* @__PURE__ */ E(_, {}),
-			/* @__PURE__ */ E(_, {
+			/* @__PURE__ */ T(v, {}),
+			/* @__PURE__ */ T(v, {
 				sx: { gridColumn: "3 / span 7" },
-				children: /* @__PURE__ */ E(C, {
+				children: /* @__PURE__ */ T(S, {
 					placeholder: "JSON Path",
 					value: X.jsonPath,
 					onChange: (e) => {
@@ -373,12 +377,12 @@ function R(R) {
 					slotProps: { input: {
 						disableInjectingGlobalStyles: L,
 						sx: Q,
-						endAdornment: /* @__PURE__ */ E(w, {
-							title: /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("p", { children: /* @__PURE__ */ E(b, {
+						endAdornment: /* @__PURE__ */ T(C, {
+							title: /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("p", { children: /* @__PURE__ */ T(ie, {
 								href: "https://dev.mysql.com/doc/refman/8.0/en/json.html#json-path-syntax",
 								children: "Please use a valid JSON Path selector, following this format."
-							}) }), /* @__PURE__ */ E("p", { children: "This field is for linking the sub-column facet to the corresponding location in the JSON data, so that it can be used as facet filter. The correct selector will point to the key referenced in the sub-column JSON Path." })] }),
-							children: /* @__PURE__ */ E(j, { sx: { color: "grey.700" } })
+							}) }), /* @__PURE__ */ T("p", { children: "This field is for linking the sub-column facet to the corresponding location in the JSON data, so that it can be used as facet filter. The correct selector will point to the key referenced in the sub-column JSON Path." })] }),
+							children: /* @__PURE__ */ T(O, { sx: { color: "grey.700" } })
 						}),
 						slotProps: { input: { "aria-label": "JSON Path" } }
 					} },