synapse-react-client 4.0.19 → 4.0.21

package/dist/components/EntityTreeTable/components/EntityNameCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityNameCell.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/EntityNameCell.tsx"],"sourcesContent":["import { CellContext } from '@tanstack/react-table'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { Box } from '@mui/system'\nimport { IconButton } from '@mui/material'\nimport { ChevronRight, ExpandMore } from '@mui/icons-material'\nimport { useEntityTreeTableContext } from './EntityTreeTableContext'\nimport { EntityLink } from '@/components/EntityLink'\nimport { SynapseSpinner } from '@/components/LoadingScreen/LoadingScreen'\n\nexport const depthPaddingMultiplierPx = 16\n\nexport const NameCell: React.FC<CellContext<EntityBundleRow, unknown>> = ({\n  row,\n}) => {\n  const { expanded, loadingIds, handleToggleExpanded, onEntityIdClicked } =\n    useEntityTreeTableContext()\n  const { entityHeader, depth, isLeaf } = row.original\n  const isExpanded = !!expanded[entityHeader.id]\n  const hasChildren = !isLeaf\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        pl: `${depth * depthPaddingMultiplierPx}px`,\n      }}\n    >\n      {hasChildren && (\n        <IconButton\n          size=\"small\"\n          loading={loadingIds.has(entityHeader.id)}\n          loadingIndicator={<SynapseSpinner />}\n          onClick={() => handleToggleExpanded(entityHeader.id)}\n          aria-label={isExpanded ? 'Collapse' : 'Expand'}\n        >\n          {isExpanded ? <ExpandMore /> : <ChevronRight />}\n        </IconButton>\n      )}\n      {!hasChildren && <Box sx={{ width: 32 }} />}\n\n      {/*\n        Ensure the name column can shrink and long names are truncated.\n        `minWidth: 0` is required on flex children so `overflow: hidden`\n        can actually clip the content. We target descendant `a` and `p`\n        elements because `EntityLink` renders a MUI Link (anchor) or a p.\n      */}\n      <Box\n        sx={{\n          flex: 1,\n          minWidth: 0,\n          marginLeft: 1,\n          // Style the inner Link or paragraph for truncation\n          '& a, & p': {\n            display: 'block',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            whiteSpace: 'nowrap',\n          },\n        }}\n      >\n        <EntityLink\n          entity={entityHeader}\n          onEntityIdClicked={onEntityIdClicked}\n        />\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AASA,IAAa,IAA2B,IAE3B,KAA6D,EACxE,aACI;CACJ,IAAM,EAAE,aAAU,eAAY,yBAAsB,yBAClD,GAA2B,EACvB,EAAE,iBAAc,UAAO,cAAW,EAAI,UACtC,IAAa,CAAC,CAAC,EAAS,EAAa,KACrC,IAAc,CAAC;AACrB,QACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,IAAI,GAAG,IAAA,GAAiC;GACzC;YALH;GAOG,KACC,kBAAC,GAAD;IACE,MAAK;IACL,SAAS,EAAW,IAAI,EAAa,GAAG;IACxC,kBAAkB,kBAAC,GAAD,EAAkB,CAAA;IACpC,eAAe,EAAqB,EAAa,GAAG;IACpD,cAAY,IAAa,aAAa;cAExB,EAAb,IAAc,IAAiB,GAAlB,EAAc,CAAmB;IACpC,CAAA;GAEd,CAAC,KAAe,kBAAC,GAAD,EAAK,IAAI,EAAE,OAAO,IAAI,EAAI,CAAA;GAQ3C,kBAAC,GAAD;IACE,IAAI;KACF,MAAM;KACN,UAAU;KACV,YAAY;KAEZ,YAAY;MACV,SAAS;MACT,UAAU;MACV,cAAc;MACd,YAAY;MACb;KACF;cAED,kBAAC,GAAD;KACE,QAAQ;KACW;KACnB,CAAA;IACE,CAAA;GACF"}
+{"version":3,"file":"EntityNameCell.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/EntityNameCell.tsx"],"sourcesContent":["import { CellContext } from '@tanstack/react-table'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { Box } from '@mui/system'\nimport { IconButton } from '@mui/material'\nimport { ChevronRight, ExpandMore } from '@mui/icons-material'\nimport { useEntityTreeTableContext } from './EntityTreeTableContext'\nimport { EntityLink } from '@/components/EntityLink'\nimport { SynapseSpinner } from '@/components/LoadingScreen/LoadingScreen'\n\nexport const depthPaddingMultiplierPx = 16\n\nexport const NameCell: React.FC<CellContext<EntityBundleRow, unknown>> = ({\n  row,\n}) => {\n  const { expanded, loadingIds, handleToggleExpanded, onEntityIdClicked } =\n    useEntityTreeTableContext()\n  const { entityHeader, depth, isLeaf } = row.original\n  const isExpanded = !!expanded[entityHeader.id]\n  const hasChildren = !isLeaf\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        pl: `${depth * depthPaddingMultiplierPx}px`,\n      }}\n    >\n      {hasChildren && (\n        <IconButton\n          size=\"small\"\n          loading={loadingIds.has(entityHeader.id)}\n          loadingIndicator={<SynapseSpinner />}\n          onClick={() => handleToggleExpanded(entityHeader.id)}\n          aria-label={isExpanded ? 'Collapse' : 'Expand'}\n        >\n          {isExpanded ? <ExpandMore /> : <ChevronRight />}\n        </IconButton>\n      )}\n      {!hasChildren && <Box sx={{ width: 32 }} />}\n\n      {/*\n        Ensure the name column can shrink and long names are truncated.\n        `minWidth: 0` is required on flex children so `overflow: hidden`\n        can actually clip the content. We target descendant `a` and `p`\n        elements because `EntityLink` renders a MUI Link (anchor) or a p.\n      */}\n      <Box\n        sx={{\n          flex: 1,\n          minWidth: 0,\n          marginLeft: 1,\n          // Style the inner Link or paragraph for truncation\n          '& a, & p': {\n            display: 'block',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            whiteSpace: 'nowrap',\n          },\n        }}\n      >\n        <EntityLink\n          entity={entityHeader}\n          onEntityIdClicked={onEntityIdClicked}\n        />\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AASA,IAAa,IAA2B,IAE3B,KAA6D,EACxE,aACI;CACJ,IAAM,EAAE,aAAU,eAAY,yBAAsB,yBAClD,EAA0B,GACtB,EAAE,iBAAc,UAAO,cAAW,EAAI,UACtC,IAAa,CAAC,CAAC,EAAS,EAAa,KACrC,IAAc,CAAC;CACrB,OACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,IAAI,GAAG,IAAA,GAAiC;EAC1C;YALF;GAOG,KACC,kBAAC,GAAD;IACE,MAAK;IACL,SAAS,EAAW,IAAI,EAAa,EAAE;IACvC,kBAAkB,kBAAC,GAAD,CAAiB,CAAA;IACnC,eAAe,EAAqB,EAAa,EAAE;IACnD,cAAY,IAAa,aAAa;cAExB,EAAb,IAAc,IAAiB,GAAlB,CAAa,CAAmB;GACpC,CAAA;GAEb,CAAC,KAAe,kBAAC,GAAD,EAAK,IAAI,EAAE,OAAO,GAAG,EAAI,CAAA;GAQ1C,kBAAC,GAAD;IACE,IAAI;KACF,MAAM;KACN,UAAU;KACV,YAAY;KAEZ,YAAY;MACV,SAAS;MACT,UAAU;MACV,cAAc;MACd,YAAY;KACd;IACF;cAEA,kBAAC,GAAD;KACE,QAAQ;KACW;IACpB,CAAA;GACE,CAAA;EACF;;AAET"}

package/dist/components/EntityTreeTable/components/EntityTreeTableContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityTreeTableContext.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/EntityTreeTableContext.tsx"],"sourcesContent":["import React from 'react'\nexport type EntityTreeTableContextType = {\n  expanded: Record<string, boolean>\n  loadingIds: Set<string>\n  handleToggleExpanded: (entityId: string) => void\n  loadMoreChildren: (parentId: string, pageToken?: string) => void\n  nextPageTokens: Record<string, string | undefined>\n  onEntityIdClicked?: (entityId: string) => void\n}\n\nexport const EntityTreeTableContext = React.createContext<\n  EntityTreeTableContextType | undefined\n>(undefined)\n\nexport function useEntityTreeTableContext(): EntityTreeTableContextType {\n  const ctx = React.useContext(EntityTreeTableContext)\n  if (!ctx)\n    throw new Error(\n      'useEntityTreeTableContext must be used within EntityTreeTableContext.Provider',\n    )\n  return ctx\n}\n\nexport default EntityTreeTableContext\n"],"mappings":";;AAUA,IAAa,IAAyB,EAAM,cAE1C,KAAA,EAAU;AAEZ,SAAgB,IAAwD;CACtE,IAAM,IAAM,EAAM,WAAW,EAAuB;AACpD,KAAI,CAAC,EACH,OAAU,MACR,gFACD;AACH,QAAO"}
+{"version":3,"file":"EntityTreeTableContext.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/EntityTreeTableContext.tsx"],"sourcesContent":["import React from 'react'\nexport type EntityTreeTableContextType = {\n  expanded: Record<string, boolean>\n  loadingIds: Set<string>\n  handleToggleExpanded: (entityId: string) => void\n  loadMoreChildren: (parentId: string, pageToken?: string) => void\n  nextPageTokens: Record<string, string | undefined>\n  onEntityIdClicked?: (entityId: string) => void\n}\n\nexport const EntityTreeTableContext = React.createContext<\n  EntityTreeTableContextType | undefined\n>(undefined)\n\nexport function useEntityTreeTableContext(): EntityTreeTableContextType {\n  const ctx = React.useContext(EntityTreeTableContext)\n  if (!ctx)\n    throw new Error(\n      'useEntityTreeTableContext must be used within EntityTreeTableContext.Provider',\n    )\n  return ctx\n}\n\nexport default EntityTreeTableContext\n"],"mappings":";;AAUA,IAAa,IAAyB,EAAM,cAE1C,KAAA,CAAS;AAEX,SAAgB,IAAwD;CACtE,IAAM,IAAM,EAAM,WAAW,CAAsB;CACnD,IAAI,CAAC,GACH,MAAU,MACR,+EACF;CACF,OAAO;AACT"}

package/dist/components/EntityTreeTable/components/EntityTreeTableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityTreeTableRow.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/EntityTreeTableRow.tsx"],"sourcesContent":["import React from 'react'\nimport { Row } from '@tanstack/react-table'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { AutoLoadMore } from './AutoLoadMore'\nimport { useEntityTreeTableContext } from './EntityTreeTableContext'\nimport { TableCellRenderer } from '../../TanStackTable/TableCellRenderer'\nimport { TrProps } from '../../TanStackTable/types'\n\nexport type EntityTreeTableRowProps = TrProps<\n  EntityBundleRow,\n  Row<EntityBundleRow>\n>\n\n// Custom table row component to handle load-more rows\nexport const EntityTreeTableRow: React.FC<EntityTreeTableRowProps> = ({\n  row,\n  tableRow,\n  ...rest\n}) => {\n  const { loadingIds, loadMoreChildren } = useEntityTreeTableContext()\n\n  if (!tableRow) return null\n\n  const original = tableRow.original\n  if (original.isLoadMore) {\n    const colCount = tableRow.getAllCells().length\n    const isLoading = loadingIds.has(original.parentId!)\n\n    return (\n      <tr {...rest}>\n        <td colSpan={colCount}>\n          <AutoLoadMore\n            depth={original.depth}\n            isLoading={isLoading}\n            pageToken={original.pageToken}\n            onLoadMore={() => {\n              loadMoreChildren(original.parentId!, original.pageToken)\n            }}\n          />\n        </td>\n      </tr>\n    )\n  }\n\n  // For normal rows, render cells normally\n  return (\n    <tr {...rest}>\n      {tableRow.getVisibleCells().map(cell => (\n        <TableCellRenderer key={cell.id} {...cell} />\n      ))}\n    </tr>\n  )\n}\n"],"mappings":";;;;;;AAcA,IAAa,KAAyD,EACpE,QACA,aACA,GAAG,QACC;CACJ,IAAM,EAAE,eAAY,wBAAqB,GAA2B;AAEpE,KAAI,CAAC,EAAU,QAAO;CAEtB,IAAM,IAAW,EAAS;AAC1B,KAAI,EAAS,YAAY;EACvB,IAAM,IAAW,EAAS,aAAa,CAAC,QAClC,IAAY,EAAW,IAAI,EAAS,SAAU;AAEpD,SACE,kBAAC,MAAD;GAAI,GAAI;aACN,kBAAC,MAAD;IAAI,SAAS;cACX,kBAAC,GAAD;KACE,OAAO,EAAS;KACL;KACX,WAAW,EAAS;KACpB,kBAAkB;AAChB,QAAiB,EAAS,UAAW,EAAS,UAAU;;KAE1D,CAAA;IACC,CAAA;GACF,CAAA;;AAKT,QACE,kBAAC,MAAD;EAAI,GAAI;YACL,EAAS,iBAAiB,CAAC,KAAI,MAC9B,kBAAC,GAAD,EAAiC,GAAI,GAAQ,EAArB,EAAK,GAAgB,CAC7C;EACC,CAAA"}
+{"version":3,"file":"EntityTreeTableRow.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/EntityTreeTableRow.tsx"],"sourcesContent":["import React from 'react'\nimport { Row } from '@tanstack/react-table'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { AutoLoadMore } from './AutoLoadMore'\nimport { useEntityTreeTableContext } from './EntityTreeTableContext'\nimport { TableCellRenderer } from '../../TanStackTable/TableCellRenderer'\nimport { TrProps } from '../../TanStackTable/types'\n\nexport type EntityTreeTableRowProps = TrProps<\n  EntityBundleRow,\n  Row<EntityBundleRow>\n>\n\n// Custom table row component to handle load-more rows\nexport const EntityTreeTableRow: React.FC<EntityTreeTableRowProps> = ({\n  row,\n  tableRow,\n  ...rest\n}) => {\n  const { loadingIds, loadMoreChildren } = useEntityTreeTableContext()\n\n  if (!tableRow) return null\n\n  const original = tableRow.original\n  if (original.isLoadMore) {\n    const colCount = tableRow.getAllCells().length\n    const isLoading = loadingIds.has(original.parentId!)\n\n    return (\n      <tr {...rest}>\n        <td colSpan={colCount}>\n          <AutoLoadMore\n            depth={original.depth}\n            isLoading={isLoading}\n            pageToken={original.pageToken}\n            onLoadMore={() => {\n              loadMoreChildren(original.parentId!, original.pageToken)\n            }}\n          />\n        </td>\n      </tr>\n    )\n  }\n\n  // For normal rows, render cells normally\n  return (\n    <tr {...rest}>\n      {tableRow.getVisibleCells().map(cell => (\n        <TableCellRenderer key={cell.id} {...cell} />\n      ))}\n    </tr>\n  )\n}\n"],"mappings":";;;;;;AAcA,IAAa,KAAyD,EACpE,QACA,aACA,GAAG,QACC;CACJ,IAAM,EAAE,eAAY,wBAAqB,EAA0B;CAEnE,IAAI,CAAC,GAAU,OAAO;CAEtB,IAAM,IAAW,EAAS;CAC1B,IAAI,EAAS,YAAY;EACvB,IAAM,IAAW,EAAS,YAAY,EAAE,QAClC,IAAY,EAAW,IAAI,EAAS,QAAS;EAEnD,OACE,kBAAC,MAAD;GAAI,GAAI;aACN,kBAAC,MAAD;IAAI,SAAS;cACX,kBAAC,GAAD;KACE,OAAO,EAAS;KACL;KACX,WAAW,EAAS;KACpB,kBAAkB;MAChB,EAAiB,EAAS,UAAW,EAAS,SAAS;KACzD;IACD,CAAA;GACC,CAAA;EACF,CAAA;CAER;CAGA,OACE,kBAAC,MAAD;EAAI,GAAI;YACL,EAAS,gBAAgB,EAAE,KAAI,MAC9B,kBAAC,GAAD,EAAiC,GAAI,EAAO,GAApB,EAAK,EAAe,CAC7C;CACC,CAAA;AAER"}

package/dist/components/EntityTreeTable/components/EntityTreeTableView.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityTreeTableView.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/EntityTreeTableView.tsx"],"sourcesContent":["import React from 'react'\nimport { Table } from '@tanstack/react-table'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { EntityTreeTableRow } from './EntityTreeTableRow'\nimport StyledTanStackTable from '../../TanStackTable/StyledTanStackTable'\n\ntype EntityTreeTableViewProps = {\n  table: Table<EntityBundleRow>\n  className?: string\n}\n\nexport const EntityTreeTableView: React.FC<EntityTreeTableViewProps> = ({\n  table,\n  className,\n}) => {\n  return (\n    <div style={{ overflowX: 'auto' }}>\n      <StyledTanStackTable\n        table={table}\n        styledTableContainerProps={{\n          className,\n        }}\n        fullWidth={true}\n        slots={{\n          Tr: EntityTreeTableRow,\n        }}\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;AAWA,IAAa,KAA2D,EACtE,UACA,mBAGE,kBAAC,OAAD;CAAK,OAAO,EAAE,WAAW,QAAQ;WAC/B,kBAAC,GAAD;EACS;EACP,2BAA2B,EACzB,cACD;EACD,WAAW;EACX,OAAO,EACL,IAAI,GACL;EACD,CAAA;CACE,CAAA"}
+{"version":3,"file":"EntityTreeTableView.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/EntityTreeTableView.tsx"],"sourcesContent":["import React from 'react'\nimport { Table } from '@tanstack/react-table'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { EntityTreeTableRow } from './EntityTreeTableRow'\nimport StyledTanStackTable from '../../TanStackTable/StyledTanStackTable'\n\ntype EntityTreeTableViewProps = {\n  table: Table<EntityBundleRow>\n  className?: string\n}\n\nexport const EntityTreeTableView: React.FC<EntityTreeTableViewProps> = ({\n  table,\n  className,\n}) => {\n  return (\n    <div style={{ overflowX: 'auto' }}>\n      <StyledTanStackTable\n        table={table}\n        styledTableContainerProps={{\n          className,\n        }}\n        fullWidth={true}\n        slots={{\n          Tr: EntityTreeTableRow,\n        }}\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;AAWA,IAAa,KAA2D,EACtE,UACA,mBAGE,kBAAC,OAAD;CAAK,OAAO,EAAE,WAAW,OAAO;WAC9B,kBAAC,GAAD;EACS;EACP,2BAA2B,EACzB,aACF;EACA,WAAW;EACX,OAAO,EACL,IAAI,EACN;CACD,CAAA;AACE,CAAA"}

package/dist/components/EntityTreeTable/components/IdCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"IdCell.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/IdCell.tsx"],"sourcesContent":["import React from 'react'\nimport { CellContext } from '@tanstack/react-table'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { Typography } from '@mui/material'\n\nexport const IdCell: React.FC<CellContext<EntityBundleRow, unknown>> = ({\n  row,\n}) => {\n  const { entityId, isLoadMore } = row.original\n  // Don't show anything for load more rows\n  if (isLoadMore) {\n    return null\n  }\n  return <Typography variant=\"body1\">{entityId}</Typography>\n}\n"],"mappings":";;;;AAKA,IAAa,KAA2D,EACtE,aACI;CACJ,IAAM,EAAE,aAAU,kBAAe,EAAI;AAKrC,QAHI,IACK,OAEF,kBAAC,GAAD;EAAY,SAAQ;YAAS;EAAsB,CAAA"}
+{"version":3,"file":"IdCell.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/IdCell.tsx"],"sourcesContent":["import React from 'react'\nimport { CellContext } from '@tanstack/react-table'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { Typography } from '@mui/material'\n\nexport const IdCell: React.FC<CellContext<EntityBundleRow, unknown>> = ({\n  row,\n}) => {\n  const { entityId, isLoadMore } = row.original\n  // Don't show anything for load more rows\n  if (isLoadMore) {\n    return null\n  }\n  return <Typography variant=\"body1\">{entityId}</Typography>\n}\n"],"mappings":";;;;AAKA,IAAa,KAA2D,EACtE,aACI;CACJ,IAAM,EAAE,aAAU,kBAAe,EAAI;CAKrC,OAHI,IACK,OAEF,kBAAC,GAAD;EAAY,SAAQ;YAAS;CAAqB,CAAA;AAC3D"}

package/dist/components/EntityTreeTable/components/IdColumnHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"IdColumnHeader.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/IdColumnHeader.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { HeaderContext } from '@tanstack/react-table'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport ColumnHeader from '../../TanStackTable/ColumnHeader'\nimport { CopyToClipboardIcon } from '../../CopyToClipboardIcon'\n\nexport const IdColumnHeader: React.FC<\n  HeaderContext<EntityBundleRow, unknown>\n> = props => {\n  const { table } = props\n\n  // Get all visible rows and extract their entity IDs\n  const visibleIds = useMemo(() => {\n    const visibleRows = table.getRowModel().rows\n    return visibleRows\n      .filter(row => !row.original.isLoadMore && row.original.entityId) // Exclude \"Load More\" rows and rows without entityId\n      .map(row => row.original.entityId)\n      .join('\\n')\n  }, [table.getRowModel().rows])\n\n  const copyButton = <CopyToClipboardIcon value={visibleIds} sizePx={16} />\n\n  return <ColumnHeader {...props} title=\"ID\" additionalButtons={copyButton} />\n}\n"],"mappings":";;;;;AAMA,IAAa,KAET,MAAS;CACX,IAAM,EAAE,aAAU,GAWZ,IAAa,kBAAC,GAAD;EAAqB,OARrB,QACG,EAAM,aAAa,CAAC,KAErC,QAAO,MAAO,CAAC,EAAI,SAAS,cAAc,EAAI,SAAS,SAAS,CAChE,KAAI,MAAO,EAAI,SAAS,SAAS,CACjC,KAAK,KAAK,EACZ,CAAC,EAAM,aAAa,CAAC,KAAK,CAEkB;EAAY,QAAQ;EAAM,CAAA;AAEzE,QAAO,kBAAC,GAAD;EAAc,GAAI;EAAO,OAAM;EAAK,mBAAmB;EAAc,CAAA"}
+{"version":3,"file":"IdColumnHeader.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/IdColumnHeader.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { HeaderContext } from '@tanstack/react-table'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport ColumnHeader from '../../TanStackTable/ColumnHeader'\nimport { CopyToClipboardIcon } from '../../CopyToClipboardIcon'\n\nexport const IdColumnHeader: React.FC<\n  HeaderContext<EntityBundleRow, unknown>\n> = props => {\n  const { table } = props\n\n  // Get all visible rows and extract their entity IDs\n  const visibleIds = useMemo(() => {\n    const visibleRows = table.getRowModel().rows\n    return visibleRows\n      .filter(row => !row.original.isLoadMore && row.original.entityId) // Exclude \"Load More\" rows and rows without entityId\n      .map(row => row.original.entityId)\n      .join('\\n')\n  }, [table.getRowModel().rows])\n\n  const copyButton = <CopyToClipboardIcon value={visibleIds} sizePx={16} />\n\n  return <ColumnHeader {...props} title=\"ID\" additionalButtons={copyButton} />\n}\n"],"mappings":";;;;;AAMA,IAAa,KAET,MAAS;CACX,IAAM,EAAE,aAAU,GAWZ,IAAa,kBAAC,GAAD;EAAqB,OARrB,QACG,EAAM,YAAY,EAAE,KAErC,QAAO,MAAO,CAAC,EAAI,SAAS,cAAc,EAAI,SAAS,QAAQ,EAC/D,KAAI,MAAO,EAAI,SAAS,QAAQ,EAChC,KAAK,IAAI,GACX,CAAC,EAAM,YAAY,EAAE,IAAI,CAEmB;EAAY,QAAQ;CAAK,CAAA;CAExE,OAAO,kBAAC,GAAD;EAAc,GAAI;EAAO,OAAM;EAAK,mBAAmB;CAAa,CAAA;AAC7E"}

package/dist/components/EntityTreeTable/hooks/useEntityTreeState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEntityTreeState.js","names":[],"sources":["../../../../src/components/EntityTreeTable/hooks/useEntityTreeState.ts"],"sourcesContent":["import { useState, useCallback, useEffect, useMemo } from 'react'\nimport { SortingState } from '@tanstack/react-table'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { matchQuery } from '@tanstack/query-core'\nimport {\n  EntityChildrenRequest,\n  EntityHeader,\n  SortBy,\n  Direction,\n} from '@sage-bionetworks/synapse-types'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { useGetEntityHeader } from '@/synapse-queries'\nimport { useGetEntityChildren } from '@/synapse-queries/entity/useGetEntityChildren'\nimport { convertToEntityType } from '@/utils/functions/EntityTypeUtils'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\n\nexport type TreeNode = {\n  entityHeader: EntityHeader\n  parentId?: string\n  depth: number\n  isLeaf: boolean\n  children?: TreeNode[]\n}\n\nconst includeTypes: EntityType[] = [\n  EntityType.folder,\n  EntityType.file,\n  EntityType.link,\n  EntityType.recordset,\n]\n\n/**\n * Hook that manages all tree state and data initialization.\n */\nexport const useEntityTreeState = (\n  rootId: string,\n  expandRootByDefault: boolean,\n  showRootNode: boolean,\n) => {\n  // Core state\n  const [expanded, setExpanded] = useState<Record<string, boolean>>({})\n  const [tree, setTree] = useState<Record<string, TreeNode>>({})\n  const [loadingIds, setLoadingIds] = useState<Set<string>>(new Set())\n  const [loadedChildren, setLoadedChildren] = useState<Set<string>>(new Set())\n  const [nextPageTokens, setNextPageTokens] = useState<\n    Record<string, string | undefined>\n  >({})\n  const [loadingPageTokens, setLoadingPageTokens] = useState<\n    Record<string, string | undefined>\n  >({})\n  const [sorting, setSorting] = useState<SortingState>([])\n  const queryClient = useQueryClient()\n  const { keyFactory } = useSynapseContext()\n  const rootEntityQueryKey = useMemo(\n    () => keyFactory.getEntityQueryKey(rootId),\n    [keyFactory, rootId],\n  )\n\n  // Derive sorting parameters from state\n  const { sortBy, sortDirection } = useMemo(() => {\n    if (!sorting.length) return {}\n\n    const firstSort = sorting[0]\n    let sortBy: SortBy | undefined\n\n    switch (firstSort.id) {\n      case 'name':\n        sortBy = SortBy.NAME\n        break\n      case 'createdOn':\n        sortBy = SortBy.CREATED_ON\n        break\n      case 'modifiedOn':\n        sortBy = SortBy.MODIFIED_ON\n        break\n      default:\n        return {}\n    }\n\n    return {\n      sortBy,\n      sortDirection: firstSort.desc ? Direction.DESC : Direction.ASC,\n    }\n  }, [sorting])\n\n  const rootChildrenRequest: EntityChildrenRequest = useMemo(() => {\n    const baseRequest: EntityChildrenRequest = {\n      parentId: rootId,\n      includeTypes,\n      sortBy,\n      sortDirection,\n    }\n\n    return baseRequest\n  }, [rootId, sortBy, sortDirection])\n\n  const rootChildrenQueryKey = useMemo(\n    () => keyFactory.getEntityChildrenQueryKey(rootChildrenRequest, false),\n    [keyFactory, rootChildrenRequest],\n  )\n\n  // Reset tree data when sorting changes\n  const resetTreeData = useCallback(() => {\n    void queryClient.removeQueries({\n      queryKey: rootChildrenQueryKey,\n      exact: true,\n    })\n\n    setTree({})\n    setLoadedChildren(new Set())\n    setExpanded({})\n    setNextPageTokens({})\n    setLoadingPageTokens({})\n    setLoadingIds(new Set())\n  }, [queryClient, rootChildrenQueryKey])\n\n  // Get root entity header\n  const { data: rootHeader } = useGetEntityHeader(rootId)\n  // Get root children - only fetch when we have header and haven't loaded children yet\n  const shouldFetchChildren = !!rootHeader && !loadedChildren.has(rootId)\n  const { data: rootChildren } = useGetEntityChildren(rootChildrenRequest, {\n    enabled: shouldFetchChildren,\n  })\n\n  // Effect to reset data when sorting changes\n  useEffect(() => {\n    resetTreeData()\n  }, [resetTreeData, sorting])\n\n  useEffect(() => {\n    const unsubscribe = queryClient.getQueryCache().subscribe(event => {\n      if (event?.type === 'updated' && event.action?.type === 'invalidate') {\n        // Check if any entity in the tree was invalidated\n        const entityIds = Object.keys(tree)\n        for (const entityId of entityIds) {\n          const entityQueryKey = keyFactory.getEntityQueryKey(entityId)\n          if (\n            matchQuery({ queryKey: entityQueryKey, exact: false }, event.query)\n          ) {\n            resetTreeData()\n            return\n          }\n        }\n      }\n    })\n\n    return () => {\n      unsubscribe()\n    }\n  }, [queryClient, rootEntityQueryKey, resetTreeData, tree, keyFactory])\n\n  // Effect to initialize root node and its children\n  useEffect(() => {\n    if (rootHeader && rootChildren && !tree[rootId]) {\n      // Build the children nodes from the response\n      const children: TreeNode[] = rootChildren.page.map(\n        (eh: EntityHeader) => ({\n          entityHeader: eh,\n          parentId: rootId,\n          depth: showRootNode ? 1 : 0,\n          isLeaf: !(\n            convertToEntityType(eh.type) === EntityType.project ||\n            convertToEntityType(eh.type) === EntityType.folder\n          ),\n        }),\n      )\n\n      // Create child entries for the tree\n      const childEntries = Object.fromEntries(\n        children.map(child => [child.entityHeader.id, child]),\n      )\n\n      // Set up the complete tree state in one go\n      setTree({\n        [rootId]: {\n          entityHeader: rootHeader,\n          depth: showRootNode ? 0 : -1,\n          isLeaf: false,\n          children,\n        },\n        ...childEntries,\n      })\n\n      // Set up pagination token\n      const rootNext = rootChildren.nextPageToken\n      setNextPageTokens({ [rootId]: rootNext })\n\n      // Mark as loaded if there's no next page token\n      if (!rootNext) {\n        setLoadedChildren(new Set([rootId]))\n      }\n\n      // Expand root node by default if the flag is set\n      if (expandRootByDefault) {\n        setExpanded(prev => ({ ...prev, [rootId]: true }))\n      }\n    }\n  }, [\n    rootHeader,\n    rootChildren,\n    rootId,\n    expandRootByDefault,\n    showRootNode,\n    tree,\n  ])\n\n  return {\n    // State\n    expanded,\n    setExpanded,\n    tree,\n    setTree,\n    loadingIds,\n    setLoadingIds,\n    loadedChildren,\n    setLoadedChildren,\n    nextPageTokens,\n    setNextPageTokens,\n    loadingPageTokens,\n    setLoadingPageTokens,\n    sorting,\n    setSorting,\n\n    // Derived values\n    sortBy,\n    sortDirection,\n\n    // Data\n    rootHeader,\n    rootChildren,\n\n    // Actions\n    resetTreeData,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useEntityTreeState.js","names":[],"sources":["../../../../src/components/EntityTreeTable/hooks/useEntityTreeState.ts"],"sourcesContent":["import { useState, useCallback, useEffect, useMemo } from 'react'\nimport { SortingState } from '@tanstack/react-table'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { matchQuery } from '@tanstack/query-core'\nimport {\n  EntityChildrenRequest,\n  EntityHeader,\n  SortBy,\n  Direction,\n} from '@sage-bionetworks/synapse-types'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { useGetEntityHeader } from '@/synapse-queries'\nimport { useGetEntityChildren } from '@/synapse-queries/entity/useGetEntityChildren'\nimport { convertToEntityType } from '@/utils/functions/EntityTypeUtils'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\n\nexport type TreeNode = {\n  entityHeader: EntityHeader\n  parentId?: string\n  depth: number\n  isLeaf: boolean\n  children?: TreeNode[]\n}\n\nconst includeTypes: EntityType[] = [\n  EntityType.folder,\n  EntityType.file,\n  EntityType.link,\n  EntityType.recordset,\n]\n\n/**\n * Hook that manages all tree state and data initialization.\n */\nexport const useEntityTreeState = (\n  rootId: string,\n  expandRootByDefault: boolean,\n  showRootNode: boolean,\n) => {\n  // Core state\n  const [expanded, setExpanded] = useState<Record<string, boolean>>({})\n  const [tree, setTree] = useState<Record<string, TreeNode>>({})\n  const [loadingIds, setLoadingIds] = useState<Set<string>>(new Set())\n  const [loadedChildren, setLoadedChildren] = useState<Set<string>>(new Set())\n  const [nextPageTokens, setNextPageTokens] = useState<\n    Record<string, string | undefined>\n  >({})\n  const [loadingPageTokens, setLoadingPageTokens] = useState<\n    Record<string, string | undefined>\n  >({})\n  const [sorting, setSorting] = useState<SortingState>([])\n  const queryClient = useQueryClient()\n  const { keyFactory } = useSynapseContext()\n  const rootEntityQueryKey = useMemo(\n    () => keyFactory.getEntityQueryKey(rootId),\n    [keyFactory, rootId],\n  )\n\n  // Derive sorting parameters from state\n  const { sortBy, sortDirection } = useMemo(() => {\n    if (!sorting.length) return {}\n\n    const firstSort = sorting[0]\n    let sortBy: SortBy | undefined\n\n    switch (firstSort.id) {\n      case 'name':\n        sortBy = SortBy.NAME\n        break\n      case 'createdOn':\n        sortBy = SortBy.CREATED_ON\n        break\n      case 'modifiedOn':\n        sortBy = SortBy.MODIFIED_ON\n        break\n      default:\n        return {}\n    }\n\n    return {\n      sortBy,\n      sortDirection: firstSort.desc ? Direction.DESC : Direction.ASC,\n    }\n  }, [sorting])\n\n  const rootChildrenRequest: EntityChildrenRequest = useMemo(() => {\n    const baseRequest: EntityChildrenRequest = {\n      parentId: rootId,\n      includeTypes,\n      sortBy,\n      sortDirection,\n    }\n\n    return baseRequest\n  }, [rootId, sortBy, sortDirection])\n\n  const rootChildrenQueryKey = useMemo(\n    () => keyFactory.getEntityChildrenQueryKey(rootChildrenRequest, false),\n    [keyFactory, rootChildrenRequest],\n  )\n\n  // Reset tree data when sorting changes\n  const resetTreeData = useCallback(() => {\n    void queryClient.removeQueries({\n      queryKey: rootChildrenQueryKey,\n      exact: true,\n    })\n\n    setTree({})\n    setLoadedChildren(new Set())\n    setExpanded({})\n    setNextPageTokens({})\n    setLoadingPageTokens({})\n    setLoadingIds(new Set())\n  }, [queryClient, rootChildrenQueryKey])\n\n  // Get root entity header\n  const { data: rootHeader } = useGetEntityHeader(rootId)\n  // Get root children - only fetch when we have header and haven't loaded children yet\n  const shouldFetchChildren = !!rootHeader && !loadedChildren.has(rootId)\n  const { data: rootChildren } = useGetEntityChildren(rootChildrenRequest, {\n    enabled: shouldFetchChildren,\n  })\n\n  // Effect to reset data when sorting changes\n  useEffect(() => {\n    resetTreeData()\n  }, [resetTreeData, sorting])\n\n  useEffect(() => {\n    const unsubscribe = queryClient.getQueryCache().subscribe(event => {\n      if (event?.type === 'updated' && event.action?.type === 'invalidate') {\n        // Check if any entity in the tree was invalidated\n        const entityIds = Object.keys(tree)\n        for (const entityId of entityIds) {\n          const entityQueryKey = keyFactory.getEntityQueryKey(entityId)\n          if (\n            matchQuery({ queryKey: entityQueryKey, exact: false }, event.query)\n          ) {\n            resetTreeData()\n            return\n          }\n        }\n      }\n    })\n\n    return () => {\n      unsubscribe()\n    }\n  }, [queryClient, rootEntityQueryKey, resetTreeData, tree, keyFactory])\n\n  // Effect to initialize root node and its children\n  useEffect(() => {\n    if (rootHeader && rootChildren && !tree[rootId]) {\n      // Build the children nodes from the response\n      const children: TreeNode[] = rootChildren.page.map(\n        (eh: EntityHeader) => ({\n          entityHeader: eh,\n          parentId: rootId,\n          depth: showRootNode ? 1 : 0,\n          isLeaf: !(\n            convertToEntityType(eh.type) === EntityType.project ||\n            convertToEntityType(eh.type) === EntityType.folder\n          ),\n        }),\n      )\n\n      // Create child entries for the tree\n      const childEntries = Object.fromEntries(\n        children.map(child => [child.entityHeader.id, child]),\n      )\n\n      // Set up the complete tree state in one go\n      setTree({\n        [rootId]: {\n          entityHeader: rootHeader,\n          depth: showRootNode ? 0 : -1,\n          isLeaf: false,\n          children,\n        },\n        ...childEntries,\n      })\n\n      // Set up pagination token\n      const rootNext = rootChildren.nextPageToken\n      setNextPageTokens({ [rootId]: rootNext })\n\n      // Mark as loaded if there's no next page token\n      if (!rootNext) {\n        setLoadedChildren(new Set([rootId]))\n      }\n\n      // Expand root node by default if the flag is set\n      if (expandRootByDefault) {\n        setExpanded(prev => ({ ...prev, [rootId]: true }))\n      }\n    }\n  }, [\n    rootHeader,\n    rootChildren,\n    rootId,\n    expandRootByDefault,\n    showRootNode,\n    tree,\n  ])\n\n  return {\n    // State\n    expanded,\n    setExpanded,\n    tree,\n    setTree,\n    loadingIds,\n    setLoadingIds,\n    loadedChildren,\n    setLoadedChildren,\n    nextPageTokens,\n    setNextPageTokens,\n    loadingPageTokens,\n    setLoadingPageTokens,\n    sorting,\n    setSorting,\n\n    // Derived values\n    sortBy,\n    sortDirection,\n\n    // Data\n    rootHeader,\n    rootChildren,\n\n    // Actions\n    resetTreeData,\n  }\n}\n"],"mappings":"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"}

package/dist/components/EntityTreeTable/hooks/useTableColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableColumns.js","names":[],"sources":["../../../../src/components/EntityTreeTable/hooks/useTableColumns.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { ColumnDef } from '@tanstack/react-table'\nimport { useTheme, useMediaQuery } from '@mui/material'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { NameCell } from '../components/EntityNameCell'\nimport { IdCell } from '../components/IdCell'\nimport { IdColumnHeader } from '../components/IdColumnHeader'\nimport { ModifiedOnCell } from '../../EntityFinder/details/view/table/ModifiedOnCell'\nimport { ModifiedByCell } from '../../EntityFinder/details/view/table/ModifiedByCell'\nimport { CreatedOnCell } from '../../EntityFinder/details/view/table/CreatedOnCell'\nimport { FileEntitySizeCell } from '../../EntityFinder/details/view/table/FileEntitySizeCell'\nimport { FileEntityMD5Cell } from '../../EntityFinder/details/view/table/FileEntityMD5Cell'\nimport { AddFileToDownloadListCell } from '../../EntityFinder/details/view/table/AddToDownloadListCell'\nimport {\n  NameColumnHeader,\n  CreatedOnColumnHeader,\n  ModifiedOnColumnHeader,\n} from '../components/ColumnHeaders'\nimport { EntityBadgeIconsCell } from '../components/EntityBadgeIconsCell'\n\nexport const useTableColumns = (enableSorting: boolean) => {\n  // Responsive design hooks\n  const theme = useTheme()\n  const isXtraLarge = useMediaQuery(theme.breakpoints.up('xl'))\n  const isMediumAndUp = useMediaQuery(theme.breakpoints.up('md'))\n\n  // Table columns\n  const columns = useMemo<ColumnDef<EntityBundleRow>[]>(() => {\n    const baseColumns: ColumnDef<EntityBundleRow>[] = [\n      {\n        accessorKey: 'entityHeader.name',\n        id: 'name',\n        header: NameColumnHeader,\n        cell: NameCell,\n        enableSorting: enableSorting,\n        size: 450, // Default width for Name column\n      },\n    ]\n    if (isMediumAndUp) {\n      baseColumns.push({\n        id: 'badges',\n        header: '',\n        cell: EntityBadgeIconsCell,\n        enableSorting: false,\n        size: 120, // Default width for Badges column\n      })\n      baseColumns.push({\n        id: 'id',\n        header: IdColumnHeader,\n        cell: IdCell,\n        enableSorting: false,\n      })\n    }\n    if (isXtraLarge) {\n      baseColumns.push({\n        accessorKey: 'entityHeader.createdOn',\n        id: 'createdOn',\n        header: CreatedOnColumnHeader,\n        cell: CreatedOnCell,\n        enableSorting: enableSorting,\n      })\n    }\n\n    if (isMediumAndUp) {\n      baseColumns.push({\n        accessorKey: 'entityHeader.modifiedOn',\n        id: 'modifiedOn',\n        header: ModifiedOnColumnHeader,\n        cell: ModifiedOnCell,\n        enableSorting: enableSorting,\n      })\n    }\n\n    if (isXtraLarge) {\n      baseColumns.push({\n        id: 'modifiedBy',\n        header: 'Modified By',\n        cell: ModifiedByCell,\n        enableSorting: false,\n      })\n    }\n\n    if (isMediumAndUp) {\n      baseColumns.push({\n        id: 'size',\n        header: 'Size',\n        cell: FileEntitySizeCell,\n        enableSorting: false,\n      })\n    }\n    if (isXtraLarge) {\n      baseColumns.push({\n        id: 'md5',\n        header: 'MD5',\n        cell: FileEntityMD5Cell,\n        enableSorting: false,\n      })\n    }\n\n    baseColumns.push({\n      id: 'download',\n      header: 'Download',\n      cell: AddFileToDownloadListCell,\n      enableSorting: false,\n      size: 90,\n    })\n\n    return baseColumns\n  }, [enableSorting, isXtraLarge, isMediumAndUp])\n\n  return columns\n}\n"],"mappings":";;;;;;;;;;;;;;AAoBA,IAAa,KAAmB,MAA2B;CAEzD,IAAM,IAAQ,GAAU,EAClB,IAAc,EAAc,EAAM,YAAY,GAAG,KAAK,CAAC,EACvD,IAAgB,EAAc,EAAM,YAAY,GAAG,KAAK,CAAC;AAsF/D,QAnFgB,QAA4C;EAC1D,IAAM,IAA4C,CAChD;GACE,aAAa;GACb,IAAI;GACJ,QAAQ;GACR,MAAM;GACS;GACf,MAAM;GACP,CACF;AAsED,SArEI,MACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;GACf,MAAM;GACP,CAAC,EACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;GAChB,CAAC,GAEA,KACF,EAAY,KAAK;GACf,aAAa;GACb,IAAI;GACJ,QAAQ;GACR,MAAM;GACS;GAChB,CAAC,EAGA,KACF,EAAY,KAAK;GACf,aAAa;GACb,IAAI;GACJ,QAAQ;GACR,MAAM;GACS;GAChB,CAAC,EAGA,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;GAChB,CAAC,EAGA,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;GAChB,CAAC,EAEA,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;GAChB,CAAC,EAGJ,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;GACf,MAAM;GACP,CAAC,EAEK;IACN;EAAC;EAAe;EAAa;EAAc,CAEvC"}
+{"version":3,"file":"useTableColumns.js","names":[],"sources":["../../../../src/components/EntityTreeTable/hooks/useTableColumns.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { ColumnDef } from '@tanstack/react-table'\nimport { useTheme, useMediaQuery } from '@mui/material'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { NameCell } from '../components/EntityNameCell'\nimport { IdCell } from '../components/IdCell'\nimport { IdColumnHeader } from '../components/IdColumnHeader'\nimport { ModifiedOnCell } from '../../EntityFinder/details/view/table/ModifiedOnCell'\nimport { ModifiedByCell } from '../../EntityFinder/details/view/table/ModifiedByCell'\nimport { CreatedOnCell } from '../../EntityFinder/details/view/table/CreatedOnCell'\nimport { FileEntitySizeCell } from '../../EntityFinder/details/view/table/FileEntitySizeCell'\nimport { FileEntityMD5Cell } from '../../EntityFinder/details/view/table/FileEntityMD5Cell'\nimport { AddFileToDownloadListCell } from '../../EntityFinder/details/view/table/AddToDownloadListCell'\nimport {\n  NameColumnHeader,\n  CreatedOnColumnHeader,\n  ModifiedOnColumnHeader,\n} from '../components/ColumnHeaders'\nimport { EntityBadgeIconsCell } from '../components/EntityBadgeIconsCell'\n\nexport const useTableColumns = (enableSorting: boolean) => {\n  // Responsive design hooks\n  const theme = useTheme()\n  const isXtraLarge = useMediaQuery(theme.breakpoints.up('xl'))\n  const isMediumAndUp = useMediaQuery(theme.breakpoints.up('md'))\n\n  // Table columns\n  const columns = useMemo<ColumnDef<EntityBundleRow>[]>(() => {\n    const baseColumns: ColumnDef<EntityBundleRow>[] = [\n      {\n        accessorKey: 'entityHeader.name',\n        id: 'name',\n        header: NameColumnHeader,\n        cell: NameCell,\n        enableSorting: enableSorting,\n        size: 450, // Default width for Name column\n      },\n    ]\n    if (isMediumAndUp) {\n      baseColumns.push({\n        id: 'badges',\n        header: '',\n        cell: EntityBadgeIconsCell,\n        enableSorting: false,\n        size: 120, // Default width for Badges column\n      })\n      baseColumns.push({\n        id: 'id',\n        header: IdColumnHeader,\n        cell: IdCell,\n        enableSorting: false,\n      })\n    }\n    if (isXtraLarge) {\n      baseColumns.push({\n        accessorKey: 'entityHeader.createdOn',\n        id: 'createdOn',\n        header: CreatedOnColumnHeader,\n        cell: CreatedOnCell,\n        enableSorting: enableSorting,\n      })\n    }\n\n    if (isMediumAndUp) {\n      baseColumns.push({\n        accessorKey: 'entityHeader.modifiedOn',\n        id: 'modifiedOn',\n        header: ModifiedOnColumnHeader,\n        cell: ModifiedOnCell,\n        enableSorting: enableSorting,\n      })\n    }\n\n    if (isXtraLarge) {\n      baseColumns.push({\n        id: 'modifiedBy',\n        header: 'Modified By',\n        cell: ModifiedByCell,\n        enableSorting: false,\n      })\n    }\n\n    if (isMediumAndUp) {\n      baseColumns.push({\n        id: 'size',\n        header: 'Size',\n        cell: FileEntitySizeCell,\n        enableSorting: false,\n      })\n    }\n    if (isXtraLarge) {\n      baseColumns.push({\n        id: 'md5',\n        header: 'MD5',\n        cell: FileEntityMD5Cell,\n        enableSorting: false,\n      })\n    }\n\n    baseColumns.push({\n      id: 'download',\n      header: 'Download',\n      cell: AddFileToDownloadListCell,\n      enableSorting: false,\n      size: 90,\n    })\n\n    return baseColumns\n  }, [enableSorting, isXtraLarge, isMediumAndUp])\n\n  return columns\n}\n"],"mappings":";;;;;;;;;;;;;;AAoBA,IAAa,KAAmB,MAA2B;CAEzD,IAAM,IAAQ,EAAS,GACjB,IAAc,EAAc,EAAM,YAAY,GAAG,IAAI,CAAC,GACtD,IAAgB,EAAc,EAAM,YAAY,GAAG,IAAI,CAAC;CAsF9D,OAnFgB,QAA4C;EAC1D,IAAM,IAA4C,CAChD;GACE,aAAa;GACb,IAAI;GACJ,QAAQ;GACR,MAAM;GACS;GACf,MAAM;EACR,CACF;EAsEA,OArEI,MACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;GACf,MAAM;EACR,CAAC,GACD,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;EACjB,CAAC,IAEC,KACF,EAAY,KAAK;GACf,aAAa;GACb,IAAI;GACJ,QAAQ;GACR,MAAM;GACS;EACjB,CAAC,GAGC,KACF,EAAY,KAAK;GACf,aAAa;GACb,IAAI;GACJ,QAAQ;GACR,MAAM;GACS;EACjB,CAAC,GAGC,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;EACjB,CAAC,GAGC,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;EACjB,CAAC,GAEC,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;EACjB,CAAC,GAGH,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;GACf,MAAM;EACR,CAAC,GAEM;CACT,GAAG;EAAC;EAAe;EAAa;CAAa,CAEtC;AACT"}

package/dist/components/EntityTreeTable/hooks/useTableData.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableData.js","names":[],"sources":["../../../../src/components/EntityTreeTable/hooks/useTableData.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { TreeNode } from './useEntityTreeState'\n\nexport const useTableData = (\n  tree: Record<string, TreeNode>,\n  rootId: string,\n  showRootNode: boolean,\n  expanded: Record<string, boolean>,\n  nextPageTokens: Record<string, string | undefined>,\n  flattenTree: (nodeId: string, visited?: Set<string>) => EntityBundleRow[],\n) => {\n  const rows: EntityBundleRow[] = useMemo(() => {\n    const rootNode = tree[rootId]\n    if (!rootNode) return []\n\n    if (showRootNode) {\n      return flattenTree(rootId, new Set<string>())\n    } else {\n      // If root node is not shown, start with its children\n      const rows: EntityBundleRow[] = []\n      if (expanded[rootId] && rootNode.children) {\n        rootNode.children.forEach(child => {\n          const childRows = flattenTree(\n            child.entityHeader.id,\n            new Set<string>(),\n          )\n          rows.push(...childRows)\n        })\n        // If there is a next page token for the root, add a synthetic 'Load more' row\n        const nextToken = nextPageTokens[rootId]\n        if (nextToken) {\n          rows.push({\n            entityId: '', // Empty placeholder for load more rows\n            entityHeader: rootNode.entityHeader,\n            depth: 0,\n            isLeaf: true,\n            parentId: rootId,\n            versionNumber: rootNode.entityHeader.versionNumber,\n            isLoadMore: true,\n            pageToken: nextToken,\n          })\n        }\n      }\n      return rows\n    }\n  }, [tree, rootId, flattenTree, showRootNode, expanded, nextPageTokens])\n\n  return rows\n}\n"],"mappings":";;AAIA,IAAa,KACX,GACA,GACA,GACA,GACA,GACA,MAEgC,QAAc;CAC5C,IAAM,IAAW,EAAK;AACtB,KAAI,CAAC,EAAU,QAAO,EAAE;AAExB,KAAI,EACF,QAAO,EAAY,mBAAQ,IAAI,KAAa,CAAC;CACxC;EAEL,IAAM,IAA0B,EAAE;AAClC,MAAI,EAAS,MAAW,EAAS,UAAU;AACzC,KAAS,SAAS,SAAQ,MAAS;IACjC,IAAM,IAAY,EAChB,EAAM,aAAa,oBACnB,IAAI,KAAa,CAClB;AACD,MAAK,KAAK,GAAG,EAAU;KACvB;GAEF,IAAM,IAAY,EAAe;AACjC,GAAI,KACF,EAAK,KAAK;IACR,UAAU;IACV,cAAc,EAAS;IACvB,OAAO;IACP,QAAQ;IACR,UAAU;IACV,eAAe,EAAS,aAAa;IACrC,YAAY;IACZ,WAAW;IACZ,CAAC;;AAGN,SAAO;;GAER;CAAC;CAAM;CAAQ;CAAa;CAAc;CAAU;CAAe,CAE/D"}
+{"version":3,"file":"useTableData.js","names":[],"sources":["../../../../src/components/EntityTreeTable/hooks/useTableData.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { TreeNode } from './useEntityTreeState'\n\nexport const useTableData = (\n  tree: Record<string, TreeNode>,\n  rootId: string,\n  showRootNode: boolean,\n  expanded: Record<string, boolean>,\n  nextPageTokens: Record<string, string | undefined>,\n  flattenTree: (nodeId: string, visited?: Set<string>) => EntityBundleRow[],\n) => {\n  const rows: EntityBundleRow[] = useMemo(() => {\n    const rootNode = tree[rootId]\n    if (!rootNode) return []\n\n    if (showRootNode) {\n      return flattenTree(rootId, new Set<string>())\n    } else {\n      // If root node is not shown, start with its children\n      const rows: EntityBundleRow[] = []\n      if (expanded[rootId] && rootNode.children) {\n        rootNode.children.forEach(child => {\n          const childRows = flattenTree(\n            child.entityHeader.id,\n            new Set<string>(),\n          )\n          rows.push(...childRows)\n        })\n        // If there is a next page token for the root, add a synthetic 'Load more' row\n        const nextToken = nextPageTokens[rootId]\n        if (nextToken) {\n          rows.push({\n            entityId: '', // Empty placeholder for load more rows\n            entityHeader: rootNode.entityHeader,\n            depth: 0,\n            isLeaf: true,\n            parentId: rootId,\n            versionNumber: rootNode.entityHeader.versionNumber,\n            isLoadMore: true,\n            pageToken: nextToken,\n          })\n        }\n      }\n      return rows\n    }\n  }, [tree, rootId, flattenTree, showRootNode, expanded, nextPageTokens])\n\n  return rows\n}\n"],"mappings":";;AAIA,IAAa,KACX,GACA,GACA,GACA,GACA,GACA,MAEgC,QAAc;CAC5C,IAAM,IAAW,EAAK;CACtB,IAAI,CAAC,GAAU,OAAO,CAAC;CAEvB,IAAI,GACF,OAAO,EAAY,mBAAQ,IAAI,IAAY,CAAC;CACvC;EAEL,IAAM,IAA0B,CAAC;EACjC,IAAI,EAAS,MAAW,EAAS,UAAU;GACzC,EAAS,SAAS,SAAQ,MAAS;IACjC,IAAM,IAAY,EAChB,EAAM,aAAa,oBACnB,IAAI,IAAY,CAClB;IACA,EAAK,KAAK,GAAG,CAAS;GACxB,CAAC;GAED,IAAM,IAAY,EAAe;GACjC,AAAI,KACF,EAAK,KAAK;IACR,UAAU;IACV,cAAc,EAAS;IACvB,OAAO;IACP,QAAQ;IACR,UAAU;IACV,eAAe,EAAS,aAAa;IACrC,YAAY;IACZ,WAAW;GACb,CAAC;EAEL;EACA,OAAO;CACT;AACF,GAAG;CAAC;CAAM;CAAQ;CAAa;CAAc;CAAU;AAAc,CAE9D"}

package/dist/components/EntityTreeTable/hooks/useTreeOperationsWithDirectFetch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTreeOperationsWithDirectFetch.js","names":[],"sources":["../../../../src/components/EntityTreeTable/hooks/useTreeOperationsWithDirectFetch.ts"],"sourcesContent":["import { useCallback } from 'react'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { TreeNode } from './useEntityTreeState'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport SynapseClient from '@/synapse-client'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  EntityHeader,\n  SortBy,\n  Direction,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  convertToEntityType,\n  isContainerType,\n} from '@/utils/functions/EntityTypeUtils'\nimport { omit } from 'lodash-es'\n\nconst includeTypes: EntityType[] = [\n  EntityType.folder,\n  EntityType.file,\n  EntityType.link,\n  EntityType.recordset,\n]\n\nexport const useTreeOperationsWithDirectFetch = (\n  expanded: Record<string, boolean>,\n  setExpanded: (value: React.SetStateAction<Record<string, boolean>>) => void,\n  tree: Record<string, TreeNode>,\n  setTree: (value: React.SetStateAction<Record<string, TreeNode>>) => void,\n  loadedChildren: Set<string>,\n  setLoadedChildren: (value: React.SetStateAction<Set<string>>) => void,\n  loadingIds: Set<string>,\n  setLoadingIds: (value: React.SetStateAction<Set<string>>) => void,\n  setNextPageTokens: (\n    value: React.SetStateAction<Record<string, string | undefined>>,\n  ) => void,\n  setLoadingPageTokens: (\n    value: React.SetStateAction<Record<string, string | undefined>>,\n  ) => void,\n  loadingPageTokens: Record<string, string | undefined>,\n  nextPageTokens: Record<string, string | undefined>,\n  sortBy?: SortBy,\n  sortDirection?: Direction,\n) => {\n  const queryClient = useQueryClient()\n  const { accessToken, keyFactory } = useSynapseContext()\n\n  // Helper function to convert EntityHeaders to TreeNodes\n  const createTreeNodes = useCallback(\n    (\n      entityHeaders: EntityHeader[],\n      parentId: string,\n      parentDepth: number,\n    ): TreeNode[] => {\n      return entityHeaders.map((eh: EntityHeader) => ({\n        entityHeader: eh,\n        parentId,\n        depth: parentDepth + 1,\n        isLeaf: !isContainerType(convertToEntityType(eh.type)),\n      }))\n    },\n    [],\n  )\n\n  // Helper function to clean up loading state on error\n  const cleanupLoadingState = useCallback(\n    (entityId: string, pageToken?: string) => {\n      setLoadingIds(prev => {\n        const next = new Set(prev)\n        next.delete(entityId)\n        return next\n      })\n\n      if (pageToken !== undefined) {\n        setLoadingPageTokens(prev => {\n          return omit(prev, [entityId])\n        })\n      }\n    },\n    [setLoadingIds, setLoadingPageTokens],\n  )\n\n  // Helper function to fetch entity children\n  const fetchEntityChildren = useCallback(\n    async (entityId: string, pageToken?: string) => {\n      const entityChildrenRequest = {\n        parentId: entityId,\n        includeTypes,\n        ...(pageToken && { nextPageToken: pageToken }),\n        sortBy,\n        sortDirection,\n      }\n\n      return await queryClient.fetchQuery({\n        queryKey: keyFactory.getEntityChildrenQueryKey(\n          entityChildrenRequest,\n          false,\n        ),\n        queryFn: () =>\n          SynapseClient.getEntityChildren(entityChildrenRequest, accessToken),\n      })\n    },\n    [queryClient, keyFactory, accessToken, sortBy, sortDirection],\n  )\n\n  // Callback to handle when children are loaded - moved before handleToggleExpanded to fix dependency order\n  const handleChildrenLoaded = useCallback(\n    (entityId: string, children: TreeNode[], nextPageToken?: string) => {\n      setTree(prev => {\n        const node = prev[entityId]\n        if (node) {\n          // Set correct depth for child nodes\n          const childNodesWithDepth = children.map(child => ({\n            ...child,\n            depth: node.depth + 1,\n          }))\n\n          const mergedChildren = [\n            ...(node.children || []),\n            ...childNodesWithDepth,\n          ]\n\n          // Merge children into the tree mapping while preserving existing\n          // subtree entries for those children (so expanding deeper nodes\n          // isn't lost when siblings are added).\n          const mergedChildEntries = Object.fromEntries(\n            mergedChildren.map(child => {\n              const existing = prev[child.entityHeader.id]\n              const merged = {\n                ...existing,\n                ...child,\n                depth: child.depth,\n                parentId: child.parentId,\n                isLeaf: child.isLeaf,\n              }\n\n              return [child.entityHeader.id, merged]\n            }),\n          )\n\n          return {\n            ...prev,\n            [entityId]: {\n              ...node,\n              children: mergedChildren,\n            },\n            ...mergedChildEntries,\n          }\n        }\n        return prev\n      })\n\n      // store nextPageToken for this parent (if any)\n      setNextPageTokens(prev => ({ ...prev, [entityId]: nextPageToken }))\n      // clear the loading page token entry for this parent since the\n      // requested page has completed (this prevents any remaining loading state)\n      setLoadingPageTokens(prev => {\n        return omit(prev, [entityId])\n      })\n\n      setLoadingIds(prev => {\n        const next = new Set(prev)\n        next.delete(entityId)\n        return next\n      })\n\n      // mark as loaded only if there is no next page token (i.e., fully loaded)\n      if (!nextPageToken) {\n        setLoadedChildren(prev => new Set(prev).add(entityId))\n      }\n    },\n    [\n      loadingPageTokens,\n      setTree,\n      setNextPageTokens,\n      setLoadingPageTokens,\n      setLoadingIds,\n      setLoadedChildren,\n    ],\n  )\n\n  // Handler for expanding nodes - handles fetching children\n  const handleToggleExpanded = useCallback(\n    async (entityId: string) => {\n      const isCurrentlyExpanded = expanded[entityId]\n\n      setExpanded(prev => ({\n        ...prev,\n        [entityId]: !prev[entityId],\n      }))\n\n      // If expanding and children haven't been loaded yet, fetch them directly\n      if (\n        !isCurrentlyExpanded &&\n        !loadedChildren.has(entityId) &&\n        !loadingIds.has(entityId)\n      ) {\n        const node = tree[entityId]\n        if (node && !node.isLeaf) {\n          setLoadingIds(prev => new Set(prev).add(entityId))\n\n          try {\n            const children = await fetchEntityChildren(entityId)\n            const childNodes = createTreeNodes(\n              children.page,\n              entityId,\n              node.depth,\n            )\n            handleChildrenLoaded(entityId, childNodes, children.nextPageToken)\n          } catch (error) {\n            console.error(\n              'Failed to fetch children for entity:',\n              entityId,\n              error,\n            )\n            cleanupLoadingState(entityId)\n          }\n        }\n      }\n    },\n    [\n      expanded,\n      loadedChildren,\n      tree,\n      setExpanded,\n      setLoadingIds,\n      fetchEntityChildren,\n      createTreeNodes,\n      handleChildrenLoaded,\n      cleanupLoadingState,\n    ],\n  )\n\n  const loadMoreChildren = useCallback(\n    async (entityId: string, pageToken?: string) => {\n      // set which page token is being requested for this parent and mark loading\n      setLoadingPageTokens(prev => ({ ...prev, [entityId]: pageToken }))\n      setLoadingIds(prev => new Set(prev).add(entityId))\n\n      try {\n        const children = await fetchEntityChildren(entityId, pageToken)\n        const node = tree[entityId]\n        const childNodes = createTreeNodes(\n          children.page,\n          entityId,\n          node ? node.depth : -1,\n        )\n        handleChildrenLoaded(entityId, childNodes, children.nextPageToken)\n      } catch (error) {\n        console.error(\n          'Failed to load more children for entity:',\n          entityId,\n          error,\n        )\n        cleanupLoadingState(entityId, pageToken)\n      }\n    },\n    [\n      setLoadingPageTokens,\n      setLoadingIds,\n      fetchEntityChildren,\n      createTreeNodes,\n      tree,\n      handleChildrenLoaded,\n      cleanupLoadingState,\n    ],\n  )\n\n  // Flatten tree for table rows. Track visited node ids to avoid cycles and\n  // duplicate rows when the same entity appears multiple times in the\n  // traversal (links, cycles, or bad/multiple parent relationships).\n  const flattenTree = useCallback(\n    (nodeId: string, visited = new Set<string>()): EntityBundleRow[] => {\n      // Prevent revisiting the same node and producing duplicate rows\n      if (visited.has(nodeId)) return []\n      visited.add(nodeId)\n\n      const node = tree[nodeId]\n      if (!node) return []\n\n      const rows: EntityBundleRow[] = [\n        {\n          entityId: node.entityHeader.id,\n          entityHeader: node.entityHeader,\n          depth: node.depth,\n          isLeaf: node.isLeaf,\n          parentId: node.parentId,\n          versionNumber: node.entityHeader.versionNumber,\n        },\n      ]\n\n      if (expanded[node.entityHeader.id] && node.children) {\n        node.children.forEach(child => {\n          rows.push(...flattenTree(child.entityHeader.id, visited))\n        })\n        // If there is a next page token for this node, add a synthetic 'Load more' row\n        const nextToken = nextPageTokens[node.entityHeader.id]\n\n        if (nextToken) {\n          rows.push({\n            entityId: '', // Empty placeholder for load more rows\n            entityHeader: node.entityHeader,\n            depth: node.depth + 1,\n            isLeaf: true,\n            parentId: node.entityHeader.id,\n            versionNumber: node.entityHeader.versionNumber,\n            isLoadMore: true,\n            pageToken: nextToken,\n          })\n        }\n      }\n      return rows\n    },\n    [expanded, tree, nextPageTokens],\n  )\n\n  return {\n    handleToggleExpanded,\n    handleChildrenLoaded,\n    loadMoreChildren,\n    flattenTree,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useTreeOperationsWithDirectFetch.js","names":[],"sources":["../../../../src/components/EntityTreeTable/hooks/useTreeOperationsWithDirectFetch.ts"],"sourcesContent":["import { useCallback } from 'react'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { TreeNode } from './useEntityTreeState'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport SynapseClient from '@/synapse-client'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  EntityHeader,\n  SortBy,\n  Direction,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  convertToEntityType,\n  isContainerType,\n} from '@/utils/functions/EntityTypeUtils'\nimport { omit } from 'lodash-es'\n\nconst includeTypes: EntityType[] = [\n  EntityType.folder,\n  EntityType.file,\n  EntityType.link,\n  EntityType.recordset,\n]\n\nexport const useTreeOperationsWithDirectFetch = (\n  expanded: Record<string, boolean>,\n  setExpanded: (value: React.SetStateAction<Record<string, boolean>>) => void,\n  tree: Record<string, TreeNode>,\n  setTree: (value: React.SetStateAction<Record<string, TreeNode>>) => void,\n  loadedChildren: Set<string>,\n  setLoadedChildren: (value: React.SetStateAction<Set<string>>) => void,\n  loadingIds: Set<string>,\n  setLoadingIds: (value: React.SetStateAction<Set<string>>) => void,\n  setNextPageTokens: (\n    value: React.SetStateAction<Record<string, string | undefined>>,\n  ) => void,\n  setLoadingPageTokens: (\n    value: React.SetStateAction<Record<string, string | undefined>>,\n  ) => void,\n  loadingPageTokens: Record<string, string | undefined>,\n  nextPageTokens: Record<string, string | undefined>,\n  sortBy?: SortBy,\n  sortDirection?: Direction,\n) => {\n  const queryClient = useQueryClient()\n  const { accessToken, keyFactory } = useSynapseContext()\n\n  // Helper function to convert EntityHeaders to TreeNodes\n  const createTreeNodes = useCallback(\n    (\n      entityHeaders: EntityHeader[],\n      parentId: string,\n      parentDepth: number,\n    ): TreeNode[] => {\n      return entityHeaders.map((eh: EntityHeader) => ({\n        entityHeader: eh,\n        parentId,\n        depth: parentDepth + 1,\n        isLeaf: !isContainerType(convertToEntityType(eh.type)),\n      }))\n    },\n    [],\n  )\n\n  // Helper function to clean up loading state on error\n  const cleanupLoadingState = useCallback(\n    (entityId: string, pageToken?: string) => {\n      setLoadingIds(prev => {\n        const next = new Set(prev)\n        next.delete(entityId)\n        return next\n      })\n\n      if (pageToken !== undefined) {\n        setLoadingPageTokens(prev => {\n          return omit(prev, [entityId])\n        })\n      }\n    },\n    [setLoadingIds, setLoadingPageTokens],\n  )\n\n  // Helper function to fetch entity children\n  const fetchEntityChildren = useCallback(\n    async (entityId: string, pageToken?: string) => {\n      const entityChildrenRequest = {\n        parentId: entityId,\n        includeTypes,\n        ...(pageToken && { nextPageToken: pageToken }),\n        sortBy,\n        sortDirection,\n      }\n\n      return await queryClient.fetchQuery({\n        queryKey: keyFactory.getEntityChildrenQueryKey(\n          entityChildrenRequest,\n          false,\n        ),\n        queryFn: () =>\n          SynapseClient.getEntityChildren(entityChildrenRequest, accessToken),\n      })\n    },\n    [queryClient, keyFactory, accessToken, sortBy, sortDirection],\n  )\n\n  // Callback to handle when children are loaded - moved before handleToggleExpanded to fix dependency order\n  const handleChildrenLoaded = useCallback(\n    (entityId: string, children: TreeNode[], nextPageToken?: string) => {\n      setTree(prev => {\n        const node = prev[entityId]\n        if (node) {\n          // Set correct depth for child nodes\n          const childNodesWithDepth = children.map(child => ({\n            ...child,\n            depth: node.depth + 1,\n          }))\n\n          const mergedChildren = [\n            ...(node.children || []),\n            ...childNodesWithDepth,\n          ]\n\n          // Merge children into the tree mapping while preserving existing\n          // subtree entries for those children (so expanding deeper nodes\n          // isn't lost when siblings are added).\n          const mergedChildEntries = Object.fromEntries(\n            mergedChildren.map(child => {\n              const existing = prev[child.entityHeader.id]\n              const merged = {\n                ...existing,\n                ...child,\n                depth: child.depth,\n                parentId: child.parentId,\n                isLeaf: child.isLeaf,\n              }\n\n              return [child.entityHeader.id, merged]\n            }),\n          )\n\n          return {\n            ...prev,\n            [entityId]: {\n              ...node,\n              children: mergedChildren,\n            },\n            ...mergedChildEntries,\n          }\n        }\n        return prev\n      })\n\n      // store nextPageToken for this parent (if any)\n      setNextPageTokens(prev => ({ ...prev, [entityId]: nextPageToken }))\n      // clear the loading page token entry for this parent since the\n      // requested page has completed (this prevents any remaining loading state)\n      setLoadingPageTokens(prev => {\n        return omit(prev, [entityId])\n      })\n\n      setLoadingIds(prev => {\n        const next = new Set(prev)\n        next.delete(entityId)\n        return next\n      })\n\n      // mark as loaded only if there is no next page token (i.e., fully loaded)\n      if (!nextPageToken) {\n        setLoadedChildren(prev => new Set(prev).add(entityId))\n      }\n    },\n    [\n      loadingPageTokens,\n      setTree,\n      setNextPageTokens,\n      setLoadingPageTokens,\n      setLoadingIds,\n      setLoadedChildren,\n    ],\n  )\n\n  // Handler for expanding nodes - handles fetching children\n  const handleToggleExpanded = useCallback(\n    async (entityId: string) => {\n      const isCurrentlyExpanded = expanded[entityId]\n\n      setExpanded(prev => ({\n        ...prev,\n        [entityId]: !prev[entityId],\n      }))\n\n      // If expanding and children haven't been loaded yet, fetch them directly\n      if (\n        !isCurrentlyExpanded &&\n        !loadedChildren.has(entityId) &&\n        !loadingIds.has(entityId)\n      ) {\n        const node = tree[entityId]\n        if (node && !node.isLeaf) {\n          setLoadingIds(prev => new Set(prev).add(entityId))\n\n          try {\n            const children = await fetchEntityChildren(entityId)\n            const childNodes = createTreeNodes(\n              children.page,\n              entityId,\n              node.depth,\n            )\n            handleChildrenLoaded(entityId, childNodes, children.nextPageToken)\n          } catch (error) {\n            console.error(\n              'Failed to fetch children for entity:',\n              entityId,\n              error,\n            )\n            cleanupLoadingState(entityId)\n          }\n        }\n      }\n    },\n    [\n      expanded,\n      loadedChildren,\n      tree,\n      setExpanded,\n      setLoadingIds,\n      fetchEntityChildren,\n      createTreeNodes,\n      handleChildrenLoaded,\n      cleanupLoadingState,\n    ],\n  )\n\n  const loadMoreChildren = useCallback(\n    async (entityId: string, pageToken?: string) => {\n      // set which page token is being requested for this parent and mark loading\n      setLoadingPageTokens(prev => ({ ...prev, [entityId]: pageToken }))\n      setLoadingIds(prev => new Set(prev).add(entityId))\n\n      try {\n        const children = await fetchEntityChildren(entityId, pageToken)\n        const node = tree[entityId]\n        const childNodes = createTreeNodes(\n          children.page,\n          entityId,\n          node ? node.depth : -1,\n        )\n        handleChildrenLoaded(entityId, childNodes, children.nextPageToken)\n      } catch (error) {\n        console.error(\n          'Failed to load more children for entity:',\n          entityId,\n          error,\n        )\n        cleanupLoadingState(entityId, pageToken)\n      }\n    },\n    [\n      setLoadingPageTokens,\n      setLoadingIds,\n      fetchEntityChildren,\n      createTreeNodes,\n      tree,\n      handleChildrenLoaded,\n      cleanupLoadingState,\n    ],\n  )\n\n  // Flatten tree for table rows. Track visited node ids to avoid cycles and\n  // duplicate rows when the same entity appears multiple times in the\n  // traversal (links, cycles, or bad/multiple parent relationships).\n  const flattenTree = useCallback(\n    (nodeId: string, visited = new Set<string>()): EntityBundleRow[] => {\n      // Prevent revisiting the same node and producing duplicate rows\n      if (visited.has(nodeId)) return []\n      visited.add(nodeId)\n\n      const node = tree[nodeId]\n      if (!node) return []\n\n      const rows: EntityBundleRow[] = [\n        {\n          entityId: node.entityHeader.id,\n          entityHeader: node.entityHeader,\n          depth: node.depth,\n          isLeaf: node.isLeaf,\n          parentId: node.parentId,\n          versionNumber: node.entityHeader.versionNumber,\n        },\n      ]\n\n      if (expanded[node.entityHeader.id] && node.children) {\n        node.children.forEach(child => {\n          rows.push(...flattenTree(child.entityHeader.id, visited))\n        })\n        // If there is a next page token for this node, add a synthetic 'Load more' row\n        const nextToken = nextPageTokens[node.entityHeader.id]\n\n        if (nextToken) {\n          rows.push({\n            entityId: '', // Empty placeholder for load more rows\n            entityHeader: node.entityHeader,\n            depth: node.depth + 1,\n            isLeaf: true,\n            parentId: node.entityHeader.id,\n            versionNumber: node.entityHeader.versionNumber,\n            isLoadMore: true,\n            pageToken: nextToken,\n          })\n        }\n      }\n      return rows\n    },\n    [expanded, tree, nextPageTokens],\n  )\n\n  return {\n    handleToggleExpanded,\n    handleChildrenLoaded,\n    loadMoreChildren,\n    flattenTree,\n  }\n}\n"],"mappings":"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"}

package/dist/components/EntityUpload/EntityUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityUpload.js","names":[],"sources":["../../../src/components/EntityUpload/EntityUpload.tsx"],"sourcesContent":["import MultiFileUploadProgress from '@/components/file/upload/MultiFileUploadProgress'\nimport UploadFilePanel from '@/components/file/upload/UploadFilePanel'\nimport { SYNAPSE_STORAGE_LOCATION_ID } from '@/synapse-client/index'\nimport { useGetDefaultUploadDestination, useGetEntity } from '@/synapse-queries'\nimport { getUploadDestinationString } from '@/utils/functions/FileHandleUtils'\nimport {\n  EntityUploaderState,\n  useUploadFileEntities,\n} from '@/utils/hooks/useUploadFileEntity/useUploadFileEntities'\nimport { Typography } from '@mui/material'\nimport { noop } from 'lodash-es'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react'\nimport FullWidthAlert from '../FullWidthAlert/FullWidthAlert'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport { EntityUploadPromptDialog } from './EntityUploadPromptDialog'\nimport { ExternalObjectStoreCredentialsForm } from './ExternalObjectStoreCredentialsForm'\nimport { ProjectStorageLimitAlert } from './ProjectStorageLimitAlert'\n\nexport type EntityUploadProps = {\n  /** The ID of the entity to upload to. If this is a container, file(s) will be added as children. If this is a\n   * FileEntity, then a file may be uploaded as a new version */\n  entityId: string\n  /** Callback that is invoked when the state of the uploader changes */\n  onStateChange?: (state: EntityUploaderState) => void\n  /** Callback that is invoked when component is ready to upload */\n  onUploadReady?: () => void\n}\n\nexport type EntityUploadHandle = {\n  /** Programmatically add files to the upload (e.g. on drag & drop) */\n  handleUploads: (fileList: ArrayLike<File>) => void\n}\n\nexport const EntityUpload = forwardRef(function EntityUpload(\n  props: EntityUploadProps,\n  ref: ForwardedRef<EntityUploadHandle>,\n) {\n  const { entityId, onStateChange = noop, onUploadReady = noop } = props\n\n  const { data: entity, isLoading: isLoadingEntity } = useGetEntity(entityId)\n\n  const isFileEntity =\n    entity?.concreteType === 'org.sagebionetworks.repo.model.FileEntity'\n\n  const { data: uploadDestination, isLoading: isLoadingUploadDestination } =\n    useGetDefaultUploadDestination(entityId)\n  const isLoading = isLoadingEntity || isLoadingUploadDestination\n\n  const [accessKey, setAccessKey] = useState('')\n  const [secretKey, setSecretKey] = useState('')\n\n  const [didUploadsExceedStorageLimit, setDidUploadsExceedStorageLimit] =\n    useState(false)\n\n  const {\n    initiateUpload,\n    state,\n    uploadProgress,\n    activePrompts,\n    isPrecheckingUpload,\n    isUploadReady,\n  } = useUploadFileEntities(entityId, accessKey, secretKey, () =>\n    setDidUploadsExceedStorageLimit(true),\n  )\n\n  useEffect(() => {\n    onStateChange(state)\n  }, [state, onStateChange])\n\n  useEffect(() => {\n    if (isUploadReady) {\n      onUploadReady()\n    }\n  }, [isUploadReady, onUploadReady])\n\n  function uploadFileList(fileList: ArrayLike<File>) {\n    if (uploadDestination?.projectStorageLocationUsage?.isOverLimit) {\n      displayToast(\n        'Cannot upload files because the storage limit has been exceeded.',\n        'danger',\n      )\n      return\n    }\n    const args = Array.from(fileList).map(file => {\n      if (isFileEntity) {\n        return { file, existingEntityId: entityId }\n      }\n      return {\n        file,\n        rootContainerId: entityId,\n      }\n    })\n    initiateUpload(args)\n  }\n\n  useImperativeHandle(ref, () => ({\n    handleUploads: uploadFileList,\n  }))\n\n  const showLoading = isPrecheckingUpload || isLoading\n  const loadingText = isPrecheckingUpload\n    ? 'Preparing files for upload...'\n    : 'Loading...'\n\n  return (\n    <div>\n      <EntityUploadPromptDialog activePrompts={activePrompts} />\n      {uploadDestination?.projectStorageLocationUsage && (\n        <ProjectStorageLimitAlert\n          usage={uploadDestination.projectStorageLocationUsage}\n          didUploadsExceedLimit={didUploadsExceedStorageLimit}\n        />\n      )}\n      <ExternalObjectStoreCredentialsForm\n        uploadDestination={uploadDestination}\n        accessKey={accessKey}\n        setAccessKey={setAccessKey}\n        secretKey={secretKey}\n        setSecretKey={setSecretKey}\n      />\n      <UploadFilePanel\n        onUploadFileList={uploadFileList}\n        allowMultipleFiles={!isFileEntity}\n        isLoading={showLoading}\n        loadingText={loadingText}\n        disabled={uploadDestination?.projectStorageLocationUsage?.isOverLimit}\n        message={\n          <>\n            <Typography variant={'smallText1'}>\n              All uploaded files will be stored in\n              {uploadDestination?.storageLocationId ===\n                SYNAPSE_STORAGE_LOCATION_ID && ' Synapse storage'}\n              {uploadDestination &&\n                uploadDestination?.storageLocationId !==\n                  SYNAPSE_STORAGE_LOCATION_ID && (\n                  <>\n                    :<br />\n                    {getUploadDestinationString(uploadDestination)}\n                  </>\n                )}\n            </Typography>\n            {uploadDestination && uploadDestination.banner && (\n              <FullWidthAlert\n                sx={{\n                  textAlign: 'left',\n                }}\n                isGlobal={false}\n                title={'Storage Location Message'}\n                description={uploadDestination.banner}\n                variant={'info'}\n              />\n            )}\n          </>\n        }\n      />\n      <MultiFileUploadProgress\n        uploaderState={state}\n        uploadProgress={uploadProgress}\n      />\n    </div>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAuCA,IAAa,IAAe,EAAW,SACrC,GACA,GACA;CACA,IAAM,EAAE,aAAU,mBAAgB,GAAM,mBAAgB,MAAS,GAE3D,EAAE,MAAM,GAAQ,WAAW,MAAoB,EAAa,EAAS,EAErE,IACJ,GAAQ,iBAAiB,6CAErB,EAAE,MAAM,GAAmB,WAAW,MAC1C,EAA+B,EAAS,EACpC,IAAY,KAAmB,GAE/B,CAAC,GAAW,KAAgB,EAAS,GAAG,EACxC,CAAC,GAAW,KAAgB,EAAS,GAAG,EAExC,CAAC,GAA8B,KACnC,EAAS,GAAM,EAEX,EACJ,mBACA,UACA,mBACA,kBACA,wBACA,qBACE,EAAsB,GAAU,GAAW,SAC7C,EAAgC,GAAK,CACtC;AAMD,CAJA,QAAgB;AACd,IAAc,EAAM;IACnB,CAAC,GAAO,EAAc,CAAC,EAE1B,QAAgB;AACd,EAAI,KACF,GAAe;IAEhB,CAAC,GAAe,EAAc,CAAC;CAElC,SAAS,EAAe,GAA2B;AACjD,MAAI,GAAmB,6BAA6B,aAAa;AAC/D,KACE,oEACA,SACD;AACD;;AAWF,IATa,MAAM,KAAK,EAAS,CAAC,KAAI,MAChC,IACK;GAAE;GAAM,kBAAkB;GAAU,GAEtC;GACL;GACA,iBAAiB;GAClB,CAEY,CAAK;;AAGtB,GAAoB,UAAY,EAC9B,eAAe,GAChB,EAAE;CAEH,IAAM,IAAc,KAAuB,GACrC,IAAc,IAChB,kCACA;AAEJ,QACE,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,GAAD,EAAyC,kBAAiB,CAAA;EACzD,GAAmB,+BAClB,kBAAC,GAAD;GACE,OAAO,EAAkB;GACzB,uBAAuB;GACvB,CAAA;EAEJ,kBAAC,GAAD;GACqB;GACR;GACG;GACH;GACG;GACd,CAAA;EACF,kBAAC,GAAD;GACE,kBAAkB;GAClB,oBAAoB,CAAC;GACrB,WAAW;GACE;GACb,UAAU,GAAmB,6BAA6B;GAC1D,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IAAY,SAAS;cAArB;KAAmC;KAEhC,GAAmB,sBAAA,KACa;KAChC,KACC,GAAmB,sBAAA,KAEjB,kBAAA,GAAA,EAAA,UAAA;MAAE;MACC,kBAAC,MAAD,EAAM,CAAA;MACN,EAA2B,EAAkB;MAC7C,EAAA,CAAA;KAEI;OACZ,KAAqB,EAAkB,UACtC,kBAAC,GAAD;IACE,IAAI,EACF,WAAW,QACZ;IACD,UAAU;IACV,OAAO;IACP,aAAa,EAAkB;IAC/B,SAAS;IACT,CAAA,CAEH,EAAA,CAAA;GAEL,CAAA;EACF,kBAAC,GAAD;GACE,eAAe;GACC;GAChB,CAAA;EACE,EAAA,CAAA;EAER"}
+{"version":3,"file":"EntityUpload.js","names":[],"sources":["../../../src/components/EntityUpload/EntityUpload.tsx"],"sourcesContent":["import MultiFileUploadProgress from '@/components/file/upload/MultiFileUploadProgress'\nimport UploadFilePanel from '@/components/file/upload/UploadFilePanel'\nimport { SYNAPSE_STORAGE_LOCATION_ID } from '@/synapse-client/index'\nimport { useGetDefaultUploadDestination, useGetEntity } from '@/synapse-queries'\nimport { getUploadDestinationString } from '@/utils/functions/FileHandleUtils'\nimport {\n  EntityUploaderState,\n  useUploadFileEntities,\n} from '@/utils/hooks/useUploadFileEntity/useUploadFileEntities'\nimport { Typography } from '@mui/material'\nimport { noop } from 'lodash-es'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react'\nimport FullWidthAlert from '../FullWidthAlert/FullWidthAlert'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport { EntityUploadPromptDialog } from './EntityUploadPromptDialog'\nimport { ExternalObjectStoreCredentialsForm } from './ExternalObjectStoreCredentialsForm'\nimport { ProjectStorageLimitAlert } from './ProjectStorageLimitAlert'\n\nexport type EntityUploadProps = {\n  /** The ID of the entity to upload to. If this is a container, file(s) will be added as children. If this is a\n   * FileEntity, then a file may be uploaded as a new version */\n  entityId: string\n  /** Callback that is invoked when the state of the uploader changes */\n  onStateChange?: (state: EntityUploaderState) => void\n  /** Callback that is invoked when component is ready to upload */\n  onUploadReady?: () => void\n}\n\nexport type EntityUploadHandle = {\n  /** Programmatically add files to the upload (e.g. on drag & drop) */\n  handleUploads: (fileList: ArrayLike<File>) => void\n}\n\nexport const EntityUpload = forwardRef(function EntityUpload(\n  props: EntityUploadProps,\n  ref: ForwardedRef<EntityUploadHandle>,\n) {\n  const { entityId, onStateChange = noop, onUploadReady = noop } = props\n\n  const { data: entity, isLoading: isLoadingEntity } = useGetEntity(entityId)\n\n  const isFileEntity =\n    entity?.concreteType === 'org.sagebionetworks.repo.model.FileEntity'\n\n  const { data: uploadDestination, isLoading: isLoadingUploadDestination } =\n    useGetDefaultUploadDestination(entityId)\n  const isLoading = isLoadingEntity || isLoadingUploadDestination\n\n  const [accessKey, setAccessKey] = useState('')\n  const [secretKey, setSecretKey] = useState('')\n\n  const [didUploadsExceedStorageLimit, setDidUploadsExceedStorageLimit] =\n    useState(false)\n\n  const {\n    initiateUpload,\n    state,\n    uploadProgress,\n    activePrompts,\n    isPrecheckingUpload,\n    isUploadReady,\n  } = useUploadFileEntities(entityId, accessKey, secretKey, () =>\n    setDidUploadsExceedStorageLimit(true),\n  )\n\n  useEffect(() => {\n    onStateChange(state)\n  }, [state, onStateChange])\n\n  useEffect(() => {\n    if (isUploadReady) {\n      onUploadReady()\n    }\n  }, [isUploadReady, onUploadReady])\n\n  function uploadFileList(fileList: ArrayLike<File>) {\n    if (uploadDestination?.projectStorageLocationUsage?.isOverLimit) {\n      displayToast(\n        'Cannot upload files because the storage limit has been exceeded.',\n        'danger',\n      )\n      return\n    }\n    const args = Array.from(fileList).map(file => {\n      if (isFileEntity) {\n        return { file, existingEntityId: entityId }\n      }\n      return {\n        file,\n        rootContainerId: entityId,\n      }\n    })\n    initiateUpload(args)\n  }\n\n  useImperativeHandle(ref, () => ({\n    handleUploads: uploadFileList,\n  }))\n\n  const showLoading = isPrecheckingUpload || isLoading\n  const loadingText = isPrecheckingUpload\n    ? 'Preparing files for upload...'\n    : 'Loading...'\n\n  return (\n    <div>\n      <EntityUploadPromptDialog activePrompts={activePrompts} />\n      {uploadDestination?.projectStorageLocationUsage && (\n        <ProjectStorageLimitAlert\n          usage={uploadDestination.projectStorageLocationUsage}\n          didUploadsExceedLimit={didUploadsExceedStorageLimit}\n        />\n      )}\n      <ExternalObjectStoreCredentialsForm\n        uploadDestination={uploadDestination}\n        accessKey={accessKey}\n        setAccessKey={setAccessKey}\n        secretKey={secretKey}\n        setSecretKey={setSecretKey}\n      />\n      <UploadFilePanel\n        onUploadFileList={uploadFileList}\n        allowMultipleFiles={!isFileEntity}\n        isLoading={showLoading}\n        loadingText={loadingText}\n        disabled={uploadDestination?.projectStorageLocationUsage?.isOverLimit}\n        message={\n          <>\n            <Typography variant={'smallText1'}>\n              All uploaded files will be stored in\n              {uploadDestination?.storageLocationId ===\n                SYNAPSE_STORAGE_LOCATION_ID && ' Synapse storage'}\n              {uploadDestination &&\n                uploadDestination?.storageLocationId !==\n                  SYNAPSE_STORAGE_LOCATION_ID && (\n                  <>\n                    :<br />\n                    {getUploadDestinationString(uploadDestination)}\n                  </>\n                )}\n            </Typography>\n            {uploadDestination && uploadDestination.banner && (\n              <FullWidthAlert\n                sx={{\n                  textAlign: 'left',\n                }}\n                isGlobal={false}\n                title={'Storage Location Message'}\n                description={uploadDestination.banner}\n                variant={'info'}\n              />\n            )}\n          </>\n        }\n      />\n      <MultiFileUploadProgress\n        uploaderState={state}\n        uploadProgress={uploadProgress}\n      />\n    </div>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAuCA,IAAa,IAAe,EAAW,SACrC,GACA,GACA;CACA,IAAM,EAAE,aAAU,mBAAgB,GAAM,mBAAgB,MAAS,GAE3D,EAAE,MAAM,GAAQ,WAAW,MAAoB,EAAa,CAAQ,GAEpE,IACJ,GAAQ,iBAAiB,6CAErB,EAAE,MAAM,GAAmB,WAAW,MAC1C,EAA+B,CAAQ,GACnC,IAAY,KAAmB,GAE/B,CAAC,GAAW,KAAgB,EAAS,EAAE,GACvC,CAAC,GAAW,KAAgB,EAAS,EAAE,GAEvC,CAAC,GAA8B,KACnC,EAAS,EAAK,GAEV,EACJ,mBACA,UACA,mBACA,kBACA,wBACA,qBACE,EAAsB,GAAU,GAAW,SAC7C,EAAgC,EAAI,CACtC;CAMA,AAJA,QAAgB;EACd,EAAc,CAAK;CACrB,GAAG,CAAC,GAAO,CAAa,CAAC,GAEzB,QAAgB;EACd,AAAI,KACF,EAAc;CAElB,GAAG,CAAC,GAAe,CAAa,CAAC;CAEjC,SAAS,EAAe,GAA2B;EACjD,IAAI,GAAmB,6BAA6B,aAAa;GAC/D,EACE,oEACA,QACF;GACA;EACF;EAUA,EATa,MAAM,KAAK,CAAQ,EAAE,KAAI,MAChC,IACK;GAAE;GAAM,kBAAkB;EAAS,IAErC;GACL;GACA,iBAAiB;EACnB,CAEa,CAAI;CACrB;CAEA,EAAoB,UAAY,EAC9B,eAAe,EACjB,EAAE;CAEF,IAAM,IAAc,KAAuB,GACrC,IAAc,IAChB,kCACA;CAEJ,OACE,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,GAAD,EAAyC,iBAAgB,CAAA;EACxD,GAAmB,+BAClB,kBAAC,GAAD;GACE,OAAO,EAAkB;GACzB,uBAAuB;EACxB,CAAA;EAEH,kBAAC,GAAD;GACqB;GACR;GACG;GACH;GACG;EACf,CAAA;EACD,kBAAC,GAAD;GACE,kBAAkB;GAClB,oBAAoB,CAAC;GACrB,WAAW;GACE;GACb,UAAU,GAAmB,6BAA6B;GAC1D,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IAAY,SAAS;cAArB;KAAmC;KAEhC,GAAmB,sBAAA,KACa;KAChC,KACC,GAAmB,sBAAA,KAEjB,kBAAA,GAAA,EAAA,UAAA;MAAE;MACC,kBAAC,MAAD,CAAK,CAAA;MACL,EAA2B,CAAiB;KAC7C,EAAA,CAAA;IAEI;OACX,KAAqB,EAAkB,UACtC,kBAAC,GAAD;IACE,IAAI,EACF,WAAW,OACb;IACA,UAAU;IACV,OAAO;IACP,aAAa,EAAkB;IAC/B,SAAS;GACV,CAAA,CAEH,EAAA,CAAA;EAEL,CAAA;EACD,kBAAC,GAAD;GACE,eAAe;GACC;EACjB,CAAA;CACE,EAAA,CAAA;AAET,CAAC"}

package/dist/components/EntityUpload/EntityUploadModal.js

@@ -6,82 +6,80 @@ import { forwardRef as i, useImperativeHandle as a, useRef as o, useState as s }
 import { Box as c, Button as l, Tab as u, Tabs as d } from "@mui/material";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/EntityUpload/EntityUploadModal.tsx
-var h = /* @__PURE__ */ function(e) {
-	return e[e.UploadFile = 0] = "UploadFile", e[e.LinkToURL = 1] = "LinkToURL", e;
-}(h || {}), g = i(function(i, g) {
-	let { entityId: _, open: v, onClose: y, onUploadReady: b } = i, [x, S] = s(h.UploadFile), [C, w] = s("LOADING"), [T, E] = s(!1), D = o(null), O = o(null), k = C === "PROMPT_USER" || C === "UPLOADING", A = k || C === "COMPLETE", j = x === h.UploadFile ? C !== "COMPLETE" : !T;
-	function M() {
-		j || (x === h.UploadFile ? y() : D.current.submit());
+var h = i(function(i, h) {
+	let { entityId: g, open: _, onClose: v, onUploadReady: y } = i, [b, x] = s(0), [S, C] = s("LOADING"), [w, T] = s(!1), E = o(null), D = o(null), O = S === "PROMPT_USER" || S === "UPLOADING", k = O || S === "COMPLETE", A = b === 0 ? S !== "COMPLETE" : !w;
+	function j() {
+		A || (b === 0 ? v() : E.current.submit());
 	}
-	return a(g, () => ({ handleUploads: (e) => {
-		S(h.UploadFile), O.current?.handleUploads(e);
+	return a(h, () => ({ handleUploads: (e) => {
+		x(0), D.current?.handleUploads(e);
 	} })), /* @__PURE__ */ p(t, {
 		DialogProps: {
 			onKeyUp: (e) => {
-				e.key === "Enter" && M();
+				e.key === "Enter" && j();
 			},
 			keepMounted: !0
 		},
 		title: "Upload or Link to File",
-		open: v,
+		open: _,
 		maxWidth: "md",
 		fullWidth: !0,
 		content: /* @__PURE__ */ m(f, { children: [
 			/* @__PURE__ */ m(d, {
 				textColor: "secondary",
 				indicatorColor: "secondary",
-				value: x,
-				onChange: (e, t) => S(t),
+				value: b,
+				onChange: (e, t) => x(t),
 				sx: { mb: 2 },
 				children: [/* @__PURE__ */ p(u, {
 					label: "Upload File",
-					value: h.UploadFile
+					value: 0
 				}), /* @__PURE__ */ p(u, {
 					label: "Link to URL",
-					value: h.LinkToURL
+					value: 1
 				})]
 			}),
 			/* @__PURE__ */ p(c, {
-				sx: { display: x === h.UploadFile ? "block" : "none" },
+				sx: { display: b === 0 ? "block" : "none" },
 				children: /* @__PURE__ */ p(n, {
-					ref: O,
-					entityId: _,
-					onStateChange: w,
-					onUploadReady: b
+					ref: D,
+					entityId: g,
+					onStateChange: C,
+					onUploadReady: y
 				})
 			}),
 			/* @__PURE__ */ p(c, {
-				sx: { display: x === h.LinkToURL ? "block" : "none" },
+				sx: { display: b === 1 ? "block" : "none" },
 				children: /* @__PURE__ */ p(r, {
-					ref: D,
-					entityId: _,
-					onIsValidChanged: E,
+					ref: E,
+					entityId: g,
+					onIsValidChanged: T,
 					onSuccess: (t) => {
-						e(`Successfully created "${t.name}"`, "success"), y();
+						e(`Successfully created "${t.name}"`, "success"), v();
 					}
 				})
 			})
 		] }),
 		onCancel: () => {
-			k || y();
+			O || v();
 		},
-		hasCloseButton: !k,
+		hasCloseButton: !O,
 		actions: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(l, {
 			variant: "outlined",
 			onClick: () => {
-				y();
+				v();
 			},
-			disabled: A,
+			disabled: k,
 			children: "Cancel"
 		}), /* @__PURE__ */ p(l, {
 			variant: "contained",
-			onClick: M,
-			disabled: j,
+			onClick: j,
+			disabled: A,
 			children: "Finish"
 		})] })
 	});
 });
 //#endregion
-export { g as EntityUploadModal, g as default };
+export { h as EntityUploadModal, h as default };
 
 //# sourceMappingURL=EntityUploadModal.js.map

package/dist/components/EntityUpload/EntityUploadModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityUploadModal.js","names":[],"sources":["../../../src/components/EntityUpload/EntityUploadModal.tsx"],"sourcesContent":["import { EntityUploaderState } from '@/utils/hooks/useUploadFileEntity/useUploadFileEntities'\nimport { Box, Button, Tab, Tabs } from '@mui/material'\nimport {\n  ForwardedRef,\n  forwardRef,\n  KeyboardEvent,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react'\nimport { DialogBase } from '../DialogBase'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport {\n  EntityUpload,\n  EntityUploadHandle,\n  EntityUploadProps,\n} from './EntityUpload'\nimport { LinkToURL, LinkToURLHandle } from './LinkToURL'\n\nexport type EntityUploadModalProps = {\n  entityId: string\n  open: boolean\n  onClose: () => void\n} & Pick<EntityUploadProps, 'onUploadReady'>\n\nenum UploadTab {\n  UploadFile,\n  LinkToURL,\n}\n\nexport const EntityUploadModal = forwardRef(function EntityUploadModal(\n  props: EntityUploadModalProps,\n  ref: ForwardedRef<EntityUploadHandle>,\n) {\n  const { entityId, open, onClose, onUploadReady } = props\n  const [tabValue, setTabValue] = useState<UploadTab>(UploadTab.UploadFile)\n\n  const [uploadState, setUploadState] = useState<EntityUploaderState>('LOADING')\n\n  const [isLinkFormValid, setIsLinkFormValid] = useState(false)\n  const linkToUrlFormRef = useRef<LinkToURLHandle>(null)\n\n  const entityUploadRef = useRef<EntityUploadHandle>(null)\n\n  const disableClose =\n    uploadState === 'PROMPT_USER' || uploadState === 'UPLOADING'\n  const disableCancel = disableClose || uploadState === 'COMPLETE'\n\n  const disableFinish =\n    tabValue === UploadTab.UploadFile\n      ? uploadState !== 'COMPLETE'\n      : !isLinkFormValid\n\n  function onFinish() {\n    if (!disableFinish) {\n      if (tabValue === UploadTab.UploadFile) {\n        onClose()\n      } else {\n        linkToUrlFormRef.current!.submit()\n      }\n    }\n  }\n\n  useImperativeHandle(ref, () => ({\n    handleUploads: (fileList: ArrayLike<File>) => {\n      // When an upload starts via imperative handle (e.g. via drag-and-drop), switch to the upload tab\n      setTabValue(UploadTab.UploadFile)\n      entityUploadRef.current?.handleUploads(fileList)\n    },\n  }))\n\n  return (\n    <DialogBase\n      DialogProps={{\n        onKeyUp: (e: KeyboardEvent) => {\n          if (e.key === 'Enter') {\n            onFinish()\n          }\n        },\n        // SWC-4693 - For drag-and-drop upload to be ready before the modal opens, the modal contents must be mounted\n        keepMounted: true,\n      }}\n      title={'Upload or Link to File'}\n      open={open}\n      maxWidth={'md'}\n      fullWidth\n      content={\n        <>\n          <Tabs\n            textColor=\"secondary\"\n            indicatorColor=\"secondary\"\n            value={tabValue}\n            onChange={(_e, newValue) => setTabValue(newValue as number)}\n            sx={{ mb: 2 }}\n          >\n            <Tab label={'Upload File'} value={UploadTab.UploadFile} />\n            <Tab label={'Link to URL'} value={UploadTab.LinkToURL} />\n          </Tabs>\n          <Box\n            sx={{\n              display: tabValue === UploadTab.UploadFile ? 'block' : 'none',\n            }}\n          >\n            <EntityUpload\n              ref={entityUploadRef}\n              entityId={entityId}\n              onStateChange={setUploadState}\n              onUploadReady={onUploadReady}\n            />\n          </Box>\n          <Box\n            sx={{\n              display: tabValue === UploadTab.LinkToURL ? 'block' : 'none',\n            }}\n          >\n            <LinkToURL\n              ref={linkToUrlFormRef}\n              entityId={entityId}\n              onIsValidChanged={setIsLinkFormValid}\n              onSuccess={entity => {\n                displayToast(`Successfully created \"${entity.name}\"`, 'success')\n                onClose()\n              }}\n            />\n          </Box>\n        </>\n      }\n      onCancel={() => {\n        if (!disableClose) {\n          onClose()\n        }\n      }}\n      hasCloseButton={!disableClose}\n      actions={\n        <>\n          <Button\n            variant={'outlined'}\n            onClick={() => {\n              onClose()\n            }}\n            disabled={disableCancel}\n          >\n            Cancel\n          </Button>\n          <Button\n            variant={'contained'}\n            onClick={onFinish}\n            disabled={disableFinish}\n          >\n            Finish\n          </Button>\n        </>\n      }\n    />\n  )\n})\n\nexport default EntityUploadModal\n"],"mappings":";;;;;;;;AAyBA,IAAK,IAAL,yBAAA,GAAA;QACE,EAAA,EAAA,aAAA,KAAA,cACA,EAAA,EAAA,YAAA,KAAA;EAFG,KAAA,EAAA,CAGJ,EAEY,IAAoB,EAAW,SAC1C,GACA,GACA;CACA,IAAM,EAAE,aAAU,SAAM,YAAS,qBAAkB,GAC7C,CAAC,GAAU,KAAe,EAAoB,EAAU,WAAW,EAEnE,CAAC,GAAa,KAAkB,EAA8B,UAAU,EAExE,CAAC,GAAiB,KAAsB,EAAS,GAAM,EACvD,IAAmB,EAAwB,KAAK,EAEhD,IAAkB,EAA2B,KAAK,EAElD,IACJ,MAAgB,iBAAiB,MAAgB,aAC7C,IAAgB,KAAgB,MAAgB,YAEhD,IACJ,MAAa,EAAU,aACnB,MAAgB,aAChB,CAAC;CAEP,SAAS,IAAW;AAClB,EAAK,MACC,MAAa,EAAU,aACzB,GAAS,GAET,EAAiB,QAAS,QAAQ;;AAaxC,QARA,EAAoB,UAAY,EAC9B,gBAAgB,MAA8B;AAG5C,EADA,EAAY,EAAU,WAAW,EACjC,EAAgB,SAAS,cAAc,EAAS;IAEnD,EAAE,EAGD,kBAAC,GAAD;EACE,aAAa;GACX,UAAU,MAAqB;AAC7B,IAAI,EAAE,QAAQ,WACZ,GAAU;;GAId,aAAa;GACd;EACD,OAAO;EACD;EACN,UAAU;EACV,WAAA;EACA,SACE,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IACE,WAAU;IACV,gBAAe;IACf,OAAO;IACP,WAAW,GAAI,MAAa,EAAY,EAAmB;IAC3D,IAAI,EAAE,IAAI,GAAG;cALf,CAOE,kBAAC,GAAD;KAAK,OAAO;KAAe,OAAO,EAAU;KAAc,CAAA,EAC1D,kBAAC,GAAD;KAAK,OAAO;KAAe,OAAO,EAAU;KAAa,CAAA,CACpD;;GACP,kBAAC,GAAD;IACE,IAAI,EACF,SAAS,MAAa,EAAU,aAAa,UAAU,QACxD;cAED,kBAAC,GAAD;KACE,KAAK;KACK;KACV,eAAe;KACA;KACf,CAAA;IACE,CAAA;GACN,kBAAC,GAAD;IACE,IAAI,EACF,SAAS,MAAa,EAAU,YAAY,UAAU,QACvD;cAED,kBAAC,GAAD;KACE,KAAK;KACK;KACV,kBAAkB;KAClB,YAAW,MAAU;AAEnB,MADA,EAAa,yBAAyB,EAAO,KAAK,IAAI,UAAU,EAChE,GAAS;;KAEX,CAAA;IACE,CAAA;GACL,EAAA,CAAA;EAEL,gBAAgB;AACd,GAAK,KACH,GAAS;;EAGb,gBAAgB,CAAC;EACjB,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,SAAS;GACT,eAAe;AACb,OAAS;;GAEX,UAAU;aACX;GAEQ,CAAA,EACT,kBAAC,GAAD;GACE,SAAS;GACT,SAAS;GACT,UAAU;aACX;GAEQ,CAAA,CACR,EAAA,CAAA;EAEL,CAAA;EAEJ"}
+{"version":3,"file":"EntityUploadModal.js","names":[],"sources":["../../../src/components/EntityUpload/EntityUploadModal.tsx"],"sourcesContent":["import { EntityUploaderState } from '@/utils/hooks/useUploadFileEntity/useUploadFileEntities'\nimport { Box, Button, Tab, Tabs } from '@mui/material'\nimport {\n  ForwardedRef,\n  forwardRef,\n  KeyboardEvent,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react'\nimport { DialogBase } from '../DialogBase'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport {\n  EntityUpload,\n  EntityUploadHandle,\n  EntityUploadProps,\n} from './EntityUpload'\nimport { LinkToURL, LinkToURLHandle } from './LinkToURL'\n\nexport type EntityUploadModalProps = {\n  entityId: string\n  open: boolean\n  onClose: () => void\n} & Pick<EntityUploadProps, 'onUploadReady'>\n\nenum UploadTab {\n  UploadFile,\n  LinkToURL,\n}\n\nexport const EntityUploadModal = forwardRef(function EntityUploadModal(\n  props: EntityUploadModalProps,\n  ref: ForwardedRef<EntityUploadHandle>,\n) {\n  const { entityId, open, onClose, onUploadReady } = props\n  const [tabValue, setTabValue] = useState<UploadTab>(UploadTab.UploadFile)\n\n  const [uploadState, setUploadState] = useState<EntityUploaderState>('LOADING')\n\n  const [isLinkFormValid, setIsLinkFormValid] = useState(false)\n  const linkToUrlFormRef = useRef<LinkToURLHandle>(null)\n\n  const entityUploadRef = useRef<EntityUploadHandle>(null)\n\n  const disableClose =\n    uploadState === 'PROMPT_USER' || uploadState === 'UPLOADING'\n  const disableCancel = disableClose || uploadState === 'COMPLETE'\n\n  const disableFinish =\n    tabValue === UploadTab.UploadFile\n      ? uploadState !== 'COMPLETE'\n      : !isLinkFormValid\n\n  function onFinish() {\n    if (!disableFinish) {\n      if (tabValue === UploadTab.UploadFile) {\n        onClose()\n      } else {\n        linkToUrlFormRef.current!.submit()\n      }\n    }\n  }\n\n  useImperativeHandle(ref, () => ({\n    handleUploads: (fileList: ArrayLike<File>) => {\n      // When an upload starts via imperative handle (e.g. via drag-and-drop), switch to the upload tab\n      setTabValue(UploadTab.UploadFile)\n      entityUploadRef.current?.handleUploads(fileList)\n    },\n  }))\n\n  return (\n    <DialogBase\n      DialogProps={{\n        onKeyUp: (e: KeyboardEvent) => {\n          if (e.key === 'Enter') {\n            onFinish()\n          }\n        },\n        // SWC-4693 - For drag-and-drop upload to be ready before the modal opens, the modal contents must be mounted\n        keepMounted: true,\n      }}\n      title={'Upload or Link to File'}\n      open={open}\n      maxWidth={'md'}\n      fullWidth\n      content={\n        <>\n          <Tabs\n            textColor=\"secondary\"\n            indicatorColor=\"secondary\"\n            value={tabValue}\n            onChange={(_e, newValue) => setTabValue(newValue as number)}\n            sx={{ mb: 2 }}\n          >\n            <Tab label={'Upload File'} value={UploadTab.UploadFile} />\n            <Tab label={'Link to URL'} value={UploadTab.LinkToURL} />\n          </Tabs>\n          <Box\n            sx={{\n              display: tabValue === UploadTab.UploadFile ? 'block' : 'none',\n            }}\n          >\n            <EntityUpload\n              ref={entityUploadRef}\n              entityId={entityId}\n              onStateChange={setUploadState}\n              onUploadReady={onUploadReady}\n            />\n          </Box>\n          <Box\n            sx={{\n              display: tabValue === UploadTab.LinkToURL ? 'block' : 'none',\n            }}\n          >\n            <LinkToURL\n              ref={linkToUrlFormRef}\n              entityId={entityId}\n              onIsValidChanged={setIsLinkFormValid}\n              onSuccess={entity => {\n                displayToast(`Successfully created \"${entity.name}\"`, 'success')\n                onClose()\n              }}\n            />\n          </Box>\n        </>\n      }\n      onCancel={() => {\n        if (!disableClose) {\n          onClose()\n        }\n      }}\n      hasCloseButton={!disableClose}\n      actions={\n        <>\n          <Button\n            variant={'outlined'}\n            onClick={() => {\n              onClose()\n            }}\n            disabled={disableCancel}\n          >\n            Cancel\n          </Button>\n          <Button\n            variant={'contained'}\n            onClick={onFinish}\n            disabled={disableFinish}\n          >\n            Finish\n          </Button>\n        </>\n      }\n    />\n  )\n})\n\nexport default EntityUploadModal\n"],"mappings":";;;;;;;;AA8BA,IAAa,IAAoB,EAAW,SAC1C,GACA,GACA;CACA,IAAM,EAAE,aAAU,SAAM,YAAS,qBAAkB,GAC7C,CAAC,GAAU,KAAe,EAAA,CAAwC,GAElE,CAAC,GAAa,KAAkB,EAA8B,SAAS,GAEvE,CAAC,GAAiB,KAAsB,EAAS,EAAK,GACtD,IAAmB,EAAwB,IAAI,GAE/C,IAAkB,EAA2B,IAAI,GAEjD,IACJ,MAAgB,iBAAiB,MAAgB,aAC7C,IAAgB,KAAgB,MAAgB,YAEhD,IACJ,MAAA,IACI,MAAgB,aAChB,CAAC;CAEP,SAAS,IAAW;EAClB,AAAK,MACC,MAAA,IACF,EAAQ,IAER,EAAiB,QAAS,OAAO;CAGvC;CAUA,OARA,EAAoB,UAAY,EAC9B,gBAAgB,MAA8B;EAG5C,AADA,EAAA,CAAgC,GAChC,EAAgB,SAAS,cAAc,CAAQ;CACjD,EACF,EAAE,GAGA,kBAAC,GAAD;EACE,aAAa;GACX,UAAU,MAAqB;IAC7B,AAAI,EAAE,QAAQ,WACZ,EAAS;GAEb;GAEA,aAAa;EACf;EACA,OAAO;EACD;EACN,UAAU;EACV,WAAA;EACA,SACE,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IACE,WAAU;IACV,gBAAe;IACf,OAAO;IACP,WAAW,GAAI,MAAa,EAAY,CAAkB;IAC1D,IAAI,EAAE,IAAI,EAAE;cALd,CAOE,kBAAC,GAAD;KAAK,OAAO;KAAe,OAAA;IAA8B,CAAA,GACzD,kBAAC,GAAD;KAAK,OAAO;KAAe,OAAA;IAA6B,CAAA,CACpD;;GACN,kBAAC,GAAD;IACE,IAAI,EACF,SAAS,MAAA,IAAoC,UAAU,OACzD;cAEA,kBAAC,GAAD;KACE,KAAK;KACK;KACV,eAAe;KACA;IAChB,CAAA;GACE,CAAA;GACL,kBAAC,GAAD;IACE,IAAI,EACF,SAAS,MAAA,IAAmC,UAAU,OACxD;cAEA,kBAAC,GAAD;KACE,KAAK;KACK;KACV,kBAAkB;KAClB,YAAW,MAAU;MAEnB,AADA,EAAa,yBAAyB,EAAO,KAAK,IAAI,SAAS,GAC/D,EAAQ;KACV;IACD,CAAA;GACE,CAAA;EACL,EAAA,CAAA;EAEJ,gBAAgB;GACd,AAAK,KACH,EAAQ;EAEZ;EACA,gBAAgB,CAAC;EACjB,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,SAAS;GACT,eAAe;IACb,EAAQ;GACV;GACA,UAAU;aACX;EAEO,CAAA,GACR,kBAAC,GAAD;GACE,SAAS;GACT,SAAS;GACT,UAAU;aACX;EAEO,CAAA,CACR,EAAA,CAAA;CAEL,CAAA;AAEL,CAAC"}

package/dist/components/EntityUpload/EntityUploadPromptDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityUploadPromptDialog.js","names":[],"sources":["../../../src/components/EntityUpload/EntityUploadPromptDialog.tsx"],"sourcesContent":["import {\n  PromptInfo,\n  UseUploadFileEntitiesReturn,\n} from '@/utils/hooks/useUploadFileEntity/useUploadFileEntities'\nimport {\n  Box,\n  Button,\n  Checkbox,\n  FormControlLabel,\n  Typography,\n} from '@mui/material'\nimport { noop } from 'lodash-es'\nimport pluralize from 'pluralize'\nimport { useState } from 'react'\nimport { DialogBase } from '../DialogBase'\n\ntype EntityUploadPromptDialogProps = {\n  activePrompts: UseUploadFileEntitiesReturn['activePrompts']\n}\n\nfunction getTitle(promptInfo: PromptInfo) {\n  if (promptInfo.type === 'CONFIRM_NEW_VERSION') {\n    return 'Update existing file?'\n  }\n  return ''\n}\n\nfunction getMessage(promptInfo: PromptInfo) {\n  if (promptInfo.type === 'CONFIRM_NEW_VERSION') {\n    return `A file named \"${promptInfo.fileName}\" (${promptInfo.existingEntityId}) already exists in this location. Do you want to update the existing file and create a new version?`\n  }\n  return ''\n}\n\nexport function EntityUploadPromptDialog(props: EntityUploadPromptDialogProps) {\n  const { activePrompts } = props\n  const [yesToAllChecked, setYesToAllChecked] = useState(false)\n\n  if (activePrompts.length === 0) {\n    return null\n  }\n\n  const numberOfOtherConfirmVersionPrompts =\n    activePrompts.filter(p => p.info.type === 'CONFIRM_NEW_VERSION').length - 1\n\n  return (\n    <DialogBase\n      title={getTitle(activePrompts[0].info)}\n      open={true}\n      content={\n        <>\n          <Typography variant={'body1'} gutterBottom>\n            {getMessage(activePrompts[0].info)}\n          </Typography>\n          {activePrompts[0].info.type == 'CONFIRM_NEW_VERSION' &&\n            numberOfOtherConfirmVersionPrompts > 0 && (\n              <FormControlLabel\n                control={<Checkbox />}\n                value={yesToAllChecked}\n                onChange={(_e, value) => setYesToAllChecked(value)}\n                label={`Also update ${numberOfOtherConfirmVersionPrompts.toLocaleString()} other uploaded ${pluralize(\n                  'file',\n                  numberOfOtherConfirmVersionPrompts,\n                )} that already exist${\n                  numberOfOtherConfirmVersionPrompts == 1 ? 's' : ''\n                }`}\n              />\n            )}\n        </>\n      }\n      // Force the user to make a decision\n      onCancel={noop}\n      hasCloseButton={false}\n      actions={\n        <>\n          {activePrompts[0].onCancelAll && (\n            <Button\n              variant={'text'}\n              color={'error'}\n              onClick={activePrompts[0].onCancelAll}\n            >\n              Cancel All Uploads\n            </Button>\n          )}\n          <Box sx={{ flexGrow: 1 }} />\n          {activePrompts[0].onSkip && (\n            <Button onClick={activePrompts[0].onSkip}>No</Button>\n          )}\n          {activePrompts[0].onConfirm && (\n            <Button\n              variant={'contained'}\n              color={'primary'}\n              onClick={() => {\n                if (yesToAllChecked) {\n                  activePrompts[0].onConfirmAll()\n                } else {\n                  activePrompts[0].onConfirm()\n                }\n              }}\n            >\n              Yes\n            </Button>\n          )}\n        </>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;AAoBA,SAAS,EAAS,GAAwB;AAIxC,QAHI,EAAW,SAAS,wBACf,0BAEF;;AAGT,SAAS,EAAW,GAAwB;AAI1C,QAHI,EAAW,SAAS,wBACf,iBAAiB,EAAW,SAAS,KAAK,EAAW,iBAAiB,wGAExE;;AAGT,SAAgB,EAAyB,GAAsC;CAC7E,IAAM,EAAE,qBAAkB,GACpB,CAAC,GAAiB,KAAsB,EAAS,GAAM;AAE7D,KAAI,EAAc,WAAW,EAC3B,QAAO;CAGT,IAAM,IACJ,EAAc,QAAO,MAAK,EAAE,KAAK,SAAS,sBAAsB,CAAC,SAAS;AAE5E,QACE,kBAAC,GAAD;EACE,OAAO,EAAS,EAAc,GAAG,KAAK;EACtC,MAAM;EACN,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAY,SAAS;GAAS,cAAA;aAC3B,EAAW,EAAc,GAAG,KAAK;GACvB,CAAA,EACZ,EAAc,GAAG,KAAK,QAAQ,yBAC7B,IAAqC,KACnC,kBAAC,GAAD;GACE,SAAS,kBAAC,GAAD,EAAY,CAAA;GACrB,OAAO;GACP,WAAW,GAAI,MAAU,EAAmB,EAAM;GAClD,OAAO,eAAe,EAAmC,gBAAgB,CAAC,kBAAkB,EAC1F,QACA,EACD,CAAC,qBACA,KAAsC,IAAI,MAAM;GAElD,CAAA,CAEL,EAAA,CAAA;EAGL,UAAU;EACV,gBAAgB;EAChB,SACE,kBAAA,GAAA,EAAA,UAAA;GACG,EAAc,GAAG,eAChB,kBAAC,GAAD;IACE,SAAS;IACT,OAAO;IACP,SAAS,EAAc,GAAG;cAC3B;IAEQ,CAAA;GAEX,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA;GAC3B,EAAc,GAAG,UAChB,kBAAC,GAAD;IAAQ,SAAS,EAAc,GAAG;cAAQ;IAAW,CAAA;GAEtD,EAAc,GAAG,aAChB,kBAAC,GAAD;IACE,SAAS;IACT,OAAO;IACP,eAAe;AACb,KAAI,IACF,EAAc,GAAG,cAAc,GAE/B,EAAc,GAAG,WAAW;;cAGjC;IAEQ,CAAA;GAEV,EAAA,CAAA;EAEL,CAAA"}
+{"version":3,"file":"EntityUploadPromptDialog.js","names":[],"sources":["../../../src/components/EntityUpload/EntityUploadPromptDialog.tsx"],"sourcesContent":["import {\n  PromptInfo,\n  UseUploadFileEntitiesReturn,\n} from '@/utils/hooks/useUploadFileEntity/useUploadFileEntities'\nimport {\n  Box,\n  Button,\n  Checkbox,\n  FormControlLabel,\n  Typography,\n} from '@mui/material'\nimport { noop } from 'lodash-es'\nimport pluralize from 'pluralize'\nimport { useState } from 'react'\nimport { DialogBase } from '../DialogBase'\n\ntype EntityUploadPromptDialogProps = {\n  activePrompts: UseUploadFileEntitiesReturn['activePrompts']\n}\n\nfunction getTitle(promptInfo: PromptInfo) {\n  if (promptInfo.type === 'CONFIRM_NEW_VERSION') {\n    return 'Update existing file?'\n  }\n  return ''\n}\n\nfunction getMessage(promptInfo: PromptInfo) {\n  if (promptInfo.type === 'CONFIRM_NEW_VERSION') {\n    return `A file named \"${promptInfo.fileName}\" (${promptInfo.existingEntityId}) already exists in this location. Do you want to update the existing file and create a new version?`\n  }\n  return ''\n}\n\nexport function EntityUploadPromptDialog(props: EntityUploadPromptDialogProps) {\n  const { activePrompts } = props\n  const [yesToAllChecked, setYesToAllChecked] = useState(false)\n\n  if (activePrompts.length === 0) {\n    return null\n  }\n\n  const numberOfOtherConfirmVersionPrompts =\n    activePrompts.filter(p => p.info.type === 'CONFIRM_NEW_VERSION').length - 1\n\n  return (\n    <DialogBase\n      title={getTitle(activePrompts[0].info)}\n      open={true}\n      content={\n        <>\n          <Typography variant={'body1'} gutterBottom>\n            {getMessage(activePrompts[0].info)}\n          </Typography>\n          {activePrompts[0].info.type == 'CONFIRM_NEW_VERSION' &&\n            numberOfOtherConfirmVersionPrompts > 0 && (\n              <FormControlLabel\n                control={<Checkbox />}\n                value={yesToAllChecked}\n                onChange={(_e, value) => setYesToAllChecked(value)}\n                label={`Also update ${numberOfOtherConfirmVersionPrompts.toLocaleString()} other uploaded ${pluralize(\n                  'file',\n                  numberOfOtherConfirmVersionPrompts,\n                )} that already exist${\n                  numberOfOtherConfirmVersionPrompts == 1 ? 's' : ''\n                }`}\n              />\n            )}\n        </>\n      }\n      // Force the user to make a decision\n      onCancel={noop}\n      hasCloseButton={false}\n      actions={\n        <>\n          {activePrompts[0].onCancelAll && (\n            <Button\n              variant={'text'}\n              color={'error'}\n              onClick={activePrompts[0].onCancelAll}\n            >\n              Cancel All Uploads\n            </Button>\n          )}\n          <Box sx={{ flexGrow: 1 }} />\n          {activePrompts[0].onSkip && (\n            <Button onClick={activePrompts[0].onSkip}>No</Button>\n          )}\n          {activePrompts[0].onConfirm && (\n            <Button\n              variant={'contained'}\n              color={'primary'}\n              onClick={() => {\n                if (yesToAllChecked) {\n                  activePrompts[0].onConfirmAll()\n                } else {\n                  activePrompts[0].onConfirm()\n                }\n              }}\n            >\n              Yes\n            </Button>\n          )}\n        </>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;AAoBA,SAAS,EAAS,GAAwB;CAIxC,OAHI,EAAW,SAAS,wBACf,0BAEF;AACT;AAEA,SAAS,EAAW,GAAwB;CAI1C,OAHI,EAAW,SAAS,wBACf,iBAAiB,EAAW,SAAS,KAAK,EAAW,iBAAiB,wGAExE;AACT;AAEA,SAAgB,EAAyB,GAAsC;CAC7E,IAAM,EAAE,qBAAkB,GACpB,CAAC,GAAiB,KAAsB,EAAS,EAAK;CAE5D,IAAI,EAAc,WAAW,GAC3B,OAAO;CAGT,IAAM,IACJ,EAAc,QAAO,MAAK,EAAE,KAAK,SAAS,qBAAqB,EAAE,SAAS;CAE5E,OACE,kBAAC,GAAD;EACE,OAAO,EAAS,EAAc,GAAG,IAAI;EACrC,MAAM;EACN,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAY,SAAS;GAAS,cAAA;aAC3B,EAAW,EAAc,GAAG,IAAI;EACvB,CAAA,GACX,EAAc,GAAG,KAAK,QAAQ,yBAC7B,IAAqC,KACnC,kBAAC,GAAD;GACE,SAAS,kBAAC,GAAD,CAAW,CAAA;GACpB,OAAO;GACP,WAAW,GAAI,MAAU,EAAmB,CAAK;GACjD,OAAO,eAAe,EAAmC,eAAe,EAAE,kBAAkB,EAC1F,QACA,CACF,EAAE,qBACA,KAAsC,IAAI,MAAM;EAEnD,CAAA,CAEL,EAAA,CAAA;EAGJ,UAAU;EACV,gBAAgB;EAChB,SACE,kBAAA,GAAA,EAAA,UAAA;GACG,EAAc,GAAG,eAChB,kBAAC,GAAD;IACE,SAAS;IACT,OAAO;IACP,SAAS,EAAc,GAAG;cAC3B;GAEO,CAAA;GAEV,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,EAAE,EAAI,CAAA;GAC1B,EAAc,GAAG,UAChB,kBAAC,GAAD;IAAQ,SAAS,EAAc,GAAG;cAAQ;GAAU,CAAA;GAErD,EAAc,GAAG,aAChB,kBAAC,GAAD;IACE,SAAS;IACT,OAAO;IACP,eAAe;KACb,AAAI,IACF,EAAc,GAAG,aAAa,IAE9B,EAAc,GAAG,UAAU;IAE/B;cACD;GAEO,CAAA;EAEV,EAAA,CAAA;CAEL,CAAA;AAEL"}

package/dist/components/EntityUpload/ExternalObjectStoreCredentialsForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalObjectStoreCredentialsForm.js","names":[],"sources":["../../../src/components/EntityUpload/ExternalObjectStoreCredentialsForm.tsx"],"sourcesContent":["import { Stack, TextField, Typography } from '@mui/material'\nimport {\n  instanceOfExternalObjectStoreUploadDestination,\n  UploadDestination,\n} from '@sage-bionetworks/synapse-client'\nimport { Dispatch, SetStateAction } from 'react'\n\ntype ExternalObjectStoreCredentialsFormProps = {\n  uploadDestination?: UploadDestination\n  accessKey: string\n  setAccessKey: Dispatch<SetStateAction<string>>\n  secretKey: string\n  setSecretKey: Dispatch<SetStateAction<string>>\n}\n\nexport function ExternalObjectStoreCredentialsForm(\n  props: ExternalObjectStoreCredentialsFormProps,\n) {\n  const {\n    uploadDestination,\n    accessKey,\n    setAccessKey,\n    secretKey,\n    setSecretKey,\n  } = props\n\n  if (\n    uploadDestination == null ||\n    !instanceOfExternalObjectStoreUploadDestination(uploadDestination) ||\n    !uploadDestination.endpointUrl\n  ) {\n    return <></>\n  }\n\n  return (\n    <Stack\n      sx={{\n        gap: 1.5,\n        mb: 3,\n      }}\n    >\n      <Typography>\n        Authorization is required to access{' '}\n        <strong>{uploadDestination.endpointUrl}</strong>\n      </Typography>\n      <TextField\n        label={'Access Key'}\n        fullWidth\n        value={accessKey}\n        onChange={e => {\n          setAccessKey(e.target.value)\n        }}\n      />\n      <TextField\n        label={'Secret Key'}\n        type={'password'}\n        fullWidth\n        value={secretKey}\n        onChange={e => {\n          setSecretKey(e.target.value)\n        }}\n      />\n      <Typography\n        variant={'smallText1'}\n        sx={{\n          fontStyle: 'italic',\n        }}\n      >\n        Keys are used to locally sign a web request. They are not transmitted or\n        stored by Synapse.\n      </Typography>\n    </Stack>\n  )\n}\n"],"mappings":";;;;AAeA,SAAgB,EACd,GACA;CACA,IAAM,EACJ,sBACA,cACA,iBACA,cACA,oBACE;AAUJ,QAPE,KAAqB,QACrB,CAAC,EAA+C,EAAkB,IAClE,CAAC,EAAkB,cAEZ,kBAAA,GAAA,EAAK,CAAA,GAIZ,kBAAC,GAAD;EACE,IAAI;GACF,KAAK;GACL,IAAI;GACL;YAJH;GAME,kBAAC,GAAD,EAAA,UAAA;IAAY;IAC0B;IACpC,kBAAC,UAAD,EAAA,UAAS,EAAkB,aAAqB,CAAA;IACrC,EAAA,CAAA;GACb,kBAAC,GAAD;IACE,OAAO;IACP,WAAA;IACA,OAAO;IACP,WAAU,MAAK;AACb,OAAa,EAAE,OAAO,MAAM;;IAE9B,CAAA;GACF,kBAAC,GAAD;IACE,OAAO;IACP,MAAM;IACN,WAAA;IACA,OAAO;IACP,WAAU,MAAK;AACb,OAAa,EAAE,OAAO,MAAM;;IAE9B,CAAA;GACF,kBAAC,GAAD;IACE,SAAS;IACT,IAAI,EACF,WAAW,UACZ;cACF;IAGY,CAAA;GACP"}
+{"version":3,"file":"ExternalObjectStoreCredentialsForm.js","names":[],"sources":["../../../src/components/EntityUpload/ExternalObjectStoreCredentialsForm.tsx"],"sourcesContent":["import { Stack, TextField, Typography } from '@mui/material'\nimport {\n  instanceOfExternalObjectStoreUploadDestination,\n  UploadDestination,\n} from '@sage-bionetworks/synapse-client'\nimport { Dispatch, SetStateAction } from 'react'\n\ntype ExternalObjectStoreCredentialsFormProps = {\n  uploadDestination?: UploadDestination\n  accessKey: string\n  setAccessKey: Dispatch<SetStateAction<string>>\n  secretKey: string\n  setSecretKey: Dispatch<SetStateAction<string>>\n}\n\nexport function ExternalObjectStoreCredentialsForm(\n  props: ExternalObjectStoreCredentialsFormProps,\n) {\n  const {\n    uploadDestination,\n    accessKey,\n    setAccessKey,\n    secretKey,\n    setSecretKey,\n  } = props\n\n  if (\n    uploadDestination == null ||\n    !instanceOfExternalObjectStoreUploadDestination(uploadDestination) ||\n    !uploadDestination.endpointUrl\n  ) {\n    return <></>\n  }\n\n  return (\n    <Stack\n      sx={{\n        gap: 1.5,\n        mb: 3,\n      }}\n    >\n      <Typography>\n        Authorization is required to access{' '}\n        <strong>{uploadDestination.endpointUrl}</strong>\n      </Typography>\n      <TextField\n        label={'Access Key'}\n        fullWidth\n        value={accessKey}\n        onChange={e => {\n          setAccessKey(e.target.value)\n        }}\n      />\n      <TextField\n        label={'Secret Key'}\n        type={'password'}\n        fullWidth\n        value={secretKey}\n        onChange={e => {\n          setSecretKey(e.target.value)\n        }}\n      />\n      <Typography\n        variant={'smallText1'}\n        sx={{\n          fontStyle: 'italic',\n        }}\n      >\n        Keys are used to locally sign a web request. They are not transmitted or\n        stored by Synapse.\n      </Typography>\n    </Stack>\n  )\n}\n"],"mappings":";;;;AAeA,SAAgB,EACd,GACA;CACA,IAAM,EACJ,sBACA,cACA,iBACA,cACA,oBACE;CAUJ,OAPE,KAAqB,QACrB,CAAC,EAA+C,CAAiB,KACjE,CAAC,EAAkB,cAEZ,kBAAA,GAAA,CAAI,CAAA,IAIX,kBAAC,GAAD;EACE,IAAI;GACF,KAAK;GACL,IAAI;EACN;YAJF;GAME,kBAAC,GAAD,EAAA,UAAA;IAAY;IAC0B;IACpC,kBAAC,UAAD,EAAA,UAAS,EAAkB,YAAoB,CAAA;GACrC,EAAA,CAAA;GACZ,kBAAC,GAAD;IACE,OAAO;IACP,WAAA;IACA,OAAO;IACP,WAAU,MAAK;KACb,EAAa,EAAE,OAAO,KAAK;IAC7B;GACD,CAAA;GACD,kBAAC,GAAD;IACE,OAAO;IACP,MAAM;IACN,WAAA;IACA,OAAO;IACP,WAAU,MAAK;KACb,EAAa,EAAE,OAAO,KAAK;IAC7B;GACD,CAAA;GACD,kBAAC,GAAD;IACE,SAAS;IACT,IAAI,EACF,WAAW,SACb;cACD;GAGW,CAAA;EACP;;AAEX"}

package/dist/components/EntityUpload/FileUploadProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadProgress.js","names":[],"sources":["../../../src/components/EntityUpload/FileUploadProgress.tsx"],"sourcesContent":["import { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport {\n  CheckCircleTwoTone,\n  DeleteTwoTone,\n  ErrorTwoTone,\n  Pause,\n  PlayArrow,\n} from '@mui/icons-material'\nimport CloseIcon from '@mui/icons-material/Close'\nimport {\n  Box,\n  IconButton,\n  LinearProgress,\n  Tooltip,\n  Typography,\n} from '@mui/material'\n\nexport type FileUploadProgressProps = {\n  /** The status of the upload. */\n  status:\n    | 'PREPARING'\n    | 'UPLOADING'\n    | 'PAUSED'\n    | 'CANCELED_BY_USER'\n    | 'FAILED'\n    | 'COMPLETE'\n  /** The name of the file */\n  fileName: string\n  /** The size of the file, in bytes */\n  totalSizeInBytes: number\n  /** The number of this file's bytes uploaded so far. */\n  uploadedSizeInBytes?: number\n  /** Invoked when the upload is cancelled. */\n  onCancel: () => void\n  /** Invoked when the upload is paused. */\n  onPause: () => void\n  /** Invoked when the resumed. */\n  onResume: () => void\n  /** Invoked when the upload is removed from the list. */\n  onRemove: () => void\n  /** An optional error message to display if the upload has been cancelled due to error. */\n  errorMessage?: string\n}\n\nexport const FILE_UPLOAD_PROGRESS_COMPONENT_HEIGHT_PX = 92\n\n/**\n * Component that displays the upload progress of a file, with controls to pause or cancel the upload.\n */\nexport function FileUploadProgress(props: FileUploadProgressProps) {\n  const {\n    status,\n    fileName,\n    onCancel,\n    onPause,\n    onResume,\n    onRemove,\n    uploadedSizeInBytes = 0,\n    totalSizeInBytes,\n    errorMessage,\n  } = props\n\n  const isPaused = status === 'PAUSED'\n  const isCanceled = status === 'CANCELED_BY_USER' || status === 'FAILED'\n  const isComplete = status === 'COMPLETE'\n  const isFailed = status === 'FAILED'\n  const isUploading = status === 'UPLOADING'\n  const isPreparingUpload = status === 'PREPARING'\n\n  let progress: number | undefined =\n    (uploadedSizeInBytes / totalSizeInBytes) * 100\n\n  if (isPreparingUpload) {\n    progress = undefined\n  } else if (isFailed || isCanceled) {\n    progress = 0\n  }\n\n  return (\n    <Box\n      sx={{\n        py: 2,\n        height: `${FILE_UPLOAD_PROGRESS_COMPONENT_HEIGHT_PX}px`,\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: 'nowrap',\n          flexDirection: 'row',\n          justifyContent: 'space-between',\n          alignItems: 'center',\n          height: '35px',\n        }}\n      >\n        <Typography\n          variant={'body1'}\n          sx={{\n            color: 'primary.main',\n            fontWeight: 700,\n          }}\n        >\n          {fileName}\n        </Typography>\n        {!isComplete && (\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 1,\n              my: 1,\n            }}\n          >\n            {isFailed && (\n              <Tooltip title={errorMessage}>\n                <ErrorTwoTone color={'error'} />\n              </Tooltip>\n            )}\n            {!isCanceled && (\n              <Tooltip title={'Cancel'}>\n                <IconButton\n                  size={'small'}\n                  onClick={() => {\n                    onCancel()\n                  }}\n                >\n                  <CloseIcon />\n                </IconButton>\n              </Tooltip>\n            )}\n            {isUploading && (\n              <Tooltip title={'Pause'}>\n                <IconButton\n                  size={'small'}\n                  onClick={() => {\n                    onPause()\n                  }}\n                >\n                  <Pause />\n                </IconButton>\n              </Tooltip>\n            )}\n            {isPaused && (\n              <Tooltip title={'Resume'}>\n                <IconButton\n                  size={'small'}\n                  onClick={() => {\n                    onResume()\n                  }}\n                >\n                  <PlayArrow />\n                </IconButton>\n              </Tooltip>\n            )}\n            {isCanceled && (\n              <Tooltip title={'Remove'}>\n                <IconButton\n                  size={'small'}\n                  onClick={() => {\n                    onRemove()\n                  }}\n                >\n                  <DeleteTwoTone />\n                </IconButton>\n              </Tooltip>\n            )}\n          </Box>\n        )}\n        {isComplete && <CheckCircleTwoTone color={'success'} />}\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: 'nowrap',\n          alignItems: 'center',\n        }}\n      >\n        <LinearProgress\n          color={'secondary'}\n          value={progress}\n          variant={isPreparingUpload ? 'indeterminate' : 'determinate'}\n          sx={{ width: '100%', mr: 2.5 }}\n        />\n        {!isCanceled && (\n          <Typography\n            variant={'body1'}\n            sx={{\n              whiteSpace: 'nowrap',\n              flexShrink: 0,\n            }}\n          >\n            {isPreparingUpload ? (\n              'Preparing to upload...'\n            ) : (\n              <>\n                <span>{calculateFriendlyFileSize(uploadedSizeInBytes, 1)}</span>\n                <Box\n                  component={'span'}\n                  sx={{\n                    color: 'grey.600',\n                    mx: 0.5,\n                  }}\n                >\n                  |\n                </Box>\n                <span>{calculateFriendlyFileSize(totalSizeInBytes, 1)}</span>\n              </>\n            )}\n          </Typography>\n        )}\n        {isCanceled && (\n          <Typography\n            variant={'body1'}\n            sx={{\n              whiteSpace: 'nowrap',\n              flexShrink: 0,\n            }}\n          >\n            {isFailed ? 'Failed' : 'Canceled'}\n          </Typography>\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AA4CA,IAAa,IAA2C;AAKxD,SAAgB,EAAmB,GAAgC;CACjE,IAAM,EACJ,WACA,aACA,aACA,YACA,aACA,aACA,yBAAsB,GACtB,qBACA,oBACE,GAEE,IAAW,MAAW,UACtB,IAAa,MAAW,sBAAsB,MAAW,UACzD,IAAa,MAAW,YACxB,IAAW,MAAW,UACtB,IAAc,MAAW,aACzB,IAAoB,MAAW,aAEjC,IACD,IAAsB,IAAoB;AAQ7C,QANI,IACF,IAAW,KAAA,KACF,KAAY,OACrB,IAAW,IAIX,kBAAC,GAAD;EACE,IAAI;GACF,IAAI;GACJ,QAAQ;GACT;YAJH,CAME,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,UAAU;IACV,eAAe;IACf,gBAAgB;IAChB,YAAY;IACZ,QAAQ;IACT;aARH;IAUE,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MACF,OAAO;MACP,YAAY;MACb;eAEA;KACU,CAAA;IACZ,CAAC,KACA,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,YAAY;MACZ,KAAK;MACL,IAAI;MACL;eANH;MAQG,KACC,kBAAC,GAAD;OAAS,OAAO;iBACd,kBAAC,GAAD,EAAc,OAAO,SAAW,CAAA;OACxB,CAAA;MAEX,CAAC,KACA,kBAAC,GAAD;OAAS,OAAO;iBACd,kBAAC,GAAD;QACE,MAAM;QACN,eAAe;AACb,YAAU;;kBAGZ,kBAAC,GAAD,EAAa,CAAA;QACF,CAAA;OACL,CAAA;MAEX,KACC,kBAAC,GAAD;OAAS,OAAO;iBACd,kBAAC,GAAD;QACE,MAAM;QACN,eAAe;AACb,YAAS;;kBAGX,kBAAC,GAAD,EAAS,CAAA;QACE,CAAA;OACL,CAAA;MAEX,KACC,kBAAC,GAAD;OAAS,OAAO;iBACd,kBAAC,GAAD;QACE,MAAM;QACN,eAAe;AACb,YAAU;;kBAGZ,kBAAC,GAAD,EAAa,CAAA;QACF,CAAA;OACL,CAAA;MAEX,KACC,kBAAC,GAAD;OAAS,OAAO;iBACd,kBAAC,GAAD;QACE,MAAM;QACN,eAAe;AACb,YAAU;;kBAGZ,kBAAC,GAAD,EAAiB,CAAA;QACN,CAAA;OACL,CAAA;MAER;;IAEP,KAAc,kBAAC,GAAD,EAAoB,OAAO,WAAa,CAAA;IACnD;MACN,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,UAAU;IACV,YAAY;IACb;aALH;IAOE,kBAAC,GAAD;KACE,OAAO;KACP,OAAO;KACP,SAAS,IAAoB,kBAAkB;KAC/C,IAAI;MAAE,OAAO;MAAQ,IAAI;MAAK;KAC9B,CAAA;IACD,CAAC,KACA,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MACF,YAAY;MACZ,YAAY;MACb;eAEA,IACC,2BAEA,kBAAA,GAAA,EAAA,UAAA;MACE,kBAAC,QAAD,EAAA,UAAO,EAA0B,GAAqB,EAAE,EAAQ,CAAA;MAChE,kBAAC,GAAD;OACE,WAAW;OACX,IAAI;QACF,OAAO;QACP,IAAI;QACL;iBACF;OAEK,CAAA;MACN,kBAAC,QAAD,EAAA,UAAO,EAA0B,GAAkB,EAAE,EAAQ,CAAA;MAC5D,EAAA,CAAA;KAEM,CAAA;IAEd,KACC,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MACF,YAAY;MACZ,YAAY;MACb;eAEA,IAAW,WAAW;KACZ,CAAA;IAEX;KACF"}
+{"version":3,"file":"FileUploadProgress.js","names":[],"sources":["../../../src/components/EntityUpload/FileUploadProgress.tsx"],"sourcesContent":["import { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport {\n  CheckCircleTwoTone,\n  DeleteTwoTone,\n  ErrorTwoTone,\n  Pause,\n  PlayArrow,\n} from '@mui/icons-material'\nimport CloseIcon from '@mui/icons-material/Close'\nimport {\n  Box,\n  IconButton,\n  LinearProgress,\n  Tooltip,\n  Typography,\n} from '@mui/material'\n\nexport type FileUploadProgressProps = {\n  /** The status of the upload. */\n  status:\n    | 'PREPARING'\n    | 'UPLOADING'\n    | 'PAUSED'\n    | 'CANCELED_BY_USER'\n    | 'FAILED'\n    | 'COMPLETE'\n  /** The name of the file */\n  fileName: string\n  /** The size of the file, in bytes */\n  totalSizeInBytes: number\n  /** The number of this file's bytes uploaded so far. */\n  uploadedSizeInBytes?: number\n  /** Invoked when the upload is cancelled. */\n  onCancel: () => void\n  /** Invoked when the upload is paused. */\n  onPause: () => void\n  /** Invoked when the resumed. */\n  onResume: () => void\n  /** Invoked when the upload is removed from the list. */\n  onRemove: () => void\n  /** An optional error message to display if the upload has been cancelled due to error. */\n  errorMessage?: string\n}\n\nexport const FILE_UPLOAD_PROGRESS_COMPONENT_HEIGHT_PX = 92\n\n/**\n * Component that displays the upload progress of a file, with controls to pause or cancel the upload.\n */\nexport function FileUploadProgress(props: FileUploadProgressProps) {\n  const {\n    status,\n    fileName,\n    onCancel,\n    onPause,\n    onResume,\n    onRemove,\n    uploadedSizeInBytes = 0,\n    totalSizeInBytes,\n    errorMessage,\n  } = props\n\n  const isPaused = status === 'PAUSED'\n  const isCanceled = status === 'CANCELED_BY_USER' || status === 'FAILED'\n  const isComplete = status === 'COMPLETE'\n  const isFailed = status === 'FAILED'\n  const isUploading = status === 'UPLOADING'\n  const isPreparingUpload = status === 'PREPARING'\n\n  let progress: number | undefined =\n    (uploadedSizeInBytes / totalSizeInBytes) * 100\n\n  if (isPreparingUpload) {\n    progress = undefined\n  } else if (isFailed || isCanceled) {\n    progress = 0\n  }\n\n  return (\n    <Box\n      sx={{\n        py: 2,\n        height: `${FILE_UPLOAD_PROGRESS_COMPONENT_HEIGHT_PX}px`,\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: 'nowrap',\n          flexDirection: 'row',\n          justifyContent: 'space-between',\n          alignItems: 'center',\n          height: '35px',\n        }}\n      >\n        <Typography\n          variant={'body1'}\n          sx={{\n            color: 'primary.main',\n            fontWeight: 700,\n          }}\n        >\n          {fileName}\n        </Typography>\n        {!isComplete && (\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 1,\n              my: 1,\n            }}\n          >\n            {isFailed && (\n              <Tooltip title={errorMessage}>\n                <ErrorTwoTone color={'error'} />\n              </Tooltip>\n            )}\n            {!isCanceled && (\n              <Tooltip title={'Cancel'}>\n                <IconButton\n                  size={'small'}\n                  onClick={() => {\n                    onCancel()\n                  }}\n                >\n                  <CloseIcon />\n                </IconButton>\n              </Tooltip>\n            )}\n            {isUploading && (\n              <Tooltip title={'Pause'}>\n                <IconButton\n                  size={'small'}\n                  onClick={() => {\n                    onPause()\n                  }}\n                >\n                  <Pause />\n                </IconButton>\n              </Tooltip>\n            )}\n            {isPaused && (\n              <Tooltip title={'Resume'}>\n                <IconButton\n                  size={'small'}\n                  onClick={() => {\n                    onResume()\n                  }}\n                >\n                  <PlayArrow />\n                </IconButton>\n              </Tooltip>\n            )}\n            {isCanceled && (\n              <Tooltip title={'Remove'}>\n                <IconButton\n                  size={'small'}\n                  onClick={() => {\n                    onRemove()\n                  }}\n                >\n                  <DeleteTwoTone />\n                </IconButton>\n              </Tooltip>\n            )}\n          </Box>\n        )}\n        {isComplete && <CheckCircleTwoTone color={'success'} />}\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: 'nowrap',\n          alignItems: 'center',\n        }}\n      >\n        <LinearProgress\n          color={'secondary'}\n          value={progress}\n          variant={isPreparingUpload ? 'indeterminate' : 'determinate'}\n          sx={{ width: '100%', mr: 2.5 }}\n        />\n        {!isCanceled && (\n          <Typography\n            variant={'body1'}\n            sx={{\n              whiteSpace: 'nowrap',\n              flexShrink: 0,\n            }}\n          >\n            {isPreparingUpload ? (\n              'Preparing to upload...'\n            ) : (\n              <>\n                <span>{calculateFriendlyFileSize(uploadedSizeInBytes, 1)}</span>\n                <Box\n                  component={'span'}\n                  sx={{\n                    color: 'grey.600',\n                    mx: 0.5,\n                  }}\n                >\n                  |\n                </Box>\n                <span>{calculateFriendlyFileSize(totalSizeInBytes, 1)}</span>\n              </>\n            )}\n          </Typography>\n        )}\n        {isCanceled && (\n          <Typography\n            variant={'body1'}\n            sx={{\n              whiteSpace: 'nowrap',\n              flexShrink: 0,\n            }}\n          >\n            {isFailed ? 'Failed' : 'Canceled'}\n          </Typography>\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AA4CA,IAAa,IAA2C;AAKxD,SAAgB,EAAmB,GAAgC;CACjE,IAAM,EACJ,WACA,aACA,aACA,YACA,aACA,aACA,yBAAsB,GACtB,qBACA,oBACE,GAEE,IAAW,MAAW,UACtB,IAAa,MAAW,sBAAsB,MAAW,UACzD,IAAa,MAAW,YACxB,IAAW,MAAW,UACtB,IAAc,MAAW,aACzB,IAAoB,MAAW,aAEjC,IACD,IAAsB,IAAoB;CAQ7C,OANI,IACF,IAAW,KAAA,KACF,KAAY,OACrB,IAAW,IAIX,kBAAC,GAAD;EACE,IAAI;GACF,IAAI;GACJ,QAAQ;EACV;YAJF,CAME,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,UAAU;IACV,eAAe;IACf,gBAAgB;IAChB,YAAY;IACZ,QAAQ;GACV;aARF;IAUE,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MACF,OAAO;MACP,YAAY;KACd;eAEC;IACS,CAAA;IACX,CAAC,KACA,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,YAAY;MACZ,KAAK;MACL,IAAI;KACN;eANF;MAQG,KACC,kBAAC,GAAD;OAAS,OAAO;iBACd,kBAAC,GAAD,EAAc,OAAO,QAAU,CAAA;MACxB,CAAA;MAEV,CAAC,KACA,kBAAC,GAAD;OAAS,OAAO;iBACd,kBAAC,GAAD;QACE,MAAM;QACN,eAAe;SACb,EAAS;QACX;kBAEA,kBAAC,GAAD,CAAY,CAAA;OACF,CAAA;MACL,CAAA;MAEV,KACC,kBAAC,GAAD;OAAS,OAAO;iBACd,kBAAC,GAAD;QACE,MAAM;QACN,eAAe;SACb,EAAQ;QACV;kBAEA,kBAAC,GAAD,CAAQ,CAAA;OACE,CAAA;MACL,CAAA;MAEV,KACC,kBAAC,GAAD;OAAS,OAAO;iBACd,kBAAC,GAAD;QACE,MAAM;QACN,eAAe;SACb,EAAS;QACX;kBAEA,kBAAC,GAAD,CAAY,CAAA;OACF,CAAA;MACL,CAAA;MAEV,KACC,kBAAC,GAAD;OAAS,OAAO;iBACd,kBAAC,GAAD;QACE,MAAM;QACN,eAAe;SACb,EAAS;QACX;kBAEA,kBAAC,GAAD,CAAgB,CAAA;OACN,CAAA;MACL,CAAA;KAER;;IAEN,KAAc,kBAAC,GAAD,EAAoB,OAAO,UAAY,CAAA;GACnD;MACL,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,UAAU;IACV,YAAY;GACd;aALF;IAOE,kBAAC,GAAD;KACE,OAAO;KACP,OAAO;KACP,SAAS,IAAoB,kBAAkB;KAC/C,IAAI;MAAE,OAAO;MAAQ,IAAI;KAAI;IAC9B,CAAA;IACA,CAAC,KACA,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MACF,YAAY;MACZ,YAAY;KACd;eAEC,IACC,2BAEA,kBAAA,GAAA,EAAA,UAAA;MACE,kBAAC,QAAD,EAAA,UAAO,EAA0B,GAAqB,CAAC,EAAQ,CAAA;MAC/D,kBAAC,GAAD;OACE,WAAW;OACX,IAAI;QACF,OAAO;QACP,IAAI;OACN;iBACD;MAEI,CAAA;MACL,kBAAC,QAAD,EAAA,UAAO,EAA0B,GAAkB,CAAC,EAAQ,CAAA;KAC5D,EAAA,CAAA;IAEM,CAAA;IAEb,KACC,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MACF,YAAY;MACZ,YAAY;KACd;eAEC,IAAW,WAAW;IACb,CAAA;GAEX;IACF;;AAET"}

package/dist/components/EntityUpload/LinkToURL.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkToURL.js","names":[],"sources":["../../../src/components/EntityUpload/LinkToURL.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries/index'\nimport { useLinkFileEntityToURL } from '@/utils/hooks/useUploadFileEntity/useLinkFileEntityToURL'\nimport { Alert, Box, Stack, TextField, Typography } from '@mui/material'\nimport { FileEntity } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\n\ntype LinkToURLProps = {\n  /** The ID of the FileEntity that should be updated, or container entity in which a new FileEntity should be created. */\n  entityId: string\n  /** Invoked when the validity of the form changes (e.g. to disable/activate a submit button) */\n  onIsValidChanged?: (isValid: boolean) => void\n  /** Invoked when the call to create or update the entity succeeds. */\n  onSuccess?: (newOrUpdatedEntity: FileEntity) => void\n}\n\nexport type LinkToURLHandle = {\n  submit: () => void\n}\n\nexport const LinkToURL = forwardRef(function LinkToURL(\n  props: LinkToURLProps,\n  ref: ForwardedRef<LinkToURLHandle>,\n) {\n  const { entityId, onIsValidChanged = noop, onSuccess = noop } = props\n\n  const [url, setUrl] = useState('')\n  const [name, setName] = useState('')\n\n  const { data: entity } = useGetEntity(entityId)\n  const isFileEntity =\n    entity?.concreteType === 'org.sagebionetworks.repo.model.FileEntity'\n\n  const { mutate, error } = useLinkFileEntityToURL({\n    onSuccess,\n  })\n\n  useEffect(() => {\n    const isValid = url.trim().length > 0\n    onIsValidChanged(isValid)\n  }, [url, onIsValidChanged])\n\n  useImperativeHandle(ref, () => ({\n    submit: () => {\n      mutate({\n        url: url.trim(),\n        name: name.trim(),\n        entityId,\n      })\n    },\n  }))\n\n  if (!entity) {\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n        }}\n      >\n        <SynapseSpinner size={40} />\n      </Box>\n    )\n  }\n\n  return (\n    <Stack\n      sx={{\n        gap: 2,\n      }}\n    >\n      <Typography variant={'body1'}>\n        Provide a URL to create a link to a file that is located in external\n        storage or hosted on the web. Metadata, provenance, and annotations\n        related to the file can be stored in Synapse, but the file data itself\n        can only be accessed using the link.\n      </Typography>\n      <TextField\n        label=\"URL\"\n        required\n        fullWidth\n        value={url}\n        onChange={e => setUrl(e.target.value)}\n      />\n      {!isFileEntity && (\n        <TextField\n          label=\"Name\"\n          fullWidth\n          value={name}\n          onChange={e => setName(e.target.value)}\n        />\n      )}\n      {error && (\n        <Alert severity={'error'} sx={{ my: 2 }}>\n          {error?.message ??\n            'An error occurred while attempting to create the link.'}\n        </Alert>\n      )}\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;;;;AA2BA,IAAa,IAAY,EAAW,SAClC,GACA,GACA;CACA,IAAM,EAAE,aAAU,sBAAmB,GAAM,eAAY,MAAS,GAE1D,CAAC,GAAK,KAAU,EAAS,GAAG,EAC5B,CAAC,GAAM,KAAW,EAAS,GAAG,EAE9B,EAAE,MAAM,MAAW,EAAa,EAAS,EACzC,IACJ,GAAQ,iBAAiB,6CAErB,EAAE,WAAQ,aAAU,EAAuB,EAC/C,cACD,CAAC;AA8BF,QA5BA,QAAgB;AAEd,IADgB,EAAI,MAAM,CAAC,SAAS,EACX;IACxB,CAAC,GAAK,EAAiB,CAAC,EAE3B,EAAoB,UAAY,EAC9B,cAAc;AACZ,IAAO;GACL,KAAK,EAAI,MAAM;GACf,MAAM,EAAK,MAAM;GACjB;GACD,CAAC;IAEL,EAAE,EAEE,IAcH,kBAAC,GAAD;EACE,IAAI,EACF,KAAK,GACN;YAHH;GAKE,kBAAC,GAAD;IAAY,SAAS;cAAS;IAKjB,CAAA;GACb,kBAAC,GAAD;IACE,OAAM;IACN,UAAA;IACA,WAAA;IACA,OAAO;IACP,WAAU,MAAK,EAAO,EAAE,OAAO,MAAM;IACrC,CAAA;GACD,CAAC,KACA,kBAAC,GAAD;IACE,OAAM;IACN,WAAA;IACA,OAAO;IACP,WAAU,MAAK,EAAQ,EAAE,OAAO,MAAM;IACtC,CAAA;GAEH,KACC,kBAAC,GAAD;IAAO,UAAU;IAAS,IAAI,EAAE,IAAI,GAAG;cACpC,GAAO,WACN;IACI,CAAA;GAEJ;MA5CN,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,gBAAgB;GACjB;YAED,kBAAC,GAAD,EAAgB,MAAM,IAAM,CAAA;EACxB,CAAA;EAuCV"}
+{"version":3,"file":"LinkToURL.js","names":[],"sources":["../../../src/components/EntityUpload/LinkToURL.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries/index'\nimport { useLinkFileEntityToURL } from '@/utils/hooks/useUploadFileEntity/useLinkFileEntityToURL'\nimport { Alert, Box, Stack, TextField, Typography } from '@mui/material'\nimport { FileEntity } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\n\ntype LinkToURLProps = {\n  /** The ID of the FileEntity that should be updated, or container entity in which a new FileEntity should be created. */\n  entityId: string\n  /** Invoked when the validity of the form changes (e.g. to disable/activate a submit button) */\n  onIsValidChanged?: (isValid: boolean) => void\n  /** Invoked when the call to create or update the entity succeeds. */\n  onSuccess?: (newOrUpdatedEntity: FileEntity) => void\n}\n\nexport type LinkToURLHandle = {\n  submit: () => void\n}\n\nexport const LinkToURL = forwardRef(function LinkToURL(\n  props: LinkToURLProps,\n  ref: ForwardedRef<LinkToURLHandle>,\n) {\n  const { entityId, onIsValidChanged = noop, onSuccess = noop } = props\n\n  const [url, setUrl] = useState('')\n  const [name, setName] = useState('')\n\n  const { data: entity } = useGetEntity(entityId)\n  const isFileEntity =\n    entity?.concreteType === 'org.sagebionetworks.repo.model.FileEntity'\n\n  const { mutate, error } = useLinkFileEntityToURL({\n    onSuccess,\n  })\n\n  useEffect(() => {\n    const isValid = url.trim().length > 0\n    onIsValidChanged(isValid)\n  }, [url, onIsValidChanged])\n\n  useImperativeHandle(ref, () => ({\n    submit: () => {\n      mutate({\n        url: url.trim(),\n        name: name.trim(),\n        entityId,\n      })\n    },\n  }))\n\n  if (!entity) {\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n        }}\n      >\n        <SynapseSpinner size={40} />\n      </Box>\n    )\n  }\n\n  return (\n    <Stack\n      sx={{\n        gap: 2,\n      }}\n    >\n      <Typography variant={'body1'}>\n        Provide a URL to create a link to a file that is located in external\n        storage or hosted on the web. Metadata, provenance, and annotations\n        related to the file can be stored in Synapse, but the file data itself\n        can only be accessed using the link.\n      </Typography>\n      <TextField\n        label=\"URL\"\n        required\n        fullWidth\n        value={url}\n        onChange={e => setUrl(e.target.value)}\n      />\n      {!isFileEntity && (\n        <TextField\n          label=\"Name\"\n          fullWidth\n          value={name}\n          onChange={e => setName(e.target.value)}\n        />\n      )}\n      {error && (\n        <Alert severity={'error'} sx={{ my: 2 }}>\n          {error?.message ??\n            'An error occurred while attempting to create the link.'}\n        </Alert>\n      )}\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;;;;AA2BA,IAAa,IAAY,EAAW,SAClC,GACA,GACA;CACA,IAAM,EAAE,aAAU,sBAAmB,GAAM,eAAY,MAAS,GAE1D,CAAC,GAAK,KAAU,EAAS,EAAE,GAC3B,CAAC,GAAM,KAAW,EAAS,EAAE,GAE7B,EAAE,MAAM,MAAW,EAAa,CAAQ,GACxC,IACJ,GAAQ,iBAAiB,6CAErB,EAAE,WAAQ,aAAU,EAAuB,EAC/C,aACF,CAAC;CA8BD,OA5BA,QAAgB;EAEd,EADgB,EAAI,KAAK,EAAE,SAAS,CACZ;CAC1B,GAAG,CAAC,GAAK,CAAgB,CAAC,GAE1B,EAAoB,UAAY,EAC9B,cAAc;EACZ,EAAO;GACL,KAAK,EAAI,KAAK;GACd,MAAM,EAAK,KAAK;GAChB;EACF,CAAC;CACH,EACF,EAAE,GAEG,IAcH,kBAAC,GAAD;EACE,IAAI,EACF,KAAK,EACP;YAHF;GAKE,kBAAC,GAAD;IAAY,SAAS;cAAS;GAKlB,CAAA;GACZ,kBAAC,GAAD;IACE,OAAM;IACN,UAAA;IACA,WAAA;IACA,OAAO;IACP,WAAU,MAAK,EAAO,EAAE,OAAO,KAAK;GACrC,CAAA;GACA,CAAC,KACA,kBAAC,GAAD;IACE,OAAM;IACN,WAAA;IACA,OAAO;IACP,WAAU,MAAK,EAAQ,EAAE,OAAO,KAAK;GACtC,CAAA;GAEF,KACC,kBAAC,GAAD;IAAO,UAAU;IAAS,IAAI,EAAE,IAAI,EAAE;cACnC,GAAO,WACN;GACG,CAAA;EAEJ;MA5CL,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,gBAAgB;EAClB;YAEA,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA;CACxB,CAAA;AAuCX,CAAC"}

package/dist/components/EntityUpload/ProjectStorageLimitAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectStorageLimitAlert.js","names":[],"sources":["../../../src/components/EntityUpload/ProjectStorageLimitAlert.tsx"],"sourcesContent":["import { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { SAGE_OFFERINGS_HELP_URL } from '@/utils/SynapseConstants'\nimport { ProjectStorageLocationUsage } from '@sage-bionetworks/synapse-client'\nimport FullWidthAlert from '../FullWidthAlert'\n\nexport type ProjectStorageLimitAlertProps = {\n  didUploadsExceedLimit: boolean\n  usage: ProjectStorageLocationUsage\n}\n\n// When the remaining storage is less than this percentage, show a warning\nconst PERCENT_REMAINING_STORAGE_TO_SHOW_WARNING = 0.25\n\nexport function ProjectStorageLimitAlert(props: ProjectStorageLimitAlertProps) {\n  const { usage, didUploadsExceedLimit } = props\n\n  if (usage.maxAllowedFileBytes == null) {\n    // No limit!\n    return null\n  }\n\n  const warningThresholdBytes =\n    usage.maxAllowedFileBytes * (1 - PERCENT_REMAINING_STORAGE_TO_SHOW_WARNING)\n\n  const sumFileBytes = usage.sumFileBytes ?? 0\n\n  const remainingStorageBytes = usage.maxAllowedFileBytes - sumFileBytes\n\n  if (!didUploadsExceedLimit && sumFileBytes < warningThresholdBytes) {\n    // No need to show a warning\n    return null\n  }\n\n  if (usage.isOverLimit) {\n    return (\n      <FullWidthAlert\n        variant=\"danger\"\n        isGlobal={false}\n        title={'You have no data availability'}\n        description={\n          'You do not have any remaining data within this project. In order to upload more files, you must edit your file list or upgrade your plan.'\n        }\n        primaryButtonConfig={{\n          text: 'Learn more',\n          href: SAGE_OFFERINGS_HELP_URL,\n        }}\n      ></FullWidthAlert>\n    )\n  }\n\n  if (didUploadsExceedLimit) {\n    return (\n      <FullWidthAlert\n        variant=\"danger\"\n        isGlobal={false}\n        title={'Selected files exceed available storage'}\n        description={`This project has only ${calculateFriendlyFileSize(\n          remainingStorageBytes,\n          1,\n        )} of storage remaining. To continue, you must upgrade your storage, or add custom storage.`}\n        primaryButtonConfig={{\n          text: 'Learn more',\n          href: SAGE_OFFERINGS_HELP_URL,\n        }}\n      ></FullWidthAlert>\n    )\n  }\n\n  // Otherwise, show a warning\n  return (\n    <FullWidthAlert\n      variant=\"warning\"\n      isGlobal={false}\n      title={'Warning: Your storage availability is limited'}\n      description={`Your project has less than ${\n        PERCENT_REMAINING_STORAGE_TO_SHOW_WARNING * 100\n      }% remaining of available storage left. Upgrade your storage, or bring your own custom storage.`}\n      primaryButtonConfig={{\n        text: 'Learn more',\n        href: SAGE_OFFERINGS_HELP_URL,\n      }}\n    ></FullWidthAlert>\n  )\n}\n"],"mappings":";;;;;AAWA,IAAM,IAA4C;AAElD,SAAgB,EAAyB,GAAsC;CAC7E,IAAM,EAAE,UAAO,6BAA0B;AAEzC,KAAI,EAAM,uBAAuB,KAE/B,QAAO;CAGT,IAAM,IACJ,EAAM,uBAAuB,IAAI,IAE7B,IAAe,EAAM,gBAAgB,GAErC,IAAwB,EAAM,sBAAsB;AA2C1D,QAzCI,CAAC,KAAyB,IAAe,IAEpC,OAGL,EAAM,cAEN,kBAAC,GAAD;EACE,SAAQ;EACR,UAAU;EACV,OAAO;EACP,aACE;EAEF,qBAAqB;GACnB,MAAM;GACN,MAAM;GACP;EACe,CAAA,GAIlB,IAEA,kBAAC,GAAD;EACE,SAAQ;EACR,UAAU;EACV,OAAO;EACP,aAAa,yBAAyB,EACpC,GACA,EACD,CAAC;EACF,qBAAqB;GACnB,MAAM;GACN,MAAM;GACP;EACe,CAAA,GAMpB,kBAAC,GAAD;EACE,SAAQ;EACR,UAAU;EACV,OAAO;EACP,aAAa,8BACX,IAA4C,IAC7C;EACD,qBAAqB;GACnB,MAAM;GACN,MAAM;GACP;EACe,CAAA"}
+{"version":3,"file":"ProjectStorageLimitAlert.js","names":[],"sources":["../../../src/components/EntityUpload/ProjectStorageLimitAlert.tsx"],"sourcesContent":["import { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { SAGE_OFFERINGS_HELP_URL } from '@/utils/SynapseConstants'\nimport { ProjectStorageLocationUsage } from '@sage-bionetworks/synapse-client'\nimport FullWidthAlert from '../FullWidthAlert'\n\nexport type ProjectStorageLimitAlertProps = {\n  didUploadsExceedLimit: boolean\n  usage: ProjectStorageLocationUsage\n}\n\n// When the remaining storage is less than this percentage, show a warning\nconst PERCENT_REMAINING_STORAGE_TO_SHOW_WARNING = 0.25\n\nexport function ProjectStorageLimitAlert(props: ProjectStorageLimitAlertProps) {\n  const { usage, didUploadsExceedLimit } = props\n\n  if (usage.maxAllowedFileBytes == null) {\n    // No limit!\n    return null\n  }\n\n  const warningThresholdBytes =\n    usage.maxAllowedFileBytes * (1 - PERCENT_REMAINING_STORAGE_TO_SHOW_WARNING)\n\n  const sumFileBytes = usage.sumFileBytes ?? 0\n\n  const remainingStorageBytes = usage.maxAllowedFileBytes - sumFileBytes\n\n  if (!didUploadsExceedLimit && sumFileBytes < warningThresholdBytes) {\n    // No need to show a warning\n    return null\n  }\n\n  if (usage.isOverLimit) {\n    return (\n      <FullWidthAlert\n        variant=\"danger\"\n        isGlobal={false}\n        title={'You have no data availability'}\n        description={\n          'You do not have any remaining data within this project. In order to upload more files, you must edit your file list or upgrade your plan.'\n        }\n        primaryButtonConfig={{\n          text: 'Learn more',\n          href: SAGE_OFFERINGS_HELP_URL,\n        }}\n      ></FullWidthAlert>\n    )\n  }\n\n  if (didUploadsExceedLimit) {\n    return (\n      <FullWidthAlert\n        variant=\"danger\"\n        isGlobal={false}\n        title={'Selected files exceed available storage'}\n        description={`This project has only ${calculateFriendlyFileSize(\n          remainingStorageBytes,\n          1,\n        )} of storage remaining. To continue, you must upgrade your storage, or add custom storage.`}\n        primaryButtonConfig={{\n          text: 'Learn more',\n          href: SAGE_OFFERINGS_HELP_URL,\n        }}\n      ></FullWidthAlert>\n    )\n  }\n\n  // Otherwise, show a warning\n  return (\n    <FullWidthAlert\n      variant=\"warning\"\n      isGlobal={false}\n      title={'Warning: Your storage availability is limited'}\n      description={`Your project has less than ${\n        PERCENT_REMAINING_STORAGE_TO_SHOW_WARNING * 100\n      }% remaining of available storage left. Upgrade your storage, or bring your own custom storage.`}\n      primaryButtonConfig={{\n        text: 'Learn more',\n        href: SAGE_OFFERINGS_HELP_URL,\n      }}\n    ></FullWidthAlert>\n  )\n}\n"],"mappings":";;;;;AAWA,IAAM,IAA4C;AAElD,SAAgB,EAAyB,GAAsC;CAC7E,IAAM,EAAE,UAAO,6BAA0B;CAEzC,IAAI,EAAM,uBAAuB,MAE/B,OAAO;CAGT,IAAM,IACJ,EAAM,uBAAuB,IAAI,IAE7B,IAAe,EAAM,gBAAgB,GAErC,IAAwB,EAAM,sBAAsB;CA2C1D,OAzCI,CAAC,KAAyB,IAAe,IAEpC,OAGL,EAAM,cAEN,kBAAC,GAAD;EACE,SAAQ;EACR,UAAU;EACV,OAAO;EACP,aACE;EAEF,qBAAqB;GACnB,MAAM;GACN,MAAM;EACR;CACe,CAAA,IAIjB,IAEA,kBAAC,GAAD;EACE,SAAQ;EACR,UAAU;EACV,OAAO;EACP,aAAa,yBAAyB,EACpC,GACA,CACF,EAAE;EACF,qBAAqB;GACnB,MAAM;GACN,MAAM;EACR;CACe,CAAA,IAMnB,kBAAC,GAAD;EACE,SAAQ;EACR,UAAU;EACV,OAAO;EACP,aAAa,8BACX,IAA4C,IAC7C;EACD,qBAAqB;GACnB,MAAM;GACN,MAAM;EACR;CACe,CAAA;AAErB"}