@payloadcms/ui 3.80.0-internal.60d6f94 → 3.80.0-internal.8d9ec7c

package/dist/elements/HierarchySearch/useHierarchySearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHierarchySearch.js","names":["formatAdminURL","qs","useCallback","useState","useConfig","useLocale","useHierarchySearch","collectionSlug","limit","parentFieldName","titleField","titlePathField","results","setResults","isLoading","setIsLoading","hasNextPage","setHasNextPage","totalDocs","setTotalDocs","page","setPage","currentQuery","setCurrentQuery","config","routes","api","serverURL","code","locale","fetchResults","append","pageToFetch","query","queryString","stringify","computeHierarchyPaths","select","where","contains","addQueryPrefix","url","apiRoute","path","response","fetch","credentials","ok","Error","data","json","docs","map","doc","prev","search","loadMore","clearResults"],"sources":["../../../src/elements/HierarchySearch/useHierarchySearch.ts"],"sourcesContent":["'use client'\n\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport { useCallback, useState } from 'react'\n\nimport type { SearchResult } from './types.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\n\ntype UseHierarchySearchArgs = {\n  collectionSlug: string\n  limit?: number\n  parentFieldName?: string\n  titleField: string\n  titlePathField?: string\n}\n\ntype UseHierarchySearchReturn = {\n  clearResults: () => void\n  hasNextPage: boolean\n  isLoading: boolean\n  loadMore: () => Promise<void>\n  results: SearchResult[]\n  search: (query: string) => Promise<void>\n  totalDocs: number\n}\n\nexport const useHierarchySearch = ({\n  collectionSlug,\n  limit = 15,\n  parentFieldName = 'parent',\n  titleField,\n  titlePathField = '_h_titlePath',\n}: UseHierarchySearchArgs): UseHierarchySearchReturn => {\n  const [results, setResults] = useState<SearchResult[]>([])\n  const [isLoading, setIsLoading] = useState(false)\n  const [hasNextPage, setHasNextPage] = useState(false)\n  const [totalDocs, setTotalDocs] = useState(0)\n  const [page, setPage] = useState(1)\n  const [currentQuery, setCurrentQuery] = useState('')\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const { code: locale } = useLocale()\n\n  const fetchResults = useCallback(\n    async ({\n      append,\n      pageToFetch,\n      query,\n    }: {\n      append: boolean\n      pageToFetch: number\n      query: string\n    }) => {\n      setIsLoading(true)\n\n      try {\n        const queryString = qs.stringify(\n          {\n            computeHierarchyPaths: true,\n            limit,\n            locale,\n            page: pageToFetch,\n            select: {\n              [parentFieldName]: true,\n              [titleField]: true,\n              [titlePathField]: true,\n            },\n            where: {\n              [titleField]: { contains: query },\n            },\n          },\n          { addQueryPrefix: true },\n        )\n\n        const url = formatAdminURL({\n          apiRoute: api,\n          path: `/${collectionSlug}${queryString}`,\n          serverURL,\n        })\n\n        const response = await fetch(url, { credentials: 'include' })\n\n        if (!response.ok) {\n          throw new Error('Search failed')\n        }\n\n        const data = await response.json()\n        const docs: SearchResult[] = (data.docs || []).map((doc: Record<string, unknown>) => ({\n          ...doc,\n          path: doc[titlePathField] || '',\n        }))\n\n        setResults(append ? (prev) => [...prev, ...docs] : docs)\n        setHasNextPage(data.hasNextPage || false)\n        setTotalDocs(data.totalDocs || 0)\n        setPage(pageToFetch)\n        setCurrentQuery(query)\n      } catch {\n        if (!append) {\n          setResults([])\n          setHasNextPage(false)\n          setTotalDocs(0)\n        }\n      } finally {\n        setIsLoading(false)\n      }\n    },\n    [api, collectionSlug, limit, locale, parentFieldName, serverURL, titleField, titlePathField],\n  )\n\n  const search = useCallback(\n    async (query: string) => {\n      await fetchResults({ append: false, pageToFetch: 1, query })\n    },\n    [fetchResults],\n  )\n\n  const loadMore = useCallback(async () => {\n    if (isLoading || !hasNextPage || !currentQuery) {\n      return\n    }\n\n    await fetchResults({ append: true, pageToFetch: page + 1, query: currentQuery })\n  }, [isLoading, hasNextPage, currentQuery, page, fetchResults])\n\n  const clearResults = useCallback(() => {\n    setResults([])\n    setHasNextPage(false)\n    setTotalDocs(0)\n    setPage(1)\n    setCurrentQuery('')\n  }, [])\n\n  return {\n    clearResults,\n    hasNextPage,\n    isLoading,\n    loadMore,\n    results,\n    search,\n    totalDocs,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/HierarchyTree/HierarchySidebarTab.d.ts

@@ -0,0 +1,21 @@
+import type { SidebarTabClientProps } from 'payload';
+import React from 'react';
+import type { HierarchyInitialData } from './types.js';
+export declare const HierarchySidebarTab: React.FC<{
+    baseFilter?: Record<string, unknown>;
+    collectionSpecificOptions?: {
+        label: string;
+        value: string;
+    }[];
+    hierarchyCollectionSlug: string;
+    icon?: React.ReactNode;
+    initialData?: HierarchyInitialData | null;
+    initialExpandedNodes?: (number | string)[];
+    initialSelectedFilters?: string[];
+    parentFieldName?: string;
+    selectedNodeId?: null | string;
+    treeLimit?: number;
+    typeFieldName?: string;
+    useAsTitle?: string;
+} & SidebarTabClientProps>;
+//# sourceMappingURL=HierarchySidebarTab.d.ts.map

package/dist/elements/HierarchyTree/HierarchySidebarTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchySidebarTab.d.ts","sourceRoot":"","sources":["../../../src/elements/HierarchyTree/HierarchySidebarTab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAIpD,OAAO,KAAgC,MAAM,OAAO,CAAA;AAEpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAStD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CACxC;IACE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,yBAAyB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC9D,uBAAuB,EAAE,MAAM,CAAA;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,WAAW,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAA;IACzC,oBAAoB,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAC1C,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAA;IACjC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,GAAG,qBAAqB,CAkH1B,CAAA"}

package/dist/elements/HierarchyTree/HierarchySidebarTab.js

@@ -0,0 +1,167 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRouter, useSearchParams } from 'next/navigation.js';
+import { formatAdminURL } from 'payload/shared';
+import React, { useCallback, useState } from 'react';
+import { HierarchySearch } from '../../elements/HierarchySearch/index.js';
+import { HydrateHierarchyProvider } from '../../elements/HydrateHierarchyProvider/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useHierarchy } from '../../providers/Hierarchy/index.js';
+import { useRouteTransition } from '../../providers/RouteTransition/index.js';
+import { HierarchyTree } from './index.js';
+export const HierarchySidebarTab = t0 => {
+  const $ = _c(32);
+  const {
+    baseFilter,
+    collectionSpecificOptions,
+    hierarchyCollectionSlug,
+    icon,
+    initialData,
+    initialExpandedNodes,
+    initialSelectedFilters,
+    parentFieldName,
+    selectedNodeId: selectedNodeIdFromServer,
+    treeLimit,
+    typeFieldName,
+    useAsTitle
+  } = t0;
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
+  const {
+    config: t1
+  } = useConfig();
+  const {
+    routes: t2
+  } = t1;
+  const {
+    admin: adminRoute
+  } = t2;
+  const [isSearchActive, setIsSearchActive] = useState(false);
+  let t3;
+  if ($[0] !== initialSelectedFilters) {
+    t3 = initialSelectedFilters ?? [];
+    $[0] = initialSelectedFilters;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const [selectedFilters, setSelectedFiltersLocal] = useState(t3);
+  const {
+    baseFilter: contextBaseFilter,
+    setSelectedFilters: setSelectedFiltersContext,
+    treeRefreshKey,
+    viewCollectionSlug
+  } = useHierarchy();
+  let t4;
+  if ($[2] !== adminRoute || $[3] !== baseFilter || $[4] !== collectionSpecificOptions || $[5] !== contextBaseFilter || $[6] !== hierarchyCollectionSlug || $[7] !== icon || $[8] !== initialData || $[9] !== initialExpandedNodes || $[10] !== initialSelectedFilters || $[11] !== isSearchActive || $[12] !== parentFieldName || $[13] !== router || $[14] !== searchParams || $[15] !== selectedFilters || $[16] !== selectedNodeIdFromServer || $[17] !== setSelectedFiltersContext || $[18] !== startRouteTransition || $[19] !== treeLimit || $[20] !== treeRefreshKey || $[21] !== typeFieldName || $[22] !== useAsTitle || $[23] !== viewCollectionSlug) {
+    const parentParam = searchParams.get("parent");
+    const isViewingThisCollection = viewCollectionSlug === hierarchyCollectionSlug;
+    const selectedNodeId = isViewingThisCollection ? parentParam ?? selectedNodeIdFromServer ?? undefined : undefined;
+    const baseFilterKey = baseFilter ? JSON.stringify(baseFilter) : "";
+    const contextBaseFilterKey = contextBaseFilter ? JSON.stringify(contextBaseFilter) : "";
+    const contextHasNewerBaseFilter = contextBaseFilter !== null && baseFilterKey !== contextBaseFilterKey;
+    const effectiveInitialData = treeRefreshKey === 0 && !contextHasNewerBaseFilter ? initialData : null;
+    const effectiveBaseFilter = contextHasNewerBaseFilter ? contextBaseFilter : baseFilter;
+    const effectiveBaseFilterKey = contextHasNewerBaseFilter ? contextBaseFilterKey : baseFilterKey;
+    let t5;
+    if ($[25] !== setSelectedFiltersContext) {
+      t5 = filters => {
+        setSelectedFiltersLocal(filters);
+        setSelectedFiltersContext(filters);
+      };
+      $[25] = setSelectedFiltersContext;
+      $[26] = t5;
+    } else {
+      t5 = $[26];
+    }
+    const handleFilterChange = t5;
+    let t6;
+    if ($[27] !== adminRoute || $[28] !== hierarchyCollectionSlug || $[29] !== router || $[30] !== startRouteTransition) {
+      t6 = t7 => {
+        const {
+          id
+        } = t7;
+        const url = formatAdminURL({
+          adminRoute,
+          path: `/collections/${hierarchyCollectionSlug}?parent=${id}`
+        });
+        startRouteTransition(() => {
+          router.push(url);
+          router.refresh();
+        });
+      };
+      $[27] = adminRoute;
+      $[28] = hierarchyCollectionSlug;
+      $[29] = router;
+      $[30] = startRouteTransition;
+      $[31] = t6;
+    } else {
+      t6 = $[31];
+    }
+    const handleNavigateToParent = t6;
+    t4 = _jsxs(_Fragment, {
+      children: [_jsx(HydrateHierarchyProvider, {
+        baseFilter: contextHasNewerBaseFilter ? undefined : baseFilter,
+        collectionSlug: hierarchyCollectionSlug,
+        expandedNodes: initialExpandedNodes,
+        parentFieldName,
+        selectedFilters: initialSelectedFilters,
+        treeData: effectiveInitialData,
+        treeLimit,
+        typeFieldName
+      }), _jsxs("div", {
+        className: "hierarchy-sidebar-tab",
+        children: [_jsx(HierarchySearch, {
+          collectionSlug: hierarchyCollectionSlug,
+          collectionSpecificOptions,
+          isActive: isSearchActive,
+          onActiveChange: setIsSearchActive,
+          onFilterChange: handleFilterChange,
+          onSelect: handleNavigateToParent,
+          selectedFilters
+        }), !isSearchActive && _jsx(HierarchyTree, {
+          baseFilter: effectiveBaseFilter,
+          collectionSlug: hierarchyCollectionSlug,
+          filterByCollections: selectedFilters.length > 0 ? selectedFilters : undefined,
+          icon,
+          initialData: effectiveInitialData,
+          onNodeClick: handleNavigateToParent,
+          selectedNodeId,
+          useAsTitle
+        }, `${hierarchyCollectionSlug}-${treeRefreshKey}-${effectiveBaseFilterKey}`)]
+      })]
+    });
+    $[2] = adminRoute;
+    $[3] = baseFilter;
+    $[4] = collectionSpecificOptions;
+    $[5] = contextBaseFilter;
+    $[6] = hierarchyCollectionSlug;
+    $[7] = icon;
+    $[8] = initialData;
+    $[9] = initialExpandedNodes;
+    $[10] = initialSelectedFilters;
+    $[11] = isSearchActive;
+    $[12] = parentFieldName;
+    $[13] = router;
+    $[14] = searchParams;
+    $[15] = selectedFilters;
+    $[16] = selectedNodeIdFromServer;
+    $[17] = setSelectedFiltersContext;
+    $[18] = startRouteTransition;
+    $[19] = treeLimit;
+    $[20] = treeRefreshKey;
+    $[21] = typeFieldName;
+    $[22] = useAsTitle;
+    $[23] = viewCollectionSlug;
+    $[24] = t4;
+  } else {
+    t4 = $[24];
+  }
+  return t4;
+};
+//# sourceMappingURL=HierarchySidebarTab.js.map

package/dist/elements/HierarchyTree/HierarchySidebarTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchySidebarTab.js","names":["c","_c","useRouter","useSearchParams","formatAdminURL","React","useCallback","useState","HierarchySearch","HydrateHierarchyProvider","useConfig","useHierarchy","useRouteTransition","HierarchyTree","HierarchySidebarTab","t0","$","baseFilter","collectionSpecificOptions","hierarchyCollectionSlug","icon","initialData","initialExpandedNodes","initialSelectedFilters","parentFieldName","selectedNodeId","selectedNodeIdFromServer","treeLimit","typeFieldName","useAsTitle","router","searchParams","startRouteTransition","config","t1","routes","t2","admin","adminRoute","isSearchActive","setIsSearchActive","t3","selectedFilters","setSelectedFiltersLocal","contextBaseFilter","setSelectedFilters","setSelectedFiltersContext","treeRefreshKey","viewCollectionSlug","t4","parentParam","get","isViewingThisCollection","undefined","baseFilterKey","JSON","stringify","contextBaseFilterKey","contextHasNewerBaseFilter","effectiveInitialData","effectiveBaseFilter","effectiveBaseFilterKey","t5","filters","handleFilterChange","t6","t7","id","url","path","push","refresh","handleNavigateToParent","_jsxs","_Fragment","children","_jsx","collectionSlug","expandedNodes","treeData","className","isActive","onActiveChange","onFilterChange","onSelect","filterByCollections","length","onNodeClick"],"sources":["../../../src/elements/HierarchyTree/HierarchySidebarTab.tsx"],"sourcesContent":["'use client'\n\nimport type { SidebarTabClientProps } from 'payload'\n\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useState } from 'react'\n\nimport type { HierarchyInitialData } from './types.js'\n\nimport { HierarchySearch } from '../../elements/HierarchySearch/index.js'\nimport { HydrateHierarchyProvider } from '../../elements/HydrateHierarchyProvider/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useHierarchy } from '../../providers/Hierarchy/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { HierarchyTree } from './index.js'\n\nexport const HierarchySidebarTab: React.FC<\n  {\n    baseFilter?: Record<string, unknown>\n    collectionSpecificOptions?: { label: string; value: string }[]\n    hierarchyCollectionSlug: string\n    icon?: React.ReactNode\n    initialData?: HierarchyInitialData | null\n    initialExpandedNodes?: (number | string)[]\n    initialSelectedFilters?: string[]\n    parentFieldName?: string\n    selectedNodeId?: null | string\n    treeLimit?: number\n    typeFieldName?: string\n    useAsTitle?: string\n  } & SidebarTabClientProps\n> = ({\n  baseFilter,\n  collectionSpecificOptions,\n  hierarchyCollectionSlug,\n  icon,\n  initialData,\n  initialExpandedNodes,\n  initialSelectedFilters,\n  parentFieldName,\n  selectedNodeId: selectedNodeIdFromServer,\n  treeLimit,\n  typeFieldName,\n  useAsTitle,\n}) => {\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const { startRouteTransition } = useRouteTransition()\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n  const [isSearchActive, setIsSearchActive] = useState(false)\n  const [selectedFilters, setSelectedFiltersLocal] = useState<string[]>(\n    initialSelectedFilters ?? [],\n  )\n  const {\n    baseFilter: contextBaseFilter,\n    setSelectedFilters: setSelectedFiltersContext,\n    treeRefreshKey,\n    viewCollectionSlug,\n  } = useHierarchy()\n\n  // Only show selection if the current list view matches this tab's hierarchy collection\n  const parentParam = searchParams.get('parent')\n  const isViewingThisCollection = viewCollectionSlug === hierarchyCollectionSlug\n  const selectedNodeId = isViewingThisCollection\n    ? (parentParam ?? selectedNodeIdFromServer ?? undefined)\n    : undefined\n\n  const baseFilterKey = baseFilter ? JSON.stringify(baseFilter) : ''\n  const contextBaseFilterKey = contextBaseFilter ? JSON.stringify(contextBaseFilter) : ''\n\n  // Context has a newer baseFilter if it exists and differs from props\n  const contextHasNewerBaseFilter =\n    contextBaseFilter !== null && baseFilterKey !== contextBaseFilterKey\n\n  // Skip stale initialData when context has a newer baseFilter\n  const effectiveInitialData =\n    treeRefreshKey === 0 && !contextHasNewerBaseFilter ? initialData : null\n\n  const effectiveBaseFilter = contextHasNewerBaseFilter ? contextBaseFilter : baseFilter\n  const effectiveBaseFilterKey = contextHasNewerBaseFilter ? contextBaseFilterKey : baseFilterKey\n\n  const handleFilterChange = useCallback(\n    (filters: string[]) => {\n      setSelectedFiltersLocal(filters)\n      setSelectedFiltersContext(filters)\n    },\n    [setSelectedFiltersContext],\n  )\n\n  const handleNavigateToParent = useCallback(\n    ({ id }: { id: number | string }) => {\n      const url = formatAdminURL({\n        adminRoute,\n        path: `/collections/${hierarchyCollectionSlug}?parent=${id}`,\n      })\n      startRouteTransition(() => {\n        router.push(url)\n        router.refresh()\n      })\n    },\n    [adminRoute, hierarchyCollectionSlug, router, startRouteTransition],\n  )\n  return (\n    <>\n      <HydrateHierarchyProvider\n        baseFilter={contextHasNewerBaseFilter ? undefined : baseFilter}\n        collectionSlug={hierarchyCollectionSlug}\n        expandedNodes={initialExpandedNodes}\n        parentFieldName={parentFieldName}\n        selectedFilters={initialSelectedFilters}\n        treeData={effectiveInitialData}\n        treeLimit={treeLimit}\n        typeFieldName={typeFieldName}\n      />\n      <div className=\"hierarchy-sidebar-tab\">\n        <HierarchySearch\n          collectionSlug={hierarchyCollectionSlug}\n          collectionSpecificOptions={collectionSpecificOptions}\n          isActive={isSearchActive}\n          onActiveChange={setIsSearchActive}\n          onFilterChange={handleFilterChange}\n          onSelect={handleNavigateToParent}\n          selectedFilters={selectedFilters}\n        />\n        {!isSearchActive && (\n          <HierarchyTree\n            baseFilter={effectiveBaseFilter}\n            collectionSlug={hierarchyCollectionSlug}\n            filterByCollections={selectedFilters.length > 0 ? selectedFilters : undefined}\n            icon={icon}\n            initialData={effectiveInitialData}\n            key={`${hierarchyCollectionSlug}-${treeRefreshKey}-${effectiveBaseFilterKey}`}\n            onNodeClick={handleNavigateToParent}\n            selectedNodeId={selectedNodeId}\n            useAsTitle={useAsTitle}\n          />\n        )}\n      </div>\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/HierarchyTree/HierarchySidebarTab.server.d.ts

@@ -0,0 +1,7 @@
+import type { SidebarTabServerProps } from 'payload';
+import React from 'react';
+export type HierarchySidebarTabServerProps = {
+    hierarchyCollectionSlug: string;
+} & SidebarTabServerProps;
+export declare const HierarchySidebarTabServer: React.FC<HierarchySidebarTabServerProps>;
+//# sourceMappingURL=HierarchySidebarTab.server.d.ts.map

package/dist/elements/HierarchyTree/HierarchySidebarTab.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchySidebarTab.server.d.ts","sourceRoot":"","sources":["../../../src/elements/HierarchyTree/HierarchySidebarTab.server.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAS,MAAM,SAAS,CAAA;AAK3D,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,MAAM,MAAM,8BAA8B,GAAG;IAC3C,uBAAuB,EAAE,MAAM,CAAA;CAChC,GAAG,qBAAqB,CAAA;AAEzB,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAwL9E,CAAA"}

package/dist/elements/HierarchyTree/HierarchySidebarTab.server.js

@@ -0,0 +1,176 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { DEFAULT_HIERARCHY_TREE_LIMIT, getInitialTreeData } from 'payload';
+import { PREFERENCE_KEYS } from 'payload/shared';
+import React from 'react';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary
+import { HierarchySidebarTab } from '../../exports/client/index.js';
+import { TagIcon } from '../../icons/Tag/index.js';
+import { RenderServerComponent } from '../RenderServerComponent/index.js';
+export const HierarchySidebarTabServer = async ({
+  hierarchyCollectionSlug,
+  i18n,
+  payload,
+  req,
+  searchParams,
+  user
+}) => {
+  if (!user) {
+    return null;
+  }
+  let initialData = null;
+  let initialExpandedNodes = [];
+  let initialSelectedFilters = [];
+  let selectedNodeId = null;
+  let parentFieldName = 'parent';
+  let treeLimit;
+  let typeFieldName;
+  let useAsTitle;
+  let collectionSpecificOptions = [];
+  let baseFilter = null;
+  // Get collection config and render icon (outside try block - doesn't need async)
+  const collectionConfig = payload.collections[hierarchyCollectionSlug]?.config;
+  const hierarchyConfig = collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object' ? collectionConfig.hierarchy : undefined;
+  const IconComponent = hierarchyConfig?.admin?.components?.Icon;
+  const icon = IconComponent ? RenderServerComponent({
+    Component: IconComponent,
+    importMap: payload.importMap,
+    key: `hierarchy-sidebar-icon-${hierarchyCollectionSlug}`
+  }) : /*#__PURE__*/_jsx(TagIcon, {
+    color: "muted"
+  });
+  try {
+    // Get selected node from URL (?parent=<id>)
+    selectedNodeId = searchParams?.parent ? String(searchParams.parent) : null;
+    // STEP 1: Load user's expanded node preferences
+    const preferenceKey = `${PREFERENCE_KEYS.HIERARCHY_TREE}-${hierarchyCollectionSlug}`;
+    const {
+      docs: preferenceDocs
+    } = await payload.find({
+      collection: 'payload-preferences',
+      limit: 1,
+      overrideAccess: false,
+      user,
+      where: {
+        and: [{
+          key: {
+            equals: preferenceKey
+          }
+        }, {
+          'user.value': {
+            equals: user.id
+          }
+        }, {
+          'user.relationTo': {
+            equals: user.collection
+          }
+        }]
+      }
+    });
+    const preferences = preferenceDocs[0];
+    if (preferences?.value?.expandedNodes) {
+      initialExpandedNodes = preferences.value.expandedNodes;
+    }
+    if (preferences?.value?.selectedFilters) {
+      initialSelectedFilters = preferences.value.selectedFilters;
+    }
+    // STEP 2: Get remaining config values
+    parentFieldName = hierarchyConfig?.parentFieldName;
+    treeLimit = hierarchyConfig?.admin?.treeLimit;
+    typeFieldName = hierarchyConfig?.collectionSpecific && typeof hierarchyConfig.collectionSpecific === 'object' ? hierarchyConfig.collectionSpecific.fieldName : undefined;
+    useAsTitle = collectionConfig?.admin?.useAsTitle;
+    // STEP 2.5: Build collection-specific options from related collections
+    if (hierarchyConfig.collectionSpecific && hierarchyConfig?.relatedCollections) {
+      collectionSpecificOptions = Object.keys(hierarchyConfig.relatedCollections).map(slug => {
+        const relatedConfig = payload.collections[slug]?.config;
+        const label = relatedConfig?.labels?.plural ?? slug;
+        return {
+          label: getTranslation(label, i18n),
+          value: slug
+        };
+      }).sort((a, b) => a.label.localeCompare(b.label));
+    }
+    // Track the immediate parent of the selected node (for ensuring siblings are loaded)
+    let selectedNodeParentId = null;
+    // If there's a selected node, ensure its ancestor chain is expanded
+    if (selectedNodeId) {
+      // Walk up the parent chain to root
+      const ancestorIds = [];
+      let currentNodeId = selectedNodeId;
+      let isFirstIteration = true;
+      while (currentNodeId) {
+        try {
+          const node = await payload.findByID({
+            id: currentNodeId,
+            collection: hierarchyCollectionSlug,
+            depth: 0,
+            overrideAccess: false,
+            user
+          });
+          const parentId = node?.[parentFieldName];
+          // Capture the immediate parent of the selected node
+          if (isFirstIteration) {
+            selectedNodeParentId = parentId ?? null;
+            isFirstIteration = false;
+          }
+          if (parentId) {
+            ancestorIds.push(parentId);
+            currentNodeId = parentId;
+          } else {
+            currentNodeId = null;
+          }
+        } catch {
+          break;
+        }
+      }
+      // Merge ancestor IDs with existing expanded nodes
+      const expandedSet = new Set(initialExpandedNodes);
+      ancestorIds.forEach(id => expandedSet.add(id));
+      initialExpandedNodes = Array.from(expandedSet);
+    }
+    const baseFilterFn = collectionConfig?.admin?.baseFilter ?? collectionConfig?.admin?.baseListFilter;
+    if (baseFilterFn && req) {
+      baseFilter = (await baseFilterFn({
+        limit: DEFAULT_HIERARCHY_TREE_LIMIT,
+        page: 1,
+        req,
+        sort: 'id'
+      })) ?? null;
+    }
+    initialData = await getInitialTreeData({
+      baseFilter,
+      collectionSlug: hierarchyCollectionSlug,
+      expandedNodeIds: initialExpandedNodes,
+      ...(initialSelectedFilters.length > 0 && {
+        filterByCollections: initialSelectedFilters
+      }),
+      ...(treeLimit !== undefined && {
+        limit: treeLimit
+      }),
+      req,
+      selectedNodeId,
+      selectedNodeParentId
+    });
+  } catch (error) {
+    payload.logger.warn({
+      err: error,
+      msg: `Failed to fetch hierarchy data for ${hierarchyCollectionSlug}`
+    });
+    // Fall back to client-side fetching if server fetch fails
+  }
+  return /*#__PURE__*/_jsx(HierarchySidebarTab, {
+    baseFilter: baseFilter,
+    collectionSpecificOptions: collectionSpecificOptions,
+    hierarchyCollectionSlug: hierarchyCollectionSlug,
+    icon: icon,
+    initialData: initialData,
+    initialExpandedNodes: initialExpandedNodes,
+    initialSelectedFilters: initialSelectedFilters,
+    parentFieldName: parentFieldName,
+    selectedNodeId: selectedNodeId,
+    treeLimit: treeLimit,
+    typeFieldName: typeFieldName,
+    useAsTitle: useAsTitle
+  });
+};
+//# sourceMappingURL=HierarchySidebarTab.server.js.map

package/dist/elements/HierarchyTree/HierarchySidebarTab.server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchySidebarTab.server.js","names":["getTranslation","DEFAULT_HIERARCHY_TREE_LIMIT","getInitialTreeData","PREFERENCE_KEYS","React","HierarchySidebarTab","TagIcon","RenderServerComponent","HierarchySidebarTabServer","hierarchyCollectionSlug","i18n","payload","req","searchParams","user","initialData","initialExpandedNodes","initialSelectedFilters","selectedNodeId","parentFieldName","treeLimit","typeFieldName","useAsTitle","collectionSpecificOptions","baseFilter","collectionConfig","collections","config","hierarchyConfig","hierarchy","undefined","IconComponent","admin","components","Icon","icon","Component","importMap","key","_jsx","color","parent","String","preferenceKey","HIERARCHY_TREE","docs","preferenceDocs","find","collection","limit","overrideAccess","where","and","equals","id","preferences","value","expandedNodes","selectedFilters","collectionSpecific","fieldName","relatedCollections","Object","keys","map","slug","relatedConfig","label","labels","plural","sort","a","b","localeCompare","selectedNodeParentId","ancestorIds","currentNodeId","isFirstIteration","node","findByID","depth","parentId","push","expandedSet","Set","forEach","add","Array","from","baseFilterFn","baseListFilter","page","collectionSlug","expandedNodeIds","length","filterByCollections","error","logger","warn","err","msg"],"sources":["../../../src/elements/HierarchyTree/HierarchySidebarTab.server.tsx"],"sourcesContent":["import type { SidebarTabServerProps, Where } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { DEFAULT_HIERARCHY_TREE_LIMIT, getInitialTreeData } from 'payload'\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { HierarchySidebarTab } from '../../exports/client/index.js'\nimport { TagIcon } from '../../icons/Tag/index.js'\nimport { RenderServerComponent } from '../RenderServerComponent/index.js'\n\nexport type HierarchySidebarTabServerProps = {\n  hierarchyCollectionSlug: string\n} & SidebarTabServerProps\n\nexport const HierarchySidebarTabServer: React.FC<HierarchySidebarTabServerProps> = async ({\n  hierarchyCollectionSlug,\n  i18n,\n  payload,\n  req,\n  searchParams,\n  user,\n}) => {\n  if (!user) {\n    return null\n  }\n\n  let initialData = null\n  let initialExpandedNodes: (number | string)[] = []\n  let initialSelectedFilters: string[] = []\n  let selectedNodeId: null | string = null\n  let parentFieldName = 'parent'\n  let treeLimit: number | undefined\n  let typeFieldName: string | undefined\n  let useAsTitle: string | undefined\n  let collectionSpecificOptions: { label: string; value: string }[] = []\n  let baseFilter: null | Where = null\n\n  // Get collection config and render icon (outside try block - doesn't need async)\n  const collectionConfig = payload.collections[hierarchyCollectionSlug]?.config\n  const hierarchyConfig =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy\n      : undefined\n\n  const IconComponent = hierarchyConfig?.admin?.components?.Icon\n  const icon = IconComponent ? (\n    RenderServerComponent({\n      Component: IconComponent,\n      importMap: payload.importMap,\n      key: `hierarchy-sidebar-icon-${hierarchyCollectionSlug}`,\n    })\n  ) : (\n    <TagIcon color=\"muted\" />\n  )\n\n  try {\n    // Get selected node from URL (?parent=<id>)\n    selectedNodeId = searchParams?.parent ? String(searchParams.parent) : null\n\n    // STEP 1: Load user's expanded node preferences\n    const preferenceKey = `${PREFERENCE_KEYS.HIERARCHY_TREE}-${hierarchyCollectionSlug}`\n\n    const { docs: preferenceDocs } = await payload.find({\n      collection: 'payload-preferences',\n      limit: 1,\n      overrideAccess: false,\n      user,\n      where: {\n        and: [\n          { key: { equals: preferenceKey } },\n          { 'user.value': { equals: user.id } },\n          { 'user.relationTo': { equals: user.collection } },\n        ],\n      },\n    })\n\n    const preferences = preferenceDocs[0]\n\n    if (preferences?.value?.expandedNodes) {\n      initialExpandedNodes = preferences.value.expandedNodes\n    }\n\n    if (preferences?.value?.selectedFilters) {\n      initialSelectedFilters = preferences.value.selectedFilters\n    }\n\n    // STEP 2: Get remaining config values\n    parentFieldName = hierarchyConfig?.parentFieldName\n    treeLimit = hierarchyConfig?.admin?.treeLimit\n    typeFieldName =\n      hierarchyConfig?.collectionSpecific && typeof hierarchyConfig.collectionSpecific === 'object'\n        ? hierarchyConfig.collectionSpecific.fieldName\n        : undefined\n    useAsTitle = collectionConfig?.admin?.useAsTitle\n\n    // STEP 2.5: Build collection-specific options from related collections\n    if (hierarchyConfig.collectionSpecific && hierarchyConfig?.relatedCollections) {\n      collectionSpecificOptions = Object.keys(hierarchyConfig.relatedCollections)\n        .map((slug) => {\n          const relatedConfig = payload.collections[slug]?.config\n          const label = relatedConfig?.labels?.plural ?? slug\n\n          return {\n            label: getTranslation(label, i18n),\n            value: slug,\n          }\n        })\n        .sort((a, b) => a.label.localeCompare(b.label))\n    }\n\n    // Track the immediate parent of the selected node (for ensuring siblings are loaded)\n    let selectedNodeParentId: null | number | string = null\n\n    // If there's a selected node, ensure its ancestor chain is expanded\n    if (selectedNodeId) {\n      // Walk up the parent chain to root\n      const ancestorIds: (number | string)[] = []\n      let currentNodeId: null | number | string = selectedNodeId\n      let isFirstIteration = true\n\n      while (currentNodeId) {\n        try {\n          const node = await payload.findByID({\n            id: currentNodeId,\n            collection: hierarchyCollectionSlug,\n            depth: 0,\n            overrideAccess: false,\n            user,\n          })\n\n          const parentId = node?.[parentFieldName]\n\n          // Capture the immediate parent of the selected node\n          if (isFirstIteration) {\n            selectedNodeParentId = parentId ?? null\n            isFirstIteration = false\n          }\n\n          if (parentId) {\n            ancestorIds.push(parentId)\n            currentNodeId = parentId\n          } else {\n            currentNodeId = null\n          }\n        } catch {\n          // Node not found or access denied\n          break\n        }\n      }\n\n      // Merge ancestor IDs with existing expanded nodes\n      const expandedSet = new Set(initialExpandedNodes)\n      ancestorIds.forEach((id) => expandedSet.add(id))\n      initialExpandedNodes = Array.from(expandedSet)\n    }\n\n    const baseFilterFn =\n      collectionConfig?.admin?.baseFilter ?? collectionConfig?.admin?.baseListFilter\n    if (baseFilterFn && req) {\n      baseFilter =\n        (await baseFilterFn({ limit: DEFAULT_HIERARCHY_TREE_LIMIT, page: 1, req, sort: 'id' })) ??\n        null\n    }\n\n    initialData = await getInitialTreeData({\n      baseFilter,\n      collectionSlug: hierarchyCollectionSlug,\n      expandedNodeIds: initialExpandedNodes,\n      ...(initialSelectedFilters.length > 0 && { filterByCollections: initialSelectedFilters }),\n      ...(treeLimit !== undefined && { limit: treeLimit }),\n      req,\n      selectedNodeId,\n      selectedNodeParentId,\n    })\n  } catch (error) {\n    payload.logger.warn({\n      err: error,\n      msg: `Failed to fetch hierarchy data for ${hierarchyCollectionSlug}`,\n    })\n    // Fall back to client-side fetching if server fetch fails\n  }\n\n  return (\n    <HierarchySidebarTab\n      baseFilter={baseFilter}\n      collectionSpecificOptions={collectionSpecificOptions}\n      hierarchyCollectionSlug={hierarchyCollectionSlug}\n      icon={icon}\n      initialData={initialData}\n      initialExpandedNodes={initialExpandedNodes}\n      initialSelectedFilters={initialSelectedFilters}\n      parentFieldName={parentFieldName}\n      selectedNodeId={selectedNodeId}\n      treeLimit={treeLimit}\n      typeFieldName={typeFieldName}\n      useAsTitle={useAsTitle}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/HierarchyTree/LoadMore/LoadMoreButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type LoadMoreButtonProps = {
+    id: string;
+    onLoadMore: (() => Promise<void>) | (() => void);
+};
+export declare const LoadMoreButton: React.FC<LoadMoreButtonProps>;
+export {};
+//# sourceMappingURL=LoadMoreButton.d.ts.map

package/dist/elements/HierarchyTree/LoadMore/LoadMoreButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadMoreButton.d.ts","sourceRoot":"","sources":["../../../../src/elements/HierarchyTree/LoadMore/LoadMoreButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAKlD,KAAK,mBAAmB,GAAG;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,CAAA;CACjD,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyBxD,CAAA"}

package/dist/elements/HierarchyTree/LoadMore/LoadMoreButton.js

@@ -0,0 +1,36 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback, useRef } from 'react';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { useFocusableItem } from '../TreeFocusContext.js';
+export const LoadMoreButton = ({
+  id,
+  onLoadMore
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const buttonRef = useRef(null);
+  const {
+    handleFocus,
+    tabIndex
+  } = useFocusableItem({
+    id,
+    type: 'load-more',
+    ref: buttonRef
+  });
+  const handleClick = useCallback(async () => {
+    await onLoadMore();
+  }, [onLoadMore]);
+  return /*#__PURE__*/_jsx("button", {
+    className: "hierarchy-tree__load-more-button",
+    onClick: handleClick,
+    onFocus: handleFocus,
+    ref: buttonRef,
+    tabIndex: tabIndex,
+    type: "button",
+    children: t('general:loadMore')
+  });
+};
+//# sourceMappingURL=LoadMoreButton.js.map

package/dist/elements/HierarchyTree/LoadMore/LoadMoreButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadMoreButton.js","names":["React","useCallback","useRef","useTranslation","useFocusableItem","LoadMoreButton","id","onLoadMore","t","buttonRef","handleFocus","tabIndex","type","ref","handleClick","_jsx","className","onClick","onFocus"],"sources":["../../../../src/elements/HierarchyTree/LoadMore/LoadMoreButton.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useRef } from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { useFocusableItem } from '../TreeFocusContext.js'\n\ntype LoadMoreButtonProps = {\n  id: string\n  onLoadMore: (() => Promise<void>) | (() => void)\n}\n\nexport const LoadMoreButton: React.FC<LoadMoreButtonProps> = ({ id, onLoadMore }) => {\n  const { t } = useTranslation()\n  const buttonRef = useRef<HTMLButtonElement>(null)\n  const { handleFocus, tabIndex } = useFocusableItem({\n    id,\n    type: 'load-more',\n    ref: buttonRef,\n  })\n\n  const handleClick = useCallback(async () => {\n    await onLoadMore()\n  }, [onLoadMore])\n\n  return (\n    <button\n      className=\"hierarchy-tree__load-more-button\"\n      onClick={handleClick}\n      onFocus={handleFocus}\n      ref={buttonRef}\n      tabIndex={tabIndex}\n      type=\"button\"\n    >\n      {t('general:loadMore')}\n    </button>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,IAASC,WAAW,EAAEC,MAAM,QAAQ;AAE3C,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AAOjC,OAAO,MAAMC,cAAA,GAAgDA,CAAC;EAAEC,EAAE;EAAEC;AAAU,CAAE;EAC9E,MAAM;IAAEC;EAAC,CAAE,GAAGL,cAAA;EACd,MAAMM,SAAA,GAAYP,MAAA,CAA0B;EAC5C,MAAM;IAAEQ,WAAW;IAAEC;EAAQ,CAAE,GAAGP,gBAAA,CAAiB;IACjDE,EAAA;IACAM,IAAA,EAAM;IACNC,GAAA,EAAKJ;EACP;EAEA,MAAMK,WAAA,GAAcb,WAAA,CAAY;IAC9B,MAAMM,UAAA;EACR,GAAG,CAACA,UAAA,CAAW;EAEf,oBACEQ,IAAA,CAAC;IACCC,SAAA,EAAU;IACVC,OAAA,EAASH,WAAA;IACTI,OAAA,EAASR,WAAA;IACTG,GAAA,EAAKJ,SAAA;IACLE,QAAA,EAAUA,QAAA;IACVC,IAAA,EAAK;cAEJJ,CAAA,CAAE;;AAGT","ignoreList":[]}

package/dist/elements/HierarchyTree/LoadMore/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.scss';
+type LoadMoreProps = {
+    currentCount: number;
+    depth: number;
+    id: string;
+    onLoadMore: (() => Promise<void>) | (() => void);
+    totalDocs: number;
+};
+export declare const LoadMore: React.FC<LoadMoreProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/HierarchyTree/LoadMore/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/HierarchyTree/LoadMore/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAErB,KAAK,aAAa,GAAG;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,CAAA;IAChD,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiB5C,CAAA"}

package/dist/elements/HierarchyTree/LoadMore/index.js

@@ -0,0 +1,29 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { LoadMoreRow } from '../../LoadMoreRow/index.js';
+import { LoadMoreButton } from './LoadMoreButton.js';
+import './index.scss';
+export const LoadMore = ({
+  id,
+  currentCount,
+  depth,
+  onLoadMore,
+  totalDocs
+}) => {
+  return /*#__PURE__*/_jsx(LoadMoreRow, {
+    className: "hierarchy-tree__load-more",
+    currentCount: currentCount,
+    hasMore: currentCount < totalDocs,
+    loadMoreButton: /*#__PURE__*/_jsx(LoadMoreButton, {
+      id: id,
+      onLoadMore: onLoadMore
+    }),
+    style: {
+      '--hierarchy-tree-depth': depth
+    },
+    totalDocs: totalDocs
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/HierarchyTree/LoadMore/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","LoadMoreRow","LoadMoreButton","LoadMore","id","currentCount","depth","onLoadMore","totalDocs","_jsx","className","hasMore","loadMoreButton","style"],"sources":["../../../../src/elements/HierarchyTree/LoadMore/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { LoadMoreRow } from '../../LoadMoreRow/index.js'\nimport { LoadMoreButton } from './LoadMoreButton.js'\nimport './index.scss'\n\ntype LoadMoreProps = {\n  currentCount: number\n  depth: number\n  id: string\n  onLoadMore: (() => Promise<void>) | (() => void)\n  totalDocs: number\n}\n\nexport const LoadMore: React.FC<LoadMoreProps> = ({\n  id,\n  currentCount,\n  depth,\n  onLoadMore,\n  totalDocs,\n}) => {\n  return (\n    <LoadMoreRow\n      className=\"hierarchy-tree__load-more\"\n      currentCount={currentCount}\n      hasMore={currentCount < totalDocs}\n      loadMoreButton={<LoadMoreButton id={id} onLoadMore={onLoadMore} />}\n      style={{ '--hierarchy-tree-depth': depth } as React.CSSProperties}\n      totalDocs={totalDocs}\n    />\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAUP,OAAO,MAAMC,QAAA,GAAoCA,CAAC;EAChDC,EAAE;EACFC,YAAY;EACZC,KAAK;EACLC,UAAU;EACVC;AAAS,CACV;EACC,oBACEC,IAAA,CAACR,WAAA;IACCS,SAAA,EAAU;IACVL,YAAA,EAAcA,YAAA;IACdM,OAAA,EAASN,YAAA,GAAeG,SAAA;IACxBI,cAAA,eAAgBH,IAAA,CAACP,cAAA;MAAeE,EAAA,EAAIA,EAAA;MAAIG,UAAA,EAAYA;;IACpDM,KAAA,EAAO;MAAE,0BAA0BP;IAAM;IACzCE,SAAA,EAAWA;;AAGjB","ignoreList":[]}

package/dist/elements/HierarchyTree/LoadMore/index.scss

@@ -0,0 +1,26 @@
+// Tree-specific overrides for the shared LoadMoreRow component
+
+.hierarchy-tree__load-more.load-more-row {
+  padding: var(--hierarchy-tree-node-padding-y) var(--hierarchy-tree-node-padding-x);
+  padding-left: calc(var(--hierarchy-tree-depth, 0) * var(--hierarchy-tree-indent));
+  height: var(--hierarchy-tree-node-content-height);
+  position: relative;
+  margin-bottom: var(--hierarchy-tree-row-gap);
+  padding-top: 0;
+
+  .load-more-row__connector {
+    margin-left: 2px;
+  }
+}
+
+// Tree-specific button styling (uses native button for focus management)
+.hierarchy-tree__load-more-button {
+  background: none;
+  border: none;
+  padding: 0;
+  color: var(--theme-text);
+  font-size: inherit;
+  font-family: inherit;
+  cursor: pointer;
+  text-decoration: underline;
+}

package/dist/elements/HierarchyTree/TreeConnector.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type TreeConnectorProps = {
+    className?: string;
+};
+export declare const TreeConnector: React.FC<TreeConnectorProps>;
+export {};
+//# sourceMappingURL=TreeConnector.d.ts.map

package/dist/elements/HierarchyTree/TreeConnector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeConnector.d.ts","sourceRoot":"","sources":["../../../src/elements/HierarchyTree/TreeConnector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,kBAAkB,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkBtD,CAAA"}

package/dist/elements/HierarchyTree/TreeConnector.js

@@ -0,0 +1,23 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+export const TreeConnector = ({
+  className
+}) => {
+  return /*#__PURE__*/_jsx("svg", {
+    className: className,
+    fill: "none",
+    height: "9",
+    viewBox: "0 0 9 9",
+    width: "9",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M7.59062 7.83333H3.16667C2.45942 7.83333 1.78115 7.55238 1.28105 7.05229C0.780951 6.55219 0.5 5.87391 0.5 5.16667V0.5",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })
+  });
+};
+//# sourceMappingURL=TreeConnector.js.map

package/dist/elements/HierarchyTree/TreeConnector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeConnector.js","names":["React","TreeConnector","className","_jsx","fill","height","viewBox","width","xmlns","d","stroke","strokeLinecap","strokeLinejoin"],"sources":["../../../src/elements/HierarchyTree/TreeConnector.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\ntype TreeConnectorProps = {\n  className?: string\n}\n\nexport const TreeConnector: React.FC<TreeConnectorProps> = ({ className }) => {\n  return (\n    <svg\n      className={className}\n      fill=\"none\"\n      height=\"9\"\n      viewBox=\"0 0 9 9\"\n      width=\"9\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M7.59062 7.83333H3.16667C2.45942 7.83333 1.78115 7.55238 1.28105 7.05229C0.780951 6.55219 0.5 5.87391 0.5 5.16667V0.5\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAMlB,OAAO,MAAMC,aAAA,GAA8CA,CAAC;EAAEC;AAAS,CAAE;EACvE,oBACEC,IAAA,CAAC;IACCD,SAAA,EAAWA,SAAA;IACXE,IAAA,EAAK;IACLC,MAAA,EAAO;IACPC,OAAA,EAAQ;IACRC,KAAA,EAAM;IACNC,KAAA,EAAM;cAEN,aAAAL,IAAA,CAAC;MACCM,CAAA,EAAE;MACFC,MAAA,EAAO;MACPC,aAAA,EAAc;MACdC,cAAA,EAAe;;;AAIvB","ignoreList":[]}