synapse-react-client 4.0.30 → 4.0.32

package/dist/components/EntityFinder/details/view/DetailsView.js

@@ -4,19 +4,19 @@ import { getEntityTypeFromHeader as t, isContainerType as n, isTableType as r, i
 import { useSynapseContext as a } from "../../../../utils/context/SynapseContext.js";
 import { BlockingLoader as o, SynapseSpinner as s } from "../../../LoadingScreen/LoadingScreen.js";
 import c from "../../../TanStackTable/ColumnHeader.js";
-import l from "../../../TanStackTable/StyledVirtualTanStackTable.js";
-import { VersionSelectionType as u } from "../../VersionSelectionType.js";
-import { AddFileToDownloadListCell as d } from "./table/AddToDownloadListCell.js";
-import { CreatedOnCell as f } from "./table/CreatedOnCell.js";
-import { EntityBadgeIconsCell as p } from "./table/EntityBadgeIconsCell.js";
-import { EntityFinderCheckboxCell as m } from "./table/EntityFinderCheckboxCell.js";
-import { EntityFinderVersionCell as h } from "./table/EntityFinderVersionCell.js";
-import { EntityTypeCell as g } from "./table/EntityTypeCell.js";
-import { FileEntityDirectDownloadCell as _ } from "./table/FileEntityDirectDownloadCell.js";
-import { FileEntityMD5Cell as v } from "./table/FileEntityMD5Cell.js";
-import { FileEntitySizeCell as y } from "./table/FileEntitySizeCell.js";
-import { ModifiedByCell as b } from "./table/ModifiedByCell.js";
-import { ModifiedOnCell as x } from "./table/ModifiedOnCell.js";
+import { ModifiedOnCell as l } from "./table/ModifiedOnCell.js";
+import { ModifiedByCell as u } from "./table/ModifiedByCell.js";
+import { CreatedOnCell as d } from "./table/CreatedOnCell.js";
+import { FileEntitySizeCell as f } from "./table/FileEntitySizeCell.js";
+import { FileEntityMD5Cell as p } from "./table/FileEntityMD5Cell.js";
+import { AddFileToDownloadListCell as m } from "./table/AddToDownloadListCell.js";
+import h from "../../../TanStackTable/StyledVirtualTanStackTable.js";
+import { VersionSelectionType as g } from "../../VersionSelectionType.js";
+import { EntityBadgeIconsCell as _ } from "./table/EntityBadgeIconsCell.js";
+import { EntityFinderCheckboxCell as v } from "./table/EntityFinderCheckboxCell.js";
+import { EntityFinderVersionCell as y } from "./table/EntityFinderVersionCell.js";
+import { EntityTypeCell as b } from "./table/EntityTypeCell.js";
+import { FileEntityDirectDownloadCell as x } from "./table/FileEntityDirectDownloadCell.js";
 import { VersionColumnHeader as S } from "./VersionColumnHeader.js";
 import { useCallback as C, useEffect as w, useMemo as T, useRef as ee, useState as E } from "react";
 import { Checkbox as D, Tooltip as O } from "@mui/material";
@@ -67,7 +67,7 @@ function R(e) {
 	}) : null;
 }
 function ie(e) {
-	let { setCurrentContainer: t, isSelectAllVisible: n, isSelectAllDisabled: r, isSelectAllChecked: i, onSelectAll: a, versionSelection: o, toggleSelection: s, setInitialVersion: l, sortableColumns: u = [] } = e;
+	let { setCurrentContainer: t, isSelectAllVisible: n, isSelectAllDisabled: r, isSelectAllChecked: i, onSelectAll: a, versionSelection: o, toggleSelection: s, setInitialVersion: h, sortableColumns: g = [] } = e;
 	return [
 		I.display({
 			id: "selected",
@@ -80,7 +80,7 @@ function ie(e) {
 				checked: i,
 				onSelectAll: a
 			}),
-			cell: m
+			cell: v
 		}),
 		I.accessor("entityType", {
 			minSize: 45,
@@ -88,12 +88,12 @@ function ie(e) {
 			size: 45,
 			header: () => null,
 			enableResizing: !1,
-			cell: g,
+			cell: b,
 			meta: { textAlign: "center" }
 		}),
 		I.accessor("name", {
 			size: 300,
-			enableSorting: u.includes("name"),
+			enableSorting: g.includes("name"),
 			header: (e) => /* @__PURE__ */ k(c, {
 				...e,
 				title: "Name"
@@ -110,7 +110,7 @@ function ie(e) {
 			maxSize: 75,
 			size: 75,
 			header: () => null,
-			cell: p
+			cell: _
 		}),
 		I.accessor("id", {
 			size: 130,
@@ -120,17 +120,17 @@ function ie(e) {
 			}),
 			minSize: 130,
 			enableColumnFilter: !1,
-			enableSorting: u.includes("id")
+			enableSorting: g.includes("id")
 		}),
 		I.display({
 			id: "version",
 			minSize: 150,
 			size: 200,
 			header: () => /* @__PURE__ */ k(S, { versionSelection: o }),
-			cell: (e) => /* @__PURE__ */ k(h, {
+			cell: (e) => /* @__PURE__ */ k(y, {
 				versionSelection: o,
 				toggleSelection: s,
-				setInitialVersion: l,
+				setInitialVersion: h,
 				context: e
 			})
 		}),
@@ -141,9 +141,9 @@ function ie(e) {
 			}),
 			size: 220,
 			minSize: 170,
-			cell: f,
+			cell: d,
 			enableColumnFilter: !1,
-			enableSorting: u.includes("createdOn")
+			enableSorting: g.includes("createdOn")
 		}),
 		I.accessor("modifiedOn", {
 			header: (e) => /* @__PURE__ */ k(c, {
@@ -153,8 +153,8 @@ function ie(e) {
 			size: 220,
 			minSize: 170,
 			enableColumnFilter: !1,
-			cell: x,
-			enableSorting: u.includes("modifiedOn")
+			cell: l,
+			enableSorting: g.includes("modifiedOn")
 		}),
 		I.accessor("modifiedBy", {
 			header: (e) => /* @__PURE__ */ k(c, {
@@ -163,9 +163,9 @@ function ie(e) {
 			}),
 			size: 250,
 			enableResizing: !0,
-			cell: b,
+			cell: u,
 			enableColumnFilter: !1,
-			enableSorting: u.includes("modifiedBy")
+			enableSorting: g.includes("modifiedBy")
 		}),
 		I.display({
 			id: "size",
@@ -177,7 +177,7 @@ function ie(e) {
 			minSize: 85,
 			enableSorting: !1,
 			enableResizing: !0,
-			cell: y
+			cell: f
 		}),
 		I.display({
 			id: "md5",
@@ -188,7 +188,7 @@ function ie(e) {
 			size: 200,
 			enableSorting: !1,
 			enableResizing: !0,
-			cell: v
+			cell: p
 		}),
 		I.display({
 			id: "addToDownloadCart",
@@ -197,7 +197,7 @@ function ie(e) {
 			minSize: 45,
 			enableSorting: !1,
 			enableResizing: !1,
-			cell: d
+			cell: m
 		}),
 		I.display({
 			id: "directDownload",
@@ -209,7 +209,7 @@ function ie(e) {
 			minSize: 75,
 			enableSorting: !1,
 			enableResizing: !1,
-			cell: _
+			cell: x
 		})
 	];
 }
@@ -218,17 +218,17 @@ var ae = (e) => {
 	return n.includes(t(a)) ? r.includes(t(a)) ? i.has(a.id) ? "selected" : "default" : "disabled" : "hidden";
 }, oe = ["directDownload"];
 function z(n) {
-	let { entities: r, isLoading: c, hasNextPage: d, fetchNextPage: f, isFetchingNextPage: p, versionSelection: m, selectColumnType: h, selected: g, visibleTypes: _, selectableTypes: v, toggleSelection: y, setInitialVersion: b, enableSorting: x, enableMultiSort: S, sortableColumns: D, sorting: O, onSortingChange: j, noResultsPlaceholder: F, enableSelectAll: I, selectAllIsChecked: L = !1, getChildrenInfiniteRequestObject: R, totalEntities: z, setCurrentContainer: B, hiddenColumns: V = oe } = n, H = ne(), { accessToken: U, keyFactory: W } = a(), G = h !== "none", [K, q] = E(!1), [se, J] = E(!1), ce = () => {
+	let { entities: r, isLoading: c, hasNextPage: l, fetchNextPage: u, isFetchingNextPage: d, versionSelection: f, selectColumnType: p, selected: m, visibleTypes: _, selectableTypes: v, toggleSelection: y, setInitialVersion: b, enableSorting: x, enableMultiSort: S, sortableColumns: D, sorting: O, onSortingChange: j, noResultsPlaceholder: F, enableSelectAll: I, selectAllIsChecked: L = !1, getChildrenInfiniteRequestObject: R, totalEntities: z, setCurrentContainer: B, hiddenColumns: V = oe } = n, H = ne(), { accessToken: U, keyFactory: W } = a(), G = p !== "none", [K, q] = E(!1), [se, J] = E(!1), ce = () => {
 		H.cancelQueries({ queryKey: W.getEntityChildrenQueryKey(R, !0) }), J(!1), q(!1);
 	};
 	w(() => {
 		async function n() {
-			K && (d && f ? (J(!0), p || f()) : (y(L ? r.filter((e) => g.has(e.id)).map((e) => g.get(e.id)) : await Promise.all(r.filter((e) => {
+			K && (l && u ? (J(!0), d || u()) : (y(L ? r.filter((e) => m.has(e.id)).map((e) => m.get(e.id)) : await Promise.all(r.filter((e) => {
 				let n = t(e);
-				return !g.has(e.id) && v.includes(n) && _.includes(n);
+				return !m.has(e.id) && v.includes(n) && _.includes(n);
 			}).map(async (n) => {
 				let r, a = t(n);
-				return m === u.REQUIRED && i(a) && (Object.prototype.hasOwnProperty.call(n, "versionNumber") && !P(a, n) && (r = n.versionNumber), !r) && (J(!0), r = (await H.fetchQuery({
+				return f === g.REQUIRED && i(a) && (Object.prototype.hasOwnProperty.call(n, "versionNumber") && !P(a, n) && (r = n.versionNumber), !r) && (J(!0), r = (await H.fetchQuery({
 					queryKey: W.getPaginatedEntityVersionsQueryKey(n.id, 1, 0),
 					queryFn: () => e(n.id, U, 0, 1)
 				})).results[0]?.versionNumber), {
@@ -241,14 +241,14 @@ function z(n) {
 	}, [
 		U,
 		r,
+		u,
+		l,
 		f,
-		d,
-		m,
 		H,
-		p,
+		d,
 		L,
 		v,
-		g,
+		m,
 		K,
 		y,
 		_,
@@ -258,12 +258,12 @@ function z(n) {
 		let r = ae({
 			visibleTypes: _,
 			selectableTypes: v,
-			selected: g,
+			selected: m,
 			entity: n
 		});
 		if (r !== "hidden") {
-			let a = t(n), o = g.get(n.id)?.targetVersionNumber, s;
-			"versionNumber" in n && (o == null ? m === u.REQUIRED && (P(a, n) || (s = n.versionNumber)) : s = o), e.push({
+			let a = t(n), o = m.get(n.id)?.targetVersionNumber, s;
+			"versionNumber" in n && (o == null ? f === g.REQUIRED && (P(a, n) || (s = n.versionNumber)) : s = o), e.push({
 				...n,
 				entityId: n.id,
 				versionNumber: s,
@@ -278,10 +278,10 @@ function z(n) {
 	}, []), [
 		r,
 		v,
-		g,
 		m,
+		f,
 		_
-	]), Y = I, X = !(d || r.filter((e) => v.includes(t(e)) && _.includes(t(e))).length > 0), ue = T(() => ie({
+	]), Y = I, X = !(l || r.filter((e) => v.includes(t(e)) && _.includes(t(e))).length > 0), ue = T(() => ie({
 		setCurrentContainer: B,
 		isSelectAllVisible: Y,
 		isSelectAllDisabled: X,
@@ -289,7 +289,7 @@ function z(n) {
 		onSelectAll: () => {
 			q(!0);
 		},
-		versionSelection: m,
+		versionSelection: f,
 		toggleSelection: y,
 		setInitialVersion: b,
 		sortableColumns: D
@@ -301,7 +301,7 @@ function z(n) {
 		b,
 		D,
 		y,
-		m
+		f
 	]), de = T(() => V.reduce((e, t) => (e[t] = !1, e), {}), [V]), Z = M({
 		data: le,
 		columns: ue,
@@ -315,7 +315,7 @@ function z(n) {
 			sorting: O,
 			columnVisibility: {
 				selected: G,
-				version: m !== u.DISALLOWED,
+				version: f !== g.DISALLOWED,
 				size: _.includes(A.file),
 				md5: _.includes(A.file),
 				addToDownloadCart: _.includes(A.file),
@@ -332,7 +332,7 @@ function z(n) {
 	});
 	function pe(e) {
 		let { id: t, isDisabled: n, isVersionableEntity: r, entityType: i } = e, { currentSelectedVersion: a } = e;
-		n || (r && m === u.REQUIRED && a == null && Object.prototype.hasOwnProperty.call(e, "versionNumber") && (P(i, e) || (a = e.versionNumber)), y({
+		n || (r && f === g.REQUIRED && a == null && Object.prototype.hasOwnProperty.call(e, "versionNumber") && (P(i, e) || (a = e.versionNumber)), y({
 			targetId: t,
 			targetVersionNumber: a
 		}));
@@ -340,12 +340,12 @@ function z(n) {
 	let $ = C((e) => {
 		if (e) {
 			let { scrollHeight: t, scrollTop: n, clientHeight: r } = e;
-			t - n - r < 500 && !p && d && f && f();
+			t - n - r < 500 && !d && l && u && u();
 		}
 	}, [
-		f,
-		p,
-		d
+		u,
+		d,
+		l
 	]);
 	return w(() => {
 		$(Q.current);
@@ -360,7 +360,7 @@ function z(n) {
 				headlineText: "Fetching selected items",
 				onCancel: ce
 			}),
-			!c && r.length > 0 && /* @__PURE__ */ k(l, {
+			!c && r.length > 0 && /* @__PURE__ */ k(h, {
 				styledTableContainerProps: {
 					className: "DetailsViewTable",
 					ref: Q,

package/dist/components/EntitySidebar/EntitySidebar.css

@@ -1 +1 @@
-._panel_63bk5_1{flex-direction:column;display:flex;position:relative}._content_63bk5_7{width:320px;margin-top:40px;padding:0 32px 0 0}@media (width<=1200px){._content_63bk5_7{width:100%;margin-top:10px;padding:10px 32px 0}}._sidebarHeader_63bk5_20.MuiTypography-root{color:#616972;font-size:14px;font-weight:540;line-height:20px}._divider_63bk5_27{margin-top:8px;margin-bottom:16px}._propertyValue_63bk5_32.MuiTypography-root{color:#4d535a;font-style:normal;font-weight:440;line-height:20px}._propertyTitle_63bk5_39.MuiTypography-root{color:#747d88;font-size:12px;line-height:12px}._propertiesContainer_63bk5_45{gap:12px;padding:12px 0}._propertyRow_63bk5_50{gap:4px}._toggleButton_63bk5_54.MuiButtonBase-root{white-space:nowrap;flex-direction:row;align-self:flex-start;gap:8px;display:flex;position:absolute;top:0;right:32px}@media (width<=1200px){._toggleButton_63bk5_54.MuiButtonBase-root{margin:10px 0 0 32px;position:static}}._toggleButton_63bk5_54.MuiButtonBase-root:hover{text-decoration:none}._toggleButtonText_63bk5_74.MuiTypography-root{color:#616972;font-weight:440;line-height:20px}._icon_63bk5_80{color:#616972}
+._panel_x5uii_1{flex-direction:column;display:flex;position:relative}._content_x5uii_7{width:320px;margin-top:64px;padding:0 32px 0 0}@media (width<=1200px){._content_x5uii_7{width:100%;margin-top:10px;padding:10px 32px 0}}._sidebarHeader_x5uii_20.MuiTypography-root{color:#616972;font-size:14px;font-weight:540;line-height:20px}._divider_x5uii_27{margin-top:8px;margin-bottom:16px}._propertyValue_x5uii_32.MuiTypography-root{color:#4d535a;font-style:normal;font-weight:440;line-height:20px}._propertyTitle_x5uii_39.MuiTypography-root{color:#747d88;font-size:12px;line-height:12px}._propertiesContainer_x5uii_45{gap:12px;padding:12px 0}._propertyRow_x5uii_50{gap:4px}._toggleButton_x5uii_54.MuiButtonBase-root{white-space:nowrap;flex-direction:row;align-self:flex-start;gap:8px;display:flex;position:absolute;top:14px;right:32px}@media (width<=1200px){._toggleButton_x5uii_54.MuiButtonBase-root{margin:10px 0 0 32px;position:static}}._toggleButton_x5uii_54.MuiButtonBase-root:hover{text-decoration:none}._toggleButtonText_x5uii_74.MuiTypography-root{color:#616972;font-weight:440;line-height:20px}._icon_x5uii_80{color:#616972}

package/dist/components/EntitySidebar/EntitySidebar.module.js

@@ -1,15 +1,15 @@
 import './EntitySidebar.css';var e = {
-	panel: "_panel_63bk5_1",
-	content: "_content_63bk5_7",
-	sidebarHeader: "_sidebarHeader_63bk5_20",
-	divider: "_divider_63bk5_27",
-	propertyValue: "_propertyValue_63bk5_32",
-	propertyTitle: "_propertyTitle_63bk5_39",
-	propertiesContainer: "_propertiesContainer_63bk5_45",
-	propertyRow: "_propertyRow_63bk5_50",
-	toggleButton: "_toggleButton_63bk5_54",
-	toggleButtonText: "_toggleButtonText_63bk5_74",
-	icon: "_icon_63bk5_80"
+	panel: "_panel_x5uii_1",
+	content: "_content_x5uii_7",
+	sidebarHeader: "_sidebarHeader_x5uii_20",
+	divider: "_divider_x5uii_27",
+	propertyValue: "_propertyValue_x5uii_32",
+	propertyTitle: "_propertyTitle_x5uii_39",
+	propertiesContainer: "_propertiesContainer_x5uii_45",
+	propertyRow: "_propertyRow_x5uii_50",
+	toggleButton: "_toggleButton_x5uii_54",
+	toggleButtonText: "_toggleButtonText_x5uii_74",
+	icon: "_icon_x5uii_80"
 };
 //#endregion
 export { e as default };

package/dist/components/EntitySidebar/EntitySidebar.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntitySidebar.module.js","names":[],"sources":["../../../src/components/EntitySidebar/EntitySidebar.module.scss"],"sourcesContent":["$sidebar-text-primary: #616972;\n$sidebar-property-title-color: #747d88;\n$sidebar-property-value-color: #4d535a;\n// MUI `lg` breakpoint\n$sidebar-collapse-breakpoint: 1200px;\n\n.panel {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n\n.content {\n  width: 320px;\n  margin-top: 40px;\n  padding: 0 32px 0 0;\n\n  @media (max-width: $sidebar-collapse-breakpoint) {\n    width: 100%;\n    margin-top: 10px;\n    padding: 10px 32px 0 32px;\n  }\n}\n\n.sidebarHeader:global(.MuiTypography-root) {\n  font-size: 14px;\n  color: $sidebar-text-primary;\n  font-weight: 540;\n  line-height: 20px; /* 142.857% */\n}\n\n.divider {\n  margin-top: 8px;\n  margin-bottom: 16px;\n}\n\n.propertyValue:global(.MuiTypography-root) {\n  color: $sidebar-property-value-color;\n  font-style: normal;\n  font-weight: 440;\n  line-height: 20px; /* 142.857% */\n}\n\n.propertyTitle:global(.MuiTypography-root) {\n  color: $sidebar-property-title-color;\n  font-size: 12px;\n  line-height: 12px; /* 100% */\n}\n\n.propertiesContainer {\n  padding: 12px 0;\n  gap: 12px;\n}\n\n.propertyRow {\n  gap: 4px;\n}\n\n.toggleButton:global(.MuiButtonBase-root) {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  top: 0;\n  right: 32px;\n  white-space: nowrap;\n  align-self: flex-start;\n  position: absolute;\n\n  @media (max-width: $sidebar-collapse-breakpoint) {\n    position: static;\n    margin: 10px 0 0 32px;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n}\n\n.toggleButtonText:global(.MuiTypography-root) {\n  color: $sidebar-text-primary;\n  font-weight: 440;\n  line-height: 20px; /* 142.857% */\n}\n\n.icon {\n  color: $sidebar-text-primary;\n}\n"],"mappings":""}
+{"version":3,"file":"EntitySidebar.module.js","names":[],"sources":["../../../src/components/EntitySidebar/EntitySidebar.module.scss"],"sourcesContent":["$sidebar-text-primary: #616972;\n$sidebar-property-title-color: #747d88;\n$sidebar-property-value-color: #4d535a;\n// MUI `lg` breakpoint\n$sidebar-collapse-breakpoint: 1200px;\n\n.panel {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n\n.content {\n  width: 320px;\n  margin-top: 64px;\n  padding: 0 32px 0 0;\n\n  @media (max-width: $sidebar-collapse-breakpoint) {\n    width: 100%;\n    margin-top: 10px;\n    padding: 10px 32px 0 32px;\n  }\n}\n\n.sidebarHeader:global(.MuiTypography-root) {\n  font-size: 14px;\n  color: $sidebar-text-primary;\n  font-weight: 540;\n  line-height: 20px; /* 142.857% */\n}\n\n.divider {\n  margin-top: 8px;\n  margin-bottom: 16px;\n}\n\n.propertyValue:global(.MuiTypography-root) {\n  color: $sidebar-property-value-color;\n  font-style: normal;\n  font-weight: 440;\n  line-height: 20px; /* 142.857% */\n}\n\n.propertyTitle:global(.MuiTypography-root) {\n  color: $sidebar-property-title-color;\n  font-size: 12px;\n  line-height: 12px; /* 100% */\n}\n\n.propertiesContainer {\n  padding: 12px 0;\n  gap: 12px;\n}\n\n.propertyRow {\n  gap: 4px;\n}\n\n.toggleButton:global(.MuiButtonBase-root) {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  top: 14px;\n  right: 32px;\n  white-space: nowrap;\n  align-self: flex-start;\n  position: absolute;\n\n  @media (max-width: $sidebar-collapse-breakpoint) {\n    position: static;\n    margin: 10px 0 0 32px;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n}\n\n.toggleButtonText:global(.MuiTypography-root) {\n  color: $sidebar-text-primary;\n  font-weight: 440;\n  line-height: 20px; /* 142.857% */\n}\n\n.icon {\n  color: $sidebar-text-primary;\n}\n"],"mappings":""}

package/dist/components/EntitySidebar/EntitySidebar.module.scss

@@ -12,7 +12,7 @@ $sidebar-collapse-breakpoint: 1200px;
 
 .content {
   width: 320px;
-  margin-top: 40px;
+  margin-top: 64px;
   padding: 0 32px 0 0;
 
   @media (max-width: $sidebar-collapse-breakpoint) {
@@ -60,7 +60,7 @@ $sidebar-collapse-breakpoint: 1200px;
   display: flex;
   flex-direction: row;
   gap: 8px;
-  top: 0;
+  top: 14px;
   right: 32px;
   white-space: nowrap;
   align-self: flex-start;

package/dist/components/EntityTreeTable/EntityTreeTable.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { EntityHeader } from '@sage-bionetworks/synapse-types';
 export { type TreeNode } from './hooks/useEntityTreeState';
+import { EntityType } from '@sage-bionetworks/synapse-client';
 type EntityTreeTableProps = {
     /** The Synapse ID of the root entity to display */
     rootId: string;
@@ -12,6 +13,12 @@ type EntityTreeTableProps = {
     enableSorting?: boolean;
     /** Callback when an entity is clicked. If not provided, defaults to opening Synapse.org page. */
     onEntityIdClicked?: (entityId: string) => void;
+    /** Set of selected entity IDs. When provided, a checkbox column is shown. */
+    selectedIds?: Set<string>;
+    /** Callback when a row's checkbox is toggled. */
+    onToggleSelection?: (entityId: string, entityType: EntityType, versionNumber: number | undefined) => void;
+    /** When true, entity names in the table are rendered as plain text instead of links. Defaults to false. */
+    disableEntityLinks?: boolean;
 };
 export type EntityBundleRow = {
     entityId: string;

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

@@ -1 +1 @@
-{"version":3,"file":"EntityTreeTable.d.ts","sourceRoot":"","sources":["../../../src/components/EntityTreeTable/EntityTreeTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAM9D,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,4BAA4B,CAAA;AAK1D,KAAK,oBAAoB,GAAG;IAC1B,mDAAmD;IACnD,MAAM,EAAE,MAAM,CAAA;IACd,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,kEAAkE;IAClE,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,yDAAyD;IACzD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iGAAiG;IACjG,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,YAAY,CAAA;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8H1D,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"EntityTreeTable.d.ts","sourceRoot":"","sources":["../../../src/components/EntityTreeTable/EntityTreeTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAM9D,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,4BAA4B,CAAA;AAI1D,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAE7D,KAAK,oBAAoB,GAAG;IAC1B,mDAAmD;IACnD,MAAM,EAAE,MAAM,CAAA;IACd,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,kEAAkE;IAClE,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,yDAAyD;IACzD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iGAAiG;IACjG,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,6EAA6E;IAC7E,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,iDAAiD;IACjD,iBAAiB,CAAC,EAAE,CAClB,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,MAAM,GAAG,SAAS,KAC9B,IAAI,CAAA;IACT,2GAA2G;IAC3G,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,YAAY,CAAA;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqI1D,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/EntityTreeTable/EntityTreeTable.js

@@ -11,46 +11,50 @@ import { Box as l } from "@mui/material";
 import { jsx as u } from "react/jsx-runtime";
 import { getCoreRowModel as d, useReactTable as f } from "@tanstack/react-table";
 //#region src/components/EntityTreeTable/EntityTreeTable.tsx
-var p = ({ rootId: p, expandRootByDefault: m = !0, showRootNode: h = !0, enableSorting: g = !0, onEntityIdClicked: _ }) => {
-	let { expanded: v, setExpanded: y, tree: b, setTree: x, loadingIds: S, setLoadingIds: C, loadedChildren: w, setLoadedChildren: T, nextPageTokens: E, setNextPageTokens: D, loadingPageTokens: O, setLoadingPageTokens: k, sorting: A, setSorting: j, sortBy: M, sortDirection: N } = n(p, m, h), { handleToggleExpanded: P, loadMoreChildren: F, flattenTree: I } = r(v, y, b, x, w, T, S, C, D, k, O, E, M, N), L = a(g), R = o(b, p, h, v, E, I), z = c(() => {
-		let e = b[p];
-		return !e || h ? !1 : w.has(p) ? !e.children || e.children.length === 0 : !1;
+var p = ({ rootId: p, expandRootByDefault: m = !0, showRootNode: h = !0, enableSorting: g = !0, onEntityIdClicked: _, selectedIds: v, onToggleSelection: y, disableEntityLinks: b = !1 }) => {
+	let { expanded: x, setExpanded: S, tree: C, setTree: w, loadingIds: T, setLoadingIds: E, loadedChildren: D, setLoadedChildren: O, nextPageTokens: k, setNextPageTokens: A, loadingPageTokens: j, setLoadingPageTokens: M, sorting: N, setSorting: P, sortBy: F, sortDirection: I } = n(p, m, h), { handleToggleExpanded: L, loadMoreChildren: R, flattenTree: z } = r(x, S, C, w, D, O, T, E, A, M, j, k, F, I), B = a(g, y != null), V = o(C, p, h, x, k, z), H = c(() => {
+		let e = C[p];
+		return !e || h ? !1 : D.has(p) ? !e.children || e.children.length === 0 : !1;
 	}, [
-		b,
+		C,
 		p,
 		h,
-		w
-	]), B = f({
-		data: R,
-		columns: L,
+		D
+	]), U = f({
+		data: V,
+		columns: B,
 		getCoreRowModel: d(),
 		columnResizeMode: "onChange",
 		state: {
-			expanded: v,
-			sorting: A
+			expanded: x,
+			sorting: N
 		},
 		getRowId: (e) => e.isLoadMore ? `loadmore::${e.parentId}::${e.depth}::${e.pageToken || "no-token"}` : `${e.entityId || e.entityHeader.id}::${e.parentId ?? "root"}::${e.depth}`,
 		manualExpanding: !0,
 		manualSorting: !0,
 		enableSorting: g,
-		onSortingChange: j,
+		onSortingChange: P,
 		enableColumnFilters: !1
 	});
 	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u(i.Provider, {
 		value: {
-			expanded: v,
-			loadingIds: S,
+			expanded: x,
+			loadingIds: T,
 			handleToggleExpanded: (e) => {
-				P(e);
+				L(e);
 			},
 			loadMoreChildren: (e, t) => {
-				F(e, t);
+				R(e, t);
 			},
-			nextPageTokens: E,
-			onEntityIdClicked: _
+			nextPageTokens: k,
+			onEntityIdClicked: _,
+			selectedIds: v,
+			onToggleSelection: y,
+			disableEntityLinks: b,
+			tree: C
 		},
-		children: z ? /* @__PURE__ */ u(e, {}) : /* @__PURE__ */ u(s, {
-			table: B,
+		children: H ? /* @__PURE__ */ u(e, {}) : /* @__PURE__ */ u(s, {
+			table: U,
 			className: t.entityTreeTable
 		})
 	}) });

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

@@ -1 +1 @@
-{"version":3,"file":"EntityTreeTable.js","names":[],"sources":["../../../src/components/EntityTreeTable/EntityTreeTable.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport styles from './EntityTreeTable.module.scss'\nimport { useReactTable, getCoreRowModel } from '@tanstack/react-table'\nimport { EntityHeader } from '@sage-bionetworks/synapse-types'\nimport { Box } from '@mui/material'\nimport { useEntityTreeState } from './hooks/useEntityTreeState'\nimport { useTreeOperationsWithDirectFetch } from './hooks/useTreeOperationsWithDirectFetch'\nimport { useTableColumns } from './hooks/useTableColumns'\nimport { useTableData } from './hooks/useTableData'\nexport { type TreeNode } from './hooks/useEntityTreeState'\nimport { EntityTreeTableView } from './components/EntityTreeTableView'\nimport { EntityTreeTableContext } from './components/EntityTreeTableContext'\nimport NoContentAvailable from '../SynapseTable/NoContentAvailable'\n\ntype EntityTreeTableProps = {\n  /** The Synapse ID of the root entity to display */\n  rootId: string\n  /** Whether to expand the root node by default. Defaults to true */\n  expandRootByDefault?: boolean\n  /** Whether to show the root node in the tree. Defaults to true */\n  showRootNode?: boolean\n  /** Whether to enable column sorting. Defaults to true */\n  enableSorting?: boolean\n  /** Callback when an entity is clicked. If not provided, defaults to opening Synapse.org page. */\n  onEntityIdClicked?: (entityId: string) => void\n}\n\nexport type EntityBundleRow = {\n  entityId: string\n  entityHeader: EntityHeader\n  depth: number\n  isLeaf: boolean\n  parentId?: string\n  versionNumber?: number\n  isLoadMore?: boolean\n  pageToken?: string\n}\n\nexport const EntityTreeTable: React.FC<EntityTreeTableProps> = ({\n  rootId,\n  expandRootByDefault = true,\n  showRootNode = true,\n  enableSorting = true,\n  onEntityIdClicked,\n}) => {\n  // Use hook for state management and data initialization\n  const {\n    expanded,\n    setExpanded,\n    tree,\n    setTree,\n    loadingIds,\n    setLoadingIds,\n    loadedChildren,\n    setLoadedChildren,\n    nextPageTokens,\n    setNextPageTokens,\n    loadingPageTokens,\n    setLoadingPageTokens,\n    sorting,\n    setSorting,\n    sortBy,\n    sortDirection,\n  } = useEntityTreeState(rootId, expandRootByDefault, showRootNode)\n\n  // Use tree operations hook with direct fetch\n  const { handleToggleExpanded, loadMoreChildren, flattenTree } =\n    useTreeOperationsWithDirectFetch(\n      expanded,\n      setExpanded,\n      tree,\n      setTree,\n      loadedChildren,\n      setLoadedChildren,\n      loadingIds,\n      setLoadingIds,\n      setNextPageTokens,\n      setLoadingPageTokens,\n      loadingPageTokens,\n      nextPageTokens,\n      sortBy,\n      sortDirection,\n    )\n\n  // Get table columns\n  const columns = useTableColumns(enableSorting)\n\n  // Get table data\n  const rows = useTableData(\n    tree,\n    rootId,\n    showRootNode,\n    expanded,\n    nextPageTokens,\n    flattenTree,\n  )\n\n  const isTreeEmpty = useMemo(() => {\n    const rootNode = tree[rootId]\n    if (!rootNode) return false\n\n    // If we're showing the root node, we always have content (at least the root)\n    if (showRootNode) return false\n\n    // If we're not showing root node, check if root has children loaded and they're empty\n    if (loadedChildren.has(rootId)) {\n      return !rootNode.children || rootNode.children.length === 0\n    }\n\n    // If children haven't been loaded yet, don't show no content\n    return false\n  }, [tree, rootId, showRootNode, loadedChildren])\n\n  const table = useReactTable({\n    data: rows,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    columnResizeMode: 'onChange',\n    state: { expanded, sorting },\n    // Make row ids robust: include parent/depth for normal rows so that the\n    // same entity appearing in different places (or synthetic rows) won't\n    // collide. For load-more rows, use parentId and depth to create unique identifier.\n    getRowId: row =>\n      row.isLoadMore\n        ? `loadmore::${row.parentId}::${row.depth}::${\n            row.pageToken || 'no-token'\n          }`\n        : `${row.entityId || row.entityHeader.id}::${row.parentId ?? 'root'}::${\n            row.depth\n          }`,\n    manualExpanding: true,\n    manualSorting: true,\n    enableSorting,\n    onSortingChange: setSorting,\n    enableColumnFilters: false,\n  })\n\n  return (\n    <Box>\n      <EntityTreeTableContext.Provider\n        value={{\n          expanded,\n          loadingIds,\n          handleToggleExpanded: (entityId: string) => {\n            void handleToggleExpanded(entityId)\n          },\n          loadMoreChildren: (entityId: string, pageToken?: string) => {\n            void loadMoreChildren(entityId, pageToken)\n          },\n          nextPageTokens,\n          onEntityIdClicked,\n        }}\n      >\n        {isTreeEmpty ? (\n          <NoContentAvailable />\n        ) : (\n          <EntityTreeTableView\n            table={table}\n            className={styles.entityTreeTable}\n          />\n        )}\n      </EntityTreeTableContext.Provider>\n    </Box>\n  )\n}\n\nexport default EntityTreeTable\n"],"mappings":";;;;;;;;;;;;;AAsCA,IAAa,KAAmD,EAC9D,WACA,yBAAsB,IACtB,kBAAe,IACf,mBAAgB,IAChB,2BACI;CAEJ,IAAM,EACJ,aACA,gBACA,SACA,YACA,eACA,kBACA,mBACA,sBACA,mBACA,sBACA,sBACA,yBACA,YACA,eACA,WACA,qBACE,EAAmB,GAAQ,GAAqB,CAAY,GAG1D,EAAE,yBAAsB,qBAAkB,mBAC9C,EACE,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,CACF,GAGI,IAAU,EAAgB,CAAa,GAGvC,IAAO,EACX,GACA,GACA,GACA,GACA,GACA,CACF,GAEM,IAAc,QAAc;EAChC,IAAM,IAAW,EAAK;EAYtB,OAXI,CAAC,KAGD,IAAqB,KAGrB,EAAe,IAAI,CAAM,IACpB,CAAC,EAAS,YAAY,EAAS,SAAS,WAAW,IAIrD;CACT,GAAG;EAAC;EAAM;EAAQ;EAAc;CAAc,CAAC,GAEzC,IAAQ,EAAc;EAC1B,MAAM;EACN;EACA,iBAAiB,EAAgB;EACjC,kBAAkB;EAClB,OAAO;GAAE;GAAU;EAAQ;EAI3B,WAAU,MACR,EAAI,aACA,aAAa,EAAI,SAAS,IAAI,EAAI,MAAM,IACtC,EAAI,aAAa,eAEnB,GAAG,EAAI,YAAY,EAAI,aAAa,GAAG,IAAI,EAAI,YAAY,OAAO,IAChE,EAAI;EAEZ,iBAAiB;EACjB,eAAe;EACf;EACA,iBAAiB;EACjB,qBAAqB;CACvB,CAAC;CAED,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,EAAuB,UAAxB;EACE,OAAO;GACL;GACA;GACA,uBAAuB,MAAqB;IAC1C,EAA0B,CAAQ;GACpC;GACA,mBAAmB,GAAkB,MAAuB;IAC1D,EAAsB,GAAU,CAAS;GAC3C;GACA;GACA;EACF;YAEC,IACC,kBAAC,GAAD,CAAqB,CAAA,IAErB,kBAAC,GAAD;GACS;GACP,WAAW,EAAO;EACnB,CAAA;CAE4B,CAAA,EAC9B,CAAA;AAET"}
+{"version":3,"file":"EntityTreeTable.js","names":[],"sources":["../../../src/components/EntityTreeTable/EntityTreeTable.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport styles from './EntityTreeTable.module.scss'\nimport { useReactTable, getCoreRowModel } from '@tanstack/react-table'\nimport { EntityHeader } from '@sage-bionetworks/synapse-types'\nimport { Box } from '@mui/material'\nimport { useEntityTreeState } from './hooks/useEntityTreeState'\nimport { useTreeOperationsWithDirectFetch } from './hooks/useTreeOperationsWithDirectFetch'\nimport { useTableColumns } from './hooks/useTableColumns'\nimport { useTableData } from './hooks/useTableData'\nexport { type TreeNode } from './hooks/useEntityTreeState'\nimport { EntityTreeTableView } from './components/EntityTreeTableView'\nimport { EntityTreeTableContext } from './components/EntityTreeTableContext'\nimport NoContentAvailable from '../SynapseTable/NoContentAvailable'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\n\ntype EntityTreeTableProps = {\n  /** The Synapse ID of the root entity to display */\n  rootId: string\n  /** Whether to expand the root node by default. Defaults to true */\n  expandRootByDefault?: boolean\n  /** Whether to show the root node in the tree. Defaults to true */\n  showRootNode?: boolean\n  /** Whether to enable column sorting. Defaults to true */\n  enableSorting?: boolean\n  /** Callback when an entity is clicked. If not provided, defaults to opening Synapse.org page. */\n  onEntityIdClicked?: (entityId: string) => void\n  /** Set of selected entity IDs. When provided, a checkbox column is shown. */\n  selectedIds?: Set<string>\n  /** Callback when a row's checkbox is toggled. */\n  onToggleSelection?: (\n    entityId: string,\n    entityType: EntityType,\n    versionNumber: number | undefined,\n  ) => void\n  /** When true, entity names in the table are rendered as plain text instead of links. Defaults to false. */\n  disableEntityLinks?: boolean\n}\n\nexport type EntityBundleRow = {\n  entityId: string\n  entityHeader: EntityHeader\n  depth: number\n  isLeaf: boolean\n  parentId?: string\n  versionNumber?: number\n  isLoadMore?: boolean\n  pageToken?: string\n}\n\nexport const EntityTreeTable: React.FC<EntityTreeTableProps> = ({\n  rootId,\n  expandRootByDefault = true,\n  showRootNode = true,\n  enableSorting = true,\n  onEntityIdClicked,\n  selectedIds,\n  onToggleSelection,\n  disableEntityLinks = false,\n}) => {\n  // Use hook for state management and data initialization\n  const {\n    expanded,\n    setExpanded,\n    tree,\n    setTree,\n    loadingIds,\n    setLoadingIds,\n    loadedChildren,\n    setLoadedChildren,\n    nextPageTokens,\n    setNextPageTokens,\n    loadingPageTokens,\n    setLoadingPageTokens,\n    sorting,\n    setSorting,\n    sortBy,\n    sortDirection,\n  } = useEntityTreeState(rootId, expandRootByDefault, showRootNode)\n\n  // Use tree operations hook with direct fetch\n  const { handleToggleExpanded, loadMoreChildren, flattenTree } =\n    useTreeOperationsWithDirectFetch(\n      expanded,\n      setExpanded,\n      tree,\n      setTree,\n      loadedChildren,\n      setLoadedChildren,\n      loadingIds,\n      setLoadingIds,\n      setNextPageTokens,\n      setLoadingPageTokens,\n      loadingPageTokens,\n      nextPageTokens,\n      sortBy,\n      sortDirection,\n    )\n\n  // Get table columns\n  const columns = useTableColumns(enableSorting, onToggleSelection != null)\n\n  // Get table data\n  const rows = useTableData(\n    tree,\n    rootId,\n    showRootNode,\n    expanded,\n    nextPageTokens,\n    flattenTree,\n  )\n\n  const isTreeEmpty = useMemo(() => {\n    const rootNode = tree[rootId]\n    if (!rootNode) return false\n\n    // If we're showing the root node, we always have content (at least the root)\n    if (showRootNode) return false\n\n    // If we're not showing root node, check if root has children loaded and they're empty\n    if (loadedChildren.has(rootId)) {\n      return !rootNode.children || rootNode.children.length === 0\n    }\n\n    // If children haven't been loaded yet, don't show no content\n    return false\n  }, [tree, rootId, showRootNode, loadedChildren])\n\n  const table = useReactTable({\n    data: rows,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    columnResizeMode: 'onChange',\n    state: { expanded, sorting },\n    // Make row ids robust: include parent/depth for normal rows so that the\n    // same entity appearing in different places (or synthetic rows) won't\n    // collide. For load-more rows, use parentId and depth to create unique identifier.\n    getRowId: row =>\n      row.isLoadMore\n        ? `loadmore::${row.parentId}::${row.depth}::${\n            row.pageToken || 'no-token'\n          }`\n        : `${row.entityId || row.entityHeader.id}::${row.parentId ?? 'root'}::${\n            row.depth\n          }`,\n    manualExpanding: true,\n    manualSorting: true,\n    enableSorting,\n    onSortingChange: setSorting,\n    enableColumnFilters: false,\n  })\n\n  return (\n    <Box>\n      <EntityTreeTableContext.Provider\n        value={{\n          expanded,\n          loadingIds,\n          handleToggleExpanded: (entityId: string) => {\n            void handleToggleExpanded(entityId)\n          },\n          loadMoreChildren: (entityId: string, pageToken?: string) => {\n            void loadMoreChildren(entityId, pageToken)\n          },\n          nextPageTokens,\n          onEntityIdClicked,\n          selectedIds,\n          onToggleSelection,\n          disableEntityLinks,\n          tree,\n        }}\n      >\n        {isTreeEmpty ? (\n          <NoContentAvailable />\n        ) : (\n          <EntityTreeTableView\n            table={table}\n            className={styles.entityTreeTable}\n          />\n        )}\n      </EntityTreeTableContext.Provider>\n    </Box>\n  )\n}\n\nexport default EntityTreeTable\n"],"mappings":";;;;;;;;;;;;;AAiDA,IAAa,KAAmD,EAC9D,WACA,yBAAsB,IACtB,kBAAe,IACf,mBAAgB,IAChB,sBACA,gBACA,sBACA,wBAAqB,SACjB;CAEJ,IAAM,EACJ,aACA,gBACA,SACA,YACA,eACA,kBACA,mBACA,sBACA,mBACA,sBACA,sBACA,yBACA,YACA,eACA,WACA,qBACE,EAAmB,GAAQ,GAAqB,CAAY,GAG1D,EAAE,yBAAsB,qBAAkB,mBAC9C,EACE,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,CACF,GAGI,IAAU,EAAgB,GAAe,KAAqB,IAAI,GAGlE,IAAO,EACX,GACA,GACA,GACA,GACA,GACA,CACF,GAEM,IAAc,QAAc;EAChC,IAAM,IAAW,EAAK;EAYtB,OAXI,CAAC,KAGD,IAAqB,KAGrB,EAAe,IAAI,CAAM,IACpB,CAAC,EAAS,YAAY,EAAS,SAAS,WAAW,IAIrD;CACT,GAAG;EAAC;EAAM;EAAQ;EAAc;CAAc,CAAC,GAEzC,IAAQ,EAAc;EAC1B,MAAM;EACN;EACA,iBAAiB,EAAgB;EACjC,kBAAkB;EAClB,OAAO;GAAE;GAAU;EAAQ;EAI3B,WAAU,MACR,EAAI,aACA,aAAa,EAAI,SAAS,IAAI,EAAI,MAAM,IACtC,EAAI,aAAa,eAEnB,GAAG,EAAI,YAAY,EAAI,aAAa,GAAG,IAAI,EAAI,YAAY,OAAO,IAChE,EAAI;EAEZ,iBAAiB;EACjB,eAAe;EACf;EACA,iBAAiB;EACjB,qBAAqB;CACvB,CAAC;CAED,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,EAAuB,UAAxB;EACE,OAAO;GACL;GACA;GACA,uBAAuB,MAAqB;IAC1C,EAA0B,CAAQ;GACpC;GACA,mBAAmB,GAAkB,MAAuB;IAC1D,EAAsB,GAAU,CAAS;GAC3C;GACA;GACA;GACA;GACA;GACA;GACA;EACF;YAEC,IACC,kBAAC,GAAD,CAAqB,CAAA,IAErB,kBAAC,GAAD;GACS;GACP,WAAW,EAAO;EACnB,CAAA;CAE4B,CAAA,EAC9B,CAAA;AAET"}

package/dist/components/EntityTreeTable/components/CheckboxCell.d.ts

@@ -0,0 +1,4 @@
+import { CellContext } from '@tanstack/react-table';
+import { EntityBundleRow } from '../EntityTreeTable';
+export declare const CheckboxCell: React.FC<CellContext<EntityBundleRow, unknown>>;
+//# sourceMappingURL=CheckboxCell.d.ts.map

package/dist/components/EntityTreeTable/components/CheckboxCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxCell.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityTreeTable/components/CheckboxCell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AA+BpD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,eAAe,EAAE,OAAO,CAAC,CA+CxE,CAAA"}

package/dist/components/EntityTreeTable/components/CheckboxCell.js

@@ -0,0 +1,43 @@
+import { convertToEntityType as e } from "../../../utils/functions/EntityTypeUtils.js";
+import { useEntityTreeTableContext as t } from "./EntityTreeTableContext.js";
+import { useMemo as n } from "react";
+import { Checkbox as r } from "@mui/material";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/EntityTreeTable/components/CheckboxCell.tsx
+function a(e, t) {
+	let n = e[t];
+	if (!n?.children) return [];
+	let r = [];
+	for (let t of n.children) r.push(t), r.push(...a(e, t.entityHeader.id));
+	return r;
+}
+function o(e, t, n) {
+	let r = t;
+	for (; r;) {
+		if (n.has(r)) return !0;
+		r = e[r]?.parentId;
+	}
+	return !1;
+}
+var s = ({ row: s }) => {
+	let { selectedIds: c, onToggleSelection: l, tree: u } = t(), { entityHeader: d, isLoadMore: f, isLeaf: p, parentId: m } = s.original, h = d.id, g = e(d.type), _ = c?.has(h) ?? !1, v = n(() => !_ && u && c ? o(u, m, c) : !1, [
+		_,
+		u,
+		m,
+		c
+	]);
+	return f || !l ? null : /* @__PURE__ */ i(r, {
+		inputProps: { "aria-label": `Select ${h}` },
+		checked: _ || v,
+		onChange: v ? void 0 : () => {
+			if (l(h, g, d.versionNumber), !p && u) {
+				let t = !_;
+				for (let n of a(u, h)) t !== (c?.has(n.entityHeader.id) ?? !1) && l(n.entityHeader.id, e(n.entityHeader.type), n.entityHeader.versionNumber);
+			}
+		}
+	});
+};
+//#endregion
+export { s as CheckboxCell };
+
+//# sourceMappingURL=CheckboxCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxCell.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/CheckboxCell.tsx"],"sourcesContent":["import { convertToEntityType } from '@/utils/functions/EntityTypeUtils'\nimport { Checkbox } from '@mui/material'\nimport { CellContext } from '@tanstack/react-table'\nimport { useMemo } from 'react'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { TreeNode } from '../hooks/useEntityTreeState'\nimport { useEntityTreeTableContext } from './EntityTreeTableContext'\n\nfunction getLoadedDescendants(\n  tree: Record<string, TreeNode>,\n  nodeId: string,\n): TreeNode[] {\n  const node = tree[nodeId]\n  if (!node?.children) return []\n  const result: TreeNode[] = []\n  for (const child of node.children) {\n    result.push(child)\n    result.push(...getLoadedDescendants(tree, child.entityHeader.id))\n  }\n  return result\n}\n\nfunction isAnyAncestorSelected(\n  tree: Record<string, TreeNode>,\n  parentId: string | undefined,\n  selectedIds: Set<string>,\n): boolean {\n  let currentId = parentId\n  while (currentId) {\n    if (selectedIds.has(currentId)) return true\n    currentId = tree[currentId]?.parentId\n  }\n  return false\n}\n\nexport const CheckboxCell: React.FC<CellContext<EntityBundleRow, unknown>> = ({\n  row,\n}) => {\n  const { selectedIds, onToggleSelection, tree } = useEntityTreeTableContext()\n  const { entityHeader, isLoadMore, isLeaf, parentId } = row.original\n\n  const entityId = entityHeader.id\n  const entityType = convertToEntityType(entityHeader.type)\n  const isSelected = selectedIds?.has(entityId) ?? false\n\n  const isCascadeSelected = useMemo(\n    () =>\n      !isSelected && tree && selectedIds\n        ? isAnyAncestorSelected(tree, parentId, selectedIds)\n        : false,\n    [isSelected, tree, parentId, selectedIds],\n  )\n\n  if (isLoadMore || !onToggleSelection) return null\n\n  const handleChange = () => {\n    onToggleSelection(entityId, entityType, entityHeader.versionNumber)\n\n    // For folders, cascade to all loaded descendants\n    if (!isLeaf && tree) {\n      const isSelecting = !isSelected\n      for (const descendant of getLoadedDescendants(tree, entityId)) {\n        const descendantIsSelected =\n          selectedIds?.has(descendant.entityHeader.id) ?? false\n        if (isSelecting !== descendantIsSelected) {\n          onToggleSelection(\n            descendant.entityHeader.id,\n            convertToEntityType(descendant.entityHeader.type),\n            descendant.entityHeader.versionNumber,\n          )\n        }\n      }\n    }\n  }\n\n  return (\n    <Checkbox\n      inputProps={{ 'aria-label': `Select ${entityId}` }}\n      checked={isSelected || isCascadeSelected}\n      onChange={isCascadeSelected ? undefined : handleChange}\n    />\n  )\n}\n"],"mappings":";;;;;;AAQA,SAAS,EACP,GACA,GACY;CACZ,IAAM,IAAO,EAAK;CAClB,IAAI,CAAC,GAAM,UAAU,OAAO,CAAC;CAC7B,IAAM,IAAqB,CAAC;CAC5B,KAAK,IAAM,KAAS,EAAK,UAEvB,AADA,EAAO,KAAK,CAAK,GACjB,EAAO,KAAK,GAAG,EAAqB,GAAM,EAAM,aAAa,EAAE,CAAC;CAElE,OAAO;AACT;AAEA,SAAS,EACP,GACA,GACA,GACS;CACT,IAAI,IAAY;CAChB,OAAO,IAAW;EAChB,IAAI,EAAY,IAAI,CAAS,GAAG,OAAO;EACvC,IAAY,EAAK,IAAY;CAC/B;CACA,OAAO;AACT;AAEA,IAAa,KAAiE,EAC5E,aACI;CACJ,IAAM,EAAE,gBAAa,sBAAmB,YAAS,EAA0B,GACrE,EAAE,iBAAc,eAAY,WAAQ,gBAAa,EAAI,UAErD,IAAW,EAAa,IACxB,IAAa,EAAoB,EAAa,IAAI,GAClD,IAAa,GAAa,IAAI,CAAQ,KAAK,IAE3C,IAAoB,QAEtB,CAAC,KAAc,KAAQ,IACnB,EAAsB,GAAM,GAAU,CAAW,IACjD,IACN;EAAC;EAAY;EAAM;EAAU;CAAW,CAC1C;CAwBA,OAtBI,KAAc,CAAC,IAA0B,OAuB3C,kBAAC,GAAD;EACE,YAAY,EAAE,cAAc,UAAU,IAAW;EACjD,SAAS,KAAc;EACvB,UAAU,IAAoB,KAAA,UAxBP;GAIzB,IAHA,EAAkB,GAAU,GAAY,EAAa,aAAa,GAG9D,CAAC,KAAU,GAAM;IACnB,IAAM,IAAc,CAAC;IACrB,KAAK,IAAM,KAAc,EAAqB,GAAM,CAAQ,GAG1D,AAAI,OADF,GAAa,IAAI,EAAW,aAAa,EAAE,KAAK,OAEhD,EACE,EAAW,aAAa,IACxB,EAAoB,EAAW,aAAa,IAAI,GAChD,EAAW,aAAa,aAC1B;GAGN;EACF;CAOG,CAAA;AAEL"}

package/dist/components/EntityTreeTable/components/EntityNameCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityNameCell.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityTreeTable/components/EntityNameCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAQpD,eAAO,MAAM,wBAAwB,KAAK,CAAA;AAE1C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,eAAe,EAAE,OAAO,CAAC,CAwDpE,CAAA"}
+{"version":3,"file":"EntityNameCell.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityTreeTable/components/EntityNameCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAQpD,eAAO,MAAM,wBAAwB,KAAK,CAAA;AAE1C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,eAAe,EAAE,OAAO,CAAC,CA8DpE,CAAA"}

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

@@ -7,23 +7,23 @@ import { ChevronRight as o, ExpandMore as s } from "@mui/icons-material";
 import { Box as c } from "@mui/system";
 //#region src/components/EntityTreeTable/components/EntityNameCell.tsx
 var l = 16, u = ({ row: l }) => {
-	let { expanded: u, loadingIds: d, handleToggleExpanded: f, onEntityIdClicked: p } = n(), { entityHeader: m, depth: h, isLeaf: g } = l.original, _ = !!u[m.id], v = !g;
+	let { expanded: u, loadingIds: d, handleToggleExpanded: f, onEntityIdClicked: p, disableEntityLinks: m } = n(), { entityHeader: h, depth: g, isLeaf: _ } = l.original, v = !!u[h.id], y = !_;
 	return /* @__PURE__ */ a(c, {
 		sx: {
 			display: "flex",
 			alignItems: "center",
-			pl: `${h * 16}px`
+			pl: `${g * 16}px`
 		},
 		children: [
-			v && /* @__PURE__ */ i(r, {
+			y && /* @__PURE__ */ i(r, {
 				size: "small",
-				loading: d.has(m.id),
+				loading: d.has(h.id),
 				loadingIndicator: /* @__PURE__ */ i(e, {}),
-				onClick: () => f(m.id),
-				"aria-label": _ ? "Collapse" : "Expand",
-				children: i(_ ? s : o, {})
+				onClick: () => f(h.id),
+				"aria-label": v ? "Collapse" : "Expand",
+				children: i(v ? s : o, {})
 			}),
-			!v && /* @__PURE__ */ i(c, { sx: { width: 32 } }),
+			!y && /* @__PURE__ */ i(c, { sx: { width: 32 } }),
 			/* @__PURE__ */ i(c, {
 				sx: {
 					flex: 1,
@@ -37,7 +37,8 @@ var l = 16, u = ({ row: l }) => {
 					}
 				},
 				children: /* @__PURE__ */ i(t, {
-					entity: m,
+					entity: h,
+					link: !m,
 					onEntityIdClicked: p
 				})
 			})

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

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