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

package/dist/views/HierarchyList/HierarchyTable/index.js

@@ -0,0 +1,388 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { combineWhereConstraints, DEFAULT_HIERARCHY_LIST_LIMIT, formatAdminURL } from 'payload/shared';
+import * as qs from 'qs-esm';
+import React, { useCallback, useMemo, useState } from 'react';
+import { CreateDocumentButton } from '../../../elements/CreateDocumentButton/index.js';
+import { LoadMoreRow } from '../../../elements/LoadMoreRow/index.js';
+import { NoListResults } from '../../../elements/NoListResults/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useDocumentSelection } from '../../../providers/DocumentSelection/index.js';
+import { useRouteCache } from '../../../providers/RouteCache/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { ChildNameCell } from './ChildNameCell.js';
+import { DateCell } from './DateCell.js';
+import { RelatedNameCell } from './RelatedNameCell.js';
+import { SlotTable } from './SlotTable.js';
+import { baseClass } from './types.js';
+import './index.scss';
+// Top-level cell components to avoid nested component eslint errors
+const NameCell = props => props.row._hasChildren !== undefined ? /*#__PURE__*/_jsx(ChildNameCell, {
+  ...props
+}) : /*#__PURE__*/_jsx(RelatedNameCell, {
+  ...props
+});
+const CollectionCell = ({
+  row
+}) => /*#__PURE__*/_jsx("span", {
+  children: row._collectionLabel
+});
+export function HierarchyTable({
+  baseFilter,
+  childrenData,
+  collections,
+  collectionSlug,
+  hasCreatePermission,
+  HierarchyIcon,
+  hierarchyLabel,
+  parentFieldName,
+  parentId,
+  relatedBaseFilters,
+  relatedGroups,
+  search,
+  useAsTitle
+}) {
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    clearRouteCache
+  } = useRouteCache();
+  const {
+    config: {
+      routes: {
+        api: apiRoute
+      },
+      serverURL
+    },
+    getEntityConfig
+  } = useConfig();
+  // Children pagination state
+  const [childDocs, setChildDocs] = useState(childrenData?.docs || []);
+  const [childHasNext, setChildHasNext] = useState(childrenData?.hasNextPage || false);
+  const [childPage, setChildPage] = useState(childrenData?.page || 1);
+  const [childTotal, setChildTotal] = useState(childrenData?.totalDocs || 0);
+  const [childLoading, setChildLoading] = useState(false);
+  // Related groups pagination state (per collection)
+  const [relatedState, setRelatedState] = useState(() => {
+    const initial = {};
+    for (const group of relatedGroups) {
+      initial[group.collectionSlug] = {
+        docs: group.data.docs,
+        hasNextPage: group.data.hasNextPage,
+        isLoading: false,
+        page: group.data.page || 1,
+        totalDocs: group.data.totalDocs
+      };
+    }
+    return initial;
+  });
+  // Get selection functions from context
+  const {
+    isLocked,
+    isSelected,
+    toggleSelection
+  } = useDocumentSelection();
+  // Get the user who is locking a row (for SlotTable to show lock icon instead of checkbox)
+  const getRowLockedUser = useCallback(row => {
+    const locked = isLocked({
+      id: row.id,
+      collectionSlug: row._collectionSlug
+    });
+    return locked ? row._userEditing : undefined;
+  }, [isLocked]);
+  // Load more children
+  const handleLoadMoreChildren = useCallback(async () => {
+    if (childLoading || !childHasNext) {
+      return;
+    }
+    setChildLoading(true);
+    try {
+      const parentCondition = parentId ? {
+        [parentFieldName]: {
+          equals: parentId
+        }
+      } : {
+        or: [{
+          [parentFieldName]: {
+            exists: false
+          }
+        }, {
+          [parentFieldName]: {
+            equals: null
+          }
+        }]
+      };
+      const searchCondition = search ? {
+        [useAsTitle]: {
+          like: search
+        }
+      } : undefined;
+      const where = combineWhereConstraints([parentCondition, searchCondition, baseFilter]);
+      const queryString = qs.stringify({
+        limit: DEFAULT_HIERARCHY_LIST_LIMIT,
+        page: childPage + 1,
+        where
+      }, {
+        addQueryPrefix: true
+      });
+      const url = formatAdminURL({
+        apiRoute,
+        path: `/${collectionSlug}${queryString}`,
+        serverURL
+      });
+      const response = await fetch(url, {
+        credentials: 'include'
+      });
+      if (!response.ok) {
+        throw new Error('Failed to load more');
+      }
+      const result = await response.json();
+      setChildDocs(prev => [...prev, ...result.docs]);
+      setChildHasNext(result.hasNextPage);
+      setChildPage(result.page || childPage + 1);
+      setChildTotal(result.totalDocs);
+    } catch (_error) {
+      // Silently fail
+    } finally {
+      setChildLoading(false);
+    }
+  }, [apiRoute, baseFilter, childHasNext, childLoading, childPage, collectionSlug, parentFieldName, parentId, search, serverURL, useAsTitle]);
+  // Load more for a related collection
+  const handleLoadMoreRelated = useCallback(async relatedSlug => {
+    const state = relatedState[relatedSlug];
+    if (!state || state.isLoading || !state.hasNextPage) {
+      return;
+    }
+    // Find the group to get field info
+    const group_0 = relatedGroups.find(g => g.collectionSlug === relatedSlug);
+    if (!group_0) {
+      return;
+    }
+    setRelatedState(prev_0 => ({
+      ...prev_0,
+      [relatedSlug]: {
+        ...prev_0[relatedSlug],
+        isLoading: true
+      }
+    }));
+    try {
+      // Field name is always _t_{hierarchySlug} by convention
+      const fieldName = `_t_${collectionSlug}`;
+      // "in" operator works for both hasMany and single relationship fields
+      const relationshipCondition = {
+        [fieldName]: {
+          in: [parentId]
+        }
+      };
+      const relatedConfig = getEntityConfig({
+        collectionSlug: relatedSlug
+      });
+      const relatedUseAsTitle = relatedConfig?.admin?.useAsTitle || 'id';
+      const searchCondition_0 = search ? {
+        [relatedUseAsTitle]: {
+          like: search
+        }
+      } : undefined;
+      const relatedBaseFilter = relatedBaseFilters?.[relatedSlug];
+      const where_0 = combineWhereConstraints([relationshipCondition, searchCondition_0, relatedBaseFilter]);
+      const queryString_0 = qs.stringify({
+        limit: DEFAULT_HIERARCHY_LIST_LIMIT,
+        page: state.page + 1,
+        where: where_0
+      }, {
+        addQueryPrefix: true
+      });
+      const url_0 = formatAdminURL({
+        apiRoute,
+        path: `/${relatedSlug}${queryString_0}`,
+        serverURL
+      });
+      const response_0 = await fetch(url_0, {
+        credentials: 'include'
+      });
+      if (!response_0.ok) {
+        throw new Error('Failed to load more');
+      }
+      const result_0 = await response_0.json();
+      setRelatedState(prev_2 => ({
+        ...prev_2,
+        [relatedSlug]: {
+          docs: [...prev_2[relatedSlug].docs, ...result_0.docs],
+          hasNextPage: result_0.hasNextPage,
+          isLoading: false,
+          page: result_0.page || prev_2[relatedSlug].page + 1,
+          totalDocs: result_0.totalDocs
+        }
+      }));
+    } catch (_error_0) {
+      setRelatedState(prev_1 => ({
+        ...prev_1,
+        [relatedSlug]: {
+          ...prev_1[relatedSlug],
+          isLoading: false
+        }
+      }));
+    }
+  }, [apiRoute, collectionSlug, getEntityConfig, parentId, relatedBaseFilters, relatedGroups, relatedState, search, serverURL]);
+  // Get allowedCollections field name from hierarchy config
+  const allowedCollectionsFieldName = useMemo(() => {
+    const config = getEntityConfig({
+      collectionSlug
+    });
+    const hierarchy = config?.hierarchy;
+    if (hierarchy && typeof hierarchy === 'object' && hierarchy.collectionSpecific) {
+      return hierarchy.collectionSpecific.fieldName;
+    }
+    return undefined;
+  }, [collectionSlug, getEntityConfig]);
+  // Compute collection label for children (once)
+  const childrenLabel = useMemo(() => getTranslation(getEntityConfig({
+    collectionSlug
+  })?.labels?.plural, i18n) || hierarchyLabel, [collectionSlug, getEntityConfig, hierarchyLabel, i18n]);
+  // Build children data for table
+  const childTableData = useMemo(() => childDocs.map(doc => ({
+    ...doc,
+    id: doc.id,
+    _allowedCollections: allowedCollectionsFieldName ? doc[allowedCollectionsFieldName] : undefined,
+    _collectionLabel: childrenLabel,
+    _collectionSlug: collectionSlug,
+    _hasChildren: Boolean(doc._hasChildren),
+    _hierarchyIcon: HierarchyIcon
+  })), [HierarchyIcon, allowedCollectionsFieldName, childDocs, childrenLabel, collectionSlug]);
+  const hasChildren = childTotal > 0;
+  const hasRelated = relatedGroups.some(g_0 => relatedState[g_0.collectionSlug]?.totalDocs > 0);
+  // Unified groups array
+  const allGroups = useMemo(() => {
+    const groups = [];
+    // Children group
+    if (hasChildren) {
+      groups.push({
+        slug: collectionSlug,
+        docs: childTableData,
+        hasNextPage: childHasNext,
+        isChildren: true,
+        isHierarchyEnabled: true,
+        isLoading: childLoading,
+        label: childrenLabel,
+        onCheckboxChange: row_0 => toggleSelection({
+          id: row_0.id,
+          collectionSlug,
+          metadata: {
+            allowedCollections: row_0._allowedCollections
+          }
+        }),
+        onLoadMore: () => void handleLoadMoreChildren(),
+        totalDocs: childTotal
+      });
+    }
+    // Related groups
+    for (const group_1 of relatedGroups) {
+      const state_0 = relatedState[group_1.collectionSlug];
+      if (!state_0 || state_0.totalDocs === 0) {
+        continue;
+      }
+      const relatedConfig_0 = getEntityConfig({
+        collectionSlug: group_1.collectionSlug
+      });
+      const relatedLabel = getTranslation(relatedConfig_0?.labels?.plural, i18n) || group_1.label;
+      const relatedTableData = state_0.docs.map(doc_0 => ({
+        ...doc_0,
+        id: doc_0.id,
+        _collectionLabel: relatedLabel,
+        _collectionSlug: group_1.collectionSlug
+      }));
+      groups.push({
+        slug: group_1.collectionSlug,
+        docs: relatedTableData,
+        hasNextPage: state_0.hasNextPage,
+        isChildren: false,
+        isHierarchyEnabled: false,
+        isLoading: state_0.isLoading,
+        label: relatedLabel,
+        onCheckboxChange: row_1 => toggleSelection({
+          id: row_1.id,
+          collectionSlug: group_1.collectionSlug,
+          metadata: {}
+        }),
+        onLoadMore: () => void handleLoadMoreRelated(group_1.collectionSlug),
+        totalDocs: state_0.totalDocs
+      });
+    }
+    return groups;
+  }, [childHasNext, childLoading, childrenLabel, childTableData, childTotal, collectionSlug, getEntityConfig, handleLoadMoreChildren, handleLoadMoreRelated, hasChildren, i18n, relatedGroups, relatedState, toggleSelection]);
+  // Column definitions
+  const columns = useMemo(() => [{
+    accessor: 'name',
+    Cell: NameCell,
+    className: `${baseClass}__col-name`,
+    heading: t('general:name')
+  }, {
+    accessor: 'collection',
+    Cell: CollectionCell,
+    className: `${baseClass}__col-collection`,
+    heading: t('general:collection')
+  }, {
+    accessor: 'updatedAt',
+    Cell: DateCell,
+    className: `${baseClass}__col-date`,
+    heading: t('general:updatedAt')
+  }], [t]);
+  if (!hasChildren && !hasRelated) {
+    const canShowCreateButton = hasCreatePermission && collections && collections.length > 0;
+    return /*#__PURE__*/_jsx(NoListResults, {
+      Actions: canShowCreateButton ? [/*#__PURE__*/_jsx(CreateDocumentButton, {
+        collections: collections,
+        drawerSlug: `hierarchy-create-empty-${collectionSlug}`,
+        onSave: clearRouteCache
+      }, "create")] : undefined,
+      Message: /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("h3", {
+          children: t('general:noResultsFound')
+        }), /*#__PURE__*/_jsx("p", {
+          children: t('general:noResultsDescription')
+        })]
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    children: allGroups.map(group_2 => /*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__group-label`,
+        children: /*#__PURE__*/_jsx("span", {
+          children: group_2.label
+        })
+      }), /*#__PURE__*/_jsx(SlotTable, {
+        collectionSlug: group_2.slug,
+        columns: columns,
+        data: group_2.docs,
+        enableCheckbox: true,
+        enableDragHandle: false,
+        enableHeader: true,
+        enableSelectAll: false,
+        getRowLockedUser: getRowLockedUser,
+        mergeCheckboxHeader: true,
+        onCheckboxChange: group_2.onCheckboxChange,
+        parentId: parentId,
+        selectedIds: new Set(group_2.docs.filter(row_2 => isSelected({
+          id: row_2.id,
+          collectionSlug: group_2.slug
+        })).map(row_3 => row_3.id))
+      }), /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__load-more-wrap`,
+        children: /*#__PURE__*/_jsx(LoadMoreRow, {
+          currentCount: group_2.docs.length,
+          hasMore: group_2.hasNextPage,
+          isLoading: group_2.isLoading,
+          onLoadMore: group_2.onLoadMore,
+          totalDocs: group_2.totalDocs
+        })
+      })]
+    }, group_2.slug))
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/views/HierarchyList/HierarchyTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getTranslation","combineWhereConstraints","DEFAULT_HIERARCHY_LIST_LIMIT","formatAdminURL","qs","React","useCallback","useMemo","useState","CreateDocumentButton","LoadMoreRow","NoListResults","useConfig","useDocumentSelection","useRouteCache","useTranslation","ChildNameCell","DateCell","RelatedNameCell","SlotTable","baseClass","NameCell","props","row","_hasChildren","undefined","_jsx","CollectionCell","_collectionLabel","HierarchyTable","baseFilter","childrenData","collections","collectionSlug","hasCreatePermission","HierarchyIcon","hierarchyLabel","parentFieldName","parentId","relatedBaseFilters","relatedGroups","search","useAsTitle","i18n","t","clearRouteCache","config","routes","api","apiRoute","serverURL","getEntityConfig","childDocs","setChildDocs","docs","childHasNext","setChildHasNext","hasNextPage","childPage","setChildPage","page","childTotal","setChildTotal","totalDocs","childLoading","setChildLoading","relatedState","setRelatedState","initial","group","data","isLoading","isLocked","isSelected","toggleSelection","getRowLockedUser","locked","id","_collectionSlug","_userEditing","handleLoadMoreChildren","parentCondition","equals","or","exists","searchCondition","like","where","queryString","stringify","limit","addQueryPrefix","url","path","response","fetch","credentials","ok","Error","result","json","prev","_error","handleLoadMoreRelated","relatedSlug","state","find","g","fieldName","relationshipCondition","in","relatedConfig","relatedUseAsTitle","admin","relatedBaseFilter","allowedCollectionsFieldName","hierarchy","collectionSpecific","childrenLabel","labels","plural","childTableData","map","doc","_allowedCollections","Boolean","_hierarchyIcon","hasChildren","hasRelated","some","allGroups","groups","push","slug","isChildren","isHierarchyEnabled","label","onCheckboxChange","metadata","allowedCollections","onLoadMore","relatedLabel","relatedTableData","columns","accessor","Cell","className","heading","canShowCreateButton","length","Actions","drawerSlug","onSave","Message","_jsxs","_Fragment","enableCheckbox","enableDragHandle","enableHeader","enableSelectAll","mergeCheckboxHeader","selectedIds","Set","filter","currentCount","hasMore"],"sources":["../../../../src/views/HierarchyList/HierarchyTable/index.tsx"],"sourcesContent":["'use client'\n\nimport type { PaginatedDocs, Where } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  combineWhereConstraints,\n  DEFAULT_HIERARCHY_LIST_LIMIT,\n  formatAdminURL,\n} from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useMemo, useState } from 'react'\n\nimport type { CollectionOption } from '../../../elements/CreateDocumentButton/index.js'\nimport type { HierarchyDocument } from '../../../elements/HierarchyTree/types.js'\nimport type { SlotColumn } from './SlotTable.js'\nimport type { RelatedGroup, TableRow } from './types.js'\n\nimport { CreateDocumentButton } from '../../../elements/CreateDocumentButton/index.js'\nimport { LoadMoreRow } from '../../../elements/LoadMoreRow/index.js'\nimport { NoListResults } from '../../../elements/NoListResults/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentSelection } from '../../../providers/DocumentSelection/index.js'\nimport { useRouteCache } from '../../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ChildNameCell } from './ChildNameCell.js'\nimport { DateCell } from './DateCell.js'\nimport { RelatedNameCell } from './RelatedNameCell.js'\nimport { SlotTable } from './SlotTable.js'\nimport { baseClass } from './types.js'\nimport './index.scss'\n\n// Top-level cell components to avoid nested component eslint errors\nconst NameCell: SlotColumn<TableRow>['Cell'] = (props) =>\n  props.row._hasChildren !== undefined ? (\n    <ChildNameCell {...props} />\n  ) : (\n    <RelatedNameCell {...props} />\n  )\n\nconst CollectionCell: SlotColumn<TableRow>['Cell'] = ({ row }) => (\n  <span>{row._collectionLabel}</span>\n)\n\nexport type HierarchyTableProps = {\n  /** Base filter applied to hierarchy collection queries (e.g., tenant filter) */\n  baseFilter?: Where\n  childrenData?: PaginatedDocs<HierarchyDocument>\n  /** Collections available for creation (for empty state) */\n  collections?: CollectionOption[]\n  collectionSlug: string\n  hasCreatePermission?: boolean\n  /** Resolved hierarchy icon component */\n  HierarchyIcon?: React.ReactNode\n  hierarchyLabel: string\n  parentFieldName?: string\n  parentId: null | number | string\n  /** Base filters for related collections (keyed by collection slug) */\n  relatedBaseFilters?: Record<string, Where>\n  relatedGroups: RelatedGroup[]\n  search?: string\n  useAsTitle: string\n}\n\ntype GroupState = {\n  docs: TableRow[]\n  hasNextPage: boolean\n  isChildren: boolean\n  isHierarchyEnabled: boolean\n  isLoading: boolean\n  label: string\n  onCheckboxChange: (row: TableRow) => void\n  onLoadMore: () => void\n  slug: string\n  totalDocs: number\n}\n\nexport function HierarchyTable({\n  baseFilter,\n  childrenData,\n  collections,\n  collectionSlug,\n  hasCreatePermission,\n  HierarchyIcon,\n  hierarchyLabel,\n  parentFieldName,\n  parentId,\n  relatedBaseFilters,\n  relatedGroups,\n  search,\n  useAsTitle,\n}: HierarchyTableProps) {\n  const { i18n, t } = useTranslation()\n  const { clearRouteCache } = useRouteCache()\n  const {\n    config: {\n      routes: { api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  // Children pagination state\n  const [childDocs, setChildDocs] = useState(childrenData?.docs || [])\n  const [childHasNext, setChildHasNext] = useState(childrenData?.hasNextPage || false)\n  const [childPage, setChildPage] = useState(childrenData?.page || 1)\n  const [childTotal, setChildTotal] = useState(childrenData?.totalDocs || 0)\n  const [childLoading, setChildLoading] = useState(false)\n\n  // Related groups pagination state (per collection)\n  const [relatedState, setRelatedState] = useState<\n    Record<\n      string,\n      {\n        isLoading: boolean\n      } & Partial<PaginatedDocs>\n    >\n  >(() => {\n    const initial: Record<\n      string,\n      {\n        isLoading: boolean\n      } & Partial<PaginatedDocs>\n    > = {}\n    for (const group of relatedGroups) {\n      initial[group.collectionSlug] = {\n        docs: group.data.docs,\n        hasNextPage: group.data.hasNextPage,\n        isLoading: false,\n        page: group.data.page || 1,\n        totalDocs: group.data.totalDocs,\n      }\n    }\n    return initial\n  })\n\n  // Get selection functions from context\n  const { isLocked, isSelected, toggleSelection } = useDocumentSelection()\n\n  // Get the user who is locking a row (for SlotTable to show lock icon instead of checkbox)\n  const getRowLockedUser = useCallback(\n    (row: TableRow) => {\n      const locked = isLocked({ id: row.id, collectionSlug: row._collectionSlug })\n      return locked ? row._userEditing : undefined\n    },\n    [isLocked],\n  )\n\n  // Load more children\n  const handleLoadMoreChildren = useCallback(async () => {\n    if (childLoading || !childHasNext) {\n      return\n    }\n\n    setChildLoading(true)\n\n    try {\n      const parentCondition = parentId\n        ? { [parentFieldName]: { equals: parentId } }\n        : {\n            or: [{ [parentFieldName]: { exists: false } }, { [parentFieldName]: { equals: null } }],\n          }\n\n      const searchCondition = search ? { [useAsTitle]: { like: search } } : undefined\n      const where = combineWhereConstraints([parentCondition, searchCondition, baseFilter])\n\n      const queryString = qs.stringify(\n        { limit: DEFAULT_HIERARCHY_LIST_LIMIT, page: childPage + 1, where },\n        { addQueryPrefix: true },\n      )\n      const url = formatAdminURL({ apiRoute, path: `/${collectionSlug}${queryString}`, serverURL })\n\n      const response = await fetch(url, { credentials: 'include' })\n\n      if (!response.ok) {\n        throw new Error('Failed to load more')\n      }\n\n      const result: PaginatedDocs = await response.json()\n\n      setChildDocs((prev) => [...prev, ...result.docs])\n      setChildHasNext(result.hasNextPage)\n      setChildPage(result.page || childPage + 1)\n      setChildTotal(result.totalDocs)\n    } catch (_error) {\n      // Silently fail\n    } finally {\n      setChildLoading(false)\n    }\n  }, [\n    apiRoute,\n    baseFilter,\n    childHasNext,\n    childLoading,\n    childPage,\n    collectionSlug,\n    parentFieldName,\n    parentId,\n    search,\n    serverURL,\n    useAsTitle,\n  ])\n\n  // Load more for a related collection\n  const handleLoadMoreRelated = useCallback(\n    async (relatedSlug: string) => {\n      const state = relatedState[relatedSlug]\n      if (!state || state.isLoading || !state.hasNextPage) {\n        return\n      }\n\n      // Find the group to get field info\n      const group = relatedGroups.find((g) => g.collectionSlug === relatedSlug)\n      if (!group) {\n        return\n      }\n\n      setRelatedState((prev) => ({\n        ...prev,\n        [relatedSlug]: { ...prev[relatedSlug], isLoading: true },\n      }))\n\n      try {\n        // Field name is always _t_{hierarchySlug} by convention\n        const fieldName = `_t_${collectionSlug}`\n\n        // \"in\" operator works for both hasMany and single relationship fields\n        const relationshipCondition = { [fieldName]: { in: [parentId] } }\n\n        const relatedConfig = getEntityConfig({ collectionSlug: relatedSlug })\n        const relatedUseAsTitle = relatedConfig?.admin?.useAsTitle || 'id'\n\n        const searchCondition = search ? { [relatedUseAsTitle]: { like: search } } : undefined\n        const relatedBaseFilter = relatedBaseFilters?.[relatedSlug]\n        const where = combineWhereConstraints([\n          relationshipCondition,\n          searchCondition,\n          relatedBaseFilter,\n        ])\n\n        const queryString = qs.stringify(\n          { limit: DEFAULT_HIERARCHY_LIST_LIMIT, page: state.page + 1, where },\n          { addQueryPrefix: true },\n        )\n        const url = formatAdminURL({\n          apiRoute,\n          path: `/${relatedSlug}${queryString}`,\n          serverURL,\n        })\n\n        const response = await fetch(url, { credentials: 'include' })\n\n        if (!response.ok) {\n          throw new Error('Failed to load more')\n        }\n\n        const result: PaginatedDocs = await response.json()\n\n        setRelatedState((prev) => ({\n          ...prev,\n          [relatedSlug]: {\n            docs: [...prev[relatedSlug].docs, ...result.docs],\n            hasNextPage: result.hasNextPage,\n            isLoading: false,\n            page: result.page || prev[relatedSlug].page + 1,\n            totalDocs: result.totalDocs,\n          },\n        }))\n      } catch (_error) {\n        setRelatedState((prev) => ({\n          ...prev,\n          [relatedSlug]: { ...prev[relatedSlug], isLoading: false },\n        }))\n      }\n    },\n    [\n      apiRoute,\n      collectionSlug,\n      getEntityConfig,\n      parentId,\n      relatedBaseFilters,\n      relatedGroups,\n      relatedState,\n      search,\n      serverURL,\n    ],\n  )\n\n  // Get allowedCollections field name from hierarchy config\n  const allowedCollectionsFieldName = useMemo(() => {\n    const config = getEntityConfig({ collectionSlug })\n    const hierarchy = config?.hierarchy\n\n    if (hierarchy && typeof hierarchy === 'object' && hierarchy.collectionSpecific) {\n      return hierarchy.collectionSpecific.fieldName\n    }\n\n    return undefined\n  }, [collectionSlug, getEntityConfig])\n\n  // Compute collection label for children (once)\n  const childrenLabel = useMemo(\n    () =>\n      getTranslation(getEntityConfig({ collectionSlug })?.labels?.plural, i18n) || hierarchyLabel,\n    [collectionSlug, getEntityConfig, hierarchyLabel, i18n],\n  )\n\n  // Build children data for table\n  const childTableData: TableRow[] = useMemo(\n    () =>\n      childDocs.map((doc) => ({\n        ...doc,\n        id: doc.id,\n        _allowedCollections: allowedCollectionsFieldName\n          ? (doc[allowedCollectionsFieldName] as string[] | undefined)\n          : undefined,\n        _collectionLabel: childrenLabel,\n        _collectionSlug: collectionSlug,\n        _hasChildren: Boolean(doc._hasChildren),\n        _hierarchyIcon: HierarchyIcon,\n      })),\n    [HierarchyIcon, allowedCollectionsFieldName, childDocs, childrenLabel, collectionSlug],\n  )\n\n  const hasChildren = childTotal > 0\n  const hasRelated = relatedGroups.some((g) => relatedState[g.collectionSlug]?.totalDocs > 0)\n\n  // Unified groups array\n  const allGroups: GroupState[] = useMemo(() => {\n    const groups: GroupState[] = []\n\n    // Children group\n    if (hasChildren) {\n      groups.push({\n        slug: collectionSlug,\n        docs: childTableData,\n        hasNextPage: childHasNext,\n        isChildren: true,\n        isHierarchyEnabled: true,\n        isLoading: childLoading,\n        label: childrenLabel,\n        onCheckboxChange: (row: TableRow) =>\n          toggleSelection({\n            id: row.id,\n            collectionSlug,\n            metadata: {\n              allowedCollections: row._allowedCollections as string[] | undefined,\n            },\n          }),\n        onLoadMore: () => void handleLoadMoreChildren(),\n        totalDocs: childTotal,\n      })\n    }\n\n    // Related groups\n    for (const group of relatedGroups) {\n      const state = relatedState[group.collectionSlug]\n      if (!state || state.totalDocs === 0) {\n        continue\n      }\n\n      const relatedConfig = getEntityConfig({ collectionSlug: group.collectionSlug })\n      const relatedLabel = getTranslation(relatedConfig?.labels?.plural, i18n) || group.label\n\n      const relatedTableData: TableRow[] = state.docs.map((doc: Record<string, unknown>) => ({\n        ...doc,\n        id: doc.id as number | string,\n        _collectionLabel: relatedLabel,\n        _collectionSlug: group.collectionSlug,\n      }))\n\n      groups.push({\n        slug: group.collectionSlug,\n        docs: relatedTableData,\n        hasNextPage: state.hasNextPage,\n        isChildren: false,\n        isHierarchyEnabled: false,\n        isLoading: state.isLoading,\n        label: relatedLabel,\n        onCheckboxChange: (row: TableRow) =>\n          toggleSelection({\n            id: row.id,\n            collectionSlug: group.collectionSlug,\n            metadata: {}, // Related items don't have allowedCollections - their collection slug is the constraint\n          }),\n        onLoadMore: () => void handleLoadMoreRelated(group.collectionSlug),\n        totalDocs: state.totalDocs,\n      })\n    }\n\n    return groups\n  }, [\n    childHasNext,\n    childLoading,\n    childrenLabel,\n    childTableData,\n    childTotal,\n    collectionSlug,\n    getEntityConfig,\n    handleLoadMoreChildren,\n    handleLoadMoreRelated,\n    hasChildren,\n    i18n,\n    relatedGroups,\n    relatedState,\n    toggleSelection,\n  ])\n\n  // Column definitions\n  const columns: SlotColumn<TableRow>[] = useMemo(\n    () => [\n      {\n        accessor: 'name',\n        Cell: NameCell,\n        className: `${baseClass}__col-name`,\n        heading: t('general:name'),\n      },\n      {\n        accessor: 'collection',\n        Cell: CollectionCell,\n        className: `${baseClass}__col-collection`,\n        heading: t('general:collection'),\n      },\n      {\n        accessor: 'updatedAt',\n        Cell: DateCell,\n        className: `${baseClass}__col-date`,\n        heading: t('general:updatedAt'),\n      },\n    ],\n    [t],\n  )\n\n  if (!hasChildren && !hasRelated) {\n    const canShowCreateButton = hasCreatePermission && collections && collections.length > 0\n\n    return (\n      <NoListResults\n        Actions={\n          canShowCreateButton\n            ? [\n                <CreateDocumentButton\n                  collections={collections}\n                  drawerSlug={`hierarchy-create-empty-${collectionSlug}`}\n                  key=\"create\"\n                  onSave={clearRouteCache}\n                />,\n              ]\n            : undefined\n        }\n        Message={\n          <>\n            <h3>{t('general:noResultsFound')}</h3>\n            <p>{t('general:noResultsDescription')}</p>\n          </>\n        }\n      />\n    )\n  }\n\n  return (\n    <div className={baseClass}>\n      {allGroups.map((group) => (\n        <div key={group.slug}>\n          <div className={`${baseClass}__group-label`}>\n            <span>{group.label}</span>\n          </div>\n          <SlotTable\n            collectionSlug={group.slug}\n            columns={columns}\n            data={group.docs}\n            enableCheckbox={true}\n            enableDragHandle={false}\n            enableHeader={true}\n            enableSelectAll={false}\n            getRowLockedUser={getRowLockedUser}\n            mergeCheckboxHeader={true}\n            onCheckboxChange={group.onCheckboxChange}\n            parentId={parentId}\n            selectedIds={\n              new Set(\n                group.docs\n                  .filter((row) => isSelected({ id: row.id, collectionSlug: group.slug }))\n                  .map((row) => row.id),\n              )\n            }\n          />\n\n          <div className={`${baseClass}__load-more-wrap`}>\n            <LoadMoreRow\n              currentCount={group.docs.length}\n              hasMore={group.hasNextPage}\n              isLoading={group.isLoading}\n              onLoadMore={group.onLoadMore}\n              totalDocs={group.totalDocs}\n            />\n          </div>\n        </div>\n      ))}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,SAASA,cAAc,QAAQ;AAC/B,SACEC,uBAAuB,EACvBC,4BAA4B,EAC5BC,cAAc,QACT;AACP,YAAYC,EAAA,MAAQ;AACpB,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AAOtD,SAASC,oBAAoB,QAAQ;AACrC,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,SAASC,eAAe,QAAQ;AAChC,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,OAAO;AAEP;AACA,MAAMC,QAAA,GAA0CC,KAAA,IAC9CA,KAAA,CAAMC,GAAG,CAACC,YAAY,KAAKC,SAAA,gBACzBC,IAAA,CAACV,aAAA;EAAe,GAAGM;kBAEnBI,IAAA,CAACR,eAAA;EAAiB,GAAGI;;AAGzB,MAAMK,cAAA,GAA+CA,CAAC;EAAEJ;AAAG,CAAE,kBAC3DG,IAAA,CAAC;YAAMH,GAAA,CAAIK;;AAoCb,OAAO,SAASC,eAAe;EAC7BC,UAAU;EACVC,YAAY;EACZC,WAAW;EACXC,cAAc;EACdC,mBAAmB;EACnBC,aAAa;EACbC,cAAc;EACdC,eAAe;EACfC,QAAQ;EACRC,kBAAkB;EAClBC,aAAa;EACbC,MAAM;EACNC;AAAU,CACU;EACpB,MAAM;IAAEC,IAAI;IAAEC;EAAC,CAAE,GAAG7B,cAAA;EACpB,MAAM;IAAE8B;EAAe,CAAE,GAAG/B,aAAA;EAC5B,MAAM;IACJgC,MAAA,EAAQ;MACNC,MAAA,EAAQ;QAAEC,GAAA,EAAKC;MAAQ,CAAE;MACzBC;IAAS,CACV;IACDC;EAAe,CAChB,GAAGvC,SAAA;EAEJ;EACA,MAAM,CAACwC,SAAA,EAAWC,YAAA,CAAa,GAAG7C,QAAA,CAASuB,YAAA,EAAcuB,IAAA,IAAQ,EAAE;EACnE,MAAM,CAACC,YAAA,EAAcC,eAAA,CAAgB,GAAGhD,QAAA,CAASuB,YAAA,EAAc0B,WAAA,IAAe;EAC9E,MAAM,CAACC,SAAA,EAAWC,YAAA,CAAa,GAAGnD,QAAA,CAASuB,YAAA,EAAc6B,IAAA,IAAQ;EACjE,MAAM,CAACC,UAAA,EAAYC,aAAA,CAAc,GAAGtD,QAAA,CAASuB,YAAA,EAAcgC,SAAA,IAAa;EACxE,MAAM,CAACC,YAAA,EAAcC,eAAA,CAAgB,GAAGzD,QAAA,CAAS;EAEjD;EACA,MAAM,CAAC0D,YAAA,EAAcC,eAAA,CAAgB,GAAG3D,QAAA,CAOtC;IACA,MAAM4D,OAAA,GAKF,CAAC;IACL,KAAK,MAAMC,KAAA,IAAS7B,aAAA,EAAe;MACjC4B,OAAO,CAACC,KAAA,CAAMpC,cAAc,CAAC,GAAG;QAC9BqB,IAAA,EAAMe,KAAA,CAAMC,IAAI,CAAChB,IAAI;QACrBG,WAAA,EAAaY,KAAA,CAAMC,IAAI,CAACb,WAAW;QACnCc,SAAA,EAAW;QACXX,IAAA,EAAMS,KAAA,CAAMC,IAAI,CAACV,IAAI,IAAI;QACzBG,SAAA,EAAWM,KAAA,CAAMC,IAAI,CAACP;MACxB;IACF;IACA,OAAOK,OAAA;EACT;EAEA;EACA,MAAM;IAAEI,QAAQ;IAAEC,UAAU;IAAEC;EAAe,CAAE,GAAG7D,oBAAA;EAElD;EACA,MAAM8D,gBAAA,GAAmBrE,WAAA,CACtBiB,GAAA;IACC,MAAMqD,MAAA,GAASJ,QAAA,CAAS;MAAEK,EAAA,EAAItD,GAAA,CAAIsD,EAAE;MAAE5C,cAAA,EAAgBV,GAAA,CAAIuD;IAAgB;IAC1E,OAAOF,MAAA,GAASrD,GAAA,CAAIwD,YAAY,GAAGtD,SAAA;EACrC,GACA,CAAC+C,QAAA,CAAS;EAGZ;EACA,MAAMQ,sBAAA,GAAyB1E,WAAA,CAAY;IACzC,IAAI0D,YAAA,IAAgB,CAACT,YAAA,EAAc;MACjC;IACF;IAEAU,eAAA,CAAgB;IAEhB,IAAI;MACF,MAAMgB,eAAA,GAAkB3C,QAAA,GACpB;QAAE,CAACD,eAAA,GAAkB;UAAE6C,MAAA,EAAQ5C;QAAS;MAAE,IAC1C;QACE6C,EAAA,EAAI,CAAC;UAAE,CAAC9C,eAAA,GAAkB;YAAE+C,MAAA,EAAQ;UAAM;QAAE,GAAG;UAAE,CAAC/C,eAAA,GAAkB;YAAE6C,MAAA,EAAQ;UAAK;QAAE;MACvF;MAEJ,MAAMG,eAAA,GAAkB5C,MAAA,GAAS;QAAE,CAACC,UAAA,GAAa;UAAE4C,IAAA,EAAM7C;QAAO;MAAE,IAAIhB,SAAA;MACtE,MAAM8D,KAAA,GAAQtF,uBAAA,CAAwB,CAACgF,eAAA,EAAiBI,eAAA,EAAiBvD,UAAA,CAAW;MAEpF,MAAM0D,WAAA,GAAcpF,EAAA,CAAGqF,SAAS,CAC9B;QAAEC,KAAA,EAAOxF,4BAAA;QAA8B0D,IAAA,EAAMF,SAAA,GAAY;QAAG6B;MAAM,GAClE;QAAEI,cAAA,EAAgB;MAAK;MAEzB,MAAMC,GAAA,GAAMzF,cAAA,CAAe;QAAE8C,QAAA;QAAU4C,IAAA,EAAM,IAAI5D,cAAA,GAAiBuD,WAAA,EAAa;QAAEtC;MAAU;MAE3F,MAAM4C,QAAA,GAAW,MAAMC,KAAA,CAAMH,GAAA,EAAK;QAAEI,WAAA,EAAa;MAAU;MAE3D,IAAI,CAACF,QAAA,CAASG,EAAE,EAAE;QAChB,MAAM,IAAIC,KAAA,CAAM;MAClB;MAEA,MAAMC,MAAA,GAAwB,MAAML,QAAA,CAASM,IAAI;MAEjD/C,YAAA,CAAcgD,IAAA,IAAS,C,GAAIA,IAAA,E,GAASF,MAAA,CAAO7C,IAAI,CAAC;MAChDE,eAAA,CAAgB2C,MAAA,CAAO1C,WAAW;MAClCE,YAAA,CAAawC,MAAA,CAAOvC,IAAI,IAAIF,SAAA,GAAY;MACxCI,aAAA,CAAcqC,MAAA,CAAOpC,SAAS;IAChC,EAAE,OAAOuC,MAAA,EAAQ;MACf;IAAA,CACF,SAAU;MACRrC,eAAA,CAAgB;IAClB;EACF,GAAG,CACDhB,QAAA,EACAnB,UAAA,EACAyB,YAAA,EACAS,YAAA,EACAN,SAAA,EACAzB,cAAA,EACAI,eAAA,EACAC,QAAA,EACAG,MAAA,EACAS,SAAA,EACAR,UAAA,CACD;EAED;EACA,MAAM6D,qBAAA,GAAwBjG,WAAA,CAC5B,MAAOkG,WAAA;IACL,MAAMC,KAAA,GAAQvC,YAAY,CAACsC,WAAA,CAAY;IACvC,IAAI,CAACC,KAAA,IAASA,KAAA,CAAMlC,SAAS,IAAI,CAACkC,KAAA,CAAMhD,WAAW,EAAE;MACnD;IACF;IAEA;IACA,MAAMY,OAAA,GAAQ7B,aAAA,CAAckE,IAAI,CAAEC,CAAA,IAAMA,CAAA,CAAE1E,cAAc,KAAKuE,WAAA;IAC7D,IAAI,CAACnC,OAAA,EAAO;MACV;IACF;IAEAF,eAAA,CAAiBkC,MAAA,KAAU;MACzB,GAAGA,MAAI;MACP,CAACG,WAAA,GAAc;QAAE,GAAGH,MAAI,CAACG,WAAA,CAAY;QAAEjC,SAAA,EAAW;MAAK;IACzD;IAEA,IAAI;MACF;MACA,MAAMqC,SAAA,GAAY,MAAM3E,cAAA,EAAgB;MAExC;MACA,MAAM4E,qBAAA,GAAwB;QAAE,CAACD,SAAA,GAAY;UAAEE,EAAA,EAAI,CAACxE,QAAA;QAAU;MAAE;MAEhE,MAAMyE,aAAA,GAAgB5D,eAAA,CAAgB;QAAElB,cAAA,EAAgBuE;MAAY;MACpE,MAAMQ,iBAAA,GAAoBD,aAAA,EAAeE,KAAA,EAAOvE,UAAA,IAAc;MAE9D,MAAM2C,iBAAA,GAAkB5C,MAAA,GAAS;QAAE,CAACuE,iBAAA,GAAoB;UAAE1B,IAAA,EAAM7C;QAAO;MAAE,IAAIhB,SAAA;MAC7E,MAAMyF,iBAAA,GAAoB3E,kBAAA,GAAqBiE,WAAA,CAAY;MAC3D,MAAMjB,OAAA,GAAQtF,uBAAA,CAAwB,CACpC4G,qBAAA,EACAxB,iBAAA,EACA6B,iBAAA,CACD;MAED,MAAM1B,aAAA,GAAcpF,EAAA,CAAGqF,SAAS,CAC9B;QAAEC,KAAA,EAAOxF,4BAAA;QAA8B0D,IAAA,EAAM6C,KAAA,CAAM7C,IAAI,GAAG;QAAG2B,KAAA,EAAAA;MAAM,GACnE;QAAEI,cAAA,EAAgB;MAAK;MAEzB,MAAMC,KAAA,GAAMzF,cAAA,CAAe;QACzB8C,QAAA;QACA4C,IAAA,EAAM,IAAIW,WAAA,GAAchB,aAAA,EAAa;QACrCtC;MACF;MAEA,MAAM4C,UAAA,GAAW,MAAMC,KAAA,CAAMH,KAAA,EAAK;QAAEI,WAAA,EAAa;MAAU;MAE3D,IAAI,CAACF,UAAA,CAASG,EAAE,EAAE;QAChB,MAAM,IAAIC,KAAA,CAAM;MAClB;MAEA,MAAMC,QAAA,GAAwB,MAAML,UAAA,CAASM,IAAI;MAEjDjC,eAAA,CAAiBkC,MAAA,KAAU;QACzB,GAAGA,MAAI;QACP,CAACG,WAAA,GAAc;UACblD,IAAA,EAAM,C,GAAI+C,MAAI,CAACG,WAAA,CAAY,CAAClD,IAAI,E,GAAK6C,QAAA,CAAO7C,IAAI,CAAC;UACjDG,WAAA,EAAa0C,QAAA,CAAO1C,WAAW;UAC/Bc,SAAA,EAAW;UACXX,IAAA,EAAMuC,QAAA,CAAOvC,IAAI,IAAIyC,MAAI,CAACG,WAAA,CAAY,CAAC5C,IAAI,GAAG;UAC9CG,SAAA,EAAWoC,QAAA,CAAOpC;QACpB;MACF;IACF,EAAE,OAAOuC,QAAA,EAAQ;MACfnC,eAAA,CAAiBkC,MAAA,KAAU;QACzB,GAAGA,MAAI;QACP,CAACG,WAAA,GAAc;UAAE,GAAGH,MAAI,CAACG,WAAA,CAAY;UAAEjC,SAAA,EAAW;QAAM;MAC1D;IACF;EACF,GACA,CACEtB,QAAA,EACAhB,cAAA,EACAkB,eAAA,EACAb,QAAA,EACAC,kBAAA,EACAC,aAAA,EACA0B,YAAA,EACAzB,MAAA,EACAS,SAAA,CACD;EAGH;EACA,MAAMiE,2BAAA,GAA8B5G,OAAA,CAAQ;IAC1C,MAAMuC,MAAA,GAASK,eAAA,CAAgB;MAAElB;IAAe;IAChD,MAAMmF,SAAA,GAAYtE,MAAA,EAAQsE,SAAA;IAE1B,IAAIA,SAAA,IAAa,OAAOA,SAAA,KAAc,YAAYA,SAAA,CAAUC,kBAAkB,EAAE;MAC9E,OAAOD,SAAA,CAAUC,kBAAkB,CAACT,SAAS;IAC/C;IAEA,OAAOnF,SAAA;EACT,GAAG,CAACQ,cAAA,EAAgBkB,eAAA,CAAgB;EAEpC;EACA,MAAMmE,aAAA,GAAgB/G,OAAA,CACpB,MACEP,cAAA,CAAemD,eAAA,CAAgB;IAAElB;EAAe,IAAIsF,MAAA,EAAQC,MAAA,EAAQ7E,IAAA,KAASP,cAAA,EAC/E,CAACH,cAAA,EAAgBkB,eAAA,EAAiBf,cAAA,EAAgBO,IAAA,CAAK;EAGzD;EACA,MAAM8E,cAAA,GAA6BlH,OAAA,CACjC,MACE6C,SAAA,CAAUsE,GAAG,CAAEC,GAAA,KAAS;IACtB,GAAGA,GAAG;IACN9C,EAAA,EAAI8C,GAAA,CAAI9C,EAAE;IACV+C,mBAAA,EAAqBT,2BAAA,GAChBQ,GAAG,CAACR,2BAAA,CAA4B,GACjC1F,SAAA;IACJG,gBAAA,EAAkB0F,aAAA;IAClBxC,eAAA,EAAiB7C,cAAA;IACjBT,YAAA,EAAcqG,OAAA,CAAQF,GAAA,CAAInG,YAAY;IACtCsG,cAAA,EAAgB3F;EAClB,KACF,CAACA,aAAA,EAAegF,2BAAA,EAA6B/D,SAAA,EAAWkE,aAAA,EAAerF,cAAA,CAAe;EAGxF,MAAM8F,WAAA,GAAclE,UAAA,GAAa;EACjC,MAAMmE,UAAA,GAAaxF,aAAA,CAAcyF,IAAI,CAAEtB,GAAA,IAAMzC,YAAY,CAACyC,GAAA,CAAE1E,cAAc,CAAC,EAAE8B,SAAA,GAAY;EAEzF;EACA,MAAMmE,SAAA,GAA0B3H,OAAA,CAAQ;IACtC,MAAM4H,MAAA,GAAuB,EAAE;IAE/B;IACA,IAAIJ,WAAA,EAAa;MACfI,MAAA,CAAOC,IAAI,CAAC;QACVC,IAAA,EAAMpG,cAAA;QACNqB,IAAA,EAAMmE,cAAA;QACNhE,WAAA,EAAaF,YAAA;QACb+E,UAAA,EAAY;QACZC,kBAAA,EAAoB;QACpBhE,SAAA,EAAWP,YAAA;QACXwE,KAAA,EAAOlB,aAAA;QACPmB,gBAAA,EAAmBlH,KAAA,IACjBmD,eAAA,CAAgB;UACdG,EAAA,EAAItD,KAAA,CAAIsD,EAAE;UACV5C,cAAA;UACAyG,QAAA,EAAU;YACRC,kBAAA,EAAoBpH,KAAA,CAAIqG;UAC1B;QACF;QACFgB,UAAA,EAAYA,CAAA,KAAM,KAAK5D,sBAAA;QACvBjB,SAAA,EAAWF;MACb;IACF;IAEA;IACA,KAAK,MAAMQ,OAAA,IAAS7B,aAAA,EAAe;MACjC,MAAMiE,OAAA,GAAQvC,YAAY,CAACG,OAAA,CAAMpC,cAAc,CAAC;MAChD,IAAI,CAACwE,OAAA,IAASA,OAAA,CAAM1C,SAAS,KAAK,GAAG;QACnC;MACF;MAEA,MAAMgD,eAAA,GAAgB5D,eAAA,CAAgB;QAAElB,cAAA,EAAgBoC,OAAA,CAAMpC;MAAe;MAC7E,MAAM4G,YAAA,GAAe7I,cAAA,CAAe+G,eAAA,EAAeQ,MAAA,EAAQC,MAAA,EAAQ7E,IAAA,KAAS0B,OAAA,CAAMmE,KAAK;MAEvF,MAAMM,gBAAA,GAA+BrC,OAAA,CAAMnD,IAAI,CAACoE,GAAG,CAAEC,KAAA,KAAkC;QACrF,GAAGA,KAAG;QACN9C,EAAA,EAAI8C,KAAA,CAAI9C,EAAE;QACVjD,gBAAA,EAAkBiH,YAAA;QAClB/D,eAAA,EAAiBT,OAAA,CAAMpC;MACzB;MAEAkG,MAAA,CAAOC,IAAI,CAAC;QACVC,IAAA,EAAMhE,OAAA,CAAMpC,cAAc;QAC1BqB,IAAA,EAAMwF,gBAAA;QACNrF,WAAA,EAAagD,OAAA,CAAMhD,WAAW;QAC9B6E,UAAA,EAAY;QACZC,kBAAA,EAAoB;QACpBhE,SAAA,EAAWkC,OAAA,CAAMlC,SAAS;QAC1BiE,KAAA,EAAOK,YAAA;QACPJ,gBAAA,EAAmBlH,KAAA,IACjBmD,eAAA,CAAgB;UACdG,EAAA,EAAItD,KAAA,CAAIsD,EAAE;UACV5C,cAAA,EAAgBoC,OAAA,CAAMpC,cAAc;UACpCyG,QAAA,EAAU,CAAC;QACb;QACFE,UAAA,EAAYA,CAAA,KAAM,KAAKrC,qBAAA,CAAsBlC,OAAA,CAAMpC,cAAc;QACjE8B,SAAA,EAAW0C,OAAA,CAAM1C;MACnB;IACF;IAEA,OAAOoE,MAAA;EACT,GAAG,CACD5E,YAAA,EACAS,YAAA,EACAsD,aAAA,EACAG,cAAA,EACA5D,UAAA,EACA5B,cAAA,EACAkB,eAAA,EACA6B,sBAAA,EACAuB,qBAAA,EACAwB,WAAA,EACApF,IAAA,EACAH,aAAA,EACA0B,YAAA,EACAQ,eAAA,CACD;EAED;EACA,MAAMqE,OAAA,GAAkCxI,OAAA,CACtC,MAAM,CACJ;IACEyI,QAAA,EAAU;IACVC,IAAA,EAAM5H,QAAA;IACN6H,SAAA,EAAW,GAAG9H,SAAA,YAAqB;IACnC+H,OAAA,EAASvG,CAAA,CAAE;EACb,GACA;IACEoG,QAAA,EAAU;IACVC,IAAA,EAAMtH,cAAA;IACNuH,SAAA,EAAW,GAAG9H,SAAA,kBAA2B;IACzC+H,OAAA,EAASvG,CAAA,CAAE;EACb,GACA;IACEoG,QAAA,EAAU;IACVC,IAAA,EAAMhI,QAAA;IACNiI,SAAA,EAAW,GAAG9H,SAAA,YAAqB;IACnC+H,OAAA,EAASvG,CAAA,CAAE;EACb,EACD,EACD,CAACA,CAAA,CAAE;EAGL,IAAI,CAACmF,WAAA,IAAe,CAACC,UAAA,EAAY;IAC/B,MAAMoB,mBAAA,GAAsBlH,mBAAA,IAAuBF,WAAA,IAAeA,WAAA,CAAYqH,MAAM,GAAG;IAEvF,oBACE3H,IAAA,CAACf,aAAA;MACC2I,OAAA,EACEF,mBAAA,GACI,C,aACE1H,IAAA,CAACjB,oBAAA;QACCuB,WAAA,EAAaA,WAAA;QACbuH,UAAA,EAAY,0BAA0BtH,cAAA,EAAgB;QAEtDuH,MAAA,EAAQ3G;SADJ,UAGP,GACDpB,SAAA;MAENgI,OAAA,eACEC,KAAA,CAAAC,SAAA;gCACEjI,IAAA,CAAC;oBAAIkB,CAAA,CAAE;yBACPlB,IAAA,CAAC;oBAAGkB,CAAA,CAAE;;;;EAKhB;EAEA,oBACElB,IAAA,CAAC;IAAIwH,SAAA,EAAW9H,SAAA;cACb8G,SAAA,CAAUR,GAAG,CAAErD,OAAA,iBACdqF,KAAA,CAAC;8BACChI,IAAA,CAAC;QAAIwH,SAAA,EAAW,GAAG9H,SAAA,eAAwB;kBACzC,aAAAM,IAAA,CAAC;oBAAM2C,OAAA,CAAMmE;;uBAEf9G,IAAA,CAACP,SAAA;QACCc,cAAA,EAAgBoC,OAAA,CAAMgE,IAAI;QAC1BU,OAAA,EAASA,OAAA;QACTzE,IAAA,EAAMD,OAAA,CAAMf,IAAI;QAChBsG,cAAA,EAAgB;QAChBC,gBAAA,EAAkB;QAClBC,YAAA,EAAc;QACdC,eAAA,EAAiB;QACjBpF,gBAAA,EAAkBA,gBAAA;QAClBqF,mBAAA,EAAqB;QACrBvB,gBAAA,EAAkBpE,OAAA,CAAMoE,gBAAgB;QACxCnG,QAAA,EAAUA,QAAA;QACV2H,WAAA,EACE,IAAIC,GAAA,CACF7F,OAAA,CAAMf,IAAI,CACP6G,MAAM,CAAE5I,KAAA,IAAQkD,UAAA,CAAW;UAAEI,EAAA,EAAItD,KAAA,CAAIsD,EAAE;UAAE5C,cAAA,EAAgBoC,OAAA,CAAMgE;QAAK,IACpEX,GAAG,CAAEnG,KAAA,IAAQA,KAAA,CAAIsD,EAAE;uBAK5BnD,IAAA,CAAC;QAAIwH,SAAA,EAAW,GAAG9H,SAAA,kBAA2B;kBAC5C,aAAAM,IAAA,CAAChB,WAAA;UACC0J,YAAA,EAAc/F,OAAA,CAAMf,IAAI,CAAC+F,MAAM;UAC/BgB,OAAA,EAAShG,OAAA,CAAMZ,WAAW;UAC1Bc,SAAA,EAAWF,OAAA,CAAME,SAAS;UAC1BqE,UAAA,EAAYvE,OAAA,CAAMuE,UAAU;UAC5B7E,SAAA,EAAWM,OAAA,CAAMN;;;OA/BbM,OAAA,CAAMgE,IAAI;;AAsC5B","ignoreList":[]}

package/dist/views/HierarchyList/HierarchyTable/index.scss

@@ -0,0 +1,148 @@
+@import '../../../scss/styles.scss';
+
+@layer payload-default {
+  .hierarchy-tables {
+    margin-top: calc(var(--base) * 1.5);
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--base) * 1.8);
+
+    // Name cell with icon
+    &__name-cell {
+      display: flex;
+      align-items: center;
+      gap: calc(var(--base) * 0.3);
+    }
+
+    &__edit-button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--theme-text);
+      flex-shrink: 0;
+      padding: 0;
+      background: none;
+      border: none;
+      cursor: pointer;
+      border-radius: var(--style-radius-s);
+      border: 1px solid transparent;
+
+      &:hover,
+      &:focus-visible {
+        color: var(--theme-elevation-800);
+        background-color: var(--theme-elevation-150);
+        border-color: var(--theme-elevation-200);
+      }
+
+      &:hover,
+      &:focus-visible {
+        color: var(--theme-elevation-800);
+        background-color: var(--theme-elevation-150);
+      }
+
+      svg {
+        width: calc(var(--base) * 0.8);
+        height: calc(var(--base) * 0.8);
+      }
+    }
+
+    &__name-link {
+      display: inline-flex;
+      align-items: center;
+      gap: calc(var(--base) * 0.5);
+      color: var(--theme-text);
+      text-decoration: none;
+      background: none;
+      border: none;
+      padding: 0;
+      font: inherit;
+      cursor: pointer;
+      text-align: left;
+
+      &:hover {
+        color: var(--theme-elevation-800);
+        text-decoration: underline;
+      }
+
+      svg {
+        width: calc(var(--base) * 0.8);
+        height: calc(var(--base) * 0.8);
+        flex-shrink: 0;
+      }
+    }
+
+    &__thumbnail {
+      display: inline-block;
+      max-width: var(--base);
+      height: var(--base);
+      border-radius: var(--style-radius-s);
+      flex-shrink: 0;
+    }
+
+    &__name-icon {
+      display: flex;
+      flex-shrink: 0;
+    }
+
+    &__name-text {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      line-height: var(--base);
+    }
+
+    &__chevron {
+      margin-inline-start: auto;
+      padding-inline-start: calc(var(--base) * 0.5);
+
+      svg {
+        width: 12px;
+        height: 12px;
+        color: var(--theme-elevation-400);
+      }
+    }
+
+    // Column widths
+    &__col-name {
+      width: auto;
+      min-width: 200px;
+    }
+
+    &__col-collection {
+      width: 140px;
+      min-width: 100px;
+    }
+
+    &__col-date {
+      width: 150px;
+      min-width: 120px;
+    }
+
+    &__col-type {
+      width: 120px;
+      min-width: 100px;
+      &:not(.slot-table__th) {
+        color: var(--theme-elevation-550);
+      }
+    }
+
+    // Section title within collapsible header
+    &__section-title {
+      margin: 0;
+      font-weight: 500;
+      color: var(--theme-text);
+    }
+
+    &__load-more-wrap {
+      padding: calc(var(--base) * 0.5);
+      padding-left: calc(var(--base) * 0.8);
+      padding-top: calc(var(--base) * 0.2);
+    }
+
+    &__group-label {
+      padding-bottom: calc(var(--base) * 0.8);
+      color: var(--theme-text);
+      @extend %h4;
+    }
+  }
+}

package/dist/views/HierarchyList/HierarchyTable/types.d.ts

@@ -0,0 +1,20 @@
+import type { ClientUser, PaginatedDocs } from 'payload';
+import type React from 'react';
+export type RelatedGroup = {
+    collectionSlug: string;
+    data: PaginatedDocs;
+    hasMany: boolean;
+    label: string;
+};
+export type TableRow = {
+    [key: string]: unknown;
+    _collectionLabel: string;
+    _collectionSlug: string;
+    _hasChildren?: boolean;
+    _hierarchyIcon?: React.ReactNode;
+    _isLocked?: boolean;
+    _userEditing?: ClientUser;
+    id: number | string;
+};
+export declare const baseClass = "hierarchy-tables";
+//# sourceMappingURL=types.d.ts.map

package/dist/views/HierarchyList/HierarchyTable/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/HierarchyList/HierarchyTable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,YAAY,GAAG;IACzB,cAAc,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,aAAa,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;IACtB,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,UAAU,CAAA;IACzB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,SAAS,qBAAqB,CAAA"}

package/dist/views/HierarchyList/HierarchyTable/types.js

@@ -0,0 +1,2 @@
+export const baseClass = 'hierarchy-tables';
+//# sourceMappingURL=types.js.map

package/dist/views/HierarchyList/HierarchyTable/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["baseClass"],"sources":["../../../../src/views/HierarchyList/HierarchyTable/types.ts"],"sourcesContent":["import type { ClientUser, PaginatedDocs } from 'payload'\nimport type React from 'react'\n\nexport type RelatedGroup = {\n  collectionSlug: string\n  data: PaginatedDocs\n  hasMany: boolean\n  label: string\n}\n\nexport type TableRow = {\n  [key: string]: unknown\n  _collectionLabel: string\n  _collectionSlug: string\n  _hasChildren?: boolean\n  _hierarchyIcon?: React.ReactNode\n  _isLocked?: boolean\n  _userEditing?: ClientUser\n  id: number | string\n}\n\nexport const baseClass = 'hierarchy-tables'\n"],"mappings":"AAqBA,OAAO,MAAMA,SAAA,GAAY","ignoreList":[]}

package/dist/views/HierarchyList/TypeFilter/index.d.ts

@@ -0,0 +1,15 @@
+import type { I18nClient } from '@payloadcms/translations';
+import React from 'react';
+import './index.scss';
+type TypeFilterProps = {
+    i18n: I18nClient;
+    onChange: (selectedValues: string[]) => void;
+    options: {
+        label: string;
+        value: string;
+    }[];
+    selectedValues: string[];
+};
+export declare function TypeFilter({ i18n, onChange, options, selectedValues }: TypeFilterProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/views/HierarchyList/TypeFilter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/HierarchyList/TypeFilter/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAIrB,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,QAAQ,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC5C,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC3C,cAAc,EAAE,MAAM,EAAE,CAAA;CACzB,CAAA;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,eAAe,qBAwBtF"}