synapse-react-client 4.0.18 → 4.0.20

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

@@ -5,48 +5,48 @@ import { SynapseSpinner as r } from "../../LoadingScreen/LoadingScreen.js";
 import i from "../../../synapse-queries/entity/useEntityBundle.js";
 import { useGetEntityPath as a } from "../../../synapse-queries/entity/useEntity.js";
 import { useGetEntityHeader as ee } from "../../../synapse-queries/entity/useGetEntityHeaders.js";
-import { useGetFavorites as o } from "../../../synapse-queries/user/useFavorites.js";
-import { useGetProjectsInfinite as s } from "../../../synapse-queries/user/useProjects.js";
+import { useGetFavorites as te } from "../../../synapse-queries/user/useFavorites.js";
+import { useGetProjectsInfinite as o } from "../../../synapse-queries/user/useProjects.js";
 import "../../../synapse-queries/index.js";
-import { toEntityHeader as c } from "../details/configurations/ProjectListDetails.js";
-import { EntityDetailsListDataConfigurationType as l } from "../details/EntityDetailsList.js";
-import u from "../../DropdownSelect/DropdownSelect.js";
-import { EntityTreeNodeType as d, VirtualizedTree as te } from "./VirtualizedTree.js";
-import { useCallback as f, useEffect as p, useMemo as m, useState as h } from "react";
-import { jsx as g, jsxs as ne } from "react/jsx-runtime";
-import { ALL_ENTITY_BUNDLE_FIELDS as re } from "@sage-bionetworks/synapse-types";
-import { EntityType as _ } from "@sage-bionetworks/synapse-client";
+import { toEntityHeader as s } from "../details/configurations/ProjectListDetails.js";
+import { EntityDetailsListDataConfigurationType as c } from "../details/EntityDetailsList.js";
+import l from "../../DropdownSelect/DropdownSelect.js";
+import { EntityTreeNodeType as u, VirtualizedTree as ne } from "./VirtualizedTree.js";
+import { useCallback as d, useEffect as f, useMemo as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { ALL_ENTITY_BUNDLE_FIELDS as _ } from "@sage-bionetworks/synapse-types";
+import { EntityType as v } from "@sage-bionetworks/synapse-client";
 //#region src/components/EntityFinder/tree/EntityTree.tsx
-var ie = (e, t) => {
+var y = (e, t) => {
 	for (let n of t.path) if (e === n.id) return !0;
 	return !1;
-}, v = /* @__PURE__ */ function(e) {
+}, b = /* @__PURE__ */ function(e) {
 	return e.CURRENT_PROJECT = "Current Project", e.ALL_PROJECTS = "All Projects", e.CREATED_BY_ME = "Projects Created By Me", e.FAVORITES = "My Favorites", e;
 }({});
-function y(e) {
+function re(e) {
 	switch (e) {
-		case v.FAVORITES: return "root";
-		case v.CURRENT_PROJECT:
-		case v.ALL_PROJECTS:
-		case v.CREATED_BY_ME: return null;
+		case "My Favorites": return "root";
+		case "Current Project":
+		case "All Projects":
+		case "Projects Created By Me": return null;
 	}
 }
-function b(e) {
+function x(e) {
 	switch (e) {
-		case v.CURRENT_PROJECT:
-		case v.ALL_PROJECTS:
-		case v.CREATED_BY_ME: return "Projects";
-		case v.FAVORITES: return "Favorites";
+		case "Current Project":
+		case "All Projects":
+		case "Projects Created By Me": return "Projects";
+		case "My Favorites": return "Favorites";
 	}
 }
-function x(x) {
-	let { initialScope: S = v.CURRENT_PROJECT, projectId: C, initialContainer: w = null, currentContainer: T, setCurrentContainer: E, visibleTypes: D = [_.project, _.folder], toggleSelection: O, selectedEntities: k, setDetailsViewConfiguration: A, setBreadcrumbItems: j, showScopeAsRootNode: M = !0, treeNodeType: N, selectableTypes: P, hideScopeSelector: F = !1 } = x, I = { type: l.PROMPT }, [L, R] = h(S);
-	p(() => {
+function S(S) {
+	let { initialScope: C = "Current Project", projectId: w, initialContainer: T = null, currentContainer: E, setCurrentContainer: D, visibleTypes: O = [v.project, v.folder], toggleSelection: k, selectedEntities: ie, setDetailsViewConfiguration: A, setBreadcrumbItems: j, showScopeAsRootNode: M = !0, treeNodeType: N, selectableTypes: P, hideScopeSelector: F = !1 } = S, I = { type: c.PROMPT }, [L, R] = m(C);
+	f(() => {
 		A && A(I);
 	}, []);
-	let z = f((e) => {
-		O && O({ targetId: e }), E(e);
-	}, [E, O]), B = L === v.ALL_PROJECTS || L === v.CREATED_BY_ME, { data: V, fetchNextPage: H, hasNextPage: U, isLoading: W } = s(L === v.CREATED_BY_ME ? {
+	let z = d((e) => {
+		k && k({ targetId: e }), D(e);
+	}, [D, k]), B = L === "All Projects" || L === "Projects Created By Me", { data: V, fetchNextPage: H, hasNextPage: U, isLoading: W } = o(L === "Projects Created By Me" ? {
 		filter: "CREATED",
 		sort: "PROJECT_NAME",
 		sortDirection: "ASC"
@@ -56,40 +56,40 @@ function x(x) {
 	}, {
 		enabled: B,
 		refetchInterval: Infinity
-	}), { data: G, isSuccess: K } = i(T, void 0, re, {
-		enabled: !!T && T !== "root",
+	}), { data: G, isSuccess: K } = i(E, void 0, _, {
+		enabled: !!E && E !== "root",
 		throwOnError: !0
-	}), { data: q, isLoading: J } = o("NAME", "ASC", {
-		select: (e) => e.filter((e) => D.includes(t(e.type))),
+	}), { data: q, isLoading: J } = te("NAME", "ASC", {
+		select: (e) => e.filter((e) => O.includes(t(e.type))),
 		refetchInterval: Infinity,
 		throwOnError: !0
-	}), { data: Y } = a(w, {
-		enabled: !!(C && w && w.match(n)),
+	}), { data: Y } = a(T, {
+		enabled: !!(w && T && T.match(n)),
 		refetchInterval: Infinity,
 		throwOnError: !0
-	}), { data: X, isLoading: Z } = ee(C, void 0, {
-		enabled: !!(C ?? Y?.path[1]?.id),
+	}), { data: X, isLoading: Z } = ee(w, void 0, {
+		enabled: !!(w ?? Y?.path[1]?.id),
 		refetchInterval: Infinity
 	});
-	p(() => {
-		v.CURRENT_PROJECT === L && C && !Z && !X && (e(`You don't have access to the current project (${C}).`, "warning"), R(v.CREATED_BY_ME));
+	f(() => {
+		L === "Current Project" && w && !Z && !X && (e(`You don't have access to the current project (${w}).`, "warning"), R("Projects Created By Me"));
 	}, [
 		Z,
 		X,
-		C,
+		w,
 		L
 	]);
-	let { topLevelEntities: Q, isLoading: ae } = m(() => {
+	let { topLevelEntities: Q, isLoading: ae } = p(() => {
 		let e = [], t = !1;
 		switch (L) {
-			case v.ALL_PROJECTS:
-			case v.CREATED_BY_ME:
-				V && (e = V.pages.flatMap((e) => e.results).map(c)), t = W;
+			case "All Projects":
+			case "Projects Created By Me":
+				V && (e = V.pages.flatMap((e) => e.results).map(s)), t = W;
 				break;
-			case v.FAVORITES:
+			case "My Favorites":
 				e = q ?? [], t = J;
 				break;
-			case v.CURRENT_PROJECT:
+			case "Current Project":
 				X && (e = [X], t = Z);
 				break;
 			default: throw Error("No scope selected");
@@ -107,69 +107,69 @@ function x(x) {
 		X,
 		L
 	]);
-	p(() => {
+	f(() => {
 		if (A || j) {
 			let e, t = [];
-			if (T === null) e = { type: l.PROMPT }, t = [];
-			else if (T === "root") {
+			if (E === null) e = { type: c.PROMPT }, t = [];
+			else if (E === "root") {
 				switch (L) {
-					case v.ALL_PROJECTS:
-						e = { type: l.USER_PROJECTS };
+					case "All Projects":
+						e = { type: c.USER_PROJECTS };
 						break;
-					case v.CREATED_BY_ME:
+					case "Projects Created By Me":
 						e = {
-							type: l.USER_PROJECTS,
+							type: c.USER_PROJECTS,
 							getProjectParams: { filter: "CREATED" }
 						};
 						break;
-					case v.CURRENT_PROJECT:
+					case "Current Project":
 						e = {
-							type: l.HEADER_LIST,
+							type: c.HEADER_LIST,
 							headerList: Q
 						};
 						break;
-					case v.FAVORITES:
-						e = { type: l.USER_FAVORITES };
+					case "My Favorites":
+						e = { type: c.USER_FAVORITES };
 						break;
 				}
 				t = [{
 					name: L,
 					isCurrent: !0,
 					action: () => {
-						E("root");
+						D("root");
 					}
 				}];
 			} else e = {
-				type: l.PARENT_CONTAINER,
-				parentContainerId: T
+				type: c.PARENT_CONTAINER,
+				parentContainerId: E
 			}, G && (t = [{
 				name: L,
 				isCurrent: !1,
 				action: () => {
-					E("root");
+					D("root");
 				}
 			}, ...G.path.path.slice(1).map((e) => ({
 				name: e.name ?? e.id,
-				isCurrent: e.id === T,
+				isCurrent: e.id === E,
 				action: () => {
-					E(e.id);
+					D(e.id);
 				}
 			}))]);
 			A && A(e), j && j(t);
 		}
 	}, [
 		L,
-		T,
+		E,
 		Q,
 		A,
 		j,
 		G,
 		K,
-		E
+		D
 	]);
-	let oe = m(() => ({
+	let oe = p(() => ({
 		show: M,
-		nodeText: b(L),
+		nodeText: x(L),
 		children: Q,
 		fetchNextPage: async () => {
 			await H();
@@ -183,43 +183,43 @@ function x(x) {
 		U,
 		W,
 		H
-	]), se = f((e) => e === "root" ? !0 : !!(L === v.CURRENT_PROJECT && Y && ie(e, Y)), [L, Y]), $ = Object.values(v).filter((e) => !(e === v.CURRENT_PROJECT && C == null)), ce = $.indexOf(L);
-	return /* @__PURE__ */ ne("div", {
-		className: `TreeView ${N === d.SINGLE_PANE ? "SelectTree" : "BrowseTree"}`,
-		children: [!F && /* @__PURE__ */ g("div", {
+	]), se = d((e) => e === "root" ? !0 : !!(L === "Current Project" && Y && y(e, Y)), [L, Y]), $ = Object.values(b).filter((e) => !(e === "Current Project" && w == null)), ce = $.indexOf(L);
+	return /* @__PURE__ */ g("div", {
+		className: `TreeView ${N === u.SINGLE_PANE ? "SelectTree" : "BrowseTree"}`,
+		children: [!F && /* @__PURE__ */ h("div", {
 			className: "Header",
 			onClick: (e) => e.stopPropagation(),
-			children: /* @__PURE__ */ g(u, {
+			children: /* @__PURE__ */ h(l, {
 				variant: "outlined",
 				options: $,
 				selectedIndex: ce,
 				setSelectedIndex: (e) => {
 					let t = $[e];
-					L !== t && (R(t), E(y(t)));
+					L !== t && (R(t), D(re(t)));
 				},
 				size: "small",
 				fullWidth: !0
 			})
-		}), ae ? /* @__PURE__ */ g("div", {
+		}), ae ? /* @__PURE__ */ h("div", {
 			className: "Placeholder",
-			children: /* @__PURE__ */ g(r, { size: 30 })
-		}) : /* @__PURE__ */ g("div", {
+			children: /* @__PURE__ */ h(r, { size: 30 })
+		}) : /* @__PURE__ */ h("div", {
 			className: "Tree",
 			role: "tree",
-			children: /* @__PURE__ */ g(te, {
-				selected: k,
-				visibleTypes: D,
+			children: /* @__PURE__ */ h(ne, {
+				selected: ie,
+				visibleTypes: O,
 				autoExpand: se,
 				rootNodeConfiguration: oe,
 				treeNodeType: N,
 				selectableTypes: P,
-				currentContainer: T,
+				currentContainer: E,
 				setSelectedId: z
 			})
 		})]
 	});
 }
 //#endregion
-export { x as EntityTree, v as FinderScope };
+export { S as EntityTree, b as FinderScope };
 
 //# sourceMappingURL=EntityTree.js.map

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    // eslint-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    // eslint-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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"}

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

@@ -47,7 +47,7 @@ function P(e) {
 var F = (e) => {
 	let { node: n, nestingLevel: r, getNextPageOfChildren: i, setSelectedId: a, treeNodeType: o, selected: s, selectableTypes: c, autoExpand: l, defaultHeight: u, currentContainer: d } = e;
 	if (k(n)) throw Error("Cannot create data for a pagination node");
-	let f = j(n) ? "root" : n.id, p = o === D.SINGLE_PANE ? s.has(f) : d === f, m = !j(n) && !c.includes(t(n)), h = l(f);
+	let f = j(n) ? "root" : n.id, p = o === 0 ? s.has(f) : d === f, m = !j(n) && !c.includes(t(n)), h = l(f);
 	return h && n.children == null && M(n) && i(), {
 		data: {
 			node: n,
@@ -67,27 +67,27 @@ var F = (e) => {
 	};
 };
 function I(e) {
-	let { data: { node: n, getNextPageOfChildren: r, isLeaf: d, id: p, nestingLevel: b, setSelectedId: T, treeNodeType: E, isSelected: O, isDisabled: N }, isOpen: P, style: F, setOpen: I } = e, [L, R] = f(!1), z = A(n) ? /* @__PURE__ */ v("span", { children: n.name }) : j(n) ? /* @__PURE__ */ v("span", { children: n.nodeText }) : /* @__PURE__ */ v(m, { width: 100 }), { ref: B, inView: V } = w();
+	let { data: { node: n, getNextPageOfChildren: r, isLeaf: d, id: p, nestingLevel: b, setSelectedId: T, treeNodeType: E, isSelected: D, isDisabled: O }, isOpen: N, style: P, setOpen: F } = e, [I, L] = f(!1), R = A(n) ? /* @__PURE__ */ v("span", { children: n.name }) : j(n) ? /* @__PURE__ */ v("span", { children: n.nodeText }) : /* @__PURE__ */ v(m, { width: 100 }), { ref: z, inView: B } = w();
 	u(() => {
-		k(n) && V && r();
+		k(n) && B && r();
 	}, [
 		n,
-		V,
+		B,
 		r
 	]);
-	let H = l(async () => {
-		M(n) ? (R(!0), await r(), await I(!P), R(!1)) : await I(!P);
+	let V = l(async () => {
+		M(n) ? (L(!0), await r(), await F(!N), L(!1)) : await F(!N);
 	}, [
 		r,
 		n,
-		P,
-		I
+		N,
+		F
 	]);
 	if (u(() => {
-		E === D.DUAL_PANE && O && !P && H();
-	}, [O]), "height" in F && F.height === 0) return /* @__PURE__ */ v(_, {});
-	let U = "";
-	A(n) && (U = /* @__PURE__ */ v("div", {
+		E === 1 && D && !N && V();
+	}, [D]), "height" in P && P.height === 0) return /* @__PURE__ */ v(_, {});
+	let H = "";
+	A(n) && (H = /* @__PURE__ */ v("div", {
 		style: { textAlign: "center" },
 		children: /* @__PURE__ */ y(g, {
 			component: "span",
@@ -116,40 +116,40 @@ function I(e) {
 			]
 		})
 	}));
-	let W = P ? S : x;
+	let U = N ? S : x;
 	return /* @__PURE__ */ y("div", {
-		className: `Node ${E === D.SINGLE_PANE ? "SelectNode" : "BrowseNode"}`,
-		"aria-selected": O,
-		"aria-disabled": N,
+		className: `Node ${E === 0 ? "SelectNode" : "BrowseNode"}`,
+		"aria-selected": D,
+		"aria-disabled": O,
 		onClick: (e) => {
-			e.stopPropagation(), N || T(p);
+			e.stopPropagation(), O || T(p);
 		},
 		style: {
-			...F,
+			...P,
 			paddingLeft: `${b * 20}px`
 		},
 		children: [
-			!d && /* @__PURE__ */ v(_, { children: L ? /* @__PURE__ */ v(i, { size: 10 }) : /* @__PURE__ */ v("button", {
-				"aria-label": P ? "Collapse" : "Expand",
+			!d && /* @__PURE__ */ v(_, { children: I ? /* @__PURE__ */ v(i, { size: 10 }) : /* @__PURE__ */ v("button", {
+				"aria-label": N ? "Collapse" : "Expand",
 				onClick: (e) => {
-					e.stopPropagation(), H();
+					e.stopPropagation(), V();
 				},
-				children: /* @__PURE__ */ v(W, { className: "ExpandButton" })
+				children: /* @__PURE__ */ v(U, { className: "ExpandButton" })
 			}) }),
-			E === D.SINGLE_PANE && /* @__PURE__ */ v("div", {
+			E === 0 && /* @__PURE__ */ v("div", {
 				className: "EntityIcon",
 				children: A(n) && /* @__PURE__ */ v(o, { type: t(n) })
 			}),
 			/* @__PURE__ */ v(h, {
-				title: U,
+				title: H,
 				placement: "right",
 				children: /* @__PURE__ */ v("div", {
 					className: "EntityName",
-					ref: B,
-					children: z
+					ref: z,
+					children: R
 				})
 			}),
-			E === D.SINGLE_PANE && /* @__PURE__ */ v(c, {
+			E === 0 && /* @__PURE__ */ v(c, {
 				entityId: p,
 				showHasDiscussionThread: !1,
 				showHasWiki: !1,
@@ -216,7 +216,7 @@ var R = (t) => {
 	u(() => {
 		S(n);
 	}, [n, n.children]);
-	let w = l((e) => e === 0 && !n.show ? 0 : a === D.DUAL_PANE ? 30 : 60, [a, n.show]), O = l(async (t) => {
+	let w = l((e) => e === 0 && !n.show ? 0 : a === 1 ? 30 : 60, [a, n.show]), D = l(async (t) => {
 		let n = {
 			parentId: t.id,
 			nextPageToken: t.childrenNextPageToken,
@@ -234,7 +234,7 @@ var R = (t) => {
 		_,
 		x,
 		g
-	]), k = l(L(x, i, a, o, c, h, w, s, O), [
+	]), O = l(L(x, i, a, o, c, h, w, s, D), [
 		x,
 		i,
 		a,
@@ -242,14 +242,14 @@ var R = (t) => {
 		c,
 		h,
 		s,
-		O,
+		D,
 		w
 	]);
 	return /* @__PURE__ */ v(T, {
 		disableWidth: !0,
 		children: ({ height: e }) => /* @__PURE__ */ v(E, {
 			ref: C,
-			treeWalker: k,
+			treeWalker: O,
 			itemSize: w,
 			height: e,
 			async: !0,