@payloadcms/ui 4.0.0-internal.d28e9fb → 4.0.0-internal.d7d662c

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

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

@@ -0,0 +1,99 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { GroupByPageControls } from '../../../elements/PageControls/GroupByPageControls.js';
+import { TableSection } from '../../../elements/TableSection/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useListQuery } from '../../../providers/ListQuery/index.js';
+import { SelectionProvider } from '../../../providers/Selection/index.js';
+import { DocumentGrid } from '../DocumentGrid/index.js';
+import { GroupByHeader } from '../GroupByHeader/index.js';
+import './index.css';
+export const GroupedDocumentGrid = t0 => {
+  const $ = _c(10);
+  const {
+    collectionSlug,
+    documentURLs,
+    enableRowSelections,
+    groups,
+    hierarchyParentFieldName,
+    viewType
+  } = t0;
+  const {
+    config: t1,
+    getEntityConfig
+  } = useConfig();
+  const {
+    routes: t2
+  } = t1;
+  const {
+    admin: adminRoute
+  } = t2;
+  const {
+    query
+  } = useListQuery();
+  let t3;
+  if ($[0] !== adminRoute || $[1] !== collectionSlug || $[2] !== documentURLs || $[3] !== enableRowSelections || $[4] !== getEntityConfig || $[5] !== groups || $[6] !== hierarchyParentFieldName || $[7] !== query?.groupBy || $[8] !== viewType) {
+    const collectionConfig = getEntityConfig({
+      collectionSlug
+    });
+    const groupByFieldPath = query?.groupBy?.replace(/^-/, "") ?? "";
+    t3 = groups.map(t4 => {
+      const {
+        data,
+        heading,
+        value
+      } = t4;
+      return _jsx(TableSection, {
+        className: "table-wrap table-wrap--group-by table-wrap--group-by-grid",
+        "data-group-id": value,
+        children: _jsxs(SelectionProvider, {
+          docs: data.docs,
+          totalDocs: data.totalDocs,
+          children: [_jsxs(TableSection.Header, {
+            heading,
+            children: [_jsx(GroupByHeader, {
+              collectionConfig,
+              groupByFieldPath,
+              groupByValue: value,
+              heading
+            }), _jsx(GroupByPageControls, {
+              data,
+              groupByValue: value,
+              tableId: `payload-table-${collectionSlug}-${encodeURIComponent(value)}`
+            })]
+          }), _jsx(TableSection.Content, {
+            children: _jsx(DocumentGrid, {
+              adminRoute,
+              collectionLabel: heading,
+              collectionSlug,
+              docs: data.docs,
+              documentURLs,
+              enableRowSelections,
+              hierarchyParentFieldName,
+              useAsThumbnail: collectionConfig.admin.useAsThumbnail,
+              useAsTitle: collectionConfig.admin.useAsTitle,
+              viewType
+            })
+          })]
+        })
+      }, value);
+    });
+    $[0] = adminRoute;
+    $[1] = collectionSlug;
+    $[2] = documentURLs;
+    $[3] = enableRowSelections;
+    $[4] = getEntityConfig;
+    $[5] = groups;
+    $[6] = hierarchyParentFieldName;
+    $[7] = query?.groupBy;
+    $[8] = viewType;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","GroupByPageControls","TableSection","useConfig","useListQuery","SelectionProvider","DocumentGrid","GroupByHeader","GroupedDocumentGrid","t0","$","collectionSlug","documentURLs","enableRowSelections","groups","hierarchyParentFieldName","viewType","config","t1","getEntityConfig","routes","t2","admin","adminRoute","query","t3","groupBy","collectionConfig","groupByFieldPath","replace","map","t4","data","heading","value","_jsx","className","children","_jsxs","docs","totalDocs","Header","groupByValue","tableId","encodeURIComponent","Content","collectionLabel","useAsThumbnail","useAsTitle"],"sources":["../../../../src/views/List/GroupedDocumentGrid/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ListViewGroup, ViewTypes } from 'payload'\n\nimport React from 'react'\n\nimport { GroupByPageControls } from '../../../elements/PageControls/GroupByPageControls.js'\nimport { TableSection } from '../../../elements/TableSection/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useListQuery } from '../../../providers/ListQuery/index.js'\nimport { SelectionProvider } from '../../../providers/Selection/index.js'\nimport { DocumentGrid } from '../DocumentGrid/index.js'\nimport { GroupByHeader } from '../GroupByHeader/index.js'\nimport './index.css'\n\ntype GroupedDocumentGridProps = {\n  readonly collectionSlug: string\n  readonly documentURLs?: Record<string, null | string>\n  readonly enableRowSelections?: boolean\n  readonly groups: ListViewGroup[]\n  readonly hierarchyParentFieldName?: string\n  readonly viewType?: ViewTypes\n}\n\nexport const GroupedDocumentGrid: React.FC<GroupedDocumentGridProps> = ({\n  collectionSlug,\n  documentURLs,\n  enableRowSelections,\n  groups,\n  hierarchyParentFieldName,\n  viewType,\n}) => {\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n  const { query } = useListQuery()\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const groupByFieldPath = query?.groupBy?.replace(/^-/, '') ?? ''\n\n  return groups.map(({ data, heading, value }) => (\n    <TableSection\n      className=\"table-wrap table-wrap--group-by table-wrap--group-by-grid\"\n      data-group-id={value}\n      key={value}\n    >\n      <SelectionProvider docs={data.docs} totalDocs={data.totalDocs}>\n        <TableSection.Header heading={heading}>\n          <GroupByHeader\n            collectionConfig={collectionConfig}\n            groupByFieldPath={groupByFieldPath}\n            groupByValue={value}\n            heading={heading}\n          />\n          <GroupByPageControls\n            data={data}\n            groupByValue={value}\n            tableId={`payload-table-${collectionSlug}-${encodeURIComponent(value)}`}\n          />\n        </TableSection.Header>\n        <TableSection.Content>\n          <DocumentGrid\n            adminRoute={adminRoute}\n            collectionLabel={heading}\n            collectionSlug={collectionSlug}\n            docs={data.docs}\n            documentURLs={documentURLs}\n            enableRowSelections={enableRowSelections}\n            hierarchyParentFieldName={hierarchyParentFieldName}\n            useAsThumbnail={collectionConfig.admin.useAsThumbnail}\n            useAsTitle={collectionConfig.admin.useAsTitle}\n            viewType={viewType}\n          />\n        </TableSection.Content>\n      </SelectionProvider>\n    </TableSection>\n  ))\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,57 @@
+@layer payload-default {
+  .list-drawer__header {
+    margin-top: var(--spacer-6);
+    width: 100%;
+  }
+
+  .list-drawer__select-collection-wrap {
+    margin-top: var(--spacer-3);
+
+    .field-label {
+      margin-bottom: var(--spacer-2);
+      display: block;
+    }
+  }
+
+  /* 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) {
+    .list-drawer__header {
+      margin-top: var(--spacer-5);
+    }
+
+    .list-drawer .collection-list__header {
+      margin-bottom: var(--spacer-2);
+    }
+
+    .list-drawer__select-collection-wrap {
+      margin-top: var(--spacer-2);
+    }
+  }
+
+  .drawer .list-drawer__header {
+    margin-top: 0;
+    align-items: center;
+    padding: var(--spacer-2-5) var(--spacer-3) var(--spacer-2-5) var(--spacer-2);
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
+    background: var(--color-bg);
+
+    .list-header__title-and-actions {
+      align-items: center;
+      gap: var(--spacer-1);
+      width: 100%;
+    }
+
+    .list-header__title {
+      flex: 1 0 0;
+      min-width: 0;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      color: var(--color-text);
+      font-size: var(--text-body-medium-bold-font-size);
+      font-weight: var(--text-body-medium-bold-font-weight);
+      line-height: var(--text-body-medium-bold-line-height);
+      letter-spacing: var(--text-body-medium-bold-letter-spacing);
+    }
+  }
+}

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

@@ -1,32 +1,24 @@
-import type { I18nClient, TFunction } from '@payloadcms/translations';
-import type { ClientCollectionConfig, ViewTypes } from 'payload';
+import type { I18nClient } from '@payloadcms/translations';
+import type { ClientCollectionConfig, CurrentHierarchyItem, ViewTypes } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 export type ListHeaderProps = {
     Actions?: React.ReactNode[];
     className?: string;
     collectionConfig: ClientCollectionConfig;
+    currentHierarchyItem?: CurrentHierarchyItem;
     Description?: React.ReactNode;
     disableBulkDelete?: boolean;
     disableBulkEdit?: boolean;
+    enableRowSelections?: boolean;
     hasCreatePermission: boolean;
     hasDeletePermission?: boolean;
     hasTrashPermission?: boolean;
     i18n: I18nClient;
     isBulkUploadEnabled: boolean;
-    isTrashEnabled?: boolean;
     newDocumentURL: string;
     onBulkUploadSuccess?: () => void;
-    /** @deprecated This prop will be removed in the next major version.
-     *
-     * Opening of the bulk upload modal is handled internally.
-     *
-     * Prefer `onBulkUploadSuccess` usage to handle the success of the bulk upload.
-     */
-    openBulkUpload: () => void;
     smallBreak: boolean;
-    /** @deprecated This prop will be removed in the next major version. */
-    t?: TFunction;
     TitleActions?: React.ReactNode[];
     viewType?: ViewTypes;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/List/ListHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGhE,OAAO,KAAK,MAAM,OAAO,CAAA;AAgBzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,IAAI,EAAE,UAAU,CAAA;IAChB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC;;;;;OAKG;IACH,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,UAAU,EAAE,OAAO,CAAA;IACnB,uEAAuE;IACvE,CAAC,CAAC,EAAE,SAAS,CAAA;IACb,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6G1D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/List/ListHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGtF,OAAO,KAAK,MAAM,OAAO,CAAA;AAgBzB,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,mBAAmB,EAAE,OAAO,CAAA;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,IAAI,EAAE,UAAU,CAAA;IAChB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,cAAc,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwG1D,CAAA"}

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

@@ -3,31 +3,31 @@ import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { CloseModalButton } from '../../../elements/CloseModalButton/index.js';
 import { DefaultListViewTabs } from '../../../elements/DefaultListViewTabs/index.js';
+import { HierarchyEditButton } from '../../../elements/Hierarchy/EditButton/index.js';
 import { useListDrawerContext } from '../../../elements/ListDrawer/Provider.js';
 import { DrawerRelationshipSelect } from '../../../elements/ListHeader/DrawerRelationshipSelect/index.js';
-import { ListDrawerCreateNewDocButton } from '../../../elements/ListHeader/DrawerTitleActions/index.js';
+import { ListDrawerConfirmSelectionButton, ListDrawerCreateNewDocButton } from '../../../elements/ListHeader/DrawerTitleActions/index.js';
 import { ListHeader } from '../../../elements/ListHeader/index.js';
-import { ListBulkUploadButton, ListCreateNewButton, ListEmptyTrashButton } from '../../../elements/ListHeader/TitleActions/index.js';
+import { ListBulkUploadButton } from '../../../elements/ListHeader/TitleActions/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useListQuery } from '../../../providers/ListQuery/index.js';
 import { ListSelection } from '../ListSelection/index.js';
-import './index.scss';
+import './index.css';
 const drawerBaseClass = 'list-drawer';
 export const CollectionListHeader = ({
   className,
   collectionConfig,
+  currentHierarchyItem,
   Description,
   disableBulkDelete,
   disableBulkEdit,
+  enableRowSelections,
   hasCreatePermission,
   hasDeletePermission,
   hasTrashPermission,
   i18n,
   isBulkUploadEnabled,
-  isTrashEnabled,
-  newDocumentURL,
   onBulkUploadSuccess,
-  openBulkUpload,
   smallBreak,
   viewType
 }) => {
@@ -44,22 +44,26 @@ export const CollectionListHeader = ({
   const {
     isGroupingBy
   } = useListQuery();
+  const title = currentHierarchyItem?.title ?? getTranslation(collectionConfig?.labels?.plural, i18n);
   if (isInDrawer) {
     return /*#__PURE__*/_jsx(ListHeader, {
-      Actions: [/*#__PURE__*/_jsx(CloseModalButton, {
-        className: `${drawerBaseClass}__header-close`,
-        slug: drawerSlug
-      }, "close-button")],
+      Actions: [],
       AfterListHeaderContent: /*#__PURE__*/_jsxs(_Fragment, {
         children: [Description, /*#__PURE__*/_jsx(DrawerRelationshipSelect, {})]
       }),
+      BeforeTitle: /*#__PURE__*/_jsx(CloseModalButton, {
+        className: `${drawerBaseClass}__header-close`,
+        slug: drawerSlug
+      }),
       className: `${drawerBaseClass}__header`,
       title: getTranslation(getEntityConfig({
         collectionSlug: selectedOption.value
       })?.labels?.plural, i18n),
       TitleActions: [/*#__PURE__*/_jsx(ListDrawerCreateNewDocButton, {
         hasCreatePermission: hasCreatePermission
-      }, "list-drawer-create-new-doc")].filter(Boolean)
+      }, "list-drawer-create-new-doc"), /*#__PURE__*/_jsx(ListDrawerConfirmSelectionButton, {
+        enableRowSelections: enableRowSelections
+      }, "list-drawer-confirm-selection")].filter(Boolean)
     });
   }
   return /*#__PURE__*/_jsx(ListHeader, {
@@ -79,21 +83,18 @@ export const CollectionListHeader = ({
     }, "default-list-actions")].filter(Boolean),
     AfterListHeaderContent: Description,
     className: className,
-    title: getTranslation(collectionConfig?.labels?.plural, i18n),
-    TitleActions: [hasCreatePermission && !isTrashRoute && /*#__PURE__*/_jsx(ListCreateNewButton, {
-      collectionConfig: collectionConfig,
-      hasCreatePermission: hasCreatePermission,
-      newDocumentURL: newDocumentURL
-    }, "list-header-create-new-doc"), hasCreatePermission && isBulkUploadEnabled && !isTrashRoute && /*#__PURE__*/_jsx(ListBulkUploadButton, {
+    title: title,
+    TitleActions: [currentHierarchyItem && /*#__PURE__*/_jsx(HierarchyEditButton, {
+      collectionSlug: collectionConfig.slug,
+      hasUpdatePermission: currentHierarchyItem.hasUpdatePermission,
+      id: currentHierarchyItem.id,
+      title: title
+    }, "edit-hierarchy-document"), hasCreatePermission && isBulkUploadEnabled && !isTrashRoute && /*#__PURE__*/_jsx(ListBulkUploadButton, {
       collectionSlug: collectionConfig.slug,
       hasCreatePermission: hasCreatePermission,
       isBulkUploadEnabled: isBulkUploadEnabled,
-      onBulkUploadSuccess: onBulkUploadSuccess,
-      openBulkUpload: openBulkUpload
-    }, "list-header-bulk-upload"), hasDeletePermission && isTrashEnabled && viewType === 'trash' && /*#__PURE__*/_jsx(ListEmptyTrashButton, {
-      collectionConfig: collectionConfig,
-      hasDeletePermission: hasDeletePermission
-    }, "list-header-empty-trash")].filter(Boolean)
+      onBulkUploadSuccess: onBulkUploadSuccess
+    }, "list-header-bulk-upload")].filter(Boolean)
   });
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","CloseModalButton","DefaultListViewTabs","useListDrawerContext","DrawerRelationshipSelect","ListDrawerCreateNewDocButton","ListHeader","ListBulkUploadButton","ListCreateNewButton","ListEmptyTrashButton","useConfig","useListQuery","ListSelection","drawerBaseClass","CollectionListHeader","className","collectionConfig","Description","disableBulkDelete","disableBulkEdit","hasCreatePermission","hasDeletePermission","hasTrashPermission","i18n","isBulkUploadEnabled","isTrashEnabled","newDocumentURL","onBulkUploadSuccess","openBulkUpload","smallBreak","viewType","config","getEntityConfig","drawerSlug","isInDrawer","selectedOption","isTrashRoute","isGroupingBy","_jsx","Actions","slug","AfterListHeaderContent","_jsxs","_Fragment","title","collectionSlug","value","labels","plural","TitleActions","filter","Boolean","label","showSelectAllAcrossPages"],"sources":["../../../../src/views/List/ListHeader/index.tsx"],"sourcesContent":["import type { I18nClient, TFunction } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, ViewTypes } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { CloseModalButton } from '../../../elements/CloseModalButton/index.js'\nimport { DefaultListViewTabs } from '../../../elements/DefaultListViewTabs/index.js'\nimport { useListDrawerContext } from '../../../elements/ListDrawer/Provider.js'\nimport { DrawerRelationshipSelect } from '../../../elements/ListHeader/DrawerRelationshipSelect/index.js'\nimport { ListDrawerCreateNewDocButton } from '../../../elements/ListHeader/DrawerTitleActions/index.js'\nimport { ListHeader } from '../../../elements/ListHeader/index.js'\nimport {\n  ListBulkUploadButton,\n  ListCreateNewButton,\n  ListEmptyTrashButton,\n} from '../../../elements/ListHeader/TitleActions/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useListQuery } from '../../../providers/ListQuery/index.js'\nimport { ListSelection } from '../ListSelection/index.js'\nimport './index.scss'\n\nconst drawerBaseClass = 'list-drawer'\n\nexport type ListHeaderProps = {\n  Actions?: React.ReactNode[]\n  className?: string\n  collectionConfig: ClientCollectionConfig\n  Description?: React.ReactNode\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  hasCreatePermission: boolean\n  hasDeletePermission?: boolean\n  hasTrashPermission?: boolean\n  i18n: I18nClient\n  isBulkUploadEnabled: boolean\n  isTrashEnabled?: boolean\n  newDocumentURL: string\n  onBulkUploadSuccess?: () => void\n  /** @deprecated This prop will be removed in the next major version.\n   *\n   * Opening of the bulk upload modal is handled internally.\n   *\n   * Prefer `onBulkUploadSuccess` usage to handle the success of the bulk upload.\n   */\n  openBulkUpload: () => void\n  smallBreak: boolean\n  /** @deprecated This prop will be removed in the next major version. */\n  t?: TFunction\n  TitleActions?: React.ReactNode[]\n  viewType?: ViewTypes\n}\n\nexport const CollectionListHeader: React.FC<ListHeaderProps> = ({\n  className,\n  collectionConfig,\n  Description,\n  disableBulkDelete,\n  disableBulkEdit,\n  hasCreatePermission,\n  hasDeletePermission,\n  hasTrashPermission,\n  i18n,\n  isBulkUploadEnabled,\n  isTrashEnabled,\n  newDocumentURL,\n  onBulkUploadSuccess,\n  openBulkUpload,\n  smallBreak,\n  viewType,\n}) => {\n  const { config, getEntityConfig } = useConfig()\n  const { drawerSlug, isInDrawer, selectedOption } = useListDrawerContext()\n  const isTrashRoute = viewType === 'trash'\n  const { isGroupingBy } = useListQuery()\n\n  if (isInDrawer) {\n    return (\n      <ListHeader\n        Actions={[\n          <CloseModalButton\n            className={`${drawerBaseClass}__header-close`}\n            key=\"close-button\"\n            slug={drawerSlug}\n          />,\n        ]}\n        AfterListHeaderContent={\n          <>\n            {Description}\n            {<DrawerRelationshipSelect />}\n          </>\n        }\n        className={`${drawerBaseClass}__header`}\n        title={getTranslation(\n          getEntityConfig({ collectionSlug: selectedOption.value })?.labels?.plural,\n          i18n,\n        )}\n        TitleActions={[\n          <ListDrawerCreateNewDocButton\n            hasCreatePermission={hasCreatePermission}\n            key=\"list-drawer-create-new-doc\"\n          />,\n        ].filter(Boolean)}\n      />\n    )\n  }\n\n  return (\n    <ListHeader\n      Actions={[\n        !smallBreak && !isGroupingBy && (\n          <ListSelection\n            collectionConfig={collectionConfig}\n            disableBulkDelete={disableBulkDelete}\n            disableBulkEdit={disableBulkEdit}\n            hasDeletePermission={hasDeletePermission}\n            hasTrashPermission={hasTrashPermission}\n            key=\"list-selection\"\n            label={getTranslation(collectionConfig?.labels?.plural, i18n)}\n            showSelectAllAcrossPages={!isGroupingBy}\n            viewType={viewType}\n          />\n        ),\n        <DefaultListViewTabs\n          collectionConfig={collectionConfig}\n          config={config}\n          key=\"default-list-actions\"\n          viewType={viewType}\n        />,\n      ].filter(Boolean)}\n      AfterListHeaderContent={Description}\n      className={className}\n      title={getTranslation(collectionConfig?.labels?.plural, i18n)}\n      TitleActions={[\n        hasCreatePermission && !isTrashRoute && (\n          <ListCreateNewButton\n            collectionConfig={collectionConfig}\n            hasCreatePermission={hasCreatePermission}\n            key=\"list-header-create-new-doc\"\n            newDocumentURL={newDocumentURL}\n          />\n        ),\n        hasCreatePermission && isBulkUploadEnabled && !isTrashRoute && (\n          <ListBulkUploadButton\n            collectionSlug={collectionConfig.slug}\n            hasCreatePermission={hasCreatePermission}\n            isBulkUploadEnabled={isBulkUploadEnabled}\n            key=\"list-header-bulk-upload\"\n            onBulkUploadSuccess={onBulkUploadSuccess}\n            openBulkUpload={openBulkUpload}\n          />\n        ),\n        hasDeletePermission && isTrashEnabled && viewType === 'trash' && (\n          <ListEmptyTrashButton\n            collectionConfig={collectionConfig}\n            hasDeletePermission={hasDeletePermission}\n            key=\"list-header-empty-trash\"\n          />\n        ),\n      ].filter(Boolean)}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","CloseModalButton","DefaultListViewTabs","HierarchyEditButton","useListDrawerContext","DrawerRelationshipSelect","ListDrawerConfirmSelectionButton","ListDrawerCreateNewDocButton","ListHeader","ListBulkUploadButton","useConfig","useListQuery","ListSelection","drawerBaseClass","CollectionListHeader","className","collectionConfig","currentHierarchyItem","Description","disableBulkDelete","disableBulkEdit","enableRowSelections","hasCreatePermission","hasDeletePermission","hasTrashPermission","i18n","isBulkUploadEnabled","onBulkUploadSuccess","smallBreak","viewType","config","getEntityConfig","drawerSlug","isInDrawer","selectedOption","isTrashRoute","isGroupingBy","title","labels","plural","_jsx","Actions","AfterListHeaderContent","_jsxs","_Fragment","BeforeTitle","slug","collectionSlug","value","TitleActions","filter","Boolean","label","showSelectAllAcrossPages","hasUpdatePermission","id"],"sources":["../../../../src/views/List/ListHeader/index.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, CurrentHierarchyItem, ViewTypes } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { CloseModalButton } from '../../../elements/CloseModalButton/index.js'\nimport { DefaultListViewTabs } from '../../../elements/DefaultListViewTabs/index.js'\nimport { HierarchyEditButton } from '../../../elements/Hierarchy/EditButton/index.js'\nimport { useListDrawerContext } from '../../../elements/ListDrawer/Provider.js'\nimport { DrawerRelationshipSelect } from '../../../elements/ListHeader/DrawerRelationshipSelect/index.js'\nimport {\n  ListDrawerConfirmSelectionButton,\n  ListDrawerCreateNewDocButton,\n} from '../../../elements/ListHeader/DrawerTitleActions/index.js'\nimport { ListHeader } from '../../../elements/ListHeader/index.js'\nimport { ListBulkUploadButton } from '../../../elements/ListHeader/TitleActions/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useListQuery } from '../../../providers/ListQuery/index.js'\nimport { ListSelection } from '../ListSelection/index.js'\nimport './index.css'\n\nconst drawerBaseClass = 'list-drawer'\n\nexport type ListHeaderProps = {\n  Actions?: React.ReactNode[]\n  className?: string\n  collectionConfig: ClientCollectionConfig\n  currentHierarchyItem?: CurrentHierarchyItem\n  Description?: React.ReactNode\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  enableRowSelections?: boolean\n  hasCreatePermission: boolean\n  hasDeletePermission?: boolean\n  hasTrashPermission?: boolean\n  i18n: I18nClient\n  isBulkUploadEnabled: boolean\n  newDocumentURL: string\n  onBulkUploadSuccess?: () => void\n  smallBreak: boolean\n  TitleActions?: React.ReactNode[]\n  viewType?: ViewTypes\n}\n\nexport const CollectionListHeader: React.FC<ListHeaderProps> = ({\n  className,\n  collectionConfig,\n  currentHierarchyItem,\n  Description,\n  disableBulkDelete,\n  disableBulkEdit,\n  enableRowSelections,\n  hasCreatePermission,\n  hasDeletePermission,\n  hasTrashPermission,\n  i18n,\n  isBulkUploadEnabled,\n  onBulkUploadSuccess,\n  smallBreak,\n  viewType,\n}) => {\n  const { config, getEntityConfig } = useConfig()\n  const { drawerSlug, isInDrawer, selectedOption } = useListDrawerContext()\n  const isTrashRoute = viewType === 'trash'\n  const { isGroupingBy } = useListQuery()\n  const title =\n    currentHierarchyItem?.title ?? getTranslation(collectionConfig?.labels?.plural, i18n)\n\n  if (isInDrawer) {\n    return (\n      <ListHeader\n        Actions={[]}\n        AfterListHeaderContent={\n          <>\n            {Description}\n            {<DrawerRelationshipSelect />}\n          </>\n        }\n        BeforeTitle={\n          <CloseModalButton className={`${drawerBaseClass}__header-close`} slug={drawerSlug} />\n        }\n        className={`${drawerBaseClass}__header`}\n        title={getTranslation(\n          getEntityConfig({ collectionSlug: selectedOption.value })?.labels?.plural,\n          i18n,\n        )}\n        TitleActions={[\n          <ListDrawerCreateNewDocButton\n            hasCreatePermission={hasCreatePermission}\n            key=\"list-drawer-create-new-doc\"\n          />,\n          <ListDrawerConfirmSelectionButton\n            enableRowSelections={enableRowSelections}\n            key=\"list-drawer-confirm-selection\"\n          />,\n        ].filter(Boolean)}\n      />\n    )\n  }\n\n  return (\n    <ListHeader\n      Actions={[\n        !smallBreak && !isGroupingBy && (\n          <ListSelection\n            collectionConfig={collectionConfig}\n            disableBulkDelete={disableBulkDelete}\n            disableBulkEdit={disableBulkEdit}\n            hasDeletePermission={hasDeletePermission}\n            hasTrashPermission={hasTrashPermission}\n            key=\"list-selection\"\n            label={getTranslation(collectionConfig?.labels?.plural, i18n)}\n            showSelectAllAcrossPages={!isGroupingBy}\n            viewType={viewType}\n          />\n        ),\n        <DefaultListViewTabs\n          collectionConfig={collectionConfig}\n          config={config}\n          key=\"default-list-actions\"\n          viewType={viewType}\n        />,\n      ].filter(Boolean)}\n      AfterListHeaderContent={Description}\n      className={className}\n      title={title}\n      TitleActions={[\n        currentHierarchyItem && (\n          <HierarchyEditButton\n            collectionSlug={collectionConfig.slug}\n            hasUpdatePermission={currentHierarchyItem.hasUpdatePermission}\n            id={currentHierarchyItem.id}\n            key=\"edit-hierarchy-document\"\n            title={title}\n          />\n        ),\n        hasCreatePermission && isBulkUploadEnabled && !isTrashRoute && (\n          <ListBulkUploadButton\n            collectionSlug={collectionConfig.slug}\n            hasCreatePermission={hasCreatePermission}\n            isBulkUploadEnabled={isBulkUploadEnabled}\n            key=\"list-header-bulk-upload\"\n            onBulkUploadSuccess={onBulkUploadSuccess}\n          />\n        ),\n      ].filter(Boolean)}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/List/ListSelection/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEvE,OAAO,KAAgC,MAAM,OAAO,CAAA;AAWpD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwFtD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/List/ListSelection/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAGvE,OAAO,KAAgC,MAAM,OAAO,CAAA;AAepD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2ItD,CAAA"}

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

@@ -2,23 +2,28 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as qs from 'qs-esm';
 import React, { Fragment, useCallback } from 'react';
 import { DeleteMany } from '../../../elements/DeleteMany/index.js';
-import { EditMany_v4 } from '../../../elements/EditMany/index.js';
+import { EditMany } from '../../../elements/EditMany/index.js';
 import { ListSelection_v4, ListSelectionButton } from '../../../elements/ListSelection/index.js';
-import { PublishMany_v4 } from '../../../elements/PublishMany/index.js';
+import { PublishMany } from '../../../elements/PublishMany/index.js';
 import { RestoreMany } from '../../../elements/RestoreMany/index.js';
-import { UnpublishMany_v4 } from '../../../elements/UnpublishMany/index.js';
+import { UnpublishMany } from '../../../elements/UnpublishMany/index.js';
+import { useAuth } from '../../../providers/Auth/index.js';
+import { useRouteCache } from '../../../providers/RouteCache/index.js';
+import { useRouter, useSearchParams } from '../../../providers/RouterAdapter/index.js';
 import { SelectAllStatus, useSelection } from '../../../providers/Selection/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
+import { parseSearchParams } from '../../../utilities/parseSearchParams.js';
 export const ListSelection = t0 => {
-  const $ = _c(21);
+  const $ = _c(26);
   const {
     collectionConfig,
     disableBulkDelete,
     disableBulkEdit,
-    hasDeletePermission,
-    hasTrashPermission,
+    hasDeletePermission: hasDeletePermissionFromProps,
+    hasTrashPermission: hasTrashPermissionFromProps,
     label,
     modalPrefix,
     showSelectAllAcrossPages: t1,
@@ -36,6 +41,14 @@ export const ListSelection = t0 => {
   const {
     t
   } = useTranslation();
+  const {
+    permissions
+  } = useAuth();
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const {
+    clearRouteCache
+  } = useRouteCache();
   let t2;
   if ($[0] !== toggleAll) {
     t2 = () => toggleAll();
@@ -49,8 +62,22 @@ export const ListSelection = t0 => {
     return null;
   }
   const isTrashView = collectionConfig?.trash && viewType === "trash";
+  const collectionPermissions = permissions?.collections?.[collectionConfig?.slug];
+  const hasDeletePermission = hasDeletePermissionFromProps !== undefined ? hasDeletePermissionFromProps : Boolean(collectionPermissions?.delete);
+  const hasTrashPermission = hasTrashPermissionFromProps !== undefined ? hasTrashPermissionFromProps : hasDeletePermission;
+  const canShowDeleteButton = viewType === "trash" ? hasDeletePermission : hasDeletePermission || hasTrashPermission;
+  const selectingAll = selectAll === SelectAllStatus.AllAvailable;
   let t3;
-  if ($[2] !== collectionConfig || $[3] !== count || $[4] !== disableBulkDelete || $[5] !== disableBulkEdit || $[6] !== hasDeletePermission || $[7] !== hasTrashPermission || $[8] !== isTrashView || $[9] !== label || $[10] !== modalPrefix || $[11] !== onActionSuccess || $[12] !== selectAll || $[13] !== selectedIDs || $[14] !== showSelectAllAcrossPages || $[15] !== t || $[16] !== toggleAll || $[17] !== totalDocs || $[18] !== viewType || $[19] !== where) {
+  if ($[2] !== canShowDeleteButton || $[3] !== clearRouteCache || $[4] !== collectionConfig || $[5] !== count || $[6] !== disableBulkDelete || $[7] !== disableBulkEdit || $[8] !== hasDeletePermission || $[9] !== hasTrashPermission || $[10] !== isTrashView || $[11] !== label || $[12] !== modalPrefix || $[13] !== onActionSuccess || $[14] !== router || $[15] !== searchParams || $[16] !== selectAll || $[17] !== selectedIDs || $[18] !== selectingAll || $[19] !== showSelectAllAcrossPages || $[20] !== t || $[21] !== toggleAll || $[22] !== totalDocs || $[23] !== viewType || $[24] !== where) {
+    const deleteIDs = selectingAll ? [] : selectedIDs;
+    const baseWhere = parseSearchParams(searchParams)?.where;
+    const deleteWhere = viewType === "trash" ? {
+      and: [...(Array.isArray(baseWhere?.and) ? baseWhere.and : baseWhere ? [baseWhere] : []), {
+        deletedAt: {
+          exists: true
+        }
+      }]
+    } : baseWhere;
     t3 = _jsx(ListSelection_v4, {
       count,
       ListActions: [selectAll !== SelectAllStatus.AllAvailable && count < totalDocs && showSelectAllAcrossPages !== false ? _jsx(ListSelectionButton, {
@@ -66,7 +93,7 @@ export const ListSelection = t0 => {
         })
       }, "select-all") : null].filter(Boolean),
       SelectionActions: [!disableBulkEdit && !isTrashView && _jsxs(Fragment, {
-        children: [_jsx(EditMany_v4, {
+        children: [_jsx(EditMany, {
           collection: collectionConfig,
           count,
           ids: selectedIDs,
@@ -74,7 +101,7 @@ export const ListSelection = t0 => {
           onSuccess: onActionSuccess,
           selectAll: selectAll === SelectAllStatus.AllAvailable,
           where
-        }), _jsx(PublishMany_v4, {
+        }), _jsx(PublishMany, {
           collection: collectionConfig,
           count,
           ids: selectedIDs,
@@ -82,7 +109,7 @@ export const ListSelection = t0 => {
           onSuccess: onActionSuccess,
           selectAll: selectAll === SelectAllStatus.AllAvailable,
           where
-        }), _jsx(UnpublishMany_v4, {
+        }), _jsx(UnpublishMany, {
           collection: collectionConfig,
           count,
           ids: selectedIDs,
@@ -94,35 +121,59 @@ export const ListSelection = t0 => {
       }, "bulk-actions"), isTrashView && _jsx(RestoreMany, {
         collection: collectionConfig,
         viewType
-      }, "bulk-restore"), !disableBulkDelete && _jsx(DeleteMany, {
-        collection: collectionConfig,
+      }, "bulk-restore"), !disableBulkDelete && canShowDeleteButton && collectionConfig && _jsx(DeleteMany, {
+        afterDelete: () => {
+          toggleAll();
+          router.replace(qs.stringify({
+            ...parseSearchParams(searchParams),
+            page: selectAll ? "1" : undefined
+          }, {
+            addQueryPrefix: true
+          }));
+          clearRouteCache();
+        },
         hasDeletePermission,
         hasTrashPermission,
         modalPrefix,
-        viewType
+        search: parseSearchParams(searchParams)?.search,
+        selections: {
+          [collectionConfig.slug]: {
+            all: selectingAll,
+            ids: deleteIDs,
+            totalCount: selectingAll ? count : deleteIDs.length
+          }
+        },
+        trash: collectionConfig?.trash,
+        viewType,
+        where: deleteWhere
       }, "bulk-delete")].filter(Boolean)
     });
-    $[2] = collectionConfig;
-    $[3] = count;
-    $[4] = disableBulkDelete;
-    $[5] = disableBulkEdit;
-    $[6] = hasDeletePermission;
-    $[7] = hasTrashPermission;
-    $[8] = isTrashView;
-    $[9] = label;
-    $[10] = modalPrefix;
-    $[11] = onActionSuccess;
-    $[12] = selectAll;
-    $[13] = selectedIDs;
-    $[14] = showSelectAllAcrossPages;
-    $[15] = t;
-    $[16] = toggleAll;
-    $[17] = totalDocs;
-    $[18] = viewType;
-    $[19] = where;
-    $[20] = t3;
+    $[2] = canShowDeleteButton;
+    $[3] = clearRouteCache;
+    $[4] = collectionConfig;
+    $[5] = count;
+    $[6] = disableBulkDelete;
+    $[7] = disableBulkEdit;
+    $[8] = hasDeletePermission;
+    $[9] = hasTrashPermission;
+    $[10] = isTrashView;
+    $[11] = label;
+    $[12] = modalPrefix;
+    $[13] = onActionSuccess;
+    $[14] = router;
+    $[15] = searchParams;
+    $[16] = selectAll;
+    $[17] = selectedIDs;
+    $[18] = selectingAll;
+    $[19] = showSelectAllAcrossPages;
+    $[20] = t;
+    $[21] = toggleAll;
+    $[22] = totalDocs;
+    $[23] = viewType;
+    $[24] = where;
+    $[25] = t3;
   } else {
-    t3 = $[20];
+    t3 = $[25];
   }
   return t3;
 };