synapse-react-client 4.0.45 → 4.0.47

package/dist/components/SynapseTable/TopLevelControls/TopLevelControls.js

@@ -1,30 +1,30 @@
 import "../../../utils/SynapseConstants.js";
 import { copyStringToClipboard as e } from "../../../utils/functions/StringUtils.js";
-import { useSynapseContext as t } from "../../../utils/context/SynapseContext.js";
+import { useQueryVisualizationContext as t } from "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { useSynapseContext as n } from "../../../utils/context/SynapseContext.js";
 import "../../../utils/index.js";
-import { useGetEntity as n } from "../../../synapse-queries/entity/useEntity.js";
+import { useGetEntity as ee } from "../../../synapse-queries/entity/useEntity.js";
 import "../../../synapse-queries/index.js";
 import r from "../../IconSvg/index.js";
 import "../SynapseTableUtils.js";
-import { useQueryContext as ee } from "../../QueryContext/QueryContext.js";
+import { useQueryContext as te } from "../../QueryContext/QueryContext.js";
 import "../../QueryContext/index.js";
-import { useGetQueryMetadata as te } from "../../QueryWrapper/useGetQueryMetadata.js";
-import { useQueryVisualizationContext as ne } from "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { useGetQueryMetadata as ne } from "../../QueryWrapper/useGetQueryMetadata.js";
 import "../../QueryVisualizationWrapper/index.js";
 import { isRowSelectionVisibleAtom as re, useHasSelectedRowsAtomValue as i, useSelectedRowsAtomValue as a } from "../../QueryWrapper/TableRowSelectionState.js";
-import { SignInRequiredModal as o } from "../../SignInRequiredModal/SignInRequiredModal.js";
-import s from "../../MissingQueryResultsWarning/MissingQueryResultsWarning.js";
-import { ElementWithTooltip as c } from "../../widgets/ElementWithTooltip.js";
-import { getNumberOfResultsToInvokeAction as l, getNumberOfResultsToInvokeActionCopy as u } from "./TopLevelControlsUtils.js";
-import d from "../export/ExportToAnalysisPlatformDialog.js";
-import { CustomControlButton as f } from "../CustomControls/CustomControlButton.js";
-import { RowSelectionControls as p } from "../RowSelection/RowSelectionControls.js";
-import { DownloadOptions as m } from "../table-top/DownloadOptions.js";
-import { ColumnSelection as h } from "../table-top/ColumnSelection.js";
+import { SignInRequiredModal as ie } from "../../SignInRequiredModal/SignInRequiredModal.js";
+import ae from "../../MissingQueryResultsWarning/MissingQueryResultsWarning.js";
+import { ElementWithTooltip as o } from "../../widgets/ElementWithTooltip.js";
+import { getNumberOfResultsToInvokeAction as oe, getNumberOfResultsToInvokeActionCopy as s } from "./TopLevelControlsUtils.js";
+import c from "../export/ExportToAnalysisPlatformDialog.js";
+import { CustomControlButton as l } from "../CustomControls/CustomControlButton.js";
+import { RowSelectionControls as u } from "../RowSelection/RowSelectionControls.js";
+import { DownloadOptions as d } from "../table-top/DownloadOptions.js";
+import { ColumnSelection as f } from "../table-top/ColumnSelection.js";
 import "../table-top/index.js";
-import { useState as g } from "react";
-import { cloneDeep as ie } from "lodash-es";
-import { Button as _, Divider as ae, Tooltip as oe, Typography as se } from "@mui/material";
+import { useState as p } from "react";
+import { cloneDeep as m } from "lodash-es";
+import { Button as h, Divider as g, Tooltip as _, Typography as se } from "@mui/material";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 import { useAtomValue as x } from "jotai";
 //#region src/components/SynapseTable/TopLevelControls/TopLevelControls.tsx
@@ -34,10 +34,10 @@ var S = "SendToAnalysisPlatformTopLevelControlButton", C = {
 	fontSize: "14px",
 	textDecoration: "none !important"
 }, w = (w) => {
-	let [T, E] = g(!1), { isAuthenticated: D } = t(), { name: O, showColumnSelection: k = !1, hideDownload: A = !1, hideAddToDownloadListMenuItem: j, hideProgrammaticOptionsMenuItem: M, hideVisualizationsControl: N = !1, hideFacetFilterControl: P = !1, hideQueryCount: F = !1, hideSqlEditorControl: I = !0, showQueryBuilderControl: L = !1, showQueryBuilder: R = !1, onToggleQueryBuilder: z, customControls: B, cavaticaConnectAccountURL: V, remount: H } = w, { entityId: U, versionNumber: ce, getCurrentQueryRequest: W, hasResettableFilters: G } = ee(), { data: K } = n(U, ce), { data: q } = te(), J = x(re), Y = a(), X = i(), { setShowSearchBar: le, columnsToShowInTable: Z, setColumnsToShowInTable: ue, enabledExternalAnalysisPlatforms: de, setIsShowingExportToAnalysisPlatformModal: fe, unitDescription: pe, setShowDownloadConfirmation: me, showCopyToClipboard: he, hideSearchBarControl: ge, setShowPlots: _e, setShowSqlEditor: ve, showFacetFilter: Q, setShowFacetFilter: ye } = ne(), be = de.length > 0, [xe, $] = g(!1), Se = (e) => {
-		let t = ie(Z);
+	let [T, E] = p(!1), { isAuthenticated: D } = n(), { name: O, showColumnSelection: k = !1, hideDownload: A = !1, hideAddToDownloadListMenuItem: j, hideProgrammaticOptionsMenuItem: M, hideVisualizationsControl: N = !1, hideFacetFilterControl: P = !1, hideQueryCount: F = !1, hideSqlEditorControl: I = !0, showQueryBuilderControl: L = !1, showQueryBuilder: R = !1, onToggleQueryBuilder: z, customControls: B, cavaticaConnectAccountURL: V, remount: H } = w, { entityId: U, versionNumber: ce, getCurrentQueryRequest: W, hasResettableFilters: G } = te(), { data: K } = ee(U, ce), { data: q } = ne(), J = x(re), Y = a(), X = i(), { setShowSearchBar: le, columnsToShowInTable: Z, setColumnsToShowInTable: ue, enabledExternalAnalysisPlatforms: de, setIsShowingExportToAnalysisPlatformModal: fe, unitDescription: pe, showCopyToClipboard: me, hideSearchBarControl: he, setShowPlots: ge, setShowSqlEditor: _e, showFacetFilter: Q, setShowFacetFilter: ve } = t(), ye = de.length > 0, [be, $] = p(!1), xe = (e) => {
+		let t = m(Z);
 		t.includes(e) ? t = t.filter((t) => t !== e) : t.push(e), ue(t);
-	}, Ce = l(X, Y, q?.queryCount), we = u(G, X, Y, q?.queryCount, pe), Te = !F && q?.queryCount !== void 0 ? `(${q.queryCount.toLocaleString()})` : null;
+	}, Se = oe(X, Y, q?.queryCount), Ce = s(G, X, Y, q?.queryCount, pe), we = !F && q?.queryCount !== void 0 ? `(${q.queryCount.toLocaleString()})` : null;
 	return /* @__PURE__ */ y("div", {
 		className: "TopLevelControls",
 		"data-testid": "TopLevelControls",
@@ -50,12 +50,12 @@ var S = "SendToAnalysisPlatformTopLevelControlButton", C = {
 					children: [
 						O,
 						" ",
-						Te
+						we
 					]
-				}), !F && K && /* @__PURE__ */ y(s, { entity: K })] }),
-				!P && /* @__PURE__ */ b(_, {
+				}), !F && K && /* @__PURE__ */ y(ae, { entity: K })] }),
+				!P && /* @__PURE__ */ b(h, {
 					variant: "text",
-					onClick: () => ye((e) => !e),
+					onClick: () => ve((e) => !e),
 					startIcon: /* @__PURE__ */ y(r, {
 						icon: Q ? "close" : "filter",
 						wrap: !1
@@ -63,7 +63,7 @@ var S = "SendToAnalysisPlatformTopLevelControlButton", C = {
 					sx: C,
 					children: [Q ? "Hide" : "Show", " filters"]
 				}),
-				L && z && /* @__PURE__ */ b(_, {
+				L && z && /* @__PURE__ */ b(h, {
 					variant: "text",
 					onClick: z,
 					startIcon: /* @__PURE__ */ y(r, {
@@ -77,7 +77,7 @@ var S = "SendToAnalysisPlatformTopLevelControlButton", C = {
 		}), /* @__PURE__ */ b("div", {
 			className: "TopLevelControls__actions",
 			children: [
-				be && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(oe, {
+				ye && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(_, {
 					title: /* @__PURE__ */ b(v, { children: [
 						"This action will send a reference to",
 						" ",
@@ -88,34 +88,34 @@ var S = "SendToAnalysisPlatformTopLevelControlButton", C = {
 						!X && Q && /* @__PURE__ */ y(v, { children: "You can change what is sent by applying filters using the controls in the sidebar." }),
 						X && /* @__PURE__ */ y(v, { children: "You can change what is sent by selecting a different set of files." })
 					] }),
-					children: /* @__PURE__ */ b(_, {
+					children: /* @__PURE__ */ b(h, {
 						variant: "text",
-						disabled: !Ce,
+						disabled: !Se,
 						onClick: () => D ? fe(!0) : E(!0),
 						id: S,
 						children: [
 							"Send ",
-							we,
+							Ce,
 							" to Analysis Platform"
 						]
 					})
-				}), /* @__PURE__ */ y(ae, {
+				}), /* @__PURE__ */ y(g, {
 					orientation: "vertical",
 					variant: "middle",
 					flexItem: !0
 				})] }),
-				T && /* @__PURE__ */ y(o, {
+				T && /* @__PURE__ */ y(ie, {
 					onHide: () => E(!1),
 					content: "You must be signed in to send results to an analysis platform."
 				}),
-				!ge && /* @__PURE__ */ y(c, {
+				!he && /* @__PURE__ */ y(o, {
 					tooltipText: "Show / Hide Search Bar",
 					callbackFn: () => le((e) => !e),
 					darkTheme: !0,
 					icon: "search"
 				}),
-				he && /* @__PURE__ */ y(c, {
-					tooltipText: xe ? "Copied to clipboard" : "Copy this search to the clipboard",
+				me && /* @__PURE__ */ y(o, {
+					tooltipText: be ? "Copied to clipboard" : "Copy this search to the clipboard",
 					callbackFn: () => {
 						e(window.location.href).then(() => {
 							$(!0), setTimeout(() => {
@@ -126,29 +126,28 @@ var S = "SendToAnalysisPlatformTopLevelControlButton", C = {
 					darkTheme: !0,
 					icon: "clipboard"
 				}),
-				!N && /* @__PURE__ */ y(c, {
+				!N && /* @__PURE__ */ y(o, {
 					tooltipText: "Show / Hide Visualizations",
-					callbackFn: () => _e((e) => !e),
+					callbackFn: () => ge((e) => !e),
 					darkTheme: !0,
 					icon: "chart"
 				}),
-				!A && /* @__PURE__ */ y(m, {
+				!A && /* @__PURE__ */ y(d, {
 					darkTheme: !0,
-					onDownloadFiles: () => me(!0),
 					hideAddToDownloadListMenuItem: j,
 					hideProgrammaticOptionsMenuItem: M
 				}),
-				!I && /* @__PURE__ */ y(c, {
+				!I && /* @__PURE__ */ y(o, {
 					tooltipText: "Show / Hide the Advanced Query Editor",
-					callbackFn: () => ve((e) => !e),
+					callbackFn: () => _e((e) => !e),
 					darkTheme: !0,
 					icon: "sqleditor"
 				}),
-				J && /* @__PURE__ */ y(p, {
+				J && /* @__PURE__ */ y(u, {
 					customControls: B,
 					remount: H
 				}),
-				!J && B && B.length > 0 && /* @__PURE__ */ y(v, { children: B.map((e) => /* @__PURE__ */ y(f, {
+				!J && B && B.length > 0 && /* @__PURE__ */ y(v, { children: B.map((e) => /* @__PURE__ */ y(l, {
 					variant: "text",
 					callbackData: {
 						tableId: U,
@@ -162,13 +161,13 @@ var S = "SendToAnalysisPlatformTopLevelControlButton", C = {
 					control: e,
 					startIcon: e.icon
 				}, e.buttonText)) }),
-				k && /* @__PURE__ */ y(h, {
+				k && /* @__PURE__ */ y(f, {
 					headers: q?.selectColumns,
 					isColumnSelected: Z,
-					toggleColumnSelection: Se,
+					toggleColumnSelection: xe,
 					darkTheme: !0
 				}),
-				/* @__PURE__ */ y(d, { platformInstructionProps: { cavaticaConnectAccountURL: V } })
+				/* @__PURE__ */ y(c, { platformInstructionProps: { cavaticaConnectAccountURL: V } })
 			]
 		})] })
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"TopLevelControls.js","names":[],"sources":["../../../../src/components/SynapseTable/TopLevelControls/TopLevelControls.tsx"],"sourcesContent":["import React from 'react'\nimport { useGetEntity } from '@/synapse-queries'\nimport { SQL_EDITOR } from '@/utils/SynapseConstants'\nimport { Button, Divider, Tooltip, Typography } from '@mui/material'\nimport {\n  QueryBundleRequest,\n  QueryResultBundle,\n  Row,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport { useAtomValue } from 'jotai'\nimport { cloneDeep } from 'lodash-es'\nimport { ReactNode, useState } from 'react'\nimport IconSvg from '../../IconSvg'\nimport MissingQueryResultsWarning from '../../MissingQueryResultsWarning/MissingQueryResultsWarning'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport {\n  isRowSelectionVisibleAtom,\n  useHasSelectedRowsAtomValue,\n  useSelectedRowsAtomValue,\n} from '../../QueryWrapper/TableRowSelectionState'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { ElementWithTooltip } from '../../widgets/ElementWithTooltip'\nimport ExportToAnalysisPlatformDialog from '../export/ExportToAnalysisPlatformDialog'\nimport { RowSelectionControls } from '../RowSelection/RowSelectionControls'\nimport { ColumnSelection, DownloadOptions } from '../table-top'\nimport {\n  getNumberOfResultsToInvokeAction,\n  getNumberOfResultsToInvokeActionCopy,\n} from './TopLevelControlsUtils'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\nimport { CustomControlButton } from '../CustomControls/CustomControlButton'\nimport { useSynapseContext } from '@/utils'\nimport { SignInRequiredModal } from '@/components/SignInRequiredModal/SignInRequiredModal'\nimport { SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE } from '../SynapseTableUtils'\n\nconst SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID =\n  'SendToAnalysisPlatformTopLevelControlButton'\n\nconst FILTER_TOGGLE_BUTTON_SX = {\n  ml: 2,\n  fontWeight: 400,\n  fontSize: '14px',\n  textDecoration: 'none !important',\n} as const\n\nexport type TopLevelControlsProps = {\n  name?: string\n  hideDownload?: boolean\n  /** If true, the \"Add ... files to Download List\" option in the Download menu will be hidden */\n  hideAddToDownloadListMenuItem?: boolean\n  /** If true, the \"Programmatic Options\" option in the Download menu will be hidden */\n  hideProgrammaticOptionsMenuItem?: boolean\n  hideVisualizationsControl?: boolean\n  hideFacetFilterControl?: boolean\n  hideQueryCount?: boolean\n  hideSqlEditorControl?: boolean\n  /** When true, shows a `Show / Hide Query Builder` toggle. */\n  showQueryBuilderControl?: boolean\n  /** Current QB visibility, driven by the parent. Required when `showQueryBuilderControl` is true. */\n  showQueryBuilder?: boolean\n  /** Callback invoked when the QB toggle is clicked. Required when `showQueryBuilderControl` is true. */\n  onToggleQueryBuilder?: () => void\n  customControls?: CustomControl[]\n  showColumnSelection?: boolean\n  cavaticaConnectAccountURL?: string\n  remount?: () => void\n}\n\nexport type Control = {\n  key: string\n  icon: string\n  tooltipText: string\n}\n\nexport type CustomControlCallbackData = {\n  tableId: string\n  queryMetadata: Omit<QueryResultBundle, 'queryResult'> | undefined\n  selectedRows: Row[] | undefined\n  refresh: () => void\n  request?: QueryBundleRequest\n}\n\n// note, all custom controls should check for selected rows in the event (to support row selection)\nexport type CustomControl = {\n  buttonText: string\n  onClick: (event: CustomControlCallbackData) => void\n  classNames?: string\n  icon?: ReactNode\n  buttonID?: string // optionally set the ID property of the element\n  title?: string // optionally set the title for the custom control\n  description?: string // optionally set the description for the custom control\n}\n\nconst TopLevelControls = (props: TopLevelControlsProps): React.ReactNode => {\n  const [showLoginModal, setShowLoginModal] = useState(false)\n  const { isAuthenticated } = useSynapseContext()\n\n  const {\n    name,\n    showColumnSelection = false,\n    hideDownload = false,\n    hideAddToDownloadListMenuItem,\n    hideProgrammaticOptionsMenuItem,\n    hideVisualizationsControl = false,\n    hideFacetFilterControl = false,\n    hideQueryCount = false,\n    hideSqlEditorControl = true,\n    showQueryBuilderControl = false,\n    showQueryBuilder = false,\n    onToggleQueryBuilder,\n    customControls,\n    cavaticaConnectAccountURL,\n    remount,\n  } = props\n\n  const {\n    entityId,\n    versionNumber,\n    getCurrentQueryRequest,\n    hasResettableFilters,\n  } = useQueryContext()\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useGetQueryMetadata()\n  const isRowSelectionVisible = useAtomValue(isRowSelectionVisibleAtom)\n  const selectedRows = useSelectedRowsAtomValue()\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n\n  const {\n    setShowSearchBar,\n    columnsToShowInTable,\n    setColumnsToShowInTable,\n    enabledExternalAnalysisPlatforms,\n    setIsShowingExportToAnalysisPlatformModal,\n    unitDescription,\n    setShowDownloadConfirmation,\n    showCopyToClipboard,\n    hideSearchBarControl,\n    setShowPlots,\n    setShowSqlEditor,\n    showFacetFilter,\n    setShowFacetFilter,\n  } = useQueryVisualizationContext()\n\n  const showExportToAnalysisPlatformButton =\n    enabledExternalAnalysisPlatforms.length > 0\n\n  const [hasRecentlyCopiedToClipboard, setHasRecentlyCopiedToClipboard] =\n    useState(false)\n\n  /**\n   * Handles the toggle of a column select, this will cause the table to\n   * either show the column or hide depending on the prior state of the column\n   */\n  const toggleColumnSelection = (columnName: string) => {\n    let columnsToShowInTableCopy = cloneDeep(columnsToShowInTable)\n    if (columnsToShowInTableCopy.includes(columnName)) {\n      columnsToShowInTableCopy = columnsToShowInTableCopy.filter(\n        el => el !== columnName,\n      )\n    } else {\n      columnsToShowInTableCopy.push(columnName)\n    }\n    setColumnsToShowInTable(columnsToShowInTableCopy)\n  }\n\n  const numberOfResultsToInvokeAction = getNumberOfResultsToInvokeAction(\n    hasSelectedRows,\n    selectedRows,\n    queryMetadata?.queryCount,\n  )\n  const numberOfResultsToInvokeActionAsText =\n    getNumberOfResultsToInvokeActionCopy(\n      hasResettableFilters,\n      hasSelectedRows,\n      selectedRows,\n      queryMetadata?.queryCount,\n      unitDescription,\n    )\n\n  const queryCountDisplay =\n    !hideQueryCount && queryMetadata?.queryCount !== undefined\n      ? `(${queryMetadata.queryCount.toLocaleString()})`\n      : null\n\n  return (\n    <div className={`TopLevelControls`} data-testid=\"TopLevelControls\">\n      <div>\n        <div className=\"TopLevelControls__querycount\">\n          {name && (\n            <>\n              <Typography variant=\"sectionTitle\" role=\"heading\">\n                {name} {queryCountDisplay}\n              </Typography>\n              {!hideQueryCount && entity && (\n                <MissingQueryResultsWarning entity={entity} />\n              )}\n            </>\n          )}\n          {!hideFacetFilterControl && (\n            <Button\n              variant={'text'}\n              onClick={() => setShowFacetFilter(value => !value)}\n              startIcon={\n                <IconSvg\n                  icon={showFacetFilter ? 'close' : 'filter'}\n                  wrap={false}\n                />\n              }\n              sx={FILTER_TOGGLE_BUTTON_SX}\n            >\n              {showFacetFilter ? 'Hide' : 'Show'} filters\n            </Button>\n          )}\n          {showQueryBuilderControl && onToggleQueryBuilder && (\n            <Button\n              variant={'text'}\n              onClick={onToggleQueryBuilder}\n              startIcon={\n                <IconSvg\n                  icon={showQueryBuilder ? 'close' : 'filter'}\n                  wrap={false}\n                />\n              }\n              sx={FILTER_TOGGLE_BUTTON_SX}\n            >\n              {showQueryBuilder ? 'Hide' : 'Show'} Query Builder\n            </Button>\n          )}\n        </div>\n        <div className=\"TopLevelControls__actions\">\n          {showExportToAnalysisPlatformButton && (\n            <>\n              <Tooltip\n                title={\n                  <>\n                    This action will send a reference to{' '}\n                    {hasSelectedRows\n                      ? 'each selected file'\n                      : 'every file in the current table'}{' '}\n                    to a chosen external analysis platform.{' '}\n                    {!hasSelectedRows && showFacetFilter && (\n                      <>\n                        You can change what is sent by applying filters using\n                        the controls in the sidebar.\n                      </>\n                    )}\n                    {hasSelectedRows && (\n                      <>\n                        You can change what is sent by selecting a different set\n                        of files.\n                      </>\n                    )}\n                  </>\n                }\n              >\n                <Button\n                  variant=\"text\"\n                  disabled={!numberOfResultsToInvokeAction}\n                  onClick={() => {\n                    return isAuthenticated\n                      ? setIsShowingExportToAnalysisPlatformModal(true)\n                      : setShowLoginModal(true)\n                  }}\n                  id={SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID}\n                >\n                  Send {numberOfResultsToInvokeActionAsText} to Analysis\n                  Platform\n                </Button>\n              </Tooltip>\n              <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\n            </>\n          )}\n          {showLoginModal && (\n            <SignInRequiredModal\n              onHide={() => setShowLoginModal(false)}\n              content={SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE}\n            />\n          )}\n          {!hideSearchBarControl && (\n            <ElementWithTooltip\n              tooltipText={'Show / Hide Search Bar'}\n              callbackFn={() => setShowSearchBar(value => !value)}\n              darkTheme={true}\n              icon={'search'}\n            />\n          )}\n          {showCopyToClipboard && (\n            <ElementWithTooltip\n              tooltipText={\n                hasRecentlyCopiedToClipboard\n                  ? 'Copied to clipboard'\n                  : 'Copy this search to the clipboard'\n              }\n              callbackFn={() => {\n                copyStringToClipboard(window.location.href).then(() => {\n                  setHasRecentlyCopiedToClipboard(true)\n                  setTimeout(() => {\n                    setHasRecentlyCopiedToClipboard(false)\n                  }, 3000)\n                })\n              }}\n              darkTheme={true}\n              icon={'clipboard'}\n            />\n          )}\n          {!hideVisualizationsControl && (\n            <ElementWithTooltip\n              tooltipText={'Show / Hide Visualizations'}\n              callbackFn={() => setShowPlots(value => !value)}\n              darkTheme={true}\n              icon={'chart'}\n            />\n          )}\n          {!hideDownload && (\n            <DownloadOptions\n              darkTheme={true}\n              onDownloadFiles={() => setShowDownloadConfirmation(true)}\n              hideAddToDownloadListMenuItem={hideAddToDownloadListMenuItem}\n              hideProgrammaticOptionsMenuItem={hideProgrammaticOptionsMenuItem}\n            />\n          )}\n\n          {!hideSqlEditorControl && (\n            <ElementWithTooltip\n              tooltipText={'Show / Hide the Advanced Query Editor'}\n              callbackFn={() => setShowSqlEditor(value => !value)}\n              darkTheme={true}\n              icon={SQL_EDITOR}\n            />\n          )}\n\n          {isRowSelectionVisible && (\n            <RowSelectionControls\n              customControls={customControls}\n              remount={remount}\n            />\n          )}\n          {!isRowSelectionVisible &&\n            customControls &&\n            customControls.length > 0 && (\n              <>\n                {customControls.map(customControl => {\n                  return (\n                    <CustomControlButton\n                      key={customControl.buttonText}\n                      variant=\"text\"\n                      callbackData={{\n                        tableId: entityId!,\n                        queryMetadata: queryMetadata,\n                        selectedRows,\n                        refresh: () => {\n                          if (remount) {\n                            remount()\n                          }\n                        },\n                        request: getCurrentQueryRequest(),\n                      }}\n                      control={customControl}\n                      startIcon={customControl.icon}\n                    />\n                  )\n                })}\n              </>\n            )}\n          {showColumnSelection && (\n            <ColumnSelection\n              headers={queryMetadata?.selectColumns}\n              isColumnSelected={columnsToShowInTable}\n              toggleColumnSelection={toggleColumnSelection}\n              darkTheme={true}\n            />\n          )}\n          <ExportToAnalysisPlatformDialog\n            platformInstructionProps={{\n              cavaticaConnectAccountURL: cavaticaConnectAccountURL,\n            }}\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default TopLevelControls\n"],"mappings":"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"}
+{"version":3,"file":"TopLevelControls.js","names":[],"sources":["../../../../src/components/SynapseTable/TopLevelControls/TopLevelControls.tsx"],"sourcesContent":["import React from 'react'\nimport { useGetEntity } from '@/synapse-queries'\nimport { SQL_EDITOR } from '@/utils/SynapseConstants'\nimport { Button, Divider, Tooltip, Typography } from '@mui/material'\nimport {\n  QueryBundleRequest,\n  QueryResultBundle,\n  Row,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport { useAtomValue } from 'jotai'\nimport { cloneDeep } from 'lodash-es'\nimport { ReactNode, useState } from 'react'\nimport IconSvg from '../../IconSvg'\nimport MissingQueryResultsWarning from '../../MissingQueryResultsWarning/MissingQueryResultsWarning'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport {\n  isRowSelectionVisibleAtom,\n  useHasSelectedRowsAtomValue,\n  useSelectedRowsAtomValue,\n} from '../../QueryWrapper/TableRowSelectionState'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { ElementWithTooltip } from '../../widgets/ElementWithTooltip'\nimport ExportToAnalysisPlatformDialog from '../export/ExportToAnalysisPlatformDialog'\nimport { RowSelectionControls } from '../RowSelection/RowSelectionControls'\nimport { ColumnSelection, DownloadOptions } from '../table-top'\nimport {\n  getNumberOfResultsToInvokeAction,\n  getNumberOfResultsToInvokeActionCopy,\n} from './TopLevelControlsUtils'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\nimport { CustomControlButton } from '../CustomControls/CustomControlButton'\nimport { useSynapseContext } from '@/utils'\nimport { SignInRequiredModal } from '@/components/SignInRequiredModal/SignInRequiredModal'\nimport { SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE } from '../SynapseTableUtils'\n\nconst SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID =\n  'SendToAnalysisPlatformTopLevelControlButton'\n\nconst FILTER_TOGGLE_BUTTON_SX = {\n  ml: 2,\n  fontWeight: 400,\n  fontSize: '14px',\n  textDecoration: 'none !important',\n} as const\n\nexport type TopLevelControlsProps = {\n  name?: string\n  hideDownload?: boolean\n  /** If true, the \"Add ... files to Download List\" option in the Download menu will be hidden */\n  hideAddToDownloadListMenuItem?: boolean\n  /** If true, the \"Programmatic Options\" option in the Download menu will be hidden */\n  hideProgrammaticOptionsMenuItem?: boolean\n  hideVisualizationsControl?: boolean\n  hideFacetFilterControl?: boolean\n  hideQueryCount?: boolean\n  hideSqlEditorControl?: boolean\n  /** When true, shows a `Show / Hide Query Builder` toggle. */\n  showQueryBuilderControl?: boolean\n  /** Current QB visibility, driven by the parent. Required when `showQueryBuilderControl` is true. */\n  showQueryBuilder?: boolean\n  /** Callback invoked when the QB toggle is clicked. Required when `showQueryBuilderControl` is true. */\n  onToggleQueryBuilder?: () => void\n  customControls?: CustomControl[]\n  showColumnSelection?: boolean\n  cavaticaConnectAccountURL?: string\n  remount?: () => void\n}\n\nexport type Control = {\n  key: string\n  icon: string\n  tooltipText: string\n}\n\nexport type CustomControlCallbackData = {\n  tableId: string\n  queryMetadata: Omit<QueryResultBundle, 'queryResult'> | undefined\n  selectedRows: Row[] | undefined\n  refresh: () => void\n  request?: QueryBundleRequest\n}\n\n// note, all custom controls should check for selected rows in the event (to support row selection)\nexport type CustomControl = {\n  buttonText: string\n  onClick: (event: CustomControlCallbackData) => void\n  classNames?: string\n  icon?: ReactNode\n  buttonID?: string // optionally set the ID property of the element\n  title?: string // optionally set the title for the custom control\n  description?: string // optionally set the description for the custom control\n}\n\nconst TopLevelControls = (props: TopLevelControlsProps): React.ReactNode => {\n  const [showLoginModal, setShowLoginModal] = useState(false)\n  const { isAuthenticated } = useSynapseContext()\n\n  const {\n    name,\n    showColumnSelection = false,\n    hideDownload = false,\n    hideAddToDownloadListMenuItem,\n    hideProgrammaticOptionsMenuItem,\n    hideVisualizationsControl = false,\n    hideFacetFilterControl = false,\n    hideQueryCount = false,\n    hideSqlEditorControl = true,\n    showQueryBuilderControl = false,\n    showQueryBuilder = false,\n    onToggleQueryBuilder,\n    customControls,\n    cavaticaConnectAccountURL,\n    remount,\n  } = props\n\n  const {\n    entityId,\n    versionNumber,\n    getCurrentQueryRequest,\n    hasResettableFilters,\n  } = useQueryContext()\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useGetQueryMetadata()\n  const isRowSelectionVisible = useAtomValue(isRowSelectionVisibleAtom)\n  const selectedRows = useSelectedRowsAtomValue()\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n\n  const {\n    setShowSearchBar,\n    columnsToShowInTable,\n    setColumnsToShowInTable,\n    enabledExternalAnalysisPlatforms,\n    setIsShowingExportToAnalysisPlatformModal,\n    unitDescription,\n    showCopyToClipboard,\n    hideSearchBarControl,\n    setShowPlots,\n    setShowSqlEditor,\n    showFacetFilter,\n    setShowFacetFilter,\n  } = useQueryVisualizationContext()\n\n  const showExportToAnalysisPlatformButton =\n    enabledExternalAnalysisPlatforms.length > 0\n\n  const [hasRecentlyCopiedToClipboard, setHasRecentlyCopiedToClipboard] =\n    useState(false)\n\n  /**\n   * Handles the toggle of a column select, this will cause the table to\n   * either show the column or hide depending on the prior state of the column\n   */\n  const toggleColumnSelection = (columnName: string) => {\n    let columnsToShowInTableCopy = cloneDeep(columnsToShowInTable)\n    if (columnsToShowInTableCopy.includes(columnName)) {\n      columnsToShowInTableCopy = columnsToShowInTableCopy.filter(\n        el => el !== columnName,\n      )\n    } else {\n      columnsToShowInTableCopy.push(columnName)\n    }\n    setColumnsToShowInTable(columnsToShowInTableCopy)\n  }\n\n  const numberOfResultsToInvokeAction = getNumberOfResultsToInvokeAction(\n    hasSelectedRows,\n    selectedRows,\n    queryMetadata?.queryCount,\n  )\n  const numberOfResultsToInvokeActionAsText =\n    getNumberOfResultsToInvokeActionCopy(\n      hasResettableFilters,\n      hasSelectedRows,\n      selectedRows,\n      queryMetadata?.queryCount,\n      unitDescription,\n    )\n\n  const queryCountDisplay =\n    !hideQueryCount && queryMetadata?.queryCount !== undefined\n      ? `(${queryMetadata.queryCount.toLocaleString()})`\n      : null\n\n  return (\n    <div className={`TopLevelControls`} data-testid=\"TopLevelControls\">\n      <div>\n        <div className=\"TopLevelControls__querycount\">\n          {name && (\n            <>\n              <Typography variant=\"sectionTitle\" role=\"heading\">\n                {name} {queryCountDisplay}\n              </Typography>\n              {!hideQueryCount && entity && (\n                <MissingQueryResultsWarning entity={entity} />\n              )}\n            </>\n          )}\n          {!hideFacetFilterControl && (\n            <Button\n              variant={'text'}\n              onClick={() => setShowFacetFilter(value => !value)}\n              startIcon={\n                <IconSvg\n                  icon={showFacetFilter ? 'close' : 'filter'}\n                  wrap={false}\n                />\n              }\n              sx={FILTER_TOGGLE_BUTTON_SX}\n            >\n              {showFacetFilter ? 'Hide' : 'Show'} filters\n            </Button>\n          )}\n          {showQueryBuilderControl && onToggleQueryBuilder && (\n            <Button\n              variant={'text'}\n              onClick={onToggleQueryBuilder}\n              startIcon={\n                <IconSvg\n                  icon={showQueryBuilder ? 'close' : 'filter'}\n                  wrap={false}\n                />\n              }\n              sx={FILTER_TOGGLE_BUTTON_SX}\n            >\n              {showQueryBuilder ? 'Hide' : 'Show'} Query Builder\n            </Button>\n          )}\n        </div>\n        <div className=\"TopLevelControls__actions\">\n          {showExportToAnalysisPlatformButton && (\n            <>\n              <Tooltip\n                title={\n                  <>\n                    This action will send a reference to{' '}\n                    {hasSelectedRows\n                      ? 'each selected file'\n                      : 'every file in the current table'}{' '}\n                    to a chosen external analysis platform.{' '}\n                    {!hasSelectedRows && showFacetFilter && (\n                      <>\n                        You can change what is sent by applying filters using\n                        the controls in the sidebar.\n                      </>\n                    )}\n                    {hasSelectedRows && (\n                      <>\n                        You can change what is sent by selecting a different set\n                        of files.\n                      </>\n                    )}\n                  </>\n                }\n              >\n                <Button\n                  variant=\"text\"\n                  disabled={!numberOfResultsToInvokeAction}\n                  onClick={() => {\n                    return isAuthenticated\n                      ? setIsShowingExportToAnalysisPlatformModal(true)\n                      : setShowLoginModal(true)\n                  }}\n                  id={SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID}\n                >\n                  Send {numberOfResultsToInvokeActionAsText} to Analysis\n                  Platform\n                </Button>\n              </Tooltip>\n              <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\n            </>\n          )}\n          {showLoginModal && (\n            <SignInRequiredModal\n              onHide={() => setShowLoginModal(false)}\n              content={SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE}\n            />\n          )}\n          {!hideSearchBarControl && (\n            <ElementWithTooltip\n              tooltipText={'Show / Hide Search Bar'}\n              callbackFn={() => setShowSearchBar(value => !value)}\n              darkTheme={true}\n              icon={'search'}\n            />\n          )}\n          {showCopyToClipboard && (\n            <ElementWithTooltip\n              tooltipText={\n                hasRecentlyCopiedToClipboard\n                  ? 'Copied to clipboard'\n                  : 'Copy this search to the clipboard'\n              }\n              callbackFn={() => {\n                copyStringToClipboard(window.location.href).then(() => {\n                  setHasRecentlyCopiedToClipboard(true)\n                  setTimeout(() => {\n                    setHasRecentlyCopiedToClipboard(false)\n                  }, 3000)\n                })\n              }}\n              darkTheme={true}\n              icon={'clipboard'}\n            />\n          )}\n          {!hideVisualizationsControl && (\n            <ElementWithTooltip\n              tooltipText={'Show / Hide Visualizations'}\n              callbackFn={() => setShowPlots(value => !value)}\n              darkTheme={true}\n              icon={'chart'}\n            />\n          )}\n          {!hideDownload && (\n            <DownloadOptions\n              darkTheme={true}\n              hideAddToDownloadListMenuItem={hideAddToDownloadListMenuItem}\n              hideProgrammaticOptionsMenuItem={hideProgrammaticOptionsMenuItem}\n            />\n          )}\n\n          {!hideSqlEditorControl && (\n            <ElementWithTooltip\n              tooltipText={'Show / Hide the Advanced Query Editor'}\n              callbackFn={() => setShowSqlEditor(value => !value)}\n              darkTheme={true}\n              icon={SQL_EDITOR}\n            />\n          )}\n\n          {isRowSelectionVisible && (\n            <RowSelectionControls\n              customControls={customControls}\n              remount={remount}\n            />\n          )}\n          {!isRowSelectionVisible &&\n            customControls &&\n            customControls.length > 0 && (\n              <>\n                {customControls.map(customControl => {\n                  return (\n                    <CustomControlButton\n                      key={customControl.buttonText}\n                      variant=\"text\"\n                      callbackData={{\n                        tableId: entityId!,\n                        queryMetadata: queryMetadata,\n                        selectedRows,\n                        refresh: () => {\n                          if (remount) {\n                            remount()\n                          }\n                        },\n                        request: getCurrentQueryRequest(),\n                      }}\n                      control={customControl}\n                      startIcon={customControl.icon}\n                    />\n                  )\n                })}\n              </>\n            )}\n          {showColumnSelection && (\n            <ColumnSelection\n              headers={queryMetadata?.selectColumns}\n              isColumnSelected={columnsToShowInTable}\n              toggleColumnSelection={toggleColumnSelection}\n              darkTheme={true}\n            />\n          )}\n          <ExportToAnalysisPlatformDialog\n            platformInstructionProps={{\n              cavaticaConnectAccountURL: cavaticaConnectAccountURL,\n            }}\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default TopLevelControls\n"],"mappings":"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"}

package/dist/components/SynapseTable/datasets/DatasetEditorVersionCell.js

@@ -5,7 +5,7 @@ import { Select as n } from "@mui/material";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/SynapseTable/datasets/DatasetEditorVersionCell.tsx
 function o(o) {
-	let { row: s, toggleSelection: c } = o, { entityId: l, versionNumber: u } = s.original, { data: d, isError: f, fetchNextPage: p, isFetchingNextPage: m, hasNextPage: h } = e(l, { staleTime: 60 * 1e3 }), g = d?.pages.flatMap((e) => e.results) ?? [], _ = !!g.find((e) => e.versionNumber === u);
+	let { row: s, toggleSelection: c } = o, { entityId: l, versionNumber: u } = s.original, { data: d, isError: f, fetchNextPage: p, isFetchingNextPage: m, hasNextPage: h } = e(l, { staleTime: 60 * 1e3 }), g = d?.pages.flatMap((e) => e.results) ?? [], _ = g.some((e) => e.versionNumber === u);
 	return t(() => {
 		!_ && h && !m && p();
 	}, [

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

@@ -1 +1 @@
-{"version":3,"file":"DatasetEditorVersionCell.js","names":[],"sources":["../../../../src/components/SynapseTable/datasets/DatasetEditorVersionCell.tsx"],"sourcesContent":["import { useGetVersionsInfinite } from '@/synapse-queries/index'\nimport { Select } from '@mui/material'\nimport { EntityRef } from '@sage-bionetworks/synapse-types'\nimport { CellContext } from '@tanstack/react-table'\nimport { useEffect } from 'react'\nimport { DatasetItemsEditorTableData } from './DatasetItemsEditor'\n\ntype DatasetEditorVersionCellProps = CellContext<\n  DatasetItemsEditorTableData,\n  unknown\n> & {\n  toggleSelection: (entity: EntityRef) => void\n}\n\nexport function DatasetEditorVersionCell(props: DatasetEditorVersionCellProps) {\n  const { row, toggleSelection } = props\n  const { entityId, versionNumber } = row.original\n\n  const {\n    data: versionData,\n    isError,\n    fetchNextPage,\n    isFetchingNextPage,\n    hasNextPage,\n  } = useGetVersionsInfinite(entityId, {\n    staleTime: 60 * 1000, // 60 seconds\n  })\n  const versions = versionData?.pages.flatMap(page => page.results) ?? []\n  const currentVersionHasBeenRetrieved = !!versions.find(\n    version => version.versionNumber === versionNumber,\n  )\n  useEffect(() => {\n    if (!currentVersionHasBeenRetrieved && hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage()\n    }\n  }, [\n    currentVersionHasBeenRetrieved,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  ])\n\n  if (isError) {\n    return <>{versionNumber}</>\n  }\n\n  return (\n    <div>\n      {versions && versions.length > 0 && (\n        <Select\n          native\n          fullWidth\n          value={versionNumber}\n          sx={{ height: '30px' }}\n          onClick={event => {\n            event.stopPropagation()\n          }}\n          onChange={event => {\n            event.stopPropagation()\n            let version = event.target.value\n            if (typeof version === 'string') {\n              version = parseInt(version)\n            }\n            toggleSelection({\n              entityId: entityId,\n              versionNumber: version,\n            })\n          }}\n        >\n          {\n            /* The selected version number doesn't exist */\n            !currentVersionHasBeenRetrieved &&\n              !hasNextPage &&\n              !isFetchingNextPage && (\n                <option disabled key={versionNumber} value={versionNumber}>\n                  {versionNumber} (Not Found)\n                </option>\n              )\n          }\n          {versions.map(version => {\n            return (\n              <option key={version.versionNumber} value={version.versionNumber}>\n                {version.versionNumber}\n                {version.isLatestVersion && ' (Latest)'}\n              </option>\n            )\n          })}\n        </Select>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAcA,SAAgB,EAAyB,GAAsC;CAC7E,IAAM,EAAE,QAAK,uBAAoB,GAC3B,EAAE,aAAU,qBAAkB,EAAI,UAElC,EACJ,MAAM,GACN,YACA,kBACA,uBACA,mBACE,EAAuB,GAAU,EACnC,WAAW,KAAK,IAClB,CAAC,GACK,IAAW,GAAa,MAAM,SAAQ,MAAQ,EAAK,OAAO,KAAK,CAAC,GAChE,IAAiC,CAAC,CAAC,EAAS,MAChD,MAAW,EAAQ,kBAAkB,CACvC;CAgBA,OAfA,QAAgB;EACd,AAAI,CAAC,KAAkC,KAAe,CAAC,KACrD,EAAmB;CAEvB,GAAG;EACD;EACA;EACA;EACA;CACF,CAAC,GAEG,IACK,kBAAA,GAAA,EAAA,UAAG,EAAgB,CAAA,IAI1B,kBAAC,OAAD,EAAA,UACG,KAAY,EAAS,SAAS,KAC7B,kBAAC,GAAD;EACE,QAAA;EACA,WAAA;EACA,OAAO;EACP,IAAI,EAAE,QAAQ,OAAO;EACrB,UAAS,MAAS;GAChB,EAAM,gBAAgB;EACxB;EACA,WAAU,MAAS;GACjB,EAAM,gBAAgB;GACtB,IAAI,IAAU,EAAM,OAAO;GAI3B,AAHI,OAAO,KAAY,aACrB,IAAU,SAAS,CAAO,IAE5B,EAAgB;IACJ;IACV,eAAe;GACjB,CAAC;EACH;YAlBF,CAsBI,CAAC,KACC,CAAC,KACD,CAAC,KACC,kBAAC,UAAD;GAAQ,UAAA;GAA6B,OAAO;aAA5C,CACG,GAAc,cACT;KAFc,CAEd,GAGb,EAAS,KAAI,MAEV,kBAAC,UAAD;GAAoC,OAAO,EAAQ;aAAnD,CACG,EAAQ,eACR,EAAQ,mBAAmB,WACtB;KAHK,EAAQ,aAGb,CAEX,CACK;IAEP,CAAA;AAET"}
+{"version":3,"file":"DatasetEditorVersionCell.js","names":[],"sources":["../../../../src/components/SynapseTable/datasets/DatasetEditorVersionCell.tsx"],"sourcesContent":["import { useGetVersionsInfinite } from '@/synapse-queries/index'\nimport { Select } from '@mui/material'\nimport { EntityRef } from '@sage-bionetworks/synapse-types'\nimport { CellContext } from '@tanstack/react-table'\nimport { useEffect } from 'react'\nimport { DatasetItemsEditorTableData } from './DatasetItemsEditor'\n\ntype DatasetEditorVersionCellProps = CellContext<\n  DatasetItemsEditorTableData,\n  unknown\n> & {\n  toggleSelection: (entity: EntityRef) => void\n}\n\nexport function DatasetEditorVersionCell(props: DatasetEditorVersionCellProps) {\n  const { row, toggleSelection } = props\n  const { entityId, versionNumber } = row.original\n\n  const {\n    data: versionData,\n    isError,\n    fetchNextPage,\n    isFetchingNextPage,\n    hasNextPage,\n  } = useGetVersionsInfinite(entityId, {\n    staleTime: 60 * 1000, // 60 seconds\n  })\n  const versions = versionData?.pages.flatMap(page => page.results) ?? []\n  const currentVersionHasBeenRetrieved = versions.some(\n    version => version.versionNumber === versionNumber,\n  )\n  useEffect(() => {\n    if (!currentVersionHasBeenRetrieved && hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage()\n    }\n  }, [\n    currentVersionHasBeenRetrieved,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  ])\n\n  if (isError) {\n    return <>{versionNumber}</>\n  }\n\n  return (\n    <div>\n      {versions && versions.length > 0 && (\n        <Select\n          native\n          fullWidth\n          value={versionNumber}\n          sx={{ height: '30px' }}\n          onClick={event => {\n            event.stopPropagation()\n          }}\n          onChange={event => {\n            event.stopPropagation()\n            let version = event.target.value\n            if (typeof version === 'string') {\n              version = parseInt(version)\n            }\n            toggleSelection({\n              entityId: entityId,\n              versionNumber: version,\n            })\n          }}\n        >\n          {\n            /* The selected version number doesn't exist */\n            !currentVersionHasBeenRetrieved &&\n              !hasNextPage &&\n              !isFetchingNextPage && (\n                <option disabled key={versionNumber} value={versionNumber}>\n                  {versionNumber} (Not Found)\n                </option>\n              )\n          }\n          {versions.map(version => {\n            return (\n              <option key={version.versionNumber} value={version.versionNumber}>\n                {version.versionNumber}\n                {version.isLatestVersion && ' (Latest)'}\n              </option>\n            )\n          })}\n        </Select>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAcA,SAAgB,EAAyB,GAAsC;CAC7E,IAAM,EAAE,QAAK,uBAAoB,GAC3B,EAAE,aAAU,qBAAkB,EAAI,UAElC,EACJ,MAAM,GACN,YACA,kBACA,uBACA,mBACE,EAAuB,GAAU,EACnC,WAAW,KAAK,IAClB,CAAC,GACK,IAAW,GAAa,MAAM,SAAQ,MAAQ,EAAK,OAAO,KAAK,CAAC,GAChE,IAAiC,EAAS,MAC9C,MAAW,EAAQ,kBAAkB,CACvC;CAgBA,OAfA,QAAgB;EACd,AAAI,CAAC,KAAkC,KAAe,CAAC,KACrD,EAAmB;CAEvB,GAAG;EACD;EACA;EACA;EACA;CACF,CAAC,GAEG,IACK,kBAAA,GAAA,EAAA,UAAG,EAAgB,CAAA,IAI1B,kBAAC,OAAD,EAAA,UACG,KAAY,EAAS,SAAS,KAC7B,kBAAC,GAAD;EACE,QAAA;EACA,WAAA;EACA,OAAO;EACP,IAAI,EAAE,QAAQ,OAAO;EACrB,UAAS,MAAS;GAChB,EAAM,gBAAgB;EACxB;EACA,WAAU,MAAS;GACjB,EAAM,gBAAgB;GACtB,IAAI,IAAU,EAAM,OAAO;GAI3B,AAHI,OAAO,KAAY,aACrB,IAAU,SAAS,CAAO,IAE5B,EAAgB;IACJ;IACV,eAAe;GACjB,CAAC;EACH;YAlBF,CAsBI,CAAC,KACC,CAAC,KACD,CAAC,KACC,kBAAC,UAAD;GAAQ,UAAA;GAA6B,OAAO;aAA5C,CACG,GAAc,cACT;KAFc,CAEd,GAGb,EAAS,KAAI,MAEV,kBAAC,UAAD;GAAoC,OAAO,EAAQ;aAAnD,CACG,EAAQ,eACR,EAAQ,mBAAmB,WACtB;KAHK,EAAQ,aAGb,CAEX,CACK;IAEP,CAAA;AAET"}

package/dist/components/SynapseTable/datasets/DatasetItemsEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatasetItemsEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/SynapseTable/datasets/DatasetItemsEditor.tsx"],"names":[],"mappings":"AA0BA,OAAO,EACL,SAAS,EACT,uBAAuB,EAExB,MAAM,iCAAiC,CAAA;AA8BxC,MAAM,MAAM,2BAA2B,GAAG,SAAS,GAAG;IACpD,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC,CAAA;AAsID,wBAAgB,OAAO,CAAC,MAAM,CAAC,EAAE,uBAAuB;;;;;;;;;;;;;;;EAkDvD;AAoED,MAAM,MAAM,uBAAuB,GAAG;IAEpC,QAAQ,EAAE,MAAM,CAAA;IAChB,kFAAkF;IAClF,sBAAsB,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AA6DD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAgbhE;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"DatasetItemsEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/SynapseTable/datasets/DatasetItemsEditor.tsx"],"names":[],"mappings":"AA0BA,OAAO,EACL,SAAS,EACT,uBAAuB,EAExB,MAAM,iCAAiC,CAAA;AA8BxC,MAAM,MAAM,2BAA2B,GAAG,SAAS,GAAG;IACpD,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC,CAAA;AAsID,wBAAgB,OAAO,CAAC,MAAM,CAAC,EAAE,uBAAuB;;;;;;;;;;;;;;;EAkDvD;AAoED,MAAM,MAAM,uBAAuB,GAAG;IAEpC,QAAQ,EAAE,MAAM,CAAA;IAChB,kFAAkF;IAClF,sBAAsB,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AA6DD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA+ahE;AAED,eAAe,kBAAkB,CAAA"}

package/dist/components/SynapseTable/datasets/DatasetItemsEditor.js

@@ -31,11 +31,11 @@ import { Alert as se, Button as D, Checkbox as O, Skeleton as k, Tooltip as ce,
 import { jsx as j, jsxs as M } from "react/jsx-runtime";
 import { EntityType as N } from "@sage-bionetworks/synapse-client";
 import P from "pluralize";
-import { createColumnHelper as F, getCoreRowModel as le, useReactTable as ue } from "@tanstack/react-table";
-import I from "@mui/icons-material/AddCircleTwoTone";
+import F from "@mui/icons-material/AddCircleTwoTone";
+import { createColumnHelper as I, getCoreRowModel as le, useReactTable as ue } from "@tanstack/react-table";
 import { useVirtualizer as de } from "@tanstack/react-virtual";
 //#region src/components/SynapseTable/datasets/DatasetItemsEditor.tsx
-var L = F();
+var L = I();
 function fe(e) {
 	let { datasetToUpdate: t, selectedIds: n, clearSelectedIds: r, addSelectedId: i, allItemsAreSelected: a, changeVersionOnItem: o } = e;
 	return [
@@ -170,7 +170,7 @@ function R(e) {
 	};
 }
 function z(e, t) {
-	let n = e.filter((e) => !t.find((t) => t.entityId === e.entityId)), r = [...n], { updatedItems: i, newItems: a } = t.reduce((t, r) => {
+	let n = e.filter((e) => !t.some((t) => t.entityId === e.entityId)), r = [...n], { updatedItems: i, newItems: a } = t.reduce((t, r) => {
 		let i = e.find((e) => e.entityId === r.entityId);
 		return i ? r.versionNumber === i.versionNumber ? n.push(r) : t.updatedItems.push(r) : t.newItems.push(r), t;
 	}, {
@@ -210,7 +210,7 @@ function me(e) {
 			variant: "contained",
 			color: "primary",
 			onClick: r,
-			startIcon: /* @__PURE__ */ j(I, {}),
+			startIcon: /* @__PURE__ */ j(F, {}),
 			sx: { mt: 2 },
 			children: n
 		})]
@@ -332,7 +332,7 @@ function U(t) {
 		count: Q?.length ?? 0,
 		estimateSize: () => V,
 		getScrollElement: () => $.current,
-		measureElement: typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (e) => e?.getBoundingClientRect().height : void 0,
+		measureElement: typeof window < "u" && !navigator.userAgent.includes("Firefox") ? (e) => e?.getBoundingClientRect().height : void 0,
 		overscan: 5
 	});
 	return /* @__PURE__ */ M("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"DatasetItemsEditor.js","names":[],"sources":["../../../../src/components/SynapseTable/datasets/DatasetItemsEditor.tsx"],"sourcesContent":["import React from 'react'\nimport WideButton from '@/components/styled/WideButton'\nimport { datasetItemToReference } from '@/components/SynapseTable/datasets/DatasetEditorUtils'\nimport {\n  useGetEntity,\n  useGetEntityPath,\n  useUpdateEntity,\n} from '@/synapse-queries'\nimport { RequiredProperties } from '@/utils'\nimport {\n  convertToEntityType,\n  entityTypeToFriendlyName,\n  isDataset,\n  isDatasetCollection,\n} from '@/utils/functions/EntityTypeUtils'\nimport { useSet } from '@/utils/hooks'\nimport AddCircleTwoToneIcon from '@mui/icons-material/AddCircleTwoTone'\nimport {\n  Alert,\n  Button,\n  Checkbox,\n  Skeleton,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  EntityRef,\n  EntityRefCollectionView,\n  Reference,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  Table,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport { isEqual, upperFirst } from 'lodash-es'\nimport pluralize from 'pluralize'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport { CreatedOnCell } from '../../EntityFinder/details/view/table/CreatedOnCell'\nimport { EntityBadgeIconsCell } from '../../EntityFinder/details/view/table/EntityBadgeIconsCell'\nimport { EntityNameCell } from '../../EntityFinder/details/view/table/EntityNameCell'\nimport { ModifiedByCell } from '../../EntityFinder/details/view/table/ModifiedByCell'\nimport { ModifiedOnCell } from '../../EntityFinder/details/view/table/ModifiedOnCell'\nimport { ParentProjectCell } from '../../EntityFinder/details/view/table/ParentProjectCell'\nimport { EntityFinderModal } from '../../EntityFinder/EntityFinderModal'\nimport { FinderScope } from '../../EntityFinder/tree/EntityTree'\nimport { VersionSelectionType } from '../../EntityFinder/VersionSelectionType'\nimport { BlockingLoader } from '../../LoadingScreen/LoadingScreen'\nimport { SkeletonTable } from '../../Skeleton'\nimport WarningDialog from '../../SynapseForm/WarningDialog'\nimport ColumnHeader from '../../TanStackTable/ColumnHeader'\nimport StyledVirtualTanStackTable from '../../TanStackTable/StyledVirtualTanStackTable'\nimport { displayToast } from '../../ToastMessage'\nimport { DatasetEditorCheckboxCell } from './DatasetEditorCheckboxCell'\nimport { DatasetEditorVersionCell } from './DatasetEditorVersionCell'\nimport { EntityFetchErrorCell } from './EntityFetchErrorCell'\n\nexport type DatasetItemsEditorTableData = EntityRef & {\n  isSelected: boolean\n  setSelected: (value: boolean) => void\n}\n\nenum DatasetItemsEditorColumn {\n  ERROR_STATE = 'errorState',\n  SELECTED = 'isSelected',\n  NAME = 'name',\n  ENTITY_ID = 'entityId',\n  BADGES = 'badges',\n  VERSION = 'version',\n  CREATED_ON = 'createdOn',\n  MODIFIED_ON = 'modifieddOn',\n  MODIFIED_BY = 'modifiedBy',\n  PROJECT = 'project',\n}\n\nconst columnHelper = createColumnHelper<DatasetItemsEditorTableData>()\nfunction getColumns(\n  opts: SelectAllCheckboxRendererProps & {\n    changeVersionOnItem: (entityId: string, newVersion: number) => void\n  },\n) {\n  const {\n    datasetToUpdate,\n    selectedIds,\n    clearSelectedIds,\n    addSelectedId,\n    allItemsAreSelected,\n    changeVersionOnItem,\n  } = opts\n  return [\n    columnHelper.display({\n      id: DatasetItemsEditorColumn.ERROR_STATE,\n      minSize: 35,\n      maxSize: 35,\n      size: 35,\n      enableResizing: false,\n      header: () => null,\n      cell: EntityFetchErrorCell,\n    }),\n    columnHelper.display({\n      id: DatasetItemsEditorColumn.SELECTED,\n      minSize: 40,\n      maxSize: 40,\n      size: 40,\n      enableResizing: false,\n      header: () => (\n        <SelectAllCheckboxRenderer\n          datasetToUpdate={datasetToUpdate}\n          selectedIds={selectedIds}\n          clearSelectedIds={clearSelectedIds}\n          addSelectedId={addSelectedId}\n          allItemsAreSelected={allItemsAreSelected}\n        />\n      ),\n      cell: DatasetEditorCheckboxCell,\n    }),\n    columnHelper.display({\n      id: DatasetItemsEditorColumn.NAME,\n      minSize: 50,\n      size: 300,\n      header: props => <ColumnHeader {...props} title={'Name'} />,\n      cell: EntityNameCell,\n    }),\n    columnHelper.accessor(DatasetItemsEditorColumn.ENTITY_ID, {\n      minSize: 50,\n      size: 130,\n      header: props => <ColumnHeader {...props} title={'ID'} />,\n      enableColumnFilter: false,\n    }),\n    columnHelper.display({\n      id: DatasetItemsEditorColumn.BADGES,\n      minSize: 80,\n      size: 80,\n      enableResizing: true,\n      cell: EntityBadgeIconsCell,\n    }),\n    columnHelper.display({\n      id: DatasetItemsEditorColumn.VERSION,\n      minSize: 150,\n      size: 150,\n      header: props => <ColumnHeader {...props} title={'Version'} />,\n      cell: props => (\n        <DatasetEditorVersionCell\n          {...props}\n          toggleSelection={datasetItem => {\n            changeVersionOnItem(datasetItem.entityId, datasetItem.versionNumber)\n          }}\n        />\n      ),\n    }),\n    columnHelper.display({\n      id: DatasetItemsEditorColumn.CREATED_ON,\n      header: props => <ColumnHeader {...props} title={'Created On'} />,\n      size: 220,\n      minSize: 170,\n      cell: CreatedOnCell,\n    }),\n    columnHelper.display({\n      id: DatasetItemsEditorColumn.MODIFIED_ON,\n      header: props => <ColumnHeader {...props} title={'Modified On'} />,\n      size: 220,\n      minSize: 170,\n      cell: ModifiedOnCell,\n    }),\n    columnHelper.display({\n      id: DatasetItemsEditorColumn.MODIFIED_BY,\n      header: props => <ColumnHeader {...props} title={'Modified By'} />,\n      size: 250,\n      enableResizing: true,\n      cell: ModifiedByCell,\n    }),\n    columnHelper.display({\n      id: DatasetItemsEditorColumn.PROJECT,\n      header: props => <ColumnHeader {...props} title={'Size'} />,\n      size: 300,\n      cell: ParentProjectCell,\n    }),\n  ]\n}\n\nfunction getSelectableTypes(entity: EntityRefCollectionView) {\n  if (isDataset(entity)) {\n    return [EntityType.file]\n  } else if (isDatasetCollection(entity)) {\n    return [EntityType.dataset]\n  } else {\n    console.error(\n      'Cannot determine selectable types for entity type: ' +\n        entity.concreteType,\n    )\n    return []\n  }\n}\n\nexport function getCopy(entity?: EntityRefCollectionView) {\n  const displayName = entity\n    ? entityTypeToFriendlyName(convertToEntityType(entity.concreteType))\n    : 'Collection'\n  let itemName = 'Item'\n  let currentVersionName = 'Current Version'\n  if (entity && isDataset(entity)) {\n    itemName = entityTypeToFriendlyName(EntityType.file)\n    currentVersionName = 'Draft'\n  } else if (entity && isDatasetCollection(entity)) {\n    itemName = entityTypeToFriendlyName(EntityType.dataset)\n  }\n\n  const entityFinderPopover =\n    entity && isDataset(entity)\n      ? `Use the left pane to browse projects and folders. Select ${pluralize(\n          itemName,\n        )} from the right pane to add to this ${displayName}. ${upperFirst(\n          pluralize(itemName),\n        )} in a ${displayName} can be added from multiple folders. You can also use Search to find and select ${pluralize(\n          itemName,\n        )}.`\n      : `Use the left pane to browse projects. Select ${pluralize(\n          itemName,\n        )} from the right pane to add to this ${displayName}. ${upperFirst(\n          pluralize(itemName),\n        )} in a ${displayName} can be added from multiple projects. You can also use Search to find and select ${pluralize(\n          itemName,\n        )}.`\n\n  return {\n    ADD_ITEMS: `Add ${pluralize(itemName)}`,\n    ADD_ITEMS_TO: `Add ${pluralize(itemName)} to ${displayName}`,\n    REMOVE_ITEMS: `Remove ${pluralize(itemName)}`,\n    NO_ITEMS_IN_THIS_DATASET: `No ${pluralize(\n      itemName,\n    )} in this ${displayName}`,\n    SAVE_TO_CONTINUE: `Save the ${displayName} to continue`,\n    CREATE_VERSION_TO_FREEZE: `Create a Version of this ${displayName} to freeze it in its current state`,\n    ENTITY_SAVED: `${displayName} Saved`,\n    SAVE_CHANGES: `Save changes to ${currentVersionName}`,\n    ENTITY_FINDER_POPOVER: entityFinderPopover,\n    ENTITY_FINDER_PROMPT: `Find ${pluralize(\n      itemName,\n    )} to add to the ${displayName}.`,\n    PRECONDITION_FAILED_MESSAGE: `Re-retrieve the ${displayName} to get the latest changes. Your current changes will be lost.`,\n    PRECONDITION_FAILED_TITLE: `${displayName} updated since last fetched`,\n    PRECONDITION_FAILED_ACTION: `Retrieve ${displayName}`,\n    NO_CHANGES_MADE: `You have not made any changes to the ${displayName}.`,\n  }\n}\n\nfunction getDataSetDifference(\n  oldDataSet: EntityRef[],\n  changedItems: EntityRef[],\n) {\n  const unchangedItems = oldDataSet.filter(\n    oldItem =>\n      !changedItems.find(newItem => newItem.entityId === oldItem.entityId),\n  )\n  const deletedItems = [...unchangedItems]\n  const { updatedItems, newItems } = changedItems.reduce(\n    (results, result) => {\n      const oldItem = oldDataSet.find(old => old.entityId === result.entityId)\n      if (oldItem) {\n        if (result.versionNumber !== oldItem.versionNumber) {\n          results['updatedItems'].push(result)\n        } else {\n          unchangedItems.push(result)\n        }\n      } else {\n        results['newItems'].push(result)\n      }\n      return results\n    },\n    { updatedItems: [], newItems: [] } as {\n      updatedItems: EntityRef[]\n      newItems: EntityRef[]\n    },\n  )\n\n  return { unchangedItems, updatedItems, newItems, deletedItems }\n}\n\nfunction getDatasetChangedToastMessageTitle(\n  previousDatasetToUpdate?: RequiredProperties<\n    EntityRefCollectionView,\n    'items'\n  >,\n  datasetToUpdate?: RequiredProperties<EntityRefCollectionView, 'items'>,\n) {\n  const { updatedItems, newItems, deletedItems } = getDataSetDifference(\n    previousDatasetToUpdate?.items ?? [],\n    datasetToUpdate?.items!,\n  )\n  let toastTitle = ''\n\n  // \"X items(s) deleted\"\n  if (deletedItems.length > 0) {\n    toastTitle += `${deletedItems.length} Item${\n      deletedItems.length === 1 ? '' : 's'\n    } removed`\n  } else {\n    // \"Y item(s) added\"\n    toastTitle += `${newItems.length} Item${\n      newItems.length === 1 ? '' : 's'\n    } added`\n\n    // \"and Z item(s) updated\", only shown if there are updated items\n    if (updatedItems.length > 0) {\n      toastTitle += ` and ${updatedItems.length} Item${\n        updatedItems.length === 1 ? '' : 's'\n      } updated`\n    }\n  }\n  return toastTitle\n}\n\nexport type DatasetItemsEditorProps = {\n  /* The synId of the EntityRefCollectionView to modify */\n  entityId: string\n  /** Callback invoked when the editor changes state to contain un/saved changes. */\n  onUnsavedChangesChange?: (hasUnsavedChanges: boolean) => void\n  onSave?: () => void\n  onClose?: () => void\n}\n\nconst ROW_HEIGHT = 48\n\ntype SelectAllCheckboxRendererProps = {\n  datasetToUpdate: RequiredProperties<EntityRefCollectionView, 'items'>\n  selectedIds: Omit<Set<string>, 'add' | 'delete' | 'clear'>\n  addSelectedId: (...items: string[]) => void\n  clearSelectedIds: () => void\n  allItemsAreSelected: boolean\n}\n\nconst SelectAllCheckboxRenderer = (\n  props: SelectAllCheckboxRendererProps,\n): React.ReactNode => {\n  const {\n    datasetToUpdate,\n    clearSelectedIds,\n    allItemsAreSelected,\n    addSelectedId,\n  } = props\n  const isChecked = allItemsAreSelected\n\n  return (\n    <Checkbox\n      inputProps={{ 'aria-label': 'Select All' }}\n      checked={isChecked}\n      disabled={datasetToUpdate.items.length === 0}\n      onChange={() => {\n        if (isChecked) {\n          clearSelectedIds()\n        } else {\n          addSelectedId(...datasetToUpdate.items.map(item => item.entityId))\n        }\n      }}\n    />\n  )\n}\n\nfunction NoItemsPlaceholder(props: {\n  titleCopy: string\n  buttonCopy: string\n  onButtonClick: () => void\n}) {\n  const { titleCopy, buttonCopy, onButtonClick } = props\n  return (\n    <div className=\"NoItemsPlaceholder\">\n      <Typography variant={'headline3'}>{titleCopy}</Typography>\n      <WideButton\n        variant=\"contained\"\n        color=\"primary\"\n        onClick={onButtonClick}\n        startIcon={<AddCircleTwoToneIcon />}\n        sx={{ mt: 2 }}\n      >\n        {buttonCopy}\n      </WideButton>\n    </div>\n  )\n}\n\nexport function DatasetItemsEditor(props: DatasetItemsEditorProps) {\n  const { entityId, onSave, onClose, onUnsavedChangesChange } = props\n  const [showEntityFinder, setShowEntityFinder] = useState<boolean>(false)\n  const [showWarningDialog, setShowWarningDialog] = useState<boolean>(false)\n\n  // The current 'client state' of dataset that the user is currently editing. Updates to this state are not saved until the user clicks 'Save'.\n  const [datasetToUpdate, setDatasetToUpdate] =\n    useState<RequiredProperties<EntityRefCollectionView, 'items'>>()\n\n  // The previous value of the datasetToUpdate variable. This is used to calculate a summary of bulk actions since the last update to the unsaved dataset state.\n  const [previousDatasetToUpdate, setPreviousDatasetToUpdate] =\n    useState<RequiredProperties<EntityRefCollectionView, 'items'>>()\n\n  // Stores the `close` function that will be used to hide the last toast that prompted the user to save\n  const [onCloseLastSavePromptToast, setOnCloseLastSavePromptToast] = useState<\n    { close: () => void } | undefined\n  >()\n\n  const { data: datasetOnServer, refetch: refetchDataset } = useGetEntity<\n    RequiredProperties<EntityRefCollectionView, 'items'>\n  >(entityId, undefined, {\n    staleTime: Infinity,\n  })\n\n  const hasChangedSinceLastSave = Boolean(\n    datasetOnServer &&\n    datasetToUpdate &&\n    !isEqual(datasetOnServer, datasetToUpdate),\n  )\n\n  const {\n    ADD_ITEMS,\n    ADD_ITEMS_TO,\n    REMOVE_ITEMS,\n    NO_ITEMS_IN_THIS_DATASET,\n    SAVE_TO_CONTINUE,\n    CREATE_VERSION_TO_FREEZE,\n    ENTITY_SAVED,\n    SAVE_CHANGES,\n    PRECONDITION_FAILED_TITLE,\n    PRECONDITION_FAILED_MESSAGE,\n    PRECONDITION_FAILED_ACTION,\n    ENTITY_FINDER_POPOVER,\n    ENTITY_FINDER_PROMPT,\n    NO_CHANGES_MADE,\n  } = useMemo(() => getCopy(datasetOnServer), [datasetOnServer])\n\n  useEffect(() => {\n    if (datasetOnServer) {\n      // SWC-5876: Dataset Items may be undefined. This has the same inherent meaning as the empty list, so we'll just change it to save us some null checks.\n      if (datasetOnServer.items == null) {\n        datasetOnServer.items = []\n      }\n      setDatasetToUpdate(datasetOnServer)\n    }\n  }, [datasetOnServer])\n\n  const {\n    set: selectedIds,\n    add: addSelectedId,\n    remove: removeSelectedId,\n    clear: clearSelectedIds,\n  } = useSet<string>()\n  const allItemsAreSelected = Boolean(\n    datasetToUpdate && datasetToUpdate.items.length === selectedIds.size,\n  )\n\n  useEffect(() => {\n    if (datasetToUpdate && datasetOnServer && onUnsavedChangesChange) {\n      onUnsavedChangesChange(hasChangedSinceLastSave)\n    }\n  }, [\n    datasetOnServer,\n    datasetToUpdate,\n    hasChangedSinceLastSave,\n    onUnsavedChangesChange,\n  ])\n\n  // We get the project ID to show the \"Current Project\" context in the Entity Finder.\n  const { data: path } = useGetEntityPath(entityId)\n  const projectId = path?.path[1]?.id\n\n  const { mutate, isPending: updateIsPending } =\n    useUpdateEntity<EntityRefCollectionView>({\n      onMutate: () => {\n        // Close existing toast that prompted the user to save\n        if (onCloseLastSavePromptToast) {\n          onCloseLastSavePromptToast.close()\n          setOnCloseLastSavePromptToast(undefined)\n        }\n      },\n      onSuccess: () => {\n        // The query should automatically be invalidated, but just in case\n        void refetchDataset()\n\n        if (onSave) {\n          onSave()\n        } else {\n          // If onSave isn't specified, push a generic toast message.\n          displayToast(CREATE_VERSION_TO_FREEZE, 'success', {\n            title: ENTITY_SAVED,\n          })\n        }\n      },\n      onError: error => {\n        if (error.status === 412) {\n          displayToast(PRECONDITION_FAILED_MESSAGE, 'warning', {\n            title: PRECONDITION_FAILED_TITLE,\n            primaryButtonConfig: {\n              text: PRECONDITION_FAILED_ACTION,\n              onClick: () => {\n                void refetchDataset()\n              },\n            },\n          })\n        } else {\n          displayToast(error.reason, 'danger', {\n            title: 'An Error Occurred',\n          })\n        }\n      },\n    })\n\n  useEffect(() => {\n    // When changes are made (but not saved) to the datasetToUpdate, show a notification that summarizes the change and prompts the user to save\n    if (\n      previousDatasetToUpdate &&\n      datasetToUpdate &&\n      !isEqual(previousDatasetToUpdate.items, datasetToUpdate.items) &&\n      !updateIsPending\n    ) {\n      const toastMessageTitle = getDatasetChangedToastMessageTitle(\n        previousDatasetToUpdate,\n        datasetToUpdate,\n      )\n      // Replace existing toast that prompts the user to save before showing the new one\n      if (onCloseLastSavePromptToast) {\n        onCloseLastSavePromptToast.close()\n      }\n      const onCloseToast = displayToast(SAVE_TO_CONTINUE, 'info', {\n        title: toastMessageTitle,\n        primaryButtonConfig: {\n          text: SAVE_CHANGES,\n          onClick: () => mutate(datasetToUpdate),\n        },\n      })\n      setOnCloseLastSavePromptToast({ close: onCloseToast })\n    }\n    setPreviousDatasetToUpdate(datasetToUpdate)\n    // Only run when datasetToUpdate changes\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [datasetToUpdate])\n\n  const tableData = useMemo(\n    () =>\n      datasetToUpdate?.items.map(\n        (item: EntityRef): DatasetItemsEditorTableData => {\n          return {\n            ...item,\n            isSelected: selectedIds.has(item.entityId),\n            setSelected: (value: boolean) => {\n              return value\n                ? addSelectedId(item.entityId)\n                : removeSelectedId(item.entityId)\n            },\n          }\n        },\n      ) ?? [],\n    [addSelectedId, datasetToUpdate?.items, removeSelectedId, selectedIds],\n  )\n\n  function addItemsToDataset(itemsToAdd: Reference[]) {\n    setDatasetToUpdate(datasetToUpdate => {\n      if (datasetToUpdate) {\n        const refToDatasetItem = itemsToAdd.map(item => ({\n          entityId: item.targetId,\n          versionNumber: item.targetVersionNumber!,\n        }))\n        const { unchangedItems, updatedItems, newItems } = getDataSetDifference(\n          datasetToUpdate.items,\n          refToDatasetItem,\n        )\n\n        if (updatedItems.length == 0 && newItems.length == 0) {\n          // No items were added or updated, so don't update the state variable.\n          return datasetToUpdate\n        }\n\n        const items = [...unchangedItems, ...updatedItems, ...newItems]\n\n        return {\n          ...datasetToUpdate,\n          items: items,\n        }\n      } else {\n        console.warn(\n          'Cannot add items to the Collection because it is undefined. The Collection may not have been fetched yet.',\n        )\n        return datasetToUpdate\n      }\n    })\n    clearSelectedIds()\n  }\n\n  function removeSelectedItemsFromDataset() {\n    setDatasetToUpdate(dataset => ({\n      ...dataset!,\n      items: dataset!.items.filter(\n        datasetItem => !selectedIds.has(datasetItem.entityId),\n      ),\n    }))\n    clearSelectedIds()\n  }\n\n  function changeVersionOnItem(entityId: string, newVersion: number) {\n    setDatasetToUpdate(dataset => ({\n      ...dataset!,\n      items: dataset!.items.map(datasetItem =>\n        datasetItem.entityId === entityId\n          ? { entityId: entityId, versionNumber: newVersion }\n          : datasetItem,\n      ),\n    }))\n  }\n\n  const selectableTypes: EntityType[] | undefined = useMemo(() => {\n    if (datasetOnServer) {\n      return getSelectableTypes(datasetOnServer)\n    } else {\n      return undefined\n    }\n  }, [datasetOnServer])\n\n  const columns = useMemo(() => {\n    if (!datasetToUpdate) {\n      return []\n    }\n    return getColumns({\n      datasetToUpdate,\n      selectedIds,\n      clearSelectedIds,\n      addSelectedId,\n      allItemsAreSelected,\n      changeVersionOnItem,\n    })\n  }, [\n    addSelectedId,\n    allItemsAreSelected,\n    clearSelectedIds,\n    datasetToUpdate,\n    selectedIds,\n  ])\n\n  const table: Table<DatasetItemsEditorTableData> =\n    useReactTable<DatasetItemsEditorTableData>({\n      data: tableData,\n      columns,\n      getCoreRowModel: getCoreRowModel(),\n      columnResizeMode: 'onChange',\n      // There are no backend sort controls. The server only provides ID/version, and a dataset could be up to 10k items,\n      // so client side sorting is non-trivial. We may consider fetching all entity headers upon user request.\n      enableSorting: false,\n    })\n\n  const tableContainerRef = useRef<HTMLDivElement>(null)\n\n  const rowVirtualizer = useVirtualizer({\n    count: tableData?.length ?? 0,\n    estimateSize: () => ROW_HEIGHT, // estimate row height for accurate scrollbar dragging\n    getScrollElement: () => tableContainerRef.current,\n    // measure dynamic row height, except in firefox because it measures table border height incorrectly\n    measureElement:\n      typeof window !== 'undefined' &&\n      navigator.userAgent.indexOf('Firefox') === -1\n        ? element => element?.getBoundingClientRect().height\n        : undefined,\n    overscan: 5,\n  })\n\n  const datasetItemsAsEntityFinderRef = useMemo(\n    () => datasetToUpdate?.items.map(datasetItemToReference),\n    [datasetToUpdate],\n  )\n\n  return (\n    <div className=\"DatasetEditor\">\n      <EntityFinderModal\n        initialSelected={datasetItemsAsEntityFinderRef}\n        configuration={{\n          projectId: projectId,\n          selectMultiple: true,\n          initialScope: FinderScope.CURRENT_PROJECT,\n          initialContainer: projectId ?? null,\n          selectableTypes: selectableTypes,\n          versionSelection: VersionSelectionType.REQUIRED,\n        }}\n        titleHelpPopoverProps={{\n          markdownText: ENTITY_FINDER_POPOVER,\n          helpUrl: 'https://help.synapse.org/docs/Datasets.2611281979.html',\n          placement: 'right',\n        }}\n        promptCopy={ENTITY_FINDER_PROMPT}\n        show={showEntityFinder}\n        title={ADD_ITEMS_TO}\n        confirmButtonCopy={'Apply changes'}\n        onConfirm={items => {\n          addItemsToDataset(items)\n          setShowEntityFinder(false)\n        }}\n        onCancel={() => setShowEntityFinder(false)}\n      />\n      <WarningDialog\n        title=\"Unsaved Changes\"\n        content=\"Any unsaved changes will be lost. Are you sure you want to close the editor?\"\n        confirmButtonText=\"Close Editor\"\n        onConfirm={() => {\n          if (onClose) {\n            setShowWarningDialog(false)\n            if (onUnsavedChangesChange) {\n              onUnsavedChangesChange(false)\n            }\n            onClose()\n          }\n        }}\n        open={showWarningDialog}\n        onConfirmCallbackArgs={[]}\n        onCancel={() => setShowWarningDialog(false)}\n      />\n\n      <div className=\"DatasetEditorTopBottomPanel\">\n        <BlockingLoader show={updateIsPending} />\n        <div className=\"ItemCount\">\n          {datasetToUpdate ? (\n            <Typography variant=\"headline3\">\n              {datasetToUpdate.items.length === 0\n                ? 'No'\n                : datasetToUpdate.items.length.toLocaleString()}{' '}\n              File\n              {datasetToUpdate.items.length !== 1 && 's'}\n            </Typography>\n          ) : (\n            <Skeleton variant=\"rectangular\" width={200} />\n          )}\n        </div>\n\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          disabled={datasetToUpdate == null}\n          onClick={() => setShowEntityFinder(true)}\n        >\n          {ADD_ITEMS}\n        </Button>\n        <Button\n          disabled={selectedIds.size === 0}\n          variant=\"outlined\"\n          color=\"primary\"\n          onClick={removeSelectedItemsFromDataset}\n        >\n          {REMOVE_ITEMS}\n        </Button>\n      </div>\n      <div className=\"DatasetEditorTableContainer\">\n        {datasetToUpdate && datasetToUpdate.items.length === 0 && (\n          <NoItemsPlaceholder\n            titleCopy={NO_ITEMS_IN_THIS_DATASET}\n            buttonCopy={ADD_ITEMS}\n            onButtonClick={() => setShowEntityFinder(true)}\n          />\n        )}\n        {datasetToUpdate && datasetToUpdate.items.length > 0 && (\n          <StyledVirtualTanStackTable<DatasetItemsEditorTableData>\n            styledTableContainerProps={{\n              className: 'DatasetEditorTable',\n              ref: tableContainerRef,\n              height: '350px',\n            }}\n            table={table}\n            rowVirtualizer={rowVirtualizer}\n            slotProps={{\n              Tr: {\n                className: `DatasetEditorRow`,\n                style: {\n                  height: `${ROW_HEIGHT}px`,\n                  maxHeight: `${ROW_HEIGHT}px`,\n                },\n              },\n            }}\n          />\n        )}\n        {!datasetToUpdate && (\n          <SkeletonTable\n            className=\"DatasetItemsEditorSkeleton\"\n            numRows={8}\n            numCols={6}\n            rowHeight={`${ROW_HEIGHT}px`}\n          />\n        )}\n      </div>\n      <div className=\"DatasetEditorTopBottomPanel\">\n        {hasChangedSinceLastSave && (\n          <Alert severity=\"warning\">You have unsaved changes</Alert>\n        )}\n        <Button\n          variant=\"outlined\"\n          color=\"primary\"\n          onClick={() => {\n            if (hasChangedSinceLastSave) {\n              setShowWarningDialog(true)\n            } else if (onClose) {\n              onClose()\n            }\n          }}\n        >\n          Cancel\n        </Button>\n\n        <Tooltip title={!hasChangedSinceLastSave && NO_CHANGES_MADE}>\n          <div>\n            <Button\n              disabled={!datasetToUpdate || !hasChangedSinceLastSave}\n              variant=\"contained\"\n              color=\"primary\"\n              onClick={() => mutate(datasetToUpdate!)}\n            >\n              Save\n            </Button>\n          </div>\n        </Tooltip>\n      </div>\n    </div>\n  )\n}\n\nexport default DatasetItemsEditor\n"],"mappings":"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"}
+{"version":3,"file":"DatasetItemsEditor.js","names":[],"sources":["../../../../src/components/SynapseTable/datasets/DatasetItemsEditor.tsx"],"sourcesContent":["import React from 'react'\nimport WideButton from '@/components/styled/WideButton'\nimport { datasetItemToReference } from '@/components/SynapseTable/datasets/DatasetEditorUtils'\nimport {\n  useGetEntity,\n  useGetEntityPath,\n  useUpdateEntity,\n} from '@/synapse-queries'\nimport { RequiredProperties } from '@/utils'\nimport {\n  convertToEntityType,\n  entityTypeToFriendlyName,\n  isDataset,\n  isDatasetCollection,\n} from '@/utils/functions/EntityTypeUtils'\nimport { useSet } from '@/utils/hooks'\nimport AddCircleTwoToneIcon from '@mui/icons-material/AddCircleTwoTone'\nimport {\n  Alert,\n  Button,\n  Checkbox,\n  Skeleton,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  EntityRef,\n  EntityRefCollectionView,\n  Reference,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  Table,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport { isEqual, upperFirst } from 'lodash-es'\nimport pluralize from 'pluralize'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport { CreatedOnCell } from '../../EntityFinder/details/view/table/CreatedOnCell'\nimport { EntityBadgeIconsCell } from '../../EntityFinder/details/view/table/EntityBadgeIconsCell'\nimport { EntityNameCell } from '../../EntityFinder/details/view/table/EntityNameCell'\nimport { ModifiedByCell } from '../../EntityFinder/details/view/table/ModifiedByCell'\nimport { ModifiedOnCell } from '../../EntityFinder/details/view/table/ModifiedOnCell'\nimport { ParentProjectCell } from '../../EntityFinder/details/view/table/ParentProjectCell'\nimport { EntityFinderModal } from '../../EntityFinder/EntityFinderModal'\nimport { FinderScope } from '../../EntityFinder/tree/EntityTree'\nimport { VersionSelectionType } from '../../EntityFinder/VersionSelectionType'\nimport { BlockingLoader } from '../../LoadingScreen/LoadingScreen'\nimport { SkeletonTable } from '../../Skeleton'\nimport WarningDialog from '../../SynapseForm/WarningDialog'\nimport ColumnHeader from '../../TanStackTable/ColumnHeader'\nimport StyledVirtualTanStackTable from '../../TanStackTable/StyledVirtualTanStackTable'\nimport { displayToast } from '../../ToastMessage'\nimport { DatasetEditorCheckboxCell } from './DatasetEditorCheckboxCell'\nimport { DatasetEditorVersionCell } from './DatasetEditorVersionCell'\nimport { EntityFetchErrorCell } from './EntityFetchErrorCell'\n\nexport type DatasetItemsEditorTableData = EntityRef & {\n  isSelected: boolean\n  setSelected: (value: boolean) => void\n}\n\nenum DatasetItemsEditorColumn {\n  ERROR_STATE = 'errorState',\n  SELECTED = 'isSelected',\n  NAME = 'name',\n  ENTITY_ID = 'entityId',\n  BADGES = 'badges',\n  VERSION = 'version',\n  CREATED_ON = 'createdOn',\n  MODIFIED_ON = 'modifieddOn',\n  MODIFIED_BY = 'modifiedBy',\n  PROJECT = 'project',\n}\n\nconst columnHelper = createColumnHelper<DatasetItemsEditorTableData>()\nfunction getColumns(\n  opts: SelectAllCheckboxRendererProps & {\n    changeVersionOnItem: (entityId: string, newVersion: number) => void\n  },\n) {\n  const {\n    datasetToUpdate,\n    selectedIds,\n    clearSelectedIds,\n    addSelectedId,\n    allItemsAreSelected,\n    changeVersionOnItem,\n  } = opts\n  return [\n    columnHelper.display({\n      id: DatasetItemsEditorColumn.ERROR_STATE,\n      minSize: 35,\n      maxSize: 35,\n      size: 35,\n      enableResizing: false,\n      header: () => null,\n      cell: EntityFetchErrorCell,\n    }),\n    columnHelper.display({\n      id: DatasetItemsEditorColumn.SELECTED,\n      minSize: 40,\n      maxSize: 40,\n      size: 40,\n      enableResizing: false,\n      header: () => (\n        <SelectAllCheckboxRenderer\n          datasetToUpdate={datasetToUpdate}\n          selectedIds={selectedIds}\n          clearSelectedIds={clearSelectedIds}\n          addSelectedId={addSelectedId}\n          allItemsAreSelected={allItemsAreSelected}\n        />\n      ),\n      cell: DatasetEditorCheckboxCell,\n    }),\n    columnHelper.display({\n      id: DatasetItemsEditorColumn.NAME,\n      minSize: 50,\n      size: 300,\n      header: props => <ColumnHeader {...props} title={'Name'} />,\n      cell: EntityNameCell,\n    }),\n    columnHelper.accessor(DatasetItemsEditorColumn.ENTITY_ID, {\n      minSize: 50,\n      size: 130,\n      header: props => <ColumnHeader {...props} title={'ID'} />,\n      enableColumnFilter: false,\n    }),\n    columnHelper.display({\n      id: DatasetItemsEditorColumn.BADGES,\n      minSize: 80,\n      size: 80,\n      enableResizing: true,\n      cell: EntityBadgeIconsCell,\n    }),\n    columnHelper.display({\n      id: DatasetItemsEditorColumn.VERSION,\n      minSize: 150,\n      size: 150,\n      header: props => <ColumnHeader {...props} title={'Version'} />,\n      cell: props => (\n        <DatasetEditorVersionCell\n          {...props}\n          toggleSelection={datasetItem => {\n            changeVersionOnItem(datasetItem.entityId, datasetItem.versionNumber)\n          }}\n        />\n      ),\n    }),\n    columnHelper.display({\n      id: DatasetItemsEditorColumn.CREATED_ON,\n      header: props => <ColumnHeader {...props} title={'Created On'} />,\n      size: 220,\n      minSize: 170,\n      cell: CreatedOnCell,\n    }),\n    columnHelper.display({\n      id: DatasetItemsEditorColumn.MODIFIED_ON,\n      header: props => <ColumnHeader {...props} title={'Modified On'} />,\n      size: 220,\n      minSize: 170,\n      cell: ModifiedOnCell,\n    }),\n    columnHelper.display({\n      id: DatasetItemsEditorColumn.MODIFIED_BY,\n      header: props => <ColumnHeader {...props} title={'Modified By'} />,\n      size: 250,\n      enableResizing: true,\n      cell: ModifiedByCell,\n    }),\n    columnHelper.display({\n      id: DatasetItemsEditorColumn.PROJECT,\n      header: props => <ColumnHeader {...props} title={'Size'} />,\n      size: 300,\n      cell: ParentProjectCell,\n    }),\n  ]\n}\n\nfunction getSelectableTypes(entity: EntityRefCollectionView) {\n  if (isDataset(entity)) {\n    return [EntityType.file]\n  } else if (isDatasetCollection(entity)) {\n    return [EntityType.dataset]\n  } else {\n    console.error(\n      'Cannot determine selectable types for entity type: ' +\n        entity.concreteType,\n    )\n    return []\n  }\n}\n\nexport function getCopy(entity?: EntityRefCollectionView) {\n  const displayName = entity\n    ? entityTypeToFriendlyName(convertToEntityType(entity.concreteType))\n    : 'Collection'\n  let itemName = 'Item'\n  let currentVersionName = 'Current Version'\n  if (entity && isDataset(entity)) {\n    itemName = entityTypeToFriendlyName(EntityType.file)\n    currentVersionName = 'Draft'\n  } else if (entity && isDatasetCollection(entity)) {\n    itemName = entityTypeToFriendlyName(EntityType.dataset)\n  }\n\n  const entityFinderPopover =\n    entity && isDataset(entity)\n      ? `Use the left pane to browse projects and folders. Select ${pluralize(\n          itemName,\n        )} from the right pane to add to this ${displayName}. ${upperFirst(\n          pluralize(itemName),\n        )} in a ${displayName} can be added from multiple folders. You can also use Search to find and select ${pluralize(\n          itemName,\n        )}.`\n      : `Use the left pane to browse projects. Select ${pluralize(\n          itemName,\n        )} from the right pane to add to this ${displayName}. ${upperFirst(\n          pluralize(itemName),\n        )} in a ${displayName} can be added from multiple projects. You can also use Search to find and select ${pluralize(\n          itemName,\n        )}.`\n\n  return {\n    ADD_ITEMS: `Add ${pluralize(itemName)}`,\n    ADD_ITEMS_TO: `Add ${pluralize(itemName)} to ${displayName}`,\n    REMOVE_ITEMS: `Remove ${pluralize(itemName)}`,\n    NO_ITEMS_IN_THIS_DATASET: `No ${pluralize(\n      itemName,\n    )} in this ${displayName}`,\n    SAVE_TO_CONTINUE: `Save the ${displayName} to continue`,\n    CREATE_VERSION_TO_FREEZE: `Create a Version of this ${displayName} to freeze it in its current state`,\n    ENTITY_SAVED: `${displayName} Saved`,\n    SAVE_CHANGES: `Save changes to ${currentVersionName}`,\n    ENTITY_FINDER_POPOVER: entityFinderPopover,\n    ENTITY_FINDER_PROMPT: `Find ${pluralize(\n      itemName,\n    )} to add to the ${displayName}.`,\n    PRECONDITION_FAILED_MESSAGE: `Re-retrieve the ${displayName} to get the latest changes. Your current changes will be lost.`,\n    PRECONDITION_FAILED_TITLE: `${displayName} updated since last fetched`,\n    PRECONDITION_FAILED_ACTION: `Retrieve ${displayName}`,\n    NO_CHANGES_MADE: `You have not made any changes to the ${displayName}.`,\n  }\n}\n\nfunction getDataSetDifference(\n  oldDataSet: EntityRef[],\n  changedItems: EntityRef[],\n) {\n  const unchangedItems = oldDataSet.filter(\n    oldItem =>\n      !changedItems.some(newItem => newItem.entityId === oldItem.entityId),\n  )\n  const deletedItems = [...unchangedItems]\n  const { updatedItems, newItems } = changedItems.reduce(\n    (results, result) => {\n      const oldItem = oldDataSet.find(old => old.entityId === result.entityId)\n      if (oldItem) {\n        if (result.versionNumber !== oldItem.versionNumber) {\n          results['updatedItems'].push(result)\n        } else {\n          unchangedItems.push(result)\n        }\n      } else {\n        results['newItems'].push(result)\n      }\n      return results\n    },\n    { updatedItems: [], newItems: [] } as {\n      updatedItems: EntityRef[]\n      newItems: EntityRef[]\n    },\n  )\n\n  return { unchangedItems, updatedItems, newItems, deletedItems }\n}\n\nfunction getDatasetChangedToastMessageTitle(\n  previousDatasetToUpdate?: RequiredProperties<\n    EntityRefCollectionView,\n    'items'\n  >,\n  datasetToUpdate?: RequiredProperties<EntityRefCollectionView, 'items'>,\n) {\n  const { updatedItems, newItems, deletedItems } = getDataSetDifference(\n    previousDatasetToUpdate?.items ?? [],\n    datasetToUpdate?.items!,\n  )\n  let toastTitle = ''\n\n  // \"X items(s) deleted\"\n  if (deletedItems.length > 0) {\n    toastTitle += `${deletedItems.length} Item${\n      deletedItems.length === 1 ? '' : 's'\n    } removed`\n  } else {\n    // \"Y item(s) added\"\n    toastTitle += `${newItems.length} Item${\n      newItems.length === 1 ? '' : 's'\n    } added`\n\n    // \"and Z item(s) updated\", only shown if there are updated items\n    if (updatedItems.length > 0) {\n      toastTitle += ` and ${updatedItems.length} Item${\n        updatedItems.length === 1 ? '' : 's'\n      } updated`\n    }\n  }\n  return toastTitle\n}\n\nexport type DatasetItemsEditorProps = {\n  /* The synId of the EntityRefCollectionView to modify */\n  entityId: string\n  /** Callback invoked when the editor changes state to contain un/saved changes. */\n  onUnsavedChangesChange?: (hasUnsavedChanges: boolean) => void\n  onSave?: () => void\n  onClose?: () => void\n}\n\nconst ROW_HEIGHT = 48\n\ntype SelectAllCheckboxRendererProps = {\n  datasetToUpdate: RequiredProperties<EntityRefCollectionView, 'items'>\n  selectedIds: Omit<Set<string>, 'add' | 'delete' | 'clear'>\n  addSelectedId: (...items: string[]) => void\n  clearSelectedIds: () => void\n  allItemsAreSelected: boolean\n}\n\nconst SelectAllCheckboxRenderer = (\n  props: SelectAllCheckboxRendererProps,\n): React.ReactNode => {\n  const {\n    datasetToUpdate,\n    clearSelectedIds,\n    allItemsAreSelected,\n    addSelectedId,\n  } = props\n  const isChecked = allItemsAreSelected\n\n  return (\n    <Checkbox\n      inputProps={{ 'aria-label': 'Select All' }}\n      checked={isChecked}\n      disabled={datasetToUpdate.items.length === 0}\n      onChange={() => {\n        if (isChecked) {\n          clearSelectedIds()\n        } else {\n          addSelectedId(...datasetToUpdate.items.map(item => item.entityId))\n        }\n      }}\n    />\n  )\n}\n\nfunction NoItemsPlaceholder(props: {\n  titleCopy: string\n  buttonCopy: string\n  onButtonClick: () => void\n}) {\n  const { titleCopy, buttonCopy, onButtonClick } = props\n  return (\n    <div className=\"NoItemsPlaceholder\">\n      <Typography variant={'headline3'}>{titleCopy}</Typography>\n      <WideButton\n        variant=\"contained\"\n        color=\"primary\"\n        onClick={onButtonClick}\n        startIcon={<AddCircleTwoToneIcon />}\n        sx={{ mt: 2 }}\n      >\n        {buttonCopy}\n      </WideButton>\n    </div>\n  )\n}\n\nexport function DatasetItemsEditor(props: DatasetItemsEditorProps) {\n  const { entityId, onSave, onClose, onUnsavedChangesChange } = props\n  const [showEntityFinder, setShowEntityFinder] = useState<boolean>(false)\n  const [showWarningDialog, setShowWarningDialog] = useState<boolean>(false)\n\n  // The current 'client state' of dataset that the user is currently editing. Updates to this state are not saved until the user clicks 'Save'.\n  const [datasetToUpdate, setDatasetToUpdate] =\n    useState<RequiredProperties<EntityRefCollectionView, 'items'>>()\n\n  // The previous value of the datasetToUpdate variable. This is used to calculate a summary of bulk actions since the last update to the unsaved dataset state.\n  const [previousDatasetToUpdate, setPreviousDatasetToUpdate] =\n    useState<RequiredProperties<EntityRefCollectionView, 'items'>>()\n\n  // Stores the `close` function that will be used to hide the last toast that prompted the user to save\n  const [onCloseLastSavePromptToast, setOnCloseLastSavePromptToast] = useState<\n    { close: () => void } | undefined\n  >()\n\n  const { data: datasetOnServer, refetch: refetchDataset } = useGetEntity<\n    RequiredProperties<EntityRefCollectionView, 'items'>\n  >(entityId, undefined, {\n    staleTime: Infinity,\n  })\n\n  const hasChangedSinceLastSave = Boolean(\n    datasetOnServer &&\n    datasetToUpdate &&\n    !isEqual(datasetOnServer, datasetToUpdate),\n  )\n\n  const {\n    ADD_ITEMS,\n    ADD_ITEMS_TO,\n    REMOVE_ITEMS,\n    NO_ITEMS_IN_THIS_DATASET,\n    SAVE_TO_CONTINUE,\n    CREATE_VERSION_TO_FREEZE,\n    ENTITY_SAVED,\n    SAVE_CHANGES,\n    PRECONDITION_FAILED_TITLE,\n    PRECONDITION_FAILED_MESSAGE,\n    PRECONDITION_FAILED_ACTION,\n    ENTITY_FINDER_POPOVER,\n    ENTITY_FINDER_PROMPT,\n    NO_CHANGES_MADE,\n  } = useMemo(() => getCopy(datasetOnServer), [datasetOnServer])\n\n  useEffect(() => {\n    if (datasetOnServer) {\n      // SWC-5876: Dataset Items may be undefined. This has the same inherent meaning as the empty list, so we'll just change it to save us some null checks.\n      if (datasetOnServer.items == null) {\n        datasetOnServer.items = []\n      }\n      setDatasetToUpdate(datasetOnServer)\n    }\n  }, [datasetOnServer])\n\n  const {\n    set: selectedIds,\n    add: addSelectedId,\n    remove: removeSelectedId,\n    clear: clearSelectedIds,\n  } = useSet<string>()\n  const allItemsAreSelected = Boolean(\n    datasetToUpdate && datasetToUpdate.items.length === selectedIds.size,\n  )\n\n  useEffect(() => {\n    if (datasetToUpdate && datasetOnServer && onUnsavedChangesChange) {\n      onUnsavedChangesChange(hasChangedSinceLastSave)\n    }\n  }, [\n    datasetOnServer,\n    datasetToUpdate,\n    hasChangedSinceLastSave,\n    onUnsavedChangesChange,\n  ])\n\n  // We get the project ID to show the \"Current Project\" context in the Entity Finder.\n  const { data: path } = useGetEntityPath(entityId)\n  const projectId = path?.path[1]?.id\n\n  const { mutate, isPending: updateIsPending } =\n    useUpdateEntity<EntityRefCollectionView>({\n      onMutate: () => {\n        // Close existing toast that prompted the user to save\n        if (onCloseLastSavePromptToast) {\n          onCloseLastSavePromptToast.close()\n          setOnCloseLastSavePromptToast(undefined)\n        }\n      },\n      onSuccess: () => {\n        // The query should automatically be invalidated, but just in case\n        void refetchDataset()\n\n        if (onSave) {\n          onSave()\n        } else {\n          // If onSave isn't specified, push a generic toast message.\n          displayToast(CREATE_VERSION_TO_FREEZE, 'success', {\n            title: ENTITY_SAVED,\n          })\n        }\n      },\n      onError: error => {\n        if (error.status === 412) {\n          displayToast(PRECONDITION_FAILED_MESSAGE, 'warning', {\n            title: PRECONDITION_FAILED_TITLE,\n            primaryButtonConfig: {\n              text: PRECONDITION_FAILED_ACTION,\n              onClick: () => {\n                void refetchDataset()\n              },\n            },\n          })\n        } else {\n          displayToast(error.reason, 'danger', {\n            title: 'An Error Occurred',\n          })\n        }\n      },\n    })\n\n  useEffect(() => {\n    // When changes are made (but not saved) to the datasetToUpdate, show a notification that summarizes the change and prompts the user to save\n    if (\n      previousDatasetToUpdate &&\n      datasetToUpdate &&\n      !isEqual(previousDatasetToUpdate.items, datasetToUpdate.items) &&\n      !updateIsPending\n    ) {\n      const toastMessageTitle = getDatasetChangedToastMessageTitle(\n        previousDatasetToUpdate,\n        datasetToUpdate,\n      )\n      // Replace existing toast that prompts the user to save before showing the new one\n      if (onCloseLastSavePromptToast) {\n        onCloseLastSavePromptToast.close()\n      }\n      const onCloseToast = displayToast(SAVE_TO_CONTINUE, 'info', {\n        title: toastMessageTitle,\n        primaryButtonConfig: {\n          text: SAVE_CHANGES,\n          onClick: () => mutate(datasetToUpdate),\n        },\n      })\n      setOnCloseLastSavePromptToast({ close: onCloseToast })\n    }\n    setPreviousDatasetToUpdate(datasetToUpdate)\n    // Only run when datasetToUpdate changes\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [datasetToUpdate])\n\n  const tableData = useMemo(\n    () =>\n      datasetToUpdate?.items.map(\n        (item: EntityRef): DatasetItemsEditorTableData => {\n          return {\n            ...item,\n            isSelected: selectedIds.has(item.entityId),\n            setSelected: (value: boolean) => {\n              return value\n                ? addSelectedId(item.entityId)\n                : removeSelectedId(item.entityId)\n            },\n          }\n        },\n      ) ?? [],\n    [addSelectedId, datasetToUpdate?.items, removeSelectedId, selectedIds],\n  )\n\n  function addItemsToDataset(itemsToAdd: Reference[]) {\n    setDatasetToUpdate(datasetToUpdate => {\n      if (datasetToUpdate) {\n        const refToDatasetItem = itemsToAdd.map(item => ({\n          entityId: item.targetId,\n          versionNumber: item.targetVersionNumber!,\n        }))\n        const { unchangedItems, updatedItems, newItems } = getDataSetDifference(\n          datasetToUpdate.items,\n          refToDatasetItem,\n        )\n\n        if (updatedItems.length == 0 && newItems.length == 0) {\n          // No items were added or updated, so don't update the state variable.\n          return datasetToUpdate\n        }\n\n        const items = [...unchangedItems, ...updatedItems, ...newItems]\n\n        return {\n          ...datasetToUpdate,\n          items: items,\n        }\n      } else {\n        console.warn(\n          'Cannot add items to the Collection because it is undefined. The Collection may not have been fetched yet.',\n        )\n        return datasetToUpdate\n      }\n    })\n    clearSelectedIds()\n  }\n\n  function removeSelectedItemsFromDataset() {\n    setDatasetToUpdate(dataset => ({\n      ...dataset!,\n      items: dataset!.items.filter(\n        datasetItem => !selectedIds.has(datasetItem.entityId),\n      ),\n    }))\n    clearSelectedIds()\n  }\n\n  function changeVersionOnItem(entityId: string, newVersion: number) {\n    setDatasetToUpdate(dataset => ({\n      ...dataset!,\n      items: dataset!.items.map(datasetItem =>\n        datasetItem.entityId === entityId\n          ? { entityId: entityId, versionNumber: newVersion }\n          : datasetItem,\n      ),\n    }))\n  }\n\n  const selectableTypes: EntityType[] | undefined = useMemo(() => {\n    if (datasetOnServer) {\n      return getSelectableTypes(datasetOnServer)\n    } else {\n      return undefined\n    }\n  }, [datasetOnServer])\n\n  const columns = useMemo(() => {\n    if (!datasetToUpdate) {\n      return []\n    }\n    return getColumns({\n      datasetToUpdate,\n      selectedIds,\n      clearSelectedIds,\n      addSelectedId,\n      allItemsAreSelected,\n      changeVersionOnItem,\n    })\n  }, [\n    addSelectedId,\n    allItemsAreSelected,\n    clearSelectedIds,\n    datasetToUpdate,\n    selectedIds,\n  ])\n\n  const table: Table<DatasetItemsEditorTableData> =\n    useReactTable<DatasetItemsEditorTableData>({\n      data: tableData,\n      columns,\n      getCoreRowModel: getCoreRowModel(),\n      columnResizeMode: 'onChange',\n      // There are no backend sort controls. The server only provides ID/version, and a dataset could be up to 10k items,\n      // so client side sorting is non-trivial. We may consider fetching all entity headers upon user request.\n      enableSorting: false,\n    })\n\n  const tableContainerRef = useRef<HTMLDivElement>(null)\n\n  const rowVirtualizer = useVirtualizer({\n    count: tableData?.length ?? 0,\n    estimateSize: () => ROW_HEIGHT, // estimate row height for accurate scrollbar dragging\n    getScrollElement: () => tableContainerRef.current,\n    // measure dynamic row height, except in firefox because it measures table border height incorrectly\n    measureElement:\n      typeof window !== 'undefined' && !navigator.userAgent.includes('Firefox')\n        ? element => element?.getBoundingClientRect().height\n        : undefined,\n    overscan: 5,\n  })\n\n  const datasetItemsAsEntityFinderRef = useMemo(\n    () => datasetToUpdate?.items.map(datasetItemToReference),\n    [datasetToUpdate],\n  )\n\n  return (\n    <div className=\"DatasetEditor\">\n      <EntityFinderModal\n        initialSelected={datasetItemsAsEntityFinderRef}\n        configuration={{\n          projectId: projectId,\n          selectMultiple: true,\n          initialScope: FinderScope.CURRENT_PROJECT,\n          initialContainer: projectId ?? null,\n          selectableTypes: selectableTypes,\n          versionSelection: VersionSelectionType.REQUIRED,\n        }}\n        titleHelpPopoverProps={{\n          markdownText: ENTITY_FINDER_POPOVER,\n          helpUrl: 'https://help.synapse.org/docs/Datasets.2611281979.html',\n          placement: 'right',\n        }}\n        promptCopy={ENTITY_FINDER_PROMPT}\n        show={showEntityFinder}\n        title={ADD_ITEMS_TO}\n        confirmButtonCopy={'Apply changes'}\n        onConfirm={items => {\n          addItemsToDataset(items)\n          setShowEntityFinder(false)\n        }}\n        onCancel={() => setShowEntityFinder(false)}\n      />\n      <WarningDialog\n        title=\"Unsaved Changes\"\n        content=\"Any unsaved changes will be lost. Are you sure you want to close the editor?\"\n        confirmButtonText=\"Close Editor\"\n        onConfirm={() => {\n          if (onClose) {\n            setShowWarningDialog(false)\n            if (onUnsavedChangesChange) {\n              onUnsavedChangesChange(false)\n            }\n            onClose()\n          }\n        }}\n        open={showWarningDialog}\n        onConfirmCallbackArgs={[]}\n        onCancel={() => setShowWarningDialog(false)}\n      />\n\n      <div className=\"DatasetEditorTopBottomPanel\">\n        <BlockingLoader show={updateIsPending} />\n        <div className=\"ItemCount\">\n          {datasetToUpdate ? (\n            <Typography variant=\"headline3\">\n              {datasetToUpdate.items.length === 0\n                ? 'No'\n                : datasetToUpdate.items.length.toLocaleString()}{' '}\n              File\n              {datasetToUpdate.items.length !== 1 && 's'}\n            </Typography>\n          ) : (\n            <Skeleton variant=\"rectangular\" width={200} />\n          )}\n        </div>\n\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          disabled={datasetToUpdate == null}\n          onClick={() => setShowEntityFinder(true)}\n        >\n          {ADD_ITEMS}\n        </Button>\n        <Button\n          disabled={selectedIds.size === 0}\n          variant=\"outlined\"\n          color=\"primary\"\n          onClick={removeSelectedItemsFromDataset}\n        >\n          {REMOVE_ITEMS}\n        </Button>\n      </div>\n      <div className=\"DatasetEditorTableContainer\">\n        {datasetToUpdate && datasetToUpdate.items.length === 0 && (\n          <NoItemsPlaceholder\n            titleCopy={NO_ITEMS_IN_THIS_DATASET}\n            buttonCopy={ADD_ITEMS}\n            onButtonClick={() => setShowEntityFinder(true)}\n          />\n        )}\n        {datasetToUpdate && datasetToUpdate.items.length > 0 && (\n          <StyledVirtualTanStackTable<DatasetItemsEditorTableData>\n            styledTableContainerProps={{\n              className: 'DatasetEditorTable',\n              ref: tableContainerRef,\n              height: '350px',\n            }}\n            table={table}\n            rowVirtualizer={rowVirtualizer}\n            slotProps={{\n              Tr: {\n                className: `DatasetEditorRow`,\n                style: {\n                  height: `${ROW_HEIGHT}px`,\n                  maxHeight: `${ROW_HEIGHT}px`,\n                },\n              },\n            }}\n          />\n        )}\n        {!datasetToUpdate && (\n          <SkeletonTable\n            className=\"DatasetItemsEditorSkeleton\"\n            numRows={8}\n            numCols={6}\n            rowHeight={`${ROW_HEIGHT}px`}\n          />\n        )}\n      </div>\n      <div className=\"DatasetEditorTopBottomPanel\">\n        {hasChangedSinceLastSave && (\n          <Alert severity=\"warning\">You have unsaved changes</Alert>\n        )}\n        <Button\n          variant=\"outlined\"\n          color=\"primary\"\n          onClick={() => {\n            if (hasChangedSinceLastSave) {\n              setShowWarningDialog(true)\n            } else if (onClose) {\n              onClose()\n            }\n          }}\n        >\n          Cancel\n        </Button>\n\n        <Tooltip title={!hasChangedSinceLastSave && NO_CHANGES_MADE}>\n          <div>\n            <Button\n              disabled={!datasetToUpdate || !hasChangedSinceLastSave}\n              variant=\"contained\"\n              color=\"primary\"\n              onClick={() => mutate(datasetToUpdate!)}\n            >\n              Save\n            </Button>\n          </div>\n        </Tooltip>\n      </div>\n    </div>\n  )\n}\n\nexport default DatasetItemsEditor\n"],"mappings":"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"}

package/dist/components/SynapseTable/export/ExportToAnalysisPlatformDialog.js

@@ -1,5 +1,5 @@
-import { DialogBase as e } from "../../DialogBase.js";
-import { useQueryVisualizationContext as t } from "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { useQueryVisualizationContext as e } from "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { DialogBase as t } from "../../DialogBase.js";
 import n from "../../WizardChoiceButton/WizardChoiceButton.js";
 import r from "../../WizardChoiceButton/WizardChoiceButtonGroup.js";
 import { EXTERNAL_ANALYSIS_PLATFORMS as i } from "./ExternalAnalysisPlatformsConstants.js";
@@ -84,7 +84,7 @@ function v(e) {
 	}
 }
 function y(f) {
-	let { platformInstructionProps: y } = f, [b, x] = l(0), [S, C] = l(null), [w, T] = l({}), { isShowingExportToAnalysisPlatformModal: E, setIsShowingExportToAnalysisPlatformModal: D, enabledExternalAnalysisPlatforms: O } = t(), [k, A] = l(!0), j = E && k, M = E && !k, N = `Send to ${S && [2, 3].includes(b) ? i[S].name : "Analysis Platform"}`, P = s(() => {
+	let { platformInstructionProps: y } = f, [b, x] = l(0), [S, C] = l(null), [w, T] = l({}), { isShowingExportToAnalysisPlatformModal: E, setIsShowingExportToAnalysisPlatformModal: D, enabledExternalAnalysisPlatforms: O } = e(), [k, A] = l(!0), j = E && k, M = E && !k, N = `Send to ${S && [2, 3].includes(b) ? i[S].name : "Analysis Platform"}`, P = s(() => {
 		A(!0), D(!1), C(null), x(0);
 	}, [D]), F = c(() => {
 		switch (b) {
@@ -161,7 +161,7 @@ function y(f) {
 			A(!1);
 		},
 		onCancel: P
-	}), /* @__PURE__ */ g(e, {
+	}), /* @__PURE__ */ g(t, {
 		open: M,
 		title: N,
 		content: F,