@payloadcms/ui 4.0.0-internal.e7d4ebc → 4.0.0-internal.ea6e8f8

package/dist/elements/Hierarchy/Tree/index.js

@@ -7,6 +7,7 @@ import { DEFAULT_HIERARCHY_TREE_LIMIT } from 'payload/shared';
 import React, { useCallback, useId, useMemo, useRef, useState } from 'react';
 import { PlusIcon } from '../../../icons/Plus/index.js';
 import { useAuth } from '../../../providers/Auth/index.js';
+import { useBranchParam } from '../../../providers/Branch/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useHierarchy } from '../../../providers/Hierarchy/index.js';
 import { useRouter } from '../../../providers/RouterAdapter/index.js';
@@ -16,9 +17,9 @@ import { CreateDocumentButton } from '../../CreateDocumentButton/index.js';
 import { DelayedSpinner } from '../../DelayedSpinner/index.js';
 import { DocumentDrawer } from '../../DocumentDrawer/index.js';
 import { LoadMore } from './LoadMore/index.js';
-import { TreeFocusProvider, useTreeFocus } from './TreeFocusContext.js';
+import { TreeFocusProvider, useFocusableItem, useTreeFocus } from './TreeFocusContext.js';
 import { TreeNode } from './TreeNode/index.js';
-import { useChildren } from './useChildren.js';
+import { getBranchAwareChildrenCacheKey, useChildren } from './useChildren.js';
 import './index.css';
 const baseClass = 'tree';
 const getDocumentTitle = (doc, useAsTitle) => {
@@ -45,9 +46,7 @@ const HierarchyTreeInner = ({
   useAsTitle: useAsTitleProp
 }) => {
   const {
-    focusedId,
-    moveFocus,
-    setFocusedId
+    moveFocus
   } = useTreeFocus();
   const router = useRouter();
   const {
@@ -57,6 +56,7 @@ const HierarchyTreeInner = ({
   const {
     permissions
   } = useAuth();
+  const branch = useBranchParam();
   const {
     getEntityConfig
   } = useConfig();
@@ -82,9 +82,12 @@ const HierarchyTreeInner = ({
   const canCreate = Boolean(permissions?.collections?.[collectionSlug]?.create);
   const allPossibleTypeValues = useMemo(() => hierarchyConfig?.relatedCollections ? Object.keys(hierarchyConfig.relatedCollections) : undefined, [hierarchyConfig?.relatedCollections]);
   const contextData = getTreeDataForCollection(collectionSlug);
+  const activeBranch = branch ?? null;
+  const matchingContextData = (contextData?.branch ?? null) === activeBranch ? contextData : null;
+  const matchingInitialDataProp = (initialDataProp?.branch ?? null) === activeBranch ? initialDataProp : null;
   const baseFilterKey = baseFilter ? JSON.stringify(baseFilter) : '';
-  const contextBaseFilterKey = contextData?.baseFilter ? JSON.stringify(contextData.baseFilter) : '';
-  const initialData = baseFilterKey === contextBaseFilterKey ? contextData ?? initialDataProp : initialDataProp;
+  const contextBaseFilterKey = matchingContextData?.baseFilter ? JSON.stringify(matchingContextData.baseFilter) : '';
+  const initialData = baseFilterKey === contextBaseFilterKey ? matchingContextData ?? matchingInitialDataProp : matchingInitialDataProp;
   // Tracks whether context has been seeded at least once since the last navigation.
   // Resets when initialExpandedNodesProp changes (new array reference = navigation).
   // Allows the memo to distinguish "not yet seeded" (fall back to prop) from
@@ -134,6 +137,11 @@ const HierarchyTreeInner = ({
   }, [collectionSlug, getExpandedNodesForCollection, initialExpandedNodesProp, toggleNodeForCollection]);
   // Pre-populate cache with initialData synchronously before first render
   const childrenCache = useRef(new Map());
+  const previousBranchRef = useRef(branch);
+  if (previousBranchRef.current !== branch) {
+    previousBranchRef.current = branch;
+    childrenCache.current.clear();
+  }
   const prevBaseFilterKeyRef = useRef(baseFilterKey);
   if (prevBaseFilterKeyRef.current !== baseFilterKey) {
     prevBaseFilterKeyRef.current = baseFilterKey;
@@ -154,7 +162,10 @@ const HierarchyTreeInner = ({
     }
     const filterKey = filterByCollections?.length ? filterByCollections.slice().sort().join(',') : '';
     for (const [parentKey_0, docs] of docsByParent) {
-      const cacheKey = `${collectionSlug}-${parentKey_0}-${filterKey}-${baseFilterKey}`;
+      const cacheKey = getBranchAwareChildrenCacheKey({
+        branch,
+        cacheKey: `${collectionSlug}-${parentKey_0}-${filterKey}-${baseFilterKey}`
+      });
       const parentMeta = initialData.loadedParents[parentKey_0];
       if (parentMeta) {
         const loadedCount = parentMeta.loadedCount ?? docs.length;
@@ -173,8 +184,19 @@ const HierarchyTreeInner = ({
         });
       }
     }
-  }, [initialData, filterByCollections, parentFieldName, collectionSlug, treeLimit, baseFilterKey]);
+  }, [baseFilterKey, branch, collectionSlug, filterByCollections, initialData, parentFieldName, treeLimit]);
   const treeRef = useRef(null);
+  const allOptionRef = useRef(null);
+  const allOptionID = useId();
+  const {
+    handleFocus: handleAllFocus,
+    tabIndex: allTabIndex
+  } = useFocusableItem({
+    id: allOptionID,
+    type: 'node',
+    isInitialTabStop: true,
+    ref: allOptionRef
+  });
   const {
     children: rootNodes,
     hasMore,
@@ -206,26 +228,12 @@ const HierarchyTreeInner = ({
       id: id_0
     });
   }, [onNodeClick]);
-  const rootFocusableIds = useMemo(() => rootNodes ? rootNodes.map(node => `node-${String(node.id)}`) : [], [rootNodes]);
-  const firstRootFocusableId = rootFocusableIds[0];
-  const lastRootFocusableId = rootFocusableIds[rootFocusableIds.length - 1];
   const handleTreeKeyDown = useCallback(e => {
-    if (e.key === 'ArrowDown') {
+    if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
       e.preventDefault();
-      if (focusedId && firstRootFocusableId && lastRootFocusableId && focusedId === lastRootFocusableId) {
-        setFocusedId(firstRootFocusableId);
-        return;
-      }
-      moveFocus('down');
-    } else if (e.key === 'ArrowUp') {
-      e.preventDefault();
-      if (focusedId && firstRootFocusableId && lastRootFocusableId && focusedId === firstRootFocusableId) {
-        setFocusedId(lastRootFocusableId);
-        return;
-      }
-      moveFocus('up');
+      moveFocus(e.key === 'ArrowDown' ? 'down' : 'up');
     }
-  }, [firstRootFocusableId, focusedId, lastRootFocusableId, moveFocus, setFocusedId]);
+  }, [moveFocus]);
   if (isLoading && !rootNodes) {
     return /*#__PURE__*/_jsx("div", {
       className: baseClass,
@@ -273,14 +281,16 @@ const HierarchyTreeInner = ({
         "aria-selected": isAllSelected,
         className: [`${baseClass}__all-option`, 'sidebar-row', isAllSelected && `${baseClass}__all-option--selected`, isAllSelected && 'sidebar-row--selected'].filter(Boolean).join(' '),
         onClick: handleAllClick,
+        onFocus: handleAllFocus,
         onKeyDown: e_0 => {
           if (e_0.key === 'Enter' || e_0.key === ' ') {
             e_0.preventDefault();
             handleAllClick();
           }
         },
+        ref: allOptionRef,
         role: "treeitem",
-        tabIndex: 0,
+        tabIndex: allTabIndex,
         children: /*#__PURE__*/_jsxs("span", {
           className: "sidebar-row__title",
           children: [t('general:all'), ' ', getTranslation(getEntityConfig({
@@ -289,7 +299,9 @@ const HierarchyTreeInner = ({
         })
       }), canCreate && /*#__PURE__*/_jsxs(_Fragment, {
         children: [/*#__PURE__*/_jsx(Button, {
-          "aria-label": t('general:createNew'),
+          "aria-label": t('general:createNewLabel', {
+            label: getTranslation(collectionConfig.labels.singular, i18n)
+          }),
           buttonStyle: "ghost",
           className: `${baseClass}__create-button`,
           margin: false,
@@ -315,10 +327,10 @@ const HierarchyTreeInner = ({
           redirectAfterCreate: false
         })]
       })]
-    }), rootNodes.map(node_0 => {
-      const nodeId_0 = node_0.id;
+    }), rootNodes.map(node => {
+      const nodeId_0 = node.id;
       const nodeIdStr = typeof nodeId_0 === 'number' ? String(nodeId_0) : nodeId_0;
-      const nodeTitle = getDocumentTitle(node_0, useAsTitle);
+      const nodeTitle = getDocumentTitle(node, useAsTitle);
       return /*#__PURE__*/_jsx(TreeNode, {
         allPossibleTypeValues: allPossibleTypeValues,
         baseFilter: baseFilter,

package/dist/elements/Hierarchy/Tree/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useModal","getTranslation","DEFAULT_HIERARCHY_TREE_LIMIT","React","useCallback","useId","useMemo","useRef","useState","PlusIcon","useAuth","useConfig","useHierarchy","useRouter","useTranslation","Button","CreateDocumentButton","DelayedSpinner","DocumentDrawer","LoadMore","TreeFocusProvider","useTreeFocus","TreeNode","useChildren","baseClass","getDocumentTitle","doc","useAsTitle","docId","id","idStr","String","value","HierarchyTreeInner","baseFilter","collectionSlug","filterByCollections","icon","initialData","initialDataProp","initialExpandedNodes","initialExpandedNodesProp","onNodeClick","selectedNodeId","useAsTitleProp","focusedId","moveFocus","setFocusedId","router","i18n","t","permissions","getEntityConfig","closeModal","openModal","createDrawerSlug","isCreateDrawerOpen","setIsCreateDrawerOpen","getExpandedNodesForCollection","getTreeDataForCollection","toggleNodeForCollection","typeFieldName","collectionConfig","hierarchyConfig","hierarchy","undefined","parentFieldName","treeLimit","admin","canCreate","Boolean","collections","create","allPossibleTypeValues","relatedCollections","Object","keys","contextData","baseFilterKey","JSON","stringify","contextBaseFilterKey","contextSeededRef","lastInitialExpandedRef","current","expandedNodes","contextExpanded","size","Set","handleToggleNode","wasSeeded","length","initialSet","map","isCurrentlyExpanded","has","nodeId","childrenCache","Map","prevBaseFilterKeyRef","clear","docs","docsByParent","parentId","parentKey","set","get","push","filterKey","slice","sort","join","cacheKey","parentMeta","loadedParents","loadedCount","children","hasMore","page","Math","ceil","totalDocs","treeRef","rootNodes","isLoading","loadMore","loadMoreFromHook","refresh","cache","enabled","limit","handleLoadMore","handleNodeClick","rootFocusableIds","node","firstRootFocusableId","lastRootFocusableId","handleTreeKeyDown","e","key","preventDefault","_jsx","className","collectionLabel","buttonStyle","drawerSlug","label","labels","singular","onSave","isAllSelected","handleAllClick","_jsxs","onKeyDown","ref","role","tabIndex","filter","onClick","plural","_Fragment","margin","redirectAfterCreate","nodeIdStr","nodeTitle","depth","hasChildren","title","onSelect","onToggle","selected","currentCount","onLoadMore","HierarchyTree","props"],"sources":["../../../../src/elements/Hierarchy/Tree/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { DEFAULT_HIERARCHY_TREE_LIMIT } from 'payload/shared'\nimport React, { useCallback, useId, useMemo, useRef, useState } from 'react'\n\nimport type { CachedChildren, HierarchyTreeProps, TreeDocument } from './types.js'\n\nimport { PlusIcon } from '../../../icons/Plus/index.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\nimport { useRouter } from '../../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { CreateDocumentButton } from '../../CreateDocumentButton/index.js'\nimport { DelayedSpinner } from '../../DelayedSpinner/index.js'\nimport { DocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { LoadMore } from './LoadMore/index.js'\nimport { TreeFocusProvider, useTreeFocus } from './TreeFocusContext.js'\nimport { TreeNode } from './TreeNode/index.js'\nimport { useChildren } from './useChildren.js'\nimport './index.css'\n\nconst baseClass = 'tree'\n\nconst getDocumentTitle = (doc: TreeDocument, useAsTitle: string | undefined): string => {\n  const docId: number | string = doc.id\n  const idStr = typeof docId === 'number' ? String(docId) : docId\n\n  if (!useAsTitle) {\n    return idStr\n  }\n\n  const value = doc[useAsTitle]\n  if (value && (typeof value === 'string' || typeof value === 'number')) {\n    return String(value)\n  }\n  return idStr\n}\n\nconst HierarchyTreeInner: React.FC<HierarchyTreeProps> = ({\n  baseFilter,\n  collectionSlug,\n  filterByCollections,\n  icon,\n  initialData: initialDataProp,\n  initialExpandedNodes: initialExpandedNodesProp,\n  onNodeClick,\n  selectedNodeId,\n  useAsTitle: useAsTitleProp,\n}) => {\n  const { focusedId, moveFocus, setFocusedId } = useTreeFocus()\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n  const { getEntityConfig } = useConfig()\n  const { closeModal, openModal } = useModal()\n  const createDrawerSlug = `tree-create-${useId()}`\n  const [isCreateDrawerOpen, setIsCreateDrawerOpen] = useState(false)\n\n  const {\n    getExpandedNodesForCollection,\n    getTreeDataForCollection,\n    toggleNodeForCollection,\n    typeFieldName,\n  } = useHierarchy()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const hierarchyConfig =\n    collectionConfig.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy\n      : undefined\n  const parentFieldName = hierarchyConfig?.parentFieldName\n  const treeLimit = hierarchyConfig?.admin?.treeLimit ?? DEFAULT_HIERARCHY_TREE_LIMIT\n  const useAsTitle = useAsTitleProp ?? collectionConfig.admin?.useAsTitle\n  const canCreate = Boolean(permissions?.collections?.[collectionSlug]?.create)\n\n  const allPossibleTypeValues = useMemo(\n    () =>\n      hierarchyConfig?.relatedCollections\n        ? Object.keys(hierarchyConfig.relatedCollections)\n        : undefined,\n    [hierarchyConfig?.relatedCollections],\n  )\n\n  const contextData = getTreeDataForCollection(collectionSlug)\n  const baseFilterKey = baseFilter ? JSON.stringify(baseFilter) : ''\n  const contextBaseFilterKey = contextData?.baseFilter ? JSON.stringify(contextData.baseFilter) : ''\n  const initialData =\n    baseFilterKey === contextBaseFilterKey ? (contextData ?? initialDataProp) : initialDataProp\n  // Tracks whether context has been seeded at least once since the last navigation.\n  // Resets when initialExpandedNodesProp changes (new array reference = navigation).\n  // Allows the memo to distinguish \"not yet seeded\" (fall back to prop) from\n  // \"user collapsed all nodes\" (trust empty context).\n  const contextSeededRef = useRef(false)\n  const lastInitialExpandedRef = useRef(initialExpandedNodesProp)\n  if (lastInitialExpandedRef.current !== initialExpandedNodesProp) {\n    lastInitialExpandedRef.current = initialExpandedNodesProp\n    contextSeededRef.current = false\n  }\n\n  const expandedNodes = useMemo(() => {\n    const contextExpanded = getExpandedNodesForCollection(collectionSlug)\n    if (contextExpanded.size > 0) {\n      contextSeededRef.current = true\n      return contextExpanded\n    }\n    if (contextSeededRef.current) {\n      // Context was seeded (had nodes since last navigation) — trust empty set as \"all collapsed\"\n      return contextExpanded\n    }\n    return initialExpandedNodesProp ? new Set(initialExpandedNodesProp) : contextExpanded\n  }, [collectionSlug, getExpandedNodesForCollection, initialExpandedNodesProp])\n\n  const handleToggleNode = useCallback(\n    ({ id }: { id: number | string }) => {\n      // Mark context as seeded so the memo never falls back to the prop after this interaction.\n      // Capture the previous value first — seeding is only needed on the very first interaction.\n      const wasSeeded = contextSeededRef.current\n      contextSeededRef.current = true\n      const contextExpanded = getExpandedNodesForCollection(collectionSlug)\n      if (!wasSeeded && contextExpanded.size === 0 && initialExpandedNodesProp?.length) {\n        // Context not yet seeded. Seed it with all initial nodes, applying the toggle correctly:\n        // exclude the target if collapsing, include it if expanding.\n        const initialSet = new Set(initialExpandedNodesProp.map(String))\n        const isCurrentlyExpanded = initialSet.has(String(id))\n        for (const nodeId of initialExpandedNodesProp) {\n          if (!isCurrentlyExpanded || String(nodeId) !== String(id)) {\n            toggleNodeForCollection(collectionSlug, nodeId)\n          }\n        }\n        if (!isCurrentlyExpanded) {\n          toggleNodeForCollection(collectionSlug, id)\n        }\n        return\n      }\n      toggleNodeForCollection(collectionSlug, id)\n    },\n    [\n      collectionSlug,\n      getExpandedNodesForCollection,\n      initialExpandedNodesProp,\n      toggleNodeForCollection,\n    ],\n  )\n\n  // Pre-populate cache with initialData synchronously before first render\n  const childrenCache = useRef<Map<string, CachedChildren>>(new Map())\n\n  const prevBaseFilterKeyRef = useRef(baseFilterKey)\n  if (prevBaseFilterKeyRef.current !== baseFilterKey) {\n    prevBaseFilterKeyRef.current = baseFilterKey\n    childrenCache.current.clear()\n  }\n\n  useMemo(() => {\n    if (!initialData || initialData.docs.length === 0) {\n      return\n    }\n\n    const docsByParent = new Map<string, TreeDocument[]>()\n    for (const doc of initialData.docs) {\n      const parentId = doc[parentFieldName] || 'null'\n      const parentKey = String(parentId)\n      if (!docsByParent.has(parentKey)) {\n        docsByParent.set(parentKey, [])\n      }\n      docsByParent.get(parentKey).push(doc)\n    }\n\n    const filterKey = filterByCollections?.length\n      ? filterByCollections.slice().sort().join(',')\n      : ''\n    for (const [parentKey, docs] of docsByParent) {\n      const cacheKey = `${collectionSlug}-${parentKey}-${filterKey}-${baseFilterKey}`\n      const parentMeta = initialData.loadedParents[parentKey]\n\n      if (parentMeta) {\n        const loadedCount = parentMeta.loadedCount ?? docs.length\n        childrenCache.current.set(cacheKey, {\n          children: docs,\n          hasMore: parentMeta.hasMore,\n          page: Math.ceil(loadedCount / treeLimit) || 1,\n          totalDocs: parentMeta.totalDocs,\n        })\n      } else {\n        childrenCache.current.set(cacheKey, {\n          children: docs,\n          hasMore: false,\n          page: 1,\n          totalDocs: docs.length,\n        })\n      }\n    }\n  }, [initialData, filterByCollections, parentFieldName, collectionSlug, treeLimit, baseFilterKey])\n\n  const treeRef = useRef<HTMLDivElement>(null)\n\n  const {\n    children: rootNodes,\n    hasMore,\n    isLoading,\n    loadMore: loadMoreFromHook,\n    refresh,\n    totalDocs,\n  } = useChildren({\n    allPossibleTypeValues,\n    baseFilter,\n    cache: childrenCache,\n    collectionSlug,\n    enabled: true,\n    filterByCollections,\n    initialData,\n    limit: treeLimit,\n    parentFieldName,\n    parentId: 'null',\n    typeFieldName,\n    useAsTitle,\n  })\n\n  const handleLoadMore = useCallback(async () => {\n    await loadMoreFromHook()\n  }, [loadMoreFromHook])\n\n  const handleNodeClick = useCallback(\n    ({ id }: { id: number | string }) => {\n      onNodeClick?.({ id })\n    },\n    [onNodeClick],\n  )\n\n  const rootFocusableIds = useMemo(\n    () => (rootNodes ? rootNodes.map((node) => `node-${String(node.id)}`) : []),\n    [rootNodes],\n  )\n\n  const firstRootFocusableId = rootFocusableIds[0]\n  const lastRootFocusableId = rootFocusableIds[rootFocusableIds.length - 1]\n\n  const handleTreeKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'ArrowDown') {\n        e.preventDefault()\n\n        if (\n          focusedId &&\n          firstRootFocusableId &&\n          lastRootFocusableId &&\n          focusedId === lastRootFocusableId\n        ) {\n          setFocusedId(firstRootFocusableId)\n          return\n        }\n\n        moveFocus('down')\n      } else if (e.key === 'ArrowUp') {\n        e.preventDefault()\n\n        if (\n          focusedId &&\n          firstRootFocusableId &&\n          lastRootFocusableId &&\n          focusedId === firstRootFocusableId\n        ) {\n          setFocusedId(lastRootFocusableId)\n          return\n        }\n\n        moveFocus('up')\n      }\n    },\n    [firstRootFocusableId, focusedId, lastRootFocusableId, moveFocus, setFocusedId],\n  )\n\n  if (isLoading && !rootNodes) {\n    return (\n      <div className={baseClass}>\n        <DelayedSpinner baseClass={baseClass} isLoading={true} />\n      </div>\n    )\n  }\n\n  if (!rootNodes || rootNodes.length === 0) {\n    const collectionLabel = getEntityConfig({ collectionSlug })\n    return (\n      <div className={baseClass}>\n        <CreateDocumentButton\n          buttonStyle=\"primary\"\n          collections={[{ collectionSlug }]}\n          drawerSlug={createDrawerSlug}\n          label={t('general:createNewLabel', {\n            label: getTranslation(collectionLabel.labels.singular, i18n),\n          })}\n          onSave={async () => {\n            await refresh()\n            router.refresh()\n          }}\n        />\n      </div>\n    )\n  }\n\n  const isAllSelected = selectedNodeId === null\n  const handleAllClick = () => onNodeClick?.({ id: null })\n\n  return (\n    <div\n      className={baseClass}\n      onKeyDown={handleTreeKeyDown}\n      ref={treeRef}\n      role=\"tree\"\n      tabIndex={-1}\n    >\n      <div className={`${baseClass}__all-option-wrapper`}>\n        <div\n          aria-selected={isAllSelected}\n          className={[\n            `${baseClass}__all-option`,\n            'sidebar-row',\n            isAllSelected && `${baseClass}__all-option--selected`,\n            isAllSelected && 'sidebar-row--selected',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={handleAllClick}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.preventDefault()\n              handleAllClick()\n            }\n          }}\n          role=\"treeitem\"\n          tabIndex={0}\n        >\n          <span className=\"sidebar-row__title\">\n            {t('general:all')}{' '}\n            {getTranslation(getEntityConfig({ collectionSlug })?.labels?.plural, i18n)}\n          </span>\n        </div>\n        {canCreate && (\n          <>\n            <Button\n              aria-label={t('general:createNew')}\n              buttonStyle=\"ghost\"\n              className={`${baseClass}__create-button`}\n              margin={false}\n              onClick={() => {\n                setIsCreateDrawerOpen(true)\n                openModal(createDrawerSlug)\n              }}\n            >\n              <PlusIcon size={24} />\n            </Button>\n            {isCreateDrawerOpen && (\n              <DocumentDrawer\n                collectionSlug={collectionSlug}\n                drawerSlug={createDrawerSlug}\n                initialData={parentFieldName ? { [parentFieldName]: null } : undefined}\n                onSave={async () => {\n                  closeModal(createDrawerSlug)\n                  setIsCreateDrawerOpen(false)\n                  await refresh()\n                  router.refresh()\n                }}\n                redirectAfterCreate={false}\n              />\n            )}\n          </>\n        )}\n      </div>\n      {rootNodes.map((node) => {\n        const nodeId: number | string = node.id\n        const nodeIdStr = typeof nodeId === 'number' ? String(nodeId) : nodeId\n        const nodeTitle = getDocumentTitle(node, useAsTitle)\n\n        return (\n          <TreeNode\n            allPossibleTypeValues={allPossibleTypeValues}\n            baseFilter={baseFilter}\n            cache={childrenCache}\n            collectionSlug={collectionSlug}\n            depth={0}\n            expandedNodes={expandedNodes}\n            filterByCollections={filterByCollections}\n            icon={icon}\n            key={nodeIdStr}\n            limit={treeLimit}\n            node={{ id: nodeId, hasChildren: true, title: nodeTitle }}\n            onSelect={handleNodeClick}\n            onToggle={handleToggleNode}\n            parentFieldName={parentFieldName}\n            selected={nodeIdStr === String(selectedNodeId)}\n            selectedNodeId={selectedNodeId}\n            typeFieldName={typeFieldName}\n            useAsTitle={useAsTitle}\n          />\n        )\n      })}\n      {hasMore && (\n        <LoadMore\n          currentCount={rootNodes.length}\n          depth={0}\n          id=\"load-more-root\"\n          onLoadMore={handleLoadMore}\n          totalDocs={totalDocs}\n        />\n      )}\n    </div>\n  )\n}\n\nexport const HierarchyTree: React.FC<HierarchyTreeProps> = (props) => {\n  return (\n    <TreeFocusProvider>\n      <HierarchyTreeInner {...props} />\n    </TreeFocusProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useModal","getTranslation","DEFAULT_HIERARCHY_TREE_LIMIT","React","useCallback","useId","useMemo","useRef","useState","PlusIcon","useAuth","useBranchParam","useConfig","useHierarchy","useRouter","useTranslation","Button","CreateDocumentButton","DelayedSpinner","DocumentDrawer","LoadMore","TreeFocusProvider","useFocusableItem","useTreeFocus","TreeNode","getBranchAwareChildrenCacheKey","useChildren","baseClass","getDocumentTitle","doc","useAsTitle","docId","id","idStr","String","value","HierarchyTreeInner","baseFilter","collectionSlug","filterByCollections","icon","initialData","initialDataProp","initialExpandedNodes","initialExpandedNodesProp","onNodeClick","selectedNodeId","useAsTitleProp","moveFocus","router","i18n","t","permissions","branch","getEntityConfig","closeModal","openModal","createDrawerSlug","isCreateDrawerOpen","setIsCreateDrawerOpen","getExpandedNodesForCollection","getTreeDataForCollection","toggleNodeForCollection","typeFieldName","collectionConfig","hierarchyConfig","hierarchy","undefined","parentFieldName","treeLimit","admin","canCreate","Boolean","collections","create","allPossibleTypeValues","relatedCollections","Object","keys","contextData","activeBranch","matchingContextData","matchingInitialDataProp","baseFilterKey","JSON","stringify","contextBaseFilterKey","contextSeededRef","lastInitialExpandedRef","current","expandedNodes","contextExpanded","size","Set","handleToggleNode","wasSeeded","length","initialSet","map","isCurrentlyExpanded","has","nodeId","childrenCache","Map","previousBranchRef","clear","prevBaseFilterKeyRef","docs","docsByParent","parentId","parentKey","set","get","push","filterKey","slice","sort","join","cacheKey","parentMeta","loadedParents","loadedCount","children","hasMore","page","Math","ceil","totalDocs","treeRef","allOptionRef","allOptionID","handleFocus","handleAllFocus","tabIndex","allTabIndex","type","isInitialTabStop","ref","rootNodes","isLoading","loadMore","loadMoreFromHook","refresh","cache","enabled","limit","handleLoadMore","handleNodeClick","handleTreeKeyDown","e","key","preventDefault","_jsx","className","collectionLabel","buttonStyle","drawerSlug","label","labels","singular","onSave","isAllSelected","handleAllClick","_jsxs","onKeyDown","role","filter","onClick","onFocus","plural","_Fragment","margin","redirectAfterCreate","node","nodeIdStr","nodeTitle","depth","hasChildren","title","onSelect","onToggle","selected","currentCount","onLoadMore","HierarchyTree","props"],"sources":["../../../../src/elements/Hierarchy/Tree/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { DEFAULT_HIERARCHY_TREE_LIMIT } from 'payload/shared'\nimport React, { useCallback, useId, useMemo, useRef, useState } from 'react'\n\nimport type { CachedChildren, HierarchyTreeProps, TreeDocument } from './types.js'\n\nimport { PlusIcon } from '../../../icons/Plus/index.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useBranchParam } from '../../../providers/Branch/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\nimport { useRouter } from '../../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { CreateDocumentButton } from '../../CreateDocumentButton/index.js'\nimport { DelayedSpinner } from '../../DelayedSpinner/index.js'\nimport { DocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { LoadMore } from './LoadMore/index.js'\nimport { TreeFocusProvider, useFocusableItem, useTreeFocus } from './TreeFocusContext.js'\nimport { TreeNode } from './TreeNode/index.js'\nimport { getBranchAwareChildrenCacheKey, useChildren } from './useChildren.js'\nimport './index.css'\n\nconst baseClass = 'tree'\n\nconst getDocumentTitle = (doc: TreeDocument, useAsTitle: string | undefined): string => {\n  const docId: number | string = doc.id\n  const idStr = typeof docId === 'number' ? String(docId) : docId\n\n  if (!useAsTitle) {\n    return idStr\n  }\n\n  const value = doc[useAsTitle]\n  if (value && (typeof value === 'string' || typeof value === 'number')) {\n    return String(value)\n  }\n  return idStr\n}\n\nconst HierarchyTreeInner: React.FC<HierarchyTreeProps> = ({\n  baseFilter,\n  collectionSlug,\n  filterByCollections,\n  icon,\n  initialData: initialDataProp,\n  initialExpandedNodes: initialExpandedNodesProp,\n  onNodeClick,\n  selectedNodeId,\n  useAsTitle: useAsTitleProp,\n}) => {\n  const { moveFocus } = useTreeFocus()\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n  const branch = useBranchParam()\n  const { getEntityConfig } = useConfig()\n  const { closeModal, openModal } = useModal()\n  const createDrawerSlug = `tree-create-${useId()}`\n  const [isCreateDrawerOpen, setIsCreateDrawerOpen] = useState(false)\n\n  const {\n    getExpandedNodesForCollection,\n    getTreeDataForCollection,\n    toggleNodeForCollection,\n    typeFieldName,\n  } = useHierarchy()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const hierarchyConfig =\n    collectionConfig.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy\n      : undefined\n  const parentFieldName = hierarchyConfig?.parentFieldName\n  const treeLimit = hierarchyConfig?.admin?.treeLimit ?? DEFAULT_HIERARCHY_TREE_LIMIT\n  const useAsTitle = useAsTitleProp ?? collectionConfig.admin?.useAsTitle\n  const canCreate = Boolean(permissions?.collections?.[collectionSlug]?.create)\n\n  const allPossibleTypeValues = useMemo(\n    () =>\n      hierarchyConfig?.relatedCollections\n        ? Object.keys(hierarchyConfig.relatedCollections)\n        : undefined,\n    [hierarchyConfig?.relatedCollections],\n  )\n\n  const contextData = getTreeDataForCollection(collectionSlug)\n  const activeBranch = branch ?? null\n  const matchingContextData = (contextData?.branch ?? null) === activeBranch ? contextData : null\n  const matchingInitialDataProp =\n    (initialDataProp?.branch ?? null) === activeBranch ? initialDataProp : null\n  const baseFilterKey = baseFilter ? JSON.stringify(baseFilter) : ''\n  const contextBaseFilterKey = matchingContextData?.baseFilter\n    ? JSON.stringify(matchingContextData.baseFilter)\n    : ''\n  const initialData =\n    baseFilterKey === contextBaseFilterKey\n      ? (matchingContextData ?? matchingInitialDataProp)\n      : matchingInitialDataProp\n  // Tracks whether context has been seeded at least once since the last navigation.\n  // Resets when initialExpandedNodesProp changes (new array reference = navigation).\n  // Allows the memo to distinguish \"not yet seeded\" (fall back to prop) from\n  // \"user collapsed all nodes\" (trust empty context).\n  const contextSeededRef = useRef(false)\n  const lastInitialExpandedRef = useRef(initialExpandedNodesProp)\n  if (lastInitialExpandedRef.current !== initialExpandedNodesProp) {\n    lastInitialExpandedRef.current = initialExpandedNodesProp\n    contextSeededRef.current = false\n  }\n\n  const expandedNodes = useMemo(() => {\n    const contextExpanded = getExpandedNodesForCollection(collectionSlug)\n    if (contextExpanded.size > 0) {\n      contextSeededRef.current = true\n      return contextExpanded\n    }\n    if (contextSeededRef.current) {\n      // Context was seeded (had nodes since last navigation) — trust empty set as \"all collapsed\"\n      return contextExpanded\n    }\n    return initialExpandedNodesProp ? new Set(initialExpandedNodesProp) : contextExpanded\n  }, [collectionSlug, getExpandedNodesForCollection, initialExpandedNodesProp])\n\n  const handleToggleNode = useCallback(\n    ({ id }: { id: number | string }) => {\n      // Mark context as seeded so the memo never falls back to the prop after this interaction.\n      // Capture the previous value first — seeding is only needed on the very first interaction.\n      const wasSeeded = contextSeededRef.current\n      contextSeededRef.current = true\n      const contextExpanded = getExpandedNodesForCollection(collectionSlug)\n      if (!wasSeeded && contextExpanded.size === 0 && initialExpandedNodesProp?.length) {\n        // Context not yet seeded. Seed it with all initial nodes, applying the toggle correctly:\n        // exclude the target if collapsing, include it if expanding.\n        const initialSet = new Set(initialExpandedNodesProp.map(String))\n        const isCurrentlyExpanded = initialSet.has(String(id))\n        for (const nodeId of initialExpandedNodesProp) {\n          if (!isCurrentlyExpanded || String(nodeId) !== String(id)) {\n            toggleNodeForCollection(collectionSlug, nodeId)\n          }\n        }\n        if (!isCurrentlyExpanded) {\n          toggleNodeForCollection(collectionSlug, id)\n        }\n        return\n      }\n      toggleNodeForCollection(collectionSlug, id)\n    },\n    [\n      collectionSlug,\n      getExpandedNodesForCollection,\n      initialExpandedNodesProp,\n      toggleNodeForCollection,\n    ],\n  )\n\n  // Pre-populate cache with initialData synchronously before first render\n  const childrenCache = useRef<Map<string, CachedChildren>>(new Map())\n\n  const previousBranchRef = useRef(branch)\n  if (previousBranchRef.current !== branch) {\n    previousBranchRef.current = branch\n    childrenCache.current.clear()\n  }\n\n  const prevBaseFilterKeyRef = useRef(baseFilterKey)\n  if (prevBaseFilterKeyRef.current !== baseFilterKey) {\n    prevBaseFilterKeyRef.current = baseFilterKey\n    childrenCache.current.clear()\n  }\n\n  useMemo(() => {\n    if (!initialData || initialData.docs.length === 0) {\n      return\n    }\n\n    const docsByParent = new Map<string, TreeDocument[]>()\n    for (const doc of initialData.docs) {\n      const parentId = doc[parentFieldName] || 'null'\n      const parentKey = String(parentId)\n      if (!docsByParent.has(parentKey)) {\n        docsByParent.set(parentKey, [])\n      }\n      docsByParent.get(parentKey).push(doc)\n    }\n\n    const filterKey = filterByCollections?.length\n      ? filterByCollections.slice().sort().join(',')\n      : ''\n    for (const [parentKey, docs] of docsByParent) {\n      const cacheKey = getBranchAwareChildrenCacheKey({\n        branch,\n        cacheKey: `${collectionSlug}-${parentKey}-${filterKey}-${baseFilterKey}`,\n      })\n      const parentMeta = initialData.loadedParents[parentKey]\n\n      if (parentMeta) {\n        const loadedCount = parentMeta.loadedCount ?? docs.length\n        childrenCache.current.set(cacheKey, {\n          children: docs,\n          hasMore: parentMeta.hasMore,\n          page: Math.ceil(loadedCount / treeLimit) || 1,\n          totalDocs: parentMeta.totalDocs,\n        })\n      } else {\n        childrenCache.current.set(cacheKey, {\n          children: docs,\n          hasMore: false,\n          page: 1,\n          totalDocs: docs.length,\n        })\n      }\n    }\n  }, [\n    baseFilterKey,\n    branch,\n    collectionSlug,\n    filterByCollections,\n    initialData,\n    parentFieldName,\n    treeLimit,\n  ])\n\n  const treeRef = useRef<HTMLDivElement>(null)\n  const allOptionRef = useRef<HTMLDivElement>(null)\n  const allOptionID = useId()\n  const { handleFocus: handleAllFocus, tabIndex: allTabIndex } = useFocusableItem({\n    id: allOptionID,\n    type: 'node',\n    isInitialTabStop: true,\n    ref: allOptionRef,\n  })\n\n  const {\n    children: rootNodes,\n    hasMore,\n    isLoading,\n    loadMore: loadMoreFromHook,\n    refresh,\n    totalDocs,\n  } = useChildren({\n    allPossibleTypeValues,\n    baseFilter,\n    cache: childrenCache,\n    collectionSlug,\n    enabled: true,\n    filterByCollections,\n    initialData,\n    limit: treeLimit,\n    parentFieldName,\n    parentId: 'null',\n    typeFieldName,\n    useAsTitle,\n  })\n\n  const handleLoadMore = useCallback(async () => {\n    await loadMoreFromHook()\n  }, [loadMoreFromHook])\n\n  const handleNodeClick = useCallback(\n    ({ id }: { id: number | string }) => {\n      onNodeClick?.({ id })\n    },\n    [onNodeClick],\n  )\n\n  const handleTreeKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        e.preventDefault()\n        moveFocus(e.key === 'ArrowDown' ? 'down' : 'up')\n      }\n    },\n    [moveFocus],\n  )\n\n  if (isLoading && !rootNodes) {\n    return (\n      <div className={baseClass}>\n        <DelayedSpinner baseClass={baseClass} isLoading={true} />\n      </div>\n    )\n  }\n\n  if (!rootNodes || rootNodes.length === 0) {\n    const collectionLabel = getEntityConfig({ collectionSlug })\n    return (\n      <div className={baseClass}>\n        <CreateDocumentButton\n          buttonStyle=\"primary\"\n          collections={[{ collectionSlug }]}\n          drawerSlug={createDrawerSlug}\n          label={t('general:createNewLabel', {\n            label: getTranslation(collectionLabel.labels.singular, i18n),\n          })}\n          onSave={async () => {\n            await refresh()\n            router.refresh()\n          }}\n        />\n      </div>\n    )\n  }\n\n  const isAllSelected = selectedNodeId === null\n  const handleAllClick = () => onNodeClick?.({ id: null })\n\n  return (\n    <div\n      className={baseClass}\n      onKeyDown={handleTreeKeyDown}\n      ref={treeRef}\n      role=\"tree\"\n      tabIndex={-1}\n    >\n      <div className={`${baseClass}__all-option-wrapper`}>\n        <div\n          aria-selected={isAllSelected}\n          className={[\n            `${baseClass}__all-option`,\n            'sidebar-row',\n            isAllSelected && `${baseClass}__all-option--selected`,\n            isAllSelected && 'sidebar-row--selected',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={handleAllClick}\n          onFocus={handleAllFocus}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.preventDefault()\n              handleAllClick()\n            }\n          }}\n          ref={allOptionRef}\n          role=\"treeitem\"\n          tabIndex={allTabIndex}\n        >\n          <span className=\"sidebar-row__title\">\n            {t('general:all')}{' '}\n            {getTranslation(getEntityConfig({ collectionSlug })?.labels?.plural, i18n)}\n          </span>\n        </div>\n        {canCreate && (\n          <>\n            <Button\n              aria-label={t('general:createNewLabel', {\n                label: getTranslation(collectionConfig.labels.singular, i18n),\n              })}\n              buttonStyle=\"ghost\"\n              className={`${baseClass}__create-button`}\n              margin={false}\n              onClick={() => {\n                setIsCreateDrawerOpen(true)\n                openModal(createDrawerSlug)\n              }}\n            >\n              <PlusIcon size={24} />\n            </Button>\n            {isCreateDrawerOpen && (\n              <DocumentDrawer\n                collectionSlug={collectionSlug}\n                drawerSlug={createDrawerSlug}\n                initialData={parentFieldName ? { [parentFieldName]: null } : undefined}\n                onSave={async () => {\n                  closeModal(createDrawerSlug)\n                  setIsCreateDrawerOpen(false)\n                  await refresh()\n                  router.refresh()\n                }}\n                redirectAfterCreate={false}\n              />\n            )}\n          </>\n        )}\n      </div>\n      {rootNodes.map((node) => {\n        const nodeId: number | string = node.id\n        const nodeIdStr = typeof nodeId === 'number' ? String(nodeId) : nodeId\n        const nodeTitle = getDocumentTitle(node, useAsTitle)\n\n        return (\n          <TreeNode\n            allPossibleTypeValues={allPossibleTypeValues}\n            baseFilter={baseFilter}\n            cache={childrenCache}\n            collectionSlug={collectionSlug}\n            depth={0}\n            expandedNodes={expandedNodes}\n            filterByCollections={filterByCollections}\n            icon={icon}\n            key={nodeIdStr}\n            limit={treeLimit}\n            node={{ id: nodeId, hasChildren: true, title: nodeTitle }}\n            onSelect={handleNodeClick}\n            onToggle={handleToggleNode}\n            parentFieldName={parentFieldName}\n            selected={nodeIdStr === String(selectedNodeId)}\n            selectedNodeId={selectedNodeId}\n            typeFieldName={typeFieldName}\n            useAsTitle={useAsTitle}\n          />\n        )\n      })}\n      {hasMore && (\n        <LoadMore\n          currentCount={rootNodes.length}\n          depth={0}\n          id=\"load-more-root\"\n          onLoadMore={handleLoadMore}\n          totalDocs={totalDocs}\n        />\n      )}\n    </div>\n  )\n}\n\nexport const HierarchyTree: React.FC<HierarchyTreeProps> = (props) => {\n  return (\n    <TreeFocusProvider>\n      <HierarchyTreeInner {...props} />\n    </TreeFocusProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Hierarchy/Tree/types.d.ts

@@ -5,6 +5,7 @@ export type HierarchyDocument = {
 } & TypeWithID;
 export type HierarchyInitialData = {
     baseFilter?: null | Where;
+    branch?: null | string;
     docs: HierarchyDocument[];
     loadedParents: Record<string, {
         hasMore: boolean;
@@ -44,6 +45,7 @@ export type CachedChildren = {
 };
 export type TreeCache = RefObject<Map<string, CachedChildren>>;
 export type TreeInitialData = {
+    branch?: null | string;
     docs: TreeDocument[];
     loadedParents: Record<string, {
         hasMore: boolean;

package/dist/elements/Hierarchy/Tree/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Tree/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Tree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB,GAAG,UAAU,CAAA;AAEd,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,CAAC,EAAE,IAAI,GAAG,KAAK,CAAA;IACzB,MAAM,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACtB,IAAI,EAAE,iBAAiB,EAAE,CAAA;IAEzB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAC7F,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,CAAC,EAAE,IAAI,GAAG,KAAK,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,gHAAgH;IAChH,WAAW,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAA;IACzC,qHAAqH;IACrH,oBAAoB,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAC1C,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;QAAE,EAAE,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC9D,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IACvC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAID,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;IACtB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,OAAO,CAAA;IACpB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,YAAY,EAAE,CAAA;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAA;AAE9D,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACtB,IAAI,EAAE,YAAY,EAAE,CAAA;IACpB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAC7F,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAA;IAChC,UAAU,CAAC,EAAE,IAAI,GAAG,KAAK,CAAA;IACzB,KAAK,EAAE,SAAS,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACnC,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,YAAY,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACpD,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACnD,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAChC,aAAa,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA"}

package/dist/elements/Hierarchy/Tree/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/Hierarchy/Tree/types.ts"],"sourcesContent":["import type { TypeWithID, Where } from 'payload'\nimport type { ReactNode, RefObject } from 'react'\n\nexport type HierarchyDocument = {\n  [key: string]: unknown\n} & TypeWithID\n\nexport type HierarchyInitialData = {\n  baseFilter?: null | Where\n  docs: HierarchyDocument[]\n  // Metadata about what was loaded - keyed by parent ID ('null' for root)\n  loadedParents: Record<string, { hasMore: boolean; loadedCount?: number; totalDocs: number }>\n}\n\nexport type HierarchyTreeProps = {\n  baseFilter?: null | Where\n  collectionSlug: string\n  filterByCollections?: string[]\n  icon?: ReactNode\n  /** Initial data for first render (before context hydration). After hydration, context data takes precedence. */\n  initialData?: HierarchyInitialData | null\n  /** Initial expanded nodes for first render (before context hydration). After hydration, context takes precedence. */\n  initialExpandedNodes?: (number | string)[]\n  onNodeClick?: ({ id }: { id: null | number | string }) => void\n  selectedNodeId?: null | number | string\n  useAsTitle?: string\n}\n\n// Tree primitive types (used by TreeNode, useChildren, HierarchyTree)\n\nexport type TreeDocument = {\n  [key: string]: unknown\n  id: number | string\n}\n\nexport type TreeNodeData = {\n  hasChildren: boolean\n  id: number | string\n  title: string\n}\n\nexport type CachedChildren = {\n  children: TreeDocument[]\n  hasMore: boolean\n  page: number\n  totalDocs: number\n}\n\nexport type TreeCache = RefObject<Map<string, CachedChildren>>\n\nexport type TreeInitialData = {\n  docs: TreeDocument[]\n  loadedParents: Record<string, { hasMore: boolean; loadedCount?: number; totalDocs: number }>\n}\n\nexport type TreeNodeProps = {\n  allPossibleTypeValues?: string[]\n  baseFilter?: null | Where\n  cache: TreeCache\n  collectionSlug: string\n  depth: number\n  expandedNodes: Set<number | string>\n  filterByCollections?: string[]\n  icon?: ReactNode\n  limit: number\n  node: TreeNodeData\n  onSelect?: ({ id }: { id: number | string }) => void\n  onToggle: ({ id }: { id: number | string }) => void\n  parentFieldName: string\n  selected?: boolean\n  selectedNodeId?: number | string\n  typeFieldName?: null | string\n  useAsTitle?: string\n}\n"],"mappings":"AAuDA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/Hierarchy/Tree/types.ts"],"sourcesContent":["import type { TypeWithID, Where } from 'payload'\nimport type { ReactNode, RefObject } from 'react'\n\nexport type HierarchyDocument = {\n  [key: string]: unknown\n} & TypeWithID\n\nexport type HierarchyInitialData = {\n  baseFilter?: null | Where\n  branch?: null | string\n  docs: HierarchyDocument[]\n  // Metadata about what was loaded - keyed by parent ID ('null' for root)\n  loadedParents: Record<string, { hasMore: boolean; loadedCount?: number; totalDocs: number }>\n}\n\nexport type HierarchyTreeProps = {\n  baseFilter?: null | Where\n  collectionSlug: string\n  filterByCollections?: string[]\n  icon?: ReactNode\n  /** Initial data for first render (before context hydration). After hydration, context data takes precedence. */\n  initialData?: HierarchyInitialData | null\n  /** Initial expanded nodes for first render (before context hydration). After hydration, context takes precedence. */\n  initialExpandedNodes?: (number | string)[]\n  onNodeClick?: ({ id }: { id: null | number | string }) => void\n  selectedNodeId?: null | number | string\n  useAsTitle?: string\n}\n\n// Tree primitive types (used by TreeNode, useChildren, HierarchyTree)\n\nexport type TreeDocument = {\n  [key: string]: unknown\n  id: number | string\n}\n\nexport type TreeNodeData = {\n  hasChildren: boolean\n  id: number | string\n  title: string\n}\n\nexport type CachedChildren = {\n  children: TreeDocument[]\n  hasMore: boolean\n  page: number\n  totalDocs: number\n}\n\nexport type TreeCache = RefObject<Map<string, CachedChildren>>\n\nexport type TreeInitialData = {\n  branch?: null | string\n  docs: TreeDocument[]\n  loadedParents: Record<string, { hasMore: boolean; loadedCount?: number; totalDocs: number }>\n}\n\nexport type TreeNodeProps = {\n  allPossibleTypeValues?: string[]\n  baseFilter?: null | Where\n  cache: TreeCache\n  collectionSlug: string\n  depth: number\n  expandedNodes: Set<number | string>\n  filterByCollections?: string[]\n  icon?: ReactNode\n  limit: number\n  node: TreeNodeData\n  onSelect?: ({ id }: { id: number | string }) => void\n  onToggle: ({ id }: { id: number | string }) => void\n  parentFieldName: string\n  selected?: boolean\n  selectedNodeId?: number | string\n  typeFieldName?: null | string\n  useAsTitle?: string\n}\n"],"mappings":"AAyDA","ignoreList":[]}

package/dist/elements/Hierarchy/Tree/useChildren.d.ts

@@ -27,6 +27,10 @@ type UseChildrenReturn = {
     refresh: () => Promise<TreeDocument[]>;
     totalDocs: number;
 };
+export declare const getBranchAwareChildrenCacheKey: ({ branch, cacheKey, }: {
+    branch?: string;
+    cacheKey: string;
+}) => string;
 export declare const useChildren: ({ allPossibleTypeValues, baseFilter, cache, cacheKey: cacheKeyProp, collectionSlug, enabled, filterByCollections, initialData, limit, parentFieldName, parentId, typeFieldName, useAsTitle, }: UseChildrenArgs) => UseChildrenReturn;
 export {};
 //# sourceMappingURL=useChildren.d.ts.map

package/dist/elements/Hierarchy/Tree/useChildren.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChildren.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Tree/useChildren.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAMpC,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAK1E,KAAK,eAAe,GAAG;IACrB,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAA;IAChC,gEAAgE;IAChE,UAAU,CAAC,EAAE,IAAI,GAAG,KAAK,CAAA;IACzB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC9B,WAAW,CAAC,EAAE,IAAI,GAAG,eAAe,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,IAAI,GAAG,YAAY,EAAE,CAAA;IAC/B,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,OAAO,CAAA;IAClB,wFAAwF;IACxF,IAAI,EAAE,MAAM,OAAO,CAAC,YAAY,EAAE,CAAC,CAAA;IACnC,QAAQ,EAAE,MAAM,OAAO,CAAC,YAAY,EAAE,CAAC,CAAA;IACvC,OAAO,EAAE,MAAM,OAAO,CAAC,YAAY,EAAE,CAAC,CAAA;IACtC,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,WAAW,kMAcrB,eAAe,KAAG,iBAyPpB,CAAA"}
+{"version":3,"file":"useChildren.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Tree/useChildren.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAMpC,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAM1E,KAAK,eAAe,GAAG;IACrB,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAA;IAChC,gEAAgE;IAChE,UAAU,CAAC,EAAE,IAAI,GAAG,KAAK,CAAA;IACzB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC9B,WAAW,CAAC,EAAE,IAAI,GAAG,eAAe,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,IAAI,GAAG,YAAY,EAAE,CAAA;IAC/B,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,OAAO,CAAA;IAClB,wFAAwF;IACxF,IAAI,EAAE,MAAM,OAAO,CAAC,YAAY,EAAE,CAAC,CAAA;IACnC,QAAQ,EAAE,MAAM,OAAO,CAAC,YAAY,EAAE,CAAC,CAAA;IACvC,OAAO,EAAE,MAAM,OAAO,CAAC,YAAY,EAAE,CAAC,CAAA;IACtC,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,8BAA8B,0BAGxC;IACD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;CACjB,KAAG,MAAoD,CAAA;AAExD,eAAO,MAAM,WAAW,kMAcrB,eAAe,KAAG,iBA0RpB,CAAA"}

package/dist/elements/Hierarchy/Tree/useChildren.js

@@ -1,8 +1,13 @@
 import { combineWhereConstraints, formatAdminURL } from 'payload/shared';
 import * as qs from 'qs-esm';
 import { useCallback, useEffect, useRef, useState } from 'react';
+import { useBranchParam } from '../../../providers/Branch/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { isSuperset } from '../../../utilities/isSuperset.js';
+export const getBranchAwareChildrenCacheKey = ({
+  branch,
+  cacheKey
+}) => JSON.stringify([branch ?? null, cacheKey]);
 export const useChildren = ({
   allPossibleTypeValues,
   baseFilter,
@@ -18,10 +23,15 @@ export const useChildren = ({
   typeFieldName,
   useAsTitle
 }) => {
+  const branch = useBranchParam();
   const filterKey = filterByCollections?.length ? filterByCollections.slice().sort().join(',') : '';
   const baseFilterKey = baseFilter ? JSON.stringify(baseFilter) : '';
   // Use provided cacheKey for consistency with cache population, or compute if not provided
-  const cacheKey = cacheKeyProp ?? `${collectionSlug}-${String(parentId)}-${filterKey}-${baseFilterKey}`;
+  const cacheKeyWithoutBranch = cacheKeyProp ?? `${collectionSlug}-${String(parentId)}-${filterKey}-${baseFilterKey}`;
+  const cacheKey = getBranchAwareChildrenCacheKey({
+    branch,
+    cacheKey: cacheKeyWithoutBranch
+  });
   const cachedData = cache?.current.get(cacheKey);
   // Check if we have initial data for this specific parent
   const parentKey = parentId === 'null' ? 'null' : String(parentId);
@@ -45,9 +55,13 @@ export const useChildren = ({
   const [totalDocs, setTotalDocs] = useState(parentMeta?.totalDocs || cachedData?.totalDocs || 0);
   const [hasMore, setHasMore] = useState(parentMeta?.hasMore || cachedData?.hasMore || false);
   const initializedRef = useRef(!!hasInitialData);
+  const activeCacheKeyRef = useRef(cacheKey);
+  activeCacheKeyRef.current = cacheKey;
+  const stateCacheKeyRef = useRef(cacheKey);
+  const stateFilterKeyRef = useRef(filterKey);
   // Refs for stable access inside load() without adding state to its dep array
   const childrenRef = useRef(children);
-  childrenRef.current = children;
+  childrenRef.current = stateCacheKeyRef.current === cacheKey ? children : null;
   const isLoadingRef = useRef(isLoading);
   isLoadingRef.current = isLoading;
   const {
@@ -59,7 +73,9 @@ export const useChildren = ({
     }
   } = useConfig();
   const fetchPage = useCallback(async (pageToFetch, currentChildren) => {
-    setIsLoading(true);
+    if (activeCacheKeyRef.current === cacheKey) {
+      setIsLoading(true);
+    }
     try {
       const parentCondition = parentId === 'null' || parentId === null ? {
         or: [{
@@ -101,6 +117,7 @@ export const useChildren = ({
       // Combine conditions: parent + filter + baseFilter
       const where = combineWhereConstraints([parentCondition, filterCondition, baseFilter]);
       const queryParams = {
+        branch,
         limit,
         page: pageToFetch,
         sort: useAsTitle ?? 'id',
@@ -126,10 +143,6 @@ export const useChildren = ({
       // Server query uses ANY (due to PG limitations), but we want ALL (superset)
       const newDocs = filterByCollections?.length && typeFieldName ? allDocs.filter(doc => isSuperset(doc[typeFieldName], filterByCollections)) : allDocs;
       const newChildren = pageToFetch === 1 ? newDocs : [...(currentChildren || []), ...newDocs];
-      setChildren(newChildren);
-      setTotalDocs(data.totalDocs || 0);
-      setHasMore(data.hasNextPage || false);
-      setPage(pageToFetch);
       if (cache) {
         cache.current.set(cacheKey, {
           children: newChildren,
@@ -138,12 +151,16 @@ export const useChildren = ({
           totalDocs: data.totalDocs || 0
         });
       }
+      if (activeCacheKeyRef.current === cacheKey) {
+        setChildren(newChildren);
+        setTotalDocs(data.totalDocs || 0);
+        setHasMore(data.hasNextPage || false);
+        setPage(pageToFetch);
+      }
       return newDocs;
     } catch {
       if (pageToFetch === 1) {
         const emptyChildren = [];
-        setChildren(emptyChildren);
-        setHasMore(false);
         if (cache) {
           cache.current.set(cacheKey, {
             children: emptyChildren,
@@ -152,27 +169,42 @@ export const useChildren = ({
             totalDocs: 0
           });
         }
+        if (activeCacheKeyRef.current === cacheKey) {
+          setChildren(emptyChildren);
+          setHasMore(false);
+        }
       }
       return [];
     } finally {
-      setIsLoading(false);
+      if (activeCacheKeyRef.current === cacheKey) {
+        setIsLoading(false);
+      }
     }
-  }, [allPossibleTypeValues, baseFilter, parentId, parentFieldName, filterByCollections, typeFieldName, limit, useAsTitle, api, collectionSlug, serverURL, cache, cacheKey]);
-  // Reset state and reload when filter changes
-  const prevFilterKeyRef = useRef(filterKey);
+  }, [branch, allPossibleTypeValues, baseFilter, parentId, parentFieldName, filterByCollections, typeFieldName, limit, useAsTitle, api, collectionSlug, serverURL, cache, cacheKey]);
+  // Reset state whenever the cache identity changes, including branch and filter changes.
   useEffect(() => {
-    if (prevFilterKeyRef.current !== filterKey) {
-      prevFilterKeyRef.current = filterKey;
-      setChildren(null);
-      setPage(1);
-      setTotalDocs(0);
-      setHasMore(false);
-      // If the node is currently expanded, immediately reload with the new filter
-      if (enabled) {
+    const hasFilterChanged = stateFilterKeyRef.current !== filterKey;
+    if (stateCacheKeyRef.current !== cacheKey || hasFilterChanged) {
+      stateCacheKeyRef.current = cacheKey;
+      stateFilterKeyRef.current = filterKey;
+      initializedRef.current = false;
+      if (hasFilterChanged) {
+        cache?.current.delete(cacheKey);
+      }
+      const cachedDataForActiveBranch = hasFilterChanged ? undefined : cache?.current.get(cacheKey);
+      const nextChildren = enabled ? cachedDataForActiveBranch?.children ?? null : null;
+      childrenRef.current = nextChildren;
+      isLoadingRef.current = false;
+      setChildren(nextChildren);
+      setIsLoading(false);
+      setPage(enabled ? cachedDataForActiveBranch?.page ?? 1 : 1);
+      setTotalDocs(enabled ? cachedDataForActiveBranch?.totalDocs ?? 0 : 0);
+      setHasMore(enabled ? cachedDataForActiveBranch?.hasMore ?? false : false);
+      if (enabled && !cachedDataForActiveBranch) {
         void fetchPage(1, null);
       }
     }
-  }, [filterKey, enabled, fetchPage]);
+  }, [cache, cacheKey, enabled, fetchPage, filterKey]);
   // Load children explicitly. Safe to call multiple times — no-ops if already loaded or loading.
   const load = useCallback(async () => {
     // Consume initialData on first call without re-fetching
@@ -219,7 +251,7 @@ export const useChildren = ({
   // If state hasn't been loaded yet, read directly from cache as a synchronous fallback.
   // Tree's useMemo pre-populates the cache before child TreeNodes render, so this eliminates
   // the brief null-children flash that occurs when a node becomes expanded after context updates.
-  const effectiveChildren = children ?? cache?.current.get(cacheKey)?.children ?? null;
+  const effectiveChildren = stateCacheKeyRef.current === cacheKey ? children ?? cache?.current.get(cacheKey)?.children ?? null : null;
   return {
     children: effectiveChildren,
     hasMore,