synapse-react-client 4.0.46 → 4.0.48

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

@@ -6,152 +6,152 @@ import { BlockingLoader as o } from "../../LoadingScreen/LoadingScreen.js";
 import "../../ToastMessage/index.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 te } from "../../Skeleton/SkeletonTable.js";
+import { SkeletonTable as l } from "../../Skeleton/SkeletonTable.js";
 import "../../Skeleton/index.js";
-import { WarningDialog as ne } from "../../SynapseForm/WarningDialog.js";
-import { WideButton as l } from "../../styled/WideButton.js";
-import u from "../../TanStackTable/ColumnHeader.js";
-import { ModifiedOnCell as d } from "../../EntityFinder/details/view/table/ModifiedOnCell.js";
-import { ModifiedByCell as f } from "../../EntityFinder/details/view/table/ModifiedByCell.js";
-import { CreatedOnCell as p } from "../../EntityFinder/details/view/table/CreatedOnCell.js";
-import m from "../../TanStackTable/StyledVirtualTanStackTable.js";
-import { VersionSelectionType as re } from "../../EntityFinder/VersionSelectionType.js";
-import { EntityBadgeIconsCell as h } from "../../EntityFinder/details/view/table/EntityBadgeIconsCell.js";
-import { FinderScope as ie } from "../../EntityFinder/tree/EntityTree.js";
-import { EntityFinderModal as ae } from "../../EntityFinder/EntityFinderModal.js";
-import { datasetItemToReference as oe } from "./DatasetEditorUtils.js";
-import { DatasetEditorCheckboxCell as g } from "./DatasetEditorCheckboxCell.js";
-import { DatasetEditorVersionCell as _ } from "./DatasetEditorVersionCell.js";
-import { EntityNameCell as v } from "../../EntityFinder/details/view/table/EntityNameCell.js";
-import { ParentProjectCell as y } from "../../EntityFinder/details/view/table/ParentProjectCell.js";
-import { EntityFetchErrorCell as b } from "./EntityFetchErrorCell.js";
-import { useEffect as x, useMemo as S, useRef as se, useState as C } from "react";
-import { isEqual as w, upperFirst as T } from "lodash-es";
-import { Alert as ce, Button as E, Checkbox as D, Skeleton as O, Tooltip as le, Typography as k } from "@mui/material";
-import { jsx as A, jsxs as j } from "react/jsx-runtime";
-import { EntityType as M } from "@sage-bionetworks/synapse-client";
-import N from "@mui/icons-material/AddCircleTwoTone";
+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 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";
-import { createColumnHelper as F, getCoreRowModel as ue, useReactTable as de } from "@tanstack/react-table";
-import { useVirtualizer as fe } from "@tanstack/react-virtual";
+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 I = F();
-function pe(e) {
+var L = I();
+function fe(e) {
 	let { datasetToUpdate: t, selectedIds: n, clearSelectedIds: r, addSelectedId: i, allItemsAreSelected: a, changeVersionOnItem: o } = e;
 	return [
-		I.display({
+		L.display({
 			id: "errorState",
 			minSize: 35,
 			maxSize: 35,
 			size: 35,
 			enableResizing: !1,
 			header: () => null,
-			cell: b
+			cell: x
 		}),
-		I.display({
+		L.display({
 			id: "isSelected",
 			minSize: 40,
 			maxSize: 40,
 			size: 40,
 			enableResizing: !1,
-			header: () => /* @__PURE__ */ A(H, {
+			header: () => /* @__PURE__ */ j(H, {
 				datasetToUpdate: t,
 				selectedIds: n,
 				clearSelectedIds: r,
 				addSelectedId: i,
 				allItemsAreSelected: a
 			}),
-			cell: g
+			cell: _
 		}),
-		I.display({
+		L.display({
 			id: "name",
 			minSize: 50,
 			size: 300,
-			header: (e) => /* @__PURE__ */ A(u, {
+			header: (e) => /* @__PURE__ */ j(d, {
 				...e,
 				title: "Name"
 			}),
-			cell: v
+			cell: y
 		}),
-		I.accessor("entityId", {
+		L.accessor("entityId", {
 			minSize: 50,
 			size: 130,
-			header: (e) => /* @__PURE__ */ A(u, {
+			header: (e) => /* @__PURE__ */ j(d, {
 				...e,
 				title: "ID"
 			}),
 			enableColumnFilter: !1
 		}),
-		I.display({
+		L.display({
 			id: "badges",
 			minSize: 80,
 			size: 80,
 			enableResizing: !0,
-			cell: h
+			cell: g
 		}),
-		I.display({
+		L.display({
 			id: "version",
 			minSize: 150,
 			size: 150,
-			header: (e) => /* @__PURE__ */ A(u, {
+			header: (e) => /* @__PURE__ */ j(d, {
 				...e,
 				title: "Version"
 			}),
-			cell: (e) => /* @__PURE__ */ A(_, {
+			cell: (e) => /* @__PURE__ */ j(v, {
 				...e,
 				toggleSelection: (e) => {
 					o(e.entityId, e.versionNumber);
 				}
 			})
 		}),
-		I.display({
+		L.display({
 			id: "createdOn",
-			header: (e) => /* @__PURE__ */ A(u, {
+			header: (e) => /* @__PURE__ */ j(d, {
 				...e,
 				title: "Created On"
 			}),
 			size: 220,
 			minSize: 170,
-			cell: p
+			cell: m
 		}),
-		I.display({
+		L.display({
 			id: "modifieddOn",
-			header: (e) => /* @__PURE__ */ A(u, {
+			header: (e) => /* @__PURE__ */ j(d, {
 				...e,
 				title: "Modified On"
 			}),
 			size: 220,
 			minSize: 170,
-			cell: d
+			cell: f
 		}),
-		I.display({
+		L.display({
 			id: "modifiedBy",
-			header: (e) => /* @__PURE__ */ A(u, {
+			header: (e) => /* @__PURE__ */ j(d, {
 				...e,
 				title: "Modified By"
 			}),
 			size: 250,
 			enableResizing: !0,
-			cell: f
+			cell: p
 		}),
-		I.display({
+		L.display({
 			id: "project",
-			header: (e) => /* @__PURE__ */ A(u, {
+			header: (e) => /* @__PURE__ */ j(d, {
 				...e,
 				title: "Size"
 			}),
 			size: 300,
-			cell: y
+			cell: b
 		})
 	];
 }
-function L(e) {
-	return r(e) ? [M.file] : i(e) ? [M.dataset] : (console.error("Cannot determine selectable types for entity type: " + e.concreteType), []);
+function pe(e) {
+	return r(e) ? [N.file] : i(e) ? [N.dataset] : (console.error("Cannot determine selectable types for entity type: " + e.concreteType), []);
 }
 function R(e) {
 	let a = e ? n(t(e.concreteType)) : "Collection", o = "Item", s = "Current Version";
-	e && r(e) ? (o = n(M.file), s = "Draft") : e && i(e) && (o = n(M.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}. ${T(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}. ${T(P(o))} in a ${a} can be added from multiple projects. You can also use Search to find and select ${P(o)}.`;
+	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}. ${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}`,
@@ -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;
 	}, {
@@ -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__ */ A(D, {
+	return /* @__PURE__ */ j(O, {
 		inputProps: { "aria-label": "Select All" },
 		checked: a,
 		disabled: t.items.length === 0,
@@ -201,41 +201,41 @@ var V = 48, H = (e) => {
 };
 function me(e) {
 	let { titleCopy: t, buttonCopy: n, onButtonClick: r } = e;
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ M("div", {
 		className: "NoItemsPlaceholder",
-		children: [/* @__PURE__ */ A(k, {
+		children: [/* @__PURE__ */ j(A, {
 			variant: "headline3",
 			children: t
-		}), /* @__PURE__ */ A(l, {
+		}), /* @__PURE__ */ j(u, {
 			variant: "contained",
 			color: "primary",
 			onClick: r,
-			startIcon: /* @__PURE__ */ A(N, {}),
+			startIcon: /* @__PURE__ */ j(F, {}),
 			sx: { mt: 2 },
 			children: n
 		})]
 	});
 }
 function U(t) {
-	let { entityId: n, onSave: r, onClose: i, onUnsavedChangesChange: l } = t, [u, d] = C(!1), [f, p] = C(!1), [h, g] = C(), [_, v] = C(), [y, b] = C(), { data: T, refetch: D } = s(n, void 0, { staleTime: Infinity }), M = !!(T && h && !w(T, h)), { ADD_ITEMS: N, ADD_ITEMS_TO: P, REMOVE_ITEMS: F, NO_ITEMS_IN_THIS_DATASET: I, 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 } = S(() => R(T), [T]);
-	x(() => {
-		T && (T.items ??= [], g(T));
-	}, [T]);
-	let { set: W, add: G, remove: K, clear: q } = a(), J = !!(h && h.items.length === W.size);
-	x(() => {
-		h && T && l && l(M);
+	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);
 	}, [
-		T,
-		h,
-		M,
-		l
+		E,
+		g,
+		N,
+		u
 	]);
 	let { data: Ce } = c(n), Y = Ce?.path[1]?.id, { mutate: X, isPending: Z } = ee({
 		onMutate: () => {
-			y && (y.close(), b(void 0));
+			b && (b.close(), x(void 0));
 		},
 		onSuccess: () => {
-			D(), 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: () => {
-						D();
+						O();
 					}
 				}
 			}) : e(t.reason, "danger", { title: "An Error Occurred" });
 		}
 	});
-	x(() => {
-		if (_ && h && !w(_.items, h.items) && !Z) {
-			let t = B(_, h);
-			y && y.close(), b({ 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(h)
+					onClick: () => X(g)
 				}
 			}) });
 		}
-		v(h);
-	}, [h]);
-	let Q = S(() => h?.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,
-		h?.items,
+		g?.items,
 		K,
 		W
 	]);
 	function we(e) {
-		g((t) => {
+		_((t) => {
 			if (t) {
 				let n = e.map((e) => ({
 					entityId: e.targetId,
@@ -293,13 +293,13 @@ function U(t) {
 		}), q();
 	}
 	function Te() {
-		g((e) => ({
+		_((e) => ({
 			...e,
 			items: e.items.filter((e) => !W.has(e.entityId))
 		})), q();
 	}
 	function Ee(e, t) {
-		g((n) => ({
+		_((n) => ({
 			...n,
 			items: n.items.map((n) => n.entityId === e ? {
 				entityId: e,
@@ -307,12 +307,12 @@ function U(t) {
 			} : n)
 		}));
 	}
-	let De = S(() => {
-		if (T) return L(T);
-	}, [T]), Oe = de({
+	let De = C(() => {
+		if (E) return pe(E);
+	}, [E]), Oe = ue({
 		data: Q,
-		columns: S(() => h ? pe({
-			datasetToUpdate: h,
+		columns: C(() => g ? fe({
+			datasetToUpdate: g,
 			selectedIds: W,
 			clearSelectedIds: q,
 			addSelectedId: G,
@@ -322,31 +322,31 @@ function U(t) {
 			G,
 			J,
 			q,
-			h,
+			g,
 			W
 		]),
-		getCoreRowModel: ue(),
+		getCoreRowModel: le(),
 		columnResizeMode: "onChange",
 		enableSorting: !1
-	}), $ = se(null), ke = fe({
+	}), $ = oe(null), ke = de({
 		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__ */ j("div", {
+	return /* @__PURE__ */ M("div", {
 		className: "DatasetEditor",
 		children: [
-			/* @__PURE__ */ A(ae, {
-				initialSelected: S(() => h?.items.map(oe), [h]),
+			/* @__PURE__ */ j(ie, {
+				initialSelected: C(() => g?.items.map(ae), [g]),
 				configuration: {
 					projectId: Y,
 					selectMultiple: !0,
-					initialScope: ie.CURRENT_PROJECT,
+					initialScope: re.CURRENT_PROJECT,
 					initialContainer: Y ?? null,
 					selectableTypes: De,
-					versionSelection: re.REQUIRED
+					versionSelection: h.REQUIRED
 				},
 				titleHelpPopoverProps: {
 					markdownText: be,
@@ -354,69 +354,69 @@ function U(t) {
 					placement: "right"
 				},
 				promptCopy: xe,
-				show: u,
-				title: P,
+				show: d,
+				title: F,
 				confirmButtonCopy: "Apply changes",
 				onConfirm: (e) => {
-					we(e), d(!1);
+					we(e), f(!1);
 				},
-				onCancel: () => d(!1)
+				onCancel: () => f(!1)
 			}),
-			/* @__PURE__ */ A(ne, {
+			/* @__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 && (p(!1), l && l(!1), i());
+					i && (m(!1), u && u(!1), i());
 				},
-				open: f,
+				open: p,
 				onConfirmCallbackArgs: [],
-				onCancel: () => p(!1)
+				onCancel: () => m(!1)
 			}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "DatasetEditorTopBottomPanel",
 				children: [
-					/* @__PURE__ */ A(o, { show: Z }),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ j(o, { show: Z }),
+					/* @__PURE__ */ j("div", {
 						className: "ItemCount",
-						children: h ? /* @__PURE__ */ j(k, {
+						children: g ? /* @__PURE__ */ M(A, {
 							variant: "headline3",
 							children: [
-								h.items.length === 0 ? "No" : h.items.length.toLocaleString(),
+								g.items.length === 0 ? "No" : g.items.length.toLocaleString(),
 								" ",
 								"File",
-								h.items.length !== 1 && "s"
+								g.items.length !== 1 && "s"
 							]
-						}) : /* @__PURE__ */ A(O, {
+						}) : /* @__PURE__ */ j(k, {
 							variant: "rectangular",
 							width: 200
 						})
 					}),
-					/* @__PURE__ */ A(E, {
+					/* @__PURE__ */ j(D, {
 						variant: "contained",
 						color: "primary",
-						disabled: h == null,
-						onClick: () => d(!0),
-						children: N
+						disabled: g == null,
+						onClick: () => f(!0),
+						children: P
 					}),
-					/* @__PURE__ */ A(E, {
+					/* @__PURE__ */ j(D, {
 						disabled: W.size === 0,
 						variant: "outlined",
 						color: "primary",
 						onClick: Te,
-						children: F
+						children: I
 					})
 				]
 			}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "DatasetEditorTableContainer",
 				children: [
-					h && h.items.length === 0 && /* @__PURE__ */ A(me, {
-						titleCopy: I,
-						buttonCopy: N,
-						onButtonClick: () => d(!0)
+					g && g.items.length === 0 && /* @__PURE__ */ j(me, {
+						titleCopy: L,
+						buttonCopy: P,
+						onButtonClick: () => f(!0)
 					}),
-					h && h.items.length > 0 && /* @__PURE__ */ A(m, {
+					g && g.items.length > 0 && /* @__PURE__ */ j(ne, {
 						styledTableContainerProps: {
 							className: "DatasetEditorTable",
 							ref: $,
@@ -432,7 +432,7 @@ function U(t) {
 							}
 						} }
 					}),
-					!h && /* @__PURE__ */ A(te, {
+					!g && /* @__PURE__ */ j(l, {
 						className: "DatasetItemsEditorSkeleton",
 						numRows: 8,
 						numCols: 6,
@@ -440,28 +440,28 @@ function U(t) {
 					})
 				]
 			}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "DatasetEditorTopBottomPanel",
 				children: [
-					M && /* @__PURE__ */ A(ce, {
+					N && /* @__PURE__ */ j(se, {
 						severity: "warning",
 						children: "You have unsaved changes"
 					}),
-					/* @__PURE__ */ A(E, {
+					/* @__PURE__ */ j(D, {
 						variant: "outlined",
 						color: "primary",
 						onClick: () => {
-							M ? p(!0) : i && i();
+							N ? m(!0) : i && i();
 						},
 						children: "Cancel"
 					}),
-					/* @__PURE__ */ A(le, {
-						title: !M && Se,
-						children: /* @__PURE__ */ A("div", { children: /* @__PURE__ */ A(E, {
-							disabled: !h || !M,
+					/* @__PURE__ */ j(ce, {
+						title: !N && Se,
+						children: /* @__PURE__ */ j("div", { children: /* @__PURE__ */ j(D, {
+							disabled: !g || !N,
 							variant: "contained",
 							color: "primary",
-							onClick: () => X(h),
+							onClick: () => X(g),
 							children: "Save"
 						}) })
 					})