@payloadcms/ui 3.84.0 → 4.0.0-internal.38b7f1d

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/Hierarchy/Tree/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":"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","ignoreList":[]}

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

@@ -0,0 +1,136 @@
+@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);
+      }
+    }
+
+    &__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;
+      }
+    }
+
+    &__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);
+    }
+  }
+}

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

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

@@ -0,0 +1,37 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Button } from '../../../elements/Button/index.js';
+import { CheckboxPopup } from '../../../elements/CheckboxPopup/index.js';
+import './index.scss';
+const baseClass = 'type-filter';
+export function TypeFilter({
+  i18n,
+  onChange,
+  options,
+  selectedValues
+}) {
+  const isRefined = selectedValues.length !== options.length ? true : false;
+  return /*#__PURE__*/_jsx(CheckboxPopup, {
+    Button: /*#__PURE__*/_jsxs(Button, {
+      buttonStyle: "pill",
+      className: `${baseClass}__button`,
+      el: "div",
+      icon: "chevron",
+      margin: false,
+      size: "medium",
+      children: [isRefined && /*#__PURE__*/_jsx("span", {
+        className: `${baseClass}__count`,
+        children: selectedValues.length
+      }), i18n.t('version:type')]
+    }),
+    className: [baseClass, isRefined ? `${baseClass}--active` : ''].filter(Boolean).join(' '),
+    onChange: ({
+      selectedValues: newValues
+    }) => onChange(newValues),
+    options: options,
+    selectedValues: selectedValues
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","Button","CheckboxPopup","baseClass","TypeFilter","i18n","onChange","options","selectedValues","isRefined","length","_jsx","_jsxs","buttonStyle","className","el","icon","margin","size","t","filter","Boolean","join","newValues"],"sources":["../../../../src/views/HierarchyList/TypeFilter/index.tsx"],"sourcesContent":["'use client'\n\nimport type { I18nClient } from '@payloadcms/translations'\n\nimport React from 'react'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { CheckboxPopup } from '../../../elements/CheckboxPopup/index.js'\nimport './index.scss'\n\nconst baseClass = 'type-filter'\n\ntype TypeFilterProps = {\n  i18n: I18nClient\n  onChange: (selectedValues: string[]) => void\n  options: { label: string; value: string }[]\n  selectedValues: string[]\n}\n\nexport function TypeFilter({ i18n, onChange, options, selectedValues }: TypeFilterProps) {\n  const isRefined = selectedValues.length !== options.length ? true : false\n\n  return (\n    <CheckboxPopup\n      Button={\n        <Button\n          buttonStyle=\"pill\"\n          className={`${baseClass}__button`}\n          el=\"div\"\n          icon=\"chevron\"\n          margin={false}\n          size=\"medium\"\n        >\n          {isRefined && <span className={`${baseClass}__count`}>{selectedValues.length}</span>}\n          {i18n.t('version:type')}\n        </Button>\n      }\n      className={[baseClass, isRefined ? `${baseClass}--active` : ''].filter(Boolean).join(' ')}\n      onChange={({ selectedValues: newValues }) => onChange(newValues)}\n      options={options}\n      selectedValues={selectedValues}\n    />\n  )\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,MAAW;AAElB,SAASC,MAAM,QAAQ;AACvB,SAASC,aAAa,QAAQ;AAC9B,OAAO;AAEP,MAAMC,SAAA,GAAY;AASlB,OAAO,SAASC,WAAW;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAAc,CAAmB;EACrF,MAAMC,SAAA,GAAYD,cAAA,CAAeE,MAAM,KAAKH,OAAA,CAAQG,MAAM,GAAG,OAAO;EAEpE,oBACEC,IAAA,CAACT,aAAA;IACCD,MAAA,eACEW,KAAA,CAACX,MAAA;MACCY,WAAA,EAAY;MACZC,SAAA,EAAW,GAAGX,SAAA,UAAmB;MACjCY,EAAA,EAAG;MACHC,IAAA,EAAK;MACLC,MAAA,EAAQ;MACRC,IAAA,EAAK;iBAEJT,SAAA,iBAAaE,IAAA,CAAC;QAAKG,SAAA,EAAW,GAAGX,SAAA,SAAkB;kBAAGK,cAAA,CAAeE;UACrEL,IAAA,CAAKc,CAAC,CAAC;;IAGZL,SAAA,EAAW,CAACX,SAAA,EAAWM,SAAA,GAAY,GAAGN,SAAA,UAAmB,GAAG,GAAG,CAACiB,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACrFhB,QAAA,EAAUA,CAAC;MAAEE,cAAA,EAAgBe;IAAS,CAAE,KAAKjB,QAAA,CAASiB,SAAA;IACtDhB,OAAA,EAASA,OAAA;IACTC,cAAA,EAAgBA;;AAGtB","ignoreList":[]}

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

@@ -0,0 +1,32 @@
+@import '../../../scss/styles.scss';
+
+.type-filter {
+  &--active {
+    .type-filter__button {
+      &:after {
+        content: '';
+        height: 8px;
+        width: 8px;
+        border-radius: 50%;
+        position: absolute;
+        top: 0;
+        right: 0;
+        background: var(--theme-success-550);
+        transform: translate3d(40%, -40%, 0px);
+
+        [data-theme='light'] & {
+          background: var(--theme-success-400);
+        }
+      }
+    }
+    .type-filter__count {
+      font-variant-numeric: tabular-nums;
+      padding: 0px 3px;
+      border-radius: var(--style-radius-s);
+      margin-left: -4px;
+      margin-right: calc(var(--base) * 0.25);
+      font-weight: 500;
+      background: var(--theme-elevation-50);
+    }
+  }
+}

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

@@ -0,0 +1,5 @@
+import type { ListViewClientProps } from 'payload';
+import React from 'react';
+import './index.scss';
+export declare function HierarchyListView(props: ListViewClientProps): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/HierarchyList/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAMlD,OAAO,KAA8D,MAAM,OAAO,CAAA;AAoBlF,OAAO,cAAc,CAAA;AAIrB,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,mBAAmB,qBA6W3D"}

package/dist/views/HierarchyList/index.js

@@ -0,0 +1,307 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { useRouter, useSearchParams } from 'next/navigation.js';
+import { formatAdminURL } from 'payload/shared';
+import * as qs from 'qs-esm';
+import React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
+import { Gutter } from '../../elements/Gutter/index.js';
+import { useListDrawerContext } from '../../elements/ListDrawer/Provider.js';
+import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
+import { SearchBar } from '../../elements/SearchBar/index.js';
+import { useStepNav } from '../../elements/StepNav/index.js';
+import { ViewDescription } from '../../elements/ViewDescription/index.js';
+import { TagIcon } from '../../icons/Tag/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { DocumentSelectionProvider } from '../../providers/DocumentSelection/index.js';
+import { useHierarchy } from '../../providers/Hierarchy/index.js';
+import { useRouteTransition } from '../../providers/RouteTransition/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { HierarchyListHeader } from './HierarchyListHeader/index.js';
+import { HierarchyTable } from './HierarchyTable/index.js';
+import { TypeFilter } from './TypeFilter/index.js';
+import './index.scss';
+const baseClass = 'hierarchy-list';
+export function HierarchyListView(props) {
+  const {
+    AfterList,
+    baseFilter,
+    BeforeList,
+    collectionSlug,
+    Description,
+    hasCreatePermission: hasCreatePermissionFromProps,
+    hierarchyData,
+    HierarchyIcon,
+    viewType
+  } = props;
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
+  const {
+    allowCreate,
+    isInDrawer
+  } = useListDrawerContext();
+  const hasCreatePermission = allowCreate !== undefined ? allowCreate && hasCreatePermissionFromProps : hasCreatePermissionFromProps;
+  const {
+    config: {
+      routes: {
+        admin: adminRoute
+      }
+    },
+    getEntityConfig
+  } = useConfig();
+  const collectionConfig = getEntityConfig({
+    collectionSlug
+  });
+  const {
+    labels
+  } = collectionConfig;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const collectionLabel = getTranslation(labels?.plural, i18n);
+  const {
+    setStepNav
+  } = useStepNav();
+  const {
+    parent
+  } = useHierarchy();
+  // Get search from URL params
+  const searchFromURL = searchParams.get('search') || '';
+  // Update URL when search changes (debouncing is handled by SearchFilter)
+  // This triggers a server refetch via Next.js router
+  const handleSearchChange = useCallback(value => {
+    // Build new URL with updated search param
+    const currentParams = {};
+    searchParams.forEach((v, k) => {
+      currentParams[k] = v;
+    });
+    if (value) {
+      currentParams.search = value;
+    } else {
+      delete currentParams.search;
+    }
+    const queryString = qs.stringify(currentParams, {
+      addQueryPrefix: true
+    });
+    const newUrl = `${window.location.pathname}${queryString}`;
+    if (window.location.search !== queryString) {
+      startRouteTransition(() => router.replace(newUrl));
+    }
+  }, [router, searchParams, startRouteTransition]);
+  // Get current item title from breadcrumbs (last item is the current one)
+  const currentItemTitle = hierarchyData?.breadcrumbs && hierarchyData.breadcrumbs.length > 0 ? hierarchyData.breadcrumbs[hierarchyData.breadcrumbs.length - 1].title : undefined;
+  useEffect(() => {
+    if (!isInDrawer) {
+      // Breadcrumbs exclude the last item (current item) since it's shown in the header
+      const ancestorBreadcrumbs = hierarchyData?.breadcrumbs?.slice(0, -1) || [];
+      const baseLabel = {
+        label: /*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__step-nav-icon-label`,
+          children: [HierarchyIcon || /*#__PURE__*/_jsx(TagIcon, {
+            color: "muted"
+          }), collectionLabel]
+        }),
+        url: parent?.id ? formatAdminURL({
+          adminRoute,
+          path: `/collections/${collectionSlug}`
+        }) : undefined
+      };
+      let navItems = [baseLabel];
+      if (ancestorBreadcrumbs.length > 0) {
+        const hierarchyBreadcrumbs = ancestorBreadcrumbs.map(crumb => ({
+          label: crumb.title,
+          url: formatAdminURL({
+            adminRoute,
+            path: `/collections/${collectionSlug}?parent=${crumb.id}`
+          })
+        }));
+        navItems = [...navItems, ...hierarchyBreadcrumbs];
+      }
+      setStepNav(navItems);
+    }
+  }, [adminRoute, setStepNav, isInDrawer, collectionSlug, hierarchyData, collectionLabel, currentItemTitle, parent, HierarchyIcon]);
+  const hierarchyConfig = collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object' ? collectionConfig.hierarchy : undefined;
+  const parentFieldName = hierarchyConfig?.parentFieldName;
+  const parentId = hierarchyData?.parentId ?? null;
+  // Build collections array for create button
+  // Filter by allowedCollections when set (from parent's collectionSpecific field)
+  const {
+    allowedCollections
+  } = hierarchyData || {};
+  const collections = [];
+  // Add hierarchy collection (always allowed for creating child hierarchy items)
+  // Include parent's collectionSpecific values so new folders inherit the restriction
+  const hierarchyInitialData = {};
+  if (parentId !== null) {
+    hierarchyInitialData[parentFieldName] = parentId;
+    const collectionSpecificFieldName = hierarchyConfig?.collectionSpecific && typeof hierarchyConfig.collectionSpecific === 'object' ? hierarchyConfig.collectionSpecific.fieldName : undefined;
+    const parentCollectionSpecificValues = collectionSpecificFieldName ? parent?.[collectionSpecificFieldName] : undefined;
+    if (collectionSpecificFieldName && parentCollectionSpecificValues && parentCollectionSpecificValues.length > 0) {
+      hierarchyInitialData[collectionSpecificFieldName] = parentCollectionSpecificValues;
+    }
+  }
+  collections.push({
+    collectionSlug,
+    initialData: Object.keys(hierarchyInitialData).length > 0 ? hierarchyInitialData : {}
+  });
+  // Add related collections (for creating documents that reference this hierarchy)
+  // Filter by allowedCollections when set
+  for (const [slug, relatedConfig] of Object.entries(hierarchyConfig?.relatedCollections || {})) {
+    // Skip if not in allowed list (when allowedCollections has restrictions)
+    // Empty array means "no restrictions" (folder accepts all types)
+    if (allowedCollections && allowedCollections.length > 0 && !allowedCollections.some(c => c.slug === slug)) {
+      continue;
+    }
+    // Use array for hasMany fields, single value for hasMany: false
+    const fieldValue = relatedConfig.hasMany ? [parentId] : parentId;
+    collections.push({
+      collectionSlug: slug,
+      initialData: parentId !== null ? {
+        [relatedConfig.fieldName]: fieldValue
+      } : {}
+    });
+  }
+  // Build type filter options from hierarchy collection + related collections
+  // Filter by allowedCollections when set
+  const typeOptions = useMemo(() => {
+    const options = [];
+    // Add related collections (filtered by allowedCollections when set)
+    for (const [slug_0] of Object.entries(hierarchyConfig?.relatedCollections || {})) {
+      // Skip if not in allowed list (when allowedCollections has restrictions)
+      // Empty array means "no restrictions" (folder accepts all types)
+      if (allowedCollections && allowedCollections.length > 0 && !allowedCollections.some(c_0 => c_0.slug === slug_0)) {
+        continue;
+      }
+      const config = getEntityConfig({
+        collectionSlug: slug_0
+      });
+      options.push({
+        label: getTranslation(config.labels?.plural, i18n),
+        value: slug_0
+      });
+    }
+    return options;
+  }, [allowedCollections, getEntityConfig, hierarchyConfig?.relatedCollections, i18n]);
+  // Get type filter from URL params (comma-separated list)
+  const typeFilterFromURL = searchParams.get('typeFilter');
+  const typeFilterValues = typeFilterFromURL ? typeFilterFromURL.split(',') : null;
+  // Track selected types (default: from URL or all selected)
+  const [selectedTypes, setSelectedTypes] = useState(() => typeFilterValues || typeOptions.map(opt => opt.value));
+  // Update URL when type filter changes
+  const handleTypeFilterChange = useCallback(values => {
+    setSelectedTypes(values);
+    // Build new URL with updated typeFilter param
+    const currentParams_0 = {};
+    searchParams.forEach((v_0, k_0) => {
+      currentParams_0[k_0] = v_0;
+    });
+    // Only add typeFilter if not all types are selected
+    const allSelected = values.length === typeOptions.length;
+    if (!allSelected && values.length > 0) {
+      currentParams_0.typeFilter = values.join(',');
+    } else {
+      delete currentParams_0.typeFilter;
+    }
+    const queryString_0 = qs.stringify(currentParams_0, {
+      addQueryPrefix: true
+    });
+    const newUrl_0 = `${window.location.pathname}${queryString_0}`;
+    if (window.location.search !== queryString_0) {
+      startRouteTransition(() => router.replace(newUrl_0));
+    }
+  }, [router, searchParams, startRouteTransition, typeOptions.length]);
+  // Filter children based on selected types (client-side for immediate feedback)
+  // Server already filters, but this handles the hierarchy collection toggle
+  const filteredChildrenData = useMemo(() => {
+    if (!hierarchyData?.childrenData) {
+      return undefined;
+    }
+    return hierarchyData.childrenData;
+  }, [hierarchyData?.childrenData]);
+  // Filter related groups based on selected types
+  const filteredRelatedGroups = useMemo(() => {
+    return Object.entries(hierarchyData?.relatedDocumentsByCollection || {}).filter(([slug_1]) => selectedTypes.includes(slug_1)).map(([slug_2, related]) => ({
+      collectionSlug: slug_2,
+      data: related.result,
+      hasMany: related.hasMany,
+      label: related.label
+    }));
+  }, [hierarchyData?.relatedDocumentsByCollection, selectedTypes]);
+  const collectionData = hierarchyData ? {
+    [collectionSlug]: {
+      docs: hierarchyData.childrenData.docs
+    },
+    ...Object.fromEntries(Object.entries(hierarchyData.relatedDocumentsByCollection || {}).map(([slug_3, related_0]) => [slug_3, {
+      docs: related_0.result.docs
+    }]))
+  } : {};
+  return /*#__PURE__*/_jsx(Fragment, {
+    children: /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass} ${baseClass}--${collectionSlug}`,
+      children: [BeforeList, /*#__PURE__*/_jsx(DocumentSelectionProvider, {
+        collectionData: collectionData,
+        children: /*#__PURE__*/_jsxs(Gutter, {
+          className: `${baseClass}__wrap`,
+          children: [/*#__PURE__*/_jsx(HierarchyListHeader, {
+            collectionConfig: collectionConfig,
+            collections: collections,
+            currentItemTitle: currentItemTitle,
+            Description: /*#__PURE__*/_jsxs(React.Fragment, {
+              children: [hierarchyData.allowedCollections && hierarchyData.allowedCollections.length > 0 && /*#__PURE__*/_jsxs("div", {
+                className: `${baseClass}__allowed-types`,
+                children: [t('general:accepts'), ":", ' ', hierarchyData.allowedCollections.map(c_1 => c_1.label).join(', ')]
+              }), Description || collectionConfig?.admin?.description ? /*#__PURE__*/_jsx("div", {
+                className: `${baseClass}__sub-header`,
+                children: /*#__PURE__*/_jsx(RenderCustomComponent, {
+                  CustomComponent: Description,
+                  Fallback: /*#__PURE__*/_jsx(ViewDescription, {
+                    collectionSlug: collectionSlug,
+                    description: collectionConfig?.admin?.description
+                  })
+                })
+              }) : null]
+            }),
+            hasCreatePermission: hasCreatePermission,
+            HierarchyIcon: HierarchyIcon,
+            i18n: i18n,
+            viewType: viewType
+          }), /*#__PURE__*/_jsx("div", {
+            className: `${baseClass}__controls`,
+            children: /*#__PURE__*/_jsx(SearchBar, {
+              Actions: [/*#__PURE__*/_jsx(TypeFilter, {
+                i18n: i18n,
+                onChange: handleTypeFilterChange,
+                options: typeOptions,
+                selectedValues: selectedTypes
+              }, `type-filter-${hierarchyData.parent ? hierarchyData.parent.id : 'root'}`)],
+              label: t('general:searchBy', {
+                label: getTranslation(collectionConfig?.admin?.useAsTitle || 'id', i18n)
+              }),
+              onSearchChange: handleSearchChange,
+              searchQueryParam: searchFromURL
+            })
+          }), /*#__PURE__*/_jsx(HierarchyTable, {
+            baseFilter: baseFilter,
+            childrenData: filteredChildrenData,
+            collections: collections,
+            collectionSlug: collectionSlug,
+            hasCreatePermission: hasCreatePermission,
+            HierarchyIcon: HierarchyIcon,
+            hierarchyLabel: collectionLabel,
+            parentFieldName: parentFieldName,
+            parentId: parentId,
+            relatedGroups: filteredRelatedGroups,
+            search: searchFromURL,
+            useAsTitle: collectionConfig?.admin?.useAsTitle || 'id'
+          }, `${collectionSlug}-${parentId}-${searchFromURL}-${JSON.stringify(baseFilter)}-${filteredChildrenData?.totalDocs}-${Object.entries(hierarchyData?.relatedDocumentsByCollection || {}).map(([slug_4, r]) => `${slug_4}:${r.result.totalDocs}`).join(',')}`)]
+        })
+      }), AfterList]
+    })
+  });
+}
+//# sourceMappingURL=index.js.map