@payloadcms/ui 3.80.0-internal.c396c15 → 3.80.0-internal.cdd7ef7

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getTranslation","useRouter","DEFAULT_HIERARCHY_TREE_LIMIT","React","useCallback","useId","useMemo","useRef","TagIcon","useConfig","useHierarchy","useTranslation","CreateDocumentButton","DelayedSpinner","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","moveFocus","router","i18n","t","getEntityConfig","createDrawerSlug","getExpandedNodesForCollection","getTreeDataForCollection","toggleNodeForCollection","typeFieldName","collectionConfig","hierarchyConfig","hierarchy","undefined","parentFieldName","treeLimit","admin","allPossibleTypeValues","relatedCollections","Object","keys","contextData","baseFilterKey","JSON","stringify","contextBaseFilterKey","expandedNodes","contextExpanded","size","Set","handleToggleNode","childrenCache","Map","prevBaseFilterKeyRef","current","clear","docs","length","docsByParent","parentId","parentKey","has","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","handleTreeKeyDown","e","key","preventDefault","_jsx","className","collectionLabel","buttonStyle","collections","drawerSlug","label","labels","singular","onSave","isAllSelected","handleAllClick","_jsxs","onKeyDown","ref","role","tabIndex","filter","Boolean","onClick","color","plural","map","node","nodeId","nodeIdStr","nodeTitle","depth","hasChildren","title","onSelect","onToggle","selected","currentCount","onLoadMore","HierarchyTree","props"],"sources":["../../../../src/elements/Hierarchy/Tree/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { DEFAULT_HIERARCHY_TREE_LIMIT } from 'payload/shared'\nimport React, { useCallback, useId, useMemo, useRef } from 'react'\n\nimport type { CachedChildren, HierarchyTreeProps, TreeDocument } from './types.js'\n\nimport { TagIcon } from '../../../icons/Tag/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { CreateDocumentButton } from '../../CreateDocumentButton/index.js'\nimport { DelayedSpinner } from '../../DelayedSpinner/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.scss'\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 { getEntityConfig } = useConfig()\n  const createDrawerSlug = `tree-create-${useId()}`\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\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\n  const expandedNodes = useMemo(() => {\n    const contextExpanded = getExpandedNodesForCollection(collectionSlug)\n    if (contextExpanded.size > 0) {\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      toggleNodeForCollection(collectionSlug, id)\n    },\n    [collectionSlug, toggleNodeForCollection],\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 handleTreeKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'ArrowDown') {\n        e.preventDefault()\n        moveFocus('down')\n      } else if (e.key === 'ArrowUp') {\n        e.preventDefault()\n        moveFocus('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\n        aria-selected={isAllSelected}\n        className={[\n          `${baseClass}__all-option`,\n          isAllSelected && `${baseClass}__all-option--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        {icon || <TagIcon color=\"muted\" />}\n        <span>\n          {t('general:all')}{' '}\n          {getTranslation(getEntityConfig({ collectionSlug })?.labels?.plural, i18n)}\n        </span>\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            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":"AAAA;;;AAEA,SAASA,cAAc,QAAQ;AAC/B,SAASC,SAAS,QAAQ;AAC1B,SAASC,4BAA4B,QAAQ;AAC7C,OAAOC,KAAA,IAASC,WAAW,EAAEC,KAAK,EAAEC,OAAO,EAAEC,MAAM,QAAQ;AAI3D,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,cAAc,QAAQ;AAC/B,SAASC,QAAQ,QAAQ;AACzB,SAASC,iBAAiB,EAAEC,YAAY,QAAQ;AAChD,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,gBAAA,GAAmBA,CAACC,GAAA,EAAmBC,UAAA;EAC3C,MAAMC,KAAA,GAAyBF,GAAA,CAAIG,EAAE;EACrC,MAAMC,KAAA,GAAQ,OAAOF,KAAA,KAAU,WAAWG,MAAA,CAAOH,KAAA,IAASA,KAAA;EAE1D,IAAI,CAACD,UAAA,EAAY;IACf,OAAOG,KAAA;EACT;EAEA,MAAME,KAAA,GAAQN,GAAG,CAACC,UAAA,CAAW;EAC7B,IAAIK,KAAA,KAAU,OAAOA,KAAA,KAAU,YAAY,OAAOA,KAAA,KAAU,QAAO,GAAI;IACrE,OAAOD,MAAA,CAAOC,KAAA;EAChB;EACA,OAAOF,KAAA;AACT;AAEA,MAAMG,kBAAA,GAAmDA,CAAC;EACxDC,UAAU;EACVC,cAAc;EACdC,mBAAmB;EACnBC,IAAI;EACJC,WAAA,EAAaC,eAAe;EAC5BC,oBAAA,EAAsBC,wBAAwB;EAC9CC,WAAW;EACXC,cAAc;EACdhB,UAAA,EAAYiB;AAAc,CAC3B;EACC,MAAM;IAAEC;EAAS,CAAE,GAAGxB,YAAA;EACtB,MAAMyB,MAAA,GAASxC,SAAA;EACf,MAAM;IAAEyC,IAAI;IAAEC;EAAC,CAAE,GAAGhC,cAAA;EACpB,MAAM;IAAEiC;EAAe,CAAE,GAAGnC,SAAA;EAC5B,MAAMoC,gBAAA,GAAmB,eAAexC,KAAA,IAAS;EAEjD,MAAM;IACJyC,6BAA6B;IAC7BC,wBAAwB;IACxBC,uBAAuB;IACvBC;EAAa,CACd,GAAGvC,YAAA;EAEJ,MAAMwC,gBAAA,GAAmBN,eAAA,CAAgB;IAAEd;EAAe;EAC1D,MAAMqB,eAAA,GACJD,gBAAA,CAAiBE,SAAS,IAAI,OAAOF,gBAAA,CAAiBE,SAAS,KAAK,WAChEF,gBAAA,CAAiBE,SAAS,GAC1BC,SAAA;EACN,MAAMC,eAAA,GAAkBH,eAAA,EAAiBG,eAAA;EACzC,MAAMC,SAAA,GAAYJ,eAAA,EAAiBK,KAAA,EAAOD,SAAA,IAAarD,4BAAA;EACvD,MAAMoB,UAAA,GAAaiB,cAAA,IAAkBW,gBAAA,CAAiBM,KAAK,EAAElC,UAAA;EAE7D,MAAMmC,qBAAA,GAAwBnD,OAAA,CAC5B,MACE6C,eAAA,EAAiBO,kBAAA,GACbC,MAAA,CAAOC,IAAI,CAACT,eAAA,CAAgBO,kBAAkB,IAC9CL,SAAA,EACN,CAACF,eAAA,EAAiBO,kBAAA,CAAmB;EAGvC,MAAMG,WAAA,GAAcd,wBAAA,CAAyBjB,cAAA;EAC7C,MAAMgC,aAAA,GAAgBjC,UAAA,GAAakC,IAAA,CAAKC,SAAS,CAACnC,UAAA,IAAc;EAChE,MAAMoC,oBAAA,GAAuBJ,WAAA,EAAahC,UAAA,GAAakC,IAAA,CAAKC,SAAS,CAACH,WAAA,CAAYhC,UAAU,IAAI;EAChG,MAAMI,WAAA,GACJ6B,aAAA,KAAkBG,oBAAA,GAAwBJ,WAAA,IAAe3B,eAAA,GAAmBA,eAAA;EAE9E,MAAMgC,aAAA,GAAgB5D,OAAA,CAAQ;IAC5B,MAAM6D,eAAA,GAAkBrB,6BAAA,CAA8BhB,cAAA;IACtD,IAAIqC,eAAA,CAAgBC,IAAI,GAAG,GAAG;MAC5B,OAAOD,eAAA;IACT;IACA,OAAO/B,wBAAA,GAA2B,IAAIiC,GAAA,CAAIjC,wBAAA,IAA4B+B,eAAA;EACxE,GAAG,CAACrC,cAAA,EAAgBgB,6BAAA,EAA+BV,wBAAA,CAAyB;EAE5E,MAAMkC,gBAAA,GAAmBlE,WAAA,CACvB,CAAC;IAAEoB;EAAE,CAA2B;IAC9BwB,uBAAA,CAAwBlB,cAAA,EAAgBN,EAAA;EAC1C,GACA,CAACM,cAAA,EAAgBkB,uBAAA,CAAwB;EAG3C;EACA,MAAMuB,aAAA,GAAgBhE,MAAA,CAAoC,IAAIiE,GAAA;EAE9D,MAAMC,oBAAA,GAAuBlE,MAAA,CAAOuD,aAAA;EACpC,IAAIW,oBAAA,CAAqBC,OAAO,KAAKZ,aAAA,EAAe;IAClDW,oBAAA,CAAqBC,OAAO,GAAGZ,aAAA;IAC/BS,aAAA,CAAcG,OAAO,CAACC,KAAK;EAC7B;EAEArE,OAAA,CAAQ;IACN,IAAI,CAAC2B,WAAA,IAAeA,WAAA,CAAY2C,IAAI,CAACC,MAAM,KAAK,GAAG;MACjD;IACF;IAEA,MAAMC,YAAA,GAAe,IAAIN,GAAA;IACzB,KAAK,MAAMnD,GAAA,IAAOY,WAAA,CAAY2C,IAAI,EAAE;MAClC,MAAMG,QAAA,GAAW1D,GAAG,CAACiC,eAAA,CAAgB,IAAI;MACzC,MAAM0B,SAAA,GAAYtD,MAAA,CAAOqD,QAAA;MACzB,IAAI,CAACD,YAAA,CAAaG,GAAG,CAACD,SAAA,GAAY;QAChCF,YAAA,CAAaI,GAAG,CAACF,SAAA,EAAW,EAAE;MAChC;MACAF,YAAA,CAAaK,GAAG,CAACH,SAAA,EAAWI,IAAI,CAAC/D,GAAA;IACnC;IAEA,MAAMgE,SAAA,GAAYtD,mBAAA,EAAqB8C,MAAA,GACnC9C,mBAAA,CAAoBuD,KAAK,GAAGC,IAAI,GAAGC,IAAI,CAAC,OACxC;IACJ,KAAK,MAAM,CAACR,WAAA,EAAWJ,IAAA,CAAK,IAAIE,YAAA,EAAc;MAC5C,MAAMW,QAAA,GAAW,GAAG3D,cAAA,IAAkBkD,WAAA,IAAaK,SAAA,IAAavB,aAAA,EAAe;MAC/E,MAAM4B,UAAA,GAAazD,WAAA,CAAY0D,aAAa,CAACX,WAAA,CAAU;MAEvD,IAAIU,UAAA,EAAY;QACd,MAAME,WAAA,GAAcF,UAAA,CAAWE,WAAW,IAAIhB,IAAA,CAAKC,MAAM;QACzDN,aAAA,CAAcG,OAAO,CAACQ,GAAG,CAACO,QAAA,EAAU;UAClCI,QAAA,EAAUjB,IAAA;UACVkB,OAAA,EAASJ,UAAA,CAAWI,OAAO;UAC3BC,IAAA,EAAMC,IAAA,CAAKC,IAAI,CAACL,WAAA,GAAcrC,SAAA,KAAc;UAC5C2C,SAAA,EAAWR,UAAA,CAAWQ;QACxB;MACF,OAAO;QACL3B,aAAA,CAAcG,OAAO,CAACQ,GAAG,CAACO,QAAA,EAAU;UAClCI,QAAA,EAAUjB,IAAA;UACVkB,OAAA,EAAS;UACTC,IAAA,EAAM;UACNG,SAAA,EAAWtB,IAAA,CAAKC;QAClB;MACF;IACF;EACF,GAAG,CAAC5C,WAAA,EAAaF,mBAAA,EAAqBuB,eAAA,EAAiBxB,cAAA,EAAgByB,SAAA,EAAWO,aAAA,CAAc;EAEhG,MAAMqC,OAAA,GAAU5F,MAAA,CAAuB;EAEvC,MAAM;IACJsF,QAAA,EAAUO,SAAS;IACnBN,OAAO;IACPO,SAAS;IACTC,QAAA,EAAUC,gBAAgB;IAC1BC,OAAO;IACPN;EAAS,CACV,GAAGhF,WAAA,CAAY;IACduC,qBAAA;IACA5B,UAAA;IACA4E,KAAA,EAAOlC,aAAA;IACPzC,cAAA;IACA4E,OAAA,EAAS;IACT3E,mBAAA;IACAE,WAAA;IACA0E,KAAA,EAAOpD,SAAA;IACPD,eAAA;IACAyB,QAAA,EAAU;IACV9B,aAAA;IACA3B;EACF;EAEA,MAAMsF,cAAA,GAAiBxG,WAAA,CAAY;IACjC,MAAMmG,gBAAA;EACR,GAAG,CAACA,gBAAA,CAAiB;EAErB,MAAMM,eAAA,GAAkBzG,WAAA,CACtB,CAAC;IAAEoB,EAAE,EAAFA;EAAE,CAA2B;IAC9Ba,WAAA,GAAc;MAAEb,EAAA,EAAAA;IAAG;EACrB,GACA,CAACa,WAAA,CAAY;EAGf,MAAMyE,iBAAA,GAAoB1G,WAAA,CACvB2G,CAAA;IACC,IAAIA,CAAA,CAAEC,GAAG,KAAK,aAAa;MACzBD,CAAA,CAAEE,cAAc;MAChBzE,SAAA,CAAU;IACZ,OAAO,IAAIuE,CAAA,CAAEC,GAAG,KAAK,WAAW;MAC9BD,CAAA,CAAEE,cAAc;MAChBzE,SAAA,CAAU;IACZ;EACF,GACA,CAACA,SAAA,CAAU;EAGb,IAAI6D,SAAA,IAAa,CAACD,SAAA,EAAW;IAC3B,oBACEc,IAAA,CAAC;MAAIC,SAAA,EAAWhG,SAAA;gBACd,aAAA+F,IAAA,CAACrG,cAAA;QAAeM,SAAA,EAAWA,SAAA;QAAWkF,SAAA,EAAW;;;EAGvD;EAEA,IAAI,CAACD,SAAA,IAAaA,SAAA,CAAUvB,MAAM,KAAK,GAAG;IACxC,MAAMuC,eAAA,GAAkBxE,eAAA,CAAgB;MAAEd;IAAe;IACzD,oBACEoF,IAAA,CAAC;MAAIC,SAAA,EAAWhG,SAAA;gBACd,aAAA+F,IAAA,CAACtG,oBAAA;QACCyG,WAAA,EAAY;QACZC,WAAA,EAAa,CAAC;UAAExF;QAAe,EAAE;QACjCyF,UAAA,EAAY1E,gBAAA;QACZ2E,KAAA,EAAO7E,CAAA,CAAE,0BAA0B;UACjC6E,KAAA,EAAOxH,cAAA,CAAeoH,eAAA,CAAgBK,MAAM,CAACC,QAAQ,EAAEhF,IAAA;QACzD;QACAiF,MAAA,EAAQ,MAAAA,CAAA;UACN,MAAMnB,OAAA;UACN/D,MAAA,CAAO+D,OAAO;QAChB;;;EAIR;EAEA,MAAMoB,aAAA,GAAgBtF,cAAA,KAAmB;EACzC,MAAMuF,cAAA,GAAiBA,CAAA,KAAMxF,WAAA,GAAc;IAAEb,EAAA,EAAI;EAAK;EAEtD,oBACEsG,KAAA,CAAC;IACCX,SAAA,EAAWhG,SAAA;IACX4G,SAAA,EAAWjB,iBAAA;IACXkB,GAAA,EAAK7B,OAAA;IACL8B,IAAA,EAAK;IACLC,QAAA,EAAU,CAAC;4BAEXJ,KAAA,CAAC;MACC,iBAAeF,aAAA;MACfT,SAAA,EAAW,CACT,GAAGhG,SAAA,cAAuB,EAC1ByG,aAAA,IAAiB,GAAGzG,SAAA,wBAAiC,CACtD,CACEgH,MAAM,CAACC,OAAA,EACP5C,IAAI,CAAC;MACR6C,OAAA,EAASR,cAAA;MACTE,SAAA,EAAYhB,GAAA;QACV,IAAIA,GAAA,CAAEC,GAAG,KAAK,WAAWD,GAAA,CAAEC,GAAG,KAAK,KAAK;UACtCD,GAAA,CAAEE,cAAc;UAChBY,cAAA;QACF;MACF;MACAI,IAAA,EAAK;MACLC,QAAA,EAAU;iBAETlG,IAAA,iBAAQkF,IAAA,CAAC1G,OAAA;QAAQ8H,KAAA,EAAM;uBACxBR,KAAA,CAAC;mBACEnF,CAAA,CAAE,gBAAgB,KAClB3C,cAAA,CAAe4C,eAAA,CAAgB;UAAEd;QAAe,IAAI2F,MAAA,EAAQc,MAAA,EAAQ7F,IAAA;;QAGxE0D,SAAA,CAAUoC,GAAG,CAAEC,IAAA;MACd,MAAMC,MAAA,GAA0BD,IAAA,CAAKjH,EAAE;MACvC,MAAMmH,SAAA,GAAY,OAAOD,MAAA,KAAW,WAAWhH,MAAA,CAAOgH,MAAA,IAAUA,MAAA;MAChE,MAAME,SAAA,GAAYxH,gBAAA,CAAiBqH,IAAA,EAAMnH,UAAA;MAEzC,oBACE4F,IAAA,CAACjG,QAAA;QACCwC,qBAAA,EAAuBA,qBAAA;QACvB5B,UAAA,EAAYA,UAAA;QACZ4E,KAAA,EAAOlC,aAAA;QACPzC,cAAA,EAAgBA,cAAA;QAChB+G,KAAA,EAAO;QACP3E,aAAA,EAAeA,aAAA;QACfnC,mBAAA,EAAqBA,mBAAA;QAErB4E,KAAA,EAAOpD,SAAA;QACPkF,IAAA,EAAM;UAAEjH,EAAA,EAAIkH,MAAA;UAAQI,WAAA,EAAa;UAAMC,KAAA,EAAOH;QAAU;QACxDI,QAAA,EAAUnC,eAAA;QACVoC,QAAA,EAAU3E,gBAAA;QACVhB,eAAA,EAAiBA,eAAA;QACjB4F,QAAA,EAAUP,SAAA,KAAcjH,MAAA,CAAOY,cAAA;QAC/BA,cAAA,EAAgBA,cAAA;QAChBW,aAAA,EAAeA,aAAA;QACf3B,UAAA,EAAYA;SATPqH,SAAA;IAYX,IACC7C,OAAA,iBACCoB,IAAA,CAACpG,QAAA;MACCqI,YAAA,EAAc/C,SAAA,CAAUvB,MAAM;MAC9BgE,KAAA,EAAO;MACPrH,EAAA,EAAG;MACH4H,UAAA,EAAYxC,cAAA;MACZV,SAAA,EAAWA;;;AAKrB;AAEA,OAAO,MAAMmD,aAAA,GAA+CC,KAAA;EAC1D,oBACEpC,IAAA,CAACnG,iBAAA;cACC,aAAAmG,IAAA,CAACtF,kBAAA;MAAoB,GAAG0H;;;AAG9B","ignoreList":[]}

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

@@ -0,0 +1,60 @@
+@import '../../../scss/styles.scss';
+
+.tree {
+  --tree-indent: 20px;
+  --tree-chevron-width: 16px;
+  --tree-chevron-spacing: 8px;
+  --tree-node-padding-y: calc(var(--base) / 4);
+  --tree-node-content-height: 24px;
+  --tree-row-gap: 8px;
+  --tree-font-size: 13px;
+
+  padding: 0;
+  margin: 0;
+  margin-top: 2px; // account for accessibility outline
+
+  &__all-option {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: var(--tree-node-padding-y) 0;
+    font-size: var(--tree-font-size);
+    line-height: var(--tree-node-content-height);
+    height: var(--tree-node-content-height);
+    margin-bottom: var(--tree-row-gap);
+    cursor: pointer;
+    user-select: none;
+    color: var(--theme-text);
+    border-radius: var(--style-radius-s);
+
+    &:hover {
+      text-decoration: underline;
+    }
+    &:focus-visible {
+      outline: var(--accessibility-outline);
+    }
+    &--selected {
+      font-weight: 600;
+    }
+
+    svg {
+      width: 16px;
+      height: 16px;
+      flex-shrink: 0;
+    }
+  }
+
+  &__loading {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: var(--base);
+    min-height: 100px;
+  }
+
+  &__empty {
+    padding: 12px 16px;
+    color: var(--theme-elevation-500);
+    font-size: var(--tree-font-size);
+  }
+}

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

@@ -0,0 +1,76 @@
+import type { TypeWithID, Where } from 'payload';
+import type { ReactNode, RefObject } from 'react';
+export type HierarchyDocument = {
+    [key: string]: unknown;
+} & TypeWithID;
+export type HierarchyInitialData = {
+    baseFilter?: null | Where;
+    docs: HierarchyDocument[];
+    loadedParents: Record<string, {
+        hasMore: boolean;
+        loadedCount?: number;
+        totalDocs: number;
+    }>;
+};
+export type HierarchyTreeProps = {
+    baseFilter?: null | Where;
+    collectionSlug: string;
+    filterByCollections?: string[];
+    icon?: ReactNode;
+    /** Initial data for first render (before context hydration). After hydration, context data takes precedence. */
+    initialData?: HierarchyInitialData | null;
+    /** Initial expanded nodes for first render (before context hydration). After hydration, context takes precedence. */
+    initialExpandedNodes?: (number | string)[];
+    onNodeClick?: ({ id }: {
+        id: null | number | string;
+    }) => void;
+    selectedNodeId?: null | number | string;
+    useAsTitle?: string;
+};
+export type TreeDocument = {
+    [key: string]: unknown;
+    id: number | string;
+};
+export type TreeNodeData = {
+    hasChildren: boolean;
+    id: number | string;
+    title: string;
+};
+export type CachedChildren = {
+    children: TreeDocument[];
+    hasMore: boolean;
+    page: number;
+    totalDocs: number;
+};
+export type TreeCache = RefObject<Map<string, CachedChildren>>;
+export type TreeInitialData = {
+    docs: TreeDocument[];
+    loadedParents: Record<string, {
+        hasMore: boolean;
+        loadedCount?: number;
+        totalDocs: number;
+    }>;
+};
+export type TreeNodeProps = {
+    allPossibleTypeValues?: string[];
+    baseFilter?: null | Where;
+    cache: TreeCache;
+    collectionSlug: string;
+    depth: number;
+    expandedNodes: Set<number | string>;
+    filterByCollections?: string[];
+    limit: number;
+    node: TreeNodeData;
+    onSelect?: ({ id }: {
+        id: number | string;
+    }) => void;
+    onToggle: ({ id }: {
+        id: number | string;
+    }) => void;
+    parentFieldName: string;
+    selected?: boolean;
+    selectedNodeId?: number | string;
+    typeFieldName?: null | string;
+    useAsTitle?: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Tree/types.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +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  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":[]}

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

@@ -0,0 +1,32 @@
+import type { Where } from 'payload';
+import type { TreeCache, TreeDocument, TreeInitialData } from './types.js';
+type UseChildrenArgs = {
+    allPossibleTypeValues?: string[];
+    /** Base filter to apply to all queries (e.g., tenant filter) */
+    baseFilter?: null | Where;
+    cache?: TreeCache;
+    /** Pre-computed cache key to ensure consistency with cache population */
+    cacheKey?: string;
+    collectionSlug: string;
+    enabled?: boolean;
+    filterByCollections?: string[];
+    initialData?: null | TreeInitialData;
+    limit?: number;
+    parentFieldName: string;
+    parentId: number | string;
+    typeFieldName?: null | string;
+    useAsTitle?: string;
+};
+type UseChildrenReturn = {
+    children: null | TreeDocument[];
+    hasMore: boolean;
+    isLoading: boolean;
+    /** Explicitly load children. Safe to call multiple times — no-ops if already loaded. */
+    load: () => Promise<TreeDocument[]>;
+    loadMore: () => Promise<TreeDocument[]>;
+    refresh: () => Promise<TreeDocument[]>;
+    totalDocs: number;
+};
+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

@@ -0,0 +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,iBAqPpB,CAAA"}

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

@@ -0,0 +1,229 @@
+import { combineWhereConstraints, formatAdminURL } from 'payload/shared';
+import * as qs from 'qs-esm';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useConfig } from '../../../providers/Config/index.js';
+import { isSuperset } from '../../../utilities/isSuperset.js';
+export const useChildren = ({
+  allPossibleTypeValues,
+  baseFilter,
+  cache,
+  cacheKey: cacheKeyProp,
+  collectionSlug,
+  enabled = true,
+  filterByCollections,
+  initialData,
+  limit = 2,
+  parentFieldName,
+  parentId,
+  typeFieldName,
+  useAsTitle
+}) => {
+  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 cachedData = cache?.current.get(cacheKey);
+  // Check if we have initial data for this specific parent
+  const parentKey = parentId === 'null' ? 'null' : String(parentId);
+  const parentMeta = initialData?.loadedParents?.[parentKey];
+  const hasInitialData = !!parentMeta;
+  // Extract docs for this parent from initialData if available
+  // Apply same superset filter as fetchPage for consistency
+  const initialDocsForParent = hasInitialData ? initialData.docs.filter(doc => {
+    const docParent = doc[parentFieldName] || 'null';
+    if (String(docParent) !== parentKey) {
+      return false;
+    }
+    if (filterByCollections?.length && typeFieldName) {
+      return isSuperset(doc[typeFieldName], filterByCollections);
+    }
+    return true;
+  }) : null;
+  const [children, setChildren] = useState(initialDocsForParent || cachedData?.children || null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [page, setPage] = useState(cachedData?.page || 1);
+  const [totalDocs, setTotalDocs] = useState(parentMeta?.totalDocs || cachedData?.totalDocs || 0);
+  const [hasMore, setHasMore] = useState(parentMeta?.hasMore || cachedData?.hasMore || false);
+  const initializedRef = useRef(!!hasInitialData);
+  // Refs for stable access inside load() without adding state to its dep array
+  const childrenRef = useRef(children);
+  childrenRef.current = children;
+  const isLoadingRef = useRef(isLoading);
+  isLoadingRef.current = isLoading;
+  const {
+    config: {
+      routes: {
+        api
+      },
+      serverURL
+    }
+  } = useConfig();
+  const fetchPage = useCallback(async (pageToFetch, currentChildren) => {
+    setIsLoading(true);
+    try {
+      const parentCondition = parentId === 'null' || parentId === null ? {
+        or: [{
+          [parentFieldName]: {
+            exists: false
+          }
+        }, {
+          [parentFieldName]: {
+            equals: null
+          }
+        }]
+      } : {
+        [parentFieldName]: {
+          equals: parentId
+        }
+      };
+      // Build filter condition for collection type filtering
+      // Matches items that:
+      // - allow ANY of the selected collections, OR
+      // - are unrestricted (type field doesn't exist), OR
+      // - have empty allowedTypes array (unrestricted)
+      const filterCondition = filterByCollections?.length && typeFieldName ? {
+        or: [{
+          [typeFieldName]: {
+            in: filterByCollections
+          }
+        }, {
+          [typeFieldName]: {
+            exists: false
+          }
+        },
+        // Using not_in with all possible values matches empty arrays in both MongoDB and Postgres
+        ...(allPossibleTypeValues?.length ? [{
+          [typeFieldName]: {
+            not_in: allPossibleTypeValues
+          }
+        }] : [])]
+      } : undefined;
+      // Combine conditions: parent + filter + baseFilter
+      const where = combineWhereConstraints([parentCondition, filterCondition, baseFilter]);
+      const queryParams = {
+        limit,
+        page: pageToFetch,
+        sort: useAsTitle ?? 'id',
+        where
+      };
+      const queryString = qs.stringify(queryParams, {
+        addQueryPrefix: true
+      });
+      const url = formatAdminURL({
+        apiRoute: api,
+        path: `/${collectionSlug}${queryString}`,
+        serverURL
+      });
+      const response = await fetch(url, {
+        credentials: 'include'
+      });
+      if (!response.ok) {
+        throw new Error('Failed to fetch children');
+      }
+      const data = await response.json();
+      const allDocs = data.docs || [];
+      // Client-side filter: only show items that are a superset of required collections
+      // 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,
+          hasMore: data.hasNextPage || false,
+          page: pageToFetch,
+          totalDocs: data.totalDocs || 0
+        });
+      }
+      return newDocs;
+    } catch {
+      if (pageToFetch === 1) {
+        const emptyChildren = [];
+        setChildren(emptyChildren);
+        setHasMore(false);
+        if (cache) {
+          cache.current.set(cacheKey, {
+            children: emptyChildren,
+            hasMore: false,
+            page: 1,
+            totalDocs: 0
+          });
+        }
+      }
+      return [];
+    } finally {
+      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);
+  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) {
+        void fetchPage(1, null);
+      }
+    }
+  }, [filterKey, enabled, fetchPage]);
+  // 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
+    if (initializedRef.current && childrenRef.current !== null) {
+      initializedRef.current = false;
+      return childrenRef.current;
+    }
+    // Already loaded
+    if (childrenRef.current !== null) {
+      return childrenRef.current;
+    }
+    // Guard against concurrent calls
+    if (isLoadingRef.current) {
+      return [];
+    }
+    // Restore from cache when available (e.g., after a filter reset)
+    const currentCachedData = cache?.current.get(cacheKey);
+    if (currentCachedData) {
+      setChildren(currentCachedData.children);
+      setPage(currentCachedData.page);
+      setTotalDocs(currentCachedData.totalDocs);
+      setHasMore(currentCachedData.hasMore);
+      return currentCachedData.children;
+    }
+    return fetchPage(1, null);
+  }, [cache, cacheKey, fetchPage]);
+  const loadMore = useCallback(async () => {
+    if (isLoading || !hasMore) {
+      return [];
+    }
+    // If we have fewer items than our limit, the cached data was fetched with a smaller limit
+    // We need to re-fetch page 1 with our limit to get the full first page
+    const shouldRefetchPage1 = children && children.length < limit;
+    return fetchPage(shouldRefetchPage1 ? 1 : page + 1, children);
+  }, [isLoading, hasMore, page, children, fetchPage, limit]);
+  const refresh = useCallback(async () => {
+    if (cache) {
+      cache.current.delete(cacheKey);
+    }
+    setChildren(null);
+    setPage(1);
+    return fetchPage(1, null);
+  }, [cache, cacheKey, fetchPage]);
+  return {
+    children,
+    hasMore,
+    isLoading,
+    load,
+    loadMore,
+    refresh,
+    totalDocs
+  };
+};
+//# sourceMappingURL=useChildren.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useChildren.js","names":["combineWhereConstraints","formatAdminURL","qs","useCallback","useEffect","useRef","useState","useConfig","isSuperset","useChildren","allPossibleTypeValues","baseFilter","cache","cacheKey","cacheKeyProp","collectionSlug","enabled","filterByCollections","initialData","limit","parentFieldName","parentId","typeFieldName","useAsTitle","filterKey","length","slice","sort","join","baseFilterKey","JSON","stringify","String","cachedData","current","get","parentKey","parentMeta","loadedParents","hasInitialData","initialDocsForParent","docs","filter","doc","docParent","children","setChildren","isLoading","setIsLoading","page","setPage","totalDocs","setTotalDocs","hasMore","setHasMore","initializedRef","childrenRef","isLoadingRef","config","routes","api","serverURL","fetchPage","pageToFetch","currentChildren","parentCondition","or","exists","equals","filterCondition","in","not_in","undefined","where","queryParams","queryString","addQueryPrefix","url","apiRoute","path","response","fetch","credentials","ok","Error","data","json","allDocs","newDocs","newChildren","hasNextPage","set","emptyChildren","prevFilterKeyRef","load","currentCachedData","loadMore","shouldRefetchPage1","refresh","delete"],"sources":["../../../../src/elements/Hierarchy/Tree/useChildren.tsx"],"sourcesContent":["import type { Where } from 'payload'\n\nimport { combineWhereConstraints, formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { TreeCache, TreeDocument, TreeInitialData } from './types.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { isSuperset } from '../../../utilities/isSuperset.js'\n\ntype UseChildrenArgs = {\n  allPossibleTypeValues?: string[]\n  /** Base filter to apply to all queries (e.g., tenant filter) */\n  baseFilter?: null | Where\n  cache?: TreeCache\n  /** Pre-computed cache key to ensure consistency with cache population */\n  cacheKey?: string\n  collectionSlug: string\n  enabled?: boolean\n  filterByCollections?: string[]\n  initialData?: null | TreeInitialData\n  limit?: number\n  parentFieldName: string\n  parentId: number | string\n  typeFieldName?: null | string\n  useAsTitle?: string\n}\n\ntype UseChildrenReturn = {\n  children: null | TreeDocument[]\n  hasMore: boolean\n  isLoading: boolean\n  /** Explicitly load children. Safe to call multiple times — no-ops if already loaded. */\n  load: () => Promise<TreeDocument[]>\n  loadMore: () => Promise<TreeDocument[]>\n  refresh: () => Promise<TreeDocument[]>\n  totalDocs: number\n}\n\nexport const useChildren = ({\n  allPossibleTypeValues,\n  baseFilter,\n  cache,\n  cacheKey: cacheKeyProp,\n  collectionSlug,\n  enabled = true,\n  filterByCollections,\n  initialData,\n  limit = 2,\n  parentFieldName,\n  parentId,\n  typeFieldName,\n  useAsTitle,\n}: UseChildrenArgs): UseChildrenReturn => {\n  const filterKey = filterByCollections?.length ? filterByCollections.slice().sort().join(',') : ''\n  const baseFilterKey = baseFilter ? JSON.stringify(baseFilter) : ''\n  // Use provided cacheKey for consistency with cache population, or compute if not provided\n  const cacheKey =\n    cacheKeyProp ?? `${collectionSlug}-${String(parentId)}-${filterKey}-${baseFilterKey}`\n  const cachedData = cache?.current.get(cacheKey)\n\n  // Check if we have initial data for this specific parent\n  const parentKey = parentId === 'null' ? 'null' : String(parentId)\n  const parentMeta = initialData?.loadedParents?.[parentKey]\n  const hasInitialData = !!parentMeta\n\n  // Extract docs for this parent from initialData if available\n  // Apply same superset filter as fetchPage for consistency\n  const initialDocsForParent = hasInitialData\n    ? initialData.docs.filter((doc) => {\n        const docParent = doc[parentFieldName] || 'null'\n        if (String(docParent) !== parentKey) {\n          return false\n        }\n        if (filterByCollections?.length && typeFieldName) {\n          return isSuperset(doc[typeFieldName] as string[] | undefined, filterByCollections)\n        }\n        return true\n      })\n    : null\n\n  const [children, setChildren] = useState<null | TreeDocument[]>(\n    initialDocsForParent || cachedData?.children || null,\n  )\n  const [isLoading, setIsLoading] = useState(false)\n  const [page, setPage] = useState(cachedData?.page || 1)\n  const [totalDocs, setTotalDocs] = useState(parentMeta?.totalDocs || cachedData?.totalDocs || 0)\n  const [hasMore, setHasMore] = useState(parentMeta?.hasMore || cachedData?.hasMore || false)\n  const initializedRef = useRef(!!hasInitialData)\n  // Refs for stable access inside load() without adding state to its dep array\n  const childrenRef = useRef(children)\n  childrenRef.current = children\n  const isLoadingRef = useRef(isLoading)\n  isLoadingRef.current = isLoading\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const fetchPage = useCallback(\n    async (\n      pageToFetch: number,\n      currentChildren: null | TreeDocument[],\n    ): Promise<TreeDocument[]> => {\n      setIsLoading(true)\n\n      try {\n        const parentCondition =\n          parentId === 'null' || parentId === null\n            ? {\n                or: [\n                  { [parentFieldName]: { exists: false } },\n                  { [parentFieldName]: { equals: null } },\n                ],\n              }\n            : { [parentFieldName]: { equals: parentId } }\n\n        // Build filter condition for collection type filtering\n        // Matches items that:\n        // - allow ANY of the selected collections, OR\n        // - are unrestricted (type field doesn't exist), OR\n        // - have empty allowedTypes array (unrestricted)\n        const filterCondition: undefined | Where =\n          filterByCollections?.length && typeFieldName\n            ? {\n                or: [\n                  { [typeFieldName]: { in: filterByCollections } },\n                  { [typeFieldName]: { exists: false } },\n                  // Using not_in with all possible values matches empty arrays in both MongoDB and Postgres\n                  ...(allPossibleTypeValues?.length\n                    ? [{ [typeFieldName]: { not_in: allPossibleTypeValues } }]\n                    : []),\n                ],\n              }\n            : undefined\n\n        // Combine conditions: parent + filter + baseFilter\n        const where = combineWhereConstraints([parentCondition, filterCondition, baseFilter])\n\n        const queryParams: Record<string, unknown> = {\n          limit,\n          page: pageToFetch,\n          sort: useAsTitle ?? 'id',\n          where,\n        }\n\n        const queryString = qs.stringify(queryParams, { addQueryPrefix: true })\n        const url = formatAdminURL({\n          apiRoute: api,\n          path: `/${collectionSlug}${queryString}`,\n          serverURL,\n        })\n        const response = await fetch(url, {\n          credentials: 'include',\n        })\n\n        if (!response.ok) {\n          throw new Error('Failed to fetch children')\n        }\n\n        const data = await response.json()\n        const allDocs: TreeDocument[] = data.docs || []\n\n        // Client-side filter: only show items that are a superset of required collections\n        // Server query uses ANY (due to PG limitations), but we want ALL (superset)\n        const newDocs =\n          filterByCollections?.length && typeFieldName\n            ? allDocs.filter((doc) =>\n                isSuperset(doc[typeFieldName] as string[] | undefined, filterByCollections),\n              )\n            : allDocs\n\n        const newChildren = pageToFetch === 1 ? newDocs : [...(currentChildren || []), ...newDocs]\n\n        setChildren(newChildren)\n        setTotalDocs(data.totalDocs || 0)\n        setHasMore(data.hasNextPage || false)\n        setPage(pageToFetch)\n\n        if (cache) {\n          cache.current.set(cacheKey, {\n            children: newChildren,\n            hasMore: data.hasNextPage || false,\n            page: pageToFetch,\n            totalDocs: data.totalDocs || 0,\n          })\n        }\n\n        return newDocs\n      } catch {\n        if (pageToFetch === 1) {\n          const emptyChildren: TreeDocument[] = []\n          setChildren(emptyChildren)\n          setHasMore(false)\n\n          if (cache) {\n            cache.current.set(cacheKey, {\n              children: emptyChildren,\n              hasMore: false,\n              page: 1,\n              totalDocs: 0,\n            })\n          }\n        }\n\n        return []\n      } finally {\n        setIsLoading(false)\n      }\n    },\n    [\n      allPossibleTypeValues,\n      baseFilter,\n      parentId,\n      parentFieldName,\n      filterByCollections,\n      typeFieldName,\n      limit,\n      useAsTitle,\n      api,\n      collectionSlug,\n      serverURL,\n      cache,\n      cacheKey,\n    ],\n  )\n\n  // Reset state and reload when filter changes\n  const prevFilterKeyRef = useRef(filterKey)\n  useEffect(() => {\n    if (prevFilterKeyRef.current !== filterKey) {\n      prevFilterKeyRef.current = filterKey\n      setChildren(null)\n      setPage(1)\n      setTotalDocs(0)\n      setHasMore(false)\n      // If the node is currently expanded, immediately reload with the new filter\n      if (enabled) {\n        void fetchPage(1, null)\n      }\n    }\n  }, [filterKey, enabled, fetchPage])\n\n  // Load children explicitly. Safe to call multiple times — no-ops if already loaded or loading.\n  const load = useCallback(async (): Promise<TreeDocument[]> => {\n    // Consume initialData on first call without re-fetching\n    if (initializedRef.current && childrenRef.current !== null) {\n      initializedRef.current = false\n      return childrenRef.current\n    }\n\n    // Already loaded\n    if (childrenRef.current !== null) {\n      return childrenRef.current\n    }\n\n    // Guard against concurrent calls\n    if (isLoadingRef.current) {\n      return []\n    }\n\n    // Restore from cache when available (e.g., after a filter reset)\n    const currentCachedData = cache?.current.get(cacheKey)\n    if (currentCachedData) {\n      setChildren(currentCachedData.children)\n      setPage(currentCachedData.page)\n      setTotalDocs(currentCachedData.totalDocs)\n      setHasMore(currentCachedData.hasMore)\n      return currentCachedData.children\n    }\n\n    return fetchPage(1, null)\n  }, [cache, cacheKey, fetchPage])\n\n  const loadMore = useCallback(async (): Promise<TreeDocument[]> => {\n    if (isLoading || !hasMore) {\n      return []\n    }\n\n    // If we have fewer items than our limit, the cached data was fetched with a smaller limit\n    // We need to re-fetch page 1 with our limit to get the full first page\n    const shouldRefetchPage1 = children && children.length < limit\n\n    return fetchPage(shouldRefetchPage1 ? 1 : page + 1, children)\n  }, [isLoading, hasMore, page, children, fetchPage, limit])\n\n  const refresh = useCallback(async (): Promise<TreeDocument[]> => {\n    if (cache) {\n      cache.current.delete(cacheKey)\n    }\n    setChildren(null)\n    setPage(1)\n    return fetchPage(1, null)\n  }, [cache, cacheKey, fetchPage])\n\n  return { children, hasMore, isLoading, load, loadMore, refresh, totalDocs }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Link/index.d.ts

@@ -4,6 +4,10 @@ declare const NextLink: React.ForwardRefExoticComponent<Omit<React.AnchorHTMLAtt
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLAnchorElement>>;
 type Props = {
+    /**
+     * Force a hard navigation using window.location instead of client-side routing
+     */
+    forceReload?: boolean;
     /**
      * Disable the e.preventDefault() call on click if you want to handle it yourself via onClick
      *

package/dist/elements/Link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Link/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,MAAM,cAAc,CAAA;AAEzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,QAAA,MAAM,QAAQ;eA4E+nF,MAAO,SAAS;2CA5EvkF,CAAA;AAgBtF,KAAK,KAAK,GAAG;IACX;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkDhC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Link/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,MAAM,cAAc,CAAA;AAEzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,QAAA,MAAM,QAAQ;eAsFk7F,MAAO,SAAS;2CAtF13F,CAAA;AAgBtF,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwDhC,CAAA"}

package/dist/elements/Link/index.js

@@ -17,6 +17,7 @@ function isModifiedEvent(event) {
 }
 export const Link = ({
   children,
+  forceReload = false,
   href,
   onClick,
   preventDefault = true,
@@ -44,6 +45,10 @@ export const Link = ({
         e.preventDefault();
       }
       const url = typeof href === 'string' ? href : formatUrl(href);
+      if (forceReload) {
+        window.location.href = url;
+        return;
+      }
       const navigate = () => {
         if (replace) {
           void router.replace(url, {

package/dist/elements/Link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["NextLinkImport","useRouter","React","useRouteTransition","formatUrl","NextLink","default","isModifiedEvent","event","eventTarget","currentTarget","target","getAttribute","metaKey","ctrlKey","shiftKey","altKey","nativeEvent","which","Link","children","href","onClick","preventDefault","ref","replace","scroll","rest","router","startRouteTransition","_jsx","e","url","navigate","push"],"sources":["../../../src/elements/Link/index.tsx"],"sourcesContent":["'use client'\nimport NextLinkImport from 'next/link.js'\nimport { useRouter } from 'next/navigation.js'\nimport React from 'react'\n\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { formatUrl } from './formatUrl.js'\n\nconst NextLink = 'default' in NextLinkImport ? NextLinkImport.default : NextLinkImport\n\n// Copied from  https://github.com/vercel/next.js/blob/canary/packages/next/src/client/link.tsx#L180-L191\nfunction isModifiedEvent(event: React.MouseEvent): boolean {\n  const eventTarget = event.currentTarget as HTMLAnchorElement | SVGAElement\n  const target = eventTarget.getAttribute('target')\n  return (\n    (target && target !== '_self') ||\n    event.metaKey ||\n    event.ctrlKey ||\n    event.shiftKey ||\n    event.altKey || // triggers resource download\n    (event.nativeEvent && event.nativeEvent.which === 2)\n  )\n}\n\ntype Props = {\n  /**\n   * Disable the e.preventDefault() call on click if you want to handle it yourself via onClick\n   *\n   * @default true\n   */\n  preventDefault?: boolean\n} & Parameters<typeof NextLink>[0]\n\nexport const Link: React.FC<Props> = ({\n  children,\n  href,\n  onClick,\n  preventDefault = true,\n  ref,\n  replace,\n  scroll,\n  ...rest\n}) => {\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  return (\n    <NextLink\n      href={href}\n      onClick={(e) => {\n        if (isModifiedEvent(e)) {\n          return\n        }\n\n        if (onClick) {\n          onClick(e)\n        }\n\n        // We need a preventDefault here so that a clicked link doesn't trigger twice,\n        // once for default browser navigation and once for startRouteTransition\n        if (preventDefault) {\n          e.preventDefault()\n        }\n\n        const url = typeof href === 'string' ? href : formatUrl(href)\n\n        const navigate = () => {\n          if (replace) {\n            void router.replace(url, { scroll })\n          } else {\n            void router.push(url, { scroll })\n          }\n        }\n\n        // Call startRouteTransition if available, otherwise navigate directly\n        startRouteTransition(navigate)\n      }}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </NextLink>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,cAAA,MAAoB;AAC3B,SAASC,SAAS,QAAQ;AAC1B,OAAOC,KAAA,MAAW;AAElB,SAASC,kBAAkB,QAAQ;AACnC,SAASC,SAAS,QAAQ;AAE1B,MAAMC,QAAA,GAAW,aAAaL,cAAA,GAAiBA,cAAA,CAAeM,OAAO,GAAGN,cAAA;AAExE;AACA,SAASO,gBAAgBC,KAAuB;EAC9C,MAAMC,WAAA,GAAcD,KAAA,CAAME,aAAa;EACvC,MAAMC,MAAA,GAASF,WAAA,CAAYG,YAAY,CAAC;EACxC,OACED,MAAC,IAAUA,MAAA,KAAW,WACtBH,KAAA,CAAMK,OAAO,IACbL,KAAA,CAAMM,OAAO,IACbN,KAAA,CAAMO,QAAQ,IACdP,KAAA,CAAMQ,MAAM;EAAI;EACfR,KAAA,CAAMS,WAAW,IAAIT,KAAA,CAAMS,WAAW,CAACC,KAAK,KAAK;AAEtD;AAWA,OAAO,MAAMC,IAAA,GAAwBA,CAAC;EACpCC,QAAQ;EACRC,IAAI;EACJC,OAAO;EACPC,cAAA,GAAiB,IAAI;EACrBC,GAAG;EACHC,OAAO;EACPC,MAAM;EACN,GAAGC;AAAA,CACJ;EACC,MAAMC,MAAA,GAAS3B,SAAA;EACf,MAAM;IAAE4B;EAAoB,CAAE,GAAG1B,kBAAA;EAEjC,oBACE2B,IAAA,CAACzB,QAAA;IACCgB,IAAA,EAAMA,IAAA;IACNC,OAAA,EAAUS,CAAA;MACR,IAAIxB,eAAA,CAAgBwB,CAAA,GAAI;QACtB;MACF;MAEA,IAAIT,OAAA,EAAS;QACXA,OAAA,CAAQS,CAAA;MACV;MAEA;MACA;MACA,IAAIR,cAAA,EAAgB;QAClBQ,CAAA,CAAER,cAAc;MAClB;MAEA,MAAMS,GAAA,GAAM,OAAOX,IAAA,KAAS,WAAWA,IAAA,GAAOjB,SAAA,CAAUiB,IAAA;MAExD,MAAMY,QAAA,GAAWA,CAAA;QACf,IAAIR,OAAA,EAAS;UACX,KAAKG,MAAA,CAAOH,OAAO,CAACO,GAAA,EAAK;YAAEN;UAAO;QACpC,OAAO;UACL,KAAKE,MAAA,CAAOM,IAAI,CAACF,GAAA,EAAK;YAAEN;UAAO;QACjC;MACF;MAEA;MACAG,oBAAA,CAAqBI,QAAA;IACvB;IACAT,GAAA,EAAKA,GAAA;IACJ,GAAGG,IAAI;cAEPP;;AAGP","ignoreList":[]}
+{"version":3,"file":"index.js","names":["NextLinkImport","useRouter","React","useRouteTransition","formatUrl","NextLink","default","isModifiedEvent","event","eventTarget","currentTarget","target","getAttribute","metaKey","ctrlKey","shiftKey","altKey","nativeEvent","which","Link","children","forceReload","href","onClick","preventDefault","ref","replace","scroll","rest","router","startRouteTransition","_jsx","e","url","window","location","navigate","push"],"sources":["../../../src/elements/Link/index.tsx"],"sourcesContent":["'use client'\nimport NextLinkImport from 'next/link.js'\nimport { useRouter } from 'next/navigation.js'\nimport React from 'react'\n\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { formatUrl } from './formatUrl.js'\n\nconst NextLink = 'default' in NextLinkImport ? NextLinkImport.default : NextLinkImport\n\n// Copied from  https://github.com/vercel/next.js/blob/canary/packages/next/src/client/link.tsx#L180-L191\nfunction isModifiedEvent(event: React.MouseEvent): boolean {\n  const eventTarget = event.currentTarget as HTMLAnchorElement | SVGAElement\n  const target = eventTarget.getAttribute('target')\n  return (\n    (target && target !== '_self') ||\n    event.metaKey ||\n    event.ctrlKey ||\n    event.shiftKey ||\n    event.altKey || // triggers resource download\n    (event.nativeEvent && event.nativeEvent.which === 2)\n  )\n}\n\ntype Props = {\n  /**\n   * Force a hard navigation using window.location instead of client-side routing\n   */\n  forceReload?: boolean\n  /**\n   * Disable the e.preventDefault() call on click if you want to handle it yourself via onClick\n   *\n   * @default true\n   */\n  preventDefault?: boolean\n} & Parameters<typeof NextLink>[0]\n\nexport const Link: React.FC<Props> = ({\n  children,\n  forceReload = false,\n  href,\n  onClick,\n  preventDefault = true,\n  ref,\n  replace,\n  scroll,\n  ...rest\n}) => {\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  return (\n    <NextLink\n      href={href}\n      onClick={(e) => {\n        if (isModifiedEvent(e)) {\n          return\n        }\n\n        if (onClick) {\n          onClick(e)\n        }\n\n        // We need a preventDefault here so that a clicked link doesn't trigger twice,\n        // once for default browser navigation and once for startRouteTransition\n        if (preventDefault) {\n          e.preventDefault()\n        }\n\n        const url = typeof href === 'string' ? href : formatUrl(href)\n\n        if (forceReload) {\n          window.location.href = url\n          return\n        }\n\n        const navigate = () => {\n          if (replace) {\n            void router.replace(url, { scroll })\n          } else {\n            void router.push(url, { scroll })\n          }\n        }\n\n        // Call startRouteTransition if available, otherwise navigate directly\n        startRouteTransition(navigate)\n      }}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </NextLink>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,cAAA,MAAoB;AAC3B,SAASC,SAAS,QAAQ;AAC1B,OAAOC,KAAA,MAAW;AAElB,SAASC,kBAAkB,QAAQ;AACnC,SAASC,SAAS,QAAQ;AAE1B,MAAMC,QAAA,GAAW,aAAaL,cAAA,GAAiBA,cAAA,CAAeM,OAAO,GAAGN,cAAA;AAExE;AACA,SAASO,gBAAgBC,KAAuB;EAC9C,MAAMC,WAAA,GAAcD,KAAA,CAAME,aAAa;EACvC,MAAMC,MAAA,GAASF,WAAA,CAAYG,YAAY,CAAC;EACxC,OACED,MAAC,IAAUA,MAAA,KAAW,WACtBH,KAAA,CAAMK,OAAO,IACbL,KAAA,CAAMM,OAAO,IACbN,KAAA,CAAMO,QAAQ,IACdP,KAAA,CAAMQ,MAAM;EAAI;EACfR,KAAA,CAAMS,WAAW,IAAIT,KAAA,CAAMS,WAAW,CAACC,KAAK,KAAK;AAEtD;AAeA,OAAO,MAAMC,IAAA,GAAwBA,CAAC;EACpCC,QAAQ;EACRC,WAAA,GAAc,KAAK;EACnBC,IAAI;EACJC,OAAO;EACPC,cAAA,GAAiB,IAAI;EACrBC,GAAG;EACHC,OAAO;EACPC,MAAM;EACN,GAAGC;AAAA,CACJ;EACC,MAAMC,MAAA,GAAS5B,SAAA;EACf,MAAM;IAAE6B;EAAoB,CAAE,GAAG3B,kBAAA;EAEjC,oBACE4B,IAAA,CAAC1B,QAAA;IACCiB,IAAA,EAAMA,IAAA;IACNC,OAAA,EAAUS,CAAA;MACR,IAAIzB,eAAA,CAAgByB,CAAA,GAAI;QACtB;MACF;MAEA,IAAIT,OAAA,EAAS;QACXA,OAAA,CAAQS,CAAA;MACV;MAEA;MACA;MACA,IAAIR,cAAA,EAAgB;QAClBQ,CAAA,CAAER,cAAc;MAClB;MAEA,MAAMS,GAAA,GAAM,OAAOX,IAAA,KAAS,WAAWA,IAAA,GAAOlB,SAAA,CAAUkB,IAAA;MAExD,IAAID,WAAA,EAAa;QACfa,MAAA,CAAOC,QAAQ,CAACb,IAAI,GAAGW,GAAA;QACvB;MACF;MAEA,MAAMG,QAAA,GAAWA,CAAA;QACf,IAAIV,OAAA,EAAS;UACX,KAAKG,MAAA,CAAOH,OAAO,CAACO,GAAA,EAAK;YAAEN;UAAO;QACpC,OAAO;UACL,KAAKE,MAAA,CAAOQ,IAAI,CAACJ,GAAA,EAAK;YAAEN;UAAO;QACjC;MACF;MAEA;MACAG,oBAAA,CAAqBM,QAAA;IACvB;IACAX,GAAA,EAAKA,GAAA;IACJ,GAAGG,IAAI;cAEPR;;AAGP","ignoreList":[]}

package/dist/elements/ListHeader/TitleActions/index.d.ts

@@ -1,5 +1,4 @@
 export { ListBulkUploadButton } from './ListBulkUploadButton.js';
 export { ListCreateNewButton } from './ListCreateNewDocButton.js';
-export { ListCreateNewDocInFolderButton } from './ListCreateNewDocInFolderButton.js';
 export { ListEmptyTrashButton } from './ListEmptyTrashButton.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/ListHeader/TitleActions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ListHeader/TitleActions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAA;AACpF,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ListHeader/TitleActions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA"}

package/dist/elements/ListHeader/TitleActions/index.js

@@ -1,5 +1,4 @@
 export { ListBulkUploadButton } from './ListBulkUploadButton.js';
 export { ListCreateNewButton } from './ListCreateNewDocButton.js';
-export { ListCreateNewDocInFolderButton } from './ListCreateNewDocInFolderButton.js';
 export { ListEmptyTrashButton } from './ListEmptyTrashButton.js';
 //# sourceMappingURL=index.js.map

package/dist/elements/ListHeader/TitleActions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ListBulkUploadButton","ListCreateNewButton","ListCreateNewDocInFolderButton","ListEmptyTrashButton"],"sources":["../../../../src/elements/ListHeader/TitleActions/index.tsx"],"sourcesContent":["export { ListBulkUploadButton } from './ListBulkUploadButton.js'\nexport { ListCreateNewButton } from './ListCreateNewDocButton.js'\nexport { ListCreateNewDocInFolderButton } from './ListCreateNewDocInFolderButton.js'\nexport { ListEmptyTrashButton } from './ListEmptyTrashButton.js'\n"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ;AACrC,SAASC,mBAAmB,QAAQ;AACpC,SAASC,8BAA8B,QAAQ;AAC/C,SAASC,oBAAoB,QAAQ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ListBulkUploadButton","ListCreateNewButton","ListEmptyTrashButton"],"sources":["../../../../src/elements/ListHeader/TitleActions/index.tsx"],"sourcesContent":["export { ListBulkUploadButton } from './ListBulkUploadButton.js'\nexport { ListCreateNewButton } from './ListCreateNewDocButton.js'\nexport { ListEmptyTrashButton } from './ListEmptyTrashButton.js'\n"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ;AACrC,SAASC,mBAAmB,QAAQ;AACpC,SAASC,oBAAoB,QAAQ","ignoreList":[]}

package/dist/elements/ListHeader/index.js

@@ -12,11 +12,11 @@ export const ListHeader = props => {
         children: [/*#__PURE__*/_jsx("h1", {
           className: `${listHeaderClass}__title`,
           children: props.title
-        }), props.TitleActions.length ? /*#__PURE__*/_jsx("div", {
+        }), props.TitleActions?.length ? /*#__PURE__*/_jsx("div", {
           className: `${listHeaderClass}__title-actions`,
           children: props.TitleActions
         }) : null]
-      }), props.Actions.length ? /*#__PURE__*/_jsx("div", {
+      }), props.Actions?.length ? /*#__PURE__*/_jsx("div", {
         className: `${listHeaderClass}__actions`,
         children: props.Actions
       }) : null]

package/dist/elements/ListHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","listHeaderClass","ListHeader","props","_jsxs","className","filter","Boolean","join","_jsx","title","TitleActions","length","Actions","AfterListHeaderContent"],"sources":["../../../src/elements/ListHeader/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const listHeaderClass = 'list-header'\n\ntype ListHeaderProps = {\n  readonly Actions?: React.ReactNode[]\n  readonly AfterListHeaderContent?: React.ReactNode\n  readonly className?: string\n  readonly title: string\n  readonly TitleActions?: React.ReactNode[]\n}\nexport const ListHeader: React.FC<ListHeaderProps> = (props) => {\n  return (\n    <header className={[listHeaderClass, props.className].filter(Boolean).join(' ')}>\n      <div className={`${listHeaderClass}__content`}>\n        <div className={`${listHeaderClass}__title-and-actions`}>\n          <h1 className={`${listHeaderClass}__title`}>{props.title}</h1>\n          {props.TitleActions.length ? (\n            <div className={`${listHeaderClass}__title-actions`}>{props.TitleActions}</div>\n          ) : null}\n        </div>\n        {props.Actions.length ? (\n          <div className={`${listHeaderClass}__actions`}>{props.Actions}</div>\n        ) : null}\n      </div>\n      {props.AfterListHeaderContent ? (\n        <div className={`${listHeaderClass}__after-header-content`}>\n          {props.AfterListHeaderContent}\n        </div>\n      ) : null}\n    </header>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,eAAA,GAAkB;AAS/B,OAAO,MAAMC,UAAA,GAAyCC,KAAA;EACpD,oBACEC,KAAA,CAAC;IAAOC,SAAA,EAAW,CAACJ,eAAA,EAAiBE,KAAA,CAAME,SAAS,CAAC,CAACC,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BACzEJ,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGJ,eAAA,WAA0B;8BAC3CG,KAAA,CAAC;QAAIC,SAAA,EAAW,GAAGJ,eAAA,qBAAoC;gCACrDQ,IAAA,CAAC;UAAGJ,SAAA,EAAW,GAAGJ,eAAA,SAAwB;oBAAGE,KAAA,CAAMO;YAClDP,KAAA,CAAMQ,YAAY,CAACC,MAAM,gBACxBH,IAAA,CAAC;UAAIJ,SAAA,EAAW,GAAGJ,eAAA,iBAAgC;oBAAGE,KAAA,CAAMQ;aAC1D;UAELR,KAAA,CAAMU,OAAO,CAACD,MAAM,gBACnBH,IAAA,CAAC;QAAIJ,SAAA,EAAW,GAAGJ,eAAA,WAA0B;kBAAGE,KAAA,CAAMU;WACpD;QAELV,KAAA,CAAMW,sBAAsB,gBAC3BL,IAAA,CAAC;MAAIJ,SAAA,EAAW,GAAGJ,eAAA,wBAAuC;gBACvDE,KAAA,CAAMW;SAEP;;AAGV","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","listHeaderClass","ListHeader","props","_jsxs","className","filter","Boolean","join","_jsx","title","TitleActions","length","Actions","AfterListHeaderContent"],"sources":["../../../src/elements/ListHeader/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const listHeaderClass = 'list-header'\n\ntype ListHeaderProps = {\n  readonly Actions?: React.ReactNode[]\n  readonly AfterListHeaderContent?: React.ReactNode\n  readonly className?: string\n  readonly title: string\n  readonly TitleActions?: React.ReactNode[]\n}\nexport const ListHeader: React.FC<ListHeaderProps> = (props) => {\n  return (\n    <header className={[listHeaderClass, props.className].filter(Boolean).join(' ')}>\n      <div className={`${listHeaderClass}__content`}>\n        <div className={`${listHeaderClass}__title-and-actions`}>\n          <h1 className={`${listHeaderClass}__title`}>{props.title}</h1>\n          {props.TitleActions?.length ? (\n            <div className={`${listHeaderClass}__title-actions`}>{props.TitleActions}</div>\n          ) : null}\n        </div>\n        {props.Actions?.length ? (\n          <div className={`${listHeaderClass}__actions`}>{props.Actions}</div>\n        ) : null}\n      </div>\n      {props.AfterListHeaderContent ? (\n        <div className={`${listHeaderClass}__after-header-content`}>\n          {props.AfterListHeaderContent}\n        </div>\n      ) : null}\n    </header>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,eAAA,GAAkB;AAS/B,OAAO,MAAMC,UAAA,GAAyCC,KAAA;EACpD,oBACEC,KAAA,CAAC;IAAOC,SAAA,EAAW,CAACJ,eAAA,EAAiBE,KAAA,CAAME,SAAS,CAAC,CAACC,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BACzEJ,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGJ,eAAA,WAA0B;8BAC3CG,KAAA,CAAC;QAAIC,SAAA,EAAW,GAAGJ,eAAA,qBAAoC;gCACrDQ,IAAA,CAAC;UAAGJ,SAAA,EAAW,GAAGJ,eAAA,SAAwB;oBAAGE,KAAA,CAAMO;YAClDP,KAAA,CAAMQ,YAAY,EAAEC,MAAA,gBACnBH,IAAA,CAAC;UAAIJ,SAAA,EAAW,GAAGJ,eAAA,iBAAgC;oBAAGE,KAAA,CAAMQ;aAC1D;UAELR,KAAA,CAAMU,OAAO,EAAED,MAAA,gBACdH,IAAA,CAAC;QAAIJ,SAAA,EAAW,GAAGJ,eAAA,WAA0B;kBAAGE,KAAA,CAAMU;WACpD;QAELV,KAAA,CAAMW,sBAAsB,gBAC3BL,IAAA,CAAC;MAAIJ,SAAA,EAAW,GAAGJ,eAAA,wBAAuC;gBACvDE,KAAA,CAAMW;SAEP;;AAGV","ignoreList":[]}