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

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: "small",
+      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=\"small\"\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,qBA2W3D"}

package/dist/views/HierarchyList/index.js

@@ -0,0 +1,305 @@
+'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
+  } = 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
+          }), /*#__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

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

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

package/dist/views/HierarchyList/index.scss

@@ -0,0 +1,72 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .hierarchy-list {
+    width: 100%;
+
+    &__wrap {
+      padding-bottom: var(--spacing-view-bottom);
+
+      & > *:not(:last-child) {
+        margin-bottom: var(--base);
+      }
+    }
+
+    .list-header {
+      a {
+        text-decoration: none;
+      }
+    }
+
+    &__allowed-types {
+      color: var(--theme-elevation-500);
+      padding-top: calc(var(--base) * 0.2);
+    }
+
+    &__sub-header {
+      flex-basis: 100%;
+      padding-top: calc(var(--base) * 0.75);
+    }
+
+    &__step-nav-icon-label {
+      margin: 0;
+      display: flex;
+      align-items: center;
+      gap: calc(var(--base) * 0.25);
+
+      .icon {
+        height: 18px;
+      }
+    }
+
+    &__controls {
+      display: flex;
+      gap: var(--spacing-sm);
+      align-items: center;
+    }
+
+    &__no-results {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: var(--base);
+
+      & > * {
+        margin: 0;
+      }
+    }
+
+    @include mid-break {
+      margin-top: base(0.25);
+
+      &__wrap {
+        padding-top: 0;
+        padding-bottom: 0;
+      }
+
+      &__sub-header {
+        margin-top: 0;
+      }
+    }
+  }
+}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/List/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAKlD,OAAO,KAA8B,MAAM,OAAO,CAAA;AAyBlD,OAAO,cAAc,CAAA;AAIrB,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB,qBAyQzD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/List/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAKlD,OAAO,KAA8B,MAAM,OAAO,CAAA;AA4BlD,OAAO,cAAc,CAAA;AAIrB,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB,qBA+TzD"}

package/dist/views/List/index.js

@@ -21,12 +21,15 @@ import { RelationshipProvider } from '../../elements/Table/RelationshipProvider/
 import { ViewDescription } from '../../elements/ViewDescription/index.js';
 import { useControllableState } from '../../hooks/useControllableState.js';
 import { useConfig } from '../../providers/Config/index.js';
+import { DocumentSelectionProvider } from '../../providers/DocumentSelection/index.js';
 import { useListQuery } from '../../providers/ListQuery/index.js';
 import { SelectionProvider } from '../../providers/Selection/index.js';
 import { TableColumnsProvider } from '../../providers/TableColumns/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { useWindowInfo } from '../../providers/WindowInfo/index.js';
 import { ListSelection } from '../../views/List/ListSelection/index.js';
+import { DocumentListSelection } from '../HierarchyList/DocumentListSelection/index.js';
+import { HierarchyTable } from '../HierarchyList/HierarchyTable/index.js';
 import { CollectionListHeader } from './ListHeader/index.js';
 import './index.scss';
 const baseClass = 'collection-list';
@@ -47,6 +50,7 @@ export function DefaultListView(props) {
     hasCreatePermission: hasCreatePermissionFromProps,
     hasDeletePermission,
     hasTrashPermission,
+    hierarchyData,
     listMenuItems,
     newDocumentURL,
     queryPreset,
@@ -99,6 +103,7 @@ export function DefaultListView(props) {
   const {
     i18n
   } = useTranslation();
+  const collectionLabel = getTranslation(labels?.plural, i18n);
   const {
     setStepNav
   } = useStepNav();
@@ -127,8 +132,8 @@ export function DefaultListView(props) {
   useEffect(() => {
     if (!isInDrawer) {
       const baseLabel = {
-        label: getTranslation(labels?.plural, i18n),
-        url: isTrashEnabled && viewType === 'trash' ? formatAdminURL({
+        label: collectionLabel,
+        url: hierarchyData || isTrashEnabled && viewType === 'trash' ? formatAdminURL({
           adminRoute,
           path: `/collections/${collectionSlug}`
         }) : undefined
@@ -136,10 +141,24 @@ export function DefaultListView(props) {
       const trashLabel = {
         label: i18n.t('general:trash')
       };
-      const navItems = isTrashEnabled && viewType === 'trash' ? [baseLabel, trashLabel] : [baseLabel];
+      let navItems = isTrashEnabled && viewType === 'trash' ? [baseLabel, trashLabel] : [baseLabel];
+      // Add hierarchy breadcrumbs
+      if (hierarchyData?.breadcrumbs) {
+        const hierarchyBreadcrumbs = hierarchyData.breadcrumbs.map((crumb, index) => {
+          const isLast = index === hierarchyData.breadcrumbs.length - 1;
+          return {
+            label: crumb.title,
+            url: isLast ? undefined : formatAdminURL({
+              adminRoute,
+              path: `/collections/${collectionSlug}?parent=${crumb.id}`
+            })
+          };
+        });
+        navItems = [...navItems, ...hierarchyBreadcrumbs];
+      }
       setStepNav(navItems);
     }
-  }, [adminRoute, setStepNav, serverURL, labels, isInDrawer, isTrashEnabled, viewType, i18n, collectionSlug]);
+  }, [adminRoute, setStepNav, serverURL, labels, isInDrawer, isTrashEnabled, viewType, i18n, collectionSlug, hierarchyData, collectionLabel]);
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [/*#__PURE__*/_jsx(TableColumnsProvider, {
       collectionSlug: collectionSlug,
@@ -189,12 +208,37 @@ export function DefaultListView(props) {
               queryPresetPermissions: queryPresetPermissions,
               renderedFilters: renderedFilters,
               resolvedFilterOptions: resolvedFilterOptions
-            }), BeforeListTable, docs?.length > 0 && /*#__PURE__*/_jsx("div", {
+            }), BeforeListTable, hierarchyData ? /*#__PURE__*/_jsxs(DocumentSelectionProvider, {
+              collectionData: {
+                [collectionSlug]: {
+                  docs: hierarchyData.childrenData.docs
+                },
+                ...Object.fromEntries(Object.entries(hierarchyData.relatedDocumentsByCollection).map(([slug, related]) => [slug, {
+                  docs: related.result.docs
+                }]))
+              },
+              children: [/*#__PURE__*/_jsx(HierarchyTable, {
+                childrenData: hierarchyData.childrenData,
+                collectionSlug: collectionSlug,
+                hierarchyLabel: collectionLabel,
+                parentId: hierarchyData.parentId,
+                relatedGroups: Object.entries(hierarchyData.relatedDocumentsByCollection).map(([slug_0, related_0]) => ({
+                  collectionSlug: slug_0,
+                  data: related_0.result,
+                  hasMany: related_0.hasMany,
+                  label: related_0.label
+                })),
+                useAsTitle: collectionConfig?.admin?.useAsTitle || 'id'
+              }, hierarchyData.parentId), /*#__PURE__*/_jsx(DocumentListSelection, {
+                disableBulkDelete: disableBulkDelete,
+                disableBulkEdit: disableBulkEdit
+              })]
+            }) : docs?.length > 0 ? /*#__PURE__*/_jsx("div", {
               className: `${baseClass}__tables`,
               children: /*#__PURE__*/_jsx(RelationshipProvider, {
                 children: Table
               })
-            }), docs?.length === 0 && /*#__PURE__*/_jsx(NoListResults, {
+            }) : null, docs?.length === 0 && /*#__PURE__*/_jsx(NoListResults, {
               Actions: hasCreatePermission && newDocumentURL && viewType !== 'trash' ? [isInDrawer ? /*#__PURE__*/_jsx(Button, {
                 el: "button",
                 onClick: () => openModal(createNewDrawerSlug),
@@ -226,7 +270,7 @@ export function DefaultListView(props) {
                   collectionConfig: collectionConfig,
                   disableBulkDelete: disableBulkDelete,
                   disableBulkEdit: disableBulkEdit,
-                  label: getTranslation(collectionConfig.labels.plural, i18n),
+                  label: collectionLabel,
                   showSelectAllAcrossPages: !isGroupingBy
                 }), /*#__PURE__*/_jsx("div", {
                   className: `${baseClass}__list-selection-actions`,