synapse-react-client 4.0.30 → 4.0.31

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

@@ -4,30 +4,30 @@ import { useSet as a } from "../../../utils/hooks/useSet.js";
 import "../../../utils/hooks/index.js";
 import { BlockingLoader as o } from "../../LoadingScreen/LoadingScreen.js";
 import "../../ToastMessage/index.js";
-import { useGetEntity as s, useGetEntityPath as c, useUpdateEntity as l } from "../../../synapse-queries/entity/useEntity.js";
+import { useGetEntity as s, useGetEntityPath as c, useUpdateEntity as ee } from "../../../synapse-queries/entity/useEntity.js";
 import "../../../synapse-queries/index.js";
-import { SkeletonTable as ee } from "../../Skeleton/SkeletonTable.js";
+import { SkeletonTable as l } from "../../Skeleton/SkeletonTable.js";
 import "../../Skeleton/index.js";
-import { WarningDialog as u } from "../../SynapseForm/WarningDialog.js";
-import { WideButton as d } from "../../styled/WideButton.js";
-import f from "../../TanStackTable/ColumnHeader.js";
-import p from "../../TanStackTable/StyledVirtualTanStackTable.js";
-import { VersionSelectionType as te } from "../../EntityFinder/VersionSelectionType.js";
+import { WarningDialog as te } from "../../SynapseForm/WarningDialog.js";
+import { WideButton as u } from "../../styled/WideButton.js";
+import d from "../../TanStackTable/ColumnHeader.js";
+import { ModifiedOnCell as f } from "../../EntityFinder/details/view/table/ModifiedOnCell.js";
+import { ModifiedByCell as p } from "../../EntityFinder/details/view/table/ModifiedByCell.js";
 import { CreatedOnCell as m } from "../../EntityFinder/details/view/table/CreatedOnCell.js";
-import { EntityBadgeIconsCell as h } from "../../EntityFinder/details/view/table/EntityBadgeIconsCell.js";
-import { ModifiedByCell as g } from "../../EntityFinder/details/view/table/ModifiedByCell.js";
-import { ModifiedOnCell as _ } from "../../EntityFinder/details/view/table/ModifiedOnCell.js";
-import { FinderScope as ne } from "../../EntityFinder/tree/EntityTree.js";
-import { EntityFinderModal as re } from "../../EntityFinder/EntityFinderModal.js";
-import { datasetItemToReference as ie } from "./DatasetEditorUtils.js";
-import { DatasetEditorCheckboxCell as v } from "./DatasetEditorCheckboxCell.js";
-import { DatasetEditorVersionCell as y } from "./DatasetEditorVersionCell.js";
-import { EntityNameCell as b } from "../../EntityFinder/details/view/table/EntityNameCell.js";
-import { ParentProjectCell as x } from "../../EntityFinder/details/view/table/ParentProjectCell.js";
-import { EntityFetchErrorCell as S } from "./EntityFetchErrorCell.js";
-import { useEffect as C, useMemo as w, useRef as ae, useState as T } from "react";
-import { isEqual as E, upperFirst as D } from "lodash-es";
-import { Alert as oe, Button as O, Checkbox as k, Skeleton as se, Tooltip as ce, Typography as A } from "@mui/material";
+import ne from "../../TanStackTable/StyledVirtualTanStackTable.js";
+import { VersionSelectionType as h } from "../../EntityFinder/VersionSelectionType.js";
+import { EntityBadgeIconsCell as g } from "../../EntityFinder/details/view/table/EntityBadgeIconsCell.js";
+import { FinderScope as re } from "../../EntityFinder/tree/EntityTree.js";
+import { EntityFinderModal as ie } from "../../EntityFinder/EntityFinderModal.js";
+import { datasetItemToReference as ae } from "./DatasetEditorUtils.js";
+import { DatasetEditorCheckboxCell as _ } from "./DatasetEditorCheckboxCell.js";
+import { DatasetEditorVersionCell as v } from "./DatasetEditorVersionCell.js";
+import { EntityNameCell as y } from "../../EntityFinder/details/view/table/EntityNameCell.js";
+import { ParentProjectCell as b } from "../../EntityFinder/details/view/table/ParentProjectCell.js";
+import { EntityFetchErrorCell as x } from "./EntityFetchErrorCell.js";
+import { useEffect as S, useMemo as C, useRef as oe, useState as w } from "react";
+import { isEqual as T, upperFirst as E } from "lodash-es";
+import { Alert as se, Button as D, Checkbox as O, Skeleton as k, Tooltip as ce, Typography as A } from "@mui/material";
 import { jsx as j, jsxs as M } from "react/jsx-runtime";
 import { EntityType as N } from "@sage-bionetworks/synapse-client";
 import P from "pluralize";
@@ -46,7 +46,7 @@ function fe(e) {
 			size: 35,
 			enableResizing: !1,
 			header: () => null,
-			cell: S
+			cell: x
 		}),
 		L.display({
 			id: "isSelected",
@@ -61,22 +61,22 @@ function fe(e) {
 				addSelectedId: i,
 				allItemsAreSelected: a
 			}),
-			cell: v
+			cell: _
 		}),
 		L.display({
 			id: "name",
 			minSize: 50,
 			size: 300,
-			header: (e) => /* @__PURE__ */ j(f, {
+			header: (e) => /* @__PURE__ */ j(d, {
 				...e,
 				title: "Name"
 			}),
-			cell: b
+			cell: y
 		}),
 		L.accessor("entityId", {
 			minSize: 50,
 			size: 130,
-			header: (e) => /* @__PURE__ */ j(f, {
+			header: (e) => /* @__PURE__ */ j(d, {
 				...e,
 				title: "ID"
 			}),
@@ -87,17 +87,17 @@ function fe(e) {
 			minSize: 80,
 			size: 80,
 			enableResizing: !0,
-			cell: h
+			cell: g
 		}),
 		L.display({
 			id: "version",
 			minSize: 150,
 			size: 150,
-			header: (e) => /* @__PURE__ */ j(f, {
+			header: (e) => /* @__PURE__ */ j(d, {
 				...e,
 				title: "Version"
 			}),
-			cell: (e) => /* @__PURE__ */ j(y, {
+			cell: (e) => /* @__PURE__ */ j(v, {
 				...e,
 				toggleSelection: (e) => {
 					o(e.entityId, e.versionNumber);
@@ -106,7 +106,7 @@ function fe(e) {
 		}),
 		L.display({
 			id: "createdOn",
-			header: (e) => /* @__PURE__ */ j(f, {
+			header: (e) => /* @__PURE__ */ j(d, {
 				...e,
 				title: "Created On"
 			}),
@@ -116,32 +116,32 @@ function fe(e) {
 		}),
 		L.display({
 			id: "modifieddOn",
-			header: (e) => /* @__PURE__ */ j(f, {
+			header: (e) => /* @__PURE__ */ j(d, {
 				...e,
 				title: "Modified On"
 			}),
 			size: 220,
 			minSize: 170,
-			cell: _
+			cell: f
 		}),
 		L.display({
 			id: "modifiedBy",
-			header: (e) => /* @__PURE__ */ j(f, {
+			header: (e) => /* @__PURE__ */ j(d, {
 				...e,
 				title: "Modified By"
 			}),
 			size: 250,
 			enableResizing: !0,
-			cell: g
+			cell: p
 		}),
 		L.display({
 			id: "project",
-			header: (e) => /* @__PURE__ */ j(f, {
+			header: (e) => /* @__PURE__ */ j(d, {
 				...e,
 				title: "Size"
 			}),
 			size: 300,
-			cell: x
+			cell: b
 		})
 	];
 }
@@ -151,7 +151,7 @@ function pe(e) {
 function R(e) {
 	let a = e ? n(t(e.concreteType)) : "Collection", o = "Item", s = "Current Version";
 	e && r(e) ? (o = n(N.file), s = "Draft") : e && i(e) && (o = n(N.dataset));
-	let c = e && r(e) ? `Use the left pane to browse projects and folders. Select ${P(o)} from the right pane to add to this ${a}. ${D(P(o))} in a ${a} can be added from multiple folders. You can also use Search to find and select ${P(o)}.` : `Use the left pane to browse projects. Select ${P(o)} from the right pane to add to this ${a}. ${D(P(o))} in a ${a} can be added from multiple projects. You can also use Search to find and select ${P(o)}.`;
+	let c = e && r(e) ? `Use the left pane to browse projects and folders. Select ${P(o)} from the right pane to add to this ${a}. ${E(P(o))} in a ${a} can be added from multiple folders. You can also use Search to find and select ${P(o)}.` : `Use the left pane to browse projects. Select ${P(o)} from the right pane to add to this ${a}. ${E(P(o))} in a ${a} can be added from multiple projects. You can also use Search to find and select ${P(o)}.`;
 	return {
 		ADD_ITEMS: `Add ${P(o)}`,
 		ADD_ITEMS_TO: `Add ${P(o)} to ${a}`,
@@ -190,7 +190,7 @@ function B(e, t) {
 }
 var V = 48, H = (e) => {
 	let { datasetToUpdate: t, clearSelectedIds: n, allItemsAreSelected: r, addSelectedId: i } = e, a = r;
-	return /* @__PURE__ */ j(k, {
+	return /* @__PURE__ */ j(O, {
 		inputProps: { "aria-label": "Select All" },
 		checked: a,
 		disabled: t.items.length === 0,
@@ -206,7 +206,7 @@ function me(e) {
 		children: [/* @__PURE__ */ j(A, {
 			variant: "headline3",
 			children: t
-		}), /* @__PURE__ */ j(d, {
+		}), /* @__PURE__ */ j(u, {
 			variant: "contained",
 			color: "primary",
 			onClick: r,
@@ -217,25 +217,25 @@ function me(e) {
 	});
 }
 function U(t) {
-	let { entityId: n, onSave: r, onClose: i, onUnsavedChangesChange: d } = t, [f, m] = T(!1), [h, g] = T(!1), [_, v] = T(), [y, b] = T(), [x, S] = T(), { data: D, refetch: k } = s(n, void 0, { staleTime: Infinity }), N = !!(D && _ && !E(D, _)), { ADD_ITEMS: P, ADD_ITEMS_TO: F, REMOVE_ITEMS: I, NO_ITEMS_IN_THIS_DATASET: L, SAVE_TO_CONTINUE: H, CREATE_VERSION_TO_FREEZE: U, ENTITY_SAVED: he, SAVE_CHANGES: ge, PRECONDITION_FAILED_TITLE: _e, PRECONDITION_FAILED_MESSAGE: ve, PRECONDITION_FAILED_ACTION: ye, ENTITY_FINDER_POPOVER: be, ENTITY_FINDER_PROMPT: xe, NO_CHANGES_MADE: Se } = w(() => R(D), [D]);
-	C(() => {
-		D && (D.items ??= [], v(D));
-	}, [D]);
-	let { set: W, add: G, remove: K, clear: q } = a(), J = !!(_ && _.items.length === W.size);
-	C(() => {
-		_ && D && d && d(N);
+	let { entityId: n, onSave: r, onClose: i, onUnsavedChangesChange: u } = t, [d, f] = w(!1), [p, m] = w(!1), [g, _] = w(), [v, y] = w(), [b, x] = w(), { data: E, refetch: O } = s(n, void 0, { staleTime: Infinity }), N = !!(E && g && !T(E, g)), { ADD_ITEMS: P, ADD_ITEMS_TO: F, REMOVE_ITEMS: I, NO_ITEMS_IN_THIS_DATASET: L, SAVE_TO_CONTINUE: H, CREATE_VERSION_TO_FREEZE: U, ENTITY_SAVED: he, SAVE_CHANGES: ge, PRECONDITION_FAILED_TITLE: _e, PRECONDITION_FAILED_MESSAGE: ve, PRECONDITION_FAILED_ACTION: ye, ENTITY_FINDER_POPOVER: be, ENTITY_FINDER_PROMPT: xe, NO_CHANGES_MADE: Se } = C(() => R(E), [E]);
+	S(() => {
+		E && (E.items ??= [], _(E));
+	}, [E]);
+	let { set: W, add: G, remove: K, clear: q } = a(), J = !!(g && g.items.length === W.size);
+	S(() => {
+		g && E && u && u(N);
 	}, [
-		D,
-		_,
+		E,
+		g,
 		N,
-		d
+		u
 	]);
-	let { data: Ce } = c(n), Y = Ce?.path[1]?.id, { mutate: X, isPending: Z } = l({
+	let { data: Ce } = c(n), Y = Ce?.path[1]?.id, { mutate: X, isPending: Z } = ee({
 		onMutate: () => {
-			x && (x.close(), S(void 0));
+			b && (b.close(), x(void 0));
 		},
 		onSuccess: () => {
-			k(), r ? r() : e(U, "success", { title: he });
+			O(), r ? r() : e(U, "success", { title: he });
 		},
 		onError: (t) => {
 			t.status === 412 ? e(ve, "warning", {
@@ -243,37 +243,37 @@ function U(t) {
 				primaryButtonConfig: {
 					text: ye,
 					onClick: () => {
-						k();
+						O();
 					}
 				}
 			}) : e(t.reason, "danger", { title: "An Error Occurred" });
 		}
 	});
-	C(() => {
-		if (y && _ && !E(y.items, _.items) && !Z) {
-			let t = B(y, _);
-			x && x.close(), S({ close: e(H, "info", {
+	S(() => {
+		if (v && g && !T(v.items, g.items) && !Z) {
+			let t = B(v, g);
+			b && b.close(), x({ close: e(H, "info", {
 				title: t,
 				primaryButtonConfig: {
 					text: ge,
-					onClick: () => X(_)
+					onClick: () => X(g)
 				}
 			}) });
 		}
-		b(_);
-	}, [_]);
-	let Q = w(() => _?.items.map((e) => ({
+		y(g);
+	}, [g]);
+	let Q = C(() => g?.items.map((e) => ({
 		...e,
 		isSelected: W.has(e.entityId),
 		setSelected: (t) => t ? G(e.entityId) : K(e.entityId)
 	})) ?? [], [
 		G,
-		_?.items,
+		g?.items,
 		K,
 		W
 	]);
 	function we(e) {
-		v((t) => {
+		_((t) => {
 			if (t) {
 				let n = e.map((e) => ({
 					entityId: e.targetId,
@@ -293,13 +293,13 @@ function U(t) {
 		}), q();
 	}
 	function Te() {
-		v((e) => ({
+		_((e) => ({
 			...e,
 			items: e.items.filter((e) => !W.has(e.entityId))
 		})), q();
 	}
 	function Ee(e, t) {
-		v((n) => ({
+		_((n) => ({
 			...n,
 			items: n.items.map((n) => n.entityId === e ? {
 				entityId: e,
@@ -307,12 +307,12 @@ function U(t) {
 			} : n)
 		}));
 	}
-	let De = w(() => {
-		if (D) return pe(D);
-	}, [D]), Oe = ue({
+	let De = C(() => {
+		if (E) return pe(E);
+	}, [E]), Oe = ue({
 		data: Q,
-		columns: w(() => _ ? fe({
-			datasetToUpdate: _,
+		columns: C(() => g ? fe({
+			datasetToUpdate: g,
 			selectedIds: W,
 			clearSelectedIds: q,
 			addSelectedId: G,
@@ -322,13 +322,13 @@ function U(t) {
 			G,
 			J,
 			q,
-			_,
+			g,
 			W
 		]),
 		getCoreRowModel: le(),
 		columnResizeMode: "onChange",
 		enableSorting: !1
-	}), $ = ae(null), ke = de({
+	}), $ = oe(null), ke = de({
 		count: Q?.length ?? 0,
 		estimateSize: () => V,
 		getScrollElement: () => $.current,
@@ -338,15 +338,15 @@ function U(t) {
 	return /* @__PURE__ */ M("div", {
 		className: "DatasetEditor",
 		children: [
-			/* @__PURE__ */ j(re, {
-				initialSelected: w(() => _?.items.map(ie), [_]),
+			/* @__PURE__ */ j(ie, {
+				initialSelected: C(() => g?.items.map(ae), [g]),
 				configuration: {
 					projectId: Y,
 					selectMultiple: !0,
-					initialScope: ne.CURRENT_PROJECT,
+					initialScope: re.CURRENT_PROJECT,
 					initialContainer: Y ?? null,
 					selectableTypes: De,
-					versionSelection: te.REQUIRED
+					versionSelection: h.REQUIRED
 				},
 				titleHelpPopoverProps: {
 					markdownText: be,
@@ -354,24 +354,24 @@ function U(t) {
 					placement: "right"
 				},
 				promptCopy: xe,
-				show: f,
+				show: d,
 				title: F,
 				confirmButtonCopy: "Apply changes",
 				onConfirm: (e) => {
-					we(e), m(!1);
+					we(e), f(!1);
 				},
-				onCancel: () => m(!1)
+				onCancel: () => f(!1)
 			}),
-			/* @__PURE__ */ j(u, {
+			/* @__PURE__ */ j(te, {
 				title: "Unsaved Changes",
 				content: "Any unsaved changes will be lost. Are you sure you want to close the editor?",
 				confirmButtonText: "Close Editor",
 				onConfirm: () => {
-					i && (g(!1), d && d(!1), i());
+					i && (m(!1), u && u(!1), i());
 				},
-				open: h,
+				open: p,
 				onConfirmCallbackArgs: [],
-				onCancel: () => g(!1)
+				onCancel: () => m(!1)
 			}),
 			/* @__PURE__ */ M("div", {
 				className: "DatasetEditorTopBottomPanel",
@@ -379,27 +379,27 @@ function U(t) {
 					/* @__PURE__ */ j(o, { show: Z }),
 					/* @__PURE__ */ j("div", {
 						className: "ItemCount",
-						children: _ ? /* @__PURE__ */ M(A, {
+						children: g ? /* @__PURE__ */ M(A, {
 							variant: "headline3",
 							children: [
-								_.items.length === 0 ? "No" : _.items.length.toLocaleString(),
+								g.items.length === 0 ? "No" : g.items.length.toLocaleString(),
 								" ",
 								"File",
-								_.items.length !== 1 && "s"
+								g.items.length !== 1 && "s"
 							]
-						}) : /* @__PURE__ */ j(se, {
+						}) : /* @__PURE__ */ j(k, {
 							variant: "rectangular",
 							width: 200
 						})
 					}),
-					/* @__PURE__ */ j(O, {
+					/* @__PURE__ */ j(D, {
 						variant: "contained",
 						color: "primary",
-						disabled: _ == null,
-						onClick: () => m(!0),
+						disabled: g == null,
+						onClick: () => f(!0),
 						children: P
 					}),
-					/* @__PURE__ */ j(O, {
+					/* @__PURE__ */ j(D, {
 						disabled: W.size === 0,
 						variant: "outlined",
 						color: "primary",
@@ -411,12 +411,12 @@ function U(t) {
 			/* @__PURE__ */ M("div", {
 				className: "DatasetEditorTableContainer",
 				children: [
-					_ && _.items.length === 0 && /* @__PURE__ */ j(me, {
+					g && g.items.length === 0 && /* @__PURE__ */ j(me, {
 						titleCopy: L,
 						buttonCopy: P,
-						onButtonClick: () => m(!0)
+						onButtonClick: () => f(!0)
 					}),
-					_ && _.items.length > 0 && /* @__PURE__ */ j(p, {
+					g && g.items.length > 0 && /* @__PURE__ */ j(ne, {
 						styledTableContainerProps: {
 							className: "DatasetEditorTable",
 							ref: $,
@@ -432,7 +432,7 @@ function U(t) {
 							}
 						} }
 					}),
-					!_ && /* @__PURE__ */ j(ee, {
+					!g && /* @__PURE__ */ j(l, {
 						className: "DatasetItemsEditorSkeleton",
 						numRows: 8,
 						numCols: 6,
@@ -443,25 +443,25 @@ function U(t) {
 			/* @__PURE__ */ M("div", {
 				className: "DatasetEditorTopBottomPanel",
 				children: [
-					N && /* @__PURE__ */ j(oe, {
+					N && /* @__PURE__ */ j(se, {
 						severity: "warning",
 						children: "You have unsaved changes"
 					}),
-					/* @__PURE__ */ j(O, {
+					/* @__PURE__ */ j(D, {
 						variant: "outlined",
 						color: "primary",
 						onClick: () => {
-							N ? g(!0) : i && i();
+							N ? m(!0) : i && i();
 						},
 						children: "Cancel"
 					}),
 					/* @__PURE__ */ j(ce, {
 						title: !N && Se,
-						children: /* @__PURE__ */ j("div", { children: /* @__PURE__ */ j(O, {
-							disabled: !_ || !N,
+						children: /* @__PURE__ */ j("div", { children: /* @__PURE__ */ j(D, {
+							disabled: !g || !N,
 							variant: "contained",
 							color: "primary",
-							onClick: () => X(_),
+							onClick: () => X(g),
 							children: "Save"
 						}) })
 					})

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.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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"}