@payloadcms/ui 4.0.0-internal.f11981a → 4.0.0-internal.f15737c

package/dist/views/HierarchyList/getHierarchyListURL.js

@@ -0,0 +1,22 @@
+import { formatAdminURL } from 'payload/shared';
+import * as qs from 'qs-esm';
+export const getHierarchyListURL = ({
+  adminRoute,
+  collectionSlug,
+  parentFieldName = 'parent',
+  parentID
+}) => {
+  const query = qs.stringify({
+    ...(parentID !== undefined ? {
+      [parentFieldName]: parentID
+    } : {}),
+    view: 'hierarchy'
+  }, {
+    addQueryPrefix: true
+  });
+  return formatAdminURL({
+    adminRoute,
+    path: `/collections/${collectionSlug}${query}`
+  });
+};
+//# sourceMappingURL=getHierarchyListURL.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getHierarchyListURL.js","names":["formatAdminURL","qs","getHierarchyListURL","adminRoute","collectionSlug","parentFieldName","parentID","query","stringify","undefined","view","addQueryPrefix","path"],"sources":["../../../src/views/HierarchyList/getHierarchyListURL.ts"],"sourcesContent":["import { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\n\nexport const getHierarchyListURL = ({\n  adminRoute,\n  collectionSlug,\n  parentFieldName = 'parent',\n  parentID,\n}: {\n  adminRoute: string\n  collectionSlug: string\n  parentFieldName?: string\n  parentID?: number | string\n}): string => {\n  const query = qs.stringify(\n    {\n      ...(parentID !== undefined ? { [parentFieldName]: parentID } : {}),\n      view: 'hierarchy',\n    },\n    { addQueryPrefix: true },\n  )\n\n  return formatAdminURL({\n    adminRoute,\n    path: `/collections/${collectionSlug}${query}`,\n  })\n}\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ;AAC/B,YAAYC,EAAA,MAAQ;AAEpB,OAAO,MAAMC,mBAAA,GAAsBA,CAAC;EAClCC,UAAU;EACVC,cAAc;EACdC,eAAA,GAAkB,QAAQ;EAC1BC;AAAQ,CAMT;EACC,MAAMC,KAAA,GAAQN,EAAA,CAAGO,SAAS,CACxB;IACE,IAAIF,QAAA,KAAaG,SAAA,GAAY;MAAE,CAACJ,eAAA,GAAkBC;IAAS,IAAI,CAAC,CAAC;IACjEI,IAAA,EAAM;EACR,GACA;IAAEC,cAAA,EAAgB;EAAK;EAGzB,OAAOX,cAAA,CAAe;IACpBG,UAAA;IACAS,IAAA,EAAM,gBAAgBR,cAAA,GAAiBG,KAAA;EACzC;AACF","ignoreList":[]}

package/dist/views/HierarchyList/index.css

@@ -52,6 +52,7 @@
     margin: 0;
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .hierarchy-list {
       margin-top: var(--spacer-1);

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

@@ -1 +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;AAKlD,OAAO,KAAoD,MAAM,OAAO,CAAA;AAsBxE,OAAO,aAAa,CAAA;AAIpB,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,mBAAmB,qBAgX3D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/HierarchyList/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAyB,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAIzE,OAAO,KAA8D,MAAM,OAAO,CAAA;AA0BlF,OAAO,aAAa,CAAA;AAIpB,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,mBAAmB,qBAsY3D"}

package/dist/views/HierarchyList/index.js

@@ -2,10 +2,10 @@
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { formatAdminURL } from 'payload/shared';
 import * as qs from 'qs-esm';
-import React, { Fragment, useCallback, useEffect, useMemo } from 'react';
+import React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
 import { CreateDocumentButton } from '../../elements/CreateDocumentButton/index.js';
+import { LayoutToggle } from '../../elements/LayoutToggle/index.js';
 import { ListControlsBar } from '../../elements/ListControlsBar/index.js';
 import { useListDrawerContext } from '../../elements/ListDrawer/Provider.js';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
@@ -15,10 +15,12 @@ import { ViewDescription } from '../../elements/ViewDescription/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { DocumentSelectionProvider } from '../../providers/DocumentSelection/index.js';
 import { useHierarchy } from '../../providers/Hierarchy/index.js';
+import { usePreferences } from '../../providers/Preferences/index.js';
 import { useRouteCache } from '../../providers/RouteCache/index.js';
 import { useRouter, useSearchParams } from '../../providers/RouterAdapter/index.js';
 import { useRouteTransition } from '../../providers/RouteTransition/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import { getHierarchyListURL } from './getHierarchyListURL.js';
 import { HierarchyListHeader } from './HierarchyListHeader/index.js';
 import { HierarchyTable } from './HierarchyTable/index.js';
 import { TypeFilter } from './TypeFilter/index.js';
@@ -30,7 +32,9 @@ export function HierarchyListView(props) {
     baseFilter,
     BeforeList,
     collectionSlug,
+    currentHierarchyItem,
     Description,
+    documentLayout,
     hasCreatePermission: hasCreatePermissionFromProps,
     hierarchyData,
     HierarchyIcon,
@@ -38,6 +42,10 @@ export function HierarchyListView(props) {
     viewType
   } = props;
   const router = useRouter();
+  const {
+    setPreference
+  } = usePreferences();
+  const [layout, setLayout] = useState(documentLayout ?? 'table');
   const searchParams = useSearchParams();
   const {
     startRouteTransition
@@ -83,6 +91,14 @@ export function HierarchyListView(props) {
     clearRouteCache();
     refreshTree(collectionSlug);
   }, [clearRouteCache, collectionSlug, refreshTree]);
+  const handleLayoutChange = async nextLayout => {
+    setLayout(nextLayout);
+    await setPreference(`collection-${collectionSlug}`, preferences => ({
+      ...(preferences ?? {}),
+      documentLayout: nextLayout
+    }));
+    router.refresh();
+  };
   // Get search from URL params
   const searchFromURL = searchParams.get('search') || '';
   // Update URL when search changes (debouncing is handled by ListSearchFilter)
@@ -110,23 +126,25 @@ export function HierarchyListView(props) {
   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) || [];
+      // The trail ends with the current item as plain text rather than a link back to itself.
+      const breadcrumbs = hierarchyData?.breadcrumbs || [];
       const baseLabel = {
         label: collectionLabel,
-        url: formatAdminURL({
+        url: getHierarchyListURL({
           adminRoute,
-          path: `/collections/${collectionSlug}`
+          collectionSlug
         })
       };
       let navItems = [baseLabel];
-      if (ancestorBreadcrumbs.length > 0) {
-        const queryParam = parentFieldName || 'parent';
-        const hierarchyBreadcrumbs = ancestorBreadcrumbs.map(crumb => ({
+      if (breadcrumbs.length > 0) {
+        const lastIndex = breadcrumbs.length - 1;
+        const hierarchyBreadcrumbs = breadcrumbs.map((crumb, index) => ({
           label: crumb.title,
-          url: formatAdminURL({
+          url: index === lastIndex ? undefined : getHierarchyListURL({
             adminRoute,
-            path: `/collections/${collectionSlug}?${queryParam}=${crumb.id}`
+            collectionSlug,
+            parentFieldName,
+            parentID: crumb.id
           })
         }));
         navItems = [...navItems, ...hierarchyBreadcrumbs];
@@ -253,6 +271,7 @@ export function HierarchyListView(props) {
           className: `${baseClass}__wrap`,
           children: [/*#__PURE__*/_jsx(HierarchyListHeader, {
             collectionConfig: collectionConfig,
+            currentItemId: parentId,
             currentItemTitle: currentItemTitle,
             Description: /*#__PURE__*/_jsxs(React.Fragment, {
               children: [hierarchyData.allowedCollections && hierarchyData.allowedCollections.length > 0 && /*#__PURE__*/_jsxs("div", {
@@ -269,6 +288,7 @@ export function HierarchyListView(props) {
                 })
               }) : null]
             }),
+            hasUpdatePermission: currentHierarchyItem?.hasUpdatePermission,
             HierarchyIcon: HierarchyIcon,
             i18n: i18n,
             viewType: viewType
@@ -293,6 +313,9 @@ export function HierarchyListView(props) {
               collections: collections,
               drawerSlug: `hierarchy-create-${collectionSlug}`,
               onSave: handleSave
+            }), !isInDrawer && /*#__PURE__*/_jsx(LayoutToggle, {
+              layout: layout,
+              onChange: handleLayoutChange
             })]
           }), /*#__PURE__*/_jsx(HierarchyTable, {
             baseFilter: baseFilter,
@@ -302,6 +325,7 @@ export function HierarchyListView(props) {
             hasCreatePermission: hasCreatePermission,
             HierarchyIcon: HierarchySmallIcon ?? HierarchyIcon,
             hierarchyLabel: collectionLabel,
+            layout: layout,
             parentFieldName: parentFieldName,
             parentId: parentId,
             relatedGroups: filteredRelatedGroups,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","qs","React","Fragment","useCallback","useEffect","useMemo","CreateDocumentButton","ListControlsBar","useListDrawerContext","RenderCustomComponent","ListSearchFilter","useStepNav","ViewDescription","useConfig","DocumentSelectionProvider","useHierarchy","useRouteCache","useRouter","useSearchParams","useRouteTransition","useTranslation","HierarchyListHeader","HierarchyTable","TypeFilter","baseClass","HierarchyListView","props","AfterList","baseFilter","BeforeList","collectionSlug","Description","hasCreatePermission","hasCreatePermissionFromProps","hierarchyData","HierarchyIcon","HierarchySmallIcon","viewType","router","searchParams","startRouteTransition","allowCreate","isInDrawer","undefined","config","routes","admin","adminRoute","getEntityConfig","collectionConfig","labels","hierarchyConfig","hierarchy","parentFieldName","i18n","t","collectionLabel","plural","setStepNav","parent","refreshTree","clearRouteCache","handleSave","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","url","path","navItems","queryParam","hierarchyBreadcrumbs","map","crumb","id","parentId","allowedCollections","collections","hierarchyInitialData","collectionSpecificFieldName","collectionSpecific","fieldName","parentCollectionSpecificValues","push","initialData","Object","keys","slug","relatedConfig","entries","relatedCollections","some","c","fieldValue","hasMany","typeOptions","options","typeFilterFromURL","selectedTypes","split","opt","handleTypeFilterChange","values","allSelected","typeFilter","join","filteredChildrenData","childrenData","filteredRelatedGroups","relatedDocumentsByCollection","filter","includes","related","data","result","collectionData","docs","fromEntries","_jsx","_jsxs","className","description","CustomComponent","Fallback","useAsTitle","onSearchChange","searchQueryParam","onChange","selectedValues","buttonStyle","drawerSlug","onSave","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 { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { Fragment, useCallback, useEffect, useMemo } from 'react'\n\nimport type { CollectionOption } from '../../elements/CreateDocumentButton/index.js'\nimport type { StepNavItem } from '../../elements/StepNav/index.js'\n\nimport { CreateDocumentButton } from '../../elements/CreateDocumentButton/index.js'\nimport { ListControlsBar } from '../../elements/ListControlsBar/index.js'\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { ListSearchFilter } from '../../elements/Search/ListSearchFilter/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { ViewDescription } from '../../elements/ViewDescription/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentSelectionProvider } from '../../providers/DocumentSelection/index.js'\nimport { useHierarchy } from '../../providers/Hierarchy/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouter, useSearchParams } from '../../providers/RouterAdapter/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.css'\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    HierarchySmallIcon,\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 hierarchyConfig =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy\n      : undefined\n  const parentFieldName = hierarchyConfig?.parentFieldName\n\n  const { i18n, t } = useTranslation()\n  const collectionLabel = getTranslation(labels?.plural, i18n)\n\n  const { setStepNav } = useStepNav()\n  const { parent, refreshTree } = useHierarchy()\n  const { clearRouteCache } = useRouteCache()\n\n  // Callback for when a new document is created\n  const handleSave = useCallback(() => {\n    clearRouteCache()\n    refreshTree(collectionSlug)\n  }, [clearRouteCache, collectionSlug, refreshTree])\n\n  // Get search from URL params\n  const searchFromURL = searchParams.get('search') || ''\n\n  // Update URL when search changes (debouncing is handled by ListSearchFilter)\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: collectionLabel,\n        url: formatAdminURL({\n          adminRoute,\n          path: `/collections/${collectionSlug}`,\n        }),\n      }\n\n      let navItems = [baseLabel]\n\n      if (ancestorBreadcrumbs.length > 0) {\n        const queryParam = parentFieldName || 'parent'\n        const hierarchyBreadcrumbs: StepNavItem[] = ancestorBreadcrumbs.map((crumb) => ({\n          label: crumb.title,\n          url: formatAdminURL({\n            adminRoute,\n            path: `/collections/${collectionSlug}?${queryParam}=${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    parentFieldName,\n  ])\n\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  const typeFilterFromURL = searchParams.get('typeFilter')\n  const selectedTypes = useMemo(\n    () => (typeFilterFromURL ? typeFilterFromURL.split(',') : typeOptions.map((opt) => opt.value)),\n    [typeFilterFromURL, typeOptions],\n  )\n\n  // Update URL when type filter changes\n  const handleTypeFilterChange = useCallback(\n    (values: string[]) => {\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        fieldName: related.fieldName,\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          <div className={`${baseClass}__wrap`}>\n            <HierarchyListHeader\n              collectionConfig={collectionConfig}\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              HierarchyIcon={HierarchyIcon}\n              i18n={i18n}\n              viewType={viewType}\n            />\n\n            <ListControlsBar className={`${baseClass}__controls`}>\n              <div className={`${baseClass}__controls-left`}>\n                <ListSearchFilter\n                  label={t('general:searchBy', {\n                    label: getTranslation(collectionConfig?.admin?.useAsTitle || 'id', i18n),\n                  })}\n                  onSearchChange={handleSearchChange}\n                  searchQueryParam={searchFromURL}\n                />\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              </div>\n              {hasCreatePermission && collections.length > 0 && (\n                <CreateDocumentButton\n                  buttonStyle=\"primary\"\n                  collections={collections}\n                  drawerSlug={`hierarchy-create-${collectionSlug}`}\n                  onSave={handleSave}\n                />\n              )}\n            </ListControlsBar>\n\n            <HierarchyTable\n              baseFilter={baseFilter}\n              childrenData={filteredChildrenData}\n              collections={collections}\n              collectionSlug={collectionSlug}\n              hasCreatePermission={hasCreatePermission}\n              HierarchyIcon={HierarchySmallIcon ?? 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          </div>\n        </DocumentSelectionProvider>\n        {AfterList}\n      </div>\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","qs","React","Fragment","useCallback","useEffect","useMemo","useState","CreateDocumentButton","LayoutToggle","ListControlsBar","useListDrawerContext","RenderCustomComponent","ListSearchFilter","useStepNav","ViewDescription","useConfig","DocumentSelectionProvider","useHierarchy","usePreferences","useRouteCache","useRouter","useSearchParams","useRouteTransition","useTranslation","getHierarchyListURL","HierarchyListHeader","HierarchyTable","TypeFilter","baseClass","HierarchyListView","props","AfterList","baseFilter","BeforeList","collectionSlug","currentHierarchyItem","Description","documentLayout","hasCreatePermission","hasCreatePermissionFromProps","hierarchyData","HierarchyIcon","HierarchySmallIcon","viewType","router","setPreference","layout","setLayout","searchParams","startRouteTransition","allowCreate","isInDrawer","undefined","config","routes","admin","adminRoute","getEntityConfig","collectionConfig","labels","hierarchyConfig","hierarchy","parentFieldName","i18n","t","collectionLabel","plural","setStepNav","parent","refreshTree","clearRouteCache","handleSave","handleLayoutChange","nextLayout","preferences","refresh","searchFromURL","get","handleSearchChange","value","currentParams","forEach","v","k","search","queryString","stringify","addQueryPrefix","newUrl","window","location","pathname","replace","currentItemTitle","breadcrumbs","length","title","baseLabel","label","url","navItems","lastIndex","hierarchyBreadcrumbs","map","crumb","index","parentID","id","parentId","allowedCollections","collections","hierarchyInitialData","collectionSpecificFieldName","collectionSpecific","fieldName","parentCollectionSpecificValues","push","initialData","Object","keys","slug","relatedConfig","entries","relatedCollections","some","c","fieldValue","hasMany","typeOptions","options","typeFilterFromURL","selectedTypes","split","opt","handleTypeFilterChange","values","allSelected","typeFilter","join","filteredChildrenData","childrenData","filteredRelatedGroups","relatedDocumentsByCollection","filter","includes","related","data","result","collectionData","docs","fromEntries","_jsx","_jsxs","className","currentItemId","description","CustomComponent","Fallback","hasUpdatePermission","useAsTitle","onSearchChange","searchQueryParam","onChange","selectedValues","buttonStyle","drawerSlug","onSave","hierarchyLabel","relatedGroups","JSON","totalDocs","r"],"sources":["../../../src/views/HierarchyList/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionPreferences, ListViewClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\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 { DocumentLayout } from '../../elements/LayoutToggle/index.js'\nimport type { StepNavItem } from '../../elements/StepNav/index.js'\n\nimport { CreateDocumentButton } from '../../elements/CreateDocumentButton/index.js'\nimport { LayoutToggle } from '../../elements/LayoutToggle/index.js'\nimport { ListControlsBar } from '../../elements/ListControlsBar/index.js'\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { ListSearchFilter } from '../../elements/Search/ListSearchFilter/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { ViewDescription } from '../../elements/ViewDescription/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentSelectionProvider } from '../../providers/DocumentSelection/index.js'\nimport { useHierarchy } from '../../providers/Hierarchy/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouter, useSearchParams } from '../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { getHierarchyListURL } from './getHierarchyListURL.js'\nimport { HierarchyListHeader } from './HierarchyListHeader/index.js'\nimport { HierarchyTable } from './HierarchyTable/index.js'\nimport { TypeFilter } from './TypeFilter/index.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-list'\n\nexport function HierarchyListView(props: ListViewClientProps) {\n  const {\n    AfterList,\n    baseFilter,\n    BeforeList,\n    collectionSlug,\n    currentHierarchyItem,\n    Description,\n    documentLayout,\n    hasCreatePermission: hasCreatePermissionFromProps,\n    hierarchyData,\n    HierarchyIcon,\n    HierarchySmallIcon,\n    viewType,\n  } = props\n\n  const router = useRouter()\n  const { setPreference } = usePreferences()\n  const [layout, setLayout] = useState<DocumentLayout>(documentLayout ?? 'table')\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 hierarchyConfig =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy\n      : undefined\n  const parentFieldName = hierarchyConfig?.parentFieldName\n\n  const { i18n, t } = useTranslation()\n  const collectionLabel = getTranslation(labels?.plural, i18n)\n\n  const { setStepNav } = useStepNav()\n  const { parent, refreshTree } = useHierarchy()\n  const { clearRouteCache } = useRouteCache()\n\n  // Callback for when a new document is created\n  const handleSave = useCallback(() => {\n    clearRouteCache()\n    refreshTree(collectionSlug)\n  }, [clearRouteCache, collectionSlug, refreshTree])\n\n  const handleLayoutChange = async (nextLayout: DocumentLayout) => {\n    setLayout(nextLayout)\n    await setPreference<CollectionPreferences>(`collection-${collectionSlug}`, (preferences) => ({\n      ...(preferences ?? {}),\n      documentLayout: nextLayout,\n    }))\n    router.refresh()\n  }\n\n  // Get search from URL params\n  const searchFromURL = searchParams.get('search') || ''\n\n  // Update URL when search changes (debouncing is handled by ListSearchFilter)\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      // The trail ends with the current item as plain text rather than a link back to itself.\n      const breadcrumbs = hierarchyData?.breadcrumbs || []\n\n      const baseLabel: StepNavItem = {\n        label: collectionLabel,\n        url: getHierarchyListURL({\n          adminRoute,\n          collectionSlug,\n        }),\n      }\n\n      let navItems = [baseLabel]\n\n      if (breadcrumbs.length > 0) {\n        const lastIndex = breadcrumbs.length - 1\n        const hierarchyBreadcrumbs: StepNavItem[] = breadcrumbs.map((crumb, index) => ({\n          label: crumb.title,\n          url:\n            index === lastIndex\n              ? undefined\n              : getHierarchyListURL({\n                  adminRoute,\n                  collectionSlug,\n                  parentFieldName,\n                  parentID: 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    parentFieldName,\n  ])\n\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  const typeFilterFromURL = searchParams.get('typeFilter')\n  const selectedTypes = useMemo(\n    () => (typeFilterFromURL ? typeFilterFromURL.split(',') : typeOptions.map((opt) => opt.value)),\n    [typeFilterFromURL, typeOptions],\n  )\n\n  // Update URL when type filter changes\n  const handleTypeFilterChange = useCallback(\n    (values: string[]) => {\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        fieldName: related.fieldName,\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          <div className={`${baseClass}__wrap`}>\n            <HierarchyListHeader\n              collectionConfig={collectionConfig}\n              currentItemId={parentId}\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              hasUpdatePermission={currentHierarchyItem?.hasUpdatePermission}\n              HierarchyIcon={HierarchyIcon}\n              i18n={i18n}\n              viewType={viewType}\n            />\n\n            <ListControlsBar className={`${baseClass}__controls`}>\n              <div className={`${baseClass}__controls-left`}>\n                <ListSearchFilter\n                  label={t('general:searchBy', {\n                    label: getTranslation(collectionConfig?.admin?.useAsTitle || 'id', i18n),\n                  })}\n                  onSearchChange={handleSearchChange}\n                  searchQueryParam={searchFromURL}\n                />\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              </div>\n              {hasCreatePermission && collections.length > 0 && (\n                <CreateDocumentButton\n                  buttonStyle=\"primary\"\n                  collections={collections}\n                  drawerSlug={`hierarchy-create-${collectionSlug}`}\n                  onSave={handleSave}\n                />\n              )}\n              {!isInDrawer && <LayoutToggle layout={layout} onChange={handleLayoutChange} />}\n            </ListControlsBar>\n\n            <HierarchyTable\n              baseFilter={baseFilter}\n              childrenData={filteredChildrenData}\n              collections={collections}\n              collectionSlug={collectionSlug}\n              hasCreatePermission={hasCreatePermission}\n              HierarchyIcon={HierarchySmallIcon ?? 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              layout={layout}\n              parentFieldName={parentFieldName}\n              parentId={parentId}\n              relatedGroups={filteredRelatedGroups}\n              search={searchFromURL}\n              useAsTitle={collectionConfig?.admin?.useAsTitle || 'id'}\n            />\n          </div>\n        </DocumentSelectionProvider>\n        {AfterList}\n      </div>\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+import type { ViewTypes } from 'payload';
+import React from 'react';
+type DocumentGridProps = {
+    readonly adminRoute: string;
+    readonly collectionLabel: string;
+    readonly collectionSlug: string;
+    readonly docs: Record<string, unknown>[];
+    readonly documentURLs?: Record<string, null | string>;
+    readonly enableRowSelections?: boolean;
+    readonly hierarchyParentFieldName?: string;
+    readonly useAsThumbnail?: string;
+    readonly useAsTitle?: string;
+    readonly viewType?: ViewTypes;
+};
+export declare const DocumentGrid: React.FC<DocumentGridProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/List/DocumentGrid/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGxC,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;IACxC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,GAAG,MAAM,CAAC,CAAA;IACrD,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,wBAAwB,CAAC,EAAE,MAAM,CAAA;IAC1C,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAC9B,CAAA;AAqED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6DpD,CAAA"}

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

@@ -0,0 +1,152 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getBestFitFromSizes, isImage } from 'payload/shared';
+import React from 'react';
+import { CardGrid } from '../../../elements/CardGrid/index.js';
+import { DocumentCard } from '../../../elements/DocumentCard/index.js';
+import { DocumentIcon } from '../../../icons/Document/index.js';
+import { useSelection } from '../../../providers/Selection/index.js';
+import { getDocumentListItemURL } from '../getDocumentListItemURL.js';
+const getDocumentID = doc => {
+  const id = doc.id;
+  return typeof id === 'string' || typeof id === 'number' ? String(id) : '';
+};
+const getDocumentTitle = ({
+  doc,
+  useAsTitle
+}) => {
+  const value = useAsTitle ? doc[useAsTitle] : undefined;
+  return typeof value === 'string' || typeof value === 'number' ? String(value) : getDocumentID(doc);
+};
+const getThumbnailDoc = ({
+  doc,
+  useAsThumbnail
+}) => {
+  const thumbnailValue = useAsThumbnail ? doc[useAsThumbnail] : undefined;
+  if (Array.isArray(thumbnailValue)) {
+    return thumbnailValue[0] && typeof thumbnailValue[0] === 'object' ? thumbnailValue[0] : undefined;
+  }
+  if (thumbnailValue && typeof thumbnailValue === 'object') {
+    return thumbnailValue;
+  }
+  return doc;
+};
+const getThumbnail = ({
+  doc,
+  useAsThumbnail
+}) => {
+  const thumbnailDoc = getThumbnailDoc({
+    doc,
+    useAsThumbnail
+  });
+  if (!thumbnailDoc) {
+    return undefined;
+  }
+  const mimeType = typeof thumbnailDoc.mimeType === 'string' ? thumbnailDoc.mimeType : undefined;
+  if (mimeType && isImage(mimeType)) {
+    return getBestFitFromSizes({
+      sizes: thumbnailDoc.sizes,
+      thumbnailURL: thumbnailDoc.thumbnailURL,
+      url: thumbnailDoc.url,
+      width: thumbnailDoc.width
+    });
+  }
+  return typeof thumbnailDoc.thumbnailURL === 'string' ? thumbnailDoc.thumbnailURL : undefined;
+};
+export const DocumentGrid = t0 => {
+  const $ = _c(18);
+  const {
+    adminRoute,
+    collectionLabel,
+    collectionSlug,
+    docs,
+    documentURLs,
+    enableRowSelections: t1,
+    hierarchyParentFieldName,
+    useAsThumbnail,
+    useAsTitle,
+    viewType
+  } = t0;
+  const enableRowSelections = t1 === undefined ? true : t1;
+  const {
+    selected,
+    setSelection
+  } = useSelection();
+  let t2;
+  if ($[0] !== selected) {
+    t2 = doc => {
+      const id = doc.id;
+      return (typeof id === "string" || typeof id === "number") && selected.get(id) ? "card-grid__item--selected" : undefined;
+    };
+    $[0] = selected;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== adminRoute || $[3] !== collectionSlug || $[4] !== documentURLs || $[5] !== enableRowSelections || $[6] !== hierarchyParentFieldName || $[7] !== selected || $[8] !== setSelection || $[9] !== useAsThumbnail || $[10] !== useAsTitle || $[11] !== viewType) {
+    t3 = doc_0 => {
+      const id_0 = doc_0.id;
+      const documentID = getDocumentID(doc_0);
+      const thumbnailSrc = getThumbnail({
+        doc: doc_0,
+        useAsThumbnail
+      });
+      const title = getDocumentTitle({
+        doc: doc_0,
+        useAsTitle
+      });
+      return _jsx(DocumentCard, {
+        href: documentURLs && documentID in documentURLs ? documentURLs[documentID] : getDocumentListItemURL({
+          adminRoute,
+          collectionSlug,
+          documentID,
+          hierarchyParentFieldName,
+          viewType
+        }),
+        isSelected: (typeof id_0 === "string" || typeof id_0 === "number") && Boolean(selected.get(id_0)),
+        onSelect: enableRowSelections && (typeof id_0 === "string" || typeof id_0 === "number") ? () => setSelection(id_0) : undefined,
+        placeholder: _jsx(DocumentIcon, {}),
+        thumbnail: thumbnailSrc ? {
+          alt: title,
+          src: thumbnailSrc
+        } : undefined,
+        title
+      });
+    };
+    $[2] = adminRoute;
+    $[3] = collectionSlug;
+    $[4] = documentURLs;
+    $[5] = enableRowSelections;
+    $[6] = hierarchyParentFieldName;
+    $[7] = selected;
+    $[8] = setSelection;
+    $[9] = useAsThumbnail;
+    $[10] = useAsTitle;
+    $[11] = viewType;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  let t4;
+  if ($[13] !== collectionLabel || $[14] !== docs || $[15] !== t2 || $[16] !== t3) {
+    t4 = _jsx(CardGrid, {
+      ariaLabel: collectionLabel,
+      getItemClassName: t2,
+      getKey: getDocumentID,
+      items: docs,
+      renderItem: t3
+    });
+    $[13] = collectionLabel;
+    $[14] = docs;
+    $[15] = t2;
+    $[16] = t3;
+    $[17] = t4;
+  } else {
+    t4 = $[17];
+  }
+  return t4;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getBestFitFromSizes","isImage","React","CardGrid","DocumentCard","DocumentIcon","useSelection","getDocumentListItemURL","getDocumentID","doc","id","String","getDocumentTitle","useAsTitle","value","undefined","getThumbnailDoc","useAsThumbnail","thumbnailValue","Array","isArray","getThumbnail","thumbnailDoc","mimeType","sizes","thumbnailURL","url","width","DocumentGrid","t0","$","adminRoute","collectionLabel","collectionSlug","docs","documentURLs","enableRowSelections","t1","hierarchyParentFieldName","viewType","selected","setSelection","t2","get","t3","doc_0","id_0","documentID","thumbnailSrc","title","_jsx","href","isSelected","Boolean","onSelect","placeholder","thumbnail","alt","src","t4","ariaLabel","getItemClassName","getKey","items","renderItem"],"sources":["../../../../src/views/List/DocumentGrid/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ViewTypes } from 'payload'\n\nimport { getBestFitFromSizes, isImage } from 'payload/shared'\nimport React from 'react'\n\nimport { CardGrid } from '../../../elements/CardGrid/index.js'\nimport { DocumentCard } from '../../../elements/DocumentCard/index.js'\nimport { DocumentIcon } from '../../../icons/Document/index.js'\nimport { useSelection } from '../../../providers/Selection/index.js'\nimport { getDocumentListItemURL } from '../getDocumentListItemURL.js'\n\ntype DocumentGridProps = {\n  readonly adminRoute: string\n  readonly collectionLabel: string\n  readonly collectionSlug: string\n  readonly docs: Record<string, unknown>[]\n  readonly documentURLs?: Record<string, null | string>\n  readonly enableRowSelections?: boolean\n  readonly hierarchyParentFieldName?: string\n  readonly useAsThumbnail?: string\n  readonly useAsTitle?: string\n  readonly viewType?: ViewTypes\n}\n\nconst getDocumentID = (doc: Record<string, unknown>): string => {\n  const id = doc.id\n\n  return typeof id === 'string' || typeof id === 'number' ? String(id) : ''\n}\n\nconst getDocumentTitle = ({\n  doc,\n  useAsTitle,\n}: {\n  doc: Record<string, unknown>\n  useAsTitle?: string\n}) => {\n  const value = useAsTitle ? doc[useAsTitle] : undefined\n\n  return typeof value === 'string' || typeof value === 'number' ? String(value) : getDocumentID(doc)\n}\n\nconst getThumbnailDoc = ({\n  doc,\n  useAsThumbnail,\n}: {\n  doc: Record<string, unknown>\n  useAsThumbnail?: string\n}) => {\n  const thumbnailValue = useAsThumbnail ? doc[useAsThumbnail] : undefined\n\n  if (Array.isArray(thumbnailValue)) {\n    return thumbnailValue[0] && typeof thumbnailValue[0] === 'object'\n      ? (thumbnailValue[0] as Record<string, unknown>)\n      : undefined\n  }\n\n  if (thumbnailValue && typeof thumbnailValue === 'object') {\n    return thumbnailValue as Record<string, unknown>\n  }\n\n  return doc\n}\n\nconst getThumbnail = ({\n  doc,\n  useAsThumbnail,\n}: {\n  doc: Record<string, unknown>\n  useAsThumbnail?: string\n}) => {\n  const thumbnailDoc = getThumbnailDoc({ doc, useAsThumbnail })\n\n  if (!thumbnailDoc) {\n    return undefined\n  }\n\n  const mimeType = typeof thumbnailDoc.mimeType === 'string' ? thumbnailDoc.mimeType : undefined\n\n  if (mimeType && isImage(mimeType)) {\n    return getBestFitFromSizes({\n      sizes: thumbnailDoc.sizes as Record<string, { url?: string; width?: number }>,\n      thumbnailURL: thumbnailDoc.thumbnailURL as string,\n      url: thumbnailDoc.url as string,\n      width: thumbnailDoc.width as number,\n    })\n  }\n\n  return typeof thumbnailDoc.thumbnailURL === 'string' ? thumbnailDoc.thumbnailURL : undefined\n}\n\nexport const DocumentGrid: React.FC<DocumentGridProps> = ({\n  adminRoute,\n  collectionLabel,\n  collectionSlug,\n  docs,\n  documentURLs,\n  enableRowSelections = true,\n  hierarchyParentFieldName,\n  useAsThumbnail,\n  useAsTitle,\n  viewType,\n}) => {\n  const { selected, setSelection } = useSelection()\n\n  return (\n    <CardGrid\n      ariaLabel={collectionLabel}\n      getItemClassName={(doc) => {\n        const id = doc.id\n\n        return (typeof id === 'string' || typeof id === 'number') && selected.get(id)\n          ? 'card-grid__item--selected'\n          : undefined\n      }}\n      getKey={getDocumentID}\n      items={docs}\n      renderItem={(doc) => {\n        const id = doc.id\n        const documentID = getDocumentID(doc)\n        const thumbnailSrc = getThumbnail({ doc, useAsThumbnail })\n        const title = getDocumentTitle({ doc, useAsTitle })\n\n        return (\n          <DocumentCard\n            href={\n              documentURLs && documentID in documentURLs\n                ? documentURLs[documentID]\n                : getDocumentListItemURL({\n                    adminRoute,\n                    collectionSlug,\n                    documentID,\n                    hierarchyParentFieldName,\n                    viewType,\n                  })\n            }\n            isSelected={\n              (typeof id === 'string' || typeof id === 'number') && Boolean(selected.get(id))\n            }\n            onSelect={\n              enableRowSelections && (typeof id === 'string' || typeof id === 'number')\n                ? () => setSelection(id)\n                : undefined\n            }\n            placeholder={<DocumentIcon />}\n            thumbnail={thumbnailSrc ? { alt: title, src: thumbnailSrc } : undefined}\n            title={title}\n          />\n        )\n      }}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/List/GroupedDocumentGrid/index.css

@@ -0,0 +1,17 @@
+@layer payload-default {
+  .table-wrap--group-by-grid .table-section__heading {
+    color: var(--color-text-primary, var(--color-text));
+  }
+
+  .table-section.table-wrap--group-by.table-wrap--group-by-grid > .table-section__divider {
+    display: none;
+  }
+
+  .table-wrap--group-by-grid .table-section__header-inner {
+    border-block-end-color: transparent;
+  }
+
+  .table-wrap--group-by-grid .card-grid {
+    padding-block: 0;
+  }
+}

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

@@ -0,0 +1,14 @@
+import type { ListViewGroup, ViewTypes } from 'payload';
+import React from 'react';
+import './index.css';
+type GroupedDocumentGridProps = {
+    readonly collectionSlug: string;
+    readonly documentURLs?: Record<string, null | string>;
+    readonly enableRowSelections?: boolean;
+    readonly groups: ListViewGroup[];
+    readonly hierarchyParentFieldName?: string;
+    readonly viewType?: ViewTypes;
+};
+export declare const GroupedDocumentGrid: React.FC<GroupedDocumentGridProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/List/GroupedDocumentGrid/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,aAAa,CAAA;AAEpB,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,GAAG,MAAM,CAAC,CAAA;IACrD,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,MAAM,EAAE,aAAa,EAAE,CAAA;IAChC,QAAQ,CAAC,wBAAwB,CAAC,EAAE,MAAM,CAAA;IAC1C,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAuDlE,CAAA"}