synapse-react-client 4.0.5 → 4.0.7

package/dist/components/SynapseTable/SynapseTable.js

@@ -1,17 +1,17 @@
-import { jsx as r, Fragment as Y, jsxs as Z } from "react/jsx-runtime";
+import { jsx as a, Fragment as Z, jsxs as $ } from "react/jsx-runtime";
 import "../../synapse-client/SynapseClient.js";
 import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
 import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
 import "@sage-bionetworks/synapse-client/util/SynapseClientError";
-import { ColumnTypeEnum as $ } from "@sage-bionetworks/synapse-types";
+import { ColumnTypeEnum as o } from "@sage-bionetworks/synapse-types";
 import "../../utils/functions/EntityTypeUtils.js";
 import "../../utils/SynapseConstants.js";
 import "lodash-es";
 import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
 import "@tanstack/react-query";
 import "../../utils/PermissionLevelToAccessType.js";
-import { useMemo as s, useState as oo } from "react";
-import { useSynapseContext as eo } from "../../utils/context/SynapseContext.js";
+import { useMemo as l, useState as ee } from "react";
+import { useSynapseContext as oe } from "../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
 import "@mui/material";
 import "../../utils/hooks/useCookiePreferences.js";
@@ -28,124 +28,153 @@ import "lodash-es/xorWith";
 import "react-router";
 import "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
-import { useGetEntity as to } from "../../synapse-queries/entity/useEntity.js";
-import { useReactTable as no, getCoreRowModel as ro, createColumnHelper as so } from "@tanstack/react-table";
-import { useAtomValue as io } from "jotai";
-import { ModalDownload as lo } from "../ModalDownload/ModalDownload.js";
-import { useQueryContext as ao } from "../QueryContext/QueryContext.js";
-import { useQueryVisualizationContext as mo } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
-import { isRowSelectionVisibleAtom as uo } from "../QueryWrapper/TableRowSelectionState.js";
-import co from "../TanStackTable/StyledTanStackTable.js";
-import { SynapseTableContext as po } from "./SynapseTableContext.js";
-import { rowSelectionColumn as R, addToDownloadListColumn as A, directDownloadColumn as V, accessColumn as E, TableDataCell as Co, TableDataColumnHeader as wo } from "./SynapseTableRenderers.js";
-import { isEntityViewOrDatasetOrCollection as fo, isFileViewOrDataset as ho, isSortableColumn as bo } from "./SynapseTableUtils.js";
-import { usePrefetchResourcesInTable as yo } from "./usePrefetchTableData.js";
-import { useTableSort as So } from "./useTableSort.js";
-const To = [], Do = so();
-function pe(i) {
-  const { showDownloadColumn: m, hideDownload: M } = i, {
-    rowSet: o,
-    isLoadingNewPage: N,
-    customColumns: C = To,
-    showAccessColumn: u,
-    showExternalAccessIcon: w,
-    showAccessColumnHeader: f,
-    showDirectDownloadColumn: O = m,
-    hideAddToDownloadListColumn: P = M,
-    columnLinks: h
-  } = i, {
-    entityId: q,
-    versionNumber: B,
-    getCurrentQueryRequest: b,
-    fileIdColumnName: l,
-    fileVersionColumnName: y
-  } = ao(), d = s(
-    () => b(),
-    [b]
-  ), n = o.headers, { data: a } = to(q, B), { columnsToShowInTable: S, NoContentPlaceholder: L } = mo(), H = s(
+import { useGetEntity as te } from "../../synapse-queries/entity/useEntity.js";
+import { useReactTable as ne, getCoreRowModel as re, createColumnHelper as se } from "@tanstack/react-table";
+import { useAtomValue as ie } from "jotai";
+import { ModalDownload as ae } from "../ModalDownload/ModalDownload.js";
+import { useQueryContext as le } from "../QueryContext/QueryContext.js";
+import { useQueryVisualizationContext as me } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { isRowSelectionVisibleAtom as ue } from "../QueryWrapper/TableRowSelectionState.js";
+import ce from "../TanStackTable/StyledTanStackTable.js";
+import { SynapseTableContext as de } from "./SynapseTableContext.js";
+import { rowSelectionColumn as x, addToDownloadListColumn as L, directDownloadColumn as N, accessColumn as V, TableDataCell as pe, TableDataColumnHeader as Ce } from "./SynapseTableRenderers.js";
+import { isEntityViewOrDatasetOrCollection as fe, isFileViewOrDataset as we, isSortableColumn as Se } from "./SynapseTableUtils.js";
+import { usePrefetchResourcesInTable as Te } from "./usePrefetchTableData.js";
+import { useTableSort as Ie } from "./useTableSort.js";
+const De = [];
+function he(r, s) {
+  const m = r.toLowerCase();
+  if (m.includes("name") || m.includes("description"))
+    return 250;
+  switch (s) {
+    case o.ENTITYID:
+    case o.ENTITYID_LIST:
+    case o.USERID:
+    case o.USERID_LIST:
+    case o.FILEHANDLEID:
+    case o.EVALUATIONID:
+    case o.SUBMISSIONID:
+      return 180;
+    case o.DATE:
+    case o.DATE_LIST:
+      return 120;
+    case o.STRING:
+    case o.STRING_LIST:
+      return 100;
+    default:
+      return 60;
+  }
+}
+const ye = se();
+function Co(r) {
+  const { showDownloadColumn: s, hideDownload: m } = r, {
+    rowSet: t,
+    isLoadingNewPage: O,
+    customColumns: w = De,
+    showAccessColumn: d,
+    showExternalAccessIcon: S,
+    showAccessColumnHeader: T,
+    showDirectDownloadColumn: v = s,
+    hideAddToDownloadListColumn: B = m,
+    columnLinks: I
+  } = r, {
+    entityId: P,
+    versionNumber: q,
+    getCurrentQueryRequest: D,
+    fileIdColumnName: u,
+    fileVersionColumnName: h
+  } = le(), p = l(
+    () => D(),
+    [D]
+  ), i = t.headers, { data: c } = te(P, q), { columnsToShowInTable: y, NoContentPlaceholder: z } = me(), H = l(
     () => ({
-      columnLinks: h,
-      showExternalAccessIcon: w
+      columnLinks: I,
+      showExternalAccessIcon: S
     }),
-    [h, w]
-  ), { isAuthenticated: z } = eo(), [F, Q] = oo(!1), { sort: U, setSort: j } = So(), c = io(uo), T = !!(u && a && (fo(a) && v(o) || l)), D = a && z && (ho(a) && v(o) || l), g = !!(D && O), x = !!(D && !P && !c), k = l ? o.headers.findIndex((e) => e.name == l) : void 0, W = y ? o.headers.findIndex((e) => e.name == y) : void 0, _ = s(
+    [I, S]
+  ), { isAuthenticated: U } = oe(), [_, F] = ee(!1), { sort: G, setSort: Q } = Ie(), C = ie(ue), b = !!(d && c && (fe(c) && M(t) || u)), g = c && U && (we(c) && M(t) || u), E = !!(g && v), R = !!(g && !B && !C), j = u ? t.headers.findIndex((e) => e.name == u) : void 0, k = h ? t.headers.findIndex((e) => e.name == h) : void 0, W = l(
     () => [
-      ...C,
-      R,
-      A,
-      V,
+      ...w,
+      x,
+      L,
+      N,
       {
-        ...E,
-        header: u && f ? "Access" : ""
+        ...V,
+        header: d && T ? "Access" : ""
       },
-      ...n.map((e, t) => Do.accessor((p) => p.values[t], {
+      ...i.map((e, n) => ye.accessor((f) => f.values[n], {
         id: e.name,
-        enableSorting: bo(e.columnType),
+        enableSorting: Se(e.columnType),
         enableResizing: !0,
-        header: wo,
-        cell: Co
+        minSize: he(
+          e.name,
+          e.columnType
+        ),
+        header: Ce,
+        cell: pe
       })) ?? []
     ],
-    [C, n, u, f]
-  ), I = s(
+    [w, i, d, T]
+  ), A = l(
     () => ({
-      [R.id]: c,
-      [A.id]: x,
-      [V.id]: g,
-      [E.id]: T
+      [x.id]: C,
+      [L.id]: R,
+      [N.id]: E,
+      [V.id]: b
     }),
     [
-      c,
-      T,
-      x,
-      g
+      C,
+      b,
+      R,
+      E
     ]
-  ), G = s(
-    () => n.reduce((e, t) => ({
+  ), Y = l(
+    () => i.reduce((e, n) => ({
       ...e,
-      [t.name]: S.includes(t.name)
-    }), I),
-    [S, n, I]
-  ), { dataHasBeenPrefetched: J } = yo(o), K = N || !J, X = no({
-    data: o.rows,
-    columns: _,
-    getCoreRowModel: ro(),
+      [n.name]: y.includes(n.name)
+    }), A),
+    [y, i, A]
+  ), { dataHasBeenPrefetched: J } = Te(t), K = O || !J, X = ne({
+    data: t.rows,
+    columns: W,
+    defaultColumn: { minSize: 60 },
+    getCoreRowModel: re(),
     manualSorting: !0,
     manualFiltering: !0,
-    onSortingChange: j,
+    onSortingChange: Q,
     enableMultiSort: !0,
     columnResizeMode: "onChange",
     state: {
-      sorting: U,
-      columnVisibility: G
+      sorting: G,
+      columnVisibility: Y
     },
     meta: {
-      rowSet: o,
+      rowSet: t,
       // make the rowEntityIDColumnIndex available to all cell renderers
-      rowEntityIDColumnIndex: k,
-      rowEntityVersionColumnIndex: W,
+      rowEntityIDColumnIndex: j,
+      rowEntityVersionColumnIndex: k,
       renderPlaceholderData: K,
       getWrapInExpandableTd: (e) => {
-        const t = n.find(
-          (p) => p.name === e.column.id
+        const n = i.find(
+          (f) => f.name === e.column.id
         );
-        return !!(t && /* JSON handles its own overflow*/
-        t.columnType !== $.JSON);
+        return !!(n && /* JSON handles its own overflow*/
+        n.columnType !== o.JSON);
       }
     }
   });
-  return o ? !((o.rows?.length ?? 0) > 0) && (d.query.offset === 0 || d.query.offset == null) ? /* @__PURE__ */ r(L, {}) : /* @__PURE__ */ r(po.Provider, { value: H, children: /* @__PURE__ */ Z("div", { children: [
-    F && /* @__PURE__ */ r(
-      lo,
+  return t ? !((t.rows?.length ?? 0) > 0) && (p.query.offset === 0 || p.query.offset == null) ? /* @__PURE__ */ a(z, {}) : /* @__PURE__ */ a(de.Provider, { value: H, children: /* @__PURE__ */ $("div", { children: [
+    _ && /* @__PURE__ */ a(
+      ae,
       {
         onClose: () => {
-          Q(!1);
+          F(!1);
         },
-        queryBundleRequest: d
+        queryBundleRequest: p
       }
     ),
-    /* @__PURE__ */ r(
-      co,
+    /* @__PURE__ */ a(
+      ce,
       {
         styledTableContainerProps: {
           className: "SynapseTable",
@@ -157,12 +186,13 @@ function pe(i) {
         autoColumnSizing: !0
       }
     )
-  ] }) }) : /* @__PURE__ */ r(Y, {});
+  ] }) }) : /* @__PURE__ */ a(Z, {});
 }
-function v(i) {
-  return !!i.rows?.every((m) => !!m.rowId);
+function M(r) {
+  return !!r.rows?.every((s) => !!s.rowId);
 }
 export {
-  pe as SynapseTable
+  Co as SynapseTable,
+  he as getColumnMinSize
 };
 //# sourceMappingURL=SynapseTable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SynapseTable.js","sources":["../../../src/components/SynapseTable/SynapseTable.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport {\n  ColumnTypeEnum,\n  Row,\n  RowSet,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  Cell,\n  ColumnDef,\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n  VisibilityState,\n} from '@tanstack/react-table'\nimport { useAtomValue } from 'jotai'\nimport { useMemo, useState } from 'react'\nimport { LabelLinkConfig } from '../CardContainerLogic'\nimport ModalDownload from '../ModalDownload/ModalDownload'\nimport { useQueryContext } from '../QueryContext'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport { isRowSelectionVisibleAtom } from '../QueryWrapper/TableRowSelectionState'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { SynapseTableContext } from './SynapseTableContext'\nimport {\n  accessColumn,\n  addToDownloadListColumn,\n  directDownloadColumn,\n  rowSelectionColumn,\n  TableDataCell,\n  TableDataColumnHeader,\n} from './SynapseTableRenderers'\nimport {\n  isEntityViewOrDatasetOrCollection,\n  isFileViewOrDataset,\n  isSortableColumn,\n} from './SynapseTableUtils'\nimport { usePrefetchResourcesInTable } from './usePrefetchTableData'\nimport { useTableSort } from './useTableSort'\n\nconst DEFAULT_CUSTOM_COLUMNS: ColumnDef<Row, any>[] = []\n\nexport type SynapseTableConfiguration = Pick<\n  SynapseTableProps,\n  | 'showAccessColumn'\n  | 'showExternalAccessIcon'\n  | 'showAccessColumnHeader'\n  | 'showDownloadColumn'\n  | 'hideDownload'\n  | 'showDirectDownloadColumn'\n  | 'hideAddToDownloadListColumn'\n  | 'columnLinks'\n  | 'customColumns'\n>\n\nexport type SynapseTableProps = {\n  /** The row data shown in the table. */\n  rowSet: RowSet\n  /** Whether a new page of data is being loaded */\n  isLoadingNewPage: boolean\n  /** Custom columns to render in the table */\n  customColumns?: ColumnDef<Row, any>[]\n  /** If true and entity is a view or dataset, renders a column that represents if the caller has permission to download the entity represented by the row */\n  showAccessColumn?: boolean\n  /**\n   * If true, the component will show enhanced UI for the case where\n   * - the entity is a FileEntity, AND\n   * - the caller has permission to fetch the dataFileHandle, AND\n   * - the dataFileHandle is an instance of ExternalFileHandleInterface (i.e. the file is not controlled by Synapse)\n   * Note that this requires an additional API call that cannot be batched, so it should be avoided in bulk  contexts if possible.\n   * @default false\n   */\n  showExternalAccessIcon?: boolean\n  showAccessColumnHeader?: boolean\n  /** @deprecated use showDirectDownloadColumn */\n  showDownloadColumn?: boolean\n  /** @deprecated use hideAddToDownloadListColumn */\n  hideDownload?: boolean\n  /** If true and entity is a file view or dataset, renders a column that allows the logged-in user to directly download the file, if they have permission */\n  showDirectDownloadColumn?: boolean\n  /** If true, the add to download list column will be hidden */\n  hideAddToDownloadListColumn?: boolean\n  /** Configuration to override cell renderers with e.g. a link to a portals detail page */\n  columnLinks?: LabelLinkConfig\n}\n\nconst columnHelper = createColumnHelper<Row>()\n\nexport function SynapseTable(props: SynapseTableProps) {\n  const { showDownloadColumn, hideDownload } = props\n  const {\n    rowSet,\n    isLoadingNewPage,\n    customColumns = DEFAULT_CUSTOM_COLUMNS,\n    showAccessColumn,\n    showExternalAccessIcon,\n    showAccessColumnHeader,\n    showDirectDownloadColumn = showDownloadColumn,\n    hideAddToDownloadListColumn = hideDownload,\n    columnLinks,\n  } = props\n  const {\n    entityId,\n    versionNumber,\n    getCurrentQueryRequest,\n    fileIdColumnName,\n    fileVersionColumnName,\n  } = useQueryContext()\n  const queryRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  const selectColumns = rowSet.headers\n\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n\n  const { columnsToShowInTable, NoContentPlaceholder } =\n    useQueryVisualizationContext()\n  const synapseTableContext = useMemo(\n    () => ({\n      columnLinks,\n      showExternalAccessIcon,\n    }),\n    [columnLinks, showExternalAccessIcon],\n  )\n  const { isAuthenticated } = useSynapseContext()\n\n  const [isExportTableDownloadOpen, setIsExportTableDownloadOpen] =\n    useState(false)\n\n  const { sort, setSort } = useTableSort()\n  const isRowSelectionVisible = useAtomValue(isRowSelectionVisibleAtom)\n\n  const isShowingAccessColumn: boolean = Boolean(\n    showAccessColumn &&\n      entity &&\n      ((isEntityViewOrDatasetOrCollection(entity) && allRowsHaveId(rowSet)) ||\n        fileIdColumnName),\n  )\n  const rowsAreDownloadable =\n    entity &&\n    isAuthenticated &&\n    ((isFileViewOrDataset(entity) && allRowsHaveId(rowSet)) || fileIdColumnName)\n\n  const isShowingDirectDownloadColumn = Boolean(\n    rowsAreDownloadable && showDirectDownloadColumn,\n  )\n\n  const isShowingAddToV2DownloadListColumn: boolean = Boolean(\n    rowsAreDownloadable &&\n      !hideAddToDownloadListColumn &&\n      !isRowSelectionVisible,\n  )\n  const rowEntityIDColumnIndex = fileIdColumnName\n    ? rowSet.headers.findIndex(col => col.name == fileIdColumnName)\n    : undefined\n  const rowEntityVersionColumnIndex = fileVersionColumnName\n    ? rowSet.headers.findIndex(col => col.name == fileVersionColumnName)\n    : undefined\n\n  const columns = useMemo(\n    () => [\n      ...customColumns,\n      rowSelectionColumn,\n      addToDownloadListColumn,\n      directDownloadColumn,\n      {\n        ...accessColumn,\n        header: showAccessColumn && showAccessColumnHeader ? 'Access' : '',\n      },\n      ...(selectColumns.map((selectColumn, index) => {\n        return columnHelper.accessor(row => row.values[index], {\n          id: selectColumn.name,\n          enableSorting: isSortableColumn(selectColumn.columnType),\n          enableResizing: true,\n          header: TableDataColumnHeader,\n          cell: TableDataCell,\n        })\n      }) ?? []),\n    ],\n    [customColumns, selectColumns, showAccessColumn, showAccessColumnHeader],\n  )\n\n  const prependColumnVisibility: VisibilityState = useMemo(\n    () => ({\n      [rowSelectionColumn.id as string]: isRowSelectionVisible,\n      [addToDownloadListColumn.id as string]:\n        isShowingAddToV2DownloadListColumn,\n      [directDownloadColumn.id as string]: isShowingDirectDownloadColumn,\n      [accessColumn.id as string]: isShowingAccessColumn,\n    }),\n    [\n      isRowSelectionVisible,\n      isShowingAccessColumn,\n      isShowingAddToV2DownloadListColumn,\n      isShowingDirectDownloadColumn,\n    ],\n  )\n\n  // Transform our `columnsToShowInTable` to @tanstack/react-table's `VisibilityState`\n  const columnVisibility: VisibilityState = useMemo(\n    () =>\n      selectColumns.reduce((prev: VisibilityState, curr) => {\n        return {\n          ...prev,\n          [curr.name]: columnsToShowInTable.includes(curr.name),\n        }\n      }, prependColumnVisibility),\n    [columnsToShowInTable, selectColumns, prependColumnVisibility],\n  )\n\n  const { dataHasBeenPrefetched } = usePrefetchResourcesInTable(rowSet)\n  const renderTableDataPlaceholder = isLoadingNewPage || !dataHasBeenPrefetched\n\n  const table = useReactTable({\n    data: rowSet.rows,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    manualSorting: true,\n    manualFiltering: true,\n    onSortingChange: setSort,\n    enableMultiSort: true,\n    columnResizeMode: 'onChange',\n    state: {\n      sorting: sort,\n      columnVisibility: columnVisibility,\n    },\n    meta: {\n      rowSet,\n      // make the rowEntityIDColumnIndex available to all cell renderers\n      rowEntityIDColumnIndex,\n      rowEntityVersionColumnIndex,\n      renderPlaceholderData: renderTableDataPlaceholder,\n      getWrapInExpandableTd: (cell: Cell<Row, unknown>) => {\n        const selectColumn = selectColumns.find(\n          cm => cm.name === cell.column.id,\n        )\n        return Boolean(\n          selectColumn &&\n            /* JSON handles its own overflow*/\n            selectColumn.columnType !== ColumnTypeEnum.JSON,\n        )\n      },\n    },\n  })\n\n  /**\n   * Display the view\n   */\n  if (!rowSet) {\n    return <></>\n  }\n  const hasResults = (rowSet.rows?.length ?? 0) > 0\n  // Show the No Results UI if the current page has no rows, and this is the first page of data (offset === 0 or null/undefined).\n  if (\n    !hasResults &&\n    (queryRequest.query.offset === 0 || queryRequest.query.offset == null)\n  ) {\n    return <NoContentPlaceholder />\n  }\n\n  return (\n    <SynapseTableContext.Provider value={synapseTableContext}>\n      <div>\n        {isExportTableDownloadOpen && (\n          <ModalDownload\n            onClose={() => {\n              setIsExportTableDownloadOpen(false)\n            }}\n            queryBundleRequest={queryRequest}\n          />\n        )}\n        <StyledTanStackTable\n          styledTableContainerProps={{\n            className: 'SynapseTable',\n            ['data-testid']: 'SynapseTable',\n            density: 'default',\n          }}\n          table={table}\n          fullWidth={false}\n          autoColumnSizing={true}\n        />\n      </div>\n    </SynapseTableContext.Provider>\n  )\n}\n\n/**\n * If this is a view/dataset and rows have an ID, then rows represent individual objects in Synapse.\n * Presence of row IDs also indicates that the query is also necessarily not summary data, e.g. the query does\n * not include an operation like GROUP BY, DISTINCT, etc., that would cause rows to not map 1:1 to Synapse Entities\n */\nfunction allRowsHaveId(rowSet: RowSet): boolean {\n  return Boolean(rowSet.rows?.every(row => !!row.rowId))\n}\n"],"names":["DEFAULT_CUSTOM_COLUMNS","columnHelper","createColumnHelper","SynapseTable","props","showDownloadColumn","hideDownload","rowSet","isLoadingNewPage","customColumns","showAccessColumn","showExternalAccessIcon","showAccessColumnHeader","showDirectDownloadColumn","hideAddToDownloadListColumn","columnLinks","entityId","versionNumber","getCurrentQueryRequest","fileIdColumnName","fileVersionColumnName","useQueryContext","queryRequest","useMemo","selectColumns","entity","useGetEntity","columnsToShowInTable","NoContentPlaceholder","useQueryVisualizationContext","synapseTableContext","isAuthenticated","useSynapseContext","isExportTableDownloadOpen","setIsExportTableDownloadOpen","useState","sort","setSort","useTableSort","isRowSelectionVisible","useAtomValue","isRowSelectionVisibleAtom","isShowingAccessColumn","isEntityViewOrDatasetOrCollection","allRowsHaveId","rowsAreDownloadable","isFileViewOrDataset","isShowingDirectDownloadColumn","isShowingAddToV2DownloadListColumn","rowEntityIDColumnIndex","col","rowEntityVersionColumnIndex","columns","rowSelectionColumn","addToDownloadListColumn","directDownloadColumn","accessColumn","selectColumn","index","row","isSortableColumn","TableDataColumnHeader","TableDataCell","prependColumnVisibility","columnVisibility","prev","curr","dataHasBeenPrefetched","usePrefetchResourcesInTable","renderTableDataPlaceholder","table","useReactTable","getCoreRowModel","cell","cm","ColumnTypeEnum","SynapseTableContext","jsx","ModalDownload","StyledTanStackTable","Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,MAAMA,KAAgD,CAAA,GA8ChDC,KAAeC,GAAA;AAEd,SAASC,GAAaC,GAA0B;AACrD,QAAM,EAAE,oBAAAC,GAAoB,cAAAC,EAAA,IAAiBF,GACvC;AAAA,IACJ,QAAAG;AAAA,IACA,kBAAAC;AAAA,IACA,eAAAC,IAAgBT;AAAA,IAChB,kBAAAU;AAAA,IACA,wBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,0BAAAC,IAA2BR;AAAA,IAC3B,6BAAAS,IAA8BR;AAAA,IAC9B,aAAAS;AAAA,EAAA,IACEX,GACE;AAAA,IACJ,UAAAY;AAAA,IACA,eAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,uBAAAC;AAAA,EAAA,IACEC,GAAA,GACEC,IAAeC;AAAA,IACnB,MAAML,EAAA;AAAA,IACN,CAACA,CAAsB;AAAA,EAAA,GAGnBM,IAAgBjB,EAAO,SAEvB,EAAE,MAAMkB,EAAA,IAAWC,GAAoBV,GAAUC,CAAa,GAE9D,EAAE,sBAAAU,GAAsB,sBAAAC,EAAA,IAC5BC,GAAA,GACIC,IAAsBP;AAAA,IAC1B,OAAO;AAAA,MACL,aAAAR;AAAA,MACA,wBAAAJ;AAAA,IAAA;AAAA,IAEF,CAACI,GAAaJ,CAAsB;AAAA,EAAA,GAEhC,EAAE,iBAAAoB,EAAA,IAAoBC,GAAA,GAEtB,CAACC,GAA2BC,CAA4B,IAC5DC,GAAS,EAAK,GAEV,EAAE,MAAAC,GAAM,SAAAC,EAAA,IAAYC,GAAA,GACpBC,IAAwBC,GAAaC,EAAyB,GAE9DC,IAAiC,GACrChC,KACEe,MACEkB,GAAkClB,CAAM,KAAKmB,EAAcrC,CAAM,KACjEY,KAEA0B,IACJpB,KACAM,MACEe,GAAoBrB,CAAM,KAAKmB,EAAcrC,CAAM,KAAMY,IAEvD4B,IAAgC,GACpCF,KAAuBhC,IAGnBmC,IAA8C,GAClDH,KACE,CAAC/B,KACD,CAACyB,IAECU,IAAyB9B,IAC3BZ,EAAO,QAAQ,UAAU,CAAA2C,MAAOA,EAAI,QAAQ/B,CAAgB,IAC5D,QACEgC,IAA8B/B,IAChCb,EAAO,QAAQ,UAAU,CAAA2C,MAAOA,EAAI,QAAQ9B,CAAqB,IACjE,QAEEgC,IAAU7B;AAAA,IACd,MAAM;AAAA,MACJ,GAAGd;AAAA,MACH4C;AAAA,MACAC;AAAA,MACAC;AAAA,MACA;AAAA,QACE,GAAGC;AAAA,QACH,QAAQ9C,KAAoBE,IAAyB,WAAW;AAAA,MAAA;AAAA,MAElE,GAAIY,EAAc,IAAI,CAACiC,GAAcC,MAC5BzD,GAAa,SAAS,CAAA0D,MAAOA,EAAI,OAAOD,CAAK,GAAG;AAAA,QACrD,IAAID,EAAa;AAAA,QACjB,eAAeG,GAAiBH,EAAa,UAAU;AAAA,QACvD,gBAAgB;AAAA,QAChB,QAAQI;AAAA,QACR,MAAMC;AAAA,MAAA,CACP,CACF,KAAK,CAAA;AAAA,IAAC;AAAA,IAET,CAACrD,GAAee,GAAed,GAAkBE,CAAsB;AAAA,EAAA,GAGnEmD,IAA2CxC;AAAA,IAC/C,OAAO;AAAA,MACL,CAAC8B,EAAmB,EAAY,GAAGd;AAAA,MACnC,CAACe,EAAwB,EAAY,GACnCN;AAAA,MACF,CAACO,EAAqB,EAAY,GAAGR;AAAA,MACrC,CAACS,EAAa,EAAY,GAAGd;AAAA,IAAA;AAAA,IAE/B;AAAA,MACEH;AAAA,MACAG;AAAA,MACAM;AAAA,MACAD;AAAA,IAAA;AAAA,EACF,GAIIiB,IAAoCzC;AAAA,IACxC,MACEC,EAAc,OAAO,CAACyC,GAAuBC,OACpC;AAAA,MACL,GAAGD;AAAA,MACH,CAACC,EAAK,IAAI,GAAGvC,EAAqB,SAASuC,EAAK,IAAI;AAAA,IAAA,IAErDH,CAAuB;AAAA,IAC5B,CAACpC,GAAsBH,GAAeuC,CAAuB;AAAA,EAAA,GAGzD,EAAE,uBAAAI,EAAA,IAA0BC,GAA4B7D,CAAM,GAC9D8D,IAA6B7D,KAAoB,CAAC2D,GAElDG,IAAQC,GAAc;AAAA,IAC1B,MAAMhE,EAAO;AAAA,IACb,SAAA6C;AAAA,IACA,iBAAiBoB,GAAA;AAAA,IACjB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,iBAAiBnC;AAAA,IACjB,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,OAAO;AAAA,MACL,SAASD;AAAA,MACT,kBAAA4B;AAAA,IAAA;AAAA,IAEF,MAAM;AAAA,MACJ,QAAAzD;AAAA;AAAA,MAEA,wBAAA0C;AAAA,MACA,6BAAAE;AAAA,MACA,uBAAuBkB;AAAA,MACvB,uBAAuB,CAACI,MAA6B;AACnD,cAAMhB,IAAejC,EAAc;AAAA,UACjC,CAAAkD,MAAMA,EAAG,SAASD,EAAK,OAAO;AAAA,QAAA;AAEhC,eAAO,GACLhB;AAAA,QAEEA,EAAa,eAAekB,EAAe;AAAA,MAEjD;AAAA,IAAA;AAAA,EACF,CACD;AAKD,SAAKpE,IAMH,GAHkBA,EAAO,MAAM,UAAU,KAAK,OAI7Ce,EAAa,MAAM,WAAW,KAAKA,EAAa,MAAM,UAAU,0BAEzDM,GAAA,EAAqB,sBAI5BgD,GAAoB,UAApB,EAA6B,OAAO9C,GACnC,4BAAC,OAAA,EACE,UAAA;AAAA,IAAAG,KACC,gBAAA4C;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAA5C,EAA6B,EAAK;AAAA,QACpC;AAAA,QACA,oBAAoBZ;AAAA,MAAA;AAAA,IAAA;AAAA,IAGxB,gBAAAuD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,2BAA2B;AAAA,UACzB,WAAW;AAAA,UACV,eAAgB;AAAA,UACjB,SAAS;AAAA,QAAA;AAAA,QAEX,OAAAT;AAAA,QACA,WAAW;AAAA,QACX,kBAAkB;AAAA,MAAA;AAAA,IAAA;AAAA,EACpB,EAAA,CACF,EAAA,CACF,IAjCO,gBAAAO,EAAAG,GAAA,EAAE;AAmCb;AAOA,SAASpC,EAAcrC,GAAyB;AAC9C,SAAO,EAAQA,EAAO,MAAM,MAAM,OAAO,CAAC,CAACoD,EAAI,KAAK;AACtD;"}
+{"version":3,"file":"SynapseTable.js","sources":["../../../src/components/SynapseTable/SynapseTable.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport {\n  ColumnTypeEnum,\n  Row,\n  RowSet,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  Cell,\n  ColumnDef,\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n  VisibilityState,\n} from '@tanstack/react-table'\nimport { useAtomValue } from 'jotai'\nimport { useMemo, useState } from 'react'\nimport { LabelLinkConfig } from '../CardContainerLogic'\nimport ModalDownload from '../ModalDownload/ModalDownload'\nimport { useQueryContext } from '../QueryContext'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport { isRowSelectionVisibleAtom } from '../QueryWrapper/TableRowSelectionState'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { SynapseTableContext } from './SynapseTableContext'\nimport {\n  accessColumn,\n  addToDownloadListColumn,\n  directDownloadColumn,\n  rowSelectionColumn,\n  TableDataCell,\n  TableDataColumnHeader,\n} from './SynapseTableRenderers'\nimport {\n  isEntityViewOrDatasetOrCollection,\n  isFileViewOrDataset,\n  isSortableColumn,\n} from './SynapseTableUtils'\nimport { usePrefetchResourcesInTable } from './usePrefetchTableData'\nimport { useTableSort } from './useTableSort'\n\nconst DEFAULT_CUSTOM_COLUMNS: ColumnDef<Row, any>[] = []\n\n/**\n * Returns the minimum column width (in px) for a Synapse table column\n * based on its type and name.\n */\nexport function getColumnMinSize(\n  columnName: string,\n  columnType: ColumnTypeEnum,\n): number {\n  const nameLower = columnName.toLowerCase()\n  if (nameLower.includes('name') || nameLower.includes('description')) {\n    return 250\n  }\n  switch (columnType) {\n    case ColumnTypeEnum.ENTITYID:\n    case ColumnTypeEnum.ENTITYID_LIST:\n    case ColumnTypeEnum.USERID:\n    case ColumnTypeEnum.USERID_LIST:\n    case ColumnTypeEnum.FILEHANDLEID:\n    case ColumnTypeEnum.EVALUATIONID:\n    case ColumnTypeEnum.SUBMISSIONID:\n      return 180\n    case ColumnTypeEnum.DATE:\n    case ColumnTypeEnum.DATE_LIST:\n      return 120\n    case ColumnTypeEnum.STRING:\n    case ColumnTypeEnum.STRING_LIST:\n      return 100\n    default:\n      return 60\n  }\n}\n\nexport type SynapseTableConfiguration = Pick<\n  SynapseTableProps,\n  | 'showAccessColumn'\n  | 'showExternalAccessIcon'\n  | 'showAccessColumnHeader'\n  | 'showDownloadColumn'\n  | 'hideDownload'\n  | 'showDirectDownloadColumn'\n  | 'hideAddToDownloadListColumn'\n  | 'columnLinks'\n  | 'customColumns'\n>\n\nexport type SynapseTableProps = {\n  /** The row data shown in the table. */\n  rowSet: RowSet\n  /** Whether a new page of data is being loaded */\n  isLoadingNewPage: boolean\n  /** Custom columns to render in the table */\n  customColumns?: ColumnDef<Row, any>[]\n  /** If true and entity is a view or dataset, renders a column that represents if the caller has permission to download the entity represented by the row */\n  showAccessColumn?: boolean\n  /**\n   * If true, the component will show enhanced UI for the case where\n   * - the entity is a FileEntity, AND\n   * - the caller has permission to fetch the dataFileHandle, AND\n   * - the dataFileHandle is an instance of ExternalFileHandleInterface (i.e. the file is not controlled by Synapse)\n   * Note that this requires an additional API call that cannot be batched, so it should be avoided in bulk  contexts if possible.\n   * @default false\n   */\n  showExternalAccessIcon?: boolean\n  showAccessColumnHeader?: boolean\n  /** @deprecated use showDirectDownloadColumn */\n  showDownloadColumn?: boolean\n  /** @deprecated use hideAddToDownloadListColumn */\n  hideDownload?: boolean\n  /** If true and entity is a file view or dataset, renders a column that allows the logged-in user to directly download the file, if they have permission */\n  showDirectDownloadColumn?: boolean\n  /** If true, the add to download list column will be hidden */\n  hideAddToDownloadListColumn?: boolean\n  /** Configuration to override cell renderers with e.g. a link to a portals detail page */\n  columnLinks?: LabelLinkConfig\n}\n\nconst columnHelper = createColumnHelper<Row>()\n\nexport function SynapseTable(props: SynapseTableProps) {\n  const { showDownloadColumn, hideDownload } = props\n  const {\n    rowSet,\n    isLoadingNewPage,\n    customColumns = DEFAULT_CUSTOM_COLUMNS,\n    showAccessColumn,\n    showExternalAccessIcon,\n    showAccessColumnHeader,\n    showDirectDownloadColumn = showDownloadColumn,\n    hideAddToDownloadListColumn = hideDownload,\n    columnLinks,\n  } = props\n  const {\n    entityId,\n    versionNumber,\n    getCurrentQueryRequest,\n    fileIdColumnName,\n    fileVersionColumnName,\n  } = useQueryContext()\n  const queryRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  const selectColumns = rowSet.headers\n\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n\n  const { columnsToShowInTable, NoContentPlaceholder } =\n    useQueryVisualizationContext()\n  const synapseTableContext = useMemo(\n    () => ({\n      columnLinks,\n      showExternalAccessIcon,\n    }),\n    [columnLinks, showExternalAccessIcon],\n  )\n  const { isAuthenticated } = useSynapseContext()\n\n  const [isExportTableDownloadOpen, setIsExportTableDownloadOpen] =\n    useState(false)\n\n  const { sort, setSort } = useTableSort()\n  const isRowSelectionVisible = useAtomValue(isRowSelectionVisibleAtom)\n\n  const isShowingAccessColumn: boolean = Boolean(\n    showAccessColumn &&\n      entity &&\n      ((isEntityViewOrDatasetOrCollection(entity) && allRowsHaveId(rowSet)) ||\n        fileIdColumnName),\n  )\n  const rowsAreDownloadable =\n    entity &&\n    isAuthenticated &&\n    ((isFileViewOrDataset(entity) && allRowsHaveId(rowSet)) || fileIdColumnName)\n\n  const isShowingDirectDownloadColumn = Boolean(\n    rowsAreDownloadable && showDirectDownloadColumn,\n  )\n\n  const isShowingAddToV2DownloadListColumn: boolean = Boolean(\n    rowsAreDownloadable &&\n      !hideAddToDownloadListColumn &&\n      !isRowSelectionVisible,\n  )\n  const rowEntityIDColumnIndex = fileIdColumnName\n    ? rowSet.headers.findIndex(col => col.name == fileIdColumnName)\n    : undefined\n  const rowEntityVersionColumnIndex = fileVersionColumnName\n    ? rowSet.headers.findIndex(col => col.name == fileVersionColumnName)\n    : undefined\n\n  const columns = useMemo(\n    () => [\n      ...customColumns,\n      rowSelectionColumn,\n      addToDownloadListColumn,\n      directDownloadColumn,\n      {\n        ...accessColumn,\n        header: showAccessColumn && showAccessColumnHeader ? 'Access' : '',\n      },\n      ...(selectColumns.map((selectColumn, index) => {\n        return columnHelper.accessor(row => row.values[index], {\n          id: selectColumn.name,\n          enableSorting: isSortableColumn(selectColumn.columnType),\n          enableResizing: true,\n          minSize: getColumnMinSize(\n            selectColumn.name,\n            selectColumn.columnType as ColumnTypeEnum,\n          ),\n          header: TableDataColumnHeader,\n          cell: TableDataCell,\n        })\n      }) ?? []),\n    ],\n    [customColumns, selectColumns, showAccessColumn, showAccessColumnHeader],\n  )\n\n  const prependColumnVisibility: VisibilityState = useMemo(\n    () => ({\n      [rowSelectionColumn.id as string]: isRowSelectionVisible,\n      [addToDownloadListColumn.id as string]:\n        isShowingAddToV2DownloadListColumn,\n      [directDownloadColumn.id as string]: isShowingDirectDownloadColumn,\n      [accessColumn.id as string]: isShowingAccessColumn,\n    }),\n    [\n      isRowSelectionVisible,\n      isShowingAccessColumn,\n      isShowingAddToV2DownloadListColumn,\n      isShowingDirectDownloadColumn,\n    ],\n  )\n\n  // Transform our `columnsToShowInTable` to @tanstack/react-table's `VisibilityState`\n  const columnVisibility: VisibilityState = useMemo(\n    () =>\n      selectColumns.reduce((prev: VisibilityState, curr) => {\n        return {\n          ...prev,\n          [curr.name]: columnsToShowInTable.includes(curr.name),\n        }\n      }, prependColumnVisibility),\n    [columnsToShowInTable, selectColumns, prependColumnVisibility],\n  )\n\n  const { dataHasBeenPrefetched } = usePrefetchResourcesInTable(rowSet)\n  const renderTableDataPlaceholder = isLoadingNewPage || !dataHasBeenPrefetched\n\n  const table = useReactTable({\n    data: rowSet.rows,\n    columns,\n    defaultColumn: { minSize: 60 },\n    getCoreRowModel: getCoreRowModel(),\n    manualSorting: true,\n    manualFiltering: true,\n    onSortingChange: setSort,\n    enableMultiSort: true,\n    columnResizeMode: 'onChange',\n    state: {\n      sorting: sort,\n      columnVisibility: columnVisibility,\n    },\n    meta: {\n      rowSet,\n      // make the rowEntityIDColumnIndex available to all cell renderers\n      rowEntityIDColumnIndex,\n      rowEntityVersionColumnIndex,\n      renderPlaceholderData: renderTableDataPlaceholder,\n      getWrapInExpandableTd: (cell: Cell<Row, unknown>) => {\n        const selectColumn = selectColumns.find(\n          cm => cm.name === cell.column.id,\n        )\n        return Boolean(\n          selectColumn &&\n            /* JSON handles its own overflow*/\n            selectColumn.columnType !== ColumnTypeEnum.JSON,\n        )\n      },\n    },\n  })\n\n  /**\n   * Display the view\n   */\n  if (!rowSet) {\n    return <></>\n  }\n  const hasResults = (rowSet.rows?.length ?? 0) > 0\n  // Show the No Results UI if the current page has no rows, and this is the first page of data (offset === 0 or null/undefined).\n  if (\n    !hasResults &&\n    (queryRequest.query.offset === 0 || queryRequest.query.offset == null)\n  ) {\n    return <NoContentPlaceholder />\n  }\n\n  return (\n    <SynapseTableContext.Provider value={synapseTableContext}>\n      <div>\n        {isExportTableDownloadOpen && (\n          <ModalDownload\n            onClose={() => {\n              setIsExportTableDownloadOpen(false)\n            }}\n            queryBundleRequest={queryRequest}\n          />\n        )}\n        <StyledTanStackTable\n          styledTableContainerProps={{\n            className: 'SynapseTable',\n            ['data-testid']: 'SynapseTable',\n            density: 'default',\n          }}\n          table={table}\n          fullWidth={false}\n          autoColumnSizing={true}\n        />\n      </div>\n    </SynapseTableContext.Provider>\n  )\n}\n\n/**\n * If this is a view/dataset and rows have an ID, then rows represent individual objects in Synapse.\n * Presence of row IDs also indicates that the query is also necessarily not summary data, e.g. the query does\n * not include an operation like GROUP BY, DISTINCT, etc., that would cause rows to not map 1:1 to Synapse Entities\n */\nfunction allRowsHaveId(rowSet: RowSet): boolean {\n  return Boolean(rowSet.rows?.every(row => !!row.rowId))\n}\n"],"names":["DEFAULT_CUSTOM_COLUMNS","getColumnMinSize","columnName","columnType","nameLower","ColumnTypeEnum","columnHelper","createColumnHelper","SynapseTable","props","showDownloadColumn","hideDownload","rowSet","isLoadingNewPage","customColumns","showAccessColumn","showExternalAccessIcon","showAccessColumnHeader","showDirectDownloadColumn","hideAddToDownloadListColumn","columnLinks","entityId","versionNumber","getCurrentQueryRequest","fileIdColumnName","fileVersionColumnName","useQueryContext","queryRequest","useMemo","selectColumns","entity","useGetEntity","columnsToShowInTable","NoContentPlaceholder","useQueryVisualizationContext","synapseTableContext","isAuthenticated","useSynapseContext","isExportTableDownloadOpen","setIsExportTableDownloadOpen","useState","sort","setSort","useTableSort","isRowSelectionVisible","useAtomValue","isRowSelectionVisibleAtom","isShowingAccessColumn","isEntityViewOrDatasetOrCollection","allRowsHaveId","rowsAreDownloadable","isFileViewOrDataset","isShowingDirectDownloadColumn","isShowingAddToV2DownloadListColumn","rowEntityIDColumnIndex","col","rowEntityVersionColumnIndex","columns","rowSelectionColumn","addToDownloadListColumn","directDownloadColumn","accessColumn","selectColumn","index","row","isSortableColumn","TableDataColumnHeader","TableDataCell","prependColumnVisibility","columnVisibility","prev","curr","dataHasBeenPrefetched","usePrefetchResourcesInTable","renderTableDataPlaceholder","table","useReactTable","getCoreRowModel","cell","cm","SynapseTableContext","jsx","ModalDownload","StyledTanStackTable","Fragment"],"mappings":"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"}

package/dist/components/TextField/TextField.css

@@ -0,0 +1 @@
+._labelRow_a4znl_1{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}._inputLabel_a4znl_8{position:relative!important;font-weight:700;margin-bottom:0;pointer-events:unset}._helperText_a4znl_15{font-weight:500;color:var(--synapse-gray-600)}._charCount_a4znl_20{text-align:right;color:var(--synapse-gray-600);font-size:.75rem;margin-top:2px}

package/dist/components/TextField/TextField.d.ts

@@ -1,6 +1,7 @@
 import { TextFieldProps as MuiTextFieldProps } from '@mui/material';
-export type TextFieldProps = Pick<MuiTextFieldProps, 'autoComplete' | 'autoFocus' | 'disabled' | 'error' | 'fullWidth' | 'id' | 'inputProps' | 'label' | 'maxRows' | 'minRows' | 'multiline' | 'onBlur' | 'onChange' | 'placeholder' | 'required' | 'rows' | 'sx' | 'type' | 'value'> & {
+export type TextFieldProps = Pick<MuiTextFieldProps, 'autoComplete' | 'autoFocus' | 'disabled' | 'error' | 'fullWidth' | 'helperText' | 'id' | 'inputProps' | 'label' | 'maxRows' | 'minRows' | 'multiline' | 'onBlur' | 'onChange' | 'placeholder' | 'required' | 'rows' | 'sx' | 'type' | 'value'> & {
     noWrapInFormControl?: boolean;
+    maxCharacterCount?: number;
 };
 /**
  * A styled text field built using MUI components and designed to match the Sage Design System (SDS) input fields.

package/dist/components/TextField/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,cAAc,IAAI,iBAAiB,EACpC,MAAM,eAAe,CAAA;AAGtB,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,iBAAiB,EACf,cAAc,GACd,WAAW,GACX,UAAU,GACV,OAAO,GACP,WAAW,GACX,IAAI,GACJ,YAAY,GACZ,OAAO,GACP,SAAS,GACT,SAAS,GACT,WAAW,GACX,QAAQ,GACR,UAAU,GACV,aAAa,GACb,UAAU,GACV,MAAM,GACN,IAAI,GACJ,MAAM,GACN,OAAO,CACV,GAAG;IAAE,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AAErC;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,2CAoCtD"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,cAAc,IAAI,iBAAiB,EAEpC,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,iBAAiB,EACf,cAAc,GACd,WAAW,GACX,UAAU,GACV,OAAO,GACP,WAAW,GACX,YAAY,GACZ,IAAI,GACJ,YAAY,GACZ,OAAO,GACP,SAAS,GACT,SAAS,GACT,WAAW,GACX,QAAQ,GACR,UAAU,GACV,aAAa,GACb,UAAU,GACV,MAAM,GACN,IAAI,GACJ,MAAM,GACN,OAAO,CACV,GAAG;IAAE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAEjE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,2CA2DtD"}

package/dist/components/TextField/TextField.js

@@ -1,34 +1,48 @@
-import { jsx as t, Fragment as m, jsxs as d } from "react/jsx-runtime";
-import { StyledFormControl as a } from "../styled/StyledFormControl.js";
-import { InputLabel as c, InputBase as s } from "@mui/material";
-import { useId as u, useMemo as f } from "react";
-function I(e) {
-  const n = u(), { noWrapInFormControl: o, label: h, ...l } = e, i = f(
-    () => o ? (r) => /* @__PURE__ */ t(m, { children: r.children }) : (r) => /* @__PURE__ */ t(a, { fullWidth: !0, sx: { my: 1 }, children: r.children }),
-    [o]
+import { jsx as t, Fragment as x, jsxs as i } from "react/jsx-runtime";
+import { StyledFormControl as f } from "../styled/StyledFormControl.js";
+import { Box as b, InputLabel as y, Typography as d, InputBase as g } from "@mui/material";
+import l from "./TextField.module.scss.js";
+import { useId as v, useMemo as C } from "react";
+function W(e) {
+  const s = v(), {
+    noWrapInFormControl: c,
+    label: F,
+    helperText: o,
+    maxCharacterCount: n,
+    inputProps: m,
+    ...a
+  } = e, u = n ? { ...m, maxLength: n } : m, h = typeof a.value == "string" ? a.value.length : 0, p = C(
+    () => c ? (r) => /* @__PURE__ */ t(x, { children: r.children }) : (r) => /* @__PURE__ */ t(f, { fullWidth: !0, sx: { my: 1 }, children: r.children }),
+    [c]
   );
-  return /* @__PURE__ */ d(i, { children: [
-    e.label && /* @__PURE__ */ t(
-      c,
-      {
-        htmlFor: e.id || n,
-        sx: {
-          fontWeight: 700,
-          mb: "4px",
-          pointerEvents: "unset",
-          "&::after": ({ palette: r }) => ({
-            content: e.required ? '"*"' : void 0,
-            marginLeft: "3px",
-            color: r.secondary.main
-          })
-        },
-        children: e.label
-      }
-    ),
-    /* @__PURE__ */ t(s, { id: n, ...l })
+  return /* @__PURE__ */ i(p, { children: [
+    (e.label || o) && /* @__PURE__ */ i(b, { className: l.labelRow, children: [
+      e.label && /* @__PURE__ */ t(
+        y,
+        {
+          htmlFor: e.id || s,
+          className: l.inputLabel,
+          sx: {
+            "&::after": ({ palette: r }) => ({
+              content: e.required ? '"*"' : void 0,
+              marginLeft: "3px",
+              color: r.secondary.main
+            })
+          },
+          children: e.label
+        }
+      ),
+      o && /* @__PURE__ */ t(d, { variant: "body2", className: l.helperText, children: o })
+    ] }),
+    /* @__PURE__ */ t(g, { id: s, inputProps: u, ...a }),
+    n !== void 0 && /* @__PURE__ */ i(d, { variant: "body2", className: l.charCount, children: [
+      h,
+      "/",
+      n
+    ] })
   ] });
 }
 export {
-  I as default
+  W as default
 };
 //# sourceMappingURL=TextField.js.map

package/dist/components/TextField/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import StyledFormControl from '@/components/styled/StyledFormControl'\nimport {\n  InputBase,\n  InputLabel,\n  TextFieldProps as MuiTextFieldProps,\n} from '@mui/material'\nimport { PropsWithChildren, useId, useMemo } from 'react'\n\nexport type TextFieldProps = Pick<\n  MuiTextFieldProps,\n  | 'autoComplete'\n  | 'autoFocus'\n  | 'disabled'\n  | 'error'\n  | 'fullWidth'\n  | 'id'\n  | 'inputProps'\n  | 'label'\n  | 'maxRows'\n  | 'minRows'\n  | 'multiline'\n  | 'onBlur'\n  | 'onChange'\n  | 'placeholder'\n  | 'required'\n  | 'rows'\n  | 'sx'\n  | 'type'\n  | 'value'\n> & { noWrapInFormControl?: boolean }\n\n/**\n * A styled text field built using MUI components and designed to match the Sage Design System (SDS) input fields.\n */\nexport default function TextField(props: TextFieldProps) {\n  const id = useId()\n  const { noWrapInFormControl, label, ...rest } = props\n  const Wrapper = useMemo(\n    () =>\n      noWrapInFormControl\n        ? (props: PropsWithChildren<object>) => <>{props.children}</>\n        : (props: PropsWithChildren<object>) => (\n            <StyledFormControl fullWidth sx={{ my: 1 }}>\n              {props.children}\n            </StyledFormControl>\n          ),\n    [noWrapInFormControl],\n  )\n  return (\n    <Wrapper>\n      {props.label && (\n        <InputLabel\n          htmlFor={props.id || id}\n          sx={{\n            fontWeight: 700,\n            mb: '4px',\n            pointerEvents: 'unset',\n            '&::after': ({ palette }) => ({\n              content: props.required ? '\"*\"' : undefined,\n              marginLeft: '3px',\n              color: palette.secondary.main,\n            }),\n          }}\n        >\n          {props.label}\n        </InputLabel>\n      )}\n      <InputBase id={id} {...rest}></InputBase>\n    </Wrapper>\n  )\n}\n"],"names":["TextField","props","id","useId","noWrapInFormControl","label","rest","Wrapper","useMemo","StyledFormControl","jsx","InputLabel","palette","InputBase"],"mappings":";;;;AAkCA,SAAwBA,EAAUC,GAAuB;AACvD,QAAMC,IAAKC,EAAA,GACL,EAAE,qBAAAC,GAAqB,OAAAC,GAAO,GAAGC,MAASL,GAC1CM,IAAUC;AAAA,IACd,MACEJ,IACI,CAACH,6BAAwC,UAAAA,EAAM,UAAS,IACxD,CAACA,wBACEQ,GAAA,EAAkB,WAAS,IAAC,IAAI,EAAE,IAAI,KACpC,UAAAR,EAAM,SAAA,CACT;AAAA,IAER,CAACG,CAAmB;AAAA,EAAA;AAEtB,2BACGG,GAAA,EACE,UAAA;AAAA,IAAAN,EAAM,SACL,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAASV,EAAM,MAAMC;AAAA,QACrB,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,IAAI;AAAA,UACJ,eAAe;AAAA,UACf,YAAY,CAAC,EAAE,SAAAU,SAAe;AAAA,YAC5B,SAASX,EAAM,WAAW,QAAQ;AAAA,YAClC,YAAY;AAAA,YACZ,OAAOW,EAAQ,UAAU;AAAA,UAAA;AAAA,QAC3B;AAAA,QAGD,UAAAX,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAGX,gBAAAS,EAACG,GAAA,EAAU,IAAAX,GAAS,GAAGI,EAAA,CAAM;AAAA,EAAA,GAC/B;AAEJ;"}
+{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import StyledFormControl from '@/components/styled/StyledFormControl'\nimport {\n  Box,\n  InputBase,\n  InputLabel,\n  TextFieldProps as MuiTextFieldProps,\n  Typography,\n} from '@mui/material'\nimport styles from './TextField.module.scss'\nimport { PropsWithChildren, useId, useMemo } from 'react'\n\nexport type TextFieldProps = Pick<\n  MuiTextFieldProps,\n  | 'autoComplete'\n  | 'autoFocus'\n  | 'disabled'\n  | 'error'\n  | 'fullWidth'\n  | 'helperText'\n  | 'id'\n  | 'inputProps'\n  | 'label'\n  | 'maxRows'\n  | 'minRows'\n  | 'multiline'\n  | 'onBlur'\n  | 'onChange'\n  | 'placeholder'\n  | 'required'\n  | 'rows'\n  | 'sx'\n  | 'type'\n  | 'value'\n> & { noWrapInFormControl?: boolean; maxCharacterCount?: number }\n\n/**\n * A styled text field built using MUI components and designed to match the Sage Design System (SDS) input fields.\n */\nexport default function TextField(props: TextFieldProps) {\n  const id = useId()\n  const {\n    noWrapInFormControl,\n    label: _label,\n    helperText,\n    maxCharacterCount,\n    inputProps: inputPropsProp,\n    ...rest\n  } = props\n  const mergedInputProps = maxCharacterCount\n    ? { ...inputPropsProp, maxLength: maxCharacterCount }\n    : inputPropsProp\n  const currentLength = typeof rest.value === 'string' ? rest.value.length : 0\n  const Wrapper = useMemo(\n    () =>\n      noWrapInFormControl\n        ? (props: PropsWithChildren<object>) => <>{props.children}</>\n        : (props: PropsWithChildren<object>) => (\n            <StyledFormControl fullWidth sx={{ my: 1 }}>\n              {props.children}\n            </StyledFormControl>\n          ),\n    [noWrapInFormControl],\n  )\n  return (\n    <Wrapper>\n      {(props.label || helperText) && (\n        <Box className={styles.labelRow}>\n          {props.label && (\n            <InputLabel\n              htmlFor={props.id || id}\n              className={styles.inputLabel}\n              sx={{\n                '&::after': ({ palette }) => ({\n                  content: props.required ? '\"*\"' : undefined,\n                  marginLeft: '3px',\n                  color: palette.secondary.main,\n                }),\n              }}\n            >\n              {props.label}\n            </InputLabel>\n          )}\n          {helperText && (\n            <Typography variant=\"body2\" className={styles.helperText}>\n              {helperText}\n            </Typography>\n          )}\n        </Box>\n      )}\n      <InputBase id={id} inputProps={mergedInputProps} {...rest}></InputBase>\n      {maxCharacterCount !== undefined && (\n        <Typography variant=\"body2\" className={styles.charCount}>\n          {currentLength}/{maxCharacterCount}\n        </Typography>\n      )}\n    </Wrapper>\n  )\n}\n"],"names":["TextField","props","id","useId","noWrapInFormControl","_label","helperText","maxCharacterCount","inputPropsProp","rest","mergedInputProps","currentLength","Wrapper","useMemo","StyledFormControl","jsxs","Box","styles","jsx","InputLabel","palette","Typography","InputBase"],"mappings":";;;;;AAsCA,SAAwBA,EAAUC,GAAuB;AACvD,QAAMC,IAAKC,EAAA,GACL;AAAA,IACJ,qBAAAC;AAAA,IACA,OAAOC;AAAA,IACP,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAYC;AAAA,IACZ,GAAGC;AAAA,EAAA,IACDR,GACES,IAAmBH,IACrB,EAAE,GAAGC,GAAgB,WAAWD,MAChCC,GACEG,IAAgB,OAAOF,EAAK,SAAU,WAAWA,EAAK,MAAM,SAAS,GACrEG,IAAUC;AAAA,IACd,MACET,IACI,CAACH,6BAAwC,UAAAA,EAAM,UAAS,IACxD,CAACA,wBACEa,GAAA,EAAkB,WAAS,IAAC,IAAI,EAAE,IAAI,KACpC,UAAAb,EAAM,SAAA,CACT;AAAA,IAER,CAACG,CAAmB;AAAA,EAAA;AAEtB,2BACGQ,GAAA,EACG,UAAA;AAAA,KAAAX,EAAM,SAASK,MACf,gBAAAS,EAACC,GAAA,EAAI,WAAWC,EAAO,UACpB,UAAA;AAAA,MAAAhB,EAAM,SACL,gBAAAiB;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAASlB,EAAM,MAAMC;AAAA,UACrB,WAAWe,EAAO;AAAA,UAClB,IAAI;AAAA,YACF,YAAY,CAAC,EAAE,SAAAG,SAAe;AAAA,cAC5B,SAASnB,EAAM,WAAW,QAAQ;AAAA,cAClC,YAAY;AAAA,cACZ,OAAOmB,EAAQ,UAAU;AAAA,YAAA;AAAA,UAC3B;AAAA,UAGD,UAAAnB,EAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAGVK,uBACEe,GAAA,EAAW,SAAQ,SAAQ,WAAWJ,EAAO,YAC3C,UAAAX,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,sBAEDgB,GAAA,EAAU,IAAApB,GAAQ,YAAYQ,GAAmB,GAAGD,GAAM;AAAA,IAC1DF,MAAsB,UACrB,gBAAAQ,EAACM,GAAA,EAAW,SAAQ,SAAQ,WAAWJ,EAAO,WAC3C,UAAA;AAAA,MAAAN;AAAA,MAAc;AAAA,MAAEJ;AAAA,IAAA,EAAA,CACnB;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/TextField/TextField.module.scss

@@ -0,0 +1,25 @@
+.labelRow {
+  display: flex;
+  align-items: baseline;
+  gap: 6px;
+  margin-bottom: 4px;
+}
+
+.inputLabel {
+  position: relative !important;
+  font-weight: 700;
+  margin-bottom: 0;
+  pointer-events: unset;
+}
+
+.helperText {
+  font-weight: 500;
+  color: var(--synapse-gray-600);
+}
+
+.charCount {
+  text-align: right;
+  color: var(--synapse-gray-600);
+  font-size: 0.75rem;
+  margin-top: 2px;
+}

package/dist/components/TextField/TextField.module.scss.js

@@ -0,0 +1,14 @@
+import './TextField.css';const e = "_labelRow_a4znl_1", l = "_inputLabel_a4znl_8", t = "_helperText_a4znl_15", a = "_charCount_a4znl_20", n = {
+  labelRow: e,
+  inputLabel: l,
+  helperText: t,
+  charCount: a
+};
+export {
+  a as charCount,
+  n as default,
+  t as helperText,
+  l as inputLabel,
+  e as labelRow
+};
+//# sourceMappingURL=TextField.module.scss.js.map

package/dist/components/TextField/TextField.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert.js

@@ -48,7 +48,6 @@ import "../../../assets/icons/account-validated.svg.js";
 import "../../../utils/functions/DateFormatter.js";
 import "@react-hookz/web";
 import "dayjs";
-import "../../../assets/ArcusBioIcon.svg.js";
 import "@mui/material/SvgIcon";
 import "../../../assets/icons/AccessPending.svg.js";
 import "../../../assets/icons/AccessPendingCloud.svg.js";
@@ -217,7 +216,7 @@ import "../../PortalAclEditor/PortalAclEditor.js";
 import "../../SynapseHomepageV2/HomepageStyles.js";
 import { DownloadConfirmationUI as D } from "../DownloadConfirmationUI.js";
 import { displayFilesWereAddedToDownloadListSuccess as L } from "../DownloadConfirmationUtils.js";
-function qi(p) {
+function yi(p) {
   const { addToDownloadListRequest: t, onClose: o } = p, { downloadCartPageUrl: e } = u(), {
     data: r,
     isLoading: n,
@@ -246,6 +245,6 @@ function qi(p) {
   );
 }
 export {
-  qi as default
+  yi as default
 };
 //# sourceMappingURL=AddToDownloadListConfirmationAlert.js.map

package/dist/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddToDownloadListConfirmationAlert.js","sources":["../../../../src/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert.tsx"],"sourcesContent":["import { displayToast } from '@/components/index'\nimport { ErrorBanner } from '@/components/error/ErrorBanner'\nimport {\n  useAddToDownloadList,\n  useGetAddToDownloadListStats,\n} from '@/synapse-queries/download/useDownloadList'\nimport { useSynapseContext } from '@/utils'\nimport { AddToDownloadListRequest } from '@sage-bionetworks/synapse-client'\nimport DownloadConfirmationUI from '../DownloadConfirmationUI'\nimport { displayFilesWereAddedToDownloadListSuccess } from '../DownloadConfirmationUtils'\n\nexport type AddToDownloadListConfirmationAlertProps = {\n  /**\n   * The \"AddToDownloadListRequest\" that would be used to add items to the download list.\n   */\n  addToDownloadListRequest: AddToDownloadListRequest\n  /**\n   * Invoked when the dialog is closed, either by cancelling or successfully adding to the download list.\n   */\n  onClose: () => void\n}\n\n/**\n * A component that displays a confirmation alert when adding multiple items to the download list though a container or\n * query.\n * @param props\n * @constructor\n */\nfunction AddToDownloadListConfirmationAlert(\n  props: AddToDownloadListConfirmationAlertProps,\n) {\n  const { addToDownloadListRequest, onClose } = props\n  const { downloadCartPageUrl } = useSynapseContext()\n\n  const {\n    data,\n    isLoading,\n    error: statsError,\n  } = useGetAddToDownloadListStats({\n    concreteType:\n      'org.sagebionetworks.repo.model.download.AddToDownloadListStatsRequest',\n    request: addToDownloadListRequest,\n  })\n\n  const { mutate: addToDownloadList, isPending: isAddingToDownloadCart } =\n    useAddToDownloadList({\n      onSuccess: () => {\n        displayFilesWereAddedToDownloadListSuccess(downloadCartPageUrl)\n        onClose()\n      },\n      onError: error => {\n        displayToast(error.reason, 'danger')\n        onClose()\n      },\n    })\n\n  const fileCount = data?.fileCount\n  const fileSizeTotal = data?.fileSize\n\n  if (statsError) {\n    return <ErrorBanner error={statsError} />\n  }\n\n  return (\n    <DownloadConfirmationUI\n      onAddToDownloadCart={() => addToDownloadList(addToDownloadListRequest)}\n      fileCount={fileCount}\n      fileSize={fileSizeTotal}\n      isAddingToDownloadCart={isAddingToDownloadCart}\n      isLoadingStats={isLoading}\n      onCancel={onClose}\n    />\n  )\n}\n\nexport default AddToDownloadListConfirmationAlert\n"],"names":["AddToDownloadListConfirmationAlert","props","addToDownloadListRequest","onClose","downloadCartPageUrl","useSynapseContext","data","isLoading","statsError","useGetAddToDownloadListStats","addToDownloadList","isAddingToDownloadCart","useAddToDownloadList","displayFilesWereAddedToDownloadListSuccess","error","displayToast","fileCount","fileSizeTotal","jsx","ErrorBanner","DownloadConfirmationUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,SAASA,GACPC,GACA;AACA,QAAM,EAAE,0BAAAC,GAA0B,SAAAC,EAAA,IAAYF,GACxC,EAAE,qBAAAG,EAAA,IAAwBC,EAAA,GAE1B;AAAA,IACJ,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAOC;AAAA,EAAA,IACLC,EAA6B;AAAA,IAC/B,cACE;AAAA,IACF,SAASP;AAAA,EAAA,CACV,GAEK,EAAE,QAAQQ,GAAmB,WAAWC,EAAA,IAC5CC,EAAqB;AAAA,IACnB,WAAW,MAAM;AACf,MAAAC,EAA2CT,CAAmB,GAC9DD,EAAA;AAAA,IACF;AAAA,IACA,SAAS,CAAAW,MAAS;AAChB,MAAAC,EAAaD,EAAM,QAAQ,QAAQ,GACnCX,EAAA;AAAA,IACF;AAAA,EAAA,CACD,GAEGa,IAAYV,GAAM,WAClBW,IAAgBX,GAAM;AAE5B,SAAIE,IACK,gBAAAU,EAACC,GAAA,EAAY,OAAOX,EAAA,CAAY,IAIvC,gBAAAU;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,qBAAqB,MAAMV,EAAkBR,CAAwB;AAAA,MACrE,WAAAc;AAAA,MACA,UAAUC;AAAA,MACV,wBAAAN;AAAA,MACA,gBAAgBJ;AAAA,MAChB,UAAUJ;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"AddToDownloadListConfirmationAlert.js","sources":["../../../../src/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert.tsx"],"sourcesContent":["import { displayToast } from '@/components/index'\nimport { ErrorBanner } from '@/components/error/ErrorBanner'\nimport {\n  useAddToDownloadList,\n  useGetAddToDownloadListStats,\n} from '@/synapse-queries/download/useDownloadList'\nimport { useSynapseContext } from '@/utils'\nimport { AddToDownloadListRequest } from '@sage-bionetworks/synapse-client'\nimport DownloadConfirmationUI from '../DownloadConfirmationUI'\nimport { displayFilesWereAddedToDownloadListSuccess } from '../DownloadConfirmationUtils'\n\nexport type AddToDownloadListConfirmationAlertProps = {\n  /**\n   * The \"AddToDownloadListRequest\" that would be used to add items to the download list.\n   */\n  addToDownloadListRequest: AddToDownloadListRequest\n  /**\n   * Invoked when the dialog is closed, either by cancelling or successfully adding to the download list.\n   */\n  onClose: () => void\n}\n\n/**\n * A component that displays a confirmation alert when adding multiple items to the download list though a container or\n * query.\n * @param props\n * @constructor\n */\nfunction AddToDownloadListConfirmationAlert(\n  props: AddToDownloadListConfirmationAlertProps,\n) {\n  const { addToDownloadListRequest, onClose } = props\n  const { downloadCartPageUrl } = useSynapseContext()\n\n  const {\n    data,\n    isLoading,\n    error: statsError,\n  } = useGetAddToDownloadListStats({\n    concreteType:\n      'org.sagebionetworks.repo.model.download.AddToDownloadListStatsRequest',\n    request: addToDownloadListRequest,\n  })\n\n  const { mutate: addToDownloadList, isPending: isAddingToDownloadCart } =\n    useAddToDownloadList({\n      onSuccess: () => {\n        displayFilesWereAddedToDownloadListSuccess(downloadCartPageUrl)\n        onClose()\n      },\n      onError: error => {\n        displayToast(error.reason, 'danger')\n        onClose()\n      },\n    })\n\n  const fileCount = data?.fileCount\n  const fileSizeTotal = data?.fileSize\n\n  if (statsError) {\n    return <ErrorBanner error={statsError} />\n  }\n\n  return (\n    <DownloadConfirmationUI\n      onAddToDownloadCart={() => addToDownloadList(addToDownloadListRequest)}\n      fileCount={fileCount}\n      fileSize={fileSizeTotal}\n      isAddingToDownloadCart={isAddingToDownloadCart}\n      isLoadingStats={isLoading}\n      onCancel={onClose}\n    />\n  )\n}\n\nexport default AddToDownloadListConfirmationAlert\n"],"names":["AddToDownloadListConfirmationAlert","props","addToDownloadListRequest","onClose","downloadCartPageUrl","useSynapseContext","data","isLoading","statsError","useGetAddToDownloadListStats","addToDownloadList","isAddingToDownloadCart","useAddToDownloadList","displayFilesWereAddedToDownloadListSuccess","error","displayToast","fileCount","fileSizeTotal","jsx","ErrorBanner","DownloadConfirmationUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,SAASA,GACPC,GACA;AACA,QAAM,EAAE,0BAAAC,GAA0B,SAAAC,EAAA,IAAYF,GACxC,EAAE,qBAAAG,EAAA,IAAwBC,EAAA,GAE1B;AAAA,IACJ,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAOC;AAAA,EAAA,IACLC,EAA6B;AAAA,IAC/B,cACE;AAAA,IACF,SAASP;AAAA,EAAA,CACV,GAEK,EAAE,QAAQQ,GAAmB,WAAWC,EAAA,IAC5CC,EAAqB;AAAA,IACnB,WAAW,MAAM;AACf,MAAAC,EAA2CT,CAAmB,GAC9DD,EAAA;AAAA,IACF;AAAA,IACA,SAAS,CAAAW,MAAS;AAChB,MAAAC,EAAaD,EAAM,QAAQ,QAAQ,GACnCX,EAAA;AAAA,IACF;AAAA,EAAA,CACD,GAEGa,IAAYV,GAAM,WAClBW,IAAgBX,GAAM;AAE5B,SAAIE,IACK,gBAAAU,EAACC,GAAA,EAAY,OAAOX,EAAA,CAAY,IAIvC,gBAAAU;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,qBAAqB,MAAMV,EAAkBR,CAAwB;AAAA,MACrE,WAAAc;AAAA,MACA,UAAUC;AAAA,MACV,wBAAAN;AAAA,MACA,gBAAgBJ;AAAA,MAChB,UAAUJ;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/dist/components/index.d.ts

@@ -18,6 +18,7 @@ export * from './ChallengeSubmission';
 export * from './ChangePassword';
 export * from './ConfirmationDialog';
 export * from './CookiesNotification';
+export * from './ColoredBulletListItem';
 export * from './CTASectionWrapper';
 export * from './DownloadCart';
 export * from './DynamicForm';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}