synapse-react-client 4.0.18 → 4.0.20

package/dist/components/SynapseTable/RowSelection/RowSelectionControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowSelectionControls.js","names":[],"sources":["../../../../src/components/SynapseTable/RowSelection/RowSelectionControls.tsx"],"sourcesContent":["import AddToDownloadListConfirmationAlert from '@/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert'\nimport { useGetAddToDownloadListRequestForCurrentQuery } from '@/components/QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery'\nimport { useGetEntity } from '@/synapse-queries'\nimport { canTableQueryBeAddedToDownloadList } from '@/utils/functions/queryUtils'\nimport { GetAppTwoTone } from '@mui/icons-material'\nimport { Box, Button } from '@mui/material'\nimport { Table } from '@sage-bionetworks/synapse-types'\nimport { useAtom } from 'jotai'\nimport { useState } from 'react'\nimport { toast } from 'react-hot-toast'\nimport { useSynapseContext } from '@/utils'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport { selectedRowsAtom } from '../../QueryWrapper/TableRowSelectionState'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport {\n  getFileColumnModelId,\n  SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE,\n} from '../SynapseTableUtils'\nimport { CustomControlButton } from '../CustomControls/CustomControlButton'\nimport { CustomControl } from '../TopLevelControls/TopLevelControls'\nimport { RowSelectionUI } from './RowSelectionUI'\nimport { SignInRequiredModal } from '@/components/SignInRequiredModal/SignInRequiredModal'\n\nconst SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID =\n  'SendToAnalysisPlatformRowSelectionControlButton'\n\nexport type RowSelectionControlsProps = {\n  customControls?: CustomControl[]\n  remount?: () => void\n}\n\n/**\n * This component is responsible for rendering the RowSelectionUI and the custom controls. Must be wrapped in a\n * QueryContext and a QueryVisualizationContext.\n * @param props\n * @constructor\n */\nexport function RowSelectionControls(props: RowSelectionControlsProps) {\n  const { customControls = [], remount } = props\n  const { isAuthenticated } = useSynapseContext()\n  const [showLoginModal, setShowLoginModal] = useState(false)\n  const { entityId, versionNumber, getCurrentQueryRequest } = useQueryContext()\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useGetQueryMetadata()\n  const [selectedRows, setSelectedRows] = useAtom(selectedRowsAtom)\n\n  const addToDownloadListRequest =\n    useGetAddToDownloadListRequestForCurrentQuery()\n\n  const {\n    setIsShowingExportToAnalysisPlatformModal,\n    enabledExternalAnalysisPlatforms,\n  } = useQueryVisualizationContext()\n\n  const showExportToAnalysisPlatformButton =\n    enabledExternalAnalysisPlatforms.length > 0\n\n  const refresh = () => {\n    // clear selection\n    setSelectedRows([])\n    if (remount) {\n      remount()\n    }\n  }\n  const fileColumnId = getFileColumnModelId(queryMetadata?.columnModels)\n  const showAddToDownloadCart = canTableQueryBeAddedToDownloadList(\n    entity,\n    fileColumnId,\n  )\n\n  return (\n    <RowSelectionUI\n      show={selectedRows.length > 0}\n      selectedRowCount={selectedRows.length}\n      onClearSelection={() => setSelectedRows([])}\n      customControls={\n        <>\n          {customControls.map(customControl => {\n            return (\n              <CustomControlButton\n                key={customControl.buttonText}\n                variant=\"contained\"\n                callbackData={{\n                  tableId: entityId!,\n                  queryMetadata: queryMetadata,\n                  selectedRows,\n                  refresh,\n                  request: getCurrentQueryRequest(),\n                }}\n                control={customControl}\n                startIcon={customControl.icon}\n              />\n            )\n          })}\n          {/* TODO: Generic button */}\n          {showExportToAnalysisPlatformButton && (\n            <Button\n              variant=\"outlined\"\n              onClick={() => {\n                if (isAuthenticated) {\n                  setIsShowingExportToAnalysisPlatformModal(true)\n                } else {\n                  setShowLoginModal(true)\n                }\n              }}\n              id={SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID}\n            >\n              Send to Analysis Platform\n            </Button>\n          )}\n          {showLoginModal && (\n            <SignInRequiredModal\n              onHide={() => setShowLoginModal(false)}\n              content={SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE}\n            />\n          )}\n          {showAddToDownloadCart && (\n            <Button\n              variant=\"contained\"\n              onClick={() => {\n                const toastId = toast.custom(\n                  <Box\n                    sx={{\n                      width: '100%',\n                    }}\n                  >\n                    <AddToDownloadListConfirmationAlert\n                      addToDownloadListRequest={addToDownloadListRequest}\n                      onClose={() => {\n                        toast.dismiss(toastId)\n                      }}\n                    />\n                  </Box>,\n                  {\n                    duration: Infinity,\n                  },\n                )\n              }}\n              startIcon={<GetAppTwoTone />}\n            >\n              Add to Download List\n            </Button>\n          )}\n        </>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAM,IACJ;AAaF,SAAgB,EAAqB,GAAkC;CACrE,IAAM,EAAE,oBAAiB,EAAE,EAAE,eAAY,GACnC,EAAE,uBAAoB,GAAmB,EACzC,CAAC,GAAgB,KAAqB,EAAS,GAAM,EACrD,EAAE,aAAU,kBAAe,8BAA2B,GAAiB,EACvE,EAAE,MAAM,MAAW,EAAoB,GAAU,EAAc,EAC/D,EAAE,MAAM,MAAkB,GAAqB,EAC/C,CAAC,GAAc,KAAmB,EAAQ,EAAiB,EAE3D,IACJ,GAA+C,EAE3C,EACJ,8CACA,wCACE,GAA8B,EAE5B,IACJ,EAAiC,SAAS,GAEtC,UAAgB;AAGpB,EADA,EAAgB,EAAE,CAAC,EACf,KACF,GAAS;IAIP,IAAwB,EAC5B,GAFmB,EAAqB,GAAe,aAGvD,CACD;AAED,QACE,kBAAC,GAAD;EACE,MAAM,EAAa,SAAS;EAC5B,kBAAkB,EAAa;EAC/B,wBAAwB,EAAgB,EAAE,CAAC;EAC3C,gBACE,kBAAA,GAAA,EAAA,UAAA;GACG,EAAe,KAAI,MAEhB,kBAAC,GAAD;IAEE,SAAQ;IACR,cAAc;KACZ,SAAS;KACM;KACf;KACA;KACA,SAAS,GAAwB;KAClC;IACD,SAAS;IACT,WAAW,EAAc;IACzB,EAXK,EAAc,WAWnB,CAEJ;GAED,KACC,kBAAC,GAAD;IACE,SAAQ;IACR,eAAe;AACb,KAAI,IACF,EAA0C,GAAK,GAE/C,EAAkB,GAAK;;IAG3B,IAAI;cACL;IAEQ,CAAA;GAEV,KACC,kBAAC,GAAD;IACE,cAAc,EAAkB,GAAM;IACtC,SAAA;IACA,CAAA;GAEH,KACC,kBAAC,GAAD;IACE,SAAQ;IACR,eAAe;KACb,IAAM,IAAU,EAAM,OACpB,kBAAC,GAAD;MACE,IAAI,EACF,OAAO,QACR;gBAED,kBAAC,GAAD;OAC4B;OAC1B,eAAe;AACb,UAAM,QAAQ,EAAQ;;OAExB,CAAA;MACE,CAAA,EACN,EACE,UAAU,UACX,CACF;;IAEH,WAAW,kBAAC,GAAD,EAAiB,CAAA;cAC7B;IAEQ,CAAA;GAEV,EAAA,CAAA;EAEL,CAAA"}
+{"version":3,"file":"RowSelectionControls.js","names":[],"sources":["../../../../src/components/SynapseTable/RowSelection/RowSelectionControls.tsx"],"sourcesContent":["import AddToDownloadListConfirmationAlert from '@/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert'\nimport { useGetAddToDownloadListRequestForCurrentQuery } from '@/components/QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery'\nimport { useGetEntity } from '@/synapse-queries'\nimport { canTableQueryBeAddedToDownloadList } from '@/utils/functions/queryUtils'\nimport { GetAppTwoTone } from '@mui/icons-material'\nimport { Box, Button } from '@mui/material'\nimport { Table } from '@sage-bionetworks/synapse-types'\nimport { useAtom } from 'jotai'\nimport { useState } from 'react'\nimport { toast } from 'react-hot-toast'\nimport { useSynapseContext } from '@/utils'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport { selectedRowsAtom } from '../../QueryWrapper/TableRowSelectionState'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport {\n  getFileColumnModelId,\n  SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE,\n} from '../SynapseTableUtils'\nimport { CustomControlButton } from '../CustomControls/CustomControlButton'\nimport { CustomControl } from '../TopLevelControls/TopLevelControls'\nimport { RowSelectionUI } from './RowSelectionUI'\nimport { SignInRequiredModal } from '@/components/SignInRequiredModal/SignInRequiredModal'\n\nconst SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID =\n  'SendToAnalysisPlatformRowSelectionControlButton'\n\nexport type RowSelectionControlsProps = {\n  customControls?: CustomControl[]\n  remount?: () => void\n}\n\n/**\n * This component is responsible for rendering the RowSelectionUI and the custom controls. Must be wrapped in a\n * QueryContext and a QueryVisualizationContext.\n * @param props\n * @constructor\n */\nexport function RowSelectionControls(props: RowSelectionControlsProps) {\n  const { customControls = [], remount } = props\n  const { isAuthenticated } = useSynapseContext()\n  const [showLoginModal, setShowLoginModal] = useState(false)\n  const { entityId, versionNumber, getCurrentQueryRequest } = useQueryContext()\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useGetQueryMetadata()\n  const [selectedRows, setSelectedRows] = useAtom(selectedRowsAtom)\n\n  const addToDownloadListRequest =\n    useGetAddToDownloadListRequestForCurrentQuery()\n\n  const {\n    setIsShowingExportToAnalysisPlatformModal,\n    enabledExternalAnalysisPlatforms,\n  } = useQueryVisualizationContext()\n\n  const showExportToAnalysisPlatformButton =\n    enabledExternalAnalysisPlatforms.length > 0\n\n  const refresh = () => {\n    // clear selection\n    setSelectedRows([])\n    if (remount) {\n      remount()\n    }\n  }\n  const fileColumnId = getFileColumnModelId(queryMetadata?.columnModels)\n  const showAddToDownloadCart = canTableQueryBeAddedToDownloadList(\n    entity,\n    fileColumnId,\n  )\n\n  return (\n    <RowSelectionUI\n      show={selectedRows.length > 0}\n      selectedRowCount={selectedRows.length}\n      onClearSelection={() => setSelectedRows([])}\n      customControls={\n        <>\n          {customControls.map(customControl => {\n            return (\n              <CustomControlButton\n                key={customControl.buttonText}\n                variant=\"contained\"\n                callbackData={{\n                  tableId: entityId!,\n                  queryMetadata: queryMetadata,\n                  selectedRows,\n                  refresh,\n                  request: getCurrentQueryRequest(),\n                }}\n                control={customControl}\n                startIcon={customControl.icon}\n              />\n            )\n          })}\n          {/* TODO: Generic button */}\n          {showExportToAnalysisPlatformButton && (\n            <Button\n              variant=\"outlined\"\n              onClick={() => {\n                if (isAuthenticated) {\n                  setIsShowingExportToAnalysisPlatformModal(true)\n                } else {\n                  setShowLoginModal(true)\n                }\n              }}\n              id={SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID}\n            >\n              Send to Analysis Platform\n            </Button>\n          )}\n          {showLoginModal && (\n            <SignInRequiredModal\n              onHide={() => setShowLoginModal(false)}\n              content={SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE}\n            />\n          )}\n          {showAddToDownloadCart && (\n            <Button\n              variant=\"contained\"\n              onClick={() => {\n                const toastId = toast.custom(\n                  <Box\n                    sx={{\n                      width: '100%',\n                    }}\n                  >\n                    <AddToDownloadListConfirmationAlert\n                      addToDownloadListRequest={addToDownloadListRequest}\n                      onClose={() => {\n                        toast.dismiss(toastId)\n                      }}\n                    />\n                  </Box>,\n                  {\n                    duration: Infinity,\n                  },\n                )\n              }}\n              startIcon={<GetAppTwoTone />}\n            >\n              Add to Download List\n            </Button>\n          )}\n        </>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAM,IACJ;AAaF,SAAgB,EAAqB,GAAkC;CACrE,IAAM,EAAE,oBAAiB,CAAC,GAAG,eAAY,GACnC,EAAE,uBAAoB,EAAkB,GACxC,CAAC,GAAgB,KAAqB,EAAS,EAAK,GACpD,EAAE,aAAU,kBAAe,8BAA2B,EAAgB,GACtE,EAAE,MAAM,MAAW,EAAoB,GAAU,CAAa,GAC9D,EAAE,MAAM,MAAkB,EAAoB,GAC9C,CAAC,GAAc,KAAmB,EAAQ,CAAgB,GAE1D,IACJ,EAA8C,GAE1C,EACJ,8CACA,wCACE,EAA6B,GAE3B,IACJ,EAAiC,SAAS,GAEtC,UAAgB;EAGpB,AADA,EAAgB,CAAC,CAAC,GACd,KACF,EAAQ;CAEZ,GAEM,IAAwB,EAC5B,GAFmB,EAAqB,GAAe,YAGvD,CACF;CAEA,OACE,kBAAC,GAAD;EACE,MAAM,EAAa,SAAS;EAC5B,kBAAkB,EAAa;EAC/B,wBAAwB,EAAgB,CAAC,CAAC;EAC1C,gBACE,kBAAA,GAAA,EAAA,UAAA;GACG,EAAe,KAAI,MAEhB,kBAAC,GAAD;IAEE,SAAQ;IACR,cAAc;KACZ,SAAS;KACM;KACf;KACA;KACA,SAAS,EAAuB;IAClC;IACA,SAAS;IACT,WAAW,EAAc;GAC1B,GAXM,EAAc,UAWpB,CAEJ;GAEA,KACC,kBAAC,GAAD;IACE,SAAQ;IACR,eAAe;KACb,AAAI,IACF,EAA0C,EAAI,IAE9C,EAAkB,EAAI;IAE1B;IACA,IAAI;cACL;GAEO,CAAA;GAET,KACC,kBAAC,GAAD;IACE,cAAc,EAAkB,EAAK;IACrC,SAAA;GACD,CAAA;GAEF,KACC,kBAAC,GAAD;IACE,SAAQ;IACR,eAAe;KACb,IAAM,IAAU,EAAM,OACpB,kBAAC,GAAD;MACE,IAAI,EACF,OAAO,OACT;gBAEA,kBAAC,GAAD;OAC4B;OAC1B,eAAe;QACb,EAAM,QAAQ,CAAO;OACvB;MACD,CAAA;KACE,CAAA,GACL,EACE,UAAU,SACZ,CACF;IACF;IACA,WAAW,kBAAC,GAAD,CAAgB,CAAA;cAC5B;GAEO,CAAA;EAEV,EAAA,CAAA;CAEL,CAAA;AAEL"}

package/dist/components/SynapseTable/RowSelection/RowSelectionUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowSelectionUI.js","names":[],"sources":["../../../../src/components/SynapseTable/RowSelection/RowSelectionUI.tsx"],"sourcesContent":["import InlineBadge from '@/components/styled/InlineBadge'\nimport { Box, Button, Paper, Typography } from '@mui/material'\nimport { useAtomValue } from 'jotai'\nimport pluralize from 'pluralize'\nimport { ReactNode } from 'react'\nimport { isRowSelectionUIFloatingAtom } from '../../QueryWrapper/TableRowSelectionState'\n\nexport type RowSelectionUIProps = {\n  show?: boolean\n  selectedRowCount: number\n  onClearSelection: () => void\n  customControls?: ReactNode\n}\n\n/**\n * UI-only component for displaying the number of table rows selected, along with actions that can be performed on those rows\n */\nexport function RowSelectionUI(props: RowSelectionUIProps) {\n  const {\n    show = true,\n    selectedRowCount,\n    onClearSelection,\n    customControls = <></>,\n  } = props\n  const isRowSelectionUIFloating = useAtomValue(isRowSelectionUIFloatingAtom)\n  if (!show) {\n    return <></>\n  }\n\n  return (\n    <Paper\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        position: isRowSelectionUIFloating ? 'fixed' : 'absolute',\n        bottom: isRowSelectionUIFloating ? 0 : -70,\n        left: 0,\n        width: '100%',\n        height: '70px',\n        zIndex: 1,\n        px: 2.5,\n      }}\n    >\n      <Button\n        variant=\"text\"\n        color=\"error\"\n        onClick={() => {\n          onClearSelection()\n        }}\n      >\n        Clear Selection\n      </Button>\n      <Box\n        sx={{\n          display: 'flex',\n          gap: 2.5,\n          alignItems: 'center',\n        }}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            gap: 1.5,\n          }}\n        >\n          <InlineBadge\n            badgeContent={selectedRowCount.toLocaleString()}\n            color=\"primary\"\n            max={Infinity}\n          />\n          <Typography variant=\"body1\">\n            {pluralize('Row', selectedRowCount)} Selected\n          </Typography>\n        </Box>\n        {customControls}\n      </Box>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,EAAe,GAA4B;CACzD,IAAM,EACJ,UAAO,IACP,qBACA,qBACA,oBAAiB,kBAAA,GAAA,EAAK,CAAA,KACpB,GACE,IAA2B,EAAa,EAA6B;AAK3E,QAJK,IAKH,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,UAAU,IAA2B,UAAU;GAC/C,QAAQ,IAA2B,IAAI;GACvC,MAAM;GACN,OAAO;GACP,QAAQ;GACR,QAAQ;GACR,IAAI;GACL;YAZH,CAcE,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,eAAe;AACb,OAAkB;;aAErB;GAEQ,CAAA,EACT,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,KAAK;IACL,YAAY;IACb;aALH,CAOE,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,KAAK;KACN;cAJH,CAME,kBAAC,GAAD;KACE,cAAc,EAAiB,gBAAgB;KAC/C,OAAM;KACN,KAAK;KACL,CAAA,EACF,kBAAC,GAAD;KAAY,SAAQ;eAApB,CACG,EAAU,OAAO,EAAiB,EAAC,YACzB;OACT;OACL,EACG;KACA;MAnDD,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"RowSelectionUI.js","names":[],"sources":["../../../../src/components/SynapseTable/RowSelection/RowSelectionUI.tsx"],"sourcesContent":["import InlineBadge from '@/components/styled/InlineBadge'\nimport { Box, Button, Paper, Typography } from '@mui/material'\nimport { useAtomValue } from 'jotai'\nimport pluralize from 'pluralize'\nimport { ReactNode } from 'react'\nimport { isRowSelectionUIFloatingAtom } from '../../QueryWrapper/TableRowSelectionState'\n\nexport type RowSelectionUIProps = {\n  show?: boolean\n  selectedRowCount: number\n  onClearSelection: () => void\n  customControls?: ReactNode\n}\n\n/**\n * UI-only component for displaying the number of table rows selected, along with actions that can be performed on those rows\n */\nexport function RowSelectionUI(props: RowSelectionUIProps) {\n  const {\n    show = true,\n    selectedRowCount,\n    onClearSelection,\n    customControls = <></>,\n  } = props\n  const isRowSelectionUIFloating = useAtomValue(isRowSelectionUIFloatingAtom)\n  if (!show) {\n    return <></>\n  }\n\n  return (\n    <Paper\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        position: isRowSelectionUIFloating ? 'fixed' : 'absolute',\n        bottom: isRowSelectionUIFloating ? 0 : -70,\n        left: 0,\n        width: '100%',\n        height: '70px',\n        zIndex: 1,\n        px: 2.5,\n      }}\n    >\n      <Button\n        variant=\"text\"\n        color=\"error\"\n        onClick={() => {\n          onClearSelection()\n        }}\n      >\n        Clear Selection\n      </Button>\n      <Box\n        sx={{\n          display: 'flex',\n          gap: 2.5,\n          alignItems: 'center',\n        }}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            gap: 1.5,\n          }}\n        >\n          <InlineBadge\n            badgeContent={selectedRowCount.toLocaleString()}\n            color=\"primary\"\n            max={Infinity}\n          />\n          <Typography variant=\"body1\">\n            {pluralize('Row', selectedRowCount)} Selected\n          </Typography>\n        </Box>\n        {customControls}\n      </Box>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,EAAe,GAA4B;CACzD,IAAM,EACJ,UAAO,IACP,qBACA,qBACA,oBAAiB,kBAAA,GAAA,CAAI,CAAA,MACnB,GACE,IAA2B,EAAa,CAA4B;CAK1E,OAJK,IAKH,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,UAAU,IAA2B,UAAU;GAC/C,QAAQ,IAA2B,IAAI;GACvC,MAAM;GACN,OAAO;GACP,QAAQ;GACR,QAAQ;GACR,IAAI;EACN;YAZF,CAcE,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,eAAe;IACb,EAAiB;GACnB;aACD;EAEO,CAAA,GACR,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,KAAK;IACL,YAAY;GACd;aALF,CAOE,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,KAAK;IACP;cAJF,CAME,kBAAC,GAAD;KACE,cAAc,EAAiB,eAAe;KAC9C,OAAM;KACN,KAAK;IACN,CAAA,GACD,kBAAC,GAAD;KAAY,SAAQ;eAApB,CACG,EAAU,OAAO,CAAgB,GAAE,WAC1B;MACT;OACJ,CACE;IACA;MAnDA,kBAAA,GAAA,CAAI,CAAA;AAqDf"}

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

@@ -1 +1 @@
-{"version":3,"file":"SearchResultsNotFound.js","names":[],"sources":["../../../src/components/SynapseTable/SearchResultsNotFound.tsx"],"sourcesContent":["import NoSearchResults from '@/assets/icons/NoSearchResults'\n\nexport default function SearchResultsNotFound() {\n  return (\n    <div className=\"text-center\">\n      <NoSearchResults\n        className=\"no-search-results\"\n        display=\"block\"\n        height=\"181px\"\n        sx={{ pt: '40px', pb: '10px' }}\n      />\n      <h4>No Matching Results</h4>\n      <p>Try checking the spelling or removing filters.</p>\n    </div>\n  )\n}\n"],"mappings":";;;AAEA,SAAwB,IAAwB;AAC9C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IACE,WAAU;IACV,SAAQ;IACR,QAAO;IACP,IAAI;KAAE,IAAI;KAAQ,IAAI;KAAQ;IAC9B,CAAA;GACF,kBAAC,MAAD,EAAA,UAAI,uBAAwB,CAAA;GAC5B,kBAAC,KAAD,EAAA,UAAG,kDAAkD,CAAA;GACjD"}
+{"version":3,"file":"SearchResultsNotFound.js","names":[],"sources":["../../../src/components/SynapseTable/SearchResultsNotFound.tsx"],"sourcesContent":["import NoSearchResults from '@/assets/icons/NoSearchResults'\n\nexport default function SearchResultsNotFound() {\n  return (\n    <div className=\"text-center\">\n      <NoSearchResults\n        className=\"no-search-results\"\n        display=\"block\"\n        height=\"181px\"\n        sx={{ pt: '40px', pb: '10px' }}\n      />\n      <h4>No Matching Results</h4>\n      <p>Try checking the spelling or removing filters.</p>\n    </div>\n  )\n}\n"],"mappings":";;;AAEA,SAAwB,IAAwB;CAC9C,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IACE,WAAU;IACV,SAAQ;IACR,QAAO;IACP,IAAI;KAAE,IAAI;KAAQ,IAAI;IAAO;GAC9B,CAAA;GACD,kBAAC,MAAD,EAAA,UAAI,sBAAuB,CAAA;GAC3B,kBAAC,KAAD,EAAA,UAAG,iDAAiD,CAAA;EACjD;;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"SearchV2.js","names":[],"sources":["../../../src/components/SynapseTable/SearchV2.tsx"],"sourcesContent":["import {\n  isColumnMultiValueFunctionQueryFilter,\n  isColumnSingleValueQueryFilter,\n  LockedColumn,\n} from '@/utils'\nimport { Collapse } from '@mui/material'\nimport {\n  ColumnModel,\n  ColumnMultiValueFunction,\n  ColumnMultiValueFunctionQueryFilter,\n  ColumnSingleValueFilterOperator,\n  ColumnSingleValueQueryFilter,\n  ColumnTypeEnum,\n  QueryFilter,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  Component,\n  createRef,\n  FormEvent,\n  RefObject,\n  SyntheticEvent,\n} from 'react'\nimport { CSSTransition } from 'react-transition-group'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { QueryContextType } from '../QueryContext'\nimport { QueryVisualizationContextType } from '../QueryVisualizationWrapper'\nimport { useGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\nimport { ReadonlyDeep } from 'type-fest'\n\ntype SearchState = {\n  show: boolean\n  /*\n    When the component is revealed in queryplotnav we want to focus on the input field and reveal the dropdown\n    there is an issue where the method handleClickOutsideForm will override the state from componentDidUpdate\n    so we track when componentDidUpdate just fired so that `show` is not overriden on the click event which\n    triggers componentDidUpdate \n  */\n  didUpdateRanLast: boolean\n  searchText: string\n  columnName: string\n}\n\nexport type SearchableColumnsV2 = string[]\n\nexport type SearchV2Props = {\n  queryContext: QueryContextType\n  queryVisualizationContext: QueryVisualizationContextType\n  isQueryWrapperMenuChild?: boolean\n  defaultColumn?: string\n  searchable?: SearchableColumnsV2\n  lockedColumn?: LockedColumn\n  /**\n   * PLFM-8897, PORTALS-3534: Full-Text Search configuration.\n   * For Tables that have FTS enabled...\n   * If specified, use the specified mode and distance (if BOOLEAN mode). Otherwise default to NATURAL_LANGUAGE mode.\n   */\n  ftsConfig?: ReadonlyDeep<FTSConfig>\n}\n\nexport type TextMatchesMode = 'NATURAL_LANGUAGE' | 'BOOLEAN'\nexport type FTSConfig = {\n  textMatchesMode: TextMatchesMode\n  distance?: number // In BOOLEAN mode, this operator tests whether two or more words all start within a specified distance from each other, measured in words.\n  searchHelpURL?: string\n  /**\n   * Optional function to provide autocomplete suggestions for the search bar.\n   * When provided, the search input will show a dropdown of suggestions as the user types.\n   * @param searchText - The current text in the search input\n   * @returns A promise resolving to an array of suggestion strings\n   */\n  getSuggestions?: (searchText: string) => Promise<string[]>\n  /**\n   * Override the minimum number of characters required before a search is executed.\n   * Defaults to 3 (see PLFM-7011).\n   */\n  minSearchQueryLength?: number\n  /**\n   * When true, submitting a new search term replaces any existing TextMatchesQueryFilter\n   * in additionalFilters rather than appending a new one.\n   * Defaults to false (existing behaviour: filters accumulate).\n   */\n  replaceExistingFilter?: boolean\n}\n\ntype InternalSearchProps = SearchV2Props & {\n  columnModels: ColumnModel[] | undefined\n}\n\nclass _Search extends Component<InternalSearchProps, SearchState> {\n  public searchFormRef: RefObject<HTMLFormElement | null>\n  public radioFormRef: RefObject<HTMLFormElement | null>\n\n  constructor(props: InternalSearchProps) {\n    super(props)\n    this.state = {\n      show: false,\n      didUpdateRanLast: false,\n      searchText: '',\n      columnName: this.props.defaultColumn ?? '',\n    }\n    this.searchFormRef = createRef()\n    this.radioFormRef = createRef()\n  }\n\n  componentDidMount() {\n    // @ts-expect-error\n    document.addEventListener('click', this.handleClickOutsideForm)\n  }\n\n  componentDidUpdate(prevProps: InternalSearchProps) {\n    if (\n      !prevProps.queryVisualizationContext?.showSearchBar &&\n      this.props.queryVisualizationContext?.showSearchBar\n    ) {\n      this.setState({\n        show: true,\n        didUpdateRanLast: true,\n      })\n      this.searchFormRef?.current?.querySelector('input')?.focus()\n    }\n  }\n\n  componentWillUnmount() {\n    // @ts-expect-error\n    document.removeEventListener('click', this.handleClickOutsideForm)\n  }\n\n  handleClickOutsideForm = (event: SyntheticEvent) => {\n    if (\n      // @ts-expect-error\n      !this.searchFormRef.current?.contains(event?.target) &&\n      // @ts-expect-error\n      !this.radioFormRef.current?.contains(event?.target)\n    ) {\n      if (this.state.didUpdateRanLast) {\n        this.setState({\n          didUpdateRanLast: false,\n        })\n      } else {\n        this.setState({\n          show: false,\n        })\n      }\n    }\n  }\n\n  public search = (event: SyntheticEvent<HTMLFormElement>) => {\n    // form completion by default causes the page to reload, so we prevent that\n    event.preventDefault()\n    const { searchText } = this.state\n    let { columnName } = this.state\n    const { searchable, lockedColumn } = this.props\n    if (columnName === '') {\n      if (searchable) {\n        // If searchable column names are defined in the config, grab the first one (that is not locked)\n        columnName = searchable.filter(\n          colName => colName !== lockedColumn?.columnName,\n        )[0]\n      } else {\n        // Otherwise, get the first column model that can be searched.\n        // And for study details page: if lockedColumn is defined, remove it from the search\n        const searchableColumnModels = this.props.columnModels\n          ?.filter(el => el.name !== lockedColumn?.columnName)\n          .filter(el => this.isSupportedColumn(el))\n        columnName = searchableColumnModels?.[0].name ?? ''\n      }\n    }\n    this.setState({\n      show: false,\n    })\n    const { executeQueryRequest, getCurrentQueryRequest } =\n      this.props.queryContext\n\n    const lastQueryRequestDeepClone = getCurrentQueryRequest()\n\n    const { additionalFilters = [] } = lastQueryRequestDeepClone.query\n\n    const indexOfColumn = additionalFilters.findIndex((el: QueryFilter) => {\n      if (\n        isColumnSingleValueQueryFilter(el) ||\n        (isColumnMultiValueFunctionQueryFilter(el) &&\n          el.columnName === columnName)\n      ) {\n        return true\n      }\n      return false\n    })\n    if (indexOfColumn === -1) {\n      // get the column model to figure out what kind of filter we should apply.\n      const columnModel: ColumnModel | undefined =\n        this.props.columnModels?.filter(el => el.name === columnName)[0]\n      if (columnModel?.columnType.endsWith('_LIST')) {\n        const columnMultiValueQueryFilter: ColumnMultiValueFunctionQueryFilter =\n          {\n            columnName,\n            function: ColumnMultiValueFunction.HAS_LIKE,\n            _function: ColumnMultiValueFunction.HAS_LIKE,\n            values: [`%${searchText}%`],\n            concreteType:\n              'org.sagebionetworks.repo.model.table.ColumnMultiValueFunctionQueryFilter',\n          }\n        additionalFilters.push(columnMultiValueQueryFilter)\n      } else {\n        if (columnModel?.columnType == ColumnTypeEnum.ENTITYID) {\n          const columnSingleValueQueryFilter: ColumnSingleValueQueryFilter = {\n            columnName,\n            operator: ColumnSingleValueFilterOperator.EQUAL,\n            values: [`${searchText.toLowerCase().replace('syn', '')}`],\n            concreteType:\n              'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n          }\n          additionalFilters.push(columnSingleValueQueryFilter)\n        } else {\n          const columnSingleValueQueryFilter: ColumnSingleValueQueryFilter = {\n            columnName,\n            operator: ColumnSingleValueFilterOperator.LIKE,\n            values: [`%${searchText}%`],\n            concreteType:\n              'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n          }\n          additionalFilters.push(columnSingleValueQueryFilter)\n        }\n      }\n    } else {\n      ;(\n        additionalFilters[indexOfColumn] as\n          | ColumnSingleValueQueryFilter\n          | ColumnMultiValueFunctionQueryFilter\n      ).values.push(`%${searchText}%`)\n    }\n    lastQueryRequestDeepClone.query.additionalFilters = additionalFilters\n    executeQueryRequest(lastQueryRequestDeepClone)\n  }\n\n  public handleChange = (event: FormEvent<HTMLInputElement>) => {\n    this.setState({\n      searchText: event.currentTarget.value,\n    })\n  }\n\n  public isSupportedColumn = (columnModel?: ColumnModel) => {\n    switch (columnModel?.columnType) {\n      case ColumnTypeEnum.FILEHANDLEID:\n      case ColumnTypeEnum.DATE:\n      case ColumnTypeEnum.DATE_LIST:\n      case ColumnTypeEnum.USERID:\n        //    case ColumnTypeEnum.ENTITYID: //PORTALS-2995: users may want to search on Synapse ID\n        return false\n      default:\n        return true\n    }\n  }\n\n  public isSupportedColumnAndInProps = (columnModel?: ColumnModel) => {\n    if (this.isSupportedColumn(columnModel)) {\n      // return true if the searchable array contains this column name\n      const { searchable } = this.props\n      return searchable?.some(e => e === columnModel?.name)\n    }\n    return false\n  }\n\n  render() {\n    const {\n      searchable,\n      lockedColumn,\n      columnModels,\n      queryVisualizationContext: { showSearchBar, getColumnDisplayName },\n    } = this.props\n    const { searchText, show, columnName } = this.state\n    let searchColumns: string[] = []\n\n    // searchable specifies the order of the columns to search\n    if (searchable) {\n      searchColumns = searchable\n        .map(el => columnModels?.find(model => model.name === el))\n        .filter(this.isSupportedColumnAndInProps)\n        .map(el => el!.name)\n    } else if (columnModels) {\n      searchColumns = columnModels\n        ?.filter(this.isSupportedColumn)\n        .map(el => el.name)\n    }\n\n    // For study details page: if lockedColumn is defined, remove it from the radio dropdown\n    if (searchColumns.length && lockedColumn?.columnName) {\n      searchColumns = searchColumns.filter(\n        el => el !== lockedColumn?.columnName,\n      )\n    }\n    return (\n      <div className={`QueryWrapperSearchInput`}>\n        <Collapse in={showSearchBar}>\n          <form\n            className=\"QueryWrapperSearchInput__searchbar\"\n            onSubmit={this.search}\n            onClick={() => {\n              this.setState({ show: true })\n            }}\n            ref={this.searchFormRef}\n          >\n            <span className=\"QueryWrapperSearchInput__searchbar__searchicon\">\n              <IconSvg icon=\"search\" />\n            </span>\n            <input\n              onChange={this.handleChange}\n              onClick={() => {\n                this.setState({\n                  show: true,\n                })\n              }}\n              placeholder=\"Enter Search Terms\"\n              value={searchText}\n              type=\"text\"\n            />\n            {this.state.searchText.length > 0 && (\n              <button\n                className=\"QueryWrapperSearchInput__searchbar__clearbutton\"\n                type=\"button\"\n                onClick={() => {\n                  this.setState({\n                    searchText: '',\n                  })\n                }}\n              >\n                <IconSvg icon=\"close\" />\n              </button>\n            )}\n          </form>\n        </Collapse>\n        <div className=\"QueryWrapperSearchInput__dropdown_pos\">\n          <CSSTransition\n            nodeRef={this.radioFormRef}\n            in={show}\n            classNames=\"QueryWrapperSearchInput__animate_dropdown\"\n            timeout={{ enter: 0, exit: 300 }}\n          >\n            <form\n              ref={this.radioFormRef}\n              className=\"QueryWrapperSearchInput__column-select QueryWrapperSearchInput__animate_height\"\n            >\n              <p className=\"deemphasized\">\n                <i> Search In Field: </i>\n              </p>\n              {searchColumns.map((name, index) => {\n                const displayName = getColumnDisplayName(name)\n                const isSelected =\n                  (columnName === '' && index === 0) || columnName === name\n                return (\n                  <div className=\"radio\" key={`search-field-${name}-${index}`}>\n                    <label>\n                      <span>\n                        <input\n                          id={name}\n                          type=\"radio\"\n                          value={name}\n                          checked={isSelected}\n                          onClick={() => {\n                            this.searchFormRef?.current\n                              ?.querySelector('input')\n                              ?.focus()\n                            this.setState({\n                              columnName: name,\n                            })\n                          }}\n                        />\n                        <span>{displayName}</span>\n                      </span>\n                    </label>\n                  </div>\n                )\n              })}\n            </form>\n          </CSSTransition>\n        </div>\n      </div>\n    )\n  }\n}\n\nexport default function Search(props: SearchV2Props) {\n  const { data: queryMetadata } = useGetQueryMetadata()\n  return <_Search {...props} columnModels={queryMetadata?.columnModels} />\n}\n"],"mappings":"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"}
+{"version":3,"file":"SearchV2.js","names":[],"sources":["../../../src/components/SynapseTable/SearchV2.tsx"],"sourcesContent":["import {\n  isColumnMultiValueFunctionQueryFilter,\n  isColumnSingleValueQueryFilter,\n  LockedColumn,\n} from '@/utils'\nimport { Collapse } from '@mui/material'\nimport {\n  ColumnModel,\n  ColumnMultiValueFunction,\n  ColumnMultiValueFunctionQueryFilter,\n  ColumnSingleValueFilterOperator,\n  ColumnSingleValueQueryFilter,\n  ColumnTypeEnum,\n  QueryFilter,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  Component,\n  createRef,\n  FormEvent,\n  RefObject,\n  SyntheticEvent,\n} from 'react'\nimport { CSSTransition } from 'react-transition-group'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { QueryContextType } from '../QueryContext'\nimport { QueryVisualizationContextType } from '../QueryVisualizationWrapper'\nimport { useGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\nimport { ReadonlyDeep } from 'type-fest'\n\ntype SearchState = {\n  show: boolean\n  /*\n    When the component is revealed in queryplotnav we want to focus on the input field and reveal the dropdown\n    there is an issue where the method handleClickOutsideForm will override the state from componentDidUpdate\n    so we track when componentDidUpdate just fired so that `show` is not overriden on the click event which\n    triggers componentDidUpdate \n  */\n  didUpdateRanLast: boolean\n  searchText: string\n  columnName: string\n}\n\nexport type SearchableColumnsV2 = string[]\n\nexport type SearchV2Props = {\n  queryContext: QueryContextType\n  queryVisualizationContext: QueryVisualizationContextType\n  isQueryWrapperMenuChild?: boolean\n  defaultColumn?: string\n  searchable?: SearchableColumnsV2\n  lockedColumn?: LockedColumn\n  /**\n   * PLFM-8897, PORTALS-3534: Full-Text Search configuration.\n   * For Tables that have FTS enabled...\n   * If specified, use the specified mode and distance (if BOOLEAN mode). Otherwise default to NATURAL_LANGUAGE mode.\n   */\n  ftsConfig?: ReadonlyDeep<FTSConfig>\n}\n\nexport type TextMatchesMode = 'NATURAL_LANGUAGE' | 'BOOLEAN'\nexport type FTSConfig = {\n  textMatchesMode: TextMatchesMode\n  distance?: number // In BOOLEAN mode, this operator tests whether two or more words all start within a specified distance from each other, measured in words.\n  searchHelpURL?: string\n  /**\n   * Optional function to provide autocomplete suggestions for the search bar.\n   * When provided, the search input will show a dropdown of suggestions as the user types.\n   * @param searchText - The current text in the search input\n   * @returns A promise resolving to an array of suggestion strings\n   */\n  getSuggestions?: (searchText: string) => Promise<string[]>\n  /**\n   * Override the minimum number of characters required before a search is executed.\n   * Defaults to 3 (see PLFM-7011).\n   */\n  minSearchQueryLength?: number\n  /**\n   * When true, submitting a new search term replaces any existing TextMatchesQueryFilter\n   * in additionalFilters rather than appending a new one.\n   * Defaults to false (existing behaviour: filters accumulate).\n   */\n  replaceExistingFilter?: boolean\n}\n\ntype InternalSearchProps = SearchV2Props & {\n  columnModels: ColumnModel[] | undefined\n}\n\nclass _Search extends Component<InternalSearchProps, SearchState> {\n  public searchFormRef: RefObject<HTMLFormElement | null>\n  public radioFormRef: RefObject<HTMLFormElement | null>\n\n  constructor(props: InternalSearchProps) {\n    super(props)\n    this.state = {\n      show: false,\n      didUpdateRanLast: false,\n      searchText: '',\n      columnName: this.props.defaultColumn ?? '',\n    }\n    this.searchFormRef = createRef()\n    this.radioFormRef = createRef()\n  }\n\n  componentDidMount() {\n    // @ts-expect-error\n    document.addEventListener('click', this.handleClickOutsideForm)\n  }\n\n  componentDidUpdate(prevProps: InternalSearchProps) {\n    if (\n      !prevProps.queryVisualizationContext?.showSearchBar &&\n      this.props.queryVisualizationContext?.showSearchBar\n    ) {\n      this.setState({\n        show: true,\n        didUpdateRanLast: true,\n      })\n      this.searchFormRef?.current?.querySelector('input')?.focus()\n    }\n  }\n\n  componentWillUnmount() {\n    // @ts-expect-error\n    document.removeEventListener('click', this.handleClickOutsideForm)\n  }\n\n  handleClickOutsideForm = (event: SyntheticEvent) => {\n    if (\n      // @ts-expect-error\n      !this.searchFormRef.current?.contains(event?.target) &&\n      // @ts-expect-error\n      !this.radioFormRef.current?.contains(event?.target)\n    ) {\n      if (this.state.didUpdateRanLast) {\n        this.setState({\n          didUpdateRanLast: false,\n        })\n      } else {\n        this.setState({\n          show: false,\n        })\n      }\n    }\n  }\n\n  public search = (event: SyntheticEvent<HTMLFormElement>) => {\n    // form completion by default causes the page to reload, so we prevent that\n    event.preventDefault()\n    const { searchText } = this.state\n    let { columnName } = this.state\n    const { searchable, lockedColumn } = this.props\n    if (columnName === '') {\n      if (searchable) {\n        // If searchable column names are defined in the config, grab the first one (that is not locked)\n        columnName = searchable.filter(\n          colName => colName !== lockedColumn?.columnName,\n        )[0]\n      } else {\n        // Otherwise, get the first column model that can be searched.\n        // And for study details page: if lockedColumn is defined, remove it from the search\n        const searchableColumnModels = this.props.columnModels\n          ?.filter(el => el.name !== lockedColumn?.columnName)\n          .filter(el => this.isSupportedColumn(el))\n        columnName = searchableColumnModels?.[0].name ?? ''\n      }\n    }\n    this.setState({\n      show: false,\n    })\n    const { executeQueryRequest, getCurrentQueryRequest } =\n      this.props.queryContext\n\n    const lastQueryRequestDeepClone = getCurrentQueryRequest()\n\n    const { additionalFilters = [] } = lastQueryRequestDeepClone.query\n\n    const indexOfColumn = additionalFilters.findIndex((el: QueryFilter) => {\n      if (\n        isColumnSingleValueQueryFilter(el) ||\n        (isColumnMultiValueFunctionQueryFilter(el) &&\n          el.columnName === columnName)\n      ) {\n        return true\n      }\n      return false\n    })\n    if (indexOfColumn === -1) {\n      // get the column model to figure out what kind of filter we should apply.\n      const columnModel: ColumnModel | undefined =\n        this.props.columnModels?.filter(el => el.name === columnName)[0]\n      if (columnModel?.columnType.endsWith('_LIST')) {\n        const columnMultiValueQueryFilter: ColumnMultiValueFunctionQueryFilter =\n          {\n            columnName,\n            function: ColumnMultiValueFunction.HAS_LIKE,\n            _function: ColumnMultiValueFunction.HAS_LIKE,\n            values: [`%${searchText}%`],\n            concreteType:\n              'org.sagebionetworks.repo.model.table.ColumnMultiValueFunctionQueryFilter',\n          }\n        additionalFilters.push(columnMultiValueQueryFilter)\n      } else {\n        if (columnModel?.columnType == ColumnTypeEnum.ENTITYID) {\n          const columnSingleValueQueryFilter: ColumnSingleValueQueryFilter = {\n            columnName,\n            operator: ColumnSingleValueFilterOperator.EQUAL,\n            values: [`${searchText.toLowerCase().replace('syn', '')}`],\n            concreteType:\n              'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n          }\n          additionalFilters.push(columnSingleValueQueryFilter)\n        } else {\n          const columnSingleValueQueryFilter: ColumnSingleValueQueryFilter = {\n            columnName,\n            operator: ColumnSingleValueFilterOperator.LIKE,\n            values: [`%${searchText}%`],\n            concreteType:\n              'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n          }\n          additionalFilters.push(columnSingleValueQueryFilter)\n        }\n      }\n    } else {\n      ;(\n        additionalFilters[indexOfColumn] as\n          | ColumnSingleValueQueryFilter\n          | ColumnMultiValueFunctionQueryFilter\n      ).values.push(`%${searchText}%`)\n    }\n    lastQueryRequestDeepClone.query.additionalFilters = additionalFilters\n    executeQueryRequest(lastQueryRequestDeepClone)\n  }\n\n  public handleChange = (event: FormEvent<HTMLInputElement>) => {\n    this.setState({\n      searchText: event.currentTarget.value,\n    })\n  }\n\n  public isSupportedColumn = (columnModel?: ColumnModel) => {\n    switch (columnModel?.columnType) {\n      case ColumnTypeEnum.FILEHANDLEID:\n      case ColumnTypeEnum.DATE:\n      case ColumnTypeEnum.DATE_LIST:\n      case ColumnTypeEnum.USERID:\n        //    case ColumnTypeEnum.ENTITYID: //PORTALS-2995: users may want to search on Synapse ID\n        return false\n      default:\n        return true\n    }\n  }\n\n  public isSupportedColumnAndInProps = (columnModel?: ColumnModel) => {\n    if (this.isSupportedColumn(columnModel)) {\n      // return true if the searchable array contains this column name\n      const { searchable } = this.props\n      return searchable?.some(e => e === columnModel?.name)\n    }\n    return false\n  }\n\n  render() {\n    const {\n      searchable,\n      lockedColumn,\n      columnModels,\n      queryVisualizationContext: { showSearchBar, getColumnDisplayName },\n    } = this.props\n    const { searchText, show, columnName } = this.state\n    let searchColumns: string[] = []\n\n    // searchable specifies the order of the columns to search\n    if (searchable) {\n      searchColumns = searchable\n        .map(el => columnModels?.find(model => model.name === el))\n        .filter(this.isSupportedColumnAndInProps)\n        .map(el => el!.name)\n    } else if (columnModels) {\n      searchColumns = columnModels\n        ?.filter(this.isSupportedColumn)\n        .map(el => el.name)\n    }\n\n    // For study details page: if lockedColumn is defined, remove it from the radio dropdown\n    if (searchColumns.length && lockedColumn?.columnName) {\n      searchColumns = searchColumns.filter(\n        el => el !== lockedColumn?.columnName,\n      )\n    }\n    return (\n      <div className={`QueryWrapperSearchInput`}>\n        <Collapse in={showSearchBar}>\n          <form\n            className=\"QueryWrapperSearchInput__searchbar\"\n            onSubmit={this.search}\n            onClick={() => {\n              this.setState({ show: true })\n            }}\n            ref={this.searchFormRef}\n          >\n            <span className=\"QueryWrapperSearchInput__searchbar__searchicon\">\n              <IconSvg icon=\"search\" />\n            </span>\n            <input\n              onChange={this.handleChange}\n              onClick={() => {\n                this.setState({\n                  show: true,\n                })\n              }}\n              placeholder=\"Enter Search Terms\"\n              value={searchText}\n              type=\"text\"\n            />\n            {this.state.searchText.length > 0 && (\n              <button\n                className=\"QueryWrapperSearchInput__searchbar__clearbutton\"\n                type=\"button\"\n                onClick={() => {\n                  this.setState({\n                    searchText: '',\n                  })\n                }}\n              >\n                <IconSvg icon=\"close\" />\n              </button>\n            )}\n          </form>\n        </Collapse>\n        <div className=\"QueryWrapperSearchInput__dropdown_pos\">\n          <CSSTransition\n            nodeRef={this.radioFormRef}\n            in={show}\n            classNames=\"QueryWrapperSearchInput__animate_dropdown\"\n            timeout={{ enter: 0, exit: 300 }}\n          >\n            <form\n              ref={this.radioFormRef}\n              className=\"QueryWrapperSearchInput__column-select QueryWrapperSearchInput__animate_height\"\n            >\n              <p className=\"deemphasized\">\n                <i> Search In Field: </i>\n              </p>\n              {searchColumns.map((name, index) => {\n                const displayName = getColumnDisplayName(name)\n                const isSelected =\n                  (columnName === '' && index === 0) || columnName === name\n                return (\n                  <div className=\"radio\" key={`search-field-${name}-${index}`}>\n                    <label>\n                      <span>\n                        <input\n                          id={name}\n                          type=\"radio\"\n                          value={name}\n                          checked={isSelected}\n                          onClick={() => {\n                            this.searchFormRef?.current\n                              ?.querySelector('input')\n                              ?.focus()\n                            this.setState({\n                              columnName: name,\n                            })\n                          }}\n                        />\n                        <span>{displayName}</span>\n                      </span>\n                    </label>\n                  </div>\n                )\n              })}\n            </form>\n          </CSSTransition>\n        </div>\n      </div>\n    )\n  }\n}\n\nexport default function Search(props: SearchV2Props) {\n  const { data: queryMetadata } = useGetQueryMetadata()\n  return <_Search {...props} columnModels={queryMetadata?.columnModels} />\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SqlEditor.js","names":[],"sources":["../../../src/components/SynapseTable/SqlEditor.tsx"],"sourcesContent":["import { Collapse, TextField } from '@mui/material'\nimport {\n  ChangeEvent,\n  SyntheticEvent,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { HelpPopover } from '../HelpPopover/HelpPopover'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport { useQueryContext } from '../QueryContext'\nimport IconSvg from '../IconSvg'\n\nexport type SqlEditorProps = {\n  helpMessage?: string\n  helpUrl?: string\n  // SWC-7094: many errors occur due to experimenting with the query. Provide the SqlEditor (if shown) in the QueryWrapperErrorBoundary, and on search reset the error boundary.\n  resetErrorBoundary?: (...args: Array<unknown>) => void\n}\n\nconst helpMessageCopy =\n  'The data within tables and views can be retrieved by using a SQL-like query language either from the web interface or from the programmatic clients.'\nconst helpLink =\n  'https://docs.synapse.org/synapse-docs/querying-tables-views-and-datasets#Using-Advanced-Search-Queries'\n\nexport function SqlEditor({\n  helpMessage = helpMessageCopy,\n  helpUrl = helpLink,\n  resetErrorBoundary,\n}: SqlEditorProps) {\n  const { executeQueryRequest, getCurrentQueryRequest } = useQueryContext()\n  const { showSqlEditor } = useQueryVisualizationContext()\n\n  const [sql, setSql] = useState('')\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const lastQueryRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  useEffect(() => {\n    if (showSqlEditor) {\n      const defaultSql = lastQueryRequest.query.sql\n\n      setSql(defaultSql)\n      inputRef.current?.focus()\n    }\n  }, [showSqlEditor, lastQueryRequest])\n\n  const search = (event: SyntheticEvent<HTMLFormElement>) => {\n    event.preventDefault()\n    if (resetErrorBoundary) {\n      resetErrorBoundary()\n    }\n    executeQueryRequest(request => {\n      request.query.sql = sql\n      request.query.offset = 0\n      request.query.additionalFilters = []\n      request.query.selectedFacets = []\n      return request\n    })\n  }\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    inputRef.current?.setCustomValidity('')\n    setSql(event.currentTarget.value)\n  }\n\n  return (\n    <div className={`QueryWrapperSqlEditorInput`}>\n      <Collapse in={showSqlEditor} timeout={{ enter: 300, exit: 300 }}>\n        <form onSubmit={search}>\n          <TextField\n            sx={{ width: '100%' }}\n            onChange={handleChange}\n            placeholder=\"Enter Query\"\n            value={sql}\n            type=\"text\"\n            slotProps={{\n              input: {\n                startAdornment: (\n                  <IconSvg\n                    icon=\"search\"\n                    wrap={false}\n                    sx={{\n                      mr: 1,\n                      color: 'grey.600',\n                    }}\n                  />\n                ),\n                endAdornment: (\n                  <HelpPopover\n                    markdownText={helpMessage}\n                    helpUrl={helpUrl}\n                    placement=\"right\"\n                  />\n                ),\n              },\n\n              htmlInput: {\n                ref: inputRef,\n              },\n            }}\n          />\n        </form>\n      </Collapse>\n    </div>\n  )\n}\n\nexport default SqlEditor\n"],"mappings":";;;;;;;;;;AAqBA,IAAM,IACJ,wJACI,IACJ;AAEF,SAAgB,EAAU,EACxB,iBAAc,GACd,aAAU,GACV,yBACiB;CACjB,IAAM,EAAE,wBAAqB,8BAA2B,GAAiB,EACnE,EAAE,qBAAkB,GAA8B,EAElD,CAAC,GAAK,KAAU,EAAS,GAAG,EAC5B,IAAW,EAAyB,KAAK,EAEzC,IAAmB,QACjB,GAAwB,EAC9B,CAAC,EAAuB,CACzB;AA8BD,QA5BA,QAAgB;AACd,MAAI,GAAe;GACjB,IAAM,IAAa,EAAiB,MAAM;AAG1C,GADA,EAAO,EAAW,EAClB,EAAS,SAAS,OAAO;;IAE1B,CAAC,GAAe,EAAiB,CAAC,EAsBnC,kBAAC,OAAD;EAAK,WAAW;YACd,kBAAC,GAAD;GAAU,IAAI;GAAe,SAAS;IAAE,OAAO;IAAK,MAAM;IAAK;aAC7D,kBAAC,QAAD;IAAM,WAtBI,MAA2C;AAKzD,KAJA,EAAM,gBAAgB,EAClB,KACF,GAAoB,EAEtB,GAAoB,OAClB,EAAQ,MAAM,MAAM,GACpB,EAAQ,MAAM,SAAS,GACvB,EAAQ,MAAM,oBAAoB,EAAE,EACpC,EAAQ,MAAM,iBAAiB,EAAE,EAC1B,GACP;;cAYI,kBAAC,GAAD;KACE,IAAI,EAAE,OAAO,QAAQ;KACrB,WAXY,MAAyC;AAE7D,MADA,EAAS,SAAS,kBAAkB,GAAG,EACvC,EAAO,EAAM,cAAc,MAAM;;KAUzB,aAAY;KACZ,OAAO;KACP,MAAK;KACL,WAAW;MACT,OAAO;OACL,gBACE,kBAAC,GAAD;QACE,MAAK;QACL,MAAM;QACN,IAAI;SACF,IAAI;SACJ,OAAO;SACR;QACD,CAAA;OAEJ,cACE,kBAAC,GAAD;QACE,cAAc;QACL;QACT,WAAU;QACV,CAAA;OAEL;MAED,WAAW,EACT,KAAK,GACN;MACF;KACD,CAAA;IACG,CAAA;GACE,CAAA;EACP,CAAA"}
+{"version":3,"file":"SqlEditor.js","names":[],"sources":["../../../src/components/SynapseTable/SqlEditor.tsx"],"sourcesContent":["import { Collapse, TextField } from '@mui/material'\nimport {\n  ChangeEvent,\n  SyntheticEvent,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { HelpPopover } from '../HelpPopover/HelpPopover'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport { useQueryContext } from '../QueryContext'\nimport IconSvg from '../IconSvg'\n\nexport type SqlEditorProps = {\n  helpMessage?: string\n  helpUrl?: string\n  // SWC-7094: many errors occur due to experimenting with the query. Provide the SqlEditor (if shown) in the QueryWrapperErrorBoundary, and on search reset the error boundary.\n  resetErrorBoundary?: (...args: Array<unknown>) => void\n}\n\nconst helpMessageCopy =\n  'The data within tables and views can be retrieved by using a SQL-like query language either from the web interface or from the programmatic clients.'\nconst helpLink =\n  'https://docs.synapse.org/synapse-docs/querying-tables-views-and-datasets#Using-Advanced-Search-Queries'\n\nexport function SqlEditor({\n  helpMessage = helpMessageCopy,\n  helpUrl = helpLink,\n  resetErrorBoundary,\n}: SqlEditorProps) {\n  const { executeQueryRequest, getCurrentQueryRequest } = useQueryContext()\n  const { showSqlEditor } = useQueryVisualizationContext()\n\n  const [sql, setSql] = useState('')\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const lastQueryRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  useEffect(() => {\n    if (showSqlEditor) {\n      const defaultSql = lastQueryRequest.query.sql\n\n      setSql(defaultSql)\n      inputRef.current?.focus()\n    }\n  }, [showSqlEditor, lastQueryRequest])\n\n  const search = (event: SyntheticEvent<HTMLFormElement>) => {\n    event.preventDefault()\n    if (resetErrorBoundary) {\n      resetErrorBoundary()\n    }\n    executeQueryRequest(request => {\n      request.query.sql = sql\n      request.query.offset = 0\n      request.query.additionalFilters = []\n      request.query.selectedFacets = []\n      return request\n    })\n  }\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    inputRef.current?.setCustomValidity('')\n    setSql(event.currentTarget.value)\n  }\n\n  return (\n    <div className={`QueryWrapperSqlEditorInput`}>\n      <Collapse in={showSqlEditor} timeout={{ enter: 300, exit: 300 }}>\n        <form onSubmit={search}>\n          <TextField\n            sx={{ width: '100%' }}\n            onChange={handleChange}\n            placeholder=\"Enter Query\"\n            value={sql}\n            type=\"text\"\n            slotProps={{\n              input: {\n                startAdornment: (\n                  <IconSvg\n                    icon=\"search\"\n                    wrap={false}\n                    sx={{\n                      mr: 1,\n                      color: 'grey.600',\n                    }}\n                  />\n                ),\n                endAdornment: (\n                  <HelpPopover\n                    markdownText={helpMessage}\n                    helpUrl={helpUrl}\n                    placement=\"right\"\n                  />\n                ),\n              },\n\n              htmlInput: {\n                ref: inputRef,\n              },\n            }}\n          />\n        </form>\n      </Collapse>\n    </div>\n  )\n}\n\nexport default SqlEditor\n"],"mappings":";;;;;;;;;;AAqBA,IAAM,IACJ,wJACI,IACJ;AAEF,SAAgB,EAAU,EACxB,iBAAc,GACd,aAAU,GACV,yBACiB;CACjB,IAAM,EAAE,wBAAqB,8BAA2B,EAAgB,GAClE,EAAE,qBAAkB,EAA6B,GAEjD,CAAC,GAAK,KAAU,EAAS,EAAE,GAC3B,IAAW,EAAyB,IAAI,GAExC,IAAmB,QACjB,EAAuB,GAC7B,CAAC,CAAsB,CACzB;CA8BA,OA5BA,QAAgB;EACd,IAAI,GAAe;GACjB,IAAM,IAAa,EAAiB,MAAM;GAG1C,AADA,EAAO,CAAU,GACjB,EAAS,SAAS,MAAM;EAC1B;CACF,GAAG,CAAC,GAAe,CAAgB,CAAC,GAsBlC,kBAAC,OAAD;EAAK,WAAW;YACd,kBAAC,GAAD;GAAU,IAAI;GAAe,SAAS;IAAE,OAAO;IAAK,MAAM;GAAI;aAC5D,kBAAC,QAAD;IAAM,WAtBI,MAA2C;KAKzD,AAJA,EAAM,eAAe,GACjB,KACF,EAAmB,GAErB,GAAoB,OAClB,EAAQ,MAAM,MAAM,GACpB,EAAQ,MAAM,SAAS,GACvB,EAAQ,MAAM,oBAAoB,CAAC,GACnC,EAAQ,MAAM,iBAAiB,CAAC,GACzB,EACR;IACH;cAWQ,kBAAC,GAAD;KACE,IAAI,EAAE,OAAO,OAAO;KACpB,WAXY,MAAyC;MAE7D,AADA,EAAS,SAAS,kBAAkB,EAAE,GACtC,EAAO,EAAM,cAAc,KAAK;KAClC;KASU,aAAY;KACZ,OAAO;KACP,MAAK;KACL,WAAW;MACT,OAAO;OACL,gBACE,kBAAC,GAAD;QACE,MAAK;QACL,MAAM;QACN,IAAI;SACF,IAAI;SACJ,OAAO;QACT;OACD,CAAA;OAEH,cACE,kBAAC,GAAD;QACE,cAAc;QACL;QACT,WAAU;OACX,CAAA;MAEL;MAEA,WAAW,EACT,KAAK,EACP;KACF;IACD,CAAA;GACG,CAAA;EACE,CAAA;CACP,CAAA;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"SynapseTable.js","names":[],"sources":["../../../src/components/SynapseTable/SynapseTable.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport {\n  ColumnTypeEnum,\n  Row,\n  RowSet,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  Cell,\n  ColumnDef,\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n  VisibilityState,\n} from '@tanstack/react-table'\nimport { useAtomValue } from 'jotai'\nimport { useMemo, useState } from 'react'\nimport { LabelLinkConfig } from '../CardContainerLogic'\nimport ModalDownload from '../ModalDownload/ModalDownload'\nimport { useQueryContext } from '../QueryContext'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport { isRowSelectionVisibleAtom } from '../QueryWrapper/TableRowSelectionState'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { SynapseTableContext } from './SynapseTableContext'\nimport {\n  accessColumn,\n  addToDownloadListColumn,\n  directDownloadColumn,\n  rowSelectionColumn,\n  TableDataCell,\n  TableDataColumnHeader,\n} from './SynapseTableRenderers'\nimport {\n  isEntityViewOrDatasetOrCollection,\n  isFileViewOrDataset,\n  isSortableColumn,\n} from './SynapseTableUtils'\nimport { usePrefetchResourcesInTable } from './usePrefetchTableData'\nimport { useTableSort } from './useTableSort'\n\nconst DEFAULT_CUSTOM_COLUMNS: ColumnDef<Row, any>[] = []\n\n/**\n * Returns the minimum column width (in px) for a Synapse table column\n * based on its type and name.\n */\nexport function getColumnMinSize(\n  columnName: string,\n  columnType: ColumnTypeEnum,\n): number {\n  const nameLower = columnName.toLowerCase()\n  if (nameLower.includes('name') || nameLower.includes('description')) {\n    return 250\n  }\n  switch (columnType) {\n    case ColumnTypeEnum.ENTITYID:\n    case ColumnTypeEnum.ENTITYID_LIST:\n    case ColumnTypeEnum.USERID:\n    case ColumnTypeEnum.USERID_LIST:\n    case ColumnTypeEnum.FILEHANDLEID:\n    case ColumnTypeEnum.EVALUATIONID:\n    case ColumnTypeEnum.SUBMISSIONID:\n      return 180\n    case ColumnTypeEnum.DATE:\n    case ColumnTypeEnum.DATE_LIST:\n      return 120\n    case ColumnTypeEnum.STRING:\n    case ColumnTypeEnum.STRING_LIST:\n      return 100\n    default:\n      return 60\n  }\n}\n\nexport type SynapseTableConfiguration = Pick<\n  SynapseTableProps,\n  | 'showAccessColumn'\n  | 'showExternalAccessIcon'\n  | 'showAccessColumnHeader'\n  | 'showDownloadColumn'\n  | 'hideDownload'\n  | 'showDirectDownloadColumn'\n  | 'hideAddToDownloadListColumn'\n  | 'columnLinks'\n  | 'customColumns'\n>\n\nexport type SynapseTableProps = {\n  /** The row data shown in the table. */\n  rowSet: RowSet\n  /** Whether a new page of data is being loaded */\n  isLoadingNewPage: boolean\n  /** Custom columns to render in the table */\n  customColumns?: ColumnDef<Row, any>[]\n  /** If true and entity is a view or dataset, renders a column that represents if the caller has permission to download the entity represented by the row */\n  showAccessColumn?: boolean\n  /**\n   * If true, the component will show enhanced UI for the case where\n   * - the entity is a FileEntity, AND\n   * - the caller has permission to fetch the dataFileHandle, AND\n   * - the dataFileHandle is an instance of ExternalFileHandleInterface (i.e. the file is not controlled by Synapse)\n   * Note that this requires an additional API call that cannot be batched, so it should be avoided in bulk  contexts if possible.\n   * @default false\n   */\n  showExternalAccessIcon?: boolean\n  showAccessColumnHeader?: boolean\n  /** @deprecated use showDirectDownloadColumn */\n  showDownloadColumn?: boolean\n  /** @deprecated use hideAddToDownloadListColumn */\n  hideDownload?: boolean\n  /** If true and entity is a file view or dataset, renders a column that allows the logged-in user to directly download the file, if they have permission */\n  showDirectDownloadColumn?: boolean\n  /** If true, the add to download list column will be hidden */\n  hideAddToDownloadListColumn?: boolean\n  /** Configuration to override cell renderers with e.g. a link to a portals detail page */\n  columnLinks?: LabelLinkConfig\n}\n\nconst columnHelper = createColumnHelper<Row>()\n\nexport function SynapseTable(props: SynapseTableProps) {\n  const { showDownloadColumn, hideDownload } = props\n  const {\n    rowSet,\n    isLoadingNewPage,\n    customColumns = DEFAULT_CUSTOM_COLUMNS,\n    showAccessColumn,\n    showExternalAccessIcon,\n    showAccessColumnHeader,\n    showDirectDownloadColumn = showDownloadColumn,\n    hideAddToDownloadListColumn = hideDownload,\n    columnLinks,\n  } = props\n  const {\n    entityId,\n    versionNumber,\n    getCurrentQueryRequest,\n    fileIdColumnName,\n    fileVersionColumnName,\n  } = useQueryContext()\n  const queryRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  const selectColumns = rowSet.headers\n\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n\n  const { columnsToShowInTable, NoContentPlaceholder } =\n    useQueryVisualizationContext()\n  const synapseTableContext = useMemo(\n    () => ({\n      columnLinks,\n      showExternalAccessIcon,\n    }),\n    [columnLinks, showExternalAccessIcon],\n  )\n  const { isAuthenticated } = useSynapseContext()\n\n  const [isExportTableDownloadOpen, setIsExportTableDownloadOpen] =\n    useState(false)\n\n  const { sort, setSort } = useTableSort()\n  const isRowSelectionVisible = useAtomValue(isRowSelectionVisibleAtom)\n\n  const isShowingAccessColumn: boolean = Boolean(\n    showAccessColumn &&\n    entity &&\n    ((isEntityViewOrDatasetOrCollection(entity) && allRowsHaveId(rowSet)) ||\n      fileIdColumnName),\n  )\n  const rowsAreDownloadable =\n    entity &&\n    isAuthenticated &&\n    ((isFileViewOrDataset(entity) && allRowsHaveId(rowSet)) || fileIdColumnName)\n\n  const isShowingDirectDownloadColumn = Boolean(\n    rowsAreDownloadable && showDirectDownloadColumn,\n  )\n\n  const isShowingAddToV2DownloadListColumn: boolean = Boolean(\n    rowsAreDownloadable &&\n    !hideAddToDownloadListColumn &&\n    !isRowSelectionVisible,\n  )\n  const rowEntityIDColumnIndex = fileIdColumnName\n    ? rowSet.headers.findIndex(col => col.name == fileIdColumnName)\n    : undefined\n  const rowEntityVersionColumnIndex = fileVersionColumnName\n    ? rowSet.headers.findIndex(col => col.name == fileVersionColumnName)\n    : undefined\n\n  const columns = useMemo(\n    () => [\n      ...customColumns,\n      rowSelectionColumn,\n      addToDownloadListColumn,\n      directDownloadColumn,\n      {\n        ...accessColumn,\n        header: showAccessColumn && showAccessColumnHeader ? 'Access' : '',\n      },\n      ...(selectColumns.map((selectColumn, index) => {\n        return columnHelper.accessor(row => row.values[index], {\n          id: selectColumn.name,\n          enableSorting: isSortableColumn(selectColumn.columnType),\n          enableResizing: true,\n          minSize: getColumnMinSize(\n            selectColumn.name,\n            selectColumn.columnType as ColumnTypeEnum,\n          ),\n          header: TableDataColumnHeader,\n          cell: TableDataCell,\n        })\n      }) ?? []),\n    ],\n    [customColumns, selectColumns, showAccessColumn, showAccessColumnHeader],\n  )\n\n  const prependColumnVisibility: VisibilityState = useMemo(\n    () => ({\n      [rowSelectionColumn.id as string]: isRowSelectionVisible,\n      [addToDownloadListColumn.id as string]:\n        isShowingAddToV2DownloadListColumn,\n      [directDownloadColumn.id as string]: isShowingDirectDownloadColumn,\n      [accessColumn.id as string]: isShowingAccessColumn,\n    }),\n    [\n      isRowSelectionVisible,\n      isShowingAccessColumn,\n      isShowingAddToV2DownloadListColumn,\n      isShowingDirectDownloadColumn,\n    ],\n  )\n\n  // Transform our `columnsToShowInTable` to @tanstack/react-table's `VisibilityState`\n  const columnVisibility: VisibilityState = useMemo(\n    () =>\n      selectColumns.reduce((prev: VisibilityState, curr) => {\n        return {\n          ...prev,\n          [curr.name]: columnsToShowInTable.includes(curr.name),\n        }\n      }, prependColumnVisibility),\n    [columnsToShowInTable, selectColumns, prependColumnVisibility],\n  )\n\n  const { dataHasBeenPrefetched } = usePrefetchResourcesInTable(rowSet)\n  const renderTableDataPlaceholder = isLoadingNewPage || !dataHasBeenPrefetched\n\n  const table = useReactTable({\n    data: rowSet.rows,\n    columns,\n    defaultColumn: { minSize: 60 },\n    getCoreRowModel: getCoreRowModel(),\n    manualSorting: true,\n    manualFiltering: true,\n    onSortingChange: setSort,\n    enableMultiSort: true,\n    columnResizeMode: 'onChange',\n    state: {\n      sorting: sort,\n      columnVisibility: columnVisibility,\n    },\n    meta: {\n      rowSet,\n      // make the rowEntityIDColumnIndex available to all cell renderers\n      rowEntityIDColumnIndex,\n      rowEntityVersionColumnIndex,\n      renderPlaceholderData: renderTableDataPlaceholder,\n      getWrapInExpandableTd: (cell: Cell<Row, unknown>) => {\n        const selectColumn = selectColumns.find(\n          cm => cm.name === cell.column.id,\n        )\n        return Boolean(\n          selectColumn &&\n          /* JSON handles its own overflow*/\n          selectColumn.columnType !== ColumnTypeEnum.JSON,\n        )\n      },\n    },\n  })\n\n  /**\n   * Display the view\n   */\n  if (!rowSet) {\n    return <></>\n  }\n  const hasResults = (rowSet.rows?.length ?? 0) > 0\n  // Show the No Results UI if the current page has no rows, and this is the first page of data (offset === 0 or null/undefined).\n  if (\n    !hasResults &&\n    (queryRequest.query.offset === 0 || queryRequest.query.offset == null)\n  ) {\n    return <NoContentPlaceholder />\n  }\n\n  return (\n    <SynapseTableContext.Provider value={synapseTableContext}>\n      <div>\n        {isExportTableDownloadOpen && (\n          <ModalDownload\n            onClose={() => {\n              setIsExportTableDownloadOpen(false)\n            }}\n            queryBundleRequest={queryRequest}\n          />\n        )}\n        <StyledTanStackTable\n          styledTableContainerProps={{\n            className: 'SynapseTable',\n            ['data-testid']: 'SynapseTable',\n            density: 'default',\n          }}\n          table={table}\n          fullWidth={false}\n          autoColumnSizing={true}\n        />\n      </div>\n    </SynapseTableContext.Provider>\n  )\n}\n\n/**\n * If this is a view/dataset and rows have an ID, then rows represent individual objects in Synapse.\n * Presence of row IDs also indicates that the query is also necessarily not summary data, e.g. the query does\n * not include an operation like GROUP BY, DISTINCT, etc., that would cause rows to not map 1:1 to Synapse Entities\n */\nfunction allRowsHaveId(rowSet: RowSet): boolean {\n  return Boolean(rowSet.rows?.every(row => !!row.rowId))\n}\n"],"mappings":"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"}
+{"version":3,"file":"SynapseTable.js","names":[],"sources":["../../../src/components/SynapseTable/SynapseTable.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport {\n  ColumnTypeEnum,\n  Row,\n  RowSet,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  Cell,\n  ColumnDef,\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n  VisibilityState,\n} from '@tanstack/react-table'\nimport { useAtomValue } from 'jotai'\nimport { useMemo, useState } from 'react'\nimport { LabelLinkConfig } from '../CardContainerLogic'\nimport ModalDownload from '../ModalDownload/ModalDownload'\nimport { useQueryContext } from '../QueryContext'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport { isRowSelectionVisibleAtom } from '../QueryWrapper/TableRowSelectionState'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { SynapseTableContext } from './SynapseTableContext'\nimport {\n  accessColumn,\n  addToDownloadListColumn,\n  directDownloadColumn,\n  rowSelectionColumn,\n  TableDataCell,\n  TableDataColumnHeader,\n} from './SynapseTableRenderers'\nimport {\n  isEntityViewOrDatasetOrCollection,\n  isFileViewOrDataset,\n  isSortableColumn,\n} from './SynapseTableUtils'\nimport { usePrefetchResourcesInTable } from './usePrefetchTableData'\nimport { useTableSort } from './useTableSort'\n\nconst DEFAULT_CUSTOM_COLUMNS: ColumnDef<Row, any>[] = []\n\n/**\n * Returns the minimum column width (in px) for a Synapse table column\n * based on its type and name.\n */\nexport function getColumnMinSize(\n  columnName: string,\n  columnType: ColumnTypeEnum,\n): number {\n  const nameLower = columnName.toLowerCase()\n  if (nameLower.includes('name') || nameLower.includes('description')) {\n    return 250\n  }\n  switch (columnType) {\n    case ColumnTypeEnum.ENTITYID:\n    case ColumnTypeEnum.ENTITYID_LIST:\n    case ColumnTypeEnum.USERID:\n    case ColumnTypeEnum.USERID_LIST:\n    case ColumnTypeEnum.FILEHANDLEID:\n    case ColumnTypeEnum.EVALUATIONID:\n    case ColumnTypeEnum.SUBMISSIONID:\n      return 180\n    case ColumnTypeEnum.DATE:\n    case ColumnTypeEnum.DATE_LIST:\n      return 120\n    case ColumnTypeEnum.STRING:\n    case ColumnTypeEnum.STRING_LIST:\n      return 100\n    default:\n      return 60\n  }\n}\n\nexport type SynapseTableConfiguration = Pick<\n  SynapseTableProps,\n  | 'showAccessColumn'\n  | 'showExternalAccessIcon'\n  | 'showAccessColumnHeader'\n  | 'showDownloadColumn'\n  | 'hideDownload'\n  | 'showDirectDownloadColumn'\n  | 'hideAddToDownloadListColumn'\n  | 'columnLinks'\n  | 'customColumns'\n>\n\nexport type SynapseTableProps = {\n  /** The row data shown in the table. */\n  rowSet: RowSet\n  /** Whether a new page of data is being loaded */\n  isLoadingNewPage: boolean\n  /** Custom columns to render in the table */\n  customColumns?: ColumnDef<Row, any>[]\n  /** If true and entity is a view or dataset, renders a column that represents if the caller has permission to download the entity represented by the row */\n  showAccessColumn?: boolean\n  /**\n   * If true, the component will show enhanced UI for the case where\n   * - the entity is a FileEntity, AND\n   * - the caller has permission to fetch the dataFileHandle, AND\n   * - the dataFileHandle is an instance of ExternalFileHandleInterface (i.e. the file is not controlled by Synapse)\n   * Note that this requires an additional API call that cannot be batched, so it should be avoided in bulk  contexts if possible.\n   * @default false\n   */\n  showExternalAccessIcon?: boolean\n  showAccessColumnHeader?: boolean\n  /** @deprecated use showDirectDownloadColumn */\n  showDownloadColumn?: boolean\n  /** @deprecated use hideAddToDownloadListColumn */\n  hideDownload?: boolean\n  /** If true and entity is a file view or dataset, renders a column that allows the logged-in user to directly download the file, if they have permission */\n  showDirectDownloadColumn?: boolean\n  /** If true, the add to download list column will be hidden */\n  hideAddToDownloadListColumn?: boolean\n  /** Configuration to override cell renderers with e.g. a link to a portals detail page */\n  columnLinks?: LabelLinkConfig\n}\n\nconst columnHelper = createColumnHelper<Row>()\n\nexport function SynapseTable(props: SynapseTableProps) {\n  const { showDownloadColumn, hideDownload } = props\n  const {\n    rowSet,\n    isLoadingNewPage,\n    customColumns = DEFAULT_CUSTOM_COLUMNS,\n    showAccessColumn,\n    showExternalAccessIcon,\n    showAccessColumnHeader,\n    showDirectDownloadColumn = showDownloadColumn,\n    hideAddToDownloadListColumn = hideDownload,\n    columnLinks,\n  } = props\n  const {\n    entityId,\n    versionNumber,\n    getCurrentQueryRequest,\n    fileIdColumnName,\n    fileVersionColumnName,\n  } = useQueryContext()\n  const queryRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  const selectColumns = rowSet.headers\n\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n\n  const { columnsToShowInTable, NoContentPlaceholder } =\n    useQueryVisualizationContext()\n  const synapseTableContext = useMemo(\n    () => ({\n      columnLinks,\n      showExternalAccessIcon,\n    }),\n    [columnLinks, showExternalAccessIcon],\n  )\n  const { isAuthenticated } = useSynapseContext()\n\n  const [isExportTableDownloadOpen, setIsExportTableDownloadOpen] =\n    useState(false)\n\n  const { sort, setSort } = useTableSort()\n  const isRowSelectionVisible = useAtomValue(isRowSelectionVisibleAtom)\n\n  const isShowingAccessColumn: boolean = Boolean(\n    showAccessColumn &&\n    entity &&\n    ((isEntityViewOrDatasetOrCollection(entity) && allRowsHaveId(rowSet)) ||\n      fileIdColumnName),\n  )\n  const rowsAreDownloadable =\n    entity &&\n    isAuthenticated &&\n    ((isFileViewOrDataset(entity) && allRowsHaveId(rowSet)) || fileIdColumnName)\n\n  const isShowingDirectDownloadColumn = Boolean(\n    rowsAreDownloadable && showDirectDownloadColumn,\n  )\n\n  const isShowingAddToV2DownloadListColumn: boolean = Boolean(\n    rowsAreDownloadable &&\n    !hideAddToDownloadListColumn &&\n    !isRowSelectionVisible,\n  )\n  const rowEntityIDColumnIndex = fileIdColumnName\n    ? rowSet.headers.findIndex(col => col.name == fileIdColumnName)\n    : undefined\n  const rowEntityVersionColumnIndex = fileVersionColumnName\n    ? rowSet.headers.findIndex(col => col.name == fileVersionColumnName)\n    : undefined\n\n  const columns = useMemo(\n    () => [\n      ...customColumns,\n      rowSelectionColumn,\n      addToDownloadListColumn,\n      directDownloadColumn,\n      {\n        ...accessColumn,\n        header: showAccessColumn && showAccessColumnHeader ? 'Access' : '',\n      },\n      ...(selectColumns.map((selectColumn, index) => {\n        return columnHelper.accessor(row => row.values[index], {\n          id: selectColumn.name,\n          enableSorting: isSortableColumn(selectColumn.columnType),\n          enableResizing: true,\n          minSize: getColumnMinSize(\n            selectColumn.name,\n            selectColumn.columnType as ColumnTypeEnum,\n          ),\n          header: TableDataColumnHeader,\n          cell: TableDataCell,\n        })\n      }) ?? []),\n    ],\n    [customColumns, selectColumns, showAccessColumn, showAccessColumnHeader],\n  )\n\n  const prependColumnVisibility: VisibilityState = useMemo(\n    () => ({\n      [rowSelectionColumn.id as string]: isRowSelectionVisible,\n      [addToDownloadListColumn.id as string]:\n        isShowingAddToV2DownloadListColumn,\n      [directDownloadColumn.id as string]: isShowingDirectDownloadColumn,\n      [accessColumn.id as string]: isShowingAccessColumn,\n    }),\n    [\n      isRowSelectionVisible,\n      isShowingAccessColumn,\n      isShowingAddToV2DownloadListColumn,\n      isShowingDirectDownloadColumn,\n    ],\n  )\n\n  // Transform our `columnsToShowInTable` to @tanstack/react-table's `VisibilityState`\n  const columnVisibility: VisibilityState = useMemo(\n    () =>\n      selectColumns.reduce((prev: VisibilityState, curr) => {\n        return {\n          ...prev,\n          [curr.name]: columnsToShowInTable.includes(curr.name),\n        }\n      }, prependColumnVisibility),\n    [columnsToShowInTable, selectColumns, prependColumnVisibility],\n  )\n\n  const { dataHasBeenPrefetched } = usePrefetchResourcesInTable(rowSet)\n  const renderTableDataPlaceholder = isLoadingNewPage || !dataHasBeenPrefetched\n\n  const table = useReactTable({\n    data: rowSet.rows,\n    columns,\n    defaultColumn: { minSize: 60 },\n    getCoreRowModel: getCoreRowModel(),\n    manualSorting: true,\n    manualFiltering: true,\n    onSortingChange: setSort,\n    enableMultiSort: true,\n    columnResizeMode: 'onChange',\n    state: {\n      sorting: sort,\n      columnVisibility: columnVisibility,\n    },\n    meta: {\n      rowSet,\n      // make the rowEntityIDColumnIndex available to all cell renderers\n      rowEntityIDColumnIndex,\n      rowEntityVersionColumnIndex,\n      renderPlaceholderData: renderTableDataPlaceholder,\n      getWrapInExpandableTd: (cell: Cell<Row, unknown>) => {\n        const selectColumn = selectColumns.find(\n          cm => cm.name === cell.column.id,\n        )\n        return Boolean(\n          selectColumn &&\n          /* JSON handles its own overflow*/\n          selectColumn.columnType !== ColumnTypeEnum.JSON,\n        )\n      },\n    },\n  })\n\n  /**\n   * Display the view\n   */\n  if (!rowSet) {\n    return <></>\n  }\n  const hasResults = (rowSet.rows?.length ?? 0) > 0\n  // Show the No Results UI if the current page has no rows, and this is the first page of data (offset === 0 or null/undefined).\n  if (\n    !hasResults &&\n    (queryRequest.query.offset === 0 || queryRequest.query.offset == null)\n  ) {\n    return <NoContentPlaceholder />\n  }\n\n  return (\n    <SynapseTableContext.Provider value={synapseTableContext}>\n      <div>\n        {isExportTableDownloadOpen && (\n          <ModalDownload\n            onClose={() => {\n              setIsExportTableDownloadOpen(false)\n            }}\n            queryBundleRequest={queryRequest}\n          />\n        )}\n        <StyledTanStackTable\n          styledTableContainerProps={{\n            className: 'SynapseTable',\n            ['data-testid']: 'SynapseTable',\n            density: 'default',\n          }}\n          table={table}\n          fullWidth={false}\n          autoColumnSizing={true}\n        />\n      </div>\n    </SynapseTableContext.Provider>\n  )\n}\n\n/**\n * If this is a view/dataset and rows have an ID, then rows represent individual objects in Synapse.\n * Presence of row IDs also indicates that the query is also necessarily not summary data, e.g. the query does\n * not include an operation like GROUP BY, DISTINCT, etc., that would cause rows to not map 1:1 to Synapse Entities\n */\nfunction allRowsHaveId(rowSet: RowSet): boolean {\n  return Boolean(rowSet.rows?.every(row => !!row.rowId))\n}\n"],"mappings":"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"}

package/dist/components/SynapseTable/SynapseTableCell/EntityIdList.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityIdList.js","names":[],"sources":["../../../../src/components/SynapseTable/SynapseTableCell/EntityIdList.tsx"],"sourcesContent":["import { useGetEntityHeaders } from '@/synapse-queries'\nimport { Stack } from '@mui/material'\nimport { EntityLink, EntityLinkProps } from '../../EntityLink'\n\nexport type EntityIdListProps = {\n  entityIdList: string[]\n} & Omit<EntityLinkProps, 'entity' | 'versionNumber'>\n\nfunction EntityIdList(props: EntityIdListProps) {\n  const { entityIdList, ...rest } = props\n\n  const { data: entityHeaders } = useGetEntityHeaders(\n    entityIdList.map(id => ({ targetId: id })),\n    {},\n  )\n\n  return (\n    <Stack\n      sx={{\n        gap: 1,\n      }}\n    >\n      {entityHeaders?.results.map(header => (\n        <EntityLink key={header.id} entity={header} {...rest} />\n      ))}\n    </Stack>\n  )\n}\n\nexport default EntityIdList\n"],"mappings":";;;;;;AAQA,SAAS,EAAa,GAA0B;CAC9C,IAAM,EAAE,iBAAc,GAAG,MAAS,GAE5B,EAAE,MAAM,MAAkB,EAC9B,EAAa,KAAI,OAAO,EAAE,UAAU,GAAI,EAAE,EAC1C,EAAE,CACH;AAED,QACE,kBAAC,GAAD;EACE,IAAI,EACF,KAAK,GACN;YAEA,GAAe,QAAQ,KAAI,MAC1B,kBAAC,GAAD;GAA4B,QAAQ;GAAQ,GAAI;GAAQ,EAAvC,EAAO,GAAgC,CACxD;EACI,CAAA"}
+{"version":3,"file":"EntityIdList.js","names":[],"sources":["../../../../src/components/SynapseTable/SynapseTableCell/EntityIdList.tsx"],"sourcesContent":["import { useGetEntityHeaders } from '@/synapse-queries'\nimport { Stack } from '@mui/material'\nimport { EntityLink, EntityLinkProps } from '../../EntityLink'\n\nexport type EntityIdListProps = {\n  entityIdList: string[]\n} & Omit<EntityLinkProps, 'entity' | 'versionNumber'>\n\nfunction EntityIdList(props: EntityIdListProps) {\n  const { entityIdList, ...rest } = props\n\n  const { data: entityHeaders } = useGetEntityHeaders(\n    entityIdList.map(id => ({ targetId: id })),\n    {},\n  )\n\n  return (\n    <Stack\n      sx={{\n        gap: 1,\n      }}\n    >\n      {entityHeaders?.results.map(header => (\n        <EntityLink key={header.id} entity={header} {...rest} />\n      ))}\n    </Stack>\n  )\n}\n\nexport default EntityIdList\n"],"mappings":";;;;;;AAQA,SAAS,EAAa,GAA0B;CAC9C,IAAM,EAAE,iBAAc,GAAG,MAAS,GAE5B,EAAE,MAAM,MAAkB,EAC9B,EAAa,KAAI,OAAO,EAAE,UAAU,EAAG,EAAE,GACzC,CAAC,CACH;CAEA,OACE,kBAAC,GAAD;EACE,IAAI,EACF,KAAK,EACP;YAEC,GAAe,QAAQ,KAAI,MAC1B,kBAAC,GAAD;GAA4B,QAAQ;GAAQ,GAAI;EAAO,GAAtC,EAAO,EAA+B,CACxD;CACI,CAAA;AAEX"}

package/dist/components/SynapseTable/SynapseTableCell/EvaluationIdRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"EvaluationIdRenderer.js","names":[],"sources":["../../../../src/components/SynapseTable/SynapseTableCell/EvaluationIdRenderer.tsx"],"sourcesContent":["import { getEvaluation } from '@/synapse-client/SynapseClient'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { useEffect, useState } from 'react'\nimport { useInView } from 'react-intersection-observer'\n\nexport type EvaluationIdRendererProps = {\n  evaluationId: string\n}\n\nfunction EvaluationIdRenderer(props: EvaluationIdRendererProps) {\n  const { accessToken } = useSynapseContext()\n  const { evaluationId } = props\n  const [evaluationName, setEvaluationName] = useState<string>()\n  const { ref, inView } = useInView()\n  let mounted: boolean = true\n\n  useEffect(() => {\n    if (mounted && inView) {\n      getEvaluationQueue()\n    }\n    return () => {\n      mounted = false\n    }\n  }, [evaluationId, inView])\n\n  const getEvaluationQueue = () => {\n    if (!evaluationId) return\n\n    getEvaluation(evaluationId, accessToken)\n      .then(evaluationQueue => {\n        setEvaluationName(evaluationQueue.name)\n      })\n      .catch(e => {\n        console.log(\n          'EvaluationIdListRenderer: Error getting evaluation queue names',\n          e,\n        )\n      })\n  }\n\n  return <p ref={ref}>{evaluationName}</p>\n}\n\nexport default EvaluationIdRenderer\n"],"mappings":";;;;;;AASA,SAAS,EAAqB,GAAkC;CAC9D,IAAM,EAAE,mBAAgB,GAAmB,EACrC,EAAE,oBAAiB,GACnB,CAAC,GAAgB,KAAqB,GAAkB,EACxD,EAAE,QAAK,cAAW,GAAW,EAC/B,IAAmB;AAEvB,UACM,KAAW,KACb,GAAoB,QAET;AACX,MAAU;KAEX,CAAC,GAAc,EAAO,CAAC;CAE1B,IAAM,UAA2B;AAC1B,OAEL,EAAc,GAAc,EAAY,CACrC,MAAK,MAAmB;AACvB,KAAkB,EAAgB,KAAK;IACvC,CACD,OAAM,MAAK;AACV,WAAQ,IACN,kEACA,EACD;IACD;;AAGN,QAAO,kBAAC,KAAD;EAAQ;YAAM;EAAmB,CAAA"}
+{"version":3,"file":"EvaluationIdRenderer.js","names":[],"sources":["../../../../src/components/SynapseTable/SynapseTableCell/EvaluationIdRenderer.tsx"],"sourcesContent":["import { getEvaluation } from '@/synapse-client/SynapseClient'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { useEffect, useState } from 'react'\nimport { useInView } from 'react-intersection-observer'\n\nexport type EvaluationIdRendererProps = {\n  evaluationId: string\n}\n\nfunction EvaluationIdRenderer(props: EvaluationIdRendererProps) {\n  const { accessToken } = useSynapseContext()\n  const { evaluationId } = props\n  const [evaluationName, setEvaluationName] = useState<string>()\n  const { ref, inView } = useInView()\n  let mounted: boolean = true\n\n  useEffect(() => {\n    if (mounted && inView) {\n      getEvaluationQueue()\n    }\n    return () => {\n      mounted = false\n    }\n  }, [evaluationId, inView])\n\n  const getEvaluationQueue = () => {\n    if (!evaluationId) return\n\n    getEvaluation(evaluationId, accessToken)\n      .then(evaluationQueue => {\n        setEvaluationName(evaluationQueue.name)\n      })\n      .catch(e => {\n        console.log(\n          'EvaluationIdListRenderer: Error getting evaluation queue names',\n          e,\n        )\n      })\n  }\n\n  return <p ref={ref}>{evaluationName}</p>\n}\n\nexport default EvaluationIdRenderer\n"],"mappings":";;;;;;AASA,SAAS,EAAqB,GAAkC;CAC9D,IAAM,EAAE,mBAAgB,EAAkB,GACpC,EAAE,oBAAiB,GACnB,CAAC,GAAgB,KAAqB,EAAiB,GACvD,EAAE,QAAK,cAAW,EAAU,GAC9B,IAAmB;CAEvB,SACM,KAAW,KACb,EAAmB,SAER;EACX,IAAU;CACZ,IACC,CAAC,GAAc,CAAM,CAAC;CAEzB,IAAM,UAA2B;EAC1B,KAEL,EAAc,GAAc,CAAW,EACpC,MAAK,MAAmB;GACvB,EAAkB,EAAgB,IAAI;EACxC,CAAC,EACA,OAAM,MAAK;GACV,QAAQ,IACN,kEACA,CACF;EACF,CAAC;CACL;CAEA,OAAO,kBAAC,KAAD;EAAQ;YAAM;CAAkB,CAAA;AACzC"}

package/dist/components/SynapseTable/SynapseTableCell/JSON/ComplexJSONRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComplexJSONRenderer.js","names":[],"sources":["../../../../../src/components/SynapseTable/SynapseTableCell/JSON/ComplexJSONRenderer.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Box, Typography } from '@mui/material'\nimport ExpandCollapseButton from '../../ExpandCollapseButton'\nimport { chromeLight, Inspector } from 'react-inspector'\n\ntype ComplexJSONRendererProps = {\n  value: any\n}\n\n/**\n * Handles rendering any complex JSON value in a Synapse table cell. This generally acts as a fallback renderer if the\n * JSON data doesn't have a simple structure handled by a different renderer.\n * @param props\n * @constructor\n */\nexport function ComplexJSONRenderer(props: ComplexJSONRendererProps) {\n  const { value } = props\n  const [expandAll, setExpandAll] = useState(false)\n\n  // @ts-expect-error - the theme prop type provided by react-inspector is wrong\n  const theme: ComponentProps<typeof Inspector>['theme'] = {\n    ...chromeLight,\n    BASE_BACKGROUND_COLOR: 'none',\n  }\n\n  return (\n    <>\n      <Typography\n        variant={'smallText1'}\n        sx={{\n          py: 0.5,\n          color: 'grey.600',\n          fontStyle: 'italic',\n          cursor: 'pointer',\n        }}\n        onClick={() => setExpandAll(v => !v)}\n      >\n        {expandAll ? 'Collapse' : 'Expand'} all\n        <ExpandCollapseButton\n          className=\"ExpandableTableData__expandButton\"\n          isExpanded={expandAll}\n        />\n      </Typography>\n      <Box sx={{ pl: '2px' }}>\n        <Inspector\n          data={value}\n          theme={theme}\n          table={false}\n          key={\n            // Setting `expandLevel` to 0 doesn't trigger a re-render, so force the rerender by updating the key\n            String(expandAll)\n          }\n          expandLevel={\n            expandAll\n              ? // making this number very large actually results in a performance hit, so choose a reasonably small number\n                20\n              : 0\n          }\n        />\n      </Box>\n    </>\n  )\n}\n"],"mappings":";;;;;;AAeA,SAAgB,EAAoB,GAAiC;CACnE,IAAM,EAAE,aAAU,GACZ,CAAC,GAAW,KAAgB,EAAS,GAAM,EAG3C,IAAmD;EACvD,GAAG;EACH,uBAAuB;EACxB;AAED,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,SAAS;EACT,IAAI;GACF,IAAI;GACJ,OAAO;GACP,WAAW;GACX,QAAQ;GACT;EACD,eAAe,GAAa,MAAK,CAAC,EAAE;YARtC;GAUG,IAAY,aAAa;GAAS;GACnC,kBAAC,GAAD;IACE,WAAU;IACV,YAAY;IACZ,CAAA;GACS;KACb,kBAAC,GAAD;EAAK,IAAI,EAAE,IAAI,OAAO;YACpB,kBAAC,GAAD;GACE,MAAM;GACC;GACP,OAAO;GAKP,aACE,IAEI,KACA;GAEN,EARE,OAAO,EAAU,CAQnB;EACE,CAAA,CACL,EAAA,CAAA"}
+{"version":3,"file":"ComplexJSONRenderer.js","names":[],"sources":["../../../../../src/components/SynapseTable/SynapseTableCell/JSON/ComplexJSONRenderer.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Box, Typography } from '@mui/material'\nimport ExpandCollapseButton from '../../ExpandCollapseButton'\nimport { chromeLight, Inspector } from 'react-inspector'\n\ntype ComplexJSONRendererProps = {\n  value: any\n}\n\n/**\n * Handles rendering any complex JSON value in a Synapse table cell. This generally acts as a fallback renderer if the\n * JSON data doesn't have a simple structure handled by a different renderer.\n * @param props\n * @constructor\n */\nexport function ComplexJSONRenderer(props: ComplexJSONRendererProps) {\n  const { value } = props\n  const [expandAll, setExpandAll] = useState(false)\n\n  // @ts-expect-error - the theme prop type provided by react-inspector is wrong\n  const theme: ComponentProps<typeof Inspector>['theme'] = {\n    ...chromeLight,\n    BASE_BACKGROUND_COLOR: 'none',\n  }\n\n  return (\n    <>\n      <Typography\n        variant={'smallText1'}\n        sx={{\n          py: 0.5,\n          color: 'grey.600',\n          fontStyle: 'italic',\n          cursor: 'pointer',\n        }}\n        onClick={() => setExpandAll(v => !v)}\n      >\n        {expandAll ? 'Collapse' : 'Expand'} all\n        <ExpandCollapseButton\n          className=\"ExpandableTableData__expandButton\"\n          isExpanded={expandAll}\n        />\n      </Typography>\n      <Box sx={{ pl: '2px' }}>\n        <Inspector\n          data={value}\n          theme={theme}\n          table={false}\n          key={\n            // Setting `expandLevel` to 0 doesn't trigger a re-render, so force the rerender by updating the key\n            String(expandAll)\n          }\n          expandLevel={\n            expandAll\n              ? // making this number very large actually results in a performance hit, so choose a reasonably small number\n                20\n              : 0\n          }\n        />\n      </Box>\n    </>\n  )\n}\n"],"mappings":";;;;;;AAeA,SAAgB,EAAoB,GAAiC;CACnE,IAAM,EAAE,aAAU,GACZ,CAAC,GAAW,KAAgB,EAAS,EAAK,GAG1C,IAAmD;EACvD,GAAG;EACH,uBAAuB;CACzB;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,SAAS;EACT,IAAI;GACF,IAAI;GACJ,OAAO;GACP,WAAW;GACX,QAAQ;EACV;EACA,eAAe,GAAa,MAAK,CAAC,CAAC;YARrC;GAUG,IAAY,aAAa;GAAS;GACnC,kBAAC,GAAD;IACE,WAAU;IACV,YAAY;GACb,CAAA;EACS;KACZ,kBAAC,GAAD;EAAK,IAAI,EAAE,IAAI,MAAM;YACnB,kBAAC,GAAD;GACE,MAAM;GACC;GACP,OAAO;GAKP,aACE,IAEI,KACA;EAEP,GARG,OAAO,CAAS,CAQnB;CACE,CAAA,CACL,EAAA,CAAA;AAEN"}

package/dist/components/SynapseTable/SynapseTableCell/JSON/JSONArrayRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"JSONArrayRenderer.js","names":[],"sources":["../../../../../src/components/SynapseTable/SynapseTableCell/JSON/JSONArrayRenderer.tsx"],"sourcesContent":["import { JSONPrimitiveType } from './JSONRendererUtils'\nimport { useState } from 'react'\nimport { Box, Collapse, Typography } from '@mui/material'\nimport { JSONPrimitiveRenderer } from './JSONPrimitiveRenderer'\nimport ExpandCollapseButton from '../../ExpandCollapseButton'\n\ntype JSONArrayRendererProps = { value: JSONPrimitiveType[] }\n\n/**\n * Handles rendering a JSON array of \"primitive\" types in a Synapse table cell.\n * @param props\n * @constructor\n */\nexport function JSONArrayRenderer(props: JSONArrayRendererProps) {\n  const { value } = props\n  const [expanded, setExpanded] = useState(false)\n  const showCollapseText = value.length > 1\n\n  if (value.length === 0) {\n    return (\n      <Typography variant={'smallText1'} className=\"SRC-inactive\">\n        {'Empty array'}\n      </Typography>\n    )\n  }\n  if (value.length === 1) {\n    return (\n      <Typography variant={'smallText1'}>\n        <JSONPrimitiveRenderer value={value[0]} />\n      </Typography>\n    )\n  }\n  return (\n    <>\n      {showCollapseText && (\n        <Typography\n          variant={'smallText1'}\n          sx={{ color: 'grey.600', fontStyle: 'italic', mb: 1 }}\n        >\n          {`${value.length.toLocaleString()} items`}\n          <ExpandCollapseButton\n            isExpanded={expanded}\n            className=\"ExpandableTableData__expandButton\"\n            onClick={() => setExpanded(!expanded)}\n          />\n        </Typography>\n      )}\n      <Collapse in={expanded}>\n        {value.map((val: JSONPrimitiveType, index: number) => (\n          <Box\n            key={index}\n            sx={{\n              display: 'flex',\n              gap: 0.5,\n              mb: 1,\n            }}\n          >\n            <Typography variant={'smallText1'}>\n              <JSONPrimitiveRenderer value={val} />\n            </Typography>\n          </Box>\n        ))}\n      </Collapse>\n    </>\n  )\n}\n"],"mappings":";;;;;;AAaA,SAAgB,EAAkB,GAA+B;CAC/D,IAAM,EAAE,aAAU,GACZ,CAAC,GAAU,KAAe,EAAS,GAAM,EACzC,IAAmB,EAAM,SAAS;AAgBxC,QAdI,EAAM,WAAW,IAEjB,kBAAC,GAAD;EAAY,SAAS;EAAc,WAAU;YAC1C;EACU,CAAA,GAGb,EAAM,WAAW,IAEjB,kBAAC,GAAD;EAAY,SAAS;YACnB,kBAAC,GAAD,EAAuB,OAAO,EAAM,IAAM,CAAA;EAC/B,CAAA,GAIf,kBAAA,GAAA,EAAA,UAAA,CACG,KACC,kBAAC,GAAD;EACE,SAAS;EACT,IAAI;GAAE,OAAO;GAAY,WAAW;GAAU,IAAI;GAAG;YAFvD,CAIG,GAAG,EAAM,OAAO,gBAAgB,CAAC,SAClC,kBAAC,GAAD;GACE,YAAY;GACZ,WAAU;GACV,eAAe,EAAY,CAAC,EAAS;GACrC,CAAA,CACS;KAEf,kBAAC,GAAD;EAAU,IAAI;YACX,EAAM,KAAK,GAAwB,MAClC,kBAAC,GAAD;GAEE,IAAI;IACF,SAAS;IACT,KAAK;IACL,IAAI;IACL;aAED,kBAAC,GAAD;IAAY,SAAS;cACnB,kBAAC,GAAD,EAAuB,OAAO,GAAO,CAAA;IAC1B,CAAA;GACT,EAVC,EAUD,CACN;EACO,CAAA,CACV,EAAA,CAAA"}
+{"version":3,"file":"JSONArrayRenderer.js","names":[],"sources":["../../../../../src/components/SynapseTable/SynapseTableCell/JSON/JSONArrayRenderer.tsx"],"sourcesContent":["import { JSONPrimitiveType } from './JSONRendererUtils'\nimport { useState } from 'react'\nimport { Box, Collapse, Typography } from '@mui/material'\nimport { JSONPrimitiveRenderer } from './JSONPrimitiveRenderer'\nimport ExpandCollapseButton from '../../ExpandCollapseButton'\n\ntype JSONArrayRendererProps = { value: JSONPrimitiveType[] }\n\n/**\n * Handles rendering a JSON array of \"primitive\" types in a Synapse table cell.\n * @param props\n * @constructor\n */\nexport function JSONArrayRenderer(props: JSONArrayRendererProps) {\n  const { value } = props\n  const [expanded, setExpanded] = useState(false)\n  const showCollapseText = value.length > 1\n\n  if (value.length === 0) {\n    return (\n      <Typography variant={'smallText1'} className=\"SRC-inactive\">\n        {'Empty array'}\n      </Typography>\n    )\n  }\n  if (value.length === 1) {\n    return (\n      <Typography variant={'smallText1'}>\n        <JSONPrimitiveRenderer value={value[0]} />\n      </Typography>\n    )\n  }\n  return (\n    <>\n      {showCollapseText && (\n        <Typography\n          variant={'smallText1'}\n          sx={{ color: 'grey.600', fontStyle: 'italic', mb: 1 }}\n        >\n          {`${value.length.toLocaleString()} items`}\n          <ExpandCollapseButton\n            isExpanded={expanded}\n            className=\"ExpandableTableData__expandButton\"\n            onClick={() => setExpanded(!expanded)}\n          />\n        </Typography>\n      )}\n      <Collapse in={expanded}>\n        {value.map((val: JSONPrimitiveType, index: number) => (\n          <Box\n            key={index}\n            sx={{\n              display: 'flex',\n              gap: 0.5,\n              mb: 1,\n            }}\n          >\n            <Typography variant={'smallText1'}>\n              <JSONPrimitiveRenderer value={val} />\n            </Typography>\n          </Box>\n        ))}\n      </Collapse>\n    </>\n  )\n}\n"],"mappings":";;;;;;AAaA,SAAgB,EAAkB,GAA+B;CAC/D,IAAM,EAAE,aAAU,GACZ,CAAC,GAAU,KAAe,EAAS,EAAK,GACxC,IAAmB,EAAM,SAAS;CAgBxC,OAdI,EAAM,WAAW,IAEjB,kBAAC,GAAD;EAAY,SAAS;EAAc,WAAU;YAC1C;CACS,CAAA,IAGZ,EAAM,WAAW,IAEjB,kBAAC,GAAD;EAAY,SAAS;YACnB,kBAAC,GAAD,EAAuB,OAAO,EAAM,GAAK,CAAA;CAC/B,CAAA,IAId,kBAAA,GAAA,EAAA,UAAA,CACG,KACC,kBAAC,GAAD;EACE,SAAS;EACT,IAAI;GAAE,OAAO;GAAY,WAAW;GAAU,IAAI;EAAE;YAFtD,CAIG,GAAG,EAAM,OAAO,eAAe,EAAE,SAClC,kBAAC,GAAD;GACE,YAAY;GACZ,WAAU;GACV,eAAe,EAAY,CAAC,CAAQ;EACrC,CAAA,CACS;KAEd,kBAAC,GAAD;EAAU,IAAI;YACX,EAAM,KAAK,GAAwB,MAClC,kBAAC,GAAD;GAEE,IAAI;IACF,SAAS;IACT,KAAK;IACL,IAAI;GACN;aAEA,kBAAC,GAAD;IAAY,SAAS;cACnB,kBAAC,GAAD,EAAuB,OAAO,EAAM,CAAA;GAC1B,CAAA;EACT,GAVE,CAUF,CACN;CACO,CAAA,CACV,EAAA,CAAA;AAEN"}

package/dist/components/SynapseTable/SynapseTableCell/JSON/JSONObjectRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"JSONObjectRenderer.js","names":[],"sources":["../../../../../src/components/SynapseTable/SynapseTableCell/JSON/JSONObjectRenderer.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Box, Collapse, Typography } from '@mui/material'\nimport ExpandCollapseButton from '../../ExpandCollapseButton'\nimport { JSONPrimitiveType } from './JSONRendererUtils'\nimport { JSONPrimitiveRenderer } from './JSONPrimitiveRenderer'\n\nconst OBJECT_DEFAULT_NUM_KEYS_TO_SHOW = 3\ntype JSONObjectKeyValuePairProps = {\n  keyName: string\n  value: JSONPrimitiveType\n}\n\nfunction JSONObjectKeyValuePair(props: JSONObjectKeyValuePairProps) {\n  const { keyName, value } = props\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        mb: 1,\n      }}\n    >\n      <Typography variant={'smallText1'}>\n        <JSONPrimitiveRenderer value={keyName} />\n      </Typography>\n      <Typography\n        variant={'smallText1'}\n        sx={{ color: 'grey.600', fontStyle: 'italic', px: 0.5 }}\n      >\n        <JSONPrimitiveRenderer value={value} />\n      </Typography>\n    </Box>\n  )\n}\n\ntype JSONObjectRendererProps = {\n  value: Record<string, JSONPrimitiveType>\n}\n\n/**\n * Handles rendering a JSON object where all values are JSON primitives in a Synapse table cell.\n * @param props\n * @constructor\n */\nexport function JSONObjectRenderer(props: JSONObjectRendererProps) {\n  const { value } = props\n  const numKeys = Object.keys(value).length\n  const isCollapsible = numKeys > OBJECT_DEFAULT_NUM_KEYS_TO_SHOW\n  const [expanded, setExpanded] = useState(false)\n\n  if (numKeys === 0) {\n    return (\n      <Typography variant={'smallText1'} className=\"SRC-inactive\">\n        {'Empty object'}\n      </Typography>\n    )\n  }\n\n  return (\n    <>\n      {Object.entries(value)\n        // Render the first set of items unconditionally\n        .slice(0, OBJECT_DEFAULT_NUM_KEYS_TO_SHOW)\n        .map(([key, val]) => (\n          <JSONObjectKeyValuePair key={key} keyName={key} value={val} />\n        ))}\n      {/* Render the rest of the items in a Collapse */}\n      {isCollapsible && (\n        <>\n          <Collapse in={expanded}>\n            {Object.entries(value)\n              .slice(OBJECT_DEFAULT_NUM_KEYS_TO_SHOW)\n              .map(([key, val]) => (\n                <JSONObjectKeyValuePair key={key} keyName={key} value={val} />\n              ))}\n          </Collapse>\n          <Typography\n            variant={'smallText1'}\n            sx={{ mb: 0.5, color: 'grey.600', fontStyle: 'italic' }}\n          >\n            {expanded\n              ? ''\n              : `${(\n                  numKeys - OBJECT_DEFAULT_NUM_KEYS_TO_SHOW\n                ).toLocaleString()} more`}\n            <ExpandCollapseButton\n              isExpanded={expanded}\n              className=\"ExpandableTableData__expandButton\"\n              onClick={() => setExpanded(v => !v)}\n            />\n          </Typography>\n        </>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;AAMA,IAAM,IAAkC;AAMxC,SAAS,EAAuB,GAAoC;CAClE,IAAM,EAAE,YAAS,aAAU;AAE3B,QACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,IAAI;GACL;YAJH,CAME,kBAAC,GAAD;GAAY,SAAS;aACnB,kBAAC,GAAD,EAAuB,OAAO,GAAW,CAAA;GAC9B,CAAA,EACb,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IAAE,OAAO;IAAY,WAAW;IAAU,IAAI;IAAK;aAEvD,kBAAC,GAAD,EAA8B,UAAS,CAAA;GAC5B,CAAA,CACT;;;AAaV,SAAgB,EAAmB,GAAgC;CACjE,IAAM,EAAE,aAAU,GACZ,IAAU,OAAO,KAAK,EAAM,CAAC,QAC7B,IAAgB,IAAU,GAC1B,CAAC,GAAU,KAAe,EAAS,GAAM;AAU/C,QARI,MAAY,IAEZ,kBAAC,GAAD;EAAY,SAAS;EAAc,WAAU;YAC1C;EACU,CAAA,GAKf,kBAAA,GAAA,EAAA,UAAA,CACG,OAAO,QAAQ,EAAM,CAEnB,MAAM,GAAG,EAAgC,CACzC,KAAK,CAAC,GAAK,OACV,kBAAC,GAAD;EAAkC,SAAS;EAAK,OAAO;EAAO,EAAjC,EAAiC,CAC9D,EAEH,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAU,IAAI;YACX,OAAO,QAAQ,EAAM,CACnB,MAAM,EAAgC,CACtC,KAAK,CAAC,GAAK,OACV,kBAAC,GAAD;GAAkC,SAAS;GAAK,OAAO;GAAO,EAAjC,EAAiC,CAC9D;EACK,CAAA,EACX,kBAAC,GAAD;EACE,SAAS;EACT,IAAI;GAAE,IAAI;GAAK,OAAO;GAAY,WAAW;GAAU;YAFzD,CAIG,IACG,KACA,IACE,IAAU,GACV,gBAAgB,CAAC,QACvB,kBAAC,GAAD;GACE,YAAY;GACZ,WAAU;GACV,eAAe,GAAY,MAAK,CAAC,EAAE;GACnC,CAAA,CACS;IACZ,EAAA,CAAA,CAEJ,EAAA,CAAA"}
+{"version":3,"file":"JSONObjectRenderer.js","names":[],"sources":["../../../../../src/components/SynapseTable/SynapseTableCell/JSON/JSONObjectRenderer.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Box, Collapse, Typography } from '@mui/material'\nimport ExpandCollapseButton from '../../ExpandCollapseButton'\nimport { JSONPrimitiveType } from './JSONRendererUtils'\nimport { JSONPrimitiveRenderer } from './JSONPrimitiveRenderer'\n\nconst OBJECT_DEFAULT_NUM_KEYS_TO_SHOW = 3\ntype JSONObjectKeyValuePairProps = {\n  keyName: string\n  value: JSONPrimitiveType\n}\n\nfunction JSONObjectKeyValuePair(props: JSONObjectKeyValuePairProps) {\n  const { keyName, value } = props\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        mb: 1,\n      }}\n    >\n      <Typography variant={'smallText1'}>\n        <JSONPrimitiveRenderer value={keyName} />\n      </Typography>\n      <Typography\n        variant={'smallText1'}\n        sx={{ color: 'grey.600', fontStyle: 'italic', px: 0.5 }}\n      >\n        <JSONPrimitiveRenderer value={value} />\n      </Typography>\n    </Box>\n  )\n}\n\ntype JSONObjectRendererProps = {\n  value: Record<string, JSONPrimitiveType>\n}\n\n/**\n * Handles rendering a JSON object where all values are JSON primitives in a Synapse table cell.\n * @param props\n * @constructor\n */\nexport function JSONObjectRenderer(props: JSONObjectRendererProps) {\n  const { value } = props\n  const numKeys = Object.keys(value).length\n  const isCollapsible = numKeys > OBJECT_DEFAULT_NUM_KEYS_TO_SHOW\n  const [expanded, setExpanded] = useState(false)\n\n  if (numKeys === 0) {\n    return (\n      <Typography variant={'smallText1'} className=\"SRC-inactive\">\n        {'Empty object'}\n      </Typography>\n    )\n  }\n\n  return (\n    <>\n      {Object.entries(value)\n        // Render the first set of items unconditionally\n        .slice(0, OBJECT_DEFAULT_NUM_KEYS_TO_SHOW)\n        .map(([key, val]) => (\n          <JSONObjectKeyValuePair key={key} keyName={key} value={val} />\n        ))}\n      {/* Render the rest of the items in a Collapse */}\n      {isCollapsible && (\n        <>\n          <Collapse in={expanded}>\n            {Object.entries(value)\n              .slice(OBJECT_DEFAULT_NUM_KEYS_TO_SHOW)\n              .map(([key, val]) => (\n                <JSONObjectKeyValuePair key={key} keyName={key} value={val} />\n              ))}\n          </Collapse>\n          <Typography\n            variant={'smallText1'}\n            sx={{ mb: 0.5, color: 'grey.600', fontStyle: 'italic' }}\n          >\n            {expanded\n              ? ''\n              : `${(\n                  numKeys - OBJECT_DEFAULT_NUM_KEYS_TO_SHOW\n                ).toLocaleString()} more`}\n            <ExpandCollapseButton\n              isExpanded={expanded}\n              className=\"ExpandableTableData__expandButton\"\n              onClick={() => setExpanded(v => !v)}\n            />\n          </Typography>\n        </>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;AAMA,IAAM,IAAkC;AAMxC,SAAS,EAAuB,GAAoC;CAClE,IAAM,EAAE,YAAS,aAAU;CAE3B,OACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,IAAI;EACN;YAJF,CAME,kBAAC,GAAD;GAAY,SAAS;aACnB,kBAAC,GAAD,EAAuB,OAAO,EAAU,CAAA;EAC9B,CAAA,GACZ,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IAAE,OAAO;IAAY,WAAW;IAAU,IAAI;GAAI;aAEtD,kBAAC,GAAD,EAA8B,SAAQ,CAAA;EAC5B,CAAA,CACT;;AAET;AAWA,SAAgB,EAAmB,GAAgC;CACjE,IAAM,EAAE,aAAU,GACZ,IAAU,OAAO,KAAK,CAAK,EAAE,QAC7B,IAAgB,IAAU,GAC1B,CAAC,GAAU,KAAe,EAAS,EAAK;CAU9C,OARI,MAAY,IAEZ,kBAAC,GAAD;EAAY,SAAS;EAAc,WAAU;YAC1C;CACS,CAAA,IAKd,kBAAA,GAAA,EAAA,UAAA,CACG,OAAO,QAAQ,CAAK,EAElB,MAAM,GAAG,CAA+B,EACxC,KAAK,CAAC,GAAK,OACV,kBAAC,GAAD;EAAkC,SAAS;EAAK,OAAO;CAAM,GAAhC,CAAgC,CAC9D,GAEF,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAU,IAAI;YACX,OAAO,QAAQ,CAAK,EAClB,MAAM,CAA+B,EACrC,KAAK,CAAC,GAAK,OACV,kBAAC,GAAD;GAAkC,SAAS;GAAK,OAAO;EAAM,GAAhC,CAAgC,CAC9D;CACK,CAAA,GACV,kBAAC,GAAD;EACE,SAAS;EACT,IAAI;GAAE,IAAI;GAAK,OAAO;GAAY,WAAW;EAAS;YAFxD,CAIG,IACG,KACA,IACE,IAAU,GACV,eAAe,EAAE,QACvB,kBAAC,GAAD;GACE,YAAY;GACZ,WAAU;GACV,eAAe,GAAY,MAAK,CAAC,CAAC;EACnC,CAAA,CACS;GACZ,EAAA,CAAA,CAEJ,EAAA,CAAA;AAEN"}

package/dist/components/SynapseTable/SynapseTableCell/JSON/JSONPrimitiveRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"JSONPrimitiveRenderer.js","names":[],"sources":["../../../../../src/components/SynapseTable/SynapseTableCell/JSON/JSONPrimitiveRenderer.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { JSONPrimitiveType } from './JSONRendererUtils'\n\ntype JSONPrimitiveRendererProps = { value: JSONPrimitiveType }\n\n/**\n * Handles rendering a JSON \"primitive\" value in a Synapse table cell.\n *\n * A JSON primitive value is a string, number, boolean, or null.\n * @param props\n * @constructor\n */\nexport function JSONPrimitiveRenderer(props: JSONPrimitiveRendererProps) {\n  const { value } = props\n  if (value === null) {\n    return (\n      <Typography variant={'smallText1'} className=\"SRC-inactive\">\n        {'<null value>'}\n      </Typography>\n    )\n  }\n  if (typeof value === 'number') {\n    return <>{value.toLocaleString()}</>\n  }\n  return <>{String(value)}</>\n}\n"],"mappings":";;;AAYA,SAAgB,EAAsB,GAAmC;CACvE,IAAM,EAAE,aAAU;AAWlB,QAVI,MAAU,OAEV,kBAAC,GAAD;EAAY,SAAS;EAAc,WAAU;YAC1C;EACU,CAAA,GAGb,OAAO,KAAU,WACZ,kBAAA,GAAA,EAAA,UAAG,EAAM,gBAAgB,EAAI,CAAA,GAE/B,kBAAA,GAAA,EAAA,UAAG,OAAO,EAAM,EAAI,CAAA"}
+{"version":3,"file":"JSONPrimitiveRenderer.js","names":[],"sources":["../../../../../src/components/SynapseTable/SynapseTableCell/JSON/JSONPrimitiveRenderer.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { JSONPrimitiveType } from './JSONRendererUtils'\n\ntype JSONPrimitiveRendererProps = { value: JSONPrimitiveType }\n\n/**\n * Handles rendering a JSON \"primitive\" value in a Synapse table cell.\n *\n * A JSON primitive value is a string, number, boolean, or null.\n * @param props\n * @constructor\n */\nexport function JSONPrimitiveRenderer(props: JSONPrimitiveRendererProps) {\n  const { value } = props\n  if (value === null) {\n    return (\n      <Typography variant={'smallText1'} className=\"SRC-inactive\">\n        {'<null value>'}\n      </Typography>\n    )\n  }\n  if (typeof value === 'number') {\n    return <>{value.toLocaleString()}</>\n  }\n  return <>{String(value)}</>\n}\n"],"mappings":";;;AAYA,SAAgB,EAAsB,GAAmC;CACvE,IAAM,EAAE,aAAU;CAWlB,OAVI,MAAU,OAEV,kBAAC,GAAD;EAAY,SAAS;EAAc,WAAU;YAC1C;CACS,CAAA,IAGZ,OAAO,KAAU,WACZ,kBAAA,GAAA,EAAA,UAAG,EAAM,eAAe,EAAI,CAAA,IAE9B,kBAAA,GAAA,EAAA,UAAG,OAAO,CAAK,EAAI,CAAA;AAC5B"}

package/dist/components/SynapseTable/SynapseTableCell/JSON/JSONRendererUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"JSONRendererUtils.js","names":[],"sources":["../../../../../src/components/SynapseTable/SynapseTableCell/JSON/JSONRendererUtils.ts"],"sourcesContent":["export type JSONPrimitiveType = string | number | boolean | null\n\n/**\n * returns true iff the value is a primitive that could have been parsed from JSON\n * i.e. is null, string, number, or boolean\n *\n * This is false for objects and arrays, as well as JavaScript types that are not valid JSON, like\n * undefined, NaN, Infinity, Symbol, and functions\n * @param value\n */\nexport function isJSONPrimitive(value: unknown): value is JSONPrimitiveType {\n  if (value === null) {\n    return true\n  }\n  if (typeof value === 'number') {\n    return !Number.isNaN(value) && Number.isFinite(value)\n  }\n  return ['string', 'boolean'].includes(typeof value)\n}\n\nexport function isJSONObjectAllPrimitiveKeys(\n  value: object,\n): value is Record<string, JSONPrimitiveType> {\n  return Object.values(value).every(v => isJSONPrimitive(v))\n}\n"],"mappings":";AAUA,SAAgB,EAAgB,GAA4C;AAO1E,QANI,MAAU,OACL,KAEL,OAAO,KAAU,WACZ,CAAC,OAAO,MAAM,EAAM,IAAI,OAAO,SAAS,EAAM,GAEhD,CAAC,UAAU,UAAU,CAAC,SAAS,OAAO,EAAM;;AAGrD,SAAgB,EACd,GAC4C;AAC5C,QAAO,OAAO,OAAO,EAAM,CAAC,OAAM,MAAK,EAAgB,EAAE,CAAC"}
+{"version":3,"file":"JSONRendererUtils.js","names":[],"sources":["../../../../../src/components/SynapseTable/SynapseTableCell/JSON/JSONRendererUtils.ts"],"sourcesContent":["export type JSONPrimitiveType = string | number | boolean | null\n\n/**\n * returns true iff the value is a primitive that could have been parsed from JSON\n * i.e. is null, string, number, or boolean\n *\n * This is false for objects and arrays, as well as JavaScript types that are not valid JSON, like\n * undefined, NaN, Infinity, Symbol, and functions\n * @param value\n */\nexport function isJSONPrimitive(value: unknown): value is JSONPrimitiveType {\n  if (value === null) {\n    return true\n  }\n  if (typeof value === 'number') {\n    return !Number.isNaN(value) && Number.isFinite(value)\n  }\n  return ['string', 'boolean'].includes(typeof value)\n}\n\nexport function isJSONObjectAllPrimitiveKeys(\n  value: object,\n): value is Record<string, JSONPrimitiveType> {\n  return Object.values(value).every(v => isJSONPrimitive(v))\n}\n"],"mappings":";AAUA,SAAgB,EAAgB,GAA4C;CAO1E,OANI,MAAU,OACL,KAEL,OAAO,KAAU,WACZ,CAAC,OAAO,MAAM,CAAK,KAAK,OAAO,SAAS,CAAK,IAE/C,CAAC,UAAU,SAAS,EAAE,SAAS,OAAO,CAAK;AACpD;AAEA,SAAgB,EACd,GAC4C;CAC5C,OAAO,OAAO,OAAO,CAAK,EAAE,OAAM,MAAK,EAAgB,CAAC,CAAC;AAC3D"}

package/dist/components/SynapseTable/SynapseTableCell/JSON/JSONTableCellRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"JSONTableCellRenderer.js","names":[],"sources":["../../../../../src/components/SynapseTable/SynapseTableCell/JSON/JSONTableCellRenderer.tsx"],"sourcesContent":["import {\n  isJSONObjectAllPrimitiveKeys,\n  isJSONPrimitive,\n} from './JSONRendererUtils'\nimport { JSONPrimitiveRenderer } from './JSONPrimitiveRenderer'\nimport { JSONArrayRenderer } from './JSONArrayRenderer'\nimport { JSONObjectRenderer } from './JSONObjectRenderer'\nimport { ComplexJSONRenderer } from './ComplexJSONRenderer'\nimport { Typography } from '@mui/material'\n\nexport type JSONTableCellRendererProps = {\n  value: string | null\n}\n\nexport default function JSONTableCellRenderer(\n  props: JSONTableCellRendererProps,\n) {\n  let value: unknown = props.value\n  try {\n    if (typeof value === 'string') {\n      value = JSON.parse(value)\n    }\n  } catch (e) {\n    console.warn('JSONTableCellRenderer: failed to parse JSON', e)\n  }\n\n  if (isJSONPrimitive(value) || value === null) {\n    return (\n      <Typography variant=\"smallText1\">\n        <JSONPrimitiveRenderer value={value} />\n      </Typography>\n    )\n  } else if (Array.isArray(value) && value.every(isJSONPrimitive)) {\n    return <JSONArrayRenderer value={value} />\n  } else if (\n    typeof value === 'object' &&\n    // To render a simple flat table, ensure that we have no array/object values\n    isJSONObjectAllPrimitiveKeys(value)\n  ) {\n    return <JSONObjectRenderer value={value} />\n  }\n\n  return <ComplexJSONRenderer value={value} />\n}\n"],"mappings":";;;;;;;;AAcA,SAAwB,EACtB,GACA;CACA,IAAI,IAAiB,EAAM;AAC3B,KAAI;AACF,EAAI,OAAO,KAAU,aACnB,IAAQ,KAAK,MAAM,EAAM;UAEpB,GAAG;AACV,UAAQ,KAAK,+CAA+C,EAAE;;AAmBhE,QAhBI,EAAgB,EAAM,IAAI,MAAU,OAEpC,kBAAC,GAAD;EAAY,SAAQ;YAClB,kBAAC,GAAD,EAA8B,UAAS,CAAA;EAC5B,CAAA,GAEN,MAAM,QAAQ,EAAM,IAAI,EAAM,MAAM,EAAgB,GACtD,kBAAC,GAAD,EAA0B,UAAS,CAAA,GAE1C,OAAO,KAAU,YAEjB,EAA6B,EAAM,GAE5B,kBAAC,GAAD,EAA2B,UAAS,CAAA,GAGtC,kBAAC,GAAD,EAA4B,UAAS,CAAA"}
+{"version":3,"file":"JSONTableCellRenderer.js","names":[],"sources":["../../../../../src/components/SynapseTable/SynapseTableCell/JSON/JSONTableCellRenderer.tsx"],"sourcesContent":["import {\n  isJSONObjectAllPrimitiveKeys,\n  isJSONPrimitive,\n} from './JSONRendererUtils'\nimport { JSONPrimitiveRenderer } from './JSONPrimitiveRenderer'\nimport { JSONArrayRenderer } from './JSONArrayRenderer'\nimport { JSONObjectRenderer } from './JSONObjectRenderer'\nimport { ComplexJSONRenderer } from './ComplexJSONRenderer'\nimport { Typography } from '@mui/material'\n\nexport type JSONTableCellRendererProps = {\n  value: string | null\n}\n\nexport default function JSONTableCellRenderer(\n  props: JSONTableCellRendererProps,\n) {\n  let value: unknown = props.value\n  try {\n    if (typeof value === 'string') {\n      value = JSON.parse(value)\n    }\n  } catch (e) {\n    console.warn('JSONTableCellRenderer: failed to parse JSON', e)\n  }\n\n  if (isJSONPrimitive(value) || value === null) {\n    return (\n      <Typography variant=\"smallText1\">\n        <JSONPrimitiveRenderer value={value} />\n      </Typography>\n    )\n  } else if (Array.isArray(value) && value.every(isJSONPrimitive)) {\n    return <JSONArrayRenderer value={value} />\n  } else if (\n    typeof value === 'object' &&\n    // To render a simple flat table, ensure that we have no array/object values\n    isJSONObjectAllPrimitiveKeys(value)\n  ) {\n    return <JSONObjectRenderer value={value} />\n  }\n\n  return <ComplexJSONRenderer value={value} />\n}\n"],"mappings":";;;;;;;;AAcA,SAAwB,EACtB,GACA;CACA,IAAI,IAAiB,EAAM;CAC3B,IAAI;EACF,AAAI,OAAO,KAAU,aACnB,IAAQ,KAAK,MAAM,CAAK;CAE5B,SAAS,GAAG;EACV,QAAQ,KAAK,+CAA+C,CAAC;CAC/D;CAkBA,OAhBI,EAAgB,CAAK,KAAK,MAAU,OAEpC,kBAAC,GAAD;EAAY,SAAQ;YAClB,kBAAC,GAAD,EAA8B,SAAQ,CAAA;CAC5B,CAAA,IAEL,MAAM,QAAQ,CAAK,KAAK,EAAM,MAAM,CAAe,IACrD,kBAAC,GAAD,EAA0B,SAAQ,CAAA,IAEzC,OAAO,KAAU,YAEjB,EAA6B,CAAK,IAE3B,kBAAC,GAAD,EAA2B,SAAQ,CAAA,IAGrC,kBAAC,GAAD,EAA4B,SAAQ,CAAA;AAC7C"}

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

@@ -1 +1 @@
-{"version":3,"file":"SynapseTableCell.js","names":[],"sources":["../../../../src/components/SynapseTable/SynapseTableCell/SynapseTableCell.tsx"],"sourcesContent":["import { CardLink } from '@/components/CardContainer/CardLink'\nimport { useGetEntity } from '@/synapse-queries'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  isDataset,\n  isDatasetCollection,\n  isEntityView,\n} from '@/utils/functions/EntityTypeUtils'\nimport { Link, Typography } from '@mui/material'\nimport {\n  ColumnModel,\n  ColumnType,\n  ColumnTypeEnum,\n  FileHandleAssociateType,\n  Row,\n  SelectColumn,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { Fragment, memo } from 'react'\nimport { ColumnSpecifiedLink, MarkdownLink } from '../../CardContainerLogic'\nimport {\n  EntityImage,\n  MapValueToReactComponentConfig,\n} from '../../CardContainerLogic/CardContainerLogic'\nimport DirectDownload from '../../DirectDownload/DirectDownload'\nimport { EntityLink, EntityLinkProps } from '../../EntityLink'\nimport { SynapseCardLabel } from '../../GenericCard'\nimport Linkify from '../../GenericCard/Linkify'\nimport { useQueryContext } from '../../QueryContext'\nimport UserOrTeamBadge from '../../UserOrTeamBadge'\nimport { NOT_SET_DISPLAY_VALUE } from '../SynapseTableConstants'\nimport { isFileViewOrDataset } from '../SynapseTableUtils'\nimport EntityIdList from './EntityIdList'\nimport EvaluationIdRenderer from './EvaluationIdRenderer'\nimport JSONTableCellRenderer from './JSON/JSONTableCellRenderer'\nimport UserIdList from './UserIdList'\n\nexport type SynapseTableCellProps = {\n  columnType: ColumnType\n  columnValue: string | null\n  isBold: string\n  columnLinkConfig?:\n    | CardLink\n    | MarkdownLink\n    | ColumnSpecifiedLink\n    | EntityImage\n    | MapValueToReactComponentConfig\n  columnName: string\n  selectColumns?: SelectColumn[]\n  columnModels?: ColumnModel[]\n  rowData: Row['values']\n  rowId?: string\n  rowVersionNumber?: number\n  isRowEntityColumn?: boolean\n}\n\nfunction getDisplayTextFieldForEntityIdColumn(\n  columnName: string,\n): EntityLinkProps['displayTextField'] {\n  // SWC-7235 - For any table type, if the column is an ENTITYID and the column name is 'id', then display the ID.\n  // Otherwise, display the entity name.\n  if (columnName.toLowerCase() === 'id') {\n    return 'id'\n  }\n  return 'name'\n}\n\nfunction SynapseTableCell(props: SynapseTableCellProps) {\n  const {\n    columnType,\n    columnValue,\n    isBold,\n    columnLinkConfig,\n    columnName,\n    selectColumns,\n    columnModels,\n    rowData,\n    rowId,\n    rowVersionNumber,\n    isRowEntityColumn,\n  } = props\n  const { entityId, versionNumber } = useQueryContext()\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n\n  if (!columnValue) {\n    return (\n      <div className=\"SynapseTableCellContent SRC-inactive\">\n        {NOT_SET_DISPLAY_VALUE}\n      </div>\n    )\n  }\n\n  if (columnLinkConfig) {\n    return (\n      <SynapseCardLabel\n        value={columnValue}\n        columnName={columnName}\n        selectColumns={selectColumns}\n        columnModels={columnModels}\n        isHeader={false}\n        labelLink={columnLinkConfig}\n        rowData={rowData}\n        rowId={rowId}\n      />\n    )\n  }\n\n  // PORTALS-2095: Special case. If this is an EntityView, and we are rendering the 'id' or 'name' column,\n  // and we have a rowId and rowVersionNumber (should always be the case), and our entityIdToHeader map\n  // contains the row Synapse ID, then auto-link.\n  const tableRowRepresentsEntity =\n    entity &&\n    (isEntityView(entity) || isDataset(entity) || isDatasetCollection(entity))\n  if (\n    (tableRowRepresentsEntity || isRowEntityColumn) &&\n    (columnName === 'id' || columnName === 'name') &&\n    rowId &&\n    rowVersionNumber\n  ) {\n    return (\n      <div className=\"SynapseTableCellContent\">\n        <EntityLink\n          entity={rowId}\n          versionNumber={rowVersionNumber}\n          className={`${isBold}`}\n          showIcon={false}\n          displayTextField={columnName}\n        />\n      </div>\n    )\n  }\n\n  switch (columnType) {\n    case ColumnTypeEnum.ENTITYID: {\n      const displayTextField = getDisplayTextFieldForEntityIdColumn(columnName)\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <EntityLink\n            entity={columnValue}\n            className={`${isBold}`}\n            displayTextField={displayTextField}\n            showIcon={false}\n          />\n        </div>\n      )\n    }\n    case ColumnTypeEnum.DATE_LIST: {\n      const jsonData: number[] = JSON.parse(columnValue)\n      return (\n        <div className=\"SynapseTableCellContent\">\n          {jsonData.map((val: number, index: number) => {\n            return (\n              <span key={index} className={isBold}>\n                {formatDate(dayjs(Number(val)))}\n                {index !== jsonData.length - 1 ? ', ' : ''}\n              </span>\n            )\n          })}{' '}\n        </div>\n      )\n    }\n    case ColumnTypeEnum.BOOLEAN_LIST: {\n      const jsonData: boolean[] = JSON.parse(columnValue)\n      return (\n        <div className=\"SynapseTableCellContent\">\n          {jsonData.map((val: boolean, index: number) => {\n            return (\n              <span key={index} className={isBold}>\n                {val ? 'true' : 'false'}\n                {index !== jsonData.length - 1 ? ', ' : ''}\n              </span>\n            )\n          })}\n        </div>\n      )\n    }\n    case ColumnTypeEnum.FILEHANDLEID: {\n      let associatedObjectId = entity!.id!\n      let associatedObjectType = FileHandleAssociateType.TableEntity\n      if (isFileViewOrDataset(entity) && columnName === 'dataFileHandleId') {\n        associatedObjectId = String(rowId)\n        associatedObjectType = FileHandleAssociateType.FileEntity\n      }\n      return (\n        <>\n          {entity && (\n            <div className=\"SynapseTableCellContent\">\n              <DirectDownload\n                iconSvgPropOverrides={{ sx: { color: 'primary.main' } }}\n                associatedObjectId={associatedObjectId}\n                associatedObjectType={associatedObjectType}\n                fileHandleId={columnValue}\n                displayFileName={true}\n              />\n            </div>\n          )}\n        </>\n      )\n    }\n    case ColumnTypeEnum.ENTITYID_LIST: {\n      const displayTextField = getDisplayTextFieldForEntityIdColumn(columnName)\n      const jsonData: string[] = JSON.parse(columnValue)\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <EntityIdList\n            entityIdList={jsonData}\n            displayTextField={displayTextField}\n            showIcon={false}\n          />\n        </div>\n      )\n    }\n    case ColumnTypeEnum.USERID_LIST: {\n      const jsonData: string[] = JSON.parse(columnValue)\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <UserIdList userIds={jsonData} />\n        </div>\n      )\n    }\n    // handle other list types\n    case ColumnTypeEnum.STRING_LIST:\n    case ColumnTypeEnum.INTEGER_LIST: {\n      const jsonData: string[] = JSON.parse(columnValue)\n      return (\n        <div className={`SynapseTableCellContent ${isBold}`}>\n          {jsonData.map((val: string, index: number) => {\n            const textRenderer =\n              columnType == ColumnTypeEnum.STRING_LIST ? (\n                <Linkify text={val} />\n              ) : (\n                <>{val}</>\n              )\n            return (\n              <Fragment key={val}>\n                {textRenderer}\n                {index !== jsonData.length - 1 ? ', ' : ''}\n              </Fragment>\n            )\n          })}\n        </div>\n      )\n    }\n    case ColumnTypeEnum.EVALUATIONID: {\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <EvaluationIdRenderer evaluationId={columnValue} />\n        </div>\n      )\n    }\n\n    case ColumnTypeEnum.DATE:\n      return (\n        <div className={`SynapseTableCellContent ${isBold}`}>\n          {formatDate(dayjs(Number(columnValue)))}\n        </div>\n      )\n\n    case ColumnTypeEnum.USERID:\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <UserOrTeamBadge principalId={columnValue} />\n        </div>\n      )\n    case ColumnTypeEnum.LINK:\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <Link target=\"_blank\" rel=\"noopener noreferrer\" href={columnValue}>\n            {columnValue}\n          </Link>\n        </div>\n      )\n    case ColumnTypeEnum.STRING:\n    case ColumnTypeEnum.BOOLEAN:\n    case ColumnTypeEnum.MEDIUMTEXT:\n    case ColumnTypeEnum.LARGETEXT: {\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <Typography variant={'smallText1'} className={isBold}>\n            <Linkify text={columnValue} />\n          </Typography>\n        </div>\n      )\n    }\n    case ColumnTypeEnum.INTEGER:\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <Typography\n            variant={'smallText1'}\n            sx={{ textAlign: 'right' }}\n            className={isBold}\n          >\n            {parseInt(columnValue).toLocaleString()}\n          </Typography>\n        </div>\n      )\n    case ColumnTypeEnum.DOUBLE:\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <Typography\n            variant={'smallText1'}\n            sx={{ textAlign: 'right' }}\n            className={isBold}\n          >\n            {parseFloat(columnValue).toLocaleString()}\n          </Typography>\n        </div>\n      )\n    case ColumnTypeEnum.JSON:\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <JSONTableCellRenderer value={columnValue} />\n        </div>\n      )\n    default:\n      console.warn(\n        `ColumnType ${columnType} has unspecified handler. Rendering the column value.`,\n      )\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <Typography variant={'smallText1'} className={isBold}>\n            {columnValue}\n          </Typography>\n        </div>\n      )\n  }\n  // We can reach this if we don't get a mapping of IDs to entities or principals.\n  // TODO: If we don't have a id:data mapping, we should render a component that can fetch the required data, rather than breaking from the case.\n  return (\n    <div className={`SynapseTableCellContent ${isBold}`}>{columnValue}</div>\n  )\n}\n\nexport default memo(SynapseTableCell)\n"],"mappings":"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"}
+{"version":3,"file":"SynapseTableCell.js","names":[],"sources":["../../../../src/components/SynapseTable/SynapseTableCell/SynapseTableCell.tsx"],"sourcesContent":["import { CardLink } from '@/components/CardContainer/CardLink'\nimport { useGetEntity } from '@/synapse-queries'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  isDataset,\n  isDatasetCollection,\n  isEntityView,\n} from '@/utils/functions/EntityTypeUtils'\nimport { Link, Typography } from '@mui/material'\nimport {\n  ColumnModel,\n  ColumnType,\n  ColumnTypeEnum,\n  FileHandleAssociateType,\n  Row,\n  SelectColumn,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { Fragment, memo } from 'react'\nimport { ColumnSpecifiedLink, MarkdownLink } from '../../CardContainerLogic'\nimport {\n  EntityImage,\n  MapValueToReactComponentConfig,\n} from '../../CardContainerLogic/CardContainerLogic'\nimport DirectDownload from '../../DirectDownload/DirectDownload'\nimport { EntityLink, EntityLinkProps } from '../../EntityLink'\nimport { SynapseCardLabel } from '../../GenericCard'\nimport Linkify from '../../GenericCard/Linkify'\nimport { useQueryContext } from '../../QueryContext'\nimport UserOrTeamBadge from '../../UserOrTeamBadge'\nimport { NOT_SET_DISPLAY_VALUE } from '../SynapseTableConstants'\nimport { isFileViewOrDataset } from '../SynapseTableUtils'\nimport EntityIdList from './EntityIdList'\nimport EvaluationIdRenderer from './EvaluationIdRenderer'\nimport JSONTableCellRenderer from './JSON/JSONTableCellRenderer'\nimport UserIdList from './UserIdList'\n\nexport type SynapseTableCellProps = {\n  columnType: ColumnType\n  columnValue: string | null\n  isBold: string\n  columnLinkConfig?:\n    | CardLink\n    | MarkdownLink\n    | ColumnSpecifiedLink\n    | EntityImage\n    | MapValueToReactComponentConfig\n  columnName: string\n  selectColumns?: SelectColumn[]\n  columnModels?: ColumnModel[]\n  rowData: Row['values']\n  rowId?: string\n  rowVersionNumber?: number\n  isRowEntityColumn?: boolean\n}\n\nfunction getDisplayTextFieldForEntityIdColumn(\n  columnName: string,\n): EntityLinkProps['displayTextField'] {\n  // SWC-7235 - For any table type, if the column is an ENTITYID and the column name is 'id', then display the ID.\n  // Otherwise, display the entity name.\n  if (columnName.toLowerCase() === 'id') {\n    return 'id'\n  }\n  return 'name'\n}\n\nfunction SynapseTableCell(props: SynapseTableCellProps) {\n  const {\n    columnType,\n    columnValue,\n    isBold,\n    columnLinkConfig,\n    columnName,\n    selectColumns,\n    columnModels,\n    rowData,\n    rowId,\n    rowVersionNumber,\n    isRowEntityColumn,\n  } = props\n  const { entityId, versionNumber } = useQueryContext()\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n\n  if (!columnValue) {\n    return (\n      <div className=\"SynapseTableCellContent SRC-inactive\">\n        {NOT_SET_DISPLAY_VALUE}\n      </div>\n    )\n  }\n\n  if (columnLinkConfig) {\n    return (\n      <SynapseCardLabel\n        value={columnValue}\n        columnName={columnName}\n        selectColumns={selectColumns}\n        columnModels={columnModels}\n        isHeader={false}\n        labelLink={columnLinkConfig}\n        rowData={rowData}\n        rowId={rowId}\n      />\n    )\n  }\n\n  // PORTALS-2095: Special case. If this is an EntityView, and we are rendering the 'id' or 'name' column,\n  // and we have a rowId and rowVersionNumber (should always be the case), and our entityIdToHeader map\n  // contains the row Synapse ID, then auto-link.\n  const tableRowRepresentsEntity =\n    entity &&\n    (isEntityView(entity) || isDataset(entity) || isDatasetCollection(entity))\n  if (\n    (tableRowRepresentsEntity || isRowEntityColumn) &&\n    (columnName === 'id' || columnName === 'name') &&\n    rowId &&\n    rowVersionNumber\n  ) {\n    return (\n      <div className=\"SynapseTableCellContent\">\n        <EntityLink\n          entity={rowId}\n          versionNumber={rowVersionNumber}\n          className={`${isBold}`}\n          showIcon={false}\n          displayTextField={columnName}\n        />\n      </div>\n    )\n  }\n\n  switch (columnType) {\n    case ColumnTypeEnum.ENTITYID: {\n      const displayTextField = getDisplayTextFieldForEntityIdColumn(columnName)\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <EntityLink\n            entity={columnValue}\n            className={`${isBold}`}\n            displayTextField={displayTextField}\n            showIcon={false}\n          />\n        </div>\n      )\n    }\n    case ColumnTypeEnum.DATE_LIST: {\n      const jsonData: number[] = JSON.parse(columnValue)\n      return (\n        <div className=\"SynapseTableCellContent\">\n          {jsonData.map((val: number, index: number) => {\n            return (\n              <span key={index} className={isBold}>\n                {formatDate(dayjs(Number(val)))}\n                {index !== jsonData.length - 1 ? ', ' : ''}\n              </span>\n            )\n          })}{' '}\n        </div>\n      )\n    }\n    case ColumnTypeEnum.BOOLEAN_LIST: {\n      const jsonData: boolean[] = JSON.parse(columnValue)\n      return (\n        <div className=\"SynapseTableCellContent\">\n          {jsonData.map((val: boolean, index: number) => {\n            return (\n              <span key={index} className={isBold}>\n                {val ? 'true' : 'false'}\n                {index !== jsonData.length - 1 ? ', ' : ''}\n              </span>\n            )\n          })}\n        </div>\n      )\n    }\n    case ColumnTypeEnum.FILEHANDLEID: {\n      let associatedObjectId = entity!.id!\n      let associatedObjectType = FileHandleAssociateType.TableEntity\n      if (isFileViewOrDataset(entity) && columnName === 'dataFileHandleId') {\n        associatedObjectId = String(rowId)\n        associatedObjectType = FileHandleAssociateType.FileEntity\n      }\n      return (\n        <>\n          {entity && (\n            <div className=\"SynapseTableCellContent\">\n              <DirectDownload\n                iconSvgPropOverrides={{ sx: { color: 'primary.main' } }}\n                associatedObjectId={associatedObjectId}\n                associatedObjectType={associatedObjectType}\n                fileHandleId={columnValue}\n                displayFileName={true}\n              />\n            </div>\n          )}\n        </>\n      )\n    }\n    case ColumnTypeEnum.ENTITYID_LIST: {\n      const displayTextField = getDisplayTextFieldForEntityIdColumn(columnName)\n      const jsonData: string[] = JSON.parse(columnValue)\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <EntityIdList\n            entityIdList={jsonData}\n            displayTextField={displayTextField}\n            showIcon={false}\n          />\n        </div>\n      )\n    }\n    case ColumnTypeEnum.USERID_LIST: {\n      const jsonData: string[] = JSON.parse(columnValue)\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <UserIdList userIds={jsonData} />\n        </div>\n      )\n    }\n    // handle other list types\n    case ColumnTypeEnum.STRING_LIST:\n    case ColumnTypeEnum.INTEGER_LIST: {\n      const jsonData: string[] = JSON.parse(columnValue)\n      return (\n        <div className={`SynapseTableCellContent ${isBold}`}>\n          {jsonData.map((val: string, index: number) => {\n            const textRenderer =\n              columnType == ColumnTypeEnum.STRING_LIST ? (\n                <Linkify text={val} />\n              ) : (\n                <>{val}</>\n              )\n            return (\n              <Fragment key={val}>\n                {textRenderer}\n                {index !== jsonData.length - 1 ? ', ' : ''}\n              </Fragment>\n            )\n          })}\n        </div>\n      )\n    }\n    case ColumnTypeEnum.EVALUATIONID: {\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <EvaluationIdRenderer evaluationId={columnValue} />\n        </div>\n      )\n    }\n\n    case ColumnTypeEnum.DATE:\n      return (\n        <div className={`SynapseTableCellContent ${isBold}`}>\n          {formatDate(dayjs(Number(columnValue)))}\n        </div>\n      )\n\n    case ColumnTypeEnum.USERID:\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <UserOrTeamBadge principalId={columnValue} />\n        </div>\n      )\n    case ColumnTypeEnum.LINK:\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <Link target=\"_blank\" rel=\"noopener noreferrer\" href={columnValue}>\n            {columnValue}\n          </Link>\n        </div>\n      )\n    case ColumnTypeEnum.STRING:\n    case ColumnTypeEnum.BOOLEAN:\n    case ColumnTypeEnum.MEDIUMTEXT:\n    case ColumnTypeEnum.LARGETEXT: {\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <Typography variant={'smallText1'} className={isBold}>\n            <Linkify text={columnValue} />\n          </Typography>\n        </div>\n      )\n    }\n    case ColumnTypeEnum.INTEGER:\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <Typography\n            variant={'smallText1'}\n            sx={{ textAlign: 'right' }}\n            className={isBold}\n          >\n            {parseInt(columnValue).toLocaleString()}\n          </Typography>\n        </div>\n      )\n    case ColumnTypeEnum.DOUBLE:\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <Typography\n            variant={'smallText1'}\n            sx={{ textAlign: 'right' }}\n            className={isBold}\n          >\n            {parseFloat(columnValue).toLocaleString()}\n          </Typography>\n        </div>\n      )\n    case ColumnTypeEnum.JSON:\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <JSONTableCellRenderer value={columnValue} />\n        </div>\n      )\n    default:\n      console.warn(\n        `ColumnType ${columnType} has unspecified handler. Rendering the column value.`,\n      )\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <Typography variant={'smallText1'} className={isBold}>\n            {columnValue}\n          </Typography>\n        </div>\n      )\n  }\n  // We can reach this if we don't get a mapping of IDs to entities or principals.\n  // TODO: If we don't have a id:data mapping, we should render a component that can fetch the required data, rather than breaking from the case.\n  return (\n    <div className={`SynapseTableCellContent ${isBold}`}>{columnValue}</div>\n  )\n}\n\nexport default memo(SynapseTableCell)\n"],"mappings":"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"}

package/dist/components/SynapseTable/SynapseTableCell/UserIdList.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserIdList.js","names":[],"sources":["../../../../src/components/SynapseTable/SynapseTableCell/UserIdList.tsx"],"sourcesContent":["import UserOrTeamBadge from '../../UserOrTeamBadge'\nimport { Stack } from '@mui/material'\n\nexport type UserIdListProps = {\n  userIds: string[]\n}\n\nfunction UserIdList(props: UserIdListProps) {\n  const { userIds } = props\n\n  return (\n    <Stack\n      sx={{\n        gap: 1,\n      }}\n    >\n      {userIds.map(userId => (\n        <UserOrTeamBadge key={userId} principalId={userId} />\n      ))}\n    </Stack>\n  )\n}\n\nexport default UserIdList\n"],"mappings":";;;;AAOA,SAAS,EAAW,GAAwB;CAC1C,IAAM,EAAE,eAAY;AAEpB,QACE,kBAAC,GAAD;EACE,IAAI,EACF,KAAK,GACN;YAEA,EAAQ,KAAI,MACX,kBAAC,GAAD,EAA8B,aAAa,GAAU,EAA/B,EAA+B,CACrD;EACI,CAAA"}
+{"version":3,"file":"UserIdList.js","names":[],"sources":["../../../../src/components/SynapseTable/SynapseTableCell/UserIdList.tsx"],"sourcesContent":["import UserOrTeamBadge from '../../UserOrTeamBadge'\nimport { Stack } from '@mui/material'\n\nexport type UserIdListProps = {\n  userIds: string[]\n}\n\nfunction UserIdList(props: UserIdListProps) {\n  const { userIds } = props\n\n  return (\n    <Stack\n      sx={{\n        gap: 1,\n      }}\n    >\n      {userIds.map(userId => (\n        <UserOrTeamBadge key={userId} principalId={userId} />\n      ))}\n    </Stack>\n  )\n}\n\nexport default UserIdList\n"],"mappings":";;;;AAOA,SAAS,EAAW,GAAwB;CAC1C,IAAM,EAAE,eAAY;CAEpB,OACE,kBAAC,GAAD;EACE,IAAI,EACF,KAAK,EACP;YAEC,EAAQ,KAAI,MACX,kBAAC,GAAD,EAA8B,aAAa,EAAS,GAA9B,CAA8B,CACrD;CACI,CAAA;AAEX"}

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

@@ -1 +1 @@
-{"version":3,"file":"SynapseTableConstants.js","names":[],"sources":["../../../src/components/SynapseTable/SynapseTableConstants.ts"],"sourcesContent":["import { IconName } from '../IconSvg'\n\nexport const TOOLTIP_DELAY_SHOW = 500\nexport const SELECT_ALL = 'SELECT_ALL'\nexport const DESELECT_ALL = 'DESELECT_ALL'\nexport const NOT_SET_DISPLAY_VALUE = '\\u2013' // html dash\n// double check these icons!\nexport const ICON_STATE: IconName[] = ['sortDown', 'sortDown', 'sortUp']\n"],"mappings":";AAEA,IAAa,IAAqB,KACrB,IAAa,cACb,IAAe,gBACf,IAAwB,KAExB,IAAyB;CAAC;CAAY;CAAY;CAAS"}
+{"version":3,"file":"SynapseTableConstants.js","names":[],"sources":["../../../src/components/SynapseTable/SynapseTableConstants.ts"],"sourcesContent":["import { IconName } from '../IconSvg'\n\nexport const TOOLTIP_DELAY_SHOW = 500\nexport const SELECT_ALL = 'SELECT_ALL'\nexport const DESELECT_ALL = 'DESELECT_ALL'\nexport const NOT_SET_DISPLAY_VALUE = '\\u2013' // html dash\n// double check these icons!\nexport const ICON_STATE: IconName[] = ['sortDown', 'sortDown', 'sortUp']\n"],"mappings":";AAEA,IAAa,IAAqB,KACrB,IAAa,cACb,IAAe,gBACf,IAAwB,KAExB,IAAyB;CAAC;CAAY;CAAY;AAAQ"}

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

@@ -1 +1 @@
-{"version":3,"file":"SynapseTableContext.js","names":[],"sources":["../../../src/components/SynapseTable/SynapseTableContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport { LabelLinkConfig } from '../CardContainerLogic'\n\nexport type SynapseTableContextType = {\n  columnLinks?: LabelLinkConfig\n  /**\n   * If true, the component will show enhanced UI for the case where\n   * - the entity is a FileEntity, AND\n   * - the caller has permission to fetch the dataFileHandle, AND\n   * - the dataFileHandle is an instance of ExternalFileHandleInterface (i.e. the file is not controlled by Synapse)\n   * Note that this requires an additional API call that cannot be batched, so it should be avoided in bulk  contexts if possible.\n   * @default false\n   */\n  showExternalAccessIcon?: boolean\n}\n\nexport const SynapseTableContext = createContext<\n  SynapseTableContextType | undefined\n>(undefined)\n\nexport function useSynapseTableContext(): SynapseTableContextType {\n  const context = useContext(SynapseTableContext)\n  if (context === undefined) {\n    throw new Error(\n      'useSynapseTableContext must be used within a SynapseTableContext',\n    )\n  }\n  return context\n}\n"],"mappings":";;AAgBA,IAAa,IAAsB,EAEjC,KAAA,EAAU;AAEZ,SAAgB,IAAkD;CAChE,IAAM,IAAU,EAAW,EAAoB;AAC/C,KAAI,MAAY,KAAA,EACd,OAAU,MACR,mEACD;AAEH,QAAO"}
+{"version":3,"file":"SynapseTableContext.js","names":[],"sources":["../../../src/components/SynapseTable/SynapseTableContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport { LabelLinkConfig } from '../CardContainerLogic'\n\nexport type SynapseTableContextType = {\n  columnLinks?: LabelLinkConfig\n  /**\n   * If true, the component will show enhanced UI for the case where\n   * - the entity is a FileEntity, AND\n   * - the caller has permission to fetch the dataFileHandle, AND\n   * - the dataFileHandle is an instance of ExternalFileHandleInterface (i.e. the file is not controlled by Synapse)\n   * Note that this requires an additional API call that cannot be batched, so it should be avoided in bulk  contexts if possible.\n   * @default false\n   */\n  showExternalAccessIcon?: boolean\n}\n\nexport const SynapseTableContext = createContext<\n  SynapseTableContextType | undefined\n>(undefined)\n\nexport function useSynapseTableContext(): SynapseTableContextType {\n  const context = useContext(SynapseTableContext)\n  if (context === undefined) {\n    throw new Error(\n      'useSynapseTableContext must be used within a SynapseTableContext',\n    )\n  }\n  return context\n}\n"],"mappings":";;AAgBA,IAAa,IAAsB,EAEjC,KAAA,CAAS;AAEX,SAAgB,IAAkD;CAChE,IAAM,IAAU,EAAW,CAAmB;CAC9C,IAAI,MAAY,KAAA,GACd,MAAU,MACR,kEACF;CAEF,OAAO;AACT"}

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

@@ -1 +1 @@
-{"version":3,"file":"SynapseTableRenderers.js","names":[],"sources":["../../../src/components/SynapseTable/SynapseTableRenderers.tsx"],"sourcesContent":["import { useGetEntityHeader } from '@/synapse-queries'\nimport { Checkbox } from '@mui/material'\nimport {\n  ColumnTypeEnum,\n  FacetColumnResult,\n  FacetColumnResultValues,\n  Row,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  CellContext,\n  createColumnHelper,\n  HeaderContext,\n} from '@tanstack/react-table'\nimport { useAtom, useAtomValue } from 'jotai'\nimport { isEqual } from 'lodash-es'\nimport { useCallback } from 'react'\nimport AddToDownloadListV2 from '../AddToDownloadListV2'\nimport FileEntityDirectDownload from '../DirectDownload/FileEntityDirectDownload'\nimport HasAccessV2 from '../HasAccess'\nimport { useQueryContext } from '../QueryContext'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport {\n  isRowSelectedAtom,\n  selectedRowsAtom,\n} from '../QueryWrapper/TableRowSelectionState'\nimport { useGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport { EnumFacetFilter } from '../widgets/query-filter/EnumFacetFilter/EnumFacetFilter'\nimport EntityIDColumnCopyIcon from './EntityIDColumnCopyIcon'\nimport SynapseTableCell from './SynapseTableCell'\nimport { useSynapseTableContext } from './SynapseTableContext'\nimport { useInView } from 'react-intersection-observer'\n\n// Add a prefix to these column IDs so they don't collide with actual column names\nconst columnIdPrefix =\n  'org.sagebionetworks.web.client.SynapseTablePredefinedColumn'\n\nconst columnHelper = createColumnHelper<Row>()\n\nfunction RowSelectionCell<TValue = unknown>(props: CellContext<Row, TValue>) {\n  const { row, table } = props\n  const rowSet = table.options.meta?.rowSet\n\n  const isRowSelected = useAtomValue(isRowSelectedAtom)\n  const [selectedRows, setSelectedRows] = useAtom(selectedRowsAtom)\n\n  return (\n    <div>\n      <Checkbox\n        inputProps={{ 'aria-label': 'Select row' }}\n        checked={isRowSelected(row.original, rowSet!.headers)}\n        onChange={(_event, checked) => {\n          const cloneSelectedRows = [...selectedRows]\n          if (checked) {\n            cloneSelectedRows.push(row.original)\n          } else {\n            const index = cloneSelectedRows.findIndex(selectedRow =>\n              isEqual(selectedRow, row.original),\n            )\n            if (index > -1) {\n              cloneSelectedRows.splice(index, 1)\n            }\n          }\n          // update context on change\n          setSelectedRows(cloneSelectedRows)\n        }}\n      />\n    </div>\n  )\n}\n\nexport const rowSelectionColumn = columnHelper.display({\n  id: `${columnIdPrefix}.RowSelectionColumn`,\n  enableResizing: false,\n  cell: RowSelectionCell,\n  maxSize: 36,\n  meta: {\n    textAlign: 'center',\n  },\n})\n\nfunction AddToDownloadListCell<TValue = unknown>(\n  props: CellContext<Row, TValue>,\n) {\n  const entityId = getEntityOrRowId(props)!\n  const versionNumberString = getEntityOrRowVersion(props)\n  const versionNumber = versionNumberString\n    ? parseInt(versionNumberString)\n    : undefined\n  const { data: entityHeader } = useGetEntityHeader(entityId)\n  return (\n    <div data-testid={'AddToDownloadListCell'}>\n      {entityHeader?.type === 'org.sagebionetworks.repo.model.FileEntity' && (\n        <AddToDownloadListV2\n          entityId={entityId}\n          entityVersionNumber={versionNumber}\n        />\n      )}\n    </div>\n  )\n}\n\nexport const addToDownloadListColumn = columnHelper.display({\n  id: `${columnIdPrefix}.AddToDownloadListColumn`,\n  enableResizing: false,\n  cell: AddToDownloadListCell,\n  maxSize: 50,\n  meta: {\n    textAlign: 'center',\n  },\n})\n\nfunction DirectDownloadCell<TValue = unknown>(props: CellContext<Row, TValue>) {\n  const entityId = getEntityOrRowId(props)!\n  const versionNumber = getEntityOrRowVersion(props)\n\n  return (\n    <div data-testid={'DirectDownloadCell'}>\n      <FileEntityDirectDownload\n        entityId={entityId}\n        entityVersionNumber={versionNumber}\n        iconSvgPropOverrides={{ sx: { color: 'primary.main' } }}\n      />\n    </div>\n  )\n}\n\nexport const directDownloadColumn = columnHelper.display({\n  id: `${columnIdPrefix}.DirectDownload`,\n  enableResizing: false,\n  cell: DirectDownloadCell,\n  maxSize: 50,\n  meta: {\n    textAlign: 'center',\n  },\n})\n\n/**\n * Given the (tanstack react) Table CellContext, return the rowId of the current Synapse Table Row.\n * If a rowEntityIDColumnName was provided in the table config, then instead return the entityID found in\n * that cell of the current Row.\n */\nfunction getEntityOrRowId<TValue = unknown>(\n  props: CellContext<Row, TValue>,\n): string | undefined {\n  const { row, table } = props\n  const rowEntityIDColumnIndex = table.options.meta?.rowEntityIDColumnIndex\n  const entityId =\n    rowEntityIDColumnIndex !== undefined\n      ? row.original.values[rowEntityIDColumnIndex]!\n      : row.original.rowId?.toString()\n  return entityId\n}\n\n/**\n * Given the (tanstack react) Table CellContext, return true if the table configuration defines a row entity version column name.\n * This will be used as the entity that represents the current Row.\n * @param props\n * @returns\n */\nfunction isRowEntityColumn<TValue = unknown>(\n  props: CellContext<Row, TValue>,\n): boolean {\n  const { table } = props\n  return table.options.meta?.rowEntityVersionColumnIndex !== undefined\n}\n\n/**\n * Given the (tanstack react) Table CellContext, return the version of the current Synapse Table Row.\n * If a rowEntityVersionColumnName was provided in the table config, then instead return the version found in\n * that cell of the current Row.\n */\nfunction getEntityOrRowVersion<TValue = unknown>(\n  props: CellContext<Row, TValue>,\n): string | undefined {\n  const { row, table } = props\n  const rowEntityVersionColumnIndex =\n    table.options.meta?.rowEntityVersionColumnIndex\n  const versionNumber =\n    rowEntityVersionColumnIndex !== undefined\n      ? row.original.values[rowEntityVersionColumnIndex]!\n      : row.original.versionNumber?.toString()\n  return versionNumber\n}\n\nfunction AccessCell<TValue = unknown>(props: CellContext<Row, TValue>) {\n  const { showExternalAccessIcon } = useSynapseTableContext()\n  const { ref, inView } = useInView({ triggerOnce: true })\n  const entityId = getEntityOrRowId(props)!\n\n  // If showExternalAccessIcon is true, defer rendering until the cell is in view to limit simultaneous API calls\n  const canRenderAccessIcon =\n    !showExternalAccessIcon || (showExternalAccessIcon && inView)\n\n  return (\n    <div ref={ref} data-testid=\"AccessCell\">\n      {canRenderAccessIcon && (\n        <HasAccessV2\n          key={entityId}\n          entityId={entityId}\n          showButtonText={false}\n          showExternalAccessIcon={showExternalAccessIcon}\n        />\n      )}\n    </div>\n  )\n}\n\nexport const accessColumn = columnHelper.display({\n  id: `${columnIdPrefix}.Access`,\n  enableResizing: false,\n  cell: AccessCell,\n  maxSize: 50,\n  meta: {\n    textAlign: 'center',\n  },\n})\n\nexport function TableDataColumnHeader(\n  props: HeaderContext<Row, string | null>,\n) {\n  const { column } = props\n  const { lockedColumn } = useQueryContext()\n  const { data: queryMetadata } = useGetQueryMetadata()\n  const columnModels = queryMetadata?.columnModels ?? []\n  const selectColumns = queryMetadata?.selectColumns ?? []\n  const selectColumn = selectColumns.find(sc => sc.name === column.id)\n  const columnModel = columnModels.find(cm => cm.name === column.id)\n  const facets = queryMetadata?.facets ?? []\n  const { getColumnDisplayName, getHelpText } = useQueryVisualizationContext()\n\n  const displayColumnName = selectColumn\n    ? getColumnDisplayName(selectColumn.name)\n    : column.id\n  const columnHelpText = selectColumn\n    ? getHelpText(selectColumn.name)\n    : undefined\n  // we have to figure out if the current column is a facet selection\n  const facetIndex: number = facets.findIndex(\n    (facetColumnResult: FacetColumnResult) => {\n      return (\n        facetColumnResult.columnName === columnModel?.name &&\n        // Exclude JSON subcolumn facets, since there may be more than one on a given column\n        facetColumnResult.jsonPath == undefined\n      )\n    },\n  )\n  // the header must be included in the facets and it has to be enumerable for current rendering capabilities\n  const isFacetSelection: boolean =\n    facetIndex !== -1 && facets[facetIndex].facetType === 'enumeration'\n  const facet = facets[facetIndex] as FacetColumnResultValues\n  const isLockedColumn =\n    selectColumn &&\n    selectColumn.name.toLowerCase() === lockedColumn?.columnName?.toLowerCase() // used in details page to disable filter the column\n  const isEntityIDColumn =\n    selectColumn &&\n    selectColumn.name == 'id' &&\n    selectColumn.columnType == ColumnTypeEnum.ENTITYID\n\n  // TODO: enableFiltering should be specified on the column, but for now it's easier to override `getCanFilter` here where we have the facet information\n  props.column.getCanFilter = useCallback(\n    () => Boolean(isFacetSelection && !isLockedColumn && columnModel),\n    [isFacetSelection, isLockedColumn, columnModel],\n  )\n\n  return (\n    <ColumnHeader\n      {...props}\n      title={displayColumnName}\n      helpText={columnHelpText}\n      filterControl={\n        <span>\n          <EnumFacetFilter\n            containerAs=\"Dropdown\"\n            facet={facet}\n            defaultShowAllValues={true}\n          />\n        </span>\n      }\n      additionalButtons={\n        <>{isEntityIDColumn && <EntityIDColumnCopyIcon size={'small'} />}</>\n      }\n    />\n  )\n}\n\nexport function TableDataCell(props: CellContext<Row, string | null>) {\n  const { cell, table } = props\n  const { data: queryMetadata } = useGetQueryMetadata()\n  const entityOrRowId = getEntityOrRowId(props)\n  const entityOrRowVersion = getEntityOrRowVersion(props)\n  const versionNumber =\n    entityOrRowVersion !== undefined ? parseInt(entityOrRowVersion) : undefined\n  const selectColumns = table.options.meta?.rowSet?.headers ?? []\n  const selectColumn = selectColumns.find(cm => cm.name === cell.column.id)\n  const columnModels = queryMetadata?.columnModels ?? []\n  const { columnLinks } = useSynapseTableContext()\n  if (selectColumn) {\n    const columnLinkConfig = (columnLinks ?? []).find(el => {\n      return el.matchColumnName === selectColumn.name\n    })\n    // Prefer the authoritative ColumnModel type over the SelectColumn type.\n    // For regular table queries the two are always identical. For search queries,\n    // SelectColumn types are fabricated as 'STRING' during the conversion from\n    // SearchQueryResults, but columnModels (from the entity bundle) carry the\n    // correct types (DATE, USERID, etc.) and are available once that bundle loads.\n    const columnType =\n      columnModels.find(cm => cm.name === selectColumn.name)?.columnType ??\n      selectColumn.columnType\n    const isBold = cell.column.getIsSorted() ? 'SRC-boldText' : ''\n    return (\n      <SynapseTableCell\n        key={cell.id}\n        columnType={columnType}\n        columnValue={cell.getValue()}\n        isBold={isBold}\n        columnLinkConfig={columnLinkConfig}\n        columnName={selectColumn.name}\n        rowData={cell.row.original.values}\n        selectColumns={selectColumns}\n        columnModels={columnModels}\n        rowId={entityOrRowId}\n        rowVersionNumber={versionNumber}\n        isRowEntityColumn={isRowEntityColumn(props)}\n      />\n    )\n  } else return <td key={cell.id}></td>\n}\n"],"mappings":"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"}
+{"version":3,"file":"SynapseTableRenderers.js","names":[],"sources":["../../../src/components/SynapseTable/SynapseTableRenderers.tsx"],"sourcesContent":["import { useGetEntityHeader } from '@/synapse-queries'\nimport { Checkbox } from '@mui/material'\nimport {\n  ColumnTypeEnum,\n  FacetColumnResult,\n  FacetColumnResultValues,\n  Row,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  CellContext,\n  createColumnHelper,\n  HeaderContext,\n} from '@tanstack/react-table'\nimport { useAtom, useAtomValue } from 'jotai'\nimport { isEqual } from 'lodash-es'\nimport { useCallback } from 'react'\nimport AddToDownloadListV2 from '../AddToDownloadListV2'\nimport FileEntityDirectDownload from '../DirectDownload/FileEntityDirectDownload'\nimport HasAccessV2 from '../HasAccess'\nimport { useQueryContext } from '../QueryContext'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport {\n  isRowSelectedAtom,\n  selectedRowsAtom,\n} from '../QueryWrapper/TableRowSelectionState'\nimport { useGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport { EnumFacetFilter } from '../widgets/query-filter/EnumFacetFilter/EnumFacetFilter'\nimport EntityIDColumnCopyIcon from './EntityIDColumnCopyIcon'\nimport SynapseTableCell from './SynapseTableCell'\nimport { useSynapseTableContext } from './SynapseTableContext'\nimport { useInView } from 'react-intersection-observer'\n\n// Add a prefix to these column IDs so they don't collide with actual column names\nconst columnIdPrefix =\n  'org.sagebionetworks.web.client.SynapseTablePredefinedColumn'\n\nconst columnHelper = createColumnHelper<Row>()\n\nfunction RowSelectionCell<TValue = unknown>(props: CellContext<Row, TValue>) {\n  const { row, table } = props\n  const rowSet = table.options.meta?.rowSet\n\n  const isRowSelected = useAtomValue(isRowSelectedAtom)\n  const [selectedRows, setSelectedRows] = useAtom(selectedRowsAtom)\n\n  return (\n    <div>\n      <Checkbox\n        inputProps={{ 'aria-label': 'Select row' }}\n        checked={isRowSelected(row.original, rowSet!.headers)}\n        onChange={(_event, checked) => {\n          const cloneSelectedRows = [...selectedRows]\n          if (checked) {\n            cloneSelectedRows.push(row.original)\n          } else {\n            const index = cloneSelectedRows.findIndex(selectedRow =>\n              isEqual(selectedRow, row.original),\n            )\n            if (index > -1) {\n              cloneSelectedRows.splice(index, 1)\n            }\n          }\n          // update context on change\n          setSelectedRows(cloneSelectedRows)\n        }}\n      />\n    </div>\n  )\n}\n\nexport const rowSelectionColumn = columnHelper.display({\n  id: `${columnIdPrefix}.RowSelectionColumn`,\n  enableResizing: false,\n  cell: RowSelectionCell,\n  maxSize: 36,\n  meta: {\n    textAlign: 'center',\n  },\n})\n\nfunction AddToDownloadListCell<TValue = unknown>(\n  props: CellContext<Row, TValue>,\n) {\n  const entityId = getEntityOrRowId(props)!\n  const versionNumberString = getEntityOrRowVersion(props)\n  const versionNumber = versionNumberString\n    ? parseInt(versionNumberString)\n    : undefined\n  const { data: entityHeader } = useGetEntityHeader(entityId)\n  return (\n    <div data-testid={'AddToDownloadListCell'}>\n      {entityHeader?.type === 'org.sagebionetworks.repo.model.FileEntity' && (\n        <AddToDownloadListV2\n          entityId={entityId}\n          entityVersionNumber={versionNumber}\n        />\n      )}\n    </div>\n  )\n}\n\nexport const addToDownloadListColumn = columnHelper.display({\n  id: `${columnIdPrefix}.AddToDownloadListColumn`,\n  enableResizing: false,\n  cell: AddToDownloadListCell,\n  maxSize: 50,\n  meta: {\n    textAlign: 'center',\n  },\n})\n\nfunction DirectDownloadCell<TValue = unknown>(props: CellContext<Row, TValue>) {\n  const entityId = getEntityOrRowId(props)!\n  const versionNumber = getEntityOrRowVersion(props)\n\n  return (\n    <div data-testid={'DirectDownloadCell'}>\n      <FileEntityDirectDownload\n        entityId={entityId}\n        entityVersionNumber={versionNumber}\n        iconSvgPropOverrides={{ sx: { color: 'primary.main' } }}\n      />\n    </div>\n  )\n}\n\nexport const directDownloadColumn = columnHelper.display({\n  id: `${columnIdPrefix}.DirectDownload`,\n  enableResizing: false,\n  cell: DirectDownloadCell,\n  maxSize: 50,\n  meta: {\n    textAlign: 'center',\n  },\n})\n\n/**\n * Given the (tanstack react) Table CellContext, return the rowId of the current Synapse Table Row.\n * If a rowEntityIDColumnName was provided in the table config, then instead return the entityID found in\n * that cell of the current Row.\n */\nfunction getEntityOrRowId<TValue = unknown>(\n  props: CellContext<Row, TValue>,\n): string | undefined {\n  const { row, table } = props\n  const rowEntityIDColumnIndex = table.options.meta?.rowEntityIDColumnIndex\n  const entityId =\n    rowEntityIDColumnIndex !== undefined\n      ? row.original.values[rowEntityIDColumnIndex]!\n      : row.original.rowId?.toString()\n  return entityId\n}\n\n/**\n * Given the (tanstack react) Table CellContext, return true if the table configuration defines a row entity version column name.\n * This will be used as the entity that represents the current Row.\n * @param props\n * @returns\n */\nfunction isRowEntityColumn<TValue = unknown>(\n  props: CellContext<Row, TValue>,\n): boolean {\n  const { table } = props\n  return table.options.meta?.rowEntityVersionColumnIndex !== undefined\n}\n\n/**\n * Given the (tanstack react) Table CellContext, return the version of the current Synapse Table Row.\n * If a rowEntityVersionColumnName was provided in the table config, then instead return the version found in\n * that cell of the current Row.\n */\nfunction getEntityOrRowVersion<TValue = unknown>(\n  props: CellContext<Row, TValue>,\n): string | undefined {\n  const { row, table } = props\n  const rowEntityVersionColumnIndex =\n    table.options.meta?.rowEntityVersionColumnIndex\n  const versionNumber =\n    rowEntityVersionColumnIndex !== undefined\n      ? row.original.values[rowEntityVersionColumnIndex]!\n      : row.original.versionNumber?.toString()\n  return versionNumber\n}\n\nfunction AccessCell<TValue = unknown>(props: CellContext<Row, TValue>) {\n  const { showExternalAccessIcon } = useSynapseTableContext()\n  const { ref, inView } = useInView({ triggerOnce: true })\n  const entityId = getEntityOrRowId(props)!\n\n  // If showExternalAccessIcon is true, defer rendering until the cell is in view to limit simultaneous API calls\n  const canRenderAccessIcon =\n    !showExternalAccessIcon || (showExternalAccessIcon && inView)\n\n  return (\n    <div ref={ref} data-testid=\"AccessCell\">\n      {canRenderAccessIcon && (\n        <HasAccessV2\n          key={entityId}\n          entityId={entityId}\n          showButtonText={false}\n          showExternalAccessIcon={showExternalAccessIcon}\n        />\n      )}\n    </div>\n  )\n}\n\nexport const accessColumn = columnHelper.display({\n  id: `${columnIdPrefix}.Access`,\n  enableResizing: false,\n  cell: AccessCell,\n  maxSize: 50,\n  meta: {\n    textAlign: 'center',\n  },\n})\n\nexport function TableDataColumnHeader(\n  props: HeaderContext<Row, string | null>,\n) {\n  const { column } = props\n  const { lockedColumn } = useQueryContext()\n  const { data: queryMetadata } = useGetQueryMetadata()\n  const columnModels = queryMetadata?.columnModels ?? []\n  const selectColumns = queryMetadata?.selectColumns ?? []\n  const selectColumn = selectColumns.find(sc => sc.name === column.id)\n  const columnModel = columnModels.find(cm => cm.name === column.id)\n  const facets = queryMetadata?.facets ?? []\n  const { getColumnDisplayName, getHelpText } = useQueryVisualizationContext()\n\n  const displayColumnName = selectColumn\n    ? getColumnDisplayName(selectColumn.name)\n    : column.id\n  const columnHelpText = selectColumn\n    ? getHelpText(selectColumn.name)\n    : undefined\n  // we have to figure out if the current column is a facet selection\n  const facetIndex: number = facets.findIndex(\n    (facetColumnResult: FacetColumnResult) => {\n      return (\n        facetColumnResult.columnName === columnModel?.name &&\n        // Exclude JSON subcolumn facets, since there may be more than one on a given column\n        facetColumnResult.jsonPath == undefined\n      )\n    },\n  )\n  // the header must be included in the facets and it has to be enumerable for current rendering capabilities\n  const isFacetSelection: boolean =\n    facetIndex !== -1 && facets[facetIndex].facetType === 'enumeration'\n  const facet = facets[facetIndex] as FacetColumnResultValues\n  const isLockedColumn =\n    selectColumn &&\n    selectColumn.name.toLowerCase() === lockedColumn?.columnName?.toLowerCase() // used in details page to disable filter the column\n  const isEntityIDColumn =\n    selectColumn &&\n    selectColumn.name == 'id' &&\n    selectColumn.columnType == ColumnTypeEnum.ENTITYID\n\n  // TODO: enableFiltering should be specified on the column, but for now it's easier to override `getCanFilter` here where we have the facet information\n  props.column.getCanFilter = useCallback(\n    () => Boolean(isFacetSelection && !isLockedColumn && columnModel),\n    [isFacetSelection, isLockedColumn, columnModel],\n  )\n\n  return (\n    <ColumnHeader\n      {...props}\n      title={displayColumnName}\n      helpText={columnHelpText}\n      filterControl={\n        <span>\n          <EnumFacetFilter\n            containerAs=\"Dropdown\"\n            facet={facet}\n            defaultShowAllValues={true}\n          />\n        </span>\n      }\n      additionalButtons={\n        <>{isEntityIDColumn && <EntityIDColumnCopyIcon size={'small'} />}</>\n      }\n    />\n  )\n}\n\nexport function TableDataCell(props: CellContext<Row, string | null>) {\n  const { cell, table } = props\n  const { data: queryMetadata } = useGetQueryMetadata()\n  const entityOrRowId = getEntityOrRowId(props)\n  const entityOrRowVersion = getEntityOrRowVersion(props)\n  const versionNumber =\n    entityOrRowVersion !== undefined ? parseInt(entityOrRowVersion) : undefined\n  const selectColumns = table.options.meta?.rowSet?.headers ?? []\n  const selectColumn = selectColumns.find(cm => cm.name === cell.column.id)\n  const columnModels = queryMetadata?.columnModels ?? []\n  const { columnLinks } = useSynapseTableContext()\n  if (selectColumn) {\n    const columnLinkConfig = (columnLinks ?? []).find(el => {\n      return el.matchColumnName === selectColumn.name\n    })\n    // Prefer the authoritative ColumnModel type over the SelectColumn type.\n    // For regular table queries the two are always identical. For search queries,\n    // SelectColumn types are fabricated as 'STRING' during the conversion from\n    // SearchQueryResults, but columnModels (from the entity bundle) carry the\n    // correct types (DATE, USERID, etc.) and are available once that bundle loads.\n    const columnType =\n      columnModels.find(cm => cm.name === selectColumn.name)?.columnType ??\n      selectColumn.columnType\n    const isBold = cell.column.getIsSorted() ? 'SRC-boldText' : ''\n    return (\n      <SynapseTableCell\n        key={cell.id}\n        columnType={columnType}\n        columnValue={cell.getValue()}\n        isBold={isBold}\n        columnLinkConfig={columnLinkConfig}\n        columnName={selectColumn.name}\n        rowData={cell.row.original.values}\n        selectColumns={selectColumns}\n        columnModels={columnModels}\n        rowId={entityOrRowId}\n        rowVersionNumber={versionNumber}\n        isRowEntityColumn={isRowEntityColumn(props)}\n      />\n    )\n  } else return <td key={cell.id}></td>\n}\n"],"mappings":"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"}