synapse-react-client 4.0.18 → 4.0.20

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":";;;;;;;;;;;;;;;;;;;;AA+BA,SAAS,EAA0B,GAAgB;CACjD,IAAM,EAAE,aAAU,qBAAkB,EAAgB,GAE9C,EAAE,MAAM,MAAW,EAAoB,GAAU,CAAa,GAC9D,EAAE,MAAM,MAAkB,EAAoB,GAE9C,IAA4B,EAChC,EAAe,cACf,GAAe,aACjB,GAEI,IAAiD,CAAC;CAqCtD,OAlCI,KAAU,KAAU,KAAiB,EAAc,kBACrD,IAAwB,EAAO,KAAK,QACjC,GAA+B,OAC9B,EAA0B,SAAQ,MAAS;EACzC,IAAM,IAAQ,EAAK,OAAO;EAC1B,IAAI,GAAO;GACT,IAAM,IAAe,GAAe,cAAe;GACnD,AACE,EAAoB,CAAM,KAC1B,EAAa,SAAS,qBAGtB,EAAK,KAAK;IACR,cAAc;IACd,mBAAmB,OAAO,EAAK,KAAK;IACpC,qBAAqB,EAAwB;GAC/C,CAAC,IAGD,EAAK,KAAK;IACR,cAAc;IACd,mBAAmB,EAAO;IAC1B,qBAAqB,EAAwB;GAC/C,CAAC;EAEL;CACF,CAAC,GACM,IAGT,CACF,IAGK,EACL;EACE,gBAAgB;EAChB,oBAAoB;EACpB,sBAAsB;EACtB,6BAA6B;CAC/B,GACA,EACE,SAAS,EAAsB,SAAS,EAC1C,CACF;AACF;AAEA,SAAS,EAAsB,GAAgB;CAC7C,IAAM,EAAE,aAAU,qBAAkB,EAAgB,GAC9C,EAAE,MAAM,MAAW,EAAoB,GAAU,CAAa,GAC9D,EAAE,MAAM,MAAkB,EAAoB,GAEhD,IAAiC,CAAC;CAGtC,AAAI,KAAU,EAAkC,CAAM,MACpD,IAAkB,EAAO,KAAK,QAAQ,GAAqB,MAAS;EAClE,IAAM,EAAE,UAAO,qBAAkB;EAOjC,OANI,KACF,EAAK,KAAK;GACR,UAAU,MAAM;GAChB,qBAAqB;EACvB,CAAC,GAEI;CACT,GAAG,CAAe;CAGpB,IAAI,IAAwB,EAC1B,EAAe,UACf,GAAe,aACjB;CAEA,IAAI,KAAU,EAAkC,CAAM,GAAG;EAGvD,IAAM,IAAgB,EAAc,MAAM,CAAa;EACvD,IAAwB,EAAsB,QAC5C,MAAS,MAAU,CACrB;CACF;CAEA,IAAM,IAA4B,EAChC,EAAe,eACf,GAAe,aACjB;CAgCA,OA9BA,IAAkB,EAAO,KAAK,QAAQ,GAAqB,OAEzD,EAAsB,SAAQ,MAAS;EACrC,IAAM,IAAQ,EAAK,OAAO;EAC1B,AACE,KACA,CAAC,EAAK,MAAK,MAAK,EAAE,aAAa,KAAS,EAAE,uBAAuB,IAAI,KAErE,EAAK,KAAK,EAAE,UAAU,EAAM,CAAC;CAEjC,CAAC,GAED,EAA0B,SAAQ,MAAS;EACzC,IAAM,IAAQ,EAAK,OAAO;EAC1B,AAAI,KAEF,KADiB,MAAM,CACvB,EAAI,SAAQ,MAAM;GAChB,AACE,KACA,CAAC,EAAK,MAAK,MAAK,EAAE,aAAa,KAAM,EAAE,uBAAuB,IAAI,KAElE,EAAK,KAAK,EAAE,UAAU,EAAG,CAAC;EAE9B,CAAC;CAEL,CAAC,GAEM,IACN,CAAe,GAEX;AACT;AAEA,SAAS,EAAsB,GAAmC;CAChE,OAAO,EAAoB,GAAoB,EAC7C,SAAS,EAAmB,SAAS,EACvC,CAAC;AACH;AAEA,SAAS,EAA+B,GAAgB;CACtD,IAAM,EAAE,MAAM,MAAkB,EAAoB,GAE9C,IAAsB,EAC1B,EAAe,QACf,GAAe,aACjB,GAEM,IAA0B,EAC9B,EAAe,aACf,GAAe,aACjB,GAEM,IAAmC,EAAO,KAAK,QAClD,GAAgB,OAEf,EAAoB,SAAQ,MAAS;EACnC,IAAM,IAAQ,EAAK,OAAO;EAC1B,AAAI,KAAS,CAAC,EAAK,SAAS,CAAK,KAC/B,EAAK,KAAK,CAAK;CAEnB,CAAC,GAED,EAAwB,SAAQ,MAAS;EACvC,IAAM,IAAQ,EAAK,OAAO;EAC1B,AAAI,KAEF,KADqB,MAAM,CAC3B,EAAQ,SAAQ,MAAU;GACxB,AAAK,EAAK,SAAS,OAAO,CAAM,CAAC,KAC/B,EAAK,KAAK,OAAO,CAAM,CAAC;EAE5B,CAAC;CAEL,CAAC,GACM,IAET,CAAC,CACH;CAEA,OAAO,EAAuB,GAAwB,EACpD,SAAS,EAAuB,SAAS,EAC3C,CAAC;AACH;AAEA,SAAS,EAAiC,GAAmC;CAQ3E,OAAO,EACL;EACE,WARoB,QAAc;GACpC,IAAM,IAAY,EAAmB,KAAI,MAAK,EAAE,QAAQ;GAExD,OAAO,MAAM,KAAK,IAAI,IAAI,CAAS,CAAC;EACtC,GAAG,CAAC,CAAkB,CAIP;EACX,wBAAwB,EAAuB;CACjD,GACA,EACE,SAAS,EAAmB,SAAS,EACvC,CACF;AACF;AAQA,SAAgB,EAA4B,GAE1C;CACA,IAAM,IAAqB,EAAsB,CAAM,GACjD,EAAE,WAAW,MACjB,EAAsB,CAAkB,GACpC,EAAE,WAAW,MACjB,EAAiC,CAAkB,GAC/C,EAAE,WAAW,MACjB,EAA0B,CAAM,GAC5B,EAAE,WAAW,MACjB,EAA+B,CAAM;CAEvC,OAAO,EACL,uBACE,CAAC,KACD,CAAC,KACD,CAAC,KACD,CAAC,EACL;AACF;AAOA,SAAgB,IAA8D;CAC5E,IAAM,EAAE,eAAY,mBAAgB,EAAkB,GAChD,EAAE,wBAAqB,qCAC3B,EAAgB,GACZ,IAAc,EAAe;CAInC,OAAO,GACJ,MAAuB;EACtB,IAAI;EAoBJ,OAnBA,AAUE,IAVE,IAGoB,EAA8B,CAAU,IAOxC,EAJO,EAC3B;GAAE,MAAM;GAAY;EAAW,GAC/B,EAAU,CAAmB,CAG7B,GACA,QACA,GACA,CACF,EAAE,qBAIG,EAAY,cAAc,CAAmB;CACtD,GACA;EACE;EACA;EACA;EACA;EACA;EACA;CACF,CACF;AACF"}

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.js

@@ -1,17 +1,17 @@
 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 { tableColumnSchemaFormDataAtom as c } from "./TableColumnSchemaFormReducer.js";
-import l from "./ColumnModelFormFields/MultiValueField.js";
-import u from "./ColumnModelFormFields/DefaultValueField.js";
-import { FieldWithRecommendedMinimum as d } from "./ColumnModelFormFields/FieldWithRecommendedMinimum.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 { InfoTwoTone as k } from "@mui/icons-material";
+import { useAtomValue as A, useSetAtom as j } from "jotai";
 import M from "@mui/material/FormHelperText";
 import { selectAtom as ne } from "jotai/utils";
 //#region src/components/TableColumnSchemaEditor/ColumnModelForm.tsx
@@ -38,7 +38,7 @@ 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(c), Y = O.includes(e(V)), X = k(p(() => ne(c, (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 = j(d), Y = O.includes(e(V)), X = A(p(() => ne(d, (e) => q ? e[z].jsonSubColumns[B] : e[z], g), [
 		z,
 		q,
 		B
@@ -144,7 +144,7 @@ function R(R) {
 			}),
 			/* @__PURE__ */ E(_, {
 				sx: { my: H ? "auto" : void 0 },
-				children: H ? X.maximumSize ?? "" : /* @__PURE__ */ E(d, {
+				children: H ? X.maximumSize ?? "" : /* @__PURE__ */ E(u, {
 					value: X.maximumSize ?? "",
 					originalValue: K?.maximumSize,
 					recommendedValue: G?.maximumSize,
@@ -177,7 +177,7 @@ function R(R) {
 			}),
 			/* @__PURE__ */ E(_, {
 				sx: { my: H ? "auto" : void 0 },
-				children: H ? X.maximumListLength ?? "" : /* @__PURE__ */ E(d, {
+				children: H ? X.maximumListLength ?? "" : /* @__PURE__ */ E(u, {
 					value: X.maximumListLength ?? "",
 					originalValue: K?.maximumListLength,
 					recommendedValue: G?.maximumListLength,
@@ -206,7 +206,7 @@ function R(R) {
 			}),
 			/* @__PURE__ */ E(_, {
 				sx: { my: H ? "auto" : void 0 },
-				children: H ? P(X?.defaultValue, X.columnType) : /* @__PURE__ */ E(u, {
+				children: H ? P(X?.defaultValue, X.columnType) : /* @__PURE__ */ E(l, {
 					TextFieldProps: {
 						InputProps: {
 							disableInjectingGlobalStyles: L,
@@ -240,7 +240,7 @@ function R(R) {
 					disabled: U || !t(X.columnType, Y, q)
 				})
 			}),
-			/* @__PURE__ */ E(_, { children: /* @__PURE__ */ E(l, {
+			/* @__PURE__ */ E(_, { children: /* @__PURE__ */ E(c, {
 				value: X?.enumValues,
 				onChange: (e) => {
 					J({
@@ -378,7 +378,7 @@ function R(R) {
 								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" } })
+							children: /* @__PURE__ */ E(k, { sx: { color: "grey.700" } })
 						}),
 						slotProps: { input: { "aria-label": "JSON Path" } }
 					} },

package/dist/components/TableColumnSchemaEditor/ColumnModelForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnModelForm.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/ColumnModelForm.tsx"],"sourcesContent":["import { convertToConcreteEntityType } from '@/utils/functions/EntityTypeUtils'\nimport { InfoTwoTone } from '@mui/icons-material'\nimport {\n  Box,\n  Checkbox,\n  FormControl,\n  Link,\n  MenuItem,\n  Select,\n  SxProps,\n  TextField,\n  Tooltip,\n} from '@mui/material'\nimport FormHelperText from '@mui/material/FormHelperText'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  ColumnModel,\n  ColumnTypeEnum,\n  FacetType,\n  VIEW_CONCRETE_TYPE_VALUES,\n  FacetColumnSortConfig,\n} from '@sage-bionetworks/synapse-types'\nimport { useAtomValue, useSetAtom } from 'jotai'\nimport { selectAtom } from 'jotai/utils'\nimport { isArray, isEmpty, isEqual } from 'lodash-es'\nimport { useMemo } from 'react'\nimport { ZodIssue } from 'zod'\nimport DefaultValueField from './ColumnModelFormFields/DefaultValueField'\nimport { FieldWithRecommendedMinimum } from './ColumnModelFormFields/FieldWithRecommendedMinimum'\nimport MultiValueField from './ColumnModelFormFields/MultiValueField'\nimport {\n  canHaveDefault,\n  canHaveMaxListLength,\n  canHaveRestrictedValues,\n  canHaveSize,\n  configureFacetsForType,\n  getAllowedColumnTypes,\n  getColumnTypeFriendlyName,\n  getFacetTypeFriendlyName,\n  getMaxSizeForType,\n} from './TableColumnSchemaEditorUtils'\nimport { HIERARCHY_VERTICAL_LINE_COMPONENT } from './TableColumnSchemaForm'\nimport { tableColumnSchemaFormDataAtom } from './TableColumnSchemaFormReducer'\nimport {\n  ColumnModelFormData,\n  JsonSubColumnModelFormData,\n} from './Validators/ColumnModelValidator'\n\ntype ColumnModelFormProps = {\n  entityType: EntityType\n  columnModelIndex: number\n  jsonSubColumnIndex?: number\n  /* Default Columns are read-only, except for the facetType */\n  isDefaultColumn: boolean\n  disabled?: boolean\n  /* Can be used to override the schema used for validating ColumnModels */\n  validationErrors?: ZodIssue[] | null\n  defaultAnnotationModel?: ColumnModel | null\n  originalColumnModel?: ColumnModel | null\n}\nconst jsonSubColumnFieldSx: SxProps = {\n  height: '28px',\n  fontSize: '12px',\n}\nconst topLevelColumnModelFieldSx: SxProps = {\n  height: '38px',\n  fontSize: '14px',\n}\n\nfunction renderDefaultValue(\n  defaultValue: string | unknown[] | undefined,\n  _columnType: ColumnTypeEnum,\n): string {\n  if (defaultValue == null) {\n    return ''\n  }\n\n  if (isArray(defaultValue)) {\n    return defaultValue.map(String).join(', ')\n  }\n  return defaultValue\n}\n\n// Helper type for the combined sort configuration value\ntype FacetSortValue =\n  | 'FREQUENCY_DESC'\n  | 'FREQUENCY_ASC'\n  | 'VALUE_DESC'\n  | 'VALUE_ASC'\n  | ''\n\n/**\n * Converts a FacetColumnSortConfig object to a single string value for the select dropdown\n */\nfunction facetSortConfigToValue(\n  config: FacetColumnSortConfig | undefined,\n): FacetSortValue {\n  if (!config || (!config.property && !config.direction)) {\n    return ''\n  }\n  const property = config.property || 'FREQUENCY'\n  const direction = config.direction || 'DESC'\n  return `${property}_${direction}` as FacetSortValue\n}\n\n/**\n * Converts a select dropdown value to a FacetColumnSortConfig object\n */\nfunction valueToFacetSortConfig(\n  value: FacetSortValue,\n): FacetColumnSortConfig | undefined {\n  if (!value) {\n    return undefined\n  }\n  const [property, direction] = value.split('_') as [\n    'FREQUENCY' | 'VALUE',\n    'DESC' | 'ASC',\n  ]\n  return { property, direction }\n}\n\n/*\n * Disable immediate MUI/Emotion style injection because it causes performance issues when adding many columns at once.\n * This can be a common occurence when adding annotation columns\n */\nconst DISABLE_INJECTING_GLOBAL_STYLES_VALUE = true\n\nexport default function ColumnModelForm(props: ColumnModelFormProps) {\n  const {\n    columnModelIndex,\n    jsonSubColumnIndex,\n    entityType,\n    isDefaultColumn,\n    disabled = false,\n    validationErrors = null,\n    defaultAnnotationModel,\n    originalColumnModel,\n  } = props\n  const isJsonSubColumn = jsonSubColumnIndex != undefined\n  const dispatch = useSetAtom(tableColumnSchemaFormDataAtom)\n  const isView = (VIEW_CONCRETE_TYPE_VALUES as readonly string[]).includes(\n    convertToConcreteEntityType(entityType),\n  )\n\n  const columnModelAtom = useMemo(\n    () =>\n      selectAtom(\n        tableColumnSchemaFormDataAtom,\n        v =>\n          isJsonSubColumn\n            ? v[columnModelIndex].jsonSubColumns![jsonSubColumnIndex]\n            : v[columnModelIndex],\n        isEqual,\n      ),\n    [columnModelIndex, isJsonSubColumn, jsonSubColumnIndex],\n  )\n\n  const columnModel = useAtomValue(columnModelAtom)\n\n  const allowedColumnTypes = useMemo(\n    () => getAllowedColumnTypes(isView, isJsonSubColumn),\n    [isView, isJsonSubColumn],\n  )\n\n  const allowedFacetTypes = useMemo(\n    () => configureFacetsForType(columnModel.columnType, isJsonSubColumn),\n    [columnModel.columnType, isJsonSubColumn],\n  )\n  const fieldSx: SxProps = useMemo(\n    () => (isJsonSubColumn ? jsonSubColumnFieldSx : topLevelColumnModelFieldSx),\n    [isJsonSubColumn],\n  )\n\n  const errorsByField = useMemo(() => {\n    if (validationErrors && isArray(validationErrors)) {\n      const errorsByField: Record<string, string> = {}\n      validationErrors.forEach(e => {\n        if (e.path) {\n          errorsByField[e.path[e.path.length - 1]] = e.message\n        }\n      })\n      return errorsByField\n    }\n    return {}\n  }, [validationErrors])\n\n  return (\n    <>\n      <Box\n        sx={{\n          display: 'grid',\n          gridColumn: '1 / span 11',\n          gridTemplateColumns: 'subgrid',\n        }}\n      >\n        {isJsonSubColumn && (\n          <Box sx={{ gridColumn: '1 / span 1' }}>\n            {HIERARCHY_VERTICAL_LINE_COMPONENT}\n          </Box>\n        )}\n        <Box\n          data-testid={`ColumnModelForm`}\n          sx={{\n            display: 'flex',\n            alignItems: 'start',\n            gridColumn: isJsonSubColumn ? '2 / span 1' : ' 1 / span 1',\n            // Checkbox is offset from top; vertical centering causes issues when validation errors are displayed\n            mt: isJsonSubColumn ? '0px' : '5px',\n          }}\n        >\n          <Checkbox\n            checked={columnModel.isSelected}\n            inputProps={{ 'aria-label': 'Select' }}\n            disabled={disabled}\n            onChange={() => {\n              dispatch({\n                type: 'toggleSelect',\n                columnModelIndex,\n                jsonSubColumnModelIndex: jsonSubColumnIndex,\n              })\n            }}\n          />\n        </Box>\n        <Box\n          sx={{\n            my: isDefaultColumn ? 'auto' : undefined,\n            gridColumn: isJsonSubColumn\n              ? /* If this is a JSON Subcolumn, we reduce the width of this grid column to create space to render the visual hierarchical line */\n                '3 / span 1'\n              : /* Otherwise, span across both grid columns  */\n                '2 / span 2',\n          }}\n        >\n          {isDefaultColumn ? (\n            columnModel.name\n          ) : (\n            <TextField\n              value={columnModel.name}\n              placeholder={isJsonSubColumn ? 'Facet name' : 'Column name'}\n              onChange={e => {\n                dispatch({\n                  type: 'setColumnModelValue',\n                  columnModelIndex,\n                  jsonSubColumnModelIndex: jsonSubColumnIndex,\n                  value: {\n                    ...columnModel,\n                    name: e.target.value,\n                  },\n                })\n              }}\n              disabled={disabled}\n              fullWidth\n              error={!!errorsByField['name']}\n              helperText={errorsByField['name']}\n              slotProps={{\n                input: {\n                  disableInjectingGlobalStyles:\n                    DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n                  sx: fieldSx,\n                  slotProps: {\n                    input: {\n                      'aria-label': 'Name',\n                    },\n                  },\n                },\n              }}\n            />\n          )}\n        </Box>\n        <Box\n          sx={{\n            my: isDefaultColumn ? 'auto' : undefined,\n          }}\n        >\n          {isDefaultColumn ? (\n            getColumnTypeFriendlyName(columnModel.columnType)\n          ) : (\n            <FormControl fullWidth>\n              <Select\n                label=\"Column Type\"\n                value={columnModel.columnType}\n                onChange={e => {\n                  dispatch({\n                    type: 'changeColumnModelType',\n                    columnModelIndex,\n                    jsonSubColumnModelIndex: jsonSubColumnIndex,\n                    newColumnType: e.target.value as ColumnTypeEnum,\n                  })\n                }}\n                slotProps={{\n                  input: {\n                    'aria-label': 'Column Type',\n                  },\n                }}\n                sx={fieldSx}\n                disabled={disabled}\n                error={!!errorsByField['columnType']}\n              >\n                {allowedColumnTypes.map(value => {\n                  return (\n                    <MenuItem value={value} key={value}>\n                      {getColumnTypeFriendlyName(value)}\n                    </MenuItem>\n                  )\n                })}\n              </Select>\n              {errorsByField['columnType'] && (\n                <FormHelperText color={'error.main'}>\n                  {errorsByField['columnType']}\n                </FormHelperText>\n              )}\n            </FormControl>\n          )}\n        </Box>\n        <Box\n          sx={{\n            my: isDefaultColumn ? 'auto' : undefined,\n          }}\n        >\n          {isDefaultColumn ? (\n            ((columnModel as ColumnModelFormData).maximumSize ?? '')\n          ) : (\n            <FieldWithRecommendedMinimum\n              value={(columnModel as ColumnModelFormData).maximumSize ?? ''}\n              originalValue={originalColumnModel?.maximumSize}\n              recommendedValue={defaultAnnotationModel?.maximumSize}\n              columnType={columnModel.columnType as ColumnTypeEnum}\n              disabled={disabled || !canHaveSize(columnModel.columnType)}\n              InputProps={{\n                disableInjectingGlobalStyles:\n                  DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n\n                slotProps: {\n                  input: {\n                    'aria-label': 'Maximum Size',\n                    min: 1,\n                    max: canHaveSize(columnModel.columnType)\n                      ? getMaxSizeForType(columnModel.columnType)\n                      : undefined,\n                  },\n                },\n                sx: fieldSx,\n              }}\n              onChange={e => {\n                dispatch({\n                  type: 'setColumnModelValue',\n                  columnModelIndex,\n                  jsonSubColumnModelIndex: jsonSubColumnIndex,\n                  value: {\n                    ...columnModel,\n                    maximumSize: e.target.value,\n                  },\n                })\n              }}\n              fullWidth\n              error={!!errorsByField['maximumSize']}\n              helperText={errorsByField['maximumSize']}\n            />\n          )}\n        </Box>\n        <Box\n          sx={{\n            my: isDefaultColumn ? 'auto' : undefined,\n          }}\n        >\n          {isDefaultColumn ? (\n            ((columnModel as ColumnModelFormData).maximumListLength ?? '')\n          ) : (\n            <FieldWithRecommendedMinimum\n              value={\n                (columnModel as ColumnModelFormData).maximumListLength ?? ''\n              }\n              originalValue={originalColumnModel?.maximumListLength}\n              recommendedValue={defaultAnnotationModel?.maximumListLength}\n              columnType={columnModel.columnType as ColumnTypeEnum}\n              disabled={\n                disabled || !canHaveMaxListLength(columnModel.columnType)\n              }\n              onChange={e => {\n                dispatch({\n                  type: 'setColumnModelValue',\n                  columnModelIndex,\n                  jsonSubColumnModelIndex: jsonSubColumnIndex,\n                  value: {\n                    ...columnModel,\n                    maximumListLength: e.target.value,\n                  },\n                })\n              }}\n              InputProps={{\n                disableInjectingGlobalStyles:\n                  DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n                slotProps: {\n                  input: {\n                    'aria-label': 'Maximum List Length',\n                  },\n                },\n                sx: fieldSx,\n              }}\n              fullWidth\n              error={!!errorsByField['maximumListLength']}\n              helperText={errorsByField['maximumListLength']}\n            />\n          )}\n        </Box>\n        <Box\n          sx={{\n            my: isDefaultColumn ? 'auto' : undefined,\n          }}\n        >\n          {isDefaultColumn ? (\n            renderDefaultValue(\n              (columnModel as ColumnModelFormData)?.defaultValue,\n              columnModel.columnType as ColumnTypeEnum,\n            )\n          ) : (\n            <DefaultValueField\n              TextFieldProps={{\n                InputProps: {\n                  disableInjectingGlobalStyles:\n                    DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n                  slotProps: {\n                    input: {\n                      'aria-label': 'Default Value',\n                    },\n                  },\n                  sx: fieldSx,\n                },\n                fullWidth: true,\n                error: !!errorsByField['defaultValue'],\n                helperText: errorsByField['defaultValue'],\n              }}\n              SelectProps={{\n                label: 'Default Value',\n                sx: fieldSx,\n                slotProps: {\n                  input: {\n                    'aria-label': 'Default Value',\n                  },\n                },\n                error: !!errorsByField['defaultValue'],\n              }}\n              selectFormHelperText={errorsByField['defaultValue']}\n              columnModel={columnModel as ColumnModelFormData}\n              value={(columnModel as ColumnModelFormData)?.defaultValue || null}\n              onChange={value => {\n                dispatch({\n                  type: 'setColumnModelValue',\n                  columnModelIndex,\n                  jsonSubColumnModelIndex: jsonSubColumnIndex,\n                  value: {\n                    ...columnModel,\n                    defaultValue: value || undefined,\n                  },\n                })\n              }}\n              disabled={\n                disabled ||\n                !canHaveDefault(columnModel.columnType, isView, isJsonSubColumn)\n              }\n            />\n          )}\n        </Box>\n        <Box>\n          <MultiValueField\n            value={(columnModel as ColumnModelFormData)?.enumValues}\n            onChange={newValue => {\n              dispatch({\n                type: 'setColumnModelValue',\n                columnModelIndex,\n                jsonSubColumnModelIndex: jsonSubColumnIndex,\n                value: {\n                  ...columnModel,\n                  enumValues:\n                    newValue == null || isEmpty(newValue)\n                      ? undefined\n                      : newValue,\n                },\n              })\n            }}\n            columnType={columnModel.columnType as ColumnTypeEnum}\n            TextFieldProps={{\n              fullWidth: true,\n              disabled:\n                disabled ||\n                !canHaveRestrictedValues(\n                  columnModel.columnType,\n                  isJsonSubColumn,\n                ),\n              InputProps: {\n                disableInjectingGlobalStyles:\n                  DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n                // Is readOnly because edits are made with the JSONArrayEditorModal\n                readOnly: true,\n                sx: fieldSx,\n                slotProps: {\n                  input: {\n                    'aria-label': 'Restrict Values',\n                  },\n                },\n              },\n              error: !!errorsByField['enumValues'],\n              helperText: errorsByField['enumValues'],\n            }}\n          />\n        </Box>\n        <Box>\n          <FormControl fullWidth>\n            <Select\n              label=\"Facet Type\"\n              value={columnModel.facetType || ''}\n              disabled={disabled || allowedFacetTypes === null}\n              onChange={e => {\n                dispatch({\n                  type: 'setColumnModelValue',\n                  columnModelIndex,\n                  jsonSubColumnModelIndex: jsonSubColumnIndex,\n                  value: {\n                    ...columnModel,\n                    facetType: e.target.value as FacetType,\n                  },\n                })\n              }}\n              sx={fieldSx}\n              slotProps={{\n                input: {\n                  'aria-label': 'Facet Type',\n                },\n              }}\n              error={!!errorsByField['facetType']}\n            >\n              {(allowedFacetTypes ?? []).map((value, index) => {\n                return (\n                  <MenuItem value={value} key={index}>\n                    {value === undefined ? '' : getFacetTypeFriendlyName(value)}\n                  </MenuItem>\n                )\n              })}\n            </Select>\n            {errorsByField['facetType'] && (\n              <FormHelperText color={'error.main'}>\n                {errorsByField['facetType']}\n              </FormHelperText>\n            )}\n          </FormControl>\n        </Box>\n        <Box>\n          <FormControl fullWidth>\n            <Select\n              label=\"Sort Facet Values\"\n              value={facetSortConfigToValue(\n                'facetSortConfig' in columnModel\n                  ? columnModel.facetSortConfig\n                  : undefined,\n              )}\n              disabled={disabled || columnModel.facetType !== 'enumeration'}\n              onChange={e => {\n                dispatch({\n                  type: 'setColumnModelValue',\n                  columnModelIndex,\n                  jsonSubColumnModelIndex: jsonSubColumnIndex,\n                  value: {\n                    ...columnModel,\n                    facetSortConfig: valueToFacetSortConfig(\n                      e.target.value as FacetSortValue,\n                    ),\n                  },\n                })\n              }}\n              sx={fieldSx}\n              slotProps={{\n                input: {\n                  'aria-label': 'Sort Facet Values',\n                },\n              }}\n              error={!!errorsByField['facetSortConfig']}\n            >\n              <MenuItem value=\"FREQUENCY_DESC\">Frequency Descending</MenuItem>\n              <MenuItem value=\"FREQUENCY_ASC\">Frequency Ascending</MenuItem>\n              <MenuItem value=\"VALUE_DESC\">Value Descending</MenuItem>\n              <MenuItem value=\"VALUE_ASC\">Value Ascending</MenuItem>\n            </Select>\n            {errorsByField['facetSortConfig'] && (\n              <FormHelperText color={'error.main'}>\n                {errorsByField['facetSortConfig']}\n              </FormHelperText>\n            )}\n          </FormControl>\n        </Box>\n      </Box>\n      {isJsonSubColumn && (\n        <Box\n          sx={{\n            display: 'grid',\n            gridColumn: '1 / span 11',\n            gridTemplateColumns: 'subgrid',\n          }}\n        >\n          <Box\n            sx={{\n              gridColumn: '1 / span 1',\n            }}\n          >\n            {HIERARCHY_VERTICAL_LINE_COMPONENT}\n          </Box>\n          <Box></Box>\n          <Box\n            sx={{\n              gridColumn: '3 / span 7',\n            }}\n          >\n            <TextField\n              placeholder={'JSON Path'}\n              value={(columnModel as JsonSubColumnModelFormData).jsonPath}\n              onChange={e => {\n                dispatch({\n                  type: 'setColumnModelValue',\n                  columnModelIndex,\n                  jsonSubColumnModelIndex: jsonSubColumnIndex,\n                  value: {\n                    ...(columnModel as JsonSubColumnModelFormData),\n                    jsonPath: e.target.value,\n                  },\n                })\n              }}\n              disabled={disabled}\n              fullWidth\n              slotProps={{\n                input: {\n                  disableInjectingGlobalStyles:\n                    DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n                  sx: fieldSx,\n                  endAdornment: (\n                    <Tooltip\n                      title={\n                        <>\n                          <p>\n                            <Link\n                              href={\n                                'https://dev.mysql.com/doc/refman/8.0/en/json.html#json-path-syntax'\n                              }\n                            >\n                              Please use a valid JSON Path selector, following\n                              this format.\n                            </Link>\n                          </p>\n                          <p>\n                            This field is for linking the sub-column facet to\n                            the corresponding location in the JSON data, so that\n                            it can be used as facet filter. The correct selector\n                            will point to the key referenced in the sub-column\n                            JSON Path.\n                          </p>\n                        </>\n                      }\n                    >\n                      <InfoTwoTone sx={{ color: 'grey.700' }} />\n                    </Tooltip>\n                  ),\n                  slotProps: {\n                    input: { 'aria-label': 'JSON Path' },\n                  },\n                },\n              }}\n              error={!!errorsByField['jsonPath']}\n              helperText={errorsByField['jsonPath']}\n            />\n          </Box>\n        </Box>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA4DA,IAAM,KAAgC;CACpC,QAAQ;CACR,UAAU;CACX,EACK,IAAsC;CAC1C,QAAQ;CACR,UAAU;CACX;AAED,SAAS,EACP,GACA,GACQ;AAQR,QAPI,KAAgB,OACX,KAGL,EAAQ,EAAa,GAChB,EAAa,IAAI,OAAO,CAAC,KAAK,KAAK,GAErC;;AAcT,SAAS,EACP,GACgB;AAMhB,QALI,CAAC,KAAW,CAAC,EAAO,YAAY,CAAC,EAAO,YACnC,KAIF,GAFU,EAAO,YAAY,YAEjB,GADD,EAAO,aAAa;;AAOxC,SAAS,EACP,GACmC;AACnC,KAAI,CAAC,EACH;CAEF,IAAM,CAAC,GAAU,KAAa,EAAM,MAAM,IAAI;AAI9C,QAAO;EAAE;EAAU;EAAW;;AAOhC,IAAM,IAAwC;AAE9C,SAAwB,EAAgB,GAA6B;CACnE,IAAM,EACJ,qBACA,uBACA,eACA,oBACA,cAAW,IACX,sBAAmB,MACnB,2BACA,2BACE,GACE,IAAkB,KAAsB,MACxC,IAAW,EAAW,EAA8B,EACpD,IAAU,EAAgD,SAC9D,EAA4B,EAAW,CACxC,EAeK,IAAc,EAbI,QAEpB,GACE,IACA,MACE,IACI,EAAE,GAAkB,eAAgB,KACpC,EAAE,IACR,EACD,EACH;EAAC;EAAkB;EAAiB;EAAmB,CAGxB,CAAgB,EAE3C,KAAqB,QACnB,EAAsB,GAAQ,EAAgB,EACpD,CAAC,GAAQ,EAAgB,CAC1B,EAEK,IAAoB,QAClB,GAAuB,EAAY,YAAY,EAAgB,EACrE,CAAC,EAAY,YAAY,EAAgB,CAC1C,EACK,IAAmB,QAChB,IAAkB,KAAuB,GAChD,CAAC,EAAgB,CAClB,EAEK,IAAgB,QAAc;AAClC,MAAI,KAAoB,EAAQ,EAAiB,EAAE;GACjD,IAAM,IAAwC,EAAE;AAMhD,UALA,EAAiB,SAAQ,MAAK;AAC5B,IAAI,EAAE,SACJ,EAAc,EAAE,KAAK,EAAE,KAAK,SAAS,MAAM,EAAE;KAE/C,EACK;;AAET,SAAO,EAAE;IACR,CAAC,EAAiB,CAAC;AAEtB,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,qBAAqB;GACtB;YALH;GAOG,KACC,kBAAC,GAAD;IAAK,IAAI,EAAE,YAAY,cAAc;cAClC;IACG,CAAA;GAER,kBAAC,GAAD;IACE,eAAa;IACb,IAAI;KACF,SAAS;KACT,YAAY;KACZ,YAAY,IAAkB,eAAe;KAE7C,IAAI,IAAkB,QAAQ;KAC/B;cAED,kBAAC,GAAD;KACE,SAAS,EAAY;KACrB,YAAY,EAAE,cAAc,UAAU;KAC5B;KACV,gBAAgB;AACd,QAAS;OACP,MAAM;OACN;OACA,yBAAyB;OAC1B,CAAC;;KAEJ,CAAA;IACE,CAAA;GACN,kBAAC,GAAD;IACE,IAAI;KACF,IAAI,IAAkB,SAAS,KAAA;KAC/B,YAAY,IAER,eAEA;KACL;cAEA,IACC,EAAY,OAEZ,kBAAC,GAAD;KACE,OAAO,EAAY;KACnB,aAAa,IAAkB,eAAe;KAC9C,WAAU,MAAK;AACb,QAAS;OACP,MAAM;OACN;OACA,yBAAyB;OACzB,OAAO;QACL,GAAG;QACH,MAAM,EAAE,OAAO;QAChB;OACF,CAAC;;KAEM;KACV,WAAA;KACA,OAAO,CAAC,CAAC,EAAc;KACvB,YAAY,EAAc;KAC1B,WAAW,EACT,OAAO;MACL,8BACE;MACF,IAAI;MACJ,WAAW,EACT,OAAO,EACL,cAAc,QACf,EACF;MACF,EACF;KACD,CAAA;IAEA,CAAA;GACN,kBAAC,GAAD;IACE,IAAI,EACF,IAAI,IAAkB,SAAS,KAAA,GAChC;cAEA,IACC,EAA0B,EAAY,WAAW,GAEjD,kBAAC,GAAD;KAAa,WAAA;eAAb,CACE,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAY;MACnB,WAAU,MAAK;AACb,SAAS;QACP,MAAM;QACN;QACA,yBAAyB;QACzB,eAAe,EAAE,OAAO;QACzB,CAAC;;MAEJ,WAAW,EACT,OAAO,EACL,cAAc,eACf,EACF;MACD,IAAI;MACM;MACV,OAAO,CAAC,CAAC,EAAc;gBAEtB,GAAmB,KAAI,MAEpB,kBAAC,GAAD;OAAiB;iBACd,EAA0B,EAAM;OACxB,EAFkB,EAElB,CAEb;MACK,CAAA,EACR,EAAc,cACb,kBAAC,GAAD;MAAgB,OAAO;gBACpB,EAAc;MACA,CAAA,CAEP;;IAEZ,CAAA;GACN,kBAAC,GAAD;IACE,IAAI,EACF,IAAI,IAAkB,SAAS,KAAA,GAChC;cAEA,IACG,EAAoC,eAAe,KAErD,kBAAC,GAAD;KACE,OAAQ,EAAoC,eAAe;KAC3D,eAAe,GAAqB;KACpC,kBAAkB,GAAwB;KAC1C,YAAY,EAAY;KACxB,UAAU,KAAY,CAAC,EAAY,EAAY,WAAW;KAC1D,YAAY;MACV,8BACE;MAEF,WAAW,EACT,OAAO;OACL,cAAc;OACd,KAAK;OACL,KAAK,EAAY,EAAY,WAAW,GACpC,EAAkB,EAAY,WAAW,GACzC,KAAA;OACL,EACF;MACD,IAAI;MACL;KACD,WAAU,MAAK;AACb,QAAS;OACP,MAAM;OACN;OACA,yBAAyB;OACzB,OAAO;QACL,GAAG;QACH,aAAa,EAAE,OAAO;QACvB;OACF,CAAC;;KAEJ,WAAA;KACA,OAAO,CAAC,CAAC,EAAc;KACvB,YAAY,EAAc;KAC1B,CAAA;IAEA,CAAA;GACN,kBAAC,GAAD;IACE,IAAI,EACF,IAAI,IAAkB,SAAS,KAAA,GAChC;cAEA,IACG,EAAoC,qBAAqB,KAE3D,kBAAC,GAAD;KACE,OACG,EAAoC,qBAAqB;KAE5D,eAAe,GAAqB;KACpC,kBAAkB,GAAwB;KAC1C,YAAY,EAAY;KACxB,UACE,KAAY,CAAC,EAAqB,EAAY,WAAW;KAE3D,WAAU,MAAK;AACb,QAAS;OACP,MAAM;OACN;OACA,yBAAyB;OACzB,OAAO;QACL,GAAG;QACH,mBAAmB,EAAE,OAAO;QAC7B;OACF,CAAC;;KAEJ,YAAY;MACV,8BACE;MACF,WAAW,EACT,OAAO,EACL,cAAc,uBACf,EACF;MACD,IAAI;MACL;KACD,WAAA;KACA,OAAO,CAAC,CAAC,EAAc;KACvB,YAAY,EAAc;KAC1B,CAAA;IAEA,CAAA;GACN,kBAAC,GAAD;IACE,IAAI,EACF,IAAI,IAAkB,SAAS,KAAA,GAChC;cAEA,IACC,EACG,GAAqC,cACtC,EAAY,WACb,GAED,kBAAC,GAAD;KACE,gBAAgB;MACd,YAAY;OACV,8BACE;OACF,WAAW,EACT,OAAO,EACL,cAAc,iBACf,EACF;OACD,IAAI;OACL;MACD,WAAW;MACX,OAAO,CAAC,CAAC,EAAc;MACvB,YAAY,EAAc;MAC3B;KACD,aAAa;MACX,OAAO;MACP,IAAI;MACJ,WAAW,EACT,OAAO,EACL,cAAc,iBACf,EACF;MACD,OAAO,CAAC,CAAC,EAAc;MACxB;KACD,sBAAsB,EAAc;KACvB;KACb,OAAQ,GAAqC,gBAAgB;KAC7D,WAAU,MAAS;AACjB,QAAS;OACP,MAAM;OACN;OACA,yBAAyB;OACzB,OAAO;QACL,GAAG;QACH,cAAc,KAAS,KAAA;QACxB;OACF,CAAC;;KAEJ,UACE,KACA,CAAC,EAAe,EAAY,YAAY,GAAQ,EAAgB;KAElE,CAAA;IAEA,CAAA;GACN,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IACE,OAAQ,GAAqC;IAC7C,WAAU,MAAY;AACpB,OAAS;MACP,MAAM;MACN;MACA,yBAAyB;MACzB,OAAO;OACL,GAAG;OACH,YACE,KAAY,QAAQ,EAAQ,EAAS,GACjC,KAAA,IACA;OACP;MACF,CAAC;;IAEJ,YAAY,EAAY;IACxB,gBAAgB;KACd,WAAW;KACX,UACE,KACA,CAAC,GACC,EAAY,YACZ,EACD;KACH,YAAY;MACV,8BACE;MAEF,UAAU;MACV,IAAI;MACJ,WAAW,EACT,OAAO,EACL,cAAc,mBACf,EACF;MACF;KACD,OAAO,CAAC,CAAC,EAAc;KACvB,YAAY,EAAc;KAC3B;IACD,CAAA,EACE,CAAA;GACN,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAa,WAAA;cAAb,CACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EAAY,aAAa;KAChC,UAAU,KAAY,MAAsB;KAC5C,WAAU,MAAK;AACb,QAAS;OACP,MAAM;OACN;OACA,yBAAyB;OACzB,OAAO;QACL,GAAG;QACH,WAAW,EAAE,OAAO;QACrB;OACF,CAAC;;KAEJ,IAAI;KACJ,WAAW,EACT,OAAO,EACL,cAAc,cACf,EACF;KACD,OAAO,CAAC,CAAC,EAAc;gBAErB,KAAqB,EAAE,EAAE,KAAK,GAAO,MAEnC,kBAAC,GAAD;MAAiB;gBACd,MAAU,KAAA,IAAY,KAAK,EAAyB,EAAM;MAClD,EAFkB,EAElB,CAEb;KACK,CAAA,EACR,EAAc,aACb,kBAAC,GAAD;KAAgB,OAAO;eACpB,EAAc;KACA,CAAA,CAEP;OACV,CAAA;GACN,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAa,WAAA;cAAb,CACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EACL,qBAAqB,IACjB,EAAY,kBACZ,KAAA,EACL;KACD,UAAU,KAAY,EAAY,cAAc;KAChD,WAAU,MAAK;AACb,QAAS;OACP,MAAM;OACN;OACA,yBAAyB;OACzB,OAAO;QACL,GAAG;QACH,iBAAiB,EACf,EAAE,OAAO,MACV;QACF;OACF,CAAC;;KAEJ,IAAI;KACJ,WAAW,EACT,OAAO,EACL,cAAc,qBACf,EACF;KACD,OAAO,CAAC,CAAC,EAAc;eA3BzB;MA6BE,kBAAC,GAAD;OAAU,OAAM;iBAAiB;OAA+B,CAAA;MAChE,kBAAC,GAAD;OAAU,OAAM;iBAAgB;OAA8B,CAAA;MAC9D,kBAAC,GAAD;OAAU,OAAM;iBAAa;OAA2B,CAAA;MACxD,kBAAC,GAAD;OAAU,OAAM;iBAAY;OAA0B,CAAA;MAC/C;QACR,EAAc,mBACb,kBAAC,GAAD;KAAgB,OAAO;eACpB,EAAc;KACA,CAAA,CAEP;OACV,CAAA;GACF;KACL,KACC,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,qBAAqB;GACtB;YALH;GAOE,kBAAC,GAAD;IACE,IAAI,EACF,YAAY,cACb;cAEA;IACG,CAAA;GACN,kBAAC,GAAD,EAAW,CAAA;GACX,kBAAC,GAAD;IACE,IAAI,EACF,YAAY,cACb;cAED,kBAAC,GAAD;KACE,aAAa;KACb,OAAQ,EAA2C;KACnD,WAAU,MAAK;AACb,QAAS;OACP,MAAM;OACN;OACA,yBAAyB;OACzB,OAAO;QACL,GAAI;QACJ,UAAU,EAAE,OAAO;QACpB;OACF,CAAC;;KAEM;KACV,WAAA;KACA,WAAW,EACT,OAAO;MACL,8BACE;MACF,IAAI;MACJ,cACE,kBAAC,GAAD;OACE,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,KAAD,EAAA,UACE,kBAAC,GAAD;QACE,MACE;kBAEH;QAGM,CAAA,EACL,CAAA,EACJ,kBAAC,KAAD,EAAA,UAAG,6NAMC,CAAA,CACH,EAAA,CAAA;iBAGL,kBAAC,GAAD,EAAa,IAAI,EAAE,OAAO,YAAY,EAAI,CAAA;OAClC,CAAA;MAEZ,WAAW,EACT,OAAO,EAAE,cAAc,aAAa,EACrC;MACF,EACF;KACD,OAAO,CAAC,CAAC,EAAc;KACvB,YAAY,EAAc;KAC1B,CAAA;IACE,CAAA;GACF;IAEP,EAAA,CAAA"}
+{"version":3,"file":"ColumnModelForm.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/ColumnModelForm.tsx"],"sourcesContent":["import { convertToConcreteEntityType } from '@/utils/functions/EntityTypeUtils'\nimport { InfoTwoTone } from '@mui/icons-material'\nimport {\n  Box,\n  Checkbox,\n  FormControl,\n  Link,\n  MenuItem,\n  Select,\n  SxProps,\n  TextField,\n  Tooltip,\n} from '@mui/material'\nimport FormHelperText from '@mui/material/FormHelperText'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  ColumnModel,\n  ColumnTypeEnum,\n  FacetType,\n  VIEW_CONCRETE_TYPE_VALUES,\n  FacetColumnSortConfig,\n} from '@sage-bionetworks/synapse-types'\nimport { useAtomValue, useSetAtom } from 'jotai'\nimport { selectAtom } from 'jotai/utils'\nimport { isArray, isEmpty, isEqual } from 'lodash-es'\nimport { useMemo } from 'react'\nimport { ZodIssue } from 'zod'\nimport DefaultValueField from './ColumnModelFormFields/DefaultValueField'\nimport { FieldWithRecommendedMinimum } from './ColumnModelFormFields/FieldWithRecommendedMinimum'\nimport MultiValueField from './ColumnModelFormFields/MultiValueField'\nimport {\n  canHaveDefault,\n  canHaveMaxListLength,\n  canHaveRestrictedValues,\n  canHaveSize,\n  configureFacetsForType,\n  getAllowedColumnTypes,\n  getColumnTypeFriendlyName,\n  getFacetTypeFriendlyName,\n  getMaxSizeForType,\n} from './TableColumnSchemaEditorUtils'\nimport { HIERARCHY_VERTICAL_LINE_COMPONENT } from './TableColumnSchemaForm'\nimport { tableColumnSchemaFormDataAtom } from './TableColumnSchemaFormReducer'\nimport {\n  ColumnModelFormData,\n  JsonSubColumnModelFormData,\n} from './Validators/ColumnModelValidator'\n\ntype ColumnModelFormProps = {\n  entityType: EntityType\n  columnModelIndex: number\n  jsonSubColumnIndex?: number\n  /* Default Columns are read-only, except for the facetType */\n  isDefaultColumn: boolean\n  disabled?: boolean\n  /* Can be used to override the schema used for validating ColumnModels */\n  validationErrors?: ZodIssue[] | null\n  defaultAnnotationModel?: ColumnModel | null\n  originalColumnModel?: ColumnModel | null\n}\nconst jsonSubColumnFieldSx: SxProps = {\n  height: '28px',\n  fontSize: '12px',\n}\nconst topLevelColumnModelFieldSx: SxProps = {\n  height: '38px',\n  fontSize: '14px',\n}\n\nfunction renderDefaultValue(\n  defaultValue: string | unknown[] | undefined,\n  _columnType: ColumnTypeEnum,\n): string {\n  if (defaultValue == null) {\n    return ''\n  }\n\n  if (isArray(defaultValue)) {\n    return defaultValue.map(String).join(', ')\n  }\n  return defaultValue\n}\n\n// Helper type for the combined sort configuration value\ntype FacetSortValue =\n  | 'FREQUENCY_DESC'\n  | 'FREQUENCY_ASC'\n  | 'VALUE_DESC'\n  | 'VALUE_ASC'\n  | ''\n\n/**\n * Converts a FacetColumnSortConfig object to a single string value for the select dropdown\n */\nfunction facetSortConfigToValue(\n  config: FacetColumnSortConfig | undefined,\n): FacetSortValue {\n  if (!config || (!config.property && !config.direction)) {\n    return ''\n  }\n  const property = config.property || 'FREQUENCY'\n  const direction = config.direction || 'DESC'\n  return `${property}_${direction}` as FacetSortValue\n}\n\n/**\n * Converts a select dropdown value to a FacetColumnSortConfig object\n */\nfunction valueToFacetSortConfig(\n  value: FacetSortValue,\n): FacetColumnSortConfig | undefined {\n  if (!value) {\n    return undefined\n  }\n  const [property, direction] = value.split('_') as [\n    'FREQUENCY' | 'VALUE',\n    'DESC' | 'ASC',\n  ]\n  return { property, direction }\n}\n\n/*\n * Disable immediate MUI/Emotion style injection because it causes performance issues when adding many columns at once.\n * This can be a common occurence when adding annotation columns\n */\nconst DISABLE_INJECTING_GLOBAL_STYLES_VALUE = true\n\nexport default function ColumnModelForm(props: ColumnModelFormProps) {\n  const {\n    columnModelIndex,\n    jsonSubColumnIndex,\n    entityType,\n    isDefaultColumn,\n    disabled = false,\n    validationErrors = null,\n    defaultAnnotationModel,\n    originalColumnModel,\n  } = props\n  const isJsonSubColumn = jsonSubColumnIndex != undefined\n  const dispatch = useSetAtom(tableColumnSchemaFormDataAtom)\n  const isView = (VIEW_CONCRETE_TYPE_VALUES as readonly string[]).includes(\n    convertToConcreteEntityType(entityType),\n  )\n\n  const columnModelAtom = useMemo(\n    () =>\n      selectAtom(\n        tableColumnSchemaFormDataAtom,\n        v =>\n          isJsonSubColumn\n            ? v[columnModelIndex].jsonSubColumns![jsonSubColumnIndex]\n            : v[columnModelIndex],\n        isEqual,\n      ),\n    [columnModelIndex, isJsonSubColumn, jsonSubColumnIndex],\n  )\n\n  const columnModel = useAtomValue(columnModelAtom)\n\n  const allowedColumnTypes = useMemo(\n    () => getAllowedColumnTypes(isView, isJsonSubColumn),\n    [isView, isJsonSubColumn],\n  )\n\n  const allowedFacetTypes = useMemo(\n    () => configureFacetsForType(columnModel.columnType, isJsonSubColumn),\n    [columnModel.columnType, isJsonSubColumn],\n  )\n  const fieldSx: SxProps = useMemo(\n    () => (isJsonSubColumn ? jsonSubColumnFieldSx : topLevelColumnModelFieldSx),\n    [isJsonSubColumn],\n  )\n\n  const errorsByField = useMemo(() => {\n    if (validationErrors && isArray(validationErrors)) {\n      const errorsByField: Record<string, string> = {}\n      validationErrors.forEach(e => {\n        if (e.path) {\n          errorsByField[e.path[e.path.length - 1]] = e.message\n        }\n      })\n      return errorsByField\n    }\n    return {}\n  }, [validationErrors])\n\n  return (\n    <>\n      <Box\n        sx={{\n          display: 'grid',\n          gridColumn: '1 / span 11',\n          gridTemplateColumns: 'subgrid',\n        }}\n      >\n        {isJsonSubColumn && (\n          <Box sx={{ gridColumn: '1 / span 1' }}>\n            {HIERARCHY_VERTICAL_LINE_COMPONENT}\n          </Box>\n        )}\n        <Box\n          data-testid={`ColumnModelForm`}\n          sx={{\n            display: 'flex',\n            alignItems: 'start',\n            gridColumn: isJsonSubColumn ? '2 / span 1' : ' 1 / span 1',\n            // Checkbox is offset from top; vertical centering causes issues when validation errors are displayed\n            mt: isJsonSubColumn ? '0px' : '5px',\n          }}\n        >\n          <Checkbox\n            checked={columnModel.isSelected}\n            inputProps={{ 'aria-label': 'Select' }}\n            disabled={disabled}\n            onChange={() => {\n              dispatch({\n                type: 'toggleSelect',\n                columnModelIndex,\n                jsonSubColumnModelIndex: jsonSubColumnIndex,\n              })\n            }}\n          />\n        </Box>\n        <Box\n          sx={{\n            my: isDefaultColumn ? 'auto' : undefined,\n            gridColumn: isJsonSubColumn\n              ? /* If this is a JSON Subcolumn, we reduce the width of this grid column to create space to render the visual hierarchical line */\n                '3 / span 1'\n              : /* Otherwise, span across both grid columns  */\n                '2 / span 2',\n          }}\n        >\n          {isDefaultColumn ? (\n            columnModel.name\n          ) : (\n            <TextField\n              value={columnModel.name}\n              placeholder={isJsonSubColumn ? 'Facet name' : 'Column name'}\n              onChange={e => {\n                dispatch({\n                  type: 'setColumnModelValue',\n                  columnModelIndex,\n                  jsonSubColumnModelIndex: jsonSubColumnIndex,\n                  value: {\n                    ...columnModel,\n                    name: e.target.value,\n                  },\n                })\n              }}\n              disabled={disabled}\n              fullWidth\n              error={!!errorsByField['name']}\n              helperText={errorsByField['name']}\n              slotProps={{\n                input: {\n                  disableInjectingGlobalStyles:\n                    DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n                  sx: fieldSx,\n                  slotProps: {\n                    input: {\n                      'aria-label': 'Name',\n                    },\n                  },\n                },\n              }}\n            />\n          )}\n        </Box>\n        <Box\n          sx={{\n            my: isDefaultColumn ? 'auto' : undefined,\n          }}\n        >\n          {isDefaultColumn ? (\n            getColumnTypeFriendlyName(columnModel.columnType)\n          ) : (\n            <FormControl fullWidth>\n              <Select\n                label=\"Column Type\"\n                value={columnModel.columnType}\n                onChange={e => {\n                  dispatch({\n                    type: 'changeColumnModelType',\n                    columnModelIndex,\n                    jsonSubColumnModelIndex: jsonSubColumnIndex,\n                    newColumnType: e.target.value as ColumnTypeEnum,\n                  })\n                }}\n                slotProps={{\n                  input: {\n                    'aria-label': 'Column Type',\n                  },\n                }}\n                sx={fieldSx}\n                disabled={disabled}\n                error={!!errorsByField['columnType']}\n              >\n                {allowedColumnTypes.map(value => {\n                  return (\n                    <MenuItem value={value} key={value}>\n                      {getColumnTypeFriendlyName(value)}\n                    </MenuItem>\n                  )\n                })}\n              </Select>\n              {errorsByField['columnType'] && (\n                <FormHelperText color={'error.main'}>\n                  {errorsByField['columnType']}\n                </FormHelperText>\n              )}\n            </FormControl>\n          )}\n        </Box>\n        <Box\n          sx={{\n            my: isDefaultColumn ? 'auto' : undefined,\n          }}\n        >\n          {isDefaultColumn ? (\n            ((columnModel as ColumnModelFormData).maximumSize ?? '')\n          ) : (\n            <FieldWithRecommendedMinimum\n              value={(columnModel as ColumnModelFormData).maximumSize ?? ''}\n              originalValue={originalColumnModel?.maximumSize}\n              recommendedValue={defaultAnnotationModel?.maximumSize}\n              columnType={columnModel.columnType as ColumnTypeEnum}\n              disabled={disabled || !canHaveSize(columnModel.columnType)}\n              InputProps={{\n                disableInjectingGlobalStyles:\n                  DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n\n                slotProps: {\n                  input: {\n                    'aria-label': 'Maximum Size',\n                    min: 1,\n                    max: canHaveSize(columnModel.columnType)\n                      ? getMaxSizeForType(columnModel.columnType)\n                      : undefined,\n                  },\n                },\n                sx: fieldSx,\n              }}\n              onChange={e => {\n                dispatch({\n                  type: 'setColumnModelValue',\n                  columnModelIndex,\n                  jsonSubColumnModelIndex: jsonSubColumnIndex,\n                  value: {\n                    ...columnModel,\n                    maximumSize: e.target.value,\n                  },\n                })\n              }}\n              fullWidth\n              error={!!errorsByField['maximumSize']}\n              helperText={errorsByField['maximumSize']}\n            />\n          )}\n        </Box>\n        <Box\n          sx={{\n            my: isDefaultColumn ? 'auto' : undefined,\n          }}\n        >\n          {isDefaultColumn ? (\n            ((columnModel as ColumnModelFormData).maximumListLength ?? '')\n          ) : (\n            <FieldWithRecommendedMinimum\n              value={\n                (columnModel as ColumnModelFormData).maximumListLength ?? ''\n              }\n              originalValue={originalColumnModel?.maximumListLength}\n              recommendedValue={defaultAnnotationModel?.maximumListLength}\n              columnType={columnModel.columnType as ColumnTypeEnum}\n              disabled={\n                disabled || !canHaveMaxListLength(columnModel.columnType)\n              }\n              onChange={e => {\n                dispatch({\n                  type: 'setColumnModelValue',\n                  columnModelIndex,\n                  jsonSubColumnModelIndex: jsonSubColumnIndex,\n                  value: {\n                    ...columnModel,\n                    maximumListLength: e.target.value,\n                  },\n                })\n              }}\n              InputProps={{\n                disableInjectingGlobalStyles:\n                  DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n                slotProps: {\n                  input: {\n                    'aria-label': 'Maximum List Length',\n                  },\n                },\n                sx: fieldSx,\n              }}\n              fullWidth\n              error={!!errorsByField['maximumListLength']}\n              helperText={errorsByField['maximumListLength']}\n            />\n          )}\n        </Box>\n        <Box\n          sx={{\n            my: isDefaultColumn ? 'auto' : undefined,\n          }}\n        >\n          {isDefaultColumn ? (\n            renderDefaultValue(\n              (columnModel as ColumnModelFormData)?.defaultValue,\n              columnModel.columnType as ColumnTypeEnum,\n            )\n          ) : (\n            <DefaultValueField\n              TextFieldProps={{\n                InputProps: {\n                  disableInjectingGlobalStyles:\n                    DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n                  slotProps: {\n                    input: {\n                      'aria-label': 'Default Value',\n                    },\n                  },\n                  sx: fieldSx,\n                },\n                fullWidth: true,\n                error: !!errorsByField['defaultValue'],\n                helperText: errorsByField['defaultValue'],\n              }}\n              SelectProps={{\n                label: 'Default Value',\n                sx: fieldSx,\n                slotProps: {\n                  input: {\n                    'aria-label': 'Default Value',\n                  },\n                },\n                error: !!errorsByField['defaultValue'],\n              }}\n              selectFormHelperText={errorsByField['defaultValue']}\n              columnModel={columnModel as ColumnModelFormData}\n              value={(columnModel as ColumnModelFormData)?.defaultValue || null}\n              onChange={value => {\n                dispatch({\n                  type: 'setColumnModelValue',\n                  columnModelIndex,\n                  jsonSubColumnModelIndex: jsonSubColumnIndex,\n                  value: {\n                    ...columnModel,\n                    defaultValue: value || undefined,\n                  },\n                })\n              }}\n              disabled={\n                disabled ||\n                !canHaveDefault(columnModel.columnType, isView, isJsonSubColumn)\n              }\n            />\n          )}\n        </Box>\n        <Box>\n          <MultiValueField\n            value={(columnModel as ColumnModelFormData)?.enumValues}\n            onChange={newValue => {\n              dispatch({\n                type: 'setColumnModelValue',\n                columnModelIndex,\n                jsonSubColumnModelIndex: jsonSubColumnIndex,\n                value: {\n                  ...columnModel,\n                  enumValues:\n                    newValue == null || isEmpty(newValue)\n                      ? undefined\n                      : newValue,\n                },\n              })\n            }}\n            columnType={columnModel.columnType as ColumnTypeEnum}\n            TextFieldProps={{\n              fullWidth: true,\n              disabled:\n                disabled ||\n                !canHaveRestrictedValues(\n                  columnModel.columnType,\n                  isJsonSubColumn,\n                ),\n              InputProps: {\n                disableInjectingGlobalStyles:\n                  DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n                // Is readOnly because edits are made with the JSONArrayEditorModal\n                readOnly: true,\n                sx: fieldSx,\n                slotProps: {\n                  input: {\n                    'aria-label': 'Restrict Values',\n                  },\n                },\n              },\n              error: !!errorsByField['enumValues'],\n              helperText: errorsByField['enumValues'],\n            }}\n          />\n        </Box>\n        <Box>\n          <FormControl fullWidth>\n            <Select\n              label=\"Facet Type\"\n              value={columnModel.facetType || ''}\n              disabled={disabled || allowedFacetTypes === null}\n              onChange={e => {\n                dispatch({\n                  type: 'setColumnModelValue',\n                  columnModelIndex,\n                  jsonSubColumnModelIndex: jsonSubColumnIndex,\n                  value: {\n                    ...columnModel,\n                    facetType: e.target.value as FacetType,\n                  },\n                })\n              }}\n              sx={fieldSx}\n              slotProps={{\n                input: {\n                  'aria-label': 'Facet Type',\n                },\n              }}\n              error={!!errorsByField['facetType']}\n            >\n              {(allowedFacetTypes ?? []).map((value, index) => {\n                return (\n                  <MenuItem value={value} key={index}>\n                    {value === undefined ? '' : getFacetTypeFriendlyName(value)}\n                  </MenuItem>\n                )\n              })}\n            </Select>\n            {errorsByField['facetType'] && (\n              <FormHelperText color={'error.main'}>\n                {errorsByField['facetType']}\n              </FormHelperText>\n            )}\n          </FormControl>\n        </Box>\n        <Box>\n          <FormControl fullWidth>\n            <Select\n              label=\"Sort Facet Values\"\n              value={facetSortConfigToValue(\n                'facetSortConfig' in columnModel\n                  ? columnModel.facetSortConfig\n                  : undefined,\n              )}\n              disabled={disabled || columnModel.facetType !== 'enumeration'}\n              onChange={e => {\n                dispatch({\n                  type: 'setColumnModelValue',\n                  columnModelIndex,\n                  jsonSubColumnModelIndex: jsonSubColumnIndex,\n                  value: {\n                    ...columnModel,\n                    facetSortConfig: valueToFacetSortConfig(\n                      e.target.value as FacetSortValue,\n                    ),\n                  },\n                })\n              }}\n              sx={fieldSx}\n              slotProps={{\n                input: {\n                  'aria-label': 'Sort Facet Values',\n                },\n              }}\n              error={!!errorsByField['facetSortConfig']}\n            >\n              <MenuItem value=\"FREQUENCY_DESC\">Frequency Descending</MenuItem>\n              <MenuItem value=\"FREQUENCY_ASC\">Frequency Ascending</MenuItem>\n              <MenuItem value=\"VALUE_DESC\">Value Descending</MenuItem>\n              <MenuItem value=\"VALUE_ASC\">Value Ascending</MenuItem>\n            </Select>\n            {errorsByField['facetSortConfig'] && (\n              <FormHelperText color={'error.main'}>\n                {errorsByField['facetSortConfig']}\n              </FormHelperText>\n            )}\n          </FormControl>\n        </Box>\n      </Box>\n      {isJsonSubColumn && (\n        <Box\n          sx={{\n            display: 'grid',\n            gridColumn: '1 / span 11',\n            gridTemplateColumns: 'subgrid',\n          }}\n        >\n          <Box\n            sx={{\n              gridColumn: '1 / span 1',\n            }}\n          >\n            {HIERARCHY_VERTICAL_LINE_COMPONENT}\n          </Box>\n          <Box></Box>\n          <Box\n            sx={{\n              gridColumn: '3 / span 7',\n            }}\n          >\n            <TextField\n              placeholder={'JSON Path'}\n              value={(columnModel as JsonSubColumnModelFormData).jsonPath}\n              onChange={e => {\n                dispatch({\n                  type: 'setColumnModelValue',\n                  columnModelIndex,\n                  jsonSubColumnModelIndex: jsonSubColumnIndex,\n                  value: {\n                    ...(columnModel as JsonSubColumnModelFormData),\n                    jsonPath: e.target.value,\n                  },\n                })\n              }}\n              disabled={disabled}\n              fullWidth\n              slotProps={{\n                input: {\n                  disableInjectingGlobalStyles:\n                    DISABLE_INJECTING_GLOBAL_STYLES_VALUE,\n                  sx: fieldSx,\n                  endAdornment: (\n                    <Tooltip\n                      title={\n                        <>\n                          <p>\n                            <Link\n                              href={\n                                'https://dev.mysql.com/doc/refman/8.0/en/json.html#json-path-syntax'\n                              }\n                            >\n                              Please use a valid JSON Path selector, following\n                              this format.\n                            </Link>\n                          </p>\n                          <p>\n                            This field is for linking the sub-column facet to\n                            the corresponding location in the JSON data, so that\n                            it can be used as facet filter. The correct selector\n                            will point to the key referenced in the sub-column\n                            JSON Path.\n                          </p>\n                        </>\n                      }\n                    >\n                      <InfoTwoTone sx={{ color: 'grey.700' }} />\n                    </Tooltip>\n                  ),\n                  slotProps: {\n                    input: { 'aria-label': 'JSON Path' },\n                  },\n                },\n              }}\n              error={!!errorsByField['jsonPath']}\n              helperText={errorsByField['jsonPath']}\n            />\n          </Box>\n        </Box>\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/components/TableColumnSchemaEditor/ColumnModelFormFields/DefaultValueField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultValueField.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/ColumnModelFormFields/DefaultValueField.tsx"],"sourcesContent":["import { ReactNode, useMemo } from 'react'\nimport { ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport {\n  FormControl,\n  MenuItem,\n  Select,\n  SelectProps,\n  TextField,\n  TextFieldProps,\n} from '@mui/material'\nimport DateTimePicker from '../../DateTimePicker/DateTimePicker'\nimport dayjs from 'dayjs'\nimport FormHelperText from '@mui/material/FormHelperText'\nimport MultiValueField from './MultiValueField'\nimport { ColumnModelFormData } from '../Validators/ColumnModelValidator'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\n\n// required to parse unix timestamp below\ndayjs.extend(customParseFormat)\n\nexport type DefaultValueFieldProps<TValue, TReturn = TValue> = {\n  columnModel: ColumnModelFormData\n  value: TValue | undefined\n  onChange: (newValue: TReturn | undefined) => void\n  disabled?: boolean\n  TextFieldProps?: Omit<TextFieldProps, 'value' | 'onChange' | 'disabled'>\n  SelectProps?: Omit<SelectProps, 'variant' | 'value' | 'onChange' | 'disabled'>\n  selectFormHelperText?: ReactNode\n}\n\nfunction DefaultValueBooleanField(props: DefaultValueFieldProps<string>) {\n  const { onChange, value, disabled, SelectProps, selectFormHelperText } = props\n  return (\n    <FormControl fullWidth>\n      <Select\n        {...SelectProps}\n        disabled={disabled}\n        value={value || ''}\n        onChange={e => {\n          if (e.target.value == null) {\n            onChange(undefined)\n          } else {\n            onChange(e.target.value as string)\n          }\n        }}\n      >\n        <MenuItem value={undefined}>{''}</MenuItem>\n        <MenuItem value={'true'}>true</MenuItem>\n        <MenuItem value={'false'}>false</MenuItem>\n      </Select>\n      {selectFormHelperText && (\n        <FormHelperText color={'error.main'}>\n          {selectFormHelperText}\n        </FormHelperText>\n      )}\n    </FormControl>\n  )\n}\n\nfunction DefaultValueDateField(props: DefaultValueFieldProps<string>) {\n  const { onChange, value = null, disabled, TextFieldProps } = props\n\n  const valueAsDayjs = useMemo(() => {\n    if (value) {\n      // The backend service returns a string that contains an integer unix timestamp with millisecond precision\n      // Passing the raw string to dayjs without a format option will parse the value incorrectly\n      // 'x' indicates parsing the value as a ms Unix Timestamp - https://day.js.org/docs/en/parse/string-format\n      return dayjs(value, 'x')\n    }\n    return null\n  }, [value])\n\n  return (\n    <DateTimePicker\n      value={valueAsDayjs}\n      onChange={newValue => {\n        if (newValue == null) {\n          onChange(undefined)\n        } else {\n          // onChange argument should match the backend's passed value\n          onChange(String(newValue.valueOf()))\n        }\n      }}\n      disabled={disabled}\n      slotProps={{\n        textField: TextFieldProps,\n      }}\n    />\n  )\n}\n\nfunction DefaultValueListField(\n  props: DefaultValueFieldProps<(string | number)[], (string | number)[]>,\n) {\n  // Note the backend returns a string that is a serialized JSON array.\n  // However, TableColumnSchemaEditorUtils.transformColumnModelsToFormData will parse this before this component receives the value.\n  // So this component will get an array of strings or numbers\n  const {\n    onChange,\n    value: _value = null,\n    columnModel,\n    TextFieldProps,\n    disabled,\n  } = props\n  const value = useMemo(() => {\n    try {\n      if (\n        columnModel.columnType === ColumnTypeEnum.DATE_LIST &&\n        Array.isArray(_value)\n      ) {\n        // if it's a DATE_LIST, then the values are Unix timestamps in milliseconds\n        // The `MultiValueField` component expects ISO strings to match the JSON Schema 'date-time' format\n        return _value.map(v => {\n          return dayjs(v, 'x').toISOString()\n        })\n      }\n      return _value\n    } catch (e) {\n      return null\n    }\n  }, [_value, columnModel.columnType])\n\n  return (\n    <MultiValueField\n      value={value}\n      onChange={arr => {\n        if (arr == null) {\n          // Convert null to undefined\n          onChange(undefined)\n        } else if (columnModel.columnType === ColumnTypeEnum.DATE_LIST) {\n          // Transform the ISO Timestamps to integer unix timestamps to match the passed value\n          onChange(arr.map(val => dayjs(val).valueOf()))\n        } else {\n          onChange(arr)\n        }\n      }}\n      columnType={columnModel.columnType as ColumnTypeEnum}\n      TextFieldProps={{ ...TextFieldProps, disabled }}\n    />\n  )\n}\n\nexport default function DefaultValueField<T>(props: DefaultValueFieldProps<T>) {\n  const { columnModel, onChange, value, disabled, TextFieldProps } = props\n\n  const { columnType } = columnModel\n\n  if (columnType === ColumnTypeEnum.BOOLEAN) {\n    return (\n      <DefaultValueBooleanField\n        {...(props as unknown as DefaultValueFieldProps<string>)}\n      />\n    )\n  }\n\n  if (columnType === ColumnTypeEnum.DATE) {\n    return (\n      <DefaultValueDateField\n        {...(props as unknown as DefaultValueFieldProps<string>)}\n      />\n    )\n  }\n\n  if (columnType.endsWith('_LIST')) {\n    return (\n      <DefaultValueListField\n        {...(props as unknown as DefaultValueFieldProps<(string | number)[]>)}\n      />\n    )\n  }\n\n  return (\n    <TextField\n      {...TextFieldProps}\n      type={'text'}\n      value={value || undefined}\n      onChange={event => {\n        if (event.target.value == '') {\n          onChange(undefined as T)\n        } else {\n          onChange(event.target.value as T)\n        }\n      }}\n      disabled={disabled}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;AAkBA,EAAM,OAAO,EAAkB;AAY/B,SAAS,EAAyB,GAAuC;CACvE,IAAM,EAAE,aAAU,UAAO,aAAU,gBAAa,4BAAyB;AACzE,QACE,kBAAC,GAAD;EAAa,WAAA;YAAb,CACE,kBAAC,GAAD;GACE,GAAI;GACM;GACV,OAAO,KAAS;GAChB,WAAU,MAAK;AACb,IAAI,EAAE,OAAO,SAAS,OACpB,EAAS,KAAA,EAAU,GAEnB,EAAS,EAAE,OAAO,MAAgB;;aARxC;IAYE,kBAAC,GAAD;KAAU,OAAO,KAAA;eAAY;KAAc,CAAA;IAC3C,kBAAC,GAAD;KAAU,OAAO;eAAQ;KAAe,CAAA;IACxC,kBAAC,GAAD;KAAU,OAAO;eAAS;KAAgB,CAAA;IACnC;MACR,KACC,kBAAC,GAAD;GAAgB,OAAO;aACpB;GACc,CAAA,CAEP;;;AAIlB,SAAS,EAAsB,GAAuC;CACpE,IAAM,EAAE,aAAU,WAAQ,MAAM,aAAU,sBAAmB;AAY7D,QACE,kBAAC,GAAD;EACE,OAZiB,QACf,IAIK,EAAM,GAAO,IAAI,GAEnB,MACN,CAAC,EAAM,CAIC;EACP,WAAU,MAAY;AACpB,GACE,EADE,KAAY,OACL,KAAA,IAGA,OAAO,EAAS,SAAS,CAAC,CAAC;;EAG9B;EACV,WAAW,EACT,WAAW,GACZ;EACD,CAAA;;AAIN,SAAS,EACP,GACA;CAIA,IAAM,EACJ,aACA,OAAO,IAAS,MAChB,gBACA,mBACA,gBACE;AAmBJ,QACE,kBAAC,GAAD;EACS,OApBG,QAAc;AAC1B,OAAI;AAWF,WATE,EAAY,eAAe,EAAe,aAC1C,MAAM,QAAQ,EAAO,GAId,EAAO,KAAI,MACT,EAAM,GAAG,IAAI,CAAC,aAAa,CAClC,GAEG;WACG;AACV,WAAO;;KAER,CAAC,GAAQ,EAAY,WAAW,CAIxB;EACP,WAAU,MAAO;AACf,GAAI,KAAO,OAET,EAAS,KAAA,EAAU,GACV,EAAY,eAAe,EAAe,YAEnD,EAAS,EAAI,KAAI,MAAO,EAAM,EAAI,CAAC,SAAS,CAAC,CAAC,GAE9C,EAAS,EAAI;;EAGjB,YAAY,EAAY;EACxB,gBAAgB;GAAE,GAAG;GAAgB;GAAU;EAC/C,CAAA;;AAIN,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EAAE,gBAAa,aAAU,UAAO,aAAU,sBAAmB,GAE7D,EAAE,kBAAe;AA0BvB,QAxBI,MAAe,EAAe,UAE9B,kBAAC,GAAD,EACE,GAAK,GACL,CAAA,GAIF,MAAe,EAAe,OAE9B,kBAAC,GAAD,EACE,GAAK,GACL,CAAA,GAIF,EAAW,SAAS,QAAQ,GAE5B,kBAAC,GAAD,EACE,GAAK,GACL,CAAA,GAKJ,kBAAC,GAAD;EACE,GAAI;EACJ,MAAM;EACN,OAAO,KAAS,KAAA;EAChB,WAAU,MAAS;AACjB,GAAI,EAAM,OAAO,SAAS,KACxB,EAAS,KAAA,EAAe,GAExB,EAAS,EAAM,OAAO,MAAW;;EAG3B;EACV,CAAA"}
+{"version":3,"file":"DefaultValueField.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/ColumnModelFormFields/DefaultValueField.tsx"],"sourcesContent":["import { ReactNode, useMemo } from 'react'\nimport { ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport {\n  FormControl,\n  MenuItem,\n  Select,\n  SelectProps,\n  TextField,\n  TextFieldProps,\n} from '@mui/material'\nimport DateTimePicker from '../../DateTimePicker/DateTimePicker'\nimport dayjs from 'dayjs'\nimport FormHelperText from '@mui/material/FormHelperText'\nimport MultiValueField from './MultiValueField'\nimport { ColumnModelFormData } from '../Validators/ColumnModelValidator'\nimport customParseFormat from 'dayjs/plugin/customParseFormat'\n\n// required to parse unix timestamp below\ndayjs.extend(customParseFormat)\n\nexport type DefaultValueFieldProps<TValue, TReturn = TValue> = {\n  columnModel: ColumnModelFormData\n  value: TValue | undefined\n  onChange: (newValue: TReturn | undefined) => void\n  disabled?: boolean\n  TextFieldProps?: Omit<TextFieldProps, 'value' | 'onChange' | 'disabled'>\n  SelectProps?: Omit<SelectProps, 'variant' | 'value' | 'onChange' | 'disabled'>\n  selectFormHelperText?: ReactNode\n}\n\nfunction DefaultValueBooleanField(props: DefaultValueFieldProps<string>) {\n  const { onChange, value, disabled, SelectProps, selectFormHelperText } = props\n  return (\n    <FormControl fullWidth>\n      <Select\n        {...SelectProps}\n        disabled={disabled}\n        value={value || ''}\n        onChange={e => {\n          if (e.target.value == null) {\n            onChange(undefined)\n          } else {\n            onChange(e.target.value as string)\n          }\n        }}\n      >\n        <MenuItem value={undefined}>{''}</MenuItem>\n        <MenuItem value={'true'}>true</MenuItem>\n        <MenuItem value={'false'}>false</MenuItem>\n      </Select>\n      {selectFormHelperText && (\n        <FormHelperText color={'error.main'}>\n          {selectFormHelperText}\n        </FormHelperText>\n      )}\n    </FormControl>\n  )\n}\n\nfunction DefaultValueDateField(props: DefaultValueFieldProps<string>) {\n  const { onChange, value = null, disabled, TextFieldProps } = props\n\n  const valueAsDayjs = useMemo(() => {\n    if (value) {\n      // The backend service returns a string that contains an integer unix timestamp with millisecond precision\n      // Passing the raw string to dayjs without a format option will parse the value incorrectly\n      // 'x' indicates parsing the value as a ms Unix Timestamp - https://day.js.org/docs/en/parse/string-format\n      return dayjs(value, 'x')\n    }\n    return null\n  }, [value])\n\n  return (\n    <DateTimePicker\n      value={valueAsDayjs}\n      onChange={newValue => {\n        if (newValue == null) {\n          onChange(undefined)\n        } else {\n          // onChange argument should match the backend's passed value\n          onChange(String(newValue.valueOf()))\n        }\n      }}\n      disabled={disabled}\n      slotProps={{\n        textField: TextFieldProps,\n      }}\n    />\n  )\n}\n\nfunction DefaultValueListField(\n  props: DefaultValueFieldProps<(string | number)[], (string | number)[]>,\n) {\n  // Note the backend returns a string that is a serialized JSON array.\n  // However, TableColumnSchemaEditorUtils.transformColumnModelsToFormData will parse this before this component receives the value.\n  // So this component will get an array of strings or numbers\n  const {\n    onChange,\n    value: _value = null,\n    columnModel,\n    TextFieldProps,\n    disabled,\n  } = props\n  const value = useMemo(() => {\n    try {\n      if (\n        columnModel.columnType === ColumnTypeEnum.DATE_LIST &&\n        Array.isArray(_value)\n      ) {\n        // if it's a DATE_LIST, then the values are Unix timestamps in milliseconds\n        // The `MultiValueField` component expects ISO strings to match the JSON Schema 'date-time' format\n        return _value.map(v => {\n          return dayjs(v, 'x').toISOString()\n        })\n      }\n      return _value\n    } catch (e) {\n      return null\n    }\n  }, [_value, columnModel.columnType])\n\n  return (\n    <MultiValueField\n      value={value}\n      onChange={arr => {\n        if (arr == null) {\n          // Convert null to undefined\n          onChange(undefined)\n        } else if (columnModel.columnType === ColumnTypeEnum.DATE_LIST) {\n          // Transform the ISO Timestamps to integer unix timestamps to match the passed value\n          onChange(arr.map(val => dayjs(val).valueOf()))\n        } else {\n          onChange(arr)\n        }\n      }}\n      columnType={columnModel.columnType as ColumnTypeEnum}\n      TextFieldProps={{ ...TextFieldProps, disabled }}\n    />\n  )\n}\n\nexport default function DefaultValueField<T>(props: DefaultValueFieldProps<T>) {\n  const { columnModel, onChange, value, disabled, TextFieldProps } = props\n\n  const { columnType } = columnModel\n\n  if (columnType === ColumnTypeEnum.BOOLEAN) {\n    return (\n      <DefaultValueBooleanField\n        {...(props as unknown as DefaultValueFieldProps<string>)}\n      />\n    )\n  }\n\n  if (columnType === ColumnTypeEnum.DATE) {\n    return (\n      <DefaultValueDateField\n        {...(props as unknown as DefaultValueFieldProps<string>)}\n      />\n    )\n  }\n\n  if (columnType.endsWith('_LIST')) {\n    return (\n      <DefaultValueListField\n        {...(props as unknown as DefaultValueFieldProps<(string | number)[]>)}\n      />\n    )\n  }\n\n  return (\n    <TextField\n      {...TextFieldProps}\n      type={'text'}\n      value={value || undefined}\n      onChange={event => {\n        if (event.target.value == '') {\n          onChange(undefined as T)\n        } else {\n          onChange(event.target.value as T)\n        }\n      }}\n      disabled={disabled}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;AAkBA,EAAM,OAAO,CAAiB;AAY9B,SAAS,EAAyB,GAAuC;CACvE,IAAM,EAAE,aAAU,UAAO,aAAU,gBAAa,4BAAyB;CACzE,OACE,kBAAC,GAAD;EAAa,WAAA;YAAb,CACE,kBAAC,GAAD;GACE,GAAI;GACM;GACV,OAAO,KAAS;GAChB,WAAU,MAAK;IACb,AAAI,EAAE,OAAO,SAAS,OACpB,EAAS,KAAA,CAAS,IAElB,EAAS,EAAE,OAAO,KAAe;GAErC;aAVF;IAYE,kBAAC,GAAD;KAAU,OAAO,KAAA;eAAY;IAAa,CAAA;IAC1C,kBAAC,GAAD;KAAU,OAAO;eAAQ;IAAc,CAAA;IACvC,kBAAC,GAAD;KAAU,OAAO;eAAS;IAAe,CAAA;GACnC;MACP,KACC,kBAAC,GAAD;GAAgB,OAAO;aACpB;EACa,CAAA,CAEP;;AAEjB;AAEA,SAAS,EAAsB,GAAuC;CACpE,IAAM,EAAE,aAAU,WAAQ,MAAM,aAAU,sBAAmB;CAY7D,OACE,kBAAC,GAAD;EACE,OAZiB,QACf,IAIK,EAAM,GAAO,GAAG,IAElB,MACN,CAAC,CAAK,CAIE;EACP,WAAU,MAAY;GACpB,AACE,EADE,KAAY,OACL,KAAA,IAGA,OAAO,EAAS,QAAQ,CAAC,CAAC;EAEvC;EACU;EACV,WAAW,EACT,WAAW,EACb;CACD,CAAA;AAEL;AAEA,SAAS,EACP,GACA;CAIA,IAAM,EACJ,aACA,OAAO,IAAS,MAChB,gBACA,mBACA,gBACE;CAmBJ,OACE,kBAAC,GAAD;EACS,OApBG,QAAc;GAC1B,IAAI;IAWF,OATE,EAAY,eAAe,EAAe,aAC1C,MAAM,QAAQ,CAAM,IAIb,EAAO,KAAI,MACT,EAAM,GAAG,GAAG,EAAE,YAAY,CAClC,IAEI;GACT,QAAY;IACV,OAAO;GACT;EACF,GAAG,CAAC,GAAQ,EAAY,UAAU,CAIvB;EACP,WAAU,MAAO;GACf,AAAI,KAAO,OAET,EAAS,KAAA,CAAS,IACT,EAAY,eAAe,EAAe,YAEnD,EAAS,EAAI,KAAI,MAAO,EAAM,CAAG,EAAE,QAAQ,CAAC,CAAC,IAE7C,EAAS,CAAG;EAEhB;EACA,YAAY,EAAY;EACxB,gBAAgB;GAAE,GAAG;GAAgB;EAAS;CAC/C,CAAA;AAEL;AAEA,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EAAE,gBAAa,aAAU,UAAO,aAAU,sBAAmB,GAE7D,EAAE,kBAAe;CA0BvB,OAxBI,MAAe,EAAe,UAE9B,kBAAC,GAAD,EACE,GAAK,EACN,CAAA,IAID,MAAe,EAAe,OAE9B,kBAAC,GAAD,EACE,GAAK,EACN,CAAA,IAID,EAAW,SAAS,OAAO,IAE3B,kBAAC,GAAD,EACE,GAAK,EACN,CAAA,IAKH,kBAAC,GAAD;EACE,GAAI;EACJ,MAAM;EACN,OAAO,KAAS,KAAA;EAChB,WAAU,MAAS;GACjB,AAAI,EAAM,OAAO,SAAS,KACxB,EAAS,KAAA,CAAc,IAEvB,EAAS,EAAM,OAAO,KAAU;EAEpC;EACU;CACX,CAAA;AAEL"}

package/dist/components/TableColumnSchemaEditor/ColumnModelFormFields/FieldWithRecommendedMinimum.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldWithRecommendedMinimum.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/ColumnModelFormFields/FieldWithRecommendedMinimum.tsx"],"sourcesContent":["import {\n  alpha,\n  SxProps,\n  TextField,\n  TextFieldProps,\n  Theme,\n  Tooltip,\n} from '@mui/material'\nimport { ColumnType, ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport {\n  getFormDataValueAsNumber,\n  isFormDataValueSmallerThanRecommendedValue,\n} from '../TableColumnSchemaEditorUtils'\n\nexport type FieldWithRecommendedValueProps = Omit<TextFieldProps, 'value'> & {\n  value: string | number | undefined\n  originalValue?: string | number | undefined\n  recommendedValue?: number\n  columnType: ColumnType\n}\n\nexport function FieldWithRecommendedMinimum(\n  props: FieldWithRecommendedValueProps,\n) {\n  const {\n    value,\n    originalValue,\n    recommendedValue,\n    columnType,\n    error: errorFromProps,\n    ...textFieldProps\n  } = props\n\n  const isSmallerThanRecommendedValue =\n    isFormDataValueSmallerThanRecommendedValue(value, recommendedValue)\n\n  const hasChangedFromOriginal =\n    originalValue != null &&\n    getFormDataValueAsNumber(value) !== getFormDataValueAsNumber(originalValue)\n\n  const showError = !!errorFromProps || isSmallerThanRecommendedValue\n\n  let tooltipText = null\n  let additionalSx: SxProps<Theme> | undefined = undefined\n  if (isSmallerThanRecommendedValue) {\n    tooltipText = (\n      <>\n        <p>Data annotations are longer than allowed by current schema.</p>\n        <p>\n          Recommended size is <strong>{recommendedValue}</strong>.\n        </p>\n        {ColumnTypeEnum.STRING === columnType && (\n          <p>If unsure, choose “MediumText” from the Column Type menu.</p>\n        )}\n      </>\n    )\n  } else if (hasChangedFromOriginal) {\n    tooltipText = (\n      <>\n        <p>This value has changed since the table was last saved.</p>\n        <p>The last saved value was {originalValue}.</p>\n      </>\n    )\n    additionalSx = theme => ({\n      '& .MuiInputBase-root': {\n        backgroundColor: alpha(theme.palette.info.main, 0.1),\n        border: '1px solid',\n        borderColor: theme.palette.info.main,\n      },\n    })\n  }\n\n  return (\n    <Tooltip title={tooltipText}>\n      <TextField\n        value={value ?? ''}\n        error={showError}\n        color={showError ? 'error' : undefined}\n        focused={isSmallerThanRecommendedValue ? true : undefined}\n        sx={[\n          ...(Array.isArray(textFieldProps.sx)\n            ? textFieldProps.sx\n            : [textFieldProps.sx]),\n          additionalSx,\n        ]}\n        {...textFieldProps}\n      />\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;AAqBA,SAAgB,EACd,GACA;CACA,IAAM,EACJ,UACA,kBACA,qBACA,eACA,OAAO,GACP,GAAG,MACD,GAEE,IACJ,EAA2C,GAAO,EAAiB,EAE/D,IACJ,KAAiB,QACjB,EAAyB,EAAM,KAAK,EAAyB,EAAc,EAEvE,IAAY,CAAC,CAAC,KAAkB,GAElC,IAAc,MACd;AA6BJ,QA5BI,IACF,IACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,KAAD,EAAA,UAAG,+DAA+D,CAAA;EAClE,kBAAC,KAAD,EAAA,UAAA;GAAG;GACmB,kBAAC,UAAD,EAAA,UAAS,GAA0B,CAAA;;GACrD,EAAA,CAAA;EACH,EAAe,WAAW,KACzB,kBAAC,KAAD,EAAA,UAAG,6DAA6D,CAAA;EAEjE,EAAA,CAAA,GAEI,MACT,IACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,KAAD,EAAA,UAAG,0DAA0D,CAAA,EAC7D,kBAAC,KAAD,EAAA,UAAA;EAAG;EAA0B;EAAc;EAAK,EAAA,CAAA,CAC/C,EAAA,CAAA,EAEL,KAAe,OAAU,EACvB,wBAAwB;EACtB,iBAAiB,EAAM,EAAM,QAAQ,KAAK,MAAM,GAAI;EACpD,QAAQ;EACR,aAAa,EAAM,QAAQ,KAAK;EACjC,EACF,IAID,kBAAC,GAAD;EAAS,OAAO;YACd,kBAAC,GAAD;GACE,OAAO,KAAS;GAChB,OAAO;GACP,OAAO,IAAY,UAAU,KAAA;GAC7B,SAAS,IAAgC,KAAO,KAAA;GAChD,IAAI,CACF,GAAI,MAAM,QAAQ,EAAe,GAAG,GAChC,EAAe,KACf,CAAC,EAAe,GAAG,EACvB,EACD;GACD,GAAI;GACJ,CAAA;EACM,CAAA"}
+{"version":3,"file":"FieldWithRecommendedMinimum.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/ColumnModelFormFields/FieldWithRecommendedMinimum.tsx"],"sourcesContent":["import {\n  alpha,\n  SxProps,\n  TextField,\n  TextFieldProps,\n  Theme,\n  Tooltip,\n} from '@mui/material'\nimport { ColumnType, ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport {\n  getFormDataValueAsNumber,\n  isFormDataValueSmallerThanRecommendedValue,\n} from '../TableColumnSchemaEditorUtils'\n\nexport type FieldWithRecommendedValueProps = Omit<TextFieldProps, 'value'> & {\n  value: string | number | undefined\n  originalValue?: string | number | undefined\n  recommendedValue?: number\n  columnType: ColumnType\n}\n\nexport function FieldWithRecommendedMinimum(\n  props: FieldWithRecommendedValueProps,\n) {\n  const {\n    value,\n    originalValue,\n    recommendedValue,\n    columnType,\n    error: errorFromProps,\n    ...textFieldProps\n  } = props\n\n  const isSmallerThanRecommendedValue =\n    isFormDataValueSmallerThanRecommendedValue(value, recommendedValue)\n\n  const hasChangedFromOriginal =\n    originalValue != null &&\n    getFormDataValueAsNumber(value) !== getFormDataValueAsNumber(originalValue)\n\n  const showError = !!errorFromProps || isSmallerThanRecommendedValue\n\n  let tooltipText = null\n  let additionalSx: SxProps<Theme> | undefined = undefined\n  if (isSmallerThanRecommendedValue) {\n    tooltipText = (\n      <>\n        <p>Data annotations are longer than allowed by current schema.</p>\n        <p>\n          Recommended size is <strong>{recommendedValue}</strong>.\n        </p>\n        {ColumnTypeEnum.STRING === columnType && (\n          <p>If unsure, choose “MediumText” from the Column Type menu.</p>\n        )}\n      </>\n    )\n  } else if (hasChangedFromOriginal) {\n    tooltipText = (\n      <>\n        <p>This value has changed since the table was last saved.</p>\n        <p>The last saved value was {originalValue}.</p>\n      </>\n    )\n    additionalSx = theme => ({\n      '& .MuiInputBase-root': {\n        backgroundColor: alpha(theme.palette.info.main, 0.1),\n        border: '1px solid',\n        borderColor: theme.palette.info.main,\n      },\n    })\n  }\n\n  return (\n    <Tooltip title={tooltipText}>\n      <TextField\n        value={value ?? ''}\n        error={showError}\n        color={showError ? 'error' : undefined}\n        focused={isSmallerThanRecommendedValue ? true : undefined}\n        sx={[\n          ...(Array.isArray(textFieldProps.sx)\n            ? textFieldProps.sx\n            : [textFieldProps.sx]),\n          additionalSx,\n        ]}\n        {...textFieldProps}\n      />\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;AAqBA,SAAgB,EACd,GACA;CACA,IAAM,EACJ,UACA,kBACA,qBACA,eACA,OAAO,GACP,GAAG,MACD,GAEE,IACJ,EAA2C,GAAO,CAAgB,GAE9D,IACJ,KAAiB,QACjB,EAAyB,CAAK,MAAM,EAAyB,CAAa,GAEtE,IAAY,CAAC,CAAC,KAAkB,GAElC,IAAc,MACd;CA6BJ,OA5BI,IACF,IACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,KAAD,EAAA,UAAG,8DAA8D,CAAA;EACjE,kBAAC,KAAD,EAAA,UAAA;GAAG;GACmB,kBAAC,UAAD,EAAA,UAAS,EAAyB,CAAA;GAAC;EACtD,EAAA,CAAA;EACF,EAAe,WAAW,KACzB,kBAAC,KAAD,EAAA,UAAG,4DAA4D,CAAA;CAEjE,EAAA,CAAA,IAEK,MACT,IACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,KAAD,EAAA,UAAG,yDAAyD,CAAA,GAC5D,kBAAC,KAAD,EAAA,UAAA;EAAG;EAA0B;EAAc;CAAI,EAAA,CAAA,CAC/C,EAAA,CAAA,GAEJ,KAAe,OAAU,EACvB,wBAAwB;EACtB,iBAAiB,EAAM,EAAM,QAAQ,KAAK,MAAM,EAAG;EACnD,QAAQ;EACR,aAAa,EAAM,QAAQ,KAAK;CAClC,EACF,KAIA,kBAAC,GAAD;EAAS,OAAO;YACd,kBAAC,GAAD;GACE,OAAO,KAAS;GAChB,OAAO;GACP,OAAO,IAAY,UAAU,KAAA;GAC7B,SAAS,IAAgC,KAAO,KAAA;GAChD,IAAI,CACF,GAAI,MAAM,QAAQ,EAAe,EAAE,IAC/B,EAAe,KACf,CAAC,EAAe,EAAE,GACtB,CACF;GACA,GAAI;EACL,CAAA;CACM,CAAA;AAEb"}

package/dist/components/TableColumnSchemaEditor/ColumnModelFormFields/MultiValueField.js

@@ -1,6 +1,6 @@
 import { formatDate as e } from "../../../utils/functions/DateFormatter.js";
-import { getJsonSchemaItemDefinitionForColumnType as t } from "../TableColumnSchemaEditorUtils.js";
-import n from "../../JSONArrayEditor/JSONArrayEditorModal.js";
+import t from "../../JSONArrayEditor/JSONArrayEditorModal.js";
+import { getJsonSchemaItemDefinitionForColumnType as n } from "../TableColumnSchemaEditorUtils.js";
 import { useMemo as r, useState as i } from "react";
 import { TextField as a } from "@mui/material";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
@@ -8,8 +8,8 @@ import { ColumnTypeEnum as l } from "@sage-bionetworks/synapse-types";
 import u from "dayjs";
 //#region src/components/TableColumnSchemaEditor/ColumnModelFormFields/MultiValueField.tsx
 function d(d) {
-	let { columnType: f, onChange: p, value: m = [], TextFieldProps: h } = d, [g, _] = i(!1), v = r(() => t(f), [f]), y = r(() => m == null ? "" : f === l.DATE_LIST ? m.map((t) => e(u(t))).join(", ") : m.join(", "), [m, f]);
-	return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(n, {
+	let { columnType: f, onChange: p, value: m = [], TextFieldProps: h } = d, [g, _] = i(!1), v = r(() => n(f), [f]), y = r(() => m == null ? "" : f === l.DATE_LIST ? m.map((t) => e(u(t))).join(", ") : m.join(", "), [m, f]);
+	return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(t, {
 		arrayItemDefinition: v,
 		value: m ?? void 0,
 		isShowingModal: g,

package/dist/components/TableColumnSchemaEditor/ColumnModelFormFields/MultiValueField.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiValueField.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/ColumnModelFormFields/MultiValueField.tsx"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport { TextField, TextFieldProps } from '@mui/material'\nimport { ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useMemo, useState } from 'react'\nimport JSONArrayEditorModal from '../../JSONArrayEditor/JSONArrayEditorModal'\nimport { getJsonSchemaItemDefinitionForColumnType } from '../TableColumnSchemaEditorUtils'\n\nexport type MultiValueFieldProps<T = unknown> = {\n  value?: T[] | null\n  onChange: (newValue: T[] | null) => void\n  columnType: ColumnTypeEnum\n  TextFieldProps?: Omit<TextFieldProps, 'value' | 'onChange'>\n}\n\nexport default function MultiValueField<T = unknown>(\n  props: MultiValueFieldProps<T>,\n) {\n  const { columnType, onChange, value = [], TextFieldProps } = props\n  const [isShowingModal, setIsShowingModal] = useState(false)\n\n  const arrayItemDefinition = useMemo(\n    () => getJsonSchemaItemDefinitionForColumnType(columnType),\n    [columnType],\n  )\n\n  const textFieldDisplayedValue = useMemo(() => {\n    if (value == null) {\n      return ''\n    }\n    if (columnType === ColumnTypeEnum.DATE_LIST) {\n      return value.map(v => formatDate(dayjs(v as string))).join(', ')\n    }\n    return value.join(', ')\n  }, [value, columnType])\n\n  return (\n    <>\n      <JSONArrayEditorModal\n        arrayItemDefinition={arrayItemDefinition}\n        value={value ?? undefined}\n        isShowingModal={isShowingModal}\n        onConfirm={values => {\n          onChange(values)\n          setIsShowingModal(false)\n        }}\n        onCancel={() => setIsShowingModal(false)}\n      />\n      <TextField\n        {...TextFieldProps}\n        value={textFieldDisplayedValue}\n        onClick={() => {\n          setIsShowingModal(true)\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAeA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,eAAY,aAAU,WAAQ,EAAE,EAAE,sBAAmB,GACvD,CAAC,GAAgB,KAAqB,EAAS,GAAM,EAErD,IAAsB,QACpB,EAAyC,EAAW,EAC1D,CAAC,EAAW,CACb,EAEK,IAA0B,QAC1B,KAAS,OACJ,KAEL,MAAe,EAAe,YACzB,EAAM,KAAI,MAAK,EAAW,EAAM,EAAY,CAAC,CAAC,CAAC,KAAK,KAAK,GAE3D,EAAM,KAAK,KAAK,EACtB,CAAC,GAAO,EAAW,CAAC;AAEvB,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACuB;EACrB,OAAO,KAAS,KAAA;EACA;EAChB,YAAW,MAAU;AAEnB,GADA,EAAS,EAAO,EAChB,EAAkB,GAAM;;EAE1B,gBAAgB,EAAkB,GAAM;EACxC,CAAA,EACF,kBAAC,GAAD;EACE,GAAI;EACJ,OAAO;EACP,eAAe;AACb,KAAkB,GAAK;;EAEzB,CAAA,CACD,EAAA,CAAA"}
+{"version":3,"file":"MultiValueField.js","names":[],"sources":["../../../../src/components/TableColumnSchemaEditor/ColumnModelFormFields/MultiValueField.tsx"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport { TextField, TextFieldProps } from '@mui/material'\nimport { ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useMemo, useState } from 'react'\nimport JSONArrayEditorModal from '../../JSONArrayEditor/JSONArrayEditorModal'\nimport { getJsonSchemaItemDefinitionForColumnType } from '../TableColumnSchemaEditorUtils'\n\nexport type MultiValueFieldProps<T = unknown> = {\n  value?: T[] | null\n  onChange: (newValue: T[] | null) => void\n  columnType: ColumnTypeEnum\n  TextFieldProps?: Omit<TextFieldProps, 'value' | 'onChange'>\n}\n\nexport default function MultiValueField<T = unknown>(\n  props: MultiValueFieldProps<T>,\n) {\n  const { columnType, onChange, value = [], TextFieldProps } = props\n  const [isShowingModal, setIsShowingModal] = useState(false)\n\n  const arrayItemDefinition = useMemo(\n    () => getJsonSchemaItemDefinitionForColumnType(columnType),\n    [columnType],\n  )\n\n  const textFieldDisplayedValue = useMemo(() => {\n    if (value == null) {\n      return ''\n    }\n    if (columnType === ColumnTypeEnum.DATE_LIST) {\n      return value.map(v => formatDate(dayjs(v as string))).join(', ')\n    }\n    return value.join(', ')\n  }, [value, columnType])\n\n  return (\n    <>\n      <JSONArrayEditorModal\n        arrayItemDefinition={arrayItemDefinition}\n        value={value ?? undefined}\n        isShowingModal={isShowingModal}\n        onConfirm={values => {\n          onChange(values)\n          setIsShowingModal(false)\n        }}\n        onCancel={() => setIsShowingModal(false)}\n      />\n      <TextField\n        {...TextFieldProps}\n        value={textFieldDisplayedValue}\n        onClick={() => {\n          setIsShowingModal(true)\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAeA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,eAAY,aAAU,WAAQ,CAAC,GAAG,sBAAmB,GACvD,CAAC,GAAgB,KAAqB,EAAS,EAAK,GAEpD,IAAsB,QACpB,EAAyC,CAAU,GACzD,CAAC,CAAU,CACb,GAEM,IAA0B,QAC1B,KAAS,OACJ,KAEL,MAAe,EAAe,YACzB,EAAM,KAAI,MAAK,EAAW,EAAM,CAAW,CAAC,CAAC,EAAE,KAAK,IAAI,IAE1D,EAAM,KAAK,IAAI,GACrB,CAAC,GAAO,CAAU,CAAC;CAEtB,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACuB;EACrB,OAAO,KAAS,KAAA;EACA;EAChB,YAAW,MAAU;GAEnB,AADA,EAAS,CAAM,GACf,EAAkB,EAAK;EACzB;EACA,gBAAgB,EAAkB,EAAK;CACxC,CAAA,GACD,kBAAC,GAAD;EACE,GAAI;EACJ,OAAO;EACP,eAAe;GACb,EAAkB,EAAI;EACxB;CACD,CAAA,CACD,EAAA,CAAA;AAEN"}

package/dist/components/TableColumnSchemaEditor/ImportTableColumnsButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImportTableColumnsButton.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/ImportTableColumnsButton.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useSynapseContext } from '@/utils'\nimport { EntityTypeGroup } from '@/utils/functions/EntityTypeUtils'\nimport { DownloadTwoTone } from '@mui/icons-material'\nimport { Button, ButtonProps } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { ColumnModel, Reference } from '@sage-bionetworks/synapse-types'\nimport { useCallback, useState } from 'react'\nimport { SetOptional } from 'type-fest'\nimport { EntityFinderModal } from '../EntityFinder/EntityFinderModal'\nimport { FinderScope } from '../EntityFinder/tree/EntityTree'\nimport { VersionSelectionType } from '../EntityFinder/VersionSelectionType'\nimport { displayToast } from '../ToastMessage'\n\nexport type ImportTableColumnsButtonProps = Omit<ButtonProps, 'onClick'> & {\n  initialFinderProjectId?: string\n  onAddColumns: (columnModels: SetOptional<ColumnModel, 'id'>[]) => void\n}\n\nexport default function ImportTableColumnsButton(\n  props: ImportTableColumnsButtonProps,\n) {\n  const { initialFinderProjectId, onAddColumns, ...buttonProps } = props\n  const [showFinder, setShowFinder] = useState(false)\n  const { accessToken } = useSynapseContext()\n\n  const fetchColumnModels = useCallback(\n    async (reference: Reference): Promise<SetOptional<ColumnModel, 'id'>[]> => {\n      const { tableBundle } = await SynapseClient.getEntityBundleV2(\n        reference.targetId,\n        { includeTableBundle: true },\n        reference.targetVersionNumber,\n        accessToken,\n      )\n      return tableBundle!.columnModels.map(columnModel => ({\n        ...columnModel,\n        id: undefined,\n      }))\n    },\n    [accessToken],\n  )\n\n  const onConfirmEntityFinder = useCallback(\n    async (selected: Reference[]) => {\n      try {\n        const selectedEntity = selected[0]\n\n        if (selectedEntity) {\n          // Get the column models from the selected table\n          const columnModels = await fetchColumnModels(selectedEntity)\n          onAddColumns(columnModels)\n        }\n      } catch (err) {\n        console.error(err)\n        displayToast(err.message, 'danger')\n      } finally {\n        setShowFinder(false)\n      }\n    },\n    [fetchColumnModels, onAddColumns],\n  )\n\n  return (\n    <>\n      <EntityFinderModal\n        configuration={{\n          initialScope: initialFinderProjectId\n            ? FinderScope.CURRENT_PROJECT\n            : FinderScope.ALL_PROJECTS,\n          initialContainer: initialFinderProjectId ?? 'root',\n          selectMultiple: false,\n          selectableTypes: EntityTypeGroup.ALL_TABLES,\n          visibleTypesInTree: [EntityType.project],\n          versionSelection: VersionSelectionType.UNTRACKED,\n        }}\n        show={showFinder}\n        title={'Import Columns from Table'}\n        promptCopy={'Find Tables to import columns'}\n        titleHelpPopoverProps={{\n          markdownText:\n            'Search or Browse Synapse to find an existing Table in order to import columns into this Table',\n        }}\n        onConfirm={selected => {\n          onConfirmEntityFinder(selected)\n        }}\n        confirmButtonCopy={'Import Columns'}\n        onCancel={() => {\n          setShowFinder(false)\n        }}\n      />\n      <Button\n        variant={'outlined'}\n        onClick={() => {\n          setShowFinder(true)\n        }}\n        startIcon={<DownloadTwoTone />}\n        {...buttonProps}\n      >\n        Import Columns\n      </Button>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,2BAAwB,iBAAc,GAAG,MAAgB,GAC3D,CAAC,GAAY,KAAiB,EAAS,GAAM,EAC7C,EAAE,mBAAgB,GAAmB,EAErC,IAAoB,EACxB,OAAO,MAAoE;EACzE,IAAM,EAAE,mBAAgB,MAAM,EAAc,kBAC1C,EAAU,UACV,EAAE,oBAAoB,IAAM,EAC5B,EAAU,qBACV,EACD;AACD,SAAO,EAAa,aAAa,KAAI,OAAgB;GACnD,GAAG;GACH,IAAI,KAAA;GACL,EAAE;IAEL,CAAC,EAAY,CACd,EAEK,IAAwB,EAC5B,OAAO,MAA0B;AAC/B,MAAI;GACF,IAAM,IAAiB,EAAS;AAEhC,GAAI,KAGF,EAAa,MADc,EAAkB,EAAe,CAClC;WAErB,GAAK;AAEZ,GADA,QAAQ,MAAM,EAAI,EAClB,EAAa,EAAI,SAAS,SAAS;YAC3B;AACR,KAAc,GAAM;;IAGxB,CAAC,GAAmB,EAAa,CAClC;AAED,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,eAAe;GACb,cAAc,IACV,EAAY,kBACZ,EAAY;GAChB,kBAAkB,KAA0B;GAC5C,gBAAgB;GAChB,iBAAiB,EAAgB;GACjC,oBAAoB,CAAC,EAAW,QAAQ;GACxC,kBAAkB,EAAqB;GACxC;EACD,MAAM;EACN,OAAO;EACP,YAAY;EACZ,uBAAuB,EACrB,cACE,iGACH;EACD,YAAW,MAAY;AACrB,KAAsB,EAAS;;EAEjC,mBAAmB;EACnB,gBAAgB;AACd,KAAc,GAAM;;EAEtB,CAAA,EACF,kBAAC,GAAD;EACE,SAAS;EACT,eAAe;AACb,KAAc,GAAK;;EAErB,WAAW,kBAAC,GAAD,EAAmB,CAAA;EAC9B,GAAI;YACL;EAEQ,CAAA,CACR,EAAA,CAAA"}
+{"version":3,"file":"ImportTableColumnsButton.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/ImportTableColumnsButton.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useSynapseContext } from '@/utils'\nimport { EntityTypeGroup } from '@/utils/functions/EntityTypeUtils'\nimport { DownloadTwoTone } from '@mui/icons-material'\nimport { Button, ButtonProps } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { ColumnModel, Reference } from '@sage-bionetworks/synapse-types'\nimport { useCallback, useState } from 'react'\nimport { SetOptional } from 'type-fest'\nimport { EntityFinderModal } from '../EntityFinder/EntityFinderModal'\nimport { FinderScope } from '../EntityFinder/tree/EntityTree'\nimport { VersionSelectionType } from '../EntityFinder/VersionSelectionType'\nimport { displayToast } from '../ToastMessage'\n\nexport type ImportTableColumnsButtonProps = Omit<ButtonProps, 'onClick'> & {\n  initialFinderProjectId?: string\n  onAddColumns: (columnModels: SetOptional<ColumnModel, 'id'>[]) => void\n}\n\nexport default function ImportTableColumnsButton(\n  props: ImportTableColumnsButtonProps,\n) {\n  const { initialFinderProjectId, onAddColumns, ...buttonProps } = props\n  const [showFinder, setShowFinder] = useState(false)\n  const { accessToken } = useSynapseContext()\n\n  const fetchColumnModels = useCallback(\n    async (reference: Reference): Promise<SetOptional<ColumnModel, 'id'>[]> => {\n      const { tableBundle } = await SynapseClient.getEntityBundleV2(\n        reference.targetId,\n        { includeTableBundle: true },\n        reference.targetVersionNumber,\n        accessToken,\n      )\n      return tableBundle!.columnModels.map(columnModel => ({\n        ...columnModel,\n        id: undefined,\n      }))\n    },\n    [accessToken],\n  )\n\n  const onConfirmEntityFinder = useCallback(\n    async (selected: Reference[]) => {\n      try {\n        const selectedEntity = selected[0]\n\n        if (selectedEntity) {\n          // Get the column models from the selected table\n          const columnModels = await fetchColumnModels(selectedEntity)\n          onAddColumns(columnModels)\n        }\n      } catch (err) {\n        console.error(err)\n        displayToast(err.message, 'danger')\n      } finally {\n        setShowFinder(false)\n      }\n    },\n    [fetchColumnModels, onAddColumns],\n  )\n\n  return (\n    <>\n      <EntityFinderModal\n        configuration={{\n          initialScope: initialFinderProjectId\n            ? FinderScope.CURRENT_PROJECT\n            : FinderScope.ALL_PROJECTS,\n          initialContainer: initialFinderProjectId ?? 'root',\n          selectMultiple: false,\n          selectableTypes: EntityTypeGroup.ALL_TABLES,\n          visibleTypesInTree: [EntityType.project],\n          versionSelection: VersionSelectionType.UNTRACKED,\n        }}\n        show={showFinder}\n        title={'Import Columns from Table'}\n        promptCopy={'Find Tables to import columns'}\n        titleHelpPopoverProps={{\n          markdownText:\n            'Search or Browse Synapse to find an existing Table in order to import columns into this Table',\n        }}\n        onConfirm={selected => {\n          onConfirmEntityFinder(selected)\n        }}\n        confirmButtonCopy={'Import Columns'}\n        onCancel={() => {\n          setShowFinder(false)\n        }}\n      />\n      <Button\n        variant={'outlined'}\n        onClick={() => {\n          setShowFinder(true)\n        }}\n        startIcon={<DownloadTwoTone />}\n        {...buttonProps}\n      >\n        Import Columns\n      </Button>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,2BAAwB,iBAAc,GAAG,MAAgB,GAC3D,CAAC,GAAY,KAAiB,EAAS,EAAK,GAC5C,EAAE,mBAAgB,EAAkB,GAEpC,IAAoB,EACxB,OAAO,MAAoE;EACzE,IAAM,EAAE,mBAAgB,MAAM,EAAc,kBAC1C,EAAU,UACV,EAAE,oBAAoB,GAAK,GAC3B,EAAU,qBACV,CACF;EACA,OAAO,EAAa,aAAa,KAAI,OAAgB;GACnD,GAAG;GACH,IAAI,KAAA;EACN,EAAE;CACJ,GACA,CAAC,CAAW,CACd,GAEM,IAAwB,EAC5B,OAAO,MAA0B;EAC/B,IAAI;GACF,IAAM,IAAiB,EAAS;GAEhC,AAAI,KAGF,EAAa,MADc,EAAkB,CAAc,CAClC;EAE7B,SAAS,GAAK;GAEZ,AADA,QAAQ,MAAM,CAAG,GACjB,EAAa,EAAI,SAAS,QAAQ;EACpC,UAAU;GACR,EAAc,EAAK;EACrB;CACF,GACA,CAAC,GAAmB,CAAY,CAClC;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,eAAe;GACb,cAAc,IACV,EAAY,kBACZ,EAAY;GAChB,kBAAkB,KAA0B;GAC5C,gBAAgB;GAChB,iBAAiB,EAAgB;GACjC,oBAAoB,CAAC,EAAW,OAAO;GACvC,kBAAkB,EAAqB;EACzC;EACA,MAAM;EACN,OAAO;EACP,YAAY;EACZ,uBAAuB,EACrB,cACE,gGACJ;EACA,YAAW,MAAY;GACrB,EAAsB,CAAQ;EAChC;EACA,mBAAmB;EACnB,gBAAgB;GACd,EAAc,EAAK;EACrB;CACD,CAAA,GACD,kBAAC,GAAD;EACE,SAAS;EACT,eAAe;GACb,EAAc,EAAI;EACpB;EACA,WAAW,kBAAC,GAAD,CAAkB,CAAA;EAC7B,GAAI;YACL;CAEO,CAAA,CACR,EAAA,CAAA;AAEN"}

package/dist/components/TableColumnSchemaEditor/TableColumnSchemaEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumnSchemaEditor.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/TableColumnSchemaEditor.tsx"],"sourcesContent":["import { useGetEntityBundle, useUpdateTableColumns } from '@/synapse-queries'\nimport { convertToEntityType } from '@/utils/functions/EntityTypeUtils'\nimport { Alert } from '@mui/material'\nimport { ColumnModel, ViewScope } from '@sage-bionetworks/synapse-types'\nimport { isUndefined, noop, omitBy } from 'lodash-es'\nimport { useCallback, useMemo, useRef } from 'react'\nimport { SetOptional } from 'type-fest'\nimport { ConfirmationDialog } from '../ConfirmationDialog'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { SkeletonTable } from '../Skeleton'\nimport { getViewScopeForEntity } from './TableColumnSchemaEditorUtils'\nimport TableColumnSchemaForm, { SubmitHandle } from './TableColumnSchemaForm'\n\nexport type TableColumnSchemaEditorProps = {\n  entityId: string\n  open: boolean\n  onColumnsUpdated?: () => void\n  onCancel?: () => void\n}\n\n/**\n * Fetches column model data for a Synapse Table and renders a form to edit the column models.\n * @param props\n * @constructor\n */\nexport default function TableColumnSchemaEditor(\n  props: TableColumnSchemaEditorProps,\n) {\n  const { entityId, open, onColumnsUpdated = noop, onCancel = noop } = props\n\n  const formRef = useRef<SubmitHandle>(null)\n  const { data: bundle, isLoading } = useGetEntityBundle(\n    entityId,\n    undefined,\n    {\n      includeEntity: true,\n      includeTableBundle: true,\n    },\n    {\n      // This data is inserted into a form, so don't refetch it.\n      staleTime: Infinity,\n      throwOnError: true,\n    },\n  )\n\n  const entity = bundle?.entity\n  const originalColumnModels = bundle?.tableBundle?.columnModels\n\n  const {\n    mutate,\n    isPending: updateIsPending,\n    error,\n  } = useUpdateTableColumns({\n    onSuccess: () => {\n      onColumnsUpdated()\n    },\n  })\n\n  const onSubmit = useCallback(\n    (newColumnModels: SetOptional<ColumnModel, 'id'>[]) => {\n      // Update the table schema with the new column models.\n      mutate({\n        entityId,\n        originalColumnModels: originalColumnModels!,\n        newColumnModels: newColumnModels.map(cm =>\n          // Remove undefined properties from the new column models\n          omitBy(cm, isUndefined),\n        ) as SetOptional<ColumnModel, 'id'>[],\n      })\n    },\n    [entityId, mutate, originalColumnModels],\n  )\n\n  const viewScope: ViewScope | undefined = useMemo(() => {\n    if (!entity) {\n      return undefined\n    }\n    return getViewScopeForEntity(entity)\n  }, [entity])\n\n  if (isLoading || !bundle || !entity) {\n    return (\n      <SkeletonTable\n        numRows={8}\n        numCols={7}\n        rowHeight={'50px'}\n        fullWidthCells\n      />\n    )\n  }\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      maxWidth={'xl'}\n      title={'Edit Columns'}\n      content={\n        <>\n          <TableColumnSchemaForm\n            ref={formRef}\n            entityType={convertToEntityType(entity.concreteType)}\n            viewScope={viewScope}\n            initialData={bundle?.tableBundle?.columnModels}\n            isSubmitting={updateIsPending}\n            onSubmit={formData => {\n              onSubmit(formData)\n            }}\n            originalColumnModels={originalColumnModels}\n          />\n          {error && (\n            <Alert severity={'error'} sx={{ my: 2 }}>\n              {error?.message}\n            </Alert>\n          )}\n        </>\n      }\n      confirmButtonProps={{\n        children: updateIsPending ? 'Saving...' : 'Save',\n        disabled: updateIsPending,\n        startIcon: updateIsPending ? <SynapseSpinner /> : undefined,\n      }}\n      onConfirm={() => {\n        if (formRef.current) {\n          formRef.current.submit()\n        }\n      }}\n      cancelButtonProps={{\n        disabled: updateIsPending,\n      }}\n      onCancel={onCancel}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAyBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU,SAAM,sBAAmB,GAAM,cAAW,MAAS,GAE/D,IAAU,EAAqB,KAAK,EACpC,EAAE,MAAM,GAAQ,iBAAc,EAClC,GACA,KAAA,GACA;EACE,eAAe;EACf,oBAAoB;EACrB,EACD;EAEE,WAAW;EACX,cAAc;EACf,CACF,EAEK,IAAS,GAAQ,QACjB,IAAuB,GAAQ,aAAa,cAE5C,EACJ,WACA,WAAW,GACX,aACE,EAAsB,EACxB,iBAAiB;AACf,KAAkB;IAErB,CAAC,EAEI,IAAW,GACd,MAAsD;AAErD,IAAO;GACL;GACsB;GACtB,iBAAiB,EAAgB,KAAI,MAEnC,EAAO,GAAI,EAAY,CACxB;GACF,CAAC;IAEJ;EAAC;EAAU;EAAQ;EAAqB,CACzC,EAEK,IAAmC,QAAc;AAChD,QAGL,QAAO,EAAsB,EAAO;IACnC,CAAC,EAAO,CAAC;AAaZ,QAXI,KAAa,CAAC,KAAU,CAAC,IAEzB,kBAAC,GAAD;EACE,SAAS;EACT,SAAS;EACT,WAAW;EACX,gBAAA;EACA,CAAA,GAKJ,kBAAC,GAAD;EACQ;EACN,UAAU;EACV,OAAO;EACP,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,KAAK;GACL,YAAY,EAAoB,EAAO,aAAa;GACzC;GACX,aAAa,GAAQ,aAAa;GAClC,cAAc;GACd,WAAU,MAAY;AACpB,MAAS,EAAS;;GAEE;GACtB,CAAA,EACD,KACC,kBAAC,GAAD;GAAO,UAAU;GAAS,IAAI,EAAE,IAAI,GAAG;aACpC,GAAO;GACF,CAAA,CAET,EAAA,CAAA;EAEL,oBAAoB;GAClB,UAAU,IAAkB,cAAc;GAC1C,UAAU;GACV,WAAW,IAAkB,kBAAC,GAAD,EAAkB,CAAA,GAAG,KAAA;GACnD;EACD,iBAAiB;AACf,GAAI,EAAQ,WACV,EAAQ,QAAQ,QAAQ;;EAG5B,mBAAmB,EACjB,UAAU,GACX;EACS;EACV,CAAA"}
+{"version":3,"file":"TableColumnSchemaEditor.js","names":[],"sources":["../../../src/components/TableColumnSchemaEditor/TableColumnSchemaEditor.tsx"],"sourcesContent":["import { useGetEntityBundle, useUpdateTableColumns } from '@/synapse-queries'\nimport { convertToEntityType } from '@/utils/functions/EntityTypeUtils'\nimport { Alert } from '@mui/material'\nimport { ColumnModel, ViewScope } from '@sage-bionetworks/synapse-types'\nimport { isUndefined, noop, omitBy } from 'lodash-es'\nimport { useCallback, useMemo, useRef } from 'react'\nimport { SetOptional } from 'type-fest'\nimport { ConfirmationDialog } from '../ConfirmationDialog'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { SkeletonTable } from '../Skeleton'\nimport { getViewScopeForEntity } from './TableColumnSchemaEditorUtils'\nimport TableColumnSchemaForm, { SubmitHandle } from './TableColumnSchemaForm'\n\nexport type TableColumnSchemaEditorProps = {\n  entityId: string\n  open: boolean\n  onColumnsUpdated?: () => void\n  onCancel?: () => void\n}\n\n/**\n * Fetches column model data for a Synapse Table and renders a form to edit the column models.\n * @param props\n * @constructor\n */\nexport default function TableColumnSchemaEditor(\n  props: TableColumnSchemaEditorProps,\n) {\n  const { entityId, open, onColumnsUpdated = noop, onCancel = noop } = props\n\n  const formRef = useRef<SubmitHandle>(null)\n  const { data: bundle, isLoading } = useGetEntityBundle(\n    entityId,\n    undefined,\n    {\n      includeEntity: true,\n      includeTableBundle: true,\n    },\n    {\n      // This data is inserted into a form, so don't refetch it.\n      staleTime: Infinity,\n      throwOnError: true,\n    },\n  )\n\n  const entity = bundle?.entity\n  const originalColumnModels = bundle?.tableBundle?.columnModels\n\n  const {\n    mutate,\n    isPending: updateIsPending,\n    error,\n  } = useUpdateTableColumns({\n    onSuccess: () => {\n      onColumnsUpdated()\n    },\n  })\n\n  const onSubmit = useCallback(\n    (newColumnModels: SetOptional<ColumnModel, 'id'>[]) => {\n      // Update the table schema with the new column models.\n      mutate({\n        entityId,\n        originalColumnModels: originalColumnModels!,\n        newColumnModels: newColumnModels.map(cm =>\n          // Remove undefined properties from the new column models\n          omitBy(cm, isUndefined),\n        ) as SetOptional<ColumnModel, 'id'>[],\n      })\n    },\n    [entityId, mutate, originalColumnModels],\n  )\n\n  const viewScope: ViewScope | undefined = useMemo(() => {\n    if (!entity) {\n      return undefined\n    }\n    return getViewScopeForEntity(entity)\n  }, [entity])\n\n  if (isLoading || !bundle || !entity) {\n    return (\n      <SkeletonTable\n        numRows={8}\n        numCols={7}\n        rowHeight={'50px'}\n        fullWidthCells\n      />\n    )\n  }\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      maxWidth={'xl'}\n      title={'Edit Columns'}\n      content={\n        <>\n          <TableColumnSchemaForm\n            ref={formRef}\n            entityType={convertToEntityType(entity.concreteType)}\n            viewScope={viewScope}\n            initialData={bundle?.tableBundle?.columnModels}\n            isSubmitting={updateIsPending}\n            onSubmit={formData => {\n              onSubmit(formData)\n            }}\n            originalColumnModels={originalColumnModels}\n          />\n          {error && (\n            <Alert severity={'error'} sx={{ my: 2 }}>\n              {error?.message}\n            </Alert>\n          )}\n        </>\n      }\n      confirmButtonProps={{\n        children: updateIsPending ? 'Saving...' : 'Save',\n        disabled: updateIsPending,\n        startIcon: updateIsPending ? <SynapseSpinner /> : undefined,\n      }}\n      onConfirm={() => {\n        if (formRef.current) {\n          formRef.current.submit()\n        }\n      }}\n      cancelButtonProps={{\n        disabled: updateIsPending,\n      }}\n      onCancel={onCancel}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAyBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU,SAAM,sBAAmB,GAAM,cAAW,MAAS,GAE/D,IAAU,EAAqB,IAAI,GACnC,EAAE,MAAM,GAAQ,iBAAc,EAClC,GACA,KAAA,GACA;EACE,eAAe;EACf,oBAAoB;CACtB,GACA;EAEE,WAAW;EACX,cAAc;CAChB,CACF,GAEM,IAAS,GAAQ,QACjB,IAAuB,GAAQ,aAAa,cAE5C,EACJ,WACA,WAAW,GACX,aACE,EAAsB,EACxB,iBAAiB;EACf,EAAiB;CACnB,EACF,CAAC,GAEK,IAAW,GACd,MAAsD;EAErD,EAAO;GACL;GACsB;GACtB,iBAAiB,EAAgB,KAAI,MAEnC,EAAO,GAAI,CAAW,CACxB;EACF,CAAC;CACH,GACA;EAAC;EAAU;EAAQ;CAAoB,CACzC,GAEM,IAAmC,QAAc;EAChD,OAGL,OAAO,EAAsB,CAAM;CACrC,GAAG,CAAC,CAAM,CAAC;CAaX,OAXI,KAAa,CAAC,KAAU,CAAC,IAEzB,kBAAC,GAAD;EACE,SAAS;EACT,SAAS;EACT,WAAW;EACX,gBAAA;CACD,CAAA,IAKH,kBAAC,GAAD;EACQ;EACN,UAAU;EACV,OAAO;EACP,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,KAAK;GACL,YAAY,EAAoB,EAAO,YAAY;GACxC;GACX,aAAa,GAAQ,aAAa;GAClC,cAAc;GACd,WAAU,MAAY;IACpB,EAAS,CAAQ;GACnB;GACsB;EACvB,CAAA,GACA,KACC,kBAAC,GAAD;GAAO,UAAU;GAAS,IAAI,EAAE,IAAI,EAAE;aACnC,GAAO;EACH,CAAA,CAET,EAAA,CAAA;EAEJ,oBAAoB;GAClB,UAAU,IAAkB,cAAc;GAC1C,UAAU;GACV,WAAW,IAAkB,kBAAC,GAAD,CAAiB,CAAA,IAAI,KAAA;EACpD;EACA,iBAAiB;GACf,AAAI,EAAQ,WACV,EAAQ,QAAQ,OAAO;EAE3B;EACA,mBAAmB,EACjB,UAAU,EACZ;EACU;CACX,CAAA;AAEL"}