synapse-react-client 4.0.35 → 4.0.37

package/dist/components/DownloadCart/DownloadListActionsRequired.js

@@ -7,8 +7,8 @@ import { times as i } from "lodash-es";
 import { Box as a } from "@mui/material";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/DownloadCart/DownloadListActionsRequired.tsx
-function l(l) {
-	let { onViewSharingSettingsClicked: u } = l, { data: d, isLoading: f } = e({ throwOnError: !0 });
+function l() {
+	let { data: l, isLoading: u } = e({ throwOnError: !0 });
 	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c(a, {
 		sx: {
 			display: "flex",
@@ -16,11 +16,10 @@ function l(l) {
 			gap: 3,
 			pt: 5
 		},
-		children: [t(d).map((e, t) => e ? /* @__PURE__ */ s(r, {
+		children: [t(l).map((e, t) => e ? /* @__PURE__ */ s(r, {
 			action: e.action,
-			count: e.count,
-			onViewSharingSettingsClicked: u
-		}, t) : !1), f && i(3).map((e) => /* @__PURE__ */ s(n, {}, e))]
+			count: e.count
+		}, t) : !1), u && i(3).map((e) => /* @__PURE__ */ s(n, {}, e))]
 	}) });
 }
 //#endregion

package/dist/components/DownloadCart/DownloadListActionsRequired.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadListActionsRequired.js","names":[],"sources":["../../../src/components/DownloadCart/DownloadListActionsRequired.tsx"],"sourcesContent":["import { useGetAllDownloadListActionsRequired } from '@/synapse-queries'\nimport useTrackTransientListItems from '@/utils/hooks/useTrackTransientListItems'\nimport { Box } from '@mui/material'\nimport { times } from 'lodash-es'\nimport { LoadingActionRequiredCard } from './ActionRequiredCard/ActionRequiredCard'\nimport { ActionRequiredListItem } from './ActionRequiredListItem'\n\nexport type DownloadListActionsRequiredProps = {\n  /** Invoked when a user clicks \"View Sharing Settings\" for a set of files that require the Download permission*/\n  onViewSharingSettingsClicked?: (benefactorId: string) => void\n}\n\nexport function DownloadListActionsRequired(\n  props: DownloadListActionsRequiredProps,\n) {\n  const { onViewSharingSettingsClicked } = props\n\n  // This component will track all completed actions, based on which actions are omitted from the ActionsRequiredResponse as the user performs required tasks\n  // For accurate tracking, we must make sure we have all data. So we will fetch all pages instead of one page at a time.\n  const { data: currentActionsRequired, isLoading } =\n    useGetAllDownloadListActionsRequired({\n      throwOnError: true,\n    })\n\n  // PORTALS-2950 - Keep a record of actions that disappear from the server response - i.e. the 'completed' actions\n  const allCompleteAndIncompleteActions = useTrackTransientListItems(\n    currentActionsRequired,\n  )\n\n  return (\n    <>\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 3,\n          pt: 5,\n        }}\n      >\n        {allCompleteAndIncompleteActions.map((item, index) => {\n          if (item) {\n            return (\n              <ActionRequiredListItem\n                key={index}\n                action={item.action}\n                count={item.count}\n                onViewSharingSettingsClicked={onViewSharingSettingsClicked}\n              />\n            )\n          } else return false\n        })}\n        {isLoading && times(3).map(k => <LoadingActionRequiredCard key={k} />)}\n      </Box>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAYA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,oCAAiC,GAInC,EAAE,MAAM,GAAwB,iBACpC,EAAqC,EACnC,cAAc,GAChB,CAAC;CAOH,OACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,KAAK;GACL,IAAI;EACN;YANF,CANoC,EACtC,CAaK,EAAgC,KAAK,GAAM,MACtC,IAEA,kBAAC,GAAD;GAEE,QAAQ,EAAK;GACb,OAAO,EAAK;GACkB;EAC/B,GAJM,CAIN,IAES,EACf,GACA,KAAa,EAAM,CAAC,EAAE,KAAI,MAAK,kBAAC,GAAD,CAAoC,GAAJ,CAAI,CAAC,CAClE;IACL,CAAA;AAEN"}
+{"version":3,"file":"DownloadListActionsRequired.js","names":[],"sources":["../../../src/components/DownloadCart/DownloadListActionsRequired.tsx"],"sourcesContent":["import { useGetAllDownloadListActionsRequired } from '@/synapse-queries'\nimport useTrackTransientListItems from '@/utils/hooks/useTrackTransientListItems'\nimport { Box } from '@mui/material'\nimport { times } from 'lodash-es'\nimport { LoadingActionRequiredCard } from './ActionRequiredCard/ActionRequiredCard'\nimport { ActionRequiredListItem } from './ActionRequiredListItem'\n\nexport function DownloadListActionsRequired() {\n  // This component will track all completed actions, based on which actions are omitted from the ActionsRequiredResponse as the user performs required tasks\n  // For accurate tracking, we must make sure we have all data. So we will fetch all pages instead of one page at a time.\n  const { data: currentActionsRequired, isLoading } =\n    useGetAllDownloadListActionsRequired({\n      throwOnError: true,\n    })\n\n  // PORTALS-2950 - Keep a record of actions that disappear from the server response - i.e. the 'completed' actions\n  const allCompleteAndIncompleteActions = useTrackTransientListItems(\n    currentActionsRequired,\n  )\n\n  return (\n    <>\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 3,\n          pt: 5,\n        }}\n      >\n        {allCompleteAndIncompleteActions.map((item, index) => {\n          if (item) {\n            return (\n              <ActionRequiredListItem\n                key={index}\n                action={item.action}\n                count={item.count}\n              />\n            )\n          } else return false\n        })}\n        {isLoading && times(3).map(k => <LoadingActionRequiredCard key={k} />)}\n      </Box>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAOA,SAAgB,IAA8B;CAG5C,IAAM,EAAE,MAAM,GAAwB,iBACpC,EAAqC,EACnC,cAAc,GAChB,CAAC;CAOH,OACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,KAAK;GACL,IAAI;EACN;YANF,CANoC,EACtC,CAaK,EAAgC,KAAK,GAAM,MACtC,IAEA,kBAAC,GAAD;GAEE,QAAQ,EAAK;GACb,OAAO,EAAK;EACb,GAHM,CAGN,IAES,EACf,GACA,KAAa,EAAM,CAAC,EAAE,KAAI,MAAK,kBAAC,GAAD,CAAoC,GAAJ,CAAI,CAAC,CAClE;IACL,CAAA;AAEN"}

package/dist/components/DownloadCart/RequestDownloadCard.d.ts

@@ -1,8 +1,6 @@
 export type RequestDownloadCardProps = {
     entityId: string;
     count?: number;
-    /** Invoked when a user clicks "View Sharing Settings" for a set of files that require the Download permission*/
-    onViewSharingSettingsClicked?: (benefactorId: string) => void;
 };
 export declare const REQUEST_DOWNLOAD_TITLE = "Download Permission Required";
 export declare function RequestDownloadCard(props: RequestDownloadCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DownloadCart/RequestDownloadCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestDownloadCard.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/RequestDownloadCard.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gHAAgH;IAChH,4BAA4B,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9D,CAAA;AAQD,eAAO,MAAM,sBAAsB,iCAAiC,CAAA;AACpE,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAmElE"}
+{"version":3,"file":"RequestDownloadCard.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/RequestDownloadCard.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,sBAAsB,iCAAiC,CAAA;AACpE,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAqDlE"}

package/dist/components/DownloadCart/RequestDownloadCard.js

@@ -1,36 +1,34 @@
 import { DOWNLOAD_PERMISSION_REQUIRED as e } from "../../utils/SynapseConstants.js";
 import t from "../../synapse-queries/entity/useEntityBundle.js";
-import { useGetFeatureFlag as n } from "../../synapse-queries/featureflags/useGetFeatureFlag.js";
 import "../../synapse-queries/index.js";
-import { ActionRequiredCard as r } from "./ActionRequiredCard/ActionRequiredCard.js";
-import { FeatureFlagEnum as i } from "../../utils/featureflag/FeatureFlags.js";
-import a from "../EntityAclEditor/EntityAclEditorModal.js";
-import { useState as o } from "react";
-import { Alert as s, Button as c, Typography as l } from "@mui/material";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { ActionRequiredCard as n } from "./ActionRequiredCard/ActionRequiredCard.js";
+import r from "../EntityAclEditor/EntityAclEditorModal.js";
+import { useState as i } from "react";
+import { Alert as a, Button as o, Typography as s } from "@mui/material";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/DownloadCart/RequestDownloadCard.tsx
-var p = ((e) => window.open(`https://www.synapse.org/Synapse:${e}`, "_blank")), m = "Download Permission Required";
-function h(h) {
-	let { entityId: g, count: _, onViewSharingSettingsClicked: v = p } = h, { data: y, isLoading: b, isError: x, error: S } = t(g, void 0, {
+var d = "Download Permission Required";
+function f(f) {
+	let { entityId: p, count: m } = f, { data: h, isLoading: g, isError: _, error: v } = t(p, void 0, {
 		includeEntity: !0,
 		includePermissions: !0
-	}), [C, w] = o(!1), T = !!y?.permissions.canDownload, E = n(i.REACT_ENTITY_ACL_EDITOR);
-	return x ? /* @__PURE__ */ d(s, {
+	}), [y, b] = i(!1), x = !!h?.permissions.canDownload;
+	return _ ? /* @__PURE__ */ l(a, {
 		severity: "error",
-		children: S.reason
-	}) : /* @__PURE__ */ d(r, {
-		isLoading: b,
-		title: m,
-		description: /* @__PURE__ */ f(u, { children: [
+		children: v.reason
+	}) : /* @__PURE__ */ l(n, {
+		isLoading: g,
+		title: d,
+		description: /* @__PURE__ */ u(c, { children: [
 			"You must be granted the download permission on",
 			" ",
-			/* @__PURE__ */ d("strong", { children: y?.entity.name }),
+			/* @__PURE__ */ l("strong", { children: h?.entity.name }),
 			" in order to download this set of files."
 		] }),
 		iconType: e,
-		count: _,
-		actionNode: /* @__PURE__ */ f(u, { children: [
-			/* @__PURE__ */ d(l, {
+		count: m,
+		actionNode: /* @__PURE__ */ u(c, { children: [
+			/* @__PURE__ */ l(s, {
 				variant: "smallText1",
 				sx: {
 					mb: 1,
@@ -38,23 +36,21 @@ function h(h) {
 				},
 				children: "Contact an administrator to request download permission"
 			}),
-			/* @__PURE__ */ d(a, {
-				entityId: g,
-				open: C,
-				onClose: () => w(!1)
+			/* @__PURE__ */ l(r, {
+				entityId: p,
+				open: y,
+				onClose: () => b(!1)
 			}),
-			/* @__PURE__ */ d(c, {
+			/* @__PURE__ */ l(o, {
 				variant: "outlined",
-				onClick: () => {
-					E ? w(!0) : v(g);
-				},
-				disabled: T,
-				children: T ? "Complete" : "View Sharing Settings"
+				onClick: () => b(!0),
+				disabled: x,
+				children: x ? "Complete" : "View Sharing Settings"
 			})
 		] })
 	});
 }
 //#endregion
-export { m as REQUEST_DOWNLOAD_TITLE, h as RequestDownloadCard };
+export { d as REQUEST_DOWNLOAD_TITLE, f as RequestDownloadCard };
 
 //# sourceMappingURL=RequestDownloadCard.js.map

package/dist/components/DownloadCart/RequestDownloadCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestDownloadCard.js","names":[],"sources":["../../../src/components/DownloadCart/RequestDownloadCard.tsx"],"sourcesContent":["import { useGetEntityBundle, useGetFeatureFlag } from '@/synapse-queries'\nimport { DOWNLOAD_PERMISSION_REQUIRED } from '@/utils/SynapseConstants'\nimport { Alert, Button, Typography } from '@mui/material'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\nimport { useState } from 'react'\nimport EntityAclEditorModal from '../EntityAclEditor/EntityAclEditorModal'\nimport { ActionRequiredCard } from './ActionRequiredCard/ActionRequiredCard'\n\nexport type RequestDownloadCardProps = {\n  entityId: string\n  count?: number\n  /** Invoked when a user clicks \"View Sharing Settings\" for a set of files that require the Download permission*/\n  onViewSharingSettingsClicked?: (benefactorId: string) => void\n}\n\nconst DEFAULT_ON_VIEW_SHARING_SETTINGS_CLICKED = (benefactorEntityId =>\n  window.open(\n    `https://www.synapse.org/Synapse:${benefactorEntityId}`,\n    '_blank',\n  )) satisfies RequestDownloadCardProps['onViewSharingSettingsClicked']\n\nexport const REQUEST_DOWNLOAD_TITLE = 'Download Permission Required'\nexport function RequestDownloadCard(props: RequestDownloadCardProps) {\n  const {\n    entityId,\n    count,\n    onViewSharingSettingsClicked = DEFAULT_ON_VIEW_SHARING_SETTINGS_CLICKED,\n  } = props\n  const {\n    data: entityBundle,\n    isLoading,\n    isError,\n    error,\n  } = useGetEntityBundle(entityId, undefined, {\n    includeEntity: true,\n    includePermissions: true,\n  })\n\n  const [showSharingSettings, setShowSharingSettings] = useState(false)\n\n  const hasDownloadPermission = Boolean(entityBundle?.permissions.canDownload)\n\n  const useReactACLEditor = useGetFeatureFlag(\n    FeatureFlagEnum.REACT_ENTITY_ACL_EDITOR,\n  )\n\n  if (isError) {\n    return <Alert severity={'error'}>{error.reason}</Alert>\n  }\n  return (\n    <ActionRequiredCard\n      isLoading={isLoading}\n      title={REQUEST_DOWNLOAD_TITLE}\n      description={\n        <>\n          You must be granted the download permission on{' '}\n          <strong>{entityBundle?.entity.name}</strong> in order to download this\n          set of files.\n        </>\n      }\n      iconType={DOWNLOAD_PERMISSION_REQUIRED}\n      count={count}\n      actionNode={\n        <>\n          <Typography variant=\"smallText1\" sx={{ mb: 1, color: 'grey.700' }}>\n            Contact an administrator to request download permission\n          </Typography>\n          <EntityAclEditorModal\n            entityId={entityId}\n            open={showSharingSettings}\n            onClose={() => setShowSharingSettings(false)}\n          />\n          <Button\n            variant=\"outlined\"\n            onClick={() => {\n              if (useReactACLEditor) {\n                setShowSharingSettings(true)\n              } else {\n                onViewSharingSettingsClicked(entityId)\n              }\n            }}\n            disabled={hasDownloadPermission}\n          >\n            {hasDownloadPermission ? 'Complete' : 'View Sharing Settings'}\n          </Button>\n        </>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;AAeA,IAAM,MAA4C,MAChD,OAAO,KACL,mCAAmC,KACnC,QACF,IAEW,IAAyB;AACtC,SAAgB,EAAoB,GAAiC;CACnE,IAAM,EACJ,aACA,UACA,kCAA+B,MAC7B,GACE,EACJ,MAAM,GACN,cACA,YACA,aACE,EAAmB,GAAU,KAAA,GAAW;EAC1C,eAAe;EACf,oBAAoB;CACtB,CAAC,GAEK,CAAC,GAAqB,KAA0B,EAAS,EAAK,GAE9D,IAAwB,EAAQ,GAAc,YAAY,aAE1D,IAAoB,EACxB,EAAgB,uBAClB;CAKA,OAHI,IACK,kBAAC,GAAD;EAAO,UAAU;YAAU,EAAM;CAAc,CAAA,IAGtD,kBAAC,GAAD;EACa;EACX,OAAO;EACP,aACE,kBAAA,GAAA,EAAA,UAAA;GAAE;GAC+C;GAC/C,kBAAC,UAAD,EAAA,UAAS,GAAc,OAAO,KAAa,CAAA;GAAC;EAE5C,EAAA,CAAA;EAEJ,UAAU;EACH;EACP,YACE,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,SAAQ;IAAa,IAAI;KAAE,IAAI;KAAG,OAAO;IAAW;cAAG;GAEvD,CAAA;GACZ,kBAAC,GAAD;IACY;IACV,MAAM;IACN,eAAe,EAAuB,EAAK;GAC5C,CAAA;GACD,kBAAC,GAAD;IACE,SAAQ;IACR,eAAe;KACb,AAAI,IACF,EAAuB,EAAI,IAE3B,EAA6B,CAAQ;IAEzC;IACA,UAAU;cAET,IAAwB,aAAa;GAChC,CAAA;EACR,EAAA,CAAA;CAEL,CAAA;AAEL"}
+{"version":3,"file":"RequestDownloadCard.js","names":[],"sources":["../../../src/components/DownloadCart/RequestDownloadCard.tsx"],"sourcesContent":["import { useGetEntityBundle } from '@/synapse-queries'\nimport { DOWNLOAD_PERMISSION_REQUIRED } from '@/utils/SynapseConstants'\nimport { Alert, Button, Typography } from '@mui/material'\nimport { useState } from 'react'\nimport EntityAclEditorModal from '../EntityAclEditor/EntityAclEditorModal'\nimport { ActionRequiredCard } from './ActionRequiredCard/ActionRequiredCard'\n\nexport type RequestDownloadCardProps = {\n  entityId: string\n  count?: number\n}\n\nexport const REQUEST_DOWNLOAD_TITLE = 'Download Permission Required'\nexport function RequestDownloadCard(props: RequestDownloadCardProps) {\n  const { entityId, count } = props\n  const {\n    data: entityBundle,\n    isLoading,\n    isError,\n    error,\n  } = useGetEntityBundle(entityId, undefined, {\n    includeEntity: true,\n    includePermissions: true,\n  })\n\n  const [showSharingSettings, setShowSharingSettings] = useState(false)\n\n  const hasDownloadPermission = Boolean(entityBundle?.permissions.canDownload)\n\n  if (isError) {\n    return <Alert severity={'error'}>{error.reason}</Alert>\n  }\n  return (\n    <ActionRequiredCard\n      isLoading={isLoading}\n      title={REQUEST_DOWNLOAD_TITLE}\n      description={\n        <>\n          You must be granted the download permission on{' '}\n          <strong>{entityBundle?.entity.name}</strong> in order to download this\n          set of files.\n        </>\n      }\n      iconType={DOWNLOAD_PERMISSION_REQUIRED}\n      count={count}\n      actionNode={\n        <>\n          <Typography variant=\"smallText1\" sx={{ mb: 1, color: 'grey.700' }}>\n            Contact an administrator to request download permission\n          </Typography>\n          <EntityAclEditorModal\n            entityId={entityId}\n            open={showSharingSettings}\n            onClose={() => setShowSharingSettings(false)}\n          />\n          <Button\n            variant=\"outlined\"\n            onClick={() => setShowSharingSettings(true)}\n            disabled={hasDownloadPermission}\n          >\n            {hasDownloadPermission ? 'Complete' : 'View Sharing Settings'}\n          </Button>\n        </>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;;;AAYA,IAAa,IAAyB;AACtC,SAAgB,EAAoB,GAAiC;CACnE,IAAM,EAAE,aAAU,aAAU,GACtB,EACJ,MAAM,GACN,cACA,YACA,aACE,EAAmB,GAAU,KAAA,GAAW;EAC1C,eAAe;EACf,oBAAoB;CACtB,CAAC,GAEK,CAAC,GAAqB,KAA0B,EAAS,EAAK,GAE9D,IAAwB,EAAQ,GAAc,YAAY;CAKhE,OAHI,IACK,kBAAC,GAAD;EAAO,UAAU;YAAU,EAAM;CAAc,CAAA,IAGtD,kBAAC,GAAD;EACa;EACX,OAAO;EACP,aACE,kBAAA,GAAA,EAAA,UAAA;GAAE;GAC+C;GAC/C,kBAAC,UAAD,EAAA,UAAS,GAAc,OAAO,KAAa,CAAA;GAAC;EAE5C,EAAA,CAAA;EAEJ,UAAU;EACH;EACP,YACE,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,SAAQ;IAAa,IAAI;KAAE,IAAI;KAAG,OAAO;IAAW;cAAG;GAEvD,CAAA;GACZ,kBAAC,GAAD;IACY;IACV,MAAM;IACN,eAAe,EAAuB,EAAK;GAC5C,CAAA;GACD,kBAAC,GAAD;IACE,SAAQ;IACR,eAAe,EAAuB,EAAI;IAC1C,UAAU;cAET,IAAwB,aAAa;GAChC,CAAA;EACR,EAAA,CAAA;CAEL,CAAA;AAEL"}

package/dist/components/DownloadCart/TableQueryActionsRequired.d.ts

@@ -4,8 +4,6 @@ export type TableQueryActionsRequiredProps = {
     queryBundleRequest: QueryBundleRequest;
     /** The column models of the table */
     columnModels: ColumnModel[];
-    /** Invoked when a user clicks "View Sharing Settings" for a set of files that require the Download permission*/
-    onViewSharingSettingsClicked?: (benefactorId: string) => void;
     /** Invoked when the number of required actions changes. Can be used to set UI state based on if all actions have been fulfilled */
     onNumberOfRequiredActionsChanged?: (actionsRequired: number) => void;
 };

package/dist/components/DownloadCart/TableQueryActionsRequired.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableQueryActionsRequired.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/TableQueryActionsRequired.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,kBAAkB,EACnB,MAAM,iCAAiC,CAAA;AAQxC,MAAM,MAAM,8BAA8B,GAAG;IAC3C,gFAAgF;IAChF,kBAAkB,EAAE,kBAAkB,CAAA;IACtC,qCAAqC;IACrC,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,gHAAgH;IAChH,4BAA4B,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7D,mIAAmI;IACnI,gCAAgC,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAA;CACrE,CAAA;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,2CAuDtC"}
+{"version":3,"file":"TableQueryActionsRequired.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/TableQueryActionsRequired.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,kBAAkB,EACnB,MAAM,iCAAiC,CAAA;AAQxC,MAAM,MAAM,8BAA8B,GAAG;IAC3C,gFAAgF;IAChF,kBAAkB,EAAE,kBAAkB,CAAA;IACtC,qCAAqC;IACrC,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,mIAAmI;IACnI,gCAAgC,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAA;CACrE,CAAA;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,2CAqDtC"}

package/dist/components/DownloadCart/TableQueryActionsRequired.js

@@ -8,17 +8,17 @@ import { Box as s, Typography as c } from "@mui/material";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/DownloadCart/TableQueryActionsRequired.tsx
 function d(d) {
-	let { queryBundleRequest: f, columnModels: p, onNumberOfRequiredActionsChanged: m = a, onViewSharingSettingsClicked: h } = d, { data: g, isLoading: _ } = r(f, p, { throwOnError: !0 }), v = e(g);
+	let { queryBundleRequest: f, columnModels: p, onNumberOfRequiredActionsChanged: m = a } = d, { data: h, isLoading: g } = r(f, p, { throwOnError: !0 }), _ = e(h);
 	return i(() => {
-		g && m(g.length);
-	}, [g, m]), /* @__PURE__ */ u(s, {
+		h && m(h.length);
+	}, [h, m]), /* @__PURE__ */ u(s, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 3
 		},
 		children: [
-			!_ && v.length === 0 && /* @__PURE__ */ l(c, {
+			!g && _.length === 0 && /* @__PURE__ */ l(c, {
 				variant: "body1Italic",
 				sx: {
 					p: 4,
@@ -27,12 +27,11 @@ function d(d) {
 				},
 				children: "All requirements have been met. No actions are required."
 			}),
-			v.map((e, t) => /* @__PURE__ */ l(n, {
+			_.map((e, t) => /* @__PURE__ */ l(n, {
 				action: e.action,
-				count: e.count,
-				onViewSharingSettingsClicked: h
+				count: e.count
 			}, t)),
-			_ && o(3).map((e) => /* @__PURE__ */ l(t, {}, e))
+			g && o(3).map((e) => /* @__PURE__ */ l(t, {}, e))
 		]
 	});
 }

package/dist/components/DownloadCart/TableQueryActionsRequired.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableQueryActionsRequired.js","names":[],"sources":["../../../src/components/DownloadCart/TableQueryActionsRequired.tsx"],"sourcesContent":["import { Box, Typography } from '@mui/material'\nimport {\n  ColumnModel,\n  QueryBundleRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { noop, times } from 'lodash-es'\nimport { useEffect } from 'react'\nimport { useGetActionsRequiredForTableQuery } from '../../synapse-queries/entity/useActionsRequiredForTableQuery'\nimport useTrackTransientListItems from '../../utils/hooks/useTrackTransientListItems'\nimport { LoadingActionRequiredCard } from './ActionRequiredCard/ActionRequiredCard'\nimport { ActionRequiredListItem } from './ActionRequiredListItem'\n\nexport type TableQueryActionsRequiredProps = {\n  /** The query request to use to select rows to check if actions are required. */\n  queryBundleRequest: QueryBundleRequest\n  /** The column models of the table */\n  columnModels: ColumnModel[]\n  /** Invoked when a user clicks \"View Sharing Settings\" for a set of files that require the Download permission*/\n  onViewSharingSettingsClicked?: (benefactorId: string) => void\n  /** Invoked when the number of required actions changes. Can be used to set UI state based on if all actions have been fulfilled */\n  onNumberOfRequiredActionsChanged?: (actionsRequired: number) => void\n}\n\n/**\n * Displays an interactive list of actions required to take for a user to gain access to Synapse entities referenced in\n * a table query.\n */\nexport function TableQueryActionsRequired(\n  props: TableQueryActionsRequiredProps,\n) {\n  const {\n    queryBundleRequest,\n    columnModels,\n    onNumberOfRequiredActionsChanged = noop,\n    onViewSharingSettingsClicked,\n  } = props\n\n  // This component will track all completed actions, based on which actions are omitted from the ActionsRequiredResponse\n  // as the user performs required tasks\n  const { data: currentActionsRequired, isLoading } =\n    useGetActionsRequiredForTableQuery(queryBundleRequest, columnModels, {\n      throwOnError: true,\n    })\n\n  // PORTALS-2950 - Keep a record of actions that disappear from the server response - i.e. the 'completed' actions\n  const allCompleteAndIncompleteActions = useTrackTransientListItems(\n    currentActionsRequired,\n  )\n\n  useEffect(() => {\n    if (currentActionsRequired) {\n      onNumberOfRequiredActionsChanged(currentActionsRequired.length)\n    }\n  }, [currentActionsRequired, onNumberOfRequiredActionsChanged])\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 3,\n      }}\n    >\n      {/* If no actions were ever required, show a message */}\n      {!isLoading && allCompleteAndIncompleteActions.length === 0 && (\n        <Typography\n          variant={'body1Italic'}\n          sx={{ p: 4, textAlign: 'center', color: 'grey.700' }}\n        >\n          All requirements have been met. No actions are required.\n        </Typography>\n      )}\n      {allCompleteAndIncompleteActions.map((item, index) => (\n        <ActionRequiredListItem\n          key={index}\n          action={item.action}\n          count={item.count}\n          onViewSharingSettingsClicked={onViewSharingSettingsClicked}\n        />\n      ))}\n      {isLoading && times(3).map(k => <LoadingActionRequiredCard key={k} />)}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;AA2BA,SAAgB,EACd,GACA;CACA,IAAM,EACJ,uBACA,iBACA,sCAAmC,GACnC,oCACE,GAIE,EAAE,MAAM,GAAwB,iBACpC,EAAmC,GAAoB,GAAc,EACnE,cAAc,GAChB,CAAC,GAGG,IAAkC,EACtC,CACF;CAQA,OANA,QAAgB;EACd,AAAI,KACF,EAAiC,EAAuB,MAAM;CAElE,GAAG,CAAC,GAAwB,CAAgC,CAAC,GAG3D,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,KAAK;EACP;YALF;GAQG,CAAC,KAAa,EAAgC,WAAW,KACxD,kBAAC,GAAD;IACE,SAAS;IACT,IAAI;KAAE,GAAG;KAAG,WAAW;KAAU,OAAO;IAAW;cACpD;GAEW,CAAA;GAEb,EAAgC,KAAK,GAAM,MAC1C,kBAAC,GAAD;IAEE,QAAQ,EAAK;IACb,OAAO,EAAK;IACkB;GAC/B,GAJM,CAIN,CACF;GACA,KAAa,EAAM,CAAC,EAAE,KAAI,MAAK,kBAAC,GAAD,CAAoC,GAAJ,CAAI,CAAC;EAClE;;AAET"}
+{"version":3,"file":"TableQueryActionsRequired.js","names":[],"sources":["../../../src/components/DownloadCart/TableQueryActionsRequired.tsx"],"sourcesContent":["import { Box, Typography } from '@mui/material'\nimport {\n  ColumnModel,\n  QueryBundleRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { noop, times } from 'lodash-es'\nimport { useEffect } from 'react'\nimport { useGetActionsRequiredForTableQuery } from '../../synapse-queries/entity/useActionsRequiredForTableQuery'\nimport useTrackTransientListItems from '../../utils/hooks/useTrackTransientListItems'\nimport { LoadingActionRequiredCard } from './ActionRequiredCard/ActionRequiredCard'\nimport { ActionRequiredListItem } from './ActionRequiredListItem'\n\nexport type TableQueryActionsRequiredProps = {\n  /** The query request to use to select rows to check if actions are required. */\n  queryBundleRequest: QueryBundleRequest\n  /** The column models of the table */\n  columnModels: ColumnModel[]\n  /** Invoked when the number of required actions changes. Can be used to set UI state based on if all actions have been fulfilled */\n  onNumberOfRequiredActionsChanged?: (actionsRequired: number) => void\n}\n\n/**\n * Displays an interactive list of actions required to take for a user to gain access to Synapse entities referenced in\n * a table query.\n */\nexport function TableQueryActionsRequired(\n  props: TableQueryActionsRequiredProps,\n) {\n  const {\n    queryBundleRequest,\n    columnModels,\n    onNumberOfRequiredActionsChanged = noop,\n  } = props\n\n  // This component will track all completed actions, based on which actions are omitted from the ActionsRequiredResponse\n  // as the user performs required tasks\n  const { data: currentActionsRequired, isLoading } =\n    useGetActionsRequiredForTableQuery(queryBundleRequest, columnModels, {\n      throwOnError: true,\n    })\n\n  // PORTALS-2950 - Keep a record of actions that disappear from the server response - i.e. the 'completed' actions\n  const allCompleteAndIncompleteActions = useTrackTransientListItems(\n    currentActionsRequired,\n  )\n\n  useEffect(() => {\n    if (currentActionsRequired) {\n      onNumberOfRequiredActionsChanged(currentActionsRequired.length)\n    }\n  }, [currentActionsRequired, onNumberOfRequiredActionsChanged])\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 3,\n      }}\n    >\n      {/* If no actions were ever required, show a message */}\n      {!isLoading && allCompleteAndIncompleteActions.length === 0 && (\n        <Typography\n          variant={'body1Italic'}\n          sx={{ p: 4, textAlign: 'center', color: 'grey.700' }}\n        >\n          All requirements have been met. No actions are required.\n        </Typography>\n      )}\n      {allCompleteAndIncompleteActions.map((item, index) => (\n        <ActionRequiredListItem\n          key={index}\n          action={item.action}\n          count={item.count}\n        />\n      ))}\n      {isLoading && times(3).map(k => <LoadingActionRequiredCard key={k} />)}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;AAyBA,SAAgB,EACd,GACA;CACA,IAAM,EACJ,uBACA,iBACA,sCAAmC,MACjC,GAIE,EAAE,MAAM,GAAwB,iBACpC,EAAmC,GAAoB,GAAc,EACnE,cAAc,GAChB,CAAC,GAGG,IAAkC,EACtC,CACF;CAQA,OANA,QAAgB;EACd,AAAI,KACF,EAAiC,EAAuB,MAAM;CAElE,GAAG,CAAC,GAAwB,CAAgC,CAAC,GAG3D,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,KAAK;EACP;YALF;GAQG,CAAC,KAAa,EAAgC,WAAW,KACxD,kBAAC,GAAD;IACE,SAAS;IACT,IAAI;KAAE,GAAG;KAAG,WAAW;KAAU,OAAO;IAAW;cACpD;GAEW,CAAA;GAEb,EAAgC,KAAK,GAAM,MAC1C,kBAAC,GAAD;IAEE,QAAQ,EAAK;IACb,OAAO,EAAK;GACb,GAHM,CAGN,CACF;GACA,KAAa,EAAM,CAAC,EAAE,KAAI,MAAK,kBAAC,GAAD,CAAoC,GAAJ,CAAI,CAAC;EAClE;;AAET"}

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

@@ -1,8 +1,7 @@
-import type { DownloadListActionsRequiredProps as DownloadCartPageProps } from './DownloadListActionsRequired';
 import { DownloadCartPage } from './DownloadCartPage';
 import { DownloadIneligibleForPackagingFilesFromListButton } from './DownloadIneligibleForPackagingFilesFromListButton';
 import type { DownloadIneligibleForPackagingFilesFromListButtonProps } from './DownloadIneligibleForPackagingFilesFromListButton';
 import ShowDownloadV2 from './ShowDownloadV2';
 import type { ShowDownloadV2Props } from './ShowDownloadV2';
-export { DownloadCartPage, DownloadCartPageProps, DownloadIneligibleForPackagingFilesFromListButton, DownloadIneligibleForPackagingFilesFromListButtonProps, ShowDownloadV2, ShowDownloadV2Props, };
+export { DownloadCartPage, DownloadIneligibleForPackagingFilesFromListButton, DownloadIneligibleForPackagingFilesFromListButtonProps, ShowDownloadV2, ShowDownloadV2Props, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gCAAgC,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AAC9G,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,iDAAiD,EAAE,MAAM,qDAAqD,CAAA;AACvH,OAAO,KAAK,EAAE,sDAAsD,EAAE,MAAM,qDAAqD,CAAA;AACjI,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAE3D,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,iDAAiD,EACjD,sDAAsD,EACtD,cAAc,EACd,mBAAmB,GACpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,iDAAiD,EAAE,MAAM,qDAAqD,CAAA;AACvH,OAAO,KAAK,EAAE,sDAAsD,EAAE,MAAM,qDAAqD,CAAA;AACjI,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAE3D,OAAO,EACL,gBAAgB,EAChB,iDAAiD,EACjD,sDAAsD,EACtD,cAAc,EACd,mBAAmB,GACpB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownSelect.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelect/DropdownSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,SAAS,EACV,MAAM,OAAO,CAAA;AACd,OAAO,EAGL,gBAAgB,EAChB,WAAW,EAOZ,MAAM,eAAe,CAAA;AAGtB,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAAG;IACnD,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,aAAa,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAChC,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CAC7C,CAAA;AAGD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAuHhE"}
+{"version":3,"file":"DropdownSelect.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelect/DropdownSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,SAAS,EACV,MAAM,OAAO,CAAA;AACd,OAAO,EAGL,gBAAgB,EAChB,WAAW,EAOZ,MAAM,eAAe,CAAA;AAGtB,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAAG;IACnD,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,aAAa,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAChC,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CAC7C,CAAA;AAGD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAoHhE"}

package/dist/components/DropdownSelect/DropdownSelect.js

@@ -9,7 +9,7 @@ function m(m) {
 	}, j = () => {
 		T((e) => !e);
 	}, M = (e) => {
-		D.current && D.current.contains(e.target) || T(!1);
+		D.current?.contains(e.target) || T(!1);
 	};
 	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p(i, {
 		variant: v,

package/dist/components/DropdownSelect/DropdownSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownSelect.js","names":[],"sources":["../../../src/components/DropdownSelect/DropdownSelect.tsx"],"sourcesContent":["import {\n  useRef,\n  useState,\n  MouseEvent as ReactMouseEvent,\n  RefObject,\n} from 'react'\nimport {\n  Button,\n  ButtonGroup,\n  ButtonGroupProps,\n  ButtonProps,\n  ClickAwayListener,\n  Grow,\n  MenuItem,\n  MenuList,\n  Paper,\n  Popper,\n} from '@mui/material'\nimport IconSvg from '../IconSvg'\n\nexport type DropdownSelectProps = ButtonGroupProps & {\n  options: string[]\n  selectedIndex?: number\n  setSelectedIndex?: (selectedIndex: number) => void\n  onButtonClick?: (selectedIndex: number) => void\n  buttonText?: string\n  variant?: ButtonProps['variant']\n  buttonGroupAriaLabel?: string\n  anchorRef?: RefObject<HTMLDivElement | null>\n}\n// Derived from https://mui.com/material-ui/react-button-group/#split-button\n\n/**\n * Renders a button group that acts as a select group\n * @param props\n * @constructor\n */\nexport default function DropdownSelect(props: DropdownSelectProps) {\n  const {\n    options,\n    selectedIndex,\n    setSelectedIndex,\n    variant = 'contained',\n    buttonGroupAriaLabel,\n    onButtonClick,\n    buttonText,\n    anchorRef: externalAnchorRef,\n    ...rest\n  } = props\n  const [open, setOpen] = useState(false)\n  const internalAnchorRef = useRef<HTMLDivElement>(null)\n  const anchorRef = externalAnchorRef ?? internalAnchorRef\n\n  const [selectedIndexLocal, setSelectedIndexLocal] = useState(\n    selectedIndex ?? 0,\n  )\n\n  const handleMenuItemClick = (\n    event: ReactMouseEvent<HTMLLIElement, MouseEvent>,\n    index: number,\n  ) => {\n    if (setSelectedIndex) {\n      setSelectedIndex(index)\n    } else {\n      setSelectedIndexLocal(index)\n    }\n    setOpen(false)\n  }\n\n  const handleToggle = () => {\n    setOpen(prevOpen => !prevOpen)\n  }\n\n  const handleClose = (event: Event) => {\n    if (\n      anchorRef.current &&\n      anchorRef.current.contains(event.target as HTMLElement)\n    ) {\n      return\n    }\n\n    setOpen(false)\n  }\n\n  return (\n    <>\n      <ButtonGroup\n        variant={variant}\n        ref={anchorRef}\n        aria-label=\"split button\"\n        {...rest}\n      >\n        <Button\n          onClick={() => {\n            if (onButtonClick) {\n              onButtonClick(selectedIndex ?? selectedIndexLocal)\n            } else {\n              handleToggle()\n            }\n          }}\n        >\n          {buttonText\n            ? buttonText\n            : options[selectedIndex ?? selectedIndexLocal]}\n        </Button>\n        <Button\n          size=\"small\"\n          aria-controls={open ? 'split-button-menu' : undefined}\n          aria-expanded={open ? 'true' : undefined}\n          aria-label={buttonGroupAriaLabel}\n          aria-haspopup=\"menu\"\n          onClick={handleToggle}\n          sx={{ width: '36px' }}\n        >\n          <IconSvg icon={'expandMore'} wrap={false} />\n        </Button>\n      </ButtonGroup>\n      <Popper\n        sx={{\n          zIndex: 10,\n        }}\n        open={open}\n        placement={'bottom-start'}\n        anchorEl={anchorRef.current}\n        role={undefined}\n        transition\n        disablePortal\n      >\n        {({ TransitionProps, placement }) => (\n          <Grow\n            {...TransitionProps}\n            style={{\n              transformOrigin:\n                placement === 'bottom' ? 'center top' : 'center bottom',\n            }}\n          >\n            <Paper>\n              <ClickAwayListener onClickAway={handleClose}>\n                <MenuList id=\"split-button-menu\" autoFocusItem>\n                  {options.map((option, index) => (\n                    <MenuItem\n                      key={option}\n                      selected={index === selectedIndex}\n                      onClick={event => handleMenuItemClick(event, index)}\n                    >\n                      {option}\n                    </MenuItem>\n                  ))}\n                </MenuList>\n              </ClickAwayListener>\n            </Paper>\n          </Grow>\n        )}\n      </Popper>\n    </>\n  )\n}\n"],"mappings":";;;;;AAqCA,SAAwB,EAAe,GAA4B;CACjE,IAAM,EACJ,YACA,kBACA,qBACA,aAAU,aACV,yBACA,kBACA,eACA,WAAW,GACX,GAAG,MACD,GACE,CAAC,GAAM,KAAW,EAAS,EAAK,GAChC,IAAoB,EAAuB,IAAI,GAC/C,IAAY,KAAqB,GAEjC,CAAC,GAAoB,KAAyB,EAClD,KAAiB,CACnB,GAEM,KACJ,GACA,MACG;EAMH,AALI,IACF,EAAiB,CAAK,IAEtB,EAAsB,CAAK,GAE7B,EAAQ,EAAK;CACf,GAEM,UAAqB;EACzB,GAAQ,MAAY,CAAC,CAAQ;CAC/B,GAEM,KAAe,MAAiB;EAElC,EAAU,WACV,EAAU,QAAQ,SAAS,EAAM,MAAqB,KAKxD,EAAQ,EAAK;CACf;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACW;EACT,KAAK;EACL,cAAW;EACX,GAAI;YAJN,CAME,kBAAC,GAAD;GACE,eAAe;IACb,AAAI,IACF,EAAc,KAAiB,CAAkB,IAEjD,EAAa;GAEjB;aAEC,KAEG,EAAQ,KAAiB;EACvB,CAAA,GACR,kBAAC,GAAD;GACE,MAAK;GACL,iBAAe,IAAO,sBAAsB,KAAA;GAC5C,iBAAe,IAAO,SAAS,KAAA;GAC/B,cAAY;GACZ,iBAAc;GACd,SAAS;GACT,IAAI,EAAE,OAAO,OAAO;aAEpB,kBAAC,GAAD;IAAS,MAAM;IAAc,MAAM;GAAQ,CAAA;EACrC,CAAA,CACG;KACb,kBAAC,GAAD;EACE,IAAI,EACF,QAAQ,GACV;EACM;EACN,WAAW;EACX,UAAU,EAAU;EACpB,MAAM,KAAA;EACN,YAAA;EACA,eAAA;aAEE,EAAE,oBAAiB,mBACnB,kBAAC,GAAD;GACE,GAAI;GACJ,OAAO,EACL,iBACE,MAAc,WAAW,eAAe,gBAC5C;aAEA,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAmB,aAAa;cAC9B,kBAAC,GAAD;KAAU,IAAG;KAAoB,eAAA;eAC9B,EAAQ,KAAK,GAAQ,MACpB,kBAAC,GAAD;MAEE,UAAU,MAAU;MACpB,UAAS,MAAS,EAAoB,GAAO,CAAK;gBAEjD;KACO,GALH,CAKG,CACX;IACO,CAAA;GACO,CAAA,EACd,CAAA;EACH,CAAA;CAEF,CAAA,CACR,EAAA,CAAA;AAEN"}
+{"version":3,"file":"DropdownSelect.js","names":[],"sources":["../../../src/components/DropdownSelect/DropdownSelect.tsx"],"sourcesContent":["import {\n  useRef,\n  useState,\n  MouseEvent as ReactMouseEvent,\n  RefObject,\n} from 'react'\nimport {\n  Button,\n  ButtonGroup,\n  ButtonGroupProps,\n  ButtonProps,\n  ClickAwayListener,\n  Grow,\n  MenuItem,\n  MenuList,\n  Paper,\n  Popper,\n} from '@mui/material'\nimport IconSvg from '../IconSvg'\n\nexport type DropdownSelectProps = ButtonGroupProps & {\n  options: string[]\n  selectedIndex?: number\n  setSelectedIndex?: (selectedIndex: number) => void\n  onButtonClick?: (selectedIndex: number) => void\n  buttonText?: string\n  variant?: ButtonProps['variant']\n  buttonGroupAriaLabel?: string\n  anchorRef?: RefObject<HTMLDivElement | null>\n}\n// Derived from https://mui.com/material-ui/react-button-group/#split-button\n\n/**\n * Renders a button group that acts as a select group\n * @param props\n * @constructor\n */\nexport default function DropdownSelect(props: DropdownSelectProps) {\n  const {\n    options,\n    selectedIndex,\n    setSelectedIndex,\n    variant = 'contained',\n    buttonGroupAriaLabel,\n    onButtonClick,\n    buttonText,\n    anchorRef: externalAnchorRef,\n    ...rest\n  } = props\n  const [open, setOpen] = useState(false)\n  const internalAnchorRef = useRef<HTMLDivElement>(null)\n  const anchorRef = externalAnchorRef ?? internalAnchorRef\n\n  const [selectedIndexLocal, setSelectedIndexLocal] = useState(\n    selectedIndex ?? 0,\n  )\n\n  const handleMenuItemClick = (\n    event: ReactMouseEvent<HTMLLIElement, MouseEvent>,\n    index: number,\n  ) => {\n    if (setSelectedIndex) {\n      setSelectedIndex(index)\n    } else {\n      setSelectedIndexLocal(index)\n    }\n    setOpen(false)\n  }\n\n  const handleToggle = () => {\n    setOpen(prevOpen => !prevOpen)\n  }\n\n  const handleClose = (event: Event) => {\n    if (anchorRef.current?.contains(event.target as HTMLElement)) {\n      return\n    }\n\n    setOpen(false)\n  }\n\n  return (\n    <>\n      <ButtonGroup\n        variant={variant}\n        ref={anchorRef}\n        aria-label=\"split button\"\n        {...rest}\n      >\n        <Button\n          onClick={() => {\n            if (onButtonClick) {\n              onButtonClick(selectedIndex ?? selectedIndexLocal)\n            } else {\n              handleToggle()\n            }\n          }}\n        >\n          {buttonText\n            ? buttonText\n            : options[selectedIndex ?? selectedIndexLocal]}\n        </Button>\n        <Button\n          size=\"small\"\n          aria-controls={open ? 'split-button-menu' : undefined}\n          aria-expanded={open ? 'true' : undefined}\n          aria-label={buttonGroupAriaLabel}\n          aria-haspopup=\"menu\"\n          onClick={handleToggle}\n          sx={{ width: '36px' }}\n        >\n          <IconSvg icon={'expandMore'} wrap={false} />\n        </Button>\n      </ButtonGroup>\n      <Popper\n        sx={{\n          zIndex: 10,\n        }}\n        open={open}\n        placement={'bottom-start'}\n        anchorEl={anchorRef.current}\n        role={undefined}\n        transition\n        disablePortal\n      >\n        {({ TransitionProps, placement }) => (\n          <Grow\n            {...TransitionProps}\n            style={{\n              transformOrigin:\n                placement === 'bottom' ? 'center top' : 'center bottom',\n            }}\n          >\n            <Paper>\n              <ClickAwayListener onClickAway={handleClose}>\n                <MenuList id=\"split-button-menu\" autoFocusItem>\n                  {options.map((option, index) => (\n                    <MenuItem\n                      key={option}\n                      selected={index === selectedIndex}\n                      onClick={event => handleMenuItemClick(event, index)}\n                    >\n                      {option}\n                    </MenuItem>\n                  ))}\n                </MenuList>\n              </ClickAwayListener>\n            </Paper>\n          </Grow>\n        )}\n      </Popper>\n    </>\n  )\n}\n"],"mappings":";;;;;AAqCA,SAAwB,EAAe,GAA4B;CACjE,IAAM,EACJ,YACA,kBACA,qBACA,aAAU,aACV,yBACA,kBACA,eACA,WAAW,GACX,GAAG,MACD,GACE,CAAC,GAAM,KAAW,EAAS,EAAK,GAChC,IAAoB,EAAuB,IAAI,GAC/C,IAAY,KAAqB,GAEjC,CAAC,GAAoB,KAAyB,EAClD,KAAiB,CACnB,GAEM,KACJ,GACA,MACG;EAMH,AALI,IACF,EAAiB,CAAK,IAEtB,EAAsB,CAAK,GAE7B,EAAQ,EAAK;CACf,GAEM,UAAqB;EACzB,GAAQ,MAAY,CAAC,CAAQ;CAC/B,GAEM,KAAe,MAAiB;EAChC,EAAU,SAAS,SAAS,EAAM,MAAqB,KAI3D,EAAQ,EAAK;CACf;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACW;EACT,KAAK;EACL,cAAW;EACX,GAAI;YAJN,CAME,kBAAC,GAAD;GACE,eAAe;IACb,AAAI,IACF,EAAc,KAAiB,CAAkB,IAEjD,EAAa;GAEjB;aAEC,KAEG,EAAQ,KAAiB;EACvB,CAAA,GACR,kBAAC,GAAD;GACE,MAAK;GACL,iBAAe,IAAO,sBAAsB,KAAA;GAC5C,iBAAe,IAAO,SAAS,KAAA;GAC/B,cAAY;GACZ,iBAAc;GACd,SAAS;GACT,IAAI,EAAE,OAAO,OAAO;aAEpB,kBAAC,GAAD;IAAS,MAAM;IAAc,MAAM;GAAQ,CAAA;EACrC,CAAA,CACG;KACb,kBAAC,GAAD;EACE,IAAI,EACF,QAAQ,GACV;EACM;EACN,WAAW;EACX,UAAU,EAAU;EACpB,MAAM,KAAA;EACN,YAAA;EACA,eAAA;aAEE,EAAE,oBAAiB,mBACnB,kBAAC,GAAD;GACE,GAAI;GACJ,OAAO,EACL,iBACE,MAAc,WAAW,eAAe,gBAC5C;aAEA,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAmB,aAAa;cAC9B,kBAAC,GAAD;KAAU,IAAG;KAAoB,eAAA;eAC9B,EAAQ,KAAK,GAAQ,MACpB,kBAAC,GAAD;MAEE,UAAU,MAAU;MACpB,UAAS,MAAS,EAAoB,GAAO,CAAK;gBAEjD;KACO,GALH,CAKG,CACX;IACO,CAAA;GACO,CAAA,EACd,CAAA;EACH,CAAA;CAEF,CAAA,CACR,EAAA,CAAA;AAEN"}

package/dist/components/EntityFinder/tree/EntityTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityTree.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityFinder/tree/EntityTree.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAGL,SAAS,EACV,MAAM,iCAAiC,CAAA;AACxC,OAAO,EACL,QAAQ,EACR,cAAc,EAKf,MAAM,OAAO,CAAA;AAId,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,EACL,kCAAkC,EAEnC,MAAM,8BAA8B,CAAA;AAErC,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAA;AAC9D,OAAO,EACL,kBAAkB,EAGnB,MAAM,mBAAmB,CAAA;AAW1B,oBAAY,WAAW;IACrB,eAAe,oBAAoB;IACnC,YAAY,iBAAiB;IAC7B,aAAa,2BAA2B;IACxC,SAAS,iBAAiB;CAC3B;AA0BD;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;AAGxD,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,mBAAmB,CAAA;IACrC,gBAAgB,EAAE,mBAAmB,CAAA;IACrC,mBAAmB,EAAE,QAAQ,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC,CAAA;IAClE,YAAY,EAAE,OAAO,CAAA;IACrB,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,YAAY,CAAC,EAAE,UAAU,EAAE,CAAA;IAC3B,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAA;IAC7C,2BAA2B,CAAC,EAAE,CAC5B,aAAa,EAAE,kCAAkC,KAC9C,IAAI,CAAA;IACT,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAA;IACtD,mFAAmF;IACnF,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,YAAY,EAAE,kBAAkB,CAAA;IAChC,6CAA6C;IAC7C,eAAe,EAAE,UAAU,EAAE,CAAA;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAsVhD"}
+{"version":3,"file":"EntityTree.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityFinder/tree/EntityTree.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAGL,SAAS,EACV,MAAM,iCAAiC,CAAA;AACxC,OAAO,EACL,QAAQ,EACR,cAAc,EAKf,MAAM,OAAO,CAAA;AAId,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,EACL,kCAAkC,EAEnC,MAAM,8BAA8B,CAAA;AAErC,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAA;AAC9D,OAAO,EACL,kBAAkB,EAGnB,MAAM,mBAAmB,CAAA;AAW1B,oBAAY,WAAW;IACrB,eAAe,oBAAoB;IACnC,YAAY,iBAAiB;IAC7B,aAAa,2BAA2B;IACxC,SAAS,iBAAiB;CAC3B;AA0BD;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;AAGxD,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,mBAAmB,CAAA;IACrC,gBAAgB,EAAE,mBAAmB,CAAA;IACrC,mBAAmB,EAAE,QAAQ,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC,CAAA;IAClE,YAAY,EAAE,OAAO,CAAA;IACrB,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,YAAY,CAAC,EAAE,UAAU,EAAE,CAAA;IAC3B,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAA;IAC7C,2BAA2B,CAAC,EAAE,CAC5B,aAAa,EAAE,kCAAkC,KAC9C,IAAI,CAAA;IACT,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAA;IACtD,mFAAmF;IACnF,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,YAAY,EAAE,kBAAkB,CAAA;IAChC,6CAA6C;IAC7C,eAAe,EAAE,UAAU,EAAE,CAAA;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAkVhD"}

package/dist/components/EntityFinder/tree/EntityTree.js

@@ -64,7 +64,7 @@ function S(S) {
 		refetchInterval: Infinity,
 		throwOnError: !0
 	}), { data: Y } = a(T, {
-		enabled: !!(w && T && T.match(n)),
+		enabled: !!(w && T?.match(n)),
 		refetchInterval: Infinity,
 		throwOnError: !0
 	}), { data: X, isLoading: Z } = ee(w, void 0, {

package/dist/components/EntityFinder/tree/EntityTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityTree.js","names":[],"sources":["../../../../src/components/EntityFinder/tree/EntityTree.tsx"],"sourcesContent":["import {\n  useGetEntityHeader,\n  useGetEntityPath,\n  useGetFavorites,\n  useGetProjectsInfinite,\n} from '@/synapse-queries'\nimport useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { convertToEntityType } from '@/utils/functions/EntityTypeUtils'\nimport { SYNAPSE_ENTITY_ID_REGEX } from '@/utils/functions/RegularExpressions'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  ALL_ENTITY_BUNDLE_FIELDS,\n  EntityPath,\n  Reference,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\nimport DropdownSelect from '../../DropdownSelect/DropdownSelect'\nimport { SynapseSpinner } from '../../LoadingScreen/LoadingScreen'\nimport { displayToast } from '../../ToastMessage/ToastMessage'\nimport { BreadcrumbItem } from '../Breadcrumbs'\nimport { toEntityHeader } from '../details/configurations/ProjectListDetails'\nimport {\n  EntityDetailsListDataConfiguration,\n  EntityDetailsListDataConfigurationType,\n} from '../details/EntityDetailsList'\nimport { EntityFinderHeader } from '../EntityFinderHeader'\nimport { EntitySelectionMapType } from '../useEntitySelection'\nimport {\n  EntityTreeNodeType,\n  RootNodeConfiguration,\n  VirtualizedTree,\n} from './VirtualizedTree'\n\nconst isEntityIdInPath = (entityId: string, path: EntityPath): boolean => {\n  for (const eh of path.path) {\n    if (entityId === eh.id) {\n      return true\n    }\n  }\n  return false\n}\n\nexport enum FinderScope {\n  CURRENT_PROJECT = 'Current Project',\n  ALL_PROJECTS = 'All Projects',\n  CREATED_BY_ME = 'Projects Created By Me',\n  FAVORITES = 'My Favorites',\n}\n\nfunction getScopeOptionDefaultContainer(\n  scope: FinderScope,\n): EntityTreeContainer {\n  switch (scope) {\n    case FinderScope.FAVORITES:\n      return 'root'\n    case FinderScope.CURRENT_PROJECT:\n    case FinderScope.ALL_PROJECTS:\n    case FinderScope.CREATED_BY_ME:\n      return null\n  }\n}\n\nfunction getScopeOptionNodeName(scope: FinderScope): string {\n  switch (scope) {\n    case FinderScope.CURRENT_PROJECT:\n    case FinderScope.ALL_PROJECTS:\n    case FinderScope.CREATED_BY_ME:\n      return 'Projects'\n    case FinderScope.FAVORITES:\n      return 'Favorites'\n  }\n}\n\n/**\n * Indicates which container is selected when the tree is used to control another component. If 'root', then the top-level entities\n * should be shown in the other component. If a synID, then that entity's children should be shown in the other component. If null,\n * then a selection has not been made.\n */\nexport type EntityTreeContainer = string | 'root' | null\n\n// if the first item is selected (matching the dropdown), then output a configuration. otherwise, output a synId\nexport type EntityTreeProps = {\n  initialScope?: FinderScope\n  /** To show the current project, projectId must be defined */\n  projectId?: string\n  initialContainer: EntityTreeContainer\n  currentContainer: EntityTreeContainer\n  setCurrentContainer: Dispatch<SetStateAction<EntityTreeContainer>>\n  showDropdown: boolean\n  selectedEntities: EntitySelectionMapType\n  visibleTypes?: EntityType[]\n  toggleSelection?: (entity: Reference) => void\n  setDetailsViewConfiguration?: (\n    configuration: EntityDetailsListDataConfiguration,\n  ) => void\n  setBreadcrumbItems?: (items: BreadcrumbItem[]) => void\n  /** Determines whether to show the root node corresponding to the selected scope */\n  showScopeAsRootNode?: boolean\n  treeNodeType: EntityTreeNodeType\n  /** The entity types that may be selected. */\n  selectableTypes: EntityType[]\n  hideScopeSelector?: boolean\n}\n\n/**\n * The TreeView displays a user's entities hierarchically, allowing a user to quickly dive into an entity tree.\n *\n * The tree view currently can only be used to drive a DetailsView using the `setDetailsViewConfiguration` property.\n */\nexport function EntityTree(props: EntityTreeProps) {\n  const {\n    initialScope = FinderScope.CURRENT_PROJECT,\n    projectId,\n    initialContainer = null,\n    currentContainer,\n    setCurrentContainer,\n    visibleTypes = [EntityType.project, EntityType.folder],\n    toggleSelection,\n    selectedEntities,\n    setDetailsViewConfiguration,\n    setBreadcrumbItems,\n    showScopeAsRootNode = true,\n    treeNodeType,\n    selectableTypes,\n    hideScopeSelector = false,\n  } = props\n\n  const DEFAULT_CONFIGURATION: EntityDetailsListDataConfiguration = {\n    type: EntityDetailsListDataConfigurationType.PROMPT,\n  }\n\n  const [scope, setScope] = useState(initialScope)\n\n  useEffect(() => {\n    if (setDetailsViewConfiguration) {\n      setDetailsViewConfiguration(DEFAULT_CONFIGURATION)\n    }\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const setSelectedId = useCallback(\n    (entityId: string) => {\n      if (toggleSelection) {\n        toggleSelection({ targetId: entityId })\n      }\n      setCurrentContainer(entityId)\n    },\n    [setCurrentContainer, toggleSelection],\n  )\n\n  // For these scopes, use the `useGetProjectsInfinite` hook\n  const useProjectData =\n    scope === FinderScope.ALL_PROJECTS || scope === FinderScope.CREATED_BY_ME\n\n  const {\n    data: projectData,\n    fetchNextPage: fetchNextPageProjects,\n    hasNextPage: hasNextPageProjects,\n    isLoading: isLoadingProjects,\n  } = useGetProjectsInfinite(\n    scope === FinderScope.CREATED_BY_ME\n      ? { filter: 'CREATED', sort: 'PROJECT_NAME', sortDirection: 'ASC' }\n      : { sort: 'PROJECT_NAME', sortDirection: 'ASC' },\n    {\n      enabled: useProjectData,\n      // Don't refetch the projects. Updating the entity headers will drop all the children that VirtualizedTree has fetched\n      refetchInterval: Infinity,\n    },\n  )\n\n  const { data: currentContainerBundle, isSuccess: isSuccessBundle } =\n    useGetEntityBundle(currentContainer!, undefined, ALL_ENTITY_BUNDLE_FIELDS, {\n      enabled: !!currentContainer && currentContainer !== 'root',\n      throwOnError: true,\n    })\n\n  const { data: favorites, isLoading: isLoadingFavorites } = useGetFavorites(\n    'NAME',\n    'ASC',\n    {\n      select: data =>\n        data.filter(eh => visibleTypes.includes(convertToEntityType(eh.type))),\n      // Don't refetch the projects. Updating the entity headers will drop all the children that VirtualizedTree has fetched\n      refetchInterval: Infinity,\n      throwOnError: true,\n    },\n  )\n\n  const { data: initialContainerPath } = useGetEntityPath(initialContainer!, {\n    enabled: !!(\n      projectId &&\n      initialContainer &&\n      initialContainer.match(SYNAPSE_ENTITY_ID_REGEX)\n    ),\n    refetchInterval: Infinity,\n    throwOnError: true,\n  })\n\n  const { data: projectHeader, isLoading: isLoadingProjectHeader } =\n    useGetEntityHeader(projectId, undefined, {\n      enabled: !!(projectId ?? initialContainerPath?.path[1]?.id),\n      refetchInterval: Infinity,\n    })\n\n  useEffect(() => {\n    if (\n      FinderScope.CURRENT_PROJECT === scope &&\n      projectId &&\n      !isLoadingProjectHeader &&\n      !projectHeader\n    ) {\n      // The header wasn't returned, so the user doesn't have access to the current project\n      // Let's change the scope to something else\n      displayToast(\n        `You don't have access to the current project (${projectId}).`,\n        'warning',\n      )\n      setScope(FinderScope.CREATED_BY_ME)\n    }\n  }, [isLoadingProjectHeader, projectHeader, projectId, scope])\n\n  // Populates the first level of entities in the tree view\n  const {\n    topLevelEntities,\n    isLoading,\n  }: {\n    topLevelEntities: Pick<EntityFinderHeader, 'name' | 'id' | 'type'>[]\n    isLoading: boolean\n  } = useMemo(() => {\n    let topLevelEntities: Pick<EntityFinderHeader, 'name' | 'id' | 'type'>[] =\n      []\n    let isLoading: boolean = false\n    switch (scope) {\n      case FinderScope.ALL_PROJECTS:\n      case FinderScope.CREATED_BY_ME:\n        if (projectData) {\n          topLevelEntities = projectData.pages\n            .flatMap(page => page.results)\n            .map(toEntityHeader)\n        }\n        isLoading = isLoadingProjects\n        break\n      case FinderScope.FAVORITES: {\n        topLevelEntities = favorites ?? []\n        isLoading = isLoadingFavorites\n        break\n      }\n      case FinderScope.CURRENT_PROJECT:\n        if (projectHeader) {\n          // use projectHeader as topLevelEntities\n          topLevelEntities = [projectHeader]\n          isLoading = isLoadingProjectHeader\n        }\n        break\n      default:\n        throw new Error('No scope selected')\n    }\n    return { topLevelEntities, isLoading }\n  }, [\n    favorites,\n    isLoadingFavorites,\n    isLoadingProjectHeader,\n    isLoadingProjects,\n    projectData,\n    projectHeader,\n    scope,\n  ])\n\n  // Creates the configuration for the details view and invokes the callback\n  useEffect(() => {\n    if (setDetailsViewConfiguration || setBreadcrumbItems) {\n      let detailsViewConfig: EntityDetailsListDataConfiguration\n      let breadcrumbItems: BreadcrumbItem[] = []\n      if (currentContainer === null) {\n        detailsViewConfig = {\n          type: EntityDetailsListDataConfigurationType.PROMPT,\n        }\n        breadcrumbItems = []\n      } else if (currentContainer === 'root') {\n        switch (scope) {\n          case FinderScope.ALL_PROJECTS:\n            detailsViewConfig = {\n              type: EntityDetailsListDataConfigurationType.USER_PROJECTS,\n            }\n            break\n          case FinderScope.CREATED_BY_ME:\n            detailsViewConfig = {\n              type: EntityDetailsListDataConfigurationType.USER_PROJECTS,\n              getProjectParams: {\n                filter: 'CREATED',\n              },\n            }\n            break\n          case FinderScope.CURRENT_PROJECT:\n            detailsViewConfig = {\n              type: EntityDetailsListDataConfigurationType.HEADER_LIST,\n              headerList: topLevelEntities,\n            }\n            break\n          case FinderScope.FAVORITES:\n            detailsViewConfig = {\n              type: EntityDetailsListDataConfigurationType.USER_FAVORITES,\n            }\n            break\n        }\n        breadcrumbItems = [\n          {\n            name: scope,\n            isCurrent: true,\n            action: () => {\n              setCurrentContainer('root')\n            },\n          },\n        ]\n      } else {\n        detailsViewConfig = {\n          type: EntityDetailsListDataConfigurationType.PARENT_CONTAINER,\n          parentContainerId: currentContainer,\n        }\n        if (currentContainerBundle) {\n          breadcrumbItems = [\n            {\n              name: scope,\n              isCurrent: false,\n              action: () => {\n                setCurrentContainer('root')\n              },\n            },\n            ...currentContainerBundle.path.path\n              .slice(1) // Remove the root entity, syn4489\n              .map(entity => {\n                return {\n                  name: entity.name ?? entity.id,\n                  isCurrent: entity.id === currentContainer,\n                  action: () => {\n                    setCurrentContainer(entity.id)\n                  },\n                }\n              }),\n          ]\n        }\n      }\n      if (setDetailsViewConfiguration) {\n        setDetailsViewConfiguration(detailsViewConfig)\n      }\n      if (setBreadcrumbItems) {\n        setBreadcrumbItems(breadcrumbItems)\n      }\n    }\n  }, [\n    scope,\n    currentContainer,\n    topLevelEntities,\n    setDetailsViewConfiguration,\n    setBreadcrumbItems,\n    currentContainerBundle,\n    isSuccessBundle,\n    setCurrentContainer,\n  ])\n\n  const rootNodeConfiguration: RootNodeConfiguration = useMemo(\n    () => ({\n      show: showScopeAsRootNode,\n      nodeText: getScopeOptionNodeName(scope),\n      children: topLevelEntities,\n      fetchNextPage: async () => {\n        await fetchNextPageProjects()\n      },\n      hasNextPage: useProjectData && hasNextPageProjects && !isLoadingProjects,\n    }),\n    [\n      showScopeAsRootNode,\n      scope,\n      topLevelEntities,\n      useProjectData,\n      hasNextPageProjects,\n      isLoadingProjects,\n      fetchNextPageProjects,\n    ],\n  )\n\n  const shouldAutoExpand = useCallback(\n    (entityId: string) => {\n      if (entityId === 'root') {\n        return true\n      } else {\n        return !!(\n          scope === FinderScope.CURRENT_PROJECT &&\n          initialContainerPath &&\n          isEntityIdInPath(entityId, initialContainerPath)\n        )\n      }\n    },\n    [scope, initialContainerPath],\n  )\n\n  const filteredOptions = Object.values(FinderScope).filter(\n    scopeOption =>\n      !(scopeOption === FinderScope.CURRENT_PROJECT && projectId == null),\n  )\n\n  const selectedIndex = filteredOptions.indexOf(scope)\n\n  return (\n    <div\n      className={`TreeView ${\n        treeNodeType === EntityTreeNodeType.SINGLE_PANE\n          ? 'SelectTree'\n          : 'BrowseTree'\n      }`}\n    >\n      {!hideScopeSelector && (\n        <div className=\"Header\" onClick={e => e.stopPropagation()}>\n          <DropdownSelect\n            variant={'outlined'}\n            options={filteredOptions}\n            selectedIndex={selectedIndex}\n            setSelectedIndex={index => {\n              const selectedScope = filteredOptions[index]\n              if (scope !== selectedScope) {\n                setScope(selectedScope)\n                setCurrentContainer(\n                  getScopeOptionDefaultContainer(selectedScope),\n                )\n              }\n            }}\n            size=\"small\"\n            fullWidth\n          />\n        </div>\n      )}\n      {isLoading ? (\n        <div className=\"Placeholder\">\n          <SynapseSpinner size={30} />\n        </div>\n      ) : (\n        <div className=\"Tree\" role=\"tree\">\n          <VirtualizedTree\n            selected={selectedEntities}\n            visibleTypes={visibleTypes}\n            autoExpand={shouldAutoExpand}\n            rootNodeConfiguration={rootNodeConfiguration}\n            treeNodeType={treeNodeType}\n            selectableTypes={selectableTypes}\n            currentContainer={currentContainer}\n            setSelectedId={setSelectedId}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"EntityTree.js","names":[],"sources":["../../../../src/components/EntityFinder/tree/EntityTree.tsx"],"sourcesContent":["import {\n  useGetEntityHeader,\n  useGetEntityPath,\n  useGetFavorites,\n  useGetProjectsInfinite,\n} from '@/synapse-queries'\nimport useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { convertToEntityType } from '@/utils/functions/EntityTypeUtils'\nimport { SYNAPSE_ENTITY_ID_REGEX } from '@/utils/functions/RegularExpressions'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  ALL_ENTITY_BUNDLE_FIELDS,\n  EntityPath,\n  Reference,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\nimport DropdownSelect from '../../DropdownSelect/DropdownSelect'\nimport { SynapseSpinner } from '../../LoadingScreen/LoadingScreen'\nimport { displayToast } from '../../ToastMessage/ToastMessage'\nimport { BreadcrumbItem } from '../Breadcrumbs'\nimport { toEntityHeader } from '../details/configurations/ProjectListDetails'\nimport {\n  EntityDetailsListDataConfiguration,\n  EntityDetailsListDataConfigurationType,\n} from '../details/EntityDetailsList'\nimport { EntityFinderHeader } from '../EntityFinderHeader'\nimport { EntitySelectionMapType } from '../useEntitySelection'\nimport {\n  EntityTreeNodeType,\n  RootNodeConfiguration,\n  VirtualizedTree,\n} from './VirtualizedTree'\n\nconst isEntityIdInPath = (entityId: string, path: EntityPath): boolean => {\n  for (const eh of path.path) {\n    if (entityId === eh.id) {\n      return true\n    }\n  }\n  return false\n}\n\nexport enum FinderScope {\n  CURRENT_PROJECT = 'Current Project',\n  ALL_PROJECTS = 'All Projects',\n  CREATED_BY_ME = 'Projects Created By Me',\n  FAVORITES = 'My Favorites',\n}\n\nfunction getScopeOptionDefaultContainer(\n  scope: FinderScope,\n): EntityTreeContainer {\n  switch (scope) {\n    case FinderScope.FAVORITES:\n      return 'root'\n    case FinderScope.CURRENT_PROJECT:\n    case FinderScope.ALL_PROJECTS:\n    case FinderScope.CREATED_BY_ME:\n      return null\n  }\n}\n\nfunction getScopeOptionNodeName(scope: FinderScope): string {\n  switch (scope) {\n    case FinderScope.CURRENT_PROJECT:\n    case FinderScope.ALL_PROJECTS:\n    case FinderScope.CREATED_BY_ME:\n      return 'Projects'\n    case FinderScope.FAVORITES:\n      return 'Favorites'\n  }\n}\n\n/**\n * Indicates which container is selected when the tree is used to control another component. If 'root', then the top-level entities\n * should be shown in the other component. If a synID, then that entity's children should be shown in the other component. If null,\n * then a selection has not been made.\n */\nexport type EntityTreeContainer = string | 'root' | null\n\n// if the first item is selected (matching the dropdown), then output a configuration. otherwise, output a synId\nexport type EntityTreeProps = {\n  initialScope?: FinderScope\n  /** To show the current project, projectId must be defined */\n  projectId?: string\n  initialContainer: EntityTreeContainer\n  currentContainer: EntityTreeContainer\n  setCurrentContainer: Dispatch<SetStateAction<EntityTreeContainer>>\n  showDropdown: boolean\n  selectedEntities: EntitySelectionMapType\n  visibleTypes?: EntityType[]\n  toggleSelection?: (entity: Reference) => void\n  setDetailsViewConfiguration?: (\n    configuration: EntityDetailsListDataConfiguration,\n  ) => void\n  setBreadcrumbItems?: (items: BreadcrumbItem[]) => void\n  /** Determines whether to show the root node corresponding to the selected scope */\n  showScopeAsRootNode?: boolean\n  treeNodeType: EntityTreeNodeType\n  /** The entity types that may be selected. */\n  selectableTypes: EntityType[]\n  hideScopeSelector?: boolean\n}\n\n/**\n * The TreeView displays a user's entities hierarchically, allowing a user to quickly dive into an entity tree.\n *\n * The tree view currently can only be used to drive a DetailsView using the `setDetailsViewConfiguration` property.\n */\nexport function EntityTree(props: EntityTreeProps) {\n  const {\n    initialScope = FinderScope.CURRENT_PROJECT,\n    projectId,\n    initialContainer = null,\n    currentContainer,\n    setCurrentContainer,\n    visibleTypes = [EntityType.project, EntityType.folder],\n    toggleSelection,\n    selectedEntities,\n    setDetailsViewConfiguration,\n    setBreadcrumbItems,\n    showScopeAsRootNode = true,\n    treeNodeType,\n    selectableTypes,\n    hideScopeSelector = false,\n  } = props\n\n  const DEFAULT_CONFIGURATION: EntityDetailsListDataConfiguration = {\n    type: EntityDetailsListDataConfigurationType.PROMPT,\n  }\n\n  const [scope, setScope] = useState(initialScope)\n\n  useEffect(() => {\n    if (setDetailsViewConfiguration) {\n      setDetailsViewConfiguration(DEFAULT_CONFIGURATION)\n    }\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const setSelectedId = useCallback(\n    (entityId: string) => {\n      if (toggleSelection) {\n        toggleSelection({ targetId: entityId })\n      }\n      setCurrentContainer(entityId)\n    },\n    [setCurrentContainer, toggleSelection],\n  )\n\n  // For these scopes, use the `useGetProjectsInfinite` hook\n  const useProjectData =\n    scope === FinderScope.ALL_PROJECTS || scope === FinderScope.CREATED_BY_ME\n\n  const {\n    data: projectData,\n    fetchNextPage: fetchNextPageProjects,\n    hasNextPage: hasNextPageProjects,\n    isLoading: isLoadingProjects,\n  } = useGetProjectsInfinite(\n    scope === FinderScope.CREATED_BY_ME\n      ? { filter: 'CREATED', sort: 'PROJECT_NAME', sortDirection: 'ASC' }\n      : { sort: 'PROJECT_NAME', sortDirection: 'ASC' },\n    {\n      enabled: useProjectData,\n      // Don't refetch the projects. Updating the entity headers will drop all the children that VirtualizedTree has fetched\n      refetchInterval: Infinity,\n    },\n  )\n\n  const { data: currentContainerBundle, isSuccess: isSuccessBundle } =\n    useGetEntityBundle(currentContainer!, undefined, ALL_ENTITY_BUNDLE_FIELDS, {\n      enabled: !!currentContainer && currentContainer !== 'root',\n      throwOnError: true,\n    })\n\n  const { data: favorites, isLoading: isLoadingFavorites } = useGetFavorites(\n    'NAME',\n    'ASC',\n    {\n      select: data =>\n        data.filter(eh => visibleTypes.includes(convertToEntityType(eh.type))),\n      // Don't refetch the projects. Updating the entity headers will drop all the children that VirtualizedTree has fetched\n      refetchInterval: Infinity,\n      throwOnError: true,\n    },\n  )\n\n  const { data: initialContainerPath } = useGetEntityPath(initialContainer!, {\n    enabled: !!(projectId && initialContainer?.match(SYNAPSE_ENTITY_ID_REGEX)),\n    refetchInterval: Infinity,\n    throwOnError: true,\n  })\n\n  const { data: projectHeader, isLoading: isLoadingProjectHeader } =\n    useGetEntityHeader(projectId, undefined, {\n      enabled: !!(projectId ?? initialContainerPath?.path[1]?.id),\n      refetchInterval: Infinity,\n    })\n\n  useEffect(() => {\n    if (\n      FinderScope.CURRENT_PROJECT === scope &&\n      projectId &&\n      !isLoadingProjectHeader &&\n      !projectHeader\n    ) {\n      // The header wasn't returned, so the user doesn't have access to the current project\n      // Let's change the scope to something else\n      displayToast(\n        `You don't have access to the current project (${projectId}).`,\n        'warning',\n      )\n      setScope(FinderScope.CREATED_BY_ME)\n    }\n  }, [isLoadingProjectHeader, projectHeader, projectId, scope])\n\n  // Populates the first level of entities in the tree view\n  const {\n    topLevelEntities,\n    isLoading,\n  }: {\n    topLevelEntities: Pick<EntityFinderHeader, 'name' | 'id' | 'type'>[]\n    isLoading: boolean\n  } = useMemo(() => {\n    let topLevelEntities: Pick<EntityFinderHeader, 'name' | 'id' | 'type'>[] =\n      []\n    let isLoading: boolean = false\n    switch (scope) {\n      case FinderScope.ALL_PROJECTS:\n      case FinderScope.CREATED_BY_ME:\n        if (projectData) {\n          topLevelEntities = projectData.pages\n            .flatMap(page => page.results)\n            .map(toEntityHeader)\n        }\n        isLoading = isLoadingProjects\n        break\n      case FinderScope.FAVORITES: {\n        topLevelEntities = favorites ?? []\n        isLoading = isLoadingFavorites\n        break\n      }\n      case FinderScope.CURRENT_PROJECT:\n        if (projectHeader) {\n          // use projectHeader as topLevelEntities\n          topLevelEntities = [projectHeader]\n          isLoading = isLoadingProjectHeader\n        }\n        break\n      default:\n        throw new Error('No scope selected')\n    }\n    return { topLevelEntities, isLoading }\n  }, [\n    favorites,\n    isLoadingFavorites,\n    isLoadingProjectHeader,\n    isLoadingProjects,\n    projectData,\n    projectHeader,\n    scope,\n  ])\n\n  // Creates the configuration for the details view and invokes the callback\n  useEffect(() => {\n    if (setDetailsViewConfiguration || setBreadcrumbItems) {\n      let detailsViewConfig: EntityDetailsListDataConfiguration\n      let breadcrumbItems: BreadcrumbItem[] = []\n      if (currentContainer === null) {\n        detailsViewConfig = {\n          type: EntityDetailsListDataConfigurationType.PROMPT,\n        }\n        breadcrumbItems = []\n      } else if (currentContainer === 'root') {\n        switch (scope) {\n          case FinderScope.ALL_PROJECTS:\n            detailsViewConfig = {\n              type: EntityDetailsListDataConfigurationType.USER_PROJECTS,\n            }\n            break\n          case FinderScope.CREATED_BY_ME:\n            detailsViewConfig = {\n              type: EntityDetailsListDataConfigurationType.USER_PROJECTS,\n              getProjectParams: {\n                filter: 'CREATED',\n              },\n            }\n            break\n          case FinderScope.CURRENT_PROJECT:\n            detailsViewConfig = {\n              type: EntityDetailsListDataConfigurationType.HEADER_LIST,\n              headerList: topLevelEntities,\n            }\n            break\n          case FinderScope.FAVORITES:\n            detailsViewConfig = {\n              type: EntityDetailsListDataConfigurationType.USER_FAVORITES,\n            }\n            break\n        }\n        breadcrumbItems = [\n          {\n            name: scope,\n            isCurrent: true,\n            action: () => {\n              setCurrentContainer('root')\n            },\n          },\n        ]\n      } else {\n        detailsViewConfig = {\n          type: EntityDetailsListDataConfigurationType.PARENT_CONTAINER,\n          parentContainerId: currentContainer,\n        }\n        if (currentContainerBundle) {\n          breadcrumbItems = [\n            {\n              name: scope,\n              isCurrent: false,\n              action: () => {\n                setCurrentContainer('root')\n              },\n            },\n            ...currentContainerBundle.path.path\n              .slice(1) // Remove the root entity, syn4489\n              .map(entity => {\n                return {\n                  name: entity.name ?? entity.id,\n                  isCurrent: entity.id === currentContainer,\n                  action: () => {\n                    setCurrentContainer(entity.id)\n                  },\n                }\n              }),\n          ]\n        }\n      }\n      if (setDetailsViewConfiguration) {\n        setDetailsViewConfiguration(detailsViewConfig)\n      }\n      if (setBreadcrumbItems) {\n        setBreadcrumbItems(breadcrumbItems)\n      }\n    }\n  }, [\n    scope,\n    currentContainer,\n    topLevelEntities,\n    setDetailsViewConfiguration,\n    setBreadcrumbItems,\n    currentContainerBundle,\n    isSuccessBundle,\n    setCurrentContainer,\n  ])\n\n  const rootNodeConfiguration: RootNodeConfiguration = useMemo(\n    () => ({\n      show: showScopeAsRootNode,\n      nodeText: getScopeOptionNodeName(scope),\n      children: topLevelEntities,\n      fetchNextPage: async () => {\n        await fetchNextPageProjects()\n      },\n      hasNextPage: useProjectData && hasNextPageProjects && !isLoadingProjects,\n    }),\n    [\n      showScopeAsRootNode,\n      scope,\n      topLevelEntities,\n      useProjectData,\n      hasNextPageProjects,\n      isLoadingProjects,\n      fetchNextPageProjects,\n    ],\n  )\n\n  const shouldAutoExpand = useCallback(\n    (entityId: string) => {\n      if (entityId === 'root') {\n        return true\n      } else {\n        return !!(\n          scope === FinderScope.CURRENT_PROJECT &&\n          initialContainerPath &&\n          isEntityIdInPath(entityId, initialContainerPath)\n        )\n      }\n    },\n    [scope, initialContainerPath],\n  )\n\n  const filteredOptions = Object.values(FinderScope).filter(\n    scopeOption =>\n      !(scopeOption === FinderScope.CURRENT_PROJECT && projectId == null),\n  )\n\n  const selectedIndex = filteredOptions.indexOf(scope)\n\n  return (\n    <div\n      className={`TreeView ${\n        treeNodeType === EntityTreeNodeType.SINGLE_PANE\n          ? 'SelectTree'\n          : 'BrowseTree'\n      }`}\n    >\n      {!hideScopeSelector && (\n        <div className=\"Header\" onClick={e => e.stopPropagation()}>\n          <DropdownSelect\n            variant={'outlined'}\n            options={filteredOptions}\n            selectedIndex={selectedIndex}\n            setSelectedIndex={index => {\n              const selectedScope = filteredOptions[index]\n              if (scope !== selectedScope) {\n                setScope(selectedScope)\n                setCurrentContainer(\n                  getScopeOptionDefaultContainer(selectedScope),\n                )\n              }\n            }}\n            size=\"small\"\n            fullWidth\n          />\n        </div>\n      )}\n      {isLoading ? (\n        <div className=\"Placeholder\">\n          <SynapseSpinner size={30} />\n        </div>\n      ) : (\n        <div className=\"Tree\" role=\"tree\">\n          <VirtualizedTree\n            selected={selectedEntities}\n            visibleTypes={visibleTypes}\n            autoExpand={shouldAutoExpand}\n            rootNodeConfiguration={rootNodeConfiguration}\n            treeNodeType={treeNodeType}\n            selectableTypes={selectableTypes}\n            currentContainer={currentContainer}\n            setSelectedId={setSelectedId}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/EntityFinder/tree/VirtualizedTree.js

@@ -39,7 +39,7 @@ function M(e) {
 	return k(e) ? !1 : j(e) ? e.hasNextPage : e.children == null || e.childrenNextPageToken != null;
 }
 function N(e) {
-	return k(e) ? !0 : j(e) ? !1 : !n(t(e)) || e.children != null && e.children.length === 0;
+	return k(e) ? !0 : j(e) ? !1 : !n(t(e)) || e.children?.length === 0;
 }
 function P(e) {
 	return k(e) ? !1 : j(e) ? e.children.length > 0 || e.hasNextPage : !N(e);

package/dist/components/EntityFinder/tree/VirtualizedTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedTree.js","names":[],"sources":["../../../../src/components/EntityFinder/tree/VirtualizedTree.tsx"],"sourcesContent":["import React from 'react'\nimport { getEntityChildren } from '@/synapse-client'\nimport { useSynapseContext } from '@/utils'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  getEntityTypeFromHeader,\n  isContainerType,\n} from '@/utils/functions/EntityTypeUtils'\nimport { Writable } from '@/utils/types/Writable'\nimport { ChevronRight, ExpandMore } from '@mui/icons-material'\nimport { Skeleton, Tooltip, Typography } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { EntityChildrenRequest } from '@sage-bionetworks/synapse-types'\nimport { useQueryClient } from '@tanstack/react-query'\nimport dayjs from 'dayjs'\nimport { cloneDeep } from 'lodash-es'\nimport { ReactNode, useCallback, useEffect, useRef, useState } from 'react'\nimport { useInView } from 'react-intersection-observer'\nimport AutoSizer from 'react-virtualized-auto-sizer'\nimport {\n  TreeWalker,\n  TreeWalkerValue,\n  VariableSizeNodeData,\n  VariableSizeNodePublicState,\n  VariableSizeTree,\n} from 'react-vtree'\nimport { NodeComponentProps } from 'react-vtree/dist/es/Tree'\nimport { EntityBadgeIcons } from '../../EntityBadgeIcons'\nimport { EntityTypeIcon } from '../../EntityIcon'\nimport { SynapseSpinner } from '../../LoadingScreen/LoadingScreen'\nimport { UserBadge } from '../../UserCard/UserBadge'\nimport { EntityFinderHeader } from '../EntityFinderHeader'\nimport { EntitySelectionMapType } from '../useEntitySelection'\n\nexport enum EntityTreeNodeType {\n  /** The tree component's appearance and interactions will facilitate selection. Nodes will be larger and styles will indicate primary selection */\n  SINGLE_PANE,\n  /** The tree component's appearance and interactions will facilitate browsing. Nodes will be smaller and styles will indicate secondary selection */\n  DUAL_PANE,\n}\n\ntype NodeChildren = Readonly<{\n  /** The node's children. If undefined, then children have not been fetched. */\n  children?: EntityHeaderNode[]\n  /** The token used to fetch the next page of children for this entity. If this property is nullish and children is defined, then all children have been fetched. */\n  childrenNextPageToken?: string | null\n}>\n\nexport type EntityHeaderNode = (\n  | EntityFinderHeader\n  // Only will have a subset of fields if the node is fetched via the entity path:\n  | Pick<EntityFinderHeader, 'id' | 'name' | 'type'>\n) &\n  NodeChildren\ntype PaginationNode = { __paginationNode: true }\n\ntype TreeNode = EntityHeaderNode | RootNodeConfiguration | PaginationNode\n\nfunction getTreeNodeType(\n  node: TreeNode,\n): 'entityHeader' | 'rootNodeConfiguration' | 'pagination' {\n  if ('__paginationNode' in node) {\n    return 'pagination'\n  }\n  return 'id' in node ? 'entityHeader' : 'rootNodeConfiguration'\n}\n\nfunction isPaginationNode(node: TreeNode): node is PaginationNode {\n  return getTreeNodeType(node) === 'pagination'\n}\n\nfunction isEntityHeaderNode(node: TreeNode): node is EntityHeaderNode {\n  return getTreeNodeType(node) === 'entityHeader'\n}\n\nfunction isRootNodeConfiguration(\n  node: TreeNode,\n): node is RootNodeConfiguration {\n  return getTreeNodeType(node) === 'rootNodeConfiguration'\n}\n\nfunction hasMoreChildren(node: TreeNode) {\n  if (isPaginationNode(node)) {\n    return false\n  } else if (isRootNodeConfiguration(node)) {\n    return node.hasNextPage\n  }\n\n  return node.children == null || node.childrenNextPageToken != null\n}\n\nfunction isLeafNode(node: TreeNode) {\n  if (isPaginationNode(node)) {\n    return true\n  } else if (isRootNodeConfiguration(node)) {\n    return false\n  } else {\n    return (\n      // Entity is not a container\n      !isContainerType(getEntityTypeFromHeader(node)) ||\n      // OR Children have been fetched (nonnull) and there are 0 children\n      (node.children != null && node.children.length === 0)\n    )\n  }\n}\n\nfunction maybeHasChildren(\n  node: TreeNode,\n): node is RootNodeConfiguration | EntityHeaderNode {\n  if (isPaginationNode(node)) {\n    return false\n  } else if (isRootNodeConfiguration(node)) {\n    return node.children.length > 0 || node.hasNextPage\n  } else {\n    return !isLeafNode(node)\n  }\n}\n\nexport type TreeData = VariableSizeNodeData &\n  Readonly<{\n    node: TreeNode\n    getNextPageOfChildren: () => Promise<void>\n    isLeaf: boolean\n    nestingLevel: number\n    setSelectedId: (entityId: string) => void\n    treeNodeType: EntityTreeNodeType\n    isSelected: boolean\n    isDisabled: boolean\n  }>\n\ntype NodeMeta = Readonly<{\n  nestingLevel: number\n  node: TreeNode\n}>\n\nexport type RootNodeConfiguration = {\n  show: boolean\n  nodeText: string\n  children: EntityHeaderNode[]\n  /** If undefined, no more entities to fetch */\n  fetchNextPage: () => Promise<void>\n  hasNextPage: boolean\n}\n\n/**\n * Converts a TreeNode and related data into a TreeWalkerValue that react-vtree can use to render the tree.\n * Exported for testing purposes only.\n * @param config\n * @returns\n */\nexport const getNodeData = (config: {\n  node: TreeNode\n  nestingLevel: number\n  getNextPageOfChildren: () => Promise<void>\n  setSelectedId: (entityId: string) => void\n  treeNodeType: EntityTreeNodeType\n  selected: EntitySelectionMapType\n  selectableTypes: EntityType[]\n  autoExpand: (entityId: string) => boolean\n  defaultHeight: number\n  currentContainer?: string | 'root' | null\n}): TreeWalkerValue<TreeData, NodeMeta> => {\n  const {\n    node,\n    nestingLevel,\n    getNextPageOfChildren,\n    setSelectedId,\n    treeNodeType,\n    selected,\n    selectableTypes,\n    autoExpand,\n    defaultHeight,\n    currentContainer,\n  } = config\n\n  if (isPaginationNode(node)) {\n    throw new Error('Cannot create data for a pagination node')\n  }\n\n  const id = isRootNodeConfiguration(node) ? 'root' : node.id\n\n  const isSelected =\n    treeNodeType === EntityTreeNodeType.SINGLE_PANE\n      ? selected.has(id)\n      : currentContainer === id\n  const isDisabled =\n    !isRootNodeConfiguration(node) &&\n    !selectableTypes.includes(getEntityTypeFromHeader(node))\n\n  const isOpenByDefault = autoExpand(id)\n  /*\n   * If the node is open by default and we haven't fetched its children,\n   * fetch the first page (otherwise we won't fetch unless re-toggled)\n   */\n  if (isOpenByDefault && node.children == null && hasMoreChildren(node)) {\n    getNextPageOfChildren()\n  }\n\n  return {\n    data: {\n      node,\n      getNextPageOfChildren,\n      id: id,\n      isLeaf: isLeafNode(node),\n      isOpenByDefault: isOpenByDefault,\n      nestingLevel,\n      setSelectedId,\n      treeNodeType,\n      isSelected,\n      isDisabled,\n      defaultHeight,\n    },\n    nestingLevel,\n    node,\n  }\n}\n\n/**\n * Node component for the react-vtree virtualized tree. Exported only for testing purposes\n */\nexport function Node(\n  props: NodeComponentProps<TreeData, VariableSizeNodePublicState<TreeData>>,\n) {\n  const {\n    data: {\n      node,\n      getNextPageOfChildren,\n      isLeaf,\n      id,\n      nestingLevel,\n      setSelectedId,\n      treeNodeType,\n      isSelected,\n      isDisabled,\n    },\n    isOpen,\n    style,\n    setOpen,\n  } = props\n\n  const [isLoading, setLoading] = useState(false)\n\n  const nodeText = isEntityHeaderNode(node) ? (\n    <span>{node.name}</span>\n  ) : isRootNodeConfiguration(node) ? (\n    <span>{node.nodeText}</span>\n  ) : (\n    // Pagination node\n    <Skeleton width={100} />\n  )\n\n  // We only use this for pagination nodes. If the pagination node comes into view, then immediately call `getNextPageOfChildren`\n  const { ref, inView } = useInView()\n\n  useEffect(() => {\n    if (isPaginationNode(node) && inView) {\n      getNextPageOfChildren()\n    }\n  }, [node, inView, getNextPageOfChildren])\n\n  const toggleExpand = useCallback(async () => {\n    if (hasMoreChildren(node)) {\n      setLoading(true)\n      await getNextPageOfChildren()\n      await setOpen(!isOpen)\n      setLoading(false)\n    } else {\n      await setOpen(!isOpen)\n    }\n  }, [getNextPageOfChildren, node, isOpen, setOpen])\n\n  /**\n   * If in the dual-pane view, expand a node when it becomes selected\n   */\n  useEffect(() => {\n    if (\n      treeNodeType === EntityTreeNodeType.DUAL_PANE &&\n      isSelected &&\n      !isOpen\n    ) {\n      toggleExpand()\n    }\n    // Intentionally only toggle the expanded state when isSelected changes, otherwise the node cannot be un-expanded\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [isSelected])\n\n  /**\n   * If the height is 0, the node is purposefully hidden. Just render a fragment.\n   */\n  if ('height' in style && style.height === 0) {\n    return <></>\n  }\n\n  let tooltipContent: ReactNode = ''\n  if (isEntityHeaderNode(node)) {\n    tooltipContent = (\n      <div style={{ textAlign: 'center' }}>\n        <Typography\n          component=\"span\"\n          variant=\"smallText1\"\n          sx={{\n            display: 'inline',\n          }}\n        >\n          {node.name}\n          <br />\n          <b>ID: </b>\n          {node.id}\n          {'modifiedBy' in node && (\n            <>\n              <br />\n              <b>Modified By: </b>\n              <UserBadge\n                userId={node.modifiedBy.toString()}\n                showFullName\n                disableLink\n                showCardOnHover={false}\n              />\n            </>\n          )}\n          {'modifiedOn' in node && (\n            <>\n              <br />\n              <b>Modified On: </b>\n              {formatDate(dayjs(node.modifiedOn))}\n            </>\n          )}\n        </Typography>\n      </div>\n    )\n  }\n\n  const ExpandIcon = isOpen ? ExpandMore : ChevronRight\n\n  return (\n    <div\n      className={`Node ${\n        treeNodeType === EntityTreeNodeType.SINGLE_PANE\n          ? 'SelectNode'\n          : 'BrowseNode'\n      }`}\n      aria-selected={isSelected}\n      aria-disabled={isDisabled}\n      onClick={event => {\n        event.stopPropagation()\n        if (!isDisabled) {\n          setSelectedId(id)\n        }\n      }}\n      style={{\n        ...style,\n        paddingLeft: `${nestingLevel * 20}px`,\n      }}\n    >\n      {!isLeaf && (\n        <>\n          {isLoading ? (\n            <SynapseSpinner size={10} />\n          ) : (\n            <button\n              aria-label={isOpen ? 'Collapse' : 'Expand'}\n              onClick={event => {\n                event.stopPropagation()\n                toggleExpand()\n              }}\n            >\n              <ExpandIcon className=\"ExpandButton\" />\n            </button>\n          )}\n        </>\n      )}\n      {treeNodeType === EntityTreeNodeType.SINGLE_PANE && ( // SWC-5592\n        <div className=\"EntityIcon\">\n          {isEntityHeaderNode(node) && (\n            <EntityTypeIcon type={getEntityTypeFromHeader(node)} />\n          )}\n        </div>\n      )}\n\n      <Tooltip title={tooltipContent} placement=\"right\">\n        <div className=\"EntityName\" ref={ref}>\n          {nodeText}\n        </div>\n      </Tooltip>\n\n      {treeNodeType === EntityTreeNodeType.SINGLE_PANE && (\n        <EntityBadgeIcons\n          entityId={id}\n          showHasDiscussionThread={false}\n          showHasWiki={false}\n          showUnlink={false}\n          canOpenModal={false}\n        />\n      )}\n    </div>\n  )\n}\n\n/**\n * Extracted from the React component for testing purposes\n * @returns a generator function compatible with react-vtree\n */\nexport function getTreeWalkerFunction(\n  rootNode: RootNodeConfiguration,\n  setSelectedId: VirtualizedTreeProps['setSelectedId'],\n  treeNodeType: VirtualizedTreeProps['treeNodeType'],\n  selected: VirtualizedTreeProps['selected'],\n  selectableTypes: VirtualizedTreeProps['selectableTypes'],\n  autoExpand: VirtualizedTreeProps['autoExpand'],\n  itemSize: (index?: number) => number,\n  currentContainer: VirtualizedTreeProps['currentContainer'],\n  fetchNextPageOfChildren: (node: Writable<EntityHeaderNode>) => Promise<void>,\n): TreeWalker<TreeData, NodeMeta> {\n  return function* treeWalker() {\n    // Step [1]: Define the root node of our tree.\n    yield getNodeData({\n      node: rootNode,\n      nestingLevel: 0,\n      getNextPageOfChildren: rootNode.fetchNextPage,\n      setSelectedId,\n      treeNodeType,\n      selected,\n      selectableTypes,\n      autoExpand,\n      defaultHeight: itemSize(),\n      currentContainer,\n    })\n\n    while (true) {\n      // Step [2]: Get the parent node and nesting level, which will be passed into the Generator.next function by react-vtree.\n      // Yielding `undefined` indicates to react-vtree that we've finished iterating children from the last time we were in the loop.\n      const parentMeta = yield\n\n      if (maybeHasChildren(parentMeta.node)) {\n        // Step [3]: Yielding all the known children of the parent\n        if (parentMeta.node.children) {\n          for (let i = 0; i < parentMeta.node.children.length; i++) {\n            const childNode = parentMeta.node.children[i]\n\n            yield getNodeData({\n              node: childNode,\n              nestingLevel: parentMeta.nestingLevel + 1,\n              getNextPageOfChildren: () => fetchNextPageOfChildren(childNode),\n              setSelectedId,\n              treeNodeType,\n              selected,\n              selectableTypes,\n              autoExpand,\n              defaultHeight: itemSize(),\n              currentContainer,\n            })\n          }\n        }\n\n        // Step [4] - If the parent node has more children, render a \"pagination node\" that will fetch more children when it comes into view (via intersection observer)\n        if (hasMoreChildren(parentMeta.node)) {\n          const paginationNode: PaginationNode = {\n            __paginationNode: true,\n          }\n          const paginationTreeWalkerValue: TreeWalkerValue<TreeData, NodeMeta> =\n            {\n              data: {\n                id: parentMeta.data.id + '-pagination',\n                node: paginationNode,\n                isOpenByDefault: false,\n                getNextPageOfChildren: parentMeta.data.getNextPageOfChildren,\n                isLeaf: true,\n                isSelected: false,\n                defaultHeight: itemSize(),\n                isDisabled: true,\n                nestingLevel: parentMeta.nestingLevel + 1,\n                setSelectedId: () => {},\n                treeNodeType,\n              },\n              nestingLevel: parentMeta.nestingLevel + 1,\n              node: {\n                __paginationNode: true,\n              },\n            }\n          yield paginationTreeWalkerValue\n        }\n      }\n    }\n  }\n}\n\nexport type VirtualizedTreeProps = Readonly<{\n  treeNodeType: EntityTreeNodeType\n  rootNodeConfiguration: RootNodeConfiguration\n  setSelectedId: (entityId: string) => void\n  selected: EntitySelectionMapType\n  /* currentContainer is the container whose contents are shown on in the right pane in dual-pane configuration, and may only be defined when treeNodeType is DUAL_PANE */\n  currentContainer?: string | 'root' | null\n  autoExpand: (entityId: string) => boolean\n  selectableTypes: EntityType[]\n  visibleTypes: EntityType[]\n}>\n\n/**\n * Component that utilizes react-vtree to efficiently display a tree of entities. react-vtree utilizes react-window\n * to only render visible nodes, which eliminates performance issues as seen in SWC-5978.\n */\nexport const VirtualizedTree = (\n  props: VirtualizedTreeProps,\n): React.ReactNode => {\n  const {\n    rootNodeConfiguration,\n    setSelectedId,\n    treeNodeType,\n    selected,\n    currentContainer,\n    selectableTypes,\n    visibleTypes,\n    autoExpand,\n  } = props\n\n  const { accessToken, keyFactory } = useSynapseContext()\n  const queryClient = useQueryClient()\n\n  const [rootNode, setRootNode] = useState<RootNodeConfiguration>(\n    rootNodeConfiguration,\n  )\n\n  const treeInstance = useRef<VariableSizeTree<TreeData>>(null)\n\n  useEffect(() => {\n    setRootNode(rootNodeConfiguration)\n  }, [rootNodeConfiguration, rootNodeConfiguration.children])\n\n  // This function is used by VariableSizeTree to identify the size of each node in the tree.\n  const itemSize = useCallback(\n    (index?: number) => {\n      /**\n       * We must have a root node, but we don't always want to show it.\n       * In those cases, set the height of the root node to 0.\n       */\n      if (index === 0 && !rootNodeConfiguration.show) {\n        return 0\n      }\n      /**\n       * The height of all other nodes in the tree varies depending on the tree node type.\n       */\n      return treeNodeType === EntityTreeNodeType.DUAL_PANE ? 30 : 60\n    },\n    [treeNodeType, rootNodeConfiguration.show],\n  )\n\n  /**\n   * Fetches the next page of children for a given node. After fetching the children, this method will make a deep clone of the\n   *  full tree, including the new data, and updates the state of the component\n   */\n  const fetchNextPageOfChildren = useCallback(\n    // Because we update the root node with a copy at the end of this function, we can write to the node under update.\n    async (node: Writable<EntityHeaderNode>) => {\n      // Fetch the children of the node\n      const entityChildrenRequest: EntityChildrenRequest = {\n        parentId: node.id,\n        nextPageToken: node.childrenNextPageToken,\n        includeTypes: visibleTypes,\n      }\n      const children = await queryClient.fetchQuery({\n        queryKey: keyFactory.getEntityChildrenQueryKey(\n          entityChildrenRequest,\n          false,\n        ),\n        queryFn: () => getEntityChildren(entityChildrenRequest, accessToken),\n      })\n      // Update the node data -- add the children and store the nextPageToken\n      if (node.children) {\n        for (const newChild of children.page) {\n          // SWC-6751 - Prevent adding duplicate entries in case this function is called twice\n          if (!node.children.find(child => child.id == newChild.id)) {\n            node.children.push(newChild)\n          }\n        }\n      } else {\n        node.children = children.page\n      }\n      node.childrenNextPageToken = children.nextPageToken\n\n      // Ensure the node for which we fetched children is expanded/open\n      if (treeInstance.current) {\n        await treeInstance.current.recomputeTree({\n          [node.id]: {\n            open: true,\n          },\n        })\n      }\n\n      // cloneDeep is required to re-render the tree with the new children\n      setRootNode(cloneDeep(rootNode))\n    },\n    [visibleTypes, queryClient, keyFactory, rootNode, accessToken],\n  )\n\n  /**\n   * treeWalker is a generator function used by react-vtree to generate the tree structure. The tree is re-built when the function is updated,\n   * so the dependencies specified in useCallback are important.\n   */\n  const memoizedTreeWalker = useCallback(\n    getTreeWalkerFunction(\n      rootNode,\n      setSelectedId,\n      treeNodeType,\n      selected,\n      selectableTypes,\n      autoExpand,\n      itemSize,\n      currentContainer,\n      fetchNextPageOfChildren,\n    ),\n    [\n      rootNode,\n      setSelectedId,\n      treeNodeType,\n      selected,\n      selectableTypes,\n      autoExpand,\n      currentContainer,\n      fetchNextPageOfChildren,\n      itemSize,\n    ],\n  )\n\n  return (\n    <AutoSizer disableWidth>\n      {({ height }: { height: number }) => (\n        <VariableSizeTree\n          ref={treeInstance}\n          treeWalker={memoizedTreeWalker}\n          itemSize={itemSize}\n          height={height}\n          async={true}\n          width=\"100%\"\n        >\n          {Node}\n        </VariableSizeTree>\n      )}\n    </AutoSizer>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"VirtualizedTree.js","names":[],"sources":["../../../../src/components/EntityFinder/tree/VirtualizedTree.tsx"],"sourcesContent":["import React from 'react'\nimport { getEntityChildren } from '@/synapse-client'\nimport { useSynapseContext } from '@/utils'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  getEntityTypeFromHeader,\n  isContainerType,\n} from '@/utils/functions/EntityTypeUtils'\nimport { Writable } from '@/utils/types/Writable'\nimport { ChevronRight, ExpandMore } from '@mui/icons-material'\nimport { Skeleton, Tooltip, Typography } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { EntityChildrenRequest } from '@sage-bionetworks/synapse-types'\nimport { useQueryClient } from '@tanstack/react-query'\nimport dayjs from 'dayjs'\nimport { cloneDeep } from 'lodash-es'\nimport { ReactNode, useCallback, useEffect, useRef, useState } from 'react'\nimport { useInView } from 'react-intersection-observer'\nimport AutoSizer from 'react-virtualized-auto-sizer'\nimport {\n  TreeWalker,\n  TreeWalkerValue,\n  VariableSizeNodeData,\n  VariableSizeNodePublicState,\n  VariableSizeTree,\n} from 'react-vtree'\nimport { NodeComponentProps } from 'react-vtree/dist/es/Tree'\nimport { EntityBadgeIcons } from '../../EntityBadgeIcons'\nimport { EntityTypeIcon } from '../../EntityIcon'\nimport { SynapseSpinner } from '../../LoadingScreen/LoadingScreen'\nimport { UserBadge } from '../../UserCard/UserBadge'\nimport { EntityFinderHeader } from '../EntityFinderHeader'\nimport { EntitySelectionMapType } from '../useEntitySelection'\n\nexport enum EntityTreeNodeType {\n  /** The tree component's appearance and interactions will facilitate selection. Nodes will be larger and styles will indicate primary selection */\n  SINGLE_PANE,\n  /** The tree component's appearance and interactions will facilitate browsing. Nodes will be smaller and styles will indicate secondary selection */\n  DUAL_PANE,\n}\n\ntype NodeChildren = Readonly<{\n  /** The node's children. If undefined, then children have not been fetched. */\n  children?: EntityHeaderNode[]\n  /** The token used to fetch the next page of children for this entity. If this property is nullish and children is defined, then all children have been fetched. */\n  childrenNextPageToken?: string | null\n}>\n\nexport type EntityHeaderNode = (\n  | EntityFinderHeader\n  // Only will have a subset of fields if the node is fetched via the entity path:\n  | Pick<EntityFinderHeader, 'id' | 'name' | 'type'>\n) &\n  NodeChildren\ntype PaginationNode = { __paginationNode: true }\n\ntype TreeNode = EntityHeaderNode | RootNodeConfiguration | PaginationNode\n\nfunction getTreeNodeType(\n  node: TreeNode,\n): 'entityHeader' | 'rootNodeConfiguration' | 'pagination' {\n  if ('__paginationNode' in node) {\n    return 'pagination'\n  }\n  return 'id' in node ? 'entityHeader' : 'rootNodeConfiguration'\n}\n\nfunction isPaginationNode(node: TreeNode): node is PaginationNode {\n  return getTreeNodeType(node) === 'pagination'\n}\n\nfunction isEntityHeaderNode(node: TreeNode): node is EntityHeaderNode {\n  return getTreeNodeType(node) === 'entityHeader'\n}\n\nfunction isRootNodeConfiguration(\n  node: TreeNode,\n): node is RootNodeConfiguration {\n  return getTreeNodeType(node) === 'rootNodeConfiguration'\n}\n\nfunction hasMoreChildren(node: TreeNode) {\n  if (isPaginationNode(node)) {\n    return false\n  } else if (isRootNodeConfiguration(node)) {\n    return node.hasNextPage\n  }\n\n  return node.children == null || node.childrenNextPageToken != null\n}\n\nfunction isLeafNode(node: TreeNode) {\n  if (isPaginationNode(node)) {\n    return true\n  } else if (isRootNodeConfiguration(node)) {\n    return false\n  } else {\n    return (\n      // Entity is not a container\n      !isContainerType(getEntityTypeFromHeader(node)) ||\n      // OR Children have been fetched (nonnull) and there are 0 children\n      node.children?.length === 0\n    )\n  }\n}\n\nfunction maybeHasChildren(\n  node: TreeNode,\n): node is RootNodeConfiguration | EntityHeaderNode {\n  if (isPaginationNode(node)) {\n    return false\n  } else if (isRootNodeConfiguration(node)) {\n    return node.children.length > 0 || node.hasNextPage\n  } else {\n    return !isLeafNode(node)\n  }\n}\n\nexport type TreeData = VariableSizeNodeData &\n  Readonly<{\n    node: TreeNode\n    getNextPageOfChildren: () => Promise<void>\n    isLeaf: boolean\n    nestingLevel: number\n    setSelectedId: (entityId: string) => void\n    treeNodeType: EntityTreeNodeType\n    isSelected: boolean\n    isDisabled: boolean\n  }>\n\ntype NodeMeta = Readonly<{\n  nestingLevel: number\n  node: TreeNode\n}>\n\nexport type RootNodeConfiguration = {\n  show: boolean\n  nodeText: string\n  children: EntityHeaderNode[]\n  /** If undefined, no more entities to fetch */\n  fetchNextPage: () => Promise<void>\n  hasNextPage: boolean\n}\n\n/**\n * Converts a TreeNode and related data into a TreeWalkerValue that react-vtree can use to render the tree.\n * Exported for testing purposes only.\n * @param config\n * @returns\n */\nexport const getNodeData = (config: {\n  node: TreeNode\n  nestingLevel: number\n  getNextPageOfChildren: () => Promise<void>\n  setSelectedId: (entityId: string) => void\n  treeNodeType: EntityTreeNodeType\n  selected: EntitySelectionMapType\n  selectableTypes: EntityType[]\n  autoExpand: (entityId: string) => boolean\n  defaultHeight: number\n  currentContainer?: string | 'root' | null\n}): TreeWalkerValue<TreeData, NodeMeta> => {\n  const {\n    node,\n    nestingLevel,\n    getNextPageOfChildren,\n    setSelectedId,\n    treeNodeType,\n    selected,\n    selectableTypes,\n    autoExpand,\n    defaultHeight,\n    currentContainer,\n  } = config\n\n  if (isPaginationNode(node)) {\n    throw new Error('Cannot create data for a pagination node')\n  }\n\n  const id = isRootNodeConfiguration(node) ? 'root' : node.id\n\n  const isSelected =\n    treeNodeType === EntityTreeNodeType.SINGLE_PANE\n      ? selected.has(id)\n      : currentContainer === id\n  const isDisabled =\n    !isRootNodeConfiguration(node) &&\n    !selectableTypes.includes(getEntityTypeFromHeader(node))\n\n  const isOpenByDefault = autoExpand(id)\n  /*\n   * If the node is open by default and we haven't fetched its children,\n   * fetch the first page (otherwise we won't fetch unless re-toggled)\n   */\n  if (isOpenByDefault && node.children == null && hasMoreChildren(node)) {\n    getNextPageOfChildren()\n  }\n\n  return {\n    data: {\n      node,\n      getNextPageOfChildren,\n      id: id,\n      isLeaf: isLeafNode(node),\n      isOpenByDefault: isOpenByDefault,\n      nestingLevel,\n      setSelectedId,\n      treeNodeType,\n      isSelected,\n      isDisabled,\n      defaultHeight,\n    },\n    nestingLevel,\n    node,\n  }\n}\n\n/**\n * Node component for the react-vtree virtualized tree. Exported only for testing purposes\n */\nexport function Node(\n  props: NodeComponentProps<TreeData, VariableSizeNodePublicState<TreeData>>,\n) {\n  const {\n    data: {\n      node,\n      getNextPageOfChildren,\n      isLeaf,\n      id,\n      nestingLevel,\n      setSelectedId,\n      treeNodeType,\n      isSelected,\n      isDisabled,\n    },\n    isOpen,\n    style,\n    setOpen,\n  } = props\n\n  const [isLoading, setLoading] = useState(false)\n\n  const nodeText = isEntityHeaderNode(node) ? (\n    <span>{node.name}</span>\n  ) : isRootNodeConfiguration(node) ? (\n    <span>{node.nodeText}</span>\n  ) : (\n    // Pagination node\n    <Skeleton width={100} />\n  )\n\n  // We only use this for pagination nodes. If the pagination node comes into view, then immediately call `getNextPageOfChildren`\n  const { ref, inView } = useInView()\n\n  useEffect(() => {\n    if (isPaginationNode(node) && inView) {\n      getNextPageOfChildren()\n    }\n  }, [node, inView, getNextPageOfChildren])\n\n  const toggleExpand = useCallback(async () => {\n    if (hasMoreChildren(node)) {\n      setLoading(true)\n      await getNextPageOfChildren()\n      await setOpen(!isOpen)\n      setLoading(false)\n    } else {\n      await setOpen(!isOpen)\n    }\n  }, [getNextPageOfChildren, node, isOpen, setOpen])\n\n  /**\n   * If in the dual-pane view, expand a node when it becomes selected\n   */\n  useEffect(() => {\n    if (\n      treeNodeType === EntityTreeNodeType.DUAL_PANE &&\n      isSelected &&\n      !isOpen\n    ) {\n      toggleExpand()\n    }\n    // Intentionally only toggle the expanded state when isSelected changes, otherwise the node cannot be un-expanded\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [isSelected])\n\n  /**\n   * If the height is 0, the node is purposefully hidden. Just render a fragment.\n   */\n  if ('height' in style && style.height === 0) {\n    return <></>\n  }\n\n  let tooltipContent: ReactNode = ''\n  if (isEntityHeaderNode(node)) {\n    tooltipContent = (\n      <div style={{ textAlign: 'center' }}>\n        <Typography\n          component=\"span\"\n          variant=\"smallText1\"\n          sx={{\n            display: 'inline',\n          }}\n        >\n          {node.name}\n          <br />\n          <b>ID: </b>\n          {node.id}\n          {'modifiedBy' in node && (\n            <>\n              <br />\n              <b>Modified By: </b>\n              <UserBadge\n                userId={node.modifiedBy.toString()}\n                showFullName\n                disableLink\n                showCardOnHover={false}\n              />\n            </>\n          )}\n          {'modifiedOn' in node && (\n            <>\n              <br />\n              <b>Modified On: </b>\n              {formatDate(dayjs(node.modifiedOn))}\n            </>\n          )}\n        </Typography>\n      </div>\n    )\n  }\n\n  const ExpandIcon = isOpen ? ExpandMore : ChevronRight\n\n  return (\n    <div\n      className={`Node ${\n        treeNodeType === EntityTreeNodeType.SINGLE_PANE\n          ? 'SelectNode'\n          : 'BrowseNode'\n      }`}\n      aria-selected={isSelected}\n      aria-disabled={isDisabled}\n      onClick={event => {\n        event.stopPropagation()\n        if (!isDisabled) {\n          setSelectedId(id)\n        }\n      }}\n      style={{\n        ...style,\n        paddingLeft: `${nestingLevel * 20}px`,\n      }}\n    >\n      {!isLeaf && (\n        <>\n          {isLoading ? (\n            <SynapseSpinner size={10} />\n          ) : (\n            <button\n              aria-label={isOpen ? 'Collapse' : 'Expand'}\n              onClick={event => {\n                event.stopPropagation()\n                toggleExpand()\n              }}\n            >\n              <ExpandIcon className=\"ExpandButton\" />\n            </button>\n          )}\n        </>\n      )}\n      {treeNodeType === EntityTreeNodeType.SINGLE_PANE && ( // SWC-5592\n        <div className=\"EntityIcon\">\n          {isEntityHeaderNode(node) && (\n            <EntityTypeIcon type={getEntityTypeFromHeader(node)} />\n          )}\n        </div>\n      )}\n\n      <Tooltip title={tooltipContent} placement=\"right\">\n        <div className=\"EntityName\" ref={ref}>\n          {nodeText}\n        </div>\n      </Tooltip>\n\n      {treeNodeType === EntityTreeNodeType.SINGLE_PANE && (\n        <EntityBadgeIcons\n          entityId={id}\n          showHasDiscussionThread={false}\n          showHasWiki={false}\n          showUnlink={false}\n          canOpenModal={false}\n        />\n      )}\n    </div>\n  )\n}\n\n/**\n * Extracted from the React component for testing purposes\n * @returns a generator function compatible with react-vtree\n */\nexport function getTreeWalkerFunction(\n  rootNode: RootNodeConfiguration,\n  setSelectedId: VirtualizedTreeProps['setSelectedId'],\n  treeNodeType: VirtualizedTreeProps['treeNodeType'],\n  selected: VirtualizedTreeProps['selected'],\n  selectableTypes: VirtualizedTreeProps['selectableTypes'],\n  autoExpand: VirtualizedTreeProps['autoExpand'],\n  itemSize: (index?: number) => number,\n  currentContainer: VirtualizedTreeProps['currentContainer'],\n  fetchNextPageOfChildren: (node: Writable<EntityHeaderNode>) => Promise<void>,\n): TreeWalker<TreeData, NodeMeta> {\n  return function* treeWalker() {\n    // Step [1]: Define the root node of our tree.\n    yield getNodeData({\n      node: rootNode,\n      nestingLevel: 0,\n      getNextPageOfChildren: rootNode.fetchNextPage,\n      setSelectedId,\n      treeNodeType,\n      selected,\n      selectableTypes,\n      autoExpand,\n      defaultHeight: itemSize(),\n      currentContainer,\n    })\n\n    while (true) {\n      // Step [2]: Get the parent node and nesting level, which will be passed into the Generator.next function by react-vtree.\n      // Yielding `undefined` indicates to react-vtree that we've finished iterating children from the last time we were in the loop.\n      const parentMeta = yield\n\n      if (maybeHasChildren(parentMeta.node)) {\n        // Step [3]: Yielding all the known children of the parent\n        if (parentMeta.node.children) {\n          for (let i = 0; i < parentMeta.node.children.length; i++) {\n            const childNode = parentMeta.node.children[i]\n\n            yield getNodeData({\n              node: childNode,\n              nestingLevel: parentMeta.nestingLevel + 1,\n              getNextPageOfChildren: () => fetchNextPageOfChildren(childNode),\n              setSelectedId,\n              treeNodeType,\n              selected,\n              selectableTypes,\n              autoExpand,\n              defaultHeight: itemSize(),\n              currentContainer,\n            })\n          }\n        }\n\n        // Step [4] - If the parent node has more children, render a \"pagination node\" that will fetch more children when it comes into view (via intersection observer)\n        if (hasMoreChildren(parentMeta.node)) {\n          const paginationNode: PaginationNode = {\n            __paginationNode: true,\n          }\n          const paginationTreeWalkerValue: TreeWalkerValue<TreeData, NodeMeta> =\n            {\n              data: {\n                id: parentMeta.data.id + '-pagination',\n                node: paginationNode,\n                isOpenByDefault: false,\n                getNextPageOfChildren: parentMeta.data.getNextPageOfChildren,\n                isLeaf: true,\n                isSelected: false,\n                defaultHeight: itemSize(),\n                isDisabled: true,\n                nestingLevel: parentMeta.nestingLevel + 1,\n                setSelectedId: () => {},\n                treeNodeType,\n              },\n              nestingLevel: parentMeta.nestingLevel + 1,\n              node: {\n                __paginationNode: true,\n              },\n            }\n          yield paginationTreeWalkerValue\n        }\n      }\n    }\n  }\n}\n\nexport type VirtualizedTreeProps = Readonly<{\n  treeNodeType: EntityTreeNodeType\n  rootNodeConfiguration: RootNodeConfiguration\n  setSelectedId: (entityId: string) => void\n  selected: EntitySelectionMapType\n  /* currentContainer is the container whose contents are shown on in the right pane in dual-pane configuration, and may only be defined when treeNodeType is DUAL_PANE */\n  currentContainer?: string | 'root' | null\n  autoExpand: (entityId: string) => boolean\n  selectableTypes: EntityType[]\n  visibleTypes: EntityType[]\n}>\n\n/**\n * Component that utilizes react-vtree to efficiently display a tree of entities. react-vtree utilizes react-window\n * to only render visible nodes, which eliminates performance issues as seen in SWC-5978.\n */\nexport const VirtualizedTree = (\n  props: VirtualizedTreeProps,\n): React.ReactNode => {\n  const {\n    rootNodeConfiguration,\n    setSelectedId,\n    treeNodeType,\n    selected,\n    currentContainer,\n    selectableTypes,\n    visibleTypes,\n    autoExpand,\n  } = props\n\n  const { accessToken, keyFactory } = useSynapseContext()\n  const queryClient = useQueryClient()\n\n  const [rootNode, setRootNode] = useState<RootNodeConfiguration>(\n    rootNodeConfiguration,\n  )\n\n  const treeInstance = useRef<VariableSizeTree<TreeData>>(null)\n\n  useEffect(() => {\n    setRootNode(rootNodeConfiguration)\n  }, [rootNodeConfiguration, rootNodeConfiguration.children])\n\n  // This function is used by VariableSizeTree to identify the size of each node in the tree.\n  const itemSize = useCallback(\n    (index?: number) => {\n      /**\n       * We must have a root node, but we don't always want to show it.\n       * In those cases, set the height of the root node to 0.\n       */\n      if (index === 0 && !rootNodeConfiguration.show) {\n        return 0\n      }\n      /**\n       * The height of all other nodes in the tree varies depending on the tree node type.\n       */\n      return treeNodeType === EntityTreeNodeType.DUAL_PANE ? 30 : 60\n    },\n    [treeNodeType, rootNodeConfiguration.show],\n  )\n\n  /**\n   * Fetches the next page of children for a given node. After fetching the children, this method will make a deep clone of the\n   *  full tree, including the new data, and updates the state of the component\n   */\n  const fetchNextPageOfChildren = useCallback(\n    // Because we update the root node with a copy at the end of this function, we can write to the node under update.\n    async (node: Writable<EntityHeaderNode>) => {\n      // Fetch the children of the node\n      const entityChildrenRequest: EntityChildrenRequest = {\n        parentId: node.id,\n        nextPageToken: node.childrenNextPageToken,\n        includeTypes: visibleTypes,\n      }\n      const children = await queryClient.fetchQuery({\n        queryKey: keyFactory.getEntityChildrenQueryKey(\n          entityChildrenRequest,\n          false,\n        ),\n        queryFn: () => getEntityChildren(entityChildrenRequest, accessToken),\n      })\n      // Update the node data -- add the children and store the nextPageToken\n      if (node.children) {\n        for (const newChild of children.page) {\n          // SWC-6751 - Prevent adding duplicate entries in case this function is called twice\n          if (!node.children.find(child => child.id == newChild.id)) {\n            node.children.push(newChild)\n          }\n        }\n      } else {\n        node.children = children.page\n      }\n      node.childrenNextPageToken = children.nextPageToken\n\n      // Ensure the node for which we fetched children is expanded/open\n      if (treeInstance.current) {\n        await treeInstance.current.recomputeTree({\n          [node.id]: {\n            open: true,\n          },\n        })\n      }\n\n      // cloneDeep is required to re-render the tree with the new children\n      setRootNode(cloneDeep(rootNode))\n    },\n    [visibleTypes, queryClient, keyFactory, rootNode, accessToken],\n  )\n\n  /**\n   * treeWalker is a generator function used by react-vtree to generate the tree structure. The tree is re-built when the function is updated,\n   * so the dependencies specified in useCallback are important.\n   */\n  const memoizedTreeWalker = useCallback(\n    getTreeWalkerFunction(\n      rootNode,\n      setSelectedId,\n      treeNodeType,\n      selected,\n      selectableTypes,\n      autoExpand,\n      itemSize,\n      currentContainer,\n      fetchNextPageOfChildren,\n    ),\n    [\n      rootNode,\n      setSelectedId,\n      treeNodeType,\n      selected,\n      selectableTypes,\n      autoExpand,\n      currentContainer,\n      fetchNextPageOfChildren,\n      itemSize,\n    ],\n  )\n\n  return (\n    <AutoSizer disableWidth>\n      {({ height }: { height: number }) => (\n        <VariableSizeTree\n          ref={treeInstance}\n          treeWalker={memoizedTreeWalker}\n          itemSize={itemSize}\n          height={height}\n          async={true}\n          width=\"100%\"\n        >\n          {Node}\n        </VariableSizeTree>\n      )}\n    </AutoSizer>\n  )\n}\n"],"mappings":"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"}

package/dist/components/FeaturedDataTabs/FacetPlotsCard.js

@@ -98,7 +98,7 @@ function M(t) {
 				return e.length > 0 ? e[0] : void 0;
 			} else return;
 		}).filter((e) => e !== void 0)[0];
-		return e && e.value ? e?.value : "";
+		return e?.value ? e?.value : "";
 	}, [y, N?.facets]), H = B.length > 1;
 	return /* @__PURE__ */ D(C, {
 		className: d,