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

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","viewType","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    viewType,\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              viewType={viewType}\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,68 @@
+@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);
+    }
+
+    &__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/ListHeader/index.scss

@@ -3,7 +3,6 @@
 @layer payload-default {
   .list-drawer {
     .list-header__title {
-      @extend %h2;
     }
 
     &__header {

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`,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","useRouter","formatAdminURL","formatFilesize","React","Fragment","useEffect","useBulkUpload","Button","Gutter","ListControls","useListDrawerContext","useModal","NoListResults","PageControls","RenderCustomComponent","SelectMany","useStepNav","StickyToolbar","RelationshipProvider","ViewDescription","useControllableState","useConfig","useListQuery","SelectionProvider","TableColumnsProvider","useTranslation","useWindowInfo","ListSelection","CollectionListHeader","baseClass","DefaultListView","props","AfterList","AfterListTable","beforeActions","BeforeList","BeforeListTable","collectionSlug","columnState","Description","disableBulkDelete","disableBulkEdit","disableQueryPresets","enableRowSelections","hasCreatePermission","hasCreatePermissionFromProps","hasDeletePermission","hasTrashPermission","listMenuItems","newDocumentURL","queryPreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","Table","InitialTable","viewType","allowCreate","createNewDrawerSlug","isInDrawer","onBulkSelect","undefined","config","routes","admin","adminRoute","serverURL","getEntityConfig","router","data","isGroupingBy","openModal","drawerSlug","bulkUploadDrawerSlug","setCollectionSlug","setOnSuccess","collectionConfig","labels","upload","isUploadCollection","Boolean","isBulkUploadEnabled","bulkUpload","isTrashEnabled","trash","i18n","setStepNav","breakpoints","s","smallBreak","docs","useMemo","map","doc","filesize","openBulkUpload","useCallback","refresh","baseLabel","label","plural","url","path","trashLabel","t","navItems","_jsxs","_jsx","className","totalDocs","description","CustomComponent","Fallback","hideFileInputOnCreate","onClick","enableQueryPresets","length","Actions","el","singular","to","Message","_Fragment","AfterPageControls","showSelectAllAcrossPages","totalPages"],"sources":["../../../src/views/List/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ListViewClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL, formatFilesize } from 'payload/shared'\nimport React, { Fragment, useEffect } from 'react'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { Gutter } from '../../elements/Gutter/index.js'\nimport { ListControls } from '../../elements/ListControls/index.js'\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { useModal } from '../../elements/Modal/index.js'\nimport { NoListResults } from '../../elements/NoListResults/index.js'\nimport { PageControls } from '../../elements/PageControls/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { SelectMany } from '../../elements/SelectMany/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { StickyToolbar } from '../../elements/StickyToolbar/index.js'\nimport { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.js'\nimport { ViewDescription } from '../../elements/ViewDescription/index.js'\nimport { useControllableState } from '../../hooks/useControllableState.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { SelectionProvider } from '../../providers/Selection/index.js'\nimport { TableColumnsProvider } from '../../providers/TableColumns/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useWindowInfo } from '../../providers/WindowInfo/index.js'\nimport { ListSelection } from '../../views/List/ListSelection/index.js'\nimport { CollectionListHeader } from './ListHeader/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-list'\n\nexport function DefaultListView(props: ListViewClientProps) {\n  const {\n    AfterList,\n    AfterListTable,\n    beforeActions,\n    BeforeList,\n    BeforeListTable,\n    collectionSlug,\n    columnState,\n    Description,\n    disableBulkDelete,\n    disableBulkEdit,\n    disableQueryPresets,\n    enableRowSelections,\n    hasCreatePermission: hasCreatePermissionFromProps,\n    hasDeletePermission,\n    hasTrashPermission,\n    listMenuItems,\n    newDocumentURL,\n    queryPreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n    Table: InitialTable,\n    viewType,\n  } = props\n\n  const [Table] = useControllableState(InitialTable)\n\n  const { allowCreate, createNewDrawerSlug, isInDrawer, onBulkSelect } = useListDrawerContext()\n\n  const hasCreatePermission =\n    allowCreate !== undefined\n      ? allowCreate && hasCreatePermissionFromProps\n      : hasCreatePermissionFromProps\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n  const router = useRouter()\n\n  const { data, isGroupingBy } = useListQuery()\n\n  const { openModal } = useModal()\n  const { drawerSlug: bulkUploadDrawerSlug, setCollectionSlug, setOnSuccess } = useBulkUpload()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { labels, upload } = collectionConfig\n\n  const isUploadCollection = Boolean(upload)\n\n  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload\n\n  const isTrashEnabled = Boolean(collectionConfig.trash)\n\n  const { i18n } = useTranslation()\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const docs = React.useMemo(() => {\n    if (isUploadCollection) {\n      return data.docs.map((doc) => {\n        return {\n          ...doc,\n          filesize: formatFilesize(doc.filesize),\n        }\n      })\n    } else {\n      return data?.docs\n    }\n  }, [data?.docs, isUploadCollection])\n\n  const openBulkUpload = React.useCallback(() => {\n    setCollectionSlug(collectionSlug)\n    openModal(bulkUploadDrawerSlug)\n    setOnSuccess(() => router.refresh())\n  }, [router, collectionSlug, bulkUploadDrawerSlug, openModal, setCollectionSlug, setOnSuccess])\n\n  useEffect(() => {\n    if (!isInDrawer) {\n      const baseLabel = {\n        label: getTranslation(labels?.plural, i18n),\n        url:\n          isTrashEnabled && viewType === 'trash'\n            ? formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}`,\n              })\n            : undefined,\n      }\n\n      const trashLabel = {\n        label: i18n.t('general:trash'),\n      }\n\n      const navItems =\n        isTrashEnabled && viewType === 'trash' ? [baseLabel, trashLabel] : [baseLabel]\n\n      setStepNav(navItems)\n    }\n  }, [\n    adminRoute,\n    setStepNav,\n    serverURL,\n    labels,\n    isInDrawer,\n    isTrashEnabled,\n    viewType,\n    i18n,\n    collectionSlug,\n  ])\n\n  return (\n    <Fragment>\n      <TableColumnsProvider collectionSlug={collectionSlug} columnState={columnState}>\n        <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n          <SelectionProvider docs={docs} totalDocs={data?.totalDocs}>\n            {BeforeList}\n            <Gutter className={`${baseClass}__wrap`}>\n              <CollectionListHeader\n                collectionConfig={collectionConfig}\n                Description={\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                  ) : undefined\n                }\n                disableBulkDelete={disableBulkDelete}\n                disableBulkEdit={disableBulkEdit}\n                hasCreatePermission={hasCreatePermission}\n                hasDeletePermission={hasDeletePermission}\n                hasTrashPermission={hasTrashPermission}\n                i18n={i18n}\n                isBulkUploadEnabled={isBulkUploadEnabled && !upload.hideFileInputOnCreate}\n                isTrashEnabled={isTrashEnabled}\n                newDocumentURL={newDocumentURL}\n                openBulkUpload={openBulkUpload}\n                smallBreak={smallBreak}\n                viewType={viewType}\n              />\n              <ListControls\n                beforeActions={\n                  enableRowSelections && typeof onBulkSelect === 'function'\n                    ? beforeActions\n                      ? [...beforeActions, <SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                      : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                    : beforeActions\n                }\n                collectionConfig={collectionConfig}\n                collectionSlug={collectionSlug}\n                disableQueryPresets={\n                  collectionConfig?.enableQueryPresets !== true || disableQueryPresets\n                }\n                listMenuItems={listMenuItems}\n                queryPreset={queryPreset}\n                queryPresetPermissions={queryPresetPermissions}\n                renderedFilters={renderedFilters}\n                resolvedFilterOptions={resolvedFilterOptions}\n              />\n              {BeforeListTable}\n              {docs?.length > 0 && (\n                <div className={`${baseClass}__tables`}>\n                  <RelationshipProvider>{Table}</RelationshipProvider>\n                </div>\n              )}\n              {docs?.length === 0 && (\n                <NoListResults\n                  Actions={\n                    hasCreatePermission && newDocumentURL && viewType !== 'trash'\n                      ? [\n                          isInDrawer ? (\n                            <Button\n                              el=\"button\"\n                              key=\"create\"\n                              onClick={() => openModal(createNewDrawerSlug)}\n                            >\n                              {i18n.t('general:createNewLabel', {\n                                label: getTranslation(labels?.singular, i18n),\n                              })}\n                            </Button>\n                          ) : (\n                            <Button el=\"link\" key=\"create\" to={newDocumentURL}>\n                              {i18n.t('general:createNewLabel', {\n                                label: getTranslation(labels?.singular, i18n),\n                              })}\n                            </Button>\n                          ),\n                        ]\n                      : []\n                  }\n                  Message={\n                    viewType === 'trash' ? (\n                      <p>\n                        {i18n.t('general:noTrashResults', {\n                          label: getTranslation(labels?.plural, i18n),\n                        })}\n                      </p>\n                    ) : (\n                      <>\n                        <h3>{i18n.t('general:noResultsFound')}</h3>\n                        <p>{i18n.t('general:noResultsDescription')}</p>\n                      </>\n                    )\n                  }\n                />\n              )}\n              {AfterListTable}\n              {docs?.length > 0 && !isGroupingBy && (\n                <PageControls\n                  AfterPageControls={\n                    smallBreak ? (\n                      <div className={`${baseClass}__list-selection`}>\n                        <ListSelection\n                          collectionConfig={collectionConfig}\n                          disableBulkDelete={disableBulkDelete}\n                          disableBulkEdit={disableBulkEdit}\n                          label={getTranslation(collectionConfig.labels.plural, i18n)}\n                          showSelectAllAcrossPages={!isGroupingBy}\n                        />\n                        <div className={`${baseClass}__list-selection-actions`}>\n                          {enableRowSelections && typeof onBulkSelect === 'function'\n                            ? beforeActions\n                              ? [\n                                  ...beforeActions,\n                                  <SelectMany key=\"select-many\" onClick={onBulkSelect} />,\n                                ]\n                              : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                            : beforeActions}\n                        </div>\n                      </div>\n                    ) : null\n                  }\n                  collectionConfig={collectionConfig}\n                />\n              )}\n            </Gutter>\n            {AfterList}\n          </SelectionProvider>\n        </div>\n      </TableColumnsProvider>\n      {docs?.length > 0 && isGroupingBy && data.totalPages > 1 && (\n        <StickyToolbar>\n          <PageControls collectionConfig={collectionConfig} />\n        </StickyToolbar>\n      )}\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","useRouter","formatAdminURL","formatFilesize","React","Fragment","useEffect","useBulkUpload","Button","Gutter","ListControls","useListDrawerContext","useModal","NoListResults","PageControls","RenderCustomComponent","SelectMany","useStepNav","StickyToolbar","RelationshipProvider","ViewDescription","useControllableState","useConfig","DocumentSelectionProvider","useListQuery","SelectionProvider","TableColumnsProvider","useTranslation","useWindowInfo","ListSelection","DocumentListSelection","HierarchyTable","CollectionListHeader","baseClass","DefaultListView","props","AfterList","AfterListTable","beforeActions","BeforeList","BeforeListTable","collectionSlug","columnState","Description","disableBulkDelete","disableBulkEdit","disableQueryPresets","enableRowSelections","hasCreatePermission","hasCreatePermissionFromProps","hasDeletePermission","hasTrashPermission","hierarchyData","listMenuItems","newDocumentURL","queryPreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","Table","InitialTable","viewType","allowCreate","createNewDrawerSlug","isInDrawer","onBulkSelect","undefined","config","routes","admin","adminRoute","serverURL","getEntityConfig","router","data","isGroupingBy","openModal","drawerSlug","bulkUploadDrawerSlug","setCollectionSlug","setOnSuccess","collectionConfig","labels","upload","isUploadCollection","Boolean","isBulkUploadEnabled","bulkUpload","isTrashEnabled","trash","i18n","collectionLabel","plural","setStepNav","breakpoints","s","smallBreak","docs","useMemo","map","doc","filesize","openBulkUpload","useCallback","refresh","baseLabel","label","url","path","trashLabel","t","navItems","breadcrumbs","hierarchyBreadcrumbs","crumb","index","isLast","length","title","id","_jsxs","_jsx","className","totalDocs","description","CustomComponent","Fallback","hideFileInputOnCreate","onClick","enableQueryPresets","collectionData","childrenData","Object","fromEntries","entries","relatedDocumentsByCollection","slug","related","result","hierarchyLabel","parentId","relatedGroups","hasMany","useAsTitle","Actions","el","singular","to","Message","_Fragment","AfterPageControls","showSelectAllAcrossPages","totalPages"],"sources":["../../../src/views/List/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ListViewClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL, formatFilesize } from 'payload/shared'\nimport React, { Fragment, useEffect } from 'react'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { Gutter } from '../../elements/Gutter/index.js'\nimport { ListControls } from '../../elements/ListControls/index.js'\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { useModal } from '../../elements/Modal/index.js'\nimport { NoListResults } from '../../elements/NoListResults/index.js'\nimport { PageControls } from '../../elements/PageControls/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { SelectMany } from '../../elements/SelectMany/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { StickyToolbar } from '../../elements/StickyToolbar/index.js'\nimport { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.js'\nimport { ViewDescription } from '../../elements/ViewDescription/index.js'\nimport { useControllableState } from '../../hooks/useControllableState.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentSelectionProvider } from '../../providers/DocumentSelection/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { SelectionProvider } from '../../providers/Selection/index.js'\nimport { TableColumnsProvider } from '../../providers/TableColumns/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useWindowInfo } from '../../providers/WindowInfo/index.js'\nimport { ListSelection } from '../../views/List/ListSelection/index.js'\nimport { DocumentListSelection } from '../HierarchyList/DocumentListSelection/index.js'\nimport { HierarchyTable } from '../HierarchyList/HierarchyTable/index.js'\nimport { CollectionListHeader } from './ListHeader/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-list'\n\nexport function DefaultListView(props: ListViewClientProps) {\n  const {\n    AfterList,\n    AfterListTable,\n    beforeActions,\n    BeforeList,\n    BeforeListTable,\n    collectionSlug,\n    columnState,\n    Description,\n    disableBulkDelete,\n    disableBulkEdit,\n    disableQueryPresets,\n    enableRowSelections,\n    hasCreatePermission: hasCreatePermissionFromProps,\n    hasDeletePermission,\n    hasTrashPermission,\n    hierarchyData,\n    listMenuItems,\n    newDocumentURL,\n    queryPreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n    Table: InitialTable,\n    viewType,\n  } = props\n\n  const [Table] = useControllableState(InitialTable)\n\n  const { allowCreate, createNewDrawerSlug, isInDrawer, onBulkSelect } = useListDrawerContext()\n\n  const hasCreatePermission =\n    allowCreate !== undefined\n      ? allowCreate && hasCreatePermissionFromProps\n      : hasCreatePermissionFromProps\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n  const router = useRouter()\n\n  const { data, isGroupingBy } = useListQuery()\n\n  const { openModal } = useModal()\n  const { drawerSlug: bulkUploadDrawerSlug, setCollectionSlug, setOnSuccess } = useBulkUpload()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { labels, upload } = collectionConfig\n\n  const isUploadCollection = Boolean(upload)\n\n  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload\n\n  const isTrashEnabled = Boolean(collectionConfig.trash)\n\n  const { i18n } = useTranslation()\n\n  const collectionLabel = getTranslation(labels?.plural, i18n)\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const docs = React.useMemo(() => {\n    if (isUploadCollection) {\n      return data.docs.map((doc) => {\n        return {\n          ...doc,\n          filesize: formatFilesize(doc.filesize),\n        }\n      })\n    } else {\n      return data?.docs\n    }\n  }, [data?.docs, isUploadCollection])\n\n  const openBulkUpload = React.useCallback(() => {\n    setCollectionSlug(collectionSlug)\n    openModal(bulkUploadDrawerSlug)\n    setOnSuccess(() => router.refresh())\n  }, [router, collectionSlug, bulkUploadDrawerSlug, openModal, setCollectionSlug, setOnSuccess])\n\n  useEffect(() => {\n    if (!isInDrawer) {\n      const baseLabel = {\n        label: collectionLabel,\n        url:\n          hierarchyData || (isTrashEnabled && viewType === 'trash')\n            ? formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}`,\n              })\n            : undefined,\n      }\n\n      const trashLabel = {\n        label: i18n.t('general:trash'),\n      }\n\n      let navItems = isTrashEnabled && viewType === 'trash' ? [baseLabel, trashLabel] : [baseLabel]\n\n      // Add hierarchy breadcrumbs\n      if (hierarchyData?.breadcrumbs) {\n        const hierarchyBreadcrumbs = hierarchyData.breadcrumbs.map((crumb, index) => {\n          const isLast = index === hierarchyData.breadcrumbs.length - 1\n          return {\n            label: crumb.title,\n            url: isLast\n              ? undefined\n              : formatAdminURL({\n                  adminRoute,\n                  path: `/collections/${collectionSlug}?parent=${crumb.id}`,\n                }),\n          }\n        })\n        navItems = [...navItems, ...hierarchyBreadcrumbs]\n      }\n\n      setStepNav(navItems)\n    }\n  }, [\n    adminRoute,\n    setStepNav,\n    serverURL,\n    labels,\n    isInDrawer,\n    isTrashEnabled,\n    viewType,\n    i18n,\n    collectionSlug,\n    hierarchyData,\n    collectionLabel,\n  ])\n\n  return (\n    <Fragment>\n      <TableColumnsProvider collectionSlug={collectionSlug} columnState={columnState}>\n        <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n          <SelectionProvider docs={docs} totalDocs={data?.totalDocs}>\n            {BeforeList}\n            <Gutter className={`${baseClass}__wrap`}>\n              <CollectionListHeader\n                collectionConfig={collectionConfig}\n                Description={\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                  ) : undefined\n                }\n                disableBulkDelete={disableBulkDelete}\n                disableBulkEdit={disableBulkEdit}\n                hasCreatePermission={hasCreatePermission}\n                hasDeletePermission={hasDeletePermission}\n                hasTrashPermission={hasTrashPermission}\n                i18n={i18n}\n                isBulkUploadEnabled={isBulkUploadEnabled && !upload.hideFileInputOnCreate}\n                isTrashEnabled={isTrashEnabled}\n                newDocumentURL={newDocumentURL}\n                openBulkUpload={openBulkUpload}\n                smallBreak={smallBreak}\n                viewType={viewType}\n              />\n              <ListControls\n                beforeActions={\n                  enableRowSelections && typeof onBulkSelect === 'function'\n                    ? beforeActions\n                      ? [...beforeActions, <SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                      : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                    : beforeActions\n                }\n                collectionConfig={collectionConfig}\n                collectionSlug={collectionSlug}\n                disableQueryPresets={\n                  collectionConfig?.enableQueryPresets !== true || disableQueryPresets\n                }\n                listMenuItems={listMenuItems}\n                queryPreset={queryPreset}\n                queryPresetPermissions={queryPresetPermissions}\n                renderedFilters={renderedFilters}\n                resolvedFilterOptions={resolvedFilterOptions}\n              />\n              {BeforeListTable}\n              {hierarchyData ? (\n                <DocumentSelectionProvider\n                  collectionData={{\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                  <HierarchyTable\n                    childrenData={hierarchyData.childrenData}\n                    collectionSlug={collectionSlug}\n                    hierarchyLabel={collectionLabel}\n                    key={hierarchyData.parentId}\n                    parentId={hierarchyData.parentId}\n                    relatedGroups={Object.entries(hierarchyData.relatedDocumentsByCollection).map(\n                      ([slug, related]) => ({\n                        collectionSlug: slug,\n                        data: related.result,\n                        hasMany: related.hasMany,\n                        label: related.label,\n                      }),\n                    )}\n                    useAsTitle={collectionConfig?.admin?.useAsTitle || 'id'}\n                  />\n                  <DocumentListSelection\n                    disableBulkDelete={disableBulkDelete}\n                    disableBulkEdit={disableBulkEdit}\n                  />\n                </DocumentSelectionProvider>\n              ) : docs?.length > 0 ? (\n                <div className={`${baseClass}__tables`}>\n                  <RelationshipProvider>{Table}</RelationshipProvider>\n                </div>\n              ) : null}\n              {/* HierarchyTable handles its own empty state, skip for hierarchy views */}\n              {docs?.length === 0 && (\n                <NoListResults\n                  Actions={\n                    hasCreatePermission && newDocumentURL && viewType !== 'trash'\n                      ? [\n                          isInDrawer ? (\n                            <Button\n                              el=\"button\"\n                              key=\"create\"\n                              onClick={() => openModal(createNewDrawerSlug)}\n                            >\n                              {i18n.t('general:createNewLabel', {\n                                label: getTranslation(labels?.singular, i18n),\n                              })}\n                            </Button>\n                          ) : (\n                            <Button el=\"link\" key=\"create\" to={newDocumentURL}>\n                              {i18n.t('general:createNewLabel', {\n                                label: getTranslation(labels?.singular, i18n),\n                              })}\n                            </Button>\n                          ),\n                        ]\n                      : []\n                  }\n                  Message={\n                    viewType === 'trash' ? (\n                      <p>\n                        {i18n.t('general:noTrashResults', {\n                          label: getTranslation(labels?.plural, i18n),\n                        })}\n                      </p>\n                    ) : (\n                      <>\n                        <h3>{i18n.t('general:noResultsFound')}</h3>\n                        <p>{i18n.t('general:noResultsDescription')}</p>\n                      </>\n                    )\n                  }\n                />\n              )}\n              {AfterListTable}\n              {docs?.length > 0 && !isGroupingBy && (\n                <PageControls\n                  AfterPageControls={\n                    smallBreak ? (\n                      <div className={`${baseClass}__list-selection`}>\n                        <ListSelection\n                          collectionConfig={collectionConfig}\n                          disableBulkDelete={disableBulkDelete}\n                          disableBulkEdit={disableBulkEdit}\n                          label={collectionLabel}\n                          showSelectAllAcrossPages={!isGroupingBy}\n                        />\n                        <div className={`${baseClass}__list-selection-actions`}>\n                          {enableRowSelections && typeof onBulkSelect === 'function'\n                            ? beforeActions\n                              ? [\n                                  ...beforeActions,\n                                  <SelectMany key=\"select-many\" onClick={onBulkSelect} />,\n                                ]\n                              : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                            : beforeActions}\n                        </div>\n                      </div>\n                    ) : null\n                  }\n                  collectionConfig={collectionConfig}\n                />\n              )}\n            </Gutter>\n            {AfterList}\n          </SelectionProvider>\n        </div>\n      </TableColumnsProvider>\n      {docs?.length > 0 && isGroupingBy && data.totalPages > 1 && (\n        <StickyToolbar>\n          <PageControls collectionConfig={collectionConfig} />\n        </StickyToolbar>\n      )}\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/widgets/CollectionCards/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/CollectionCards/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,cAAc,CAAA;AAIrB,wBAAsB,eAAe,CAAC,KAAK,EAAE,iBAAiB,8BAwH7D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/CollectionCards/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,cAAc,CAAA;AAIrB,wBAAsB,eAAe,CAAC,KAAK,EAAE,iBAAiB,8BAqH7D"}

package/dist/widgets/CollectionCards/index.js

@@ -60,7 +60,6 @@ export async function CollectionCards(props) {
               let hasCreatePermission;
               let isLocked = null;
               let userEditing = null;
-              // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison
               if (type === EntityType.collection) {
                 title = getTranslation(label, i18n);
                 buttonAriaLabel = t('general:showAllLabel', {
@@ -76,7 +75,6 @@ export async function CollectionCards(props) {
                 });
                 hasCreatePermission = permissions?.collections?.[slug]?.create;
               }
-              // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison
               if (type === EntityType.global) {
                 title = getTranslation(label, i18n);
                 buttonAriaLabel = t('general:editLabel', {

package/dist/widgets/CollectionCards/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","EntityType","getAccessResults","formatAdminURL","React","Button","Card","Locked","getGlobalData","getNavGroups","getVisibleEntities","baseClass","CollectionCards","props","i18n","payload","user","req","admin","adminRoute","config","routes","t","permissions","visibleEntities","globalData","navGroups","_jsx","className","length","map","entities","label","groupIndex","_jsxs","slug","type","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","isLocked","userEditing","collection","path","collections","create","global","globalLockData","find","data","_isLocked","_userEditing","lockDuration","lastEditedAt","Date","_lastEditedAt","getTime","lockDurationInMilliseconds","lockExpirationTime","actions","id","buttonStyle","el","icon","iconStyle","round","to","undefined","titleAs"],"sources":["../../../src/widgets/CollectionCards/index.tsx"],"sourcesContent":["import type { WidgetServerProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { EntityType, getAccessResults } from 'payload'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { Card } from '../../elements/Card/index.js'\nimport { Locked } from '../../elements/Locked/index.js'\nimport { getGlobalData } from '../../utilities/getGlobalData.js'\nimport { getNavGroups } from '../../utilities/getNavGroups.js'\nimport { getVisibleEntities } from '../../utilities/getVisibleEntities.js'\nimport './index.scss'\n\nconst baseClass = 'collections'\n\nexport async function CollectionCards(props: WidgetServerProps) {\n  const { i18n, payload, user } = props.req\n  const { admin: adminRoute } = payload.config.routes\n  const { t } = i18n\n  const permissions = await getAccessResults({ req: props.req })\n  const visibleEntities = getVisibleEntities({ req: props.req })\n  const globalData = await getGlobalData(props.req)\n\n  const navGroups = getNavGroups(permissions, visibleEntities, payload.config, i18n)\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        {!navGroups || navGroups?.length === 0 ? (\n          <p>no nav groups....</p>\n        ) : (\n          navGroups.map(({ entities, label }, groupIndex) => {\n            return (\n              <div className={`${baseClass}__group`} key={groupIndex}>\n                <h2 className={`${baseClass}__label`}>{label}</h2>\n                <ul className={`${baseClass}__card-list`}>\n                  {entities.map(({ slug, type, label }, entityIndex) => {\n                    let title: string\n                    let buttonAriaLabel: string\n                    let createHREF: string\n                    let href: string\n                    let hasCreatePermission: boolean\n                    let isLocked = null\n                    let userEditing = null\n\n                    // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison\n                    if (type === EntityType.collection) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:showAllLabel', { label: title })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}`,\n                      })\n\n                      createHREF = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}/create`,\n                      })\n\n                      hasCreatePermission = permissions?.collections?.[slug]?.create\n                    }\n\n                    // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison\n                    if (type === EntityType.global) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:editLabel', {\n                        label: getTranslation(label, i18n),\n                      })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/globals/${slug}`,\n                      })\n\n                      // Find the lock status for the global\n                      const globalLockData = globalData.find((global) => global.slug === slug)\n                      if (globalLockData) {\n                        isLocked = globalLockData.data._isLocked\n                        userEditing = globalLockData.data._userEditing\n\n                        // Check if the lock is expired\n                        const lockDuration = globalLockData?.lockDuration\n                        const lastEditedAt = new Date(globalLockData.data?._lastEditedAt).getTime()\n\n                        const lockDurationInMilliseconds = lockDuration * 1000\n                        const lockExpirationTime = lastEditedAt + lockDurationInMilliseconds\n\n                        if (new Date().getTime() > lockExpirationTime) {\n                          isLocked = false\n                          userEditing = null\n                        }\n                      }\n                    }\n\n                    return (\n                      <li key={entityIndex}>\n                        <Card\n                          actions={\n                            isLocked && user?.id !== userEditing?.id ? (\n                              <Locked className={`${baseClass}__locked`} user={userEditing} />\n                            ) : // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison\n                            hasCreatePermission && type === EntityType.collection ? (\n                              <Button\n                                aria-label={t('general:createNewLabel', {\n                                  label,\n                                })}\n                                buttonStyle=\"icon-label\"\n                                el=\"link\"\n                                icon=\"plus\"\n                                iconStyle=\"with-border\"\n                                round\n                                to={createHREF}\n                              />\n                            ) : undefined\n                          }\n                          buttonAriaLabel={buttonAriaLabel}\n                          href={href}\n                          id={`card-${slug}`}\n                          title={getTranslation(label, i18n)}\n                          titleAs=\"h3\"\n                        />\n                      </li>\n                    )\n                  })}\n                </ul>\n              </div>\n            )\n          })\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","EntityType","getAccessResults","formatAdminURL","React","Button","Card","Locked","getGlobalData","getNavGroups","getVisibleEntities","baseClass","CollectionCards","props","i18n","payload","user","req","admin","adminRoute","config","routes","t","permissions","visibleEntities","globalData","navGroups","_jsx","className","length","map","entities","label","groupIndex","_jsxs","slug","type","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","isLocked","userEditing","collection","path","collections","create","global","globalLockData","find","data","_isLocked","_userEditing","lockDuration","lastEditedAt","Date","_lastEditedAt","getTime","lockDurationInMilliseconds","lockExpirationTime","actions","id","buttonStyle","el","icon","iconStyle","round","to","undefined","titleAs"],"sources":["../../../src/widgets/CollectionCards/index.tsx"],"sourcesContent":["import type { WidgetServerProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { EntityType, getAccessResults } from 'payload'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { Card } from '../../elements/Card/index.js'\nimport { Locked } from '../../elements/Locked/index.js'\nimport { getGlobalData } from '../../utilities/getGlobalData.js'\nimport { getNavGroups } from '../../utilities/getNavGroups.js'\nimport { getVisibleEntities } from '../../utilities/getVisibleEntities.js'\nimport './index.scss'\n\nconst baseClass = 'collections'\n\nexport async function CollectionCards(props: WidgetServerProps) {\n  const { i18n, payload, user } = props.req\n  const { admin: adminRoute } = payload.config.routes\n  const { t } = i18n\n  const permissions = await getAccessResults({ req: props.req })\n  const visibleEntities = getVisibleEntities({ req: props.req })\n  const globalData = await getGlobalData(props.req)\n\n  const navGroups = getNavGroups(permissions, visibleEntities, payload.config, i18n)\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        {!navGroups || navGroups?.length === 0 ? (\n          <p>no nav groups....</p>\n        ) : (\n          navGroups.map(({ entities, label }, groupIndex) => {\n            return (\n              <div className={`${baseClass}__group`} key={groupIndex}>\n                <h2 className={`${baseClass}__label`}>{label}</h2>\n                <ul className={`${baseClass}__card-list`}>\n                  {entities.map(({ slug, type, label }, entityIndex) => {\n                    let title: string\n                    let buttonAriaLabel: string\n                    let createHREF: string\n                    let href: string\n                    let hasCreatePermission: boolean\n                    let isLocked = null\n                    let userEditing = null\n\n                    if (type === EntityType.collection) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:showAllLabel', { label: title })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}`,\n                      })\n\n                      createHREF = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}/create`,\n                      })\n\n                      hasCreatePermission = permissions?.collections?.[slug]?.create\n                    }\n\n                    if (type === EntityType.global) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:editLabel', {\n                        label: getTranslation(label, i18n),\n                      })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/globals/${slug}`,\n                      })\n\n                      // Find the lock status for the global\n                      const globalLockData = globalData.find((global) => global.slug === slug)\n                      if (globalLockData) {\n                        isLocked = globalLockData.data._isLocked\n                        userEditing = globalLockData.data._userEditing\n\n                        // Check if the lock is expired\n                        const lockDuration = globalLockData?.lockDuration\n                        const lastEditedAt = new Date(globalLockData.data?._lastEditedAt).getTime()\n\n                        const lockDurationInMilliseconds = lockDuration * 1000\n                        const lockExpirationTime = lastEditedAt + lockDurationInMilliseconds\n\n                        if (new Date().getTime() > lockExpirationTime) {\n                          isLocked = false\n                          userEditing = null\n                        }\n                      }\n                    }\n\n                    return (\n                      <li key={entityIndex}>\n                        <Card\n                          actions={\n                            isLocked && user?.id !== userEditing?.id ? (\n                              <Locked className={`${baseClass}__locked`} user={userEditing} />\n                            ) : hasCreatePermission && type === EntityType.collection ? (\n                              <Button\n                                aria-label={t('general:createNewLabel', {\n                                  label,\n                                })}\n                                buttonStyle=\"icon-label\"\n                                el=\"link\"\n                                icon=\"plus\"\n                                iconStyle=\"with-border\"\n                                round\n                                to={createHREF}\n                              />\n                            ) : undefined\n                          }\n                          buttonAriaLabel={buttonAriaLabel}\n                          href={href}\n                          id={`card-${slug}`}\n                          title={getTranslation(label, i18n)}\n                          titleAs=\"h3\"\n                        />\n                      </li>\n                    )\n                  })}\n                </ul>\n              </div>\n            )\n          })\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "3.84.1",
+  "version": "4.0.0-internal.38b7f1d",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
@@ -135,8 +135,8 @@
     "sonner": "^1.7.2",
     "ts-essentials": "10.0.3",
     "use-context-selector": "2.0.0",
-    "uuid": "11.1.0",
-    "@payloadcms/translations": "3.84.1"
+    "uuid": "14.0.0",
+    "@payloadcms/translations": "4.0.0-internal.38b7f1d"
   },
   "devDependencies": {
     "@babel/cli": "7.27.2",
@@ -145,22 +145,22 @@
     "@babel/preset-react": "7.27.1",
     "@babel/preset-typescript": "7.27.1",
     "@hyrious/esbuild-plugin-commonjs": "0.2.6",
-    "@types/react": "19.2.9",
+    "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "babel-plugin-react-compiler": "19.1.0-rc.3",
     "esbuild": "0.27.1",
     "esbuild-sass-plugin": "3.3.1",
-    "payload": "3.84.1",
-    "@payloadcms/eslint-config": "3.28.0"
+    "@payloadcms/eslint-config": "3.28.0",
+    "payload": "4.0.0-internal.38b7f1d"
   },
   "peerDependencies": {
-    "next": ">=15.2.9 <15.3.0 || >=15.3.9 <15.4.0 || >=15.4.11 <15.5.0 || >=16.2.2 <17.0.0",
+    "next": ">=16.2.6 <17.0.0",
     "react": "^19.0.1 || ^19.1.2 || ^19.2.1",
     "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1",
-    "payload": "3.84.1"
+    "payload": "4.0.0-internal.38b7f1d"
   },
   "engines": {
-    "node": "^18.20.2 || >=20.9.0"
+    "node": ">=24.15.0"
   },
   "scripts": {
     "build": "pnpm build:reactcompiler",

package/dist/elements/AddNewRelation/index.scss

@@ -1,44 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .relationship-add-new {
-    display: flex;
-    align-items: stretch;
-
-    .popup__trigger-wrap {
-      display: flex;
-      align-items: stretch;
-      height: 100%;
-    }
-
-    &__add-button:not(.relationship-add-new__add-button--unstyled),
-    &__add-button:not(.relationship-add-new__add-button--unstyled).doc-drawer__toggler {
-      @include formInput;
-      margin: 0;
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-      position: relative;
-      height: 100%;
-      margin-left: -1px;
-      display: flex;
-      padding: 0 base(0.5);
-      align-items: center;
-      display: flex;
-      cursor: pointer;
-    }
-
-    &__add-button {
-      margin: 0;
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-      position: relative;
-      height: 100%;
-      margin-left: -1px;
-      display: flex;
-      padding: 0 base(0.5);
-      align-items: center;
-      display: flex;
-      cursor: pointer;
-    }
-  }
-}