@payloadcms/ui 3.39.0-internal.32c7661 → 3.39.0

package/dist/elements/DeleteMany/index.js

@@ -1,57 +1,50 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter, useSearchParams } from 'next/navigation.js';
 import { mergeListSearchAndWhere } from 'payload/shared';
 import * as qs from 'qs-esm';
-import React, { useCallback } from 'react';
+import React from 'react';
 import { toast } from 'sonner';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
+import { useLocale } from '../../providers/Locale/index.js';
 import { useRouteCache } from '../../providers/RouteCache/index.js';
 import { SelectAllStatus, useSelection } from '../../providers/Selection/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { requests } from '../../utilities/api.js';
+import { parseSearchParams } from '../../utilities/parseSearchParams.js';
 import { ConfirmationModal } from '../ConfirmationModal/index.js';
-import './index.scss';
-const baseClass = 'delete-documents';
+import { ListSelectionButton } from '../ListSelection/index.js';
+const confirmManyDeleteDrawerSlug = `confirm-delete-many-docs`;
 export const DeleteMany = props => {
+  const $ = _c(18);
   const {
-    collection,
-    collection: {
-      slug,
-      labels: {
-        plural,
-        singular
-      }
-    } = {}
+    collection: t0
   } = props;
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    slug
+  } = t1;
   const {
     permissions
   } = useAuth();
-  const {
-    config: {
-      routes: {
-        api
-      },
-      serverURL
-    }
-  } = useConfig();
-  const {
-    openModal
-  } = useModal();
   const {
     count,
-    getQueryParams,
+    getSelectedIds,
     selectAll,
     toggleAll
   } = useSelection();
-  const {
-    i18n,
-    t
-  } = useTranslation();
   const router = useRouter();
   const searchParams = useSearchParams();
   const {
@@ -59,79 +52,234 @@ export const DeleteMany = props => {
   } = useRouteCache();
   const collectionPermissions = permissions?.collections?.[slug];
   const hasDeletePermission = collectionPermissions?.delete;
-  const modalSlug = `delete-${slug}`;
-  const addDefaultError = useCallback(() => {
-    toast.error(t('error:unknown'));
-  }, [t]);
-  const handleDelete = useCallback(async () => {
-    const queryWithSearch = mergeListSearchAndWhere({
-      collectionConfig: collection,
-      search: searchParams.get('search')
+  if (selectAll === SelectAllStatus.None || !hasDeletePermission) {
+    return null;
+  }
+  const selectingAll = selectAll === SelectAllStatus.AllAvailable;
+  let t2;
+  if ($[2] !== clearRouteCache || $[3] !== count || $[4] !== getSelectedIds || $[5] !== router || $[6] !== searchParams || $[7] !== selectAll || $[8] !== selectingAll || $[9] !== slug || $[10] !== toggleAll) {
+    const selectedIDs = !selectingAll ? getSelectedIds() : [];
+    let t3;
+    if ($[12] !== clearRouteCache || $[13] !== router || $[14] !== searchParams || $[15] !== selectAll || $[16] !== toggleAll) {
+      t3 = () => {
+        toggleAll();
+        router.replace(qs.stringify({
+          ...parseSearchParams(searchParams),
+          page: selectAll ? "1" : undefined
+        }, {
+          addQueryPrefix: true
+        }));
+        clearRouteCache();
+      };
+      $[12] = clearRouteCache;
+      $[13] = router;
+      $[14] = searchParams;
+      $[15] = selectAll;
+      $[16] = toggleAll;
+      $[17] = t3;
+    } else {
+      t3 = $[17];
+    }
+    t2 = _jsx(React.Fragment, {
+      children: _jsx(DeleteMany_v4, {
+        afterDelete: t3,
+        search: parseSearchParams(searchParams)?.search,
+        selections: {
+          [slug]: {
+            all: selectAll === SelectAllStatus.AllAvailable,
+            ids: selectedIDs,
+            totalCount: selectingAll ? count : selectedIDs.length
+          }
+        },
+        where: parseSearchParams(searchParams)?.where
+      })
     });
-    const queryString = getQueryParams(queryWithSearch);
-    await requests.delete(`${serverURL}${api}/${slug}${queryString}`, {
-      headers: {
-        'Accept-Language': i18n.language,
-        'Content-Type': 'application/json'
-      }
-    }).then(async res => {
-      try {
-        const json = await res.json();
-        const deletedDocs = json?.docs.length || 0;
-        const successLabel = deletedDocs > 1 ? plural : singular;
-        if (res.status < 400 || deletedDocs > 0) {
-          toast.success(t('general:deletedCountSuccessfully', {
-            count: deletedDocs,
-            label: getTranslation(successLabel, i18n)
-          }));
+    $[2] = clearRouteCache;
+    $[3] = count;
+    $[4] = getSelectedIds;
+    $[5] = router;
+    $[6] = searchParams;
+    $[7] = selectAll;
+    $[8] = selectingAll;
+    $[9] = slug;
+    $[10] = toggleAll;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+};
+/**
+ * Handles polymorphic document delete operations.
+ *
+ * If you are deleting monomorphic documents, shape your `selections` to match the polymorphic structure.
+ */
+export function DeleteMany_v4({
+  afterDelete,
+  search,
+  selections,
+  where
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    config: {
+      collections,
+      routes: {
+        api
+      },
+      serverURL
+    }
+  } = useConfig();
+  const {
+    code: locale
+  } = useLocale();
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    openModal
+  } = useModal();
+  const handleDelete = React.useCallback(async () => {
+    const deletingOneCollection = Object.keys(selections).length === 1;
+    const result = {};
+    for (const [relationTo, {
+      all,
+      ids = []
+    }] of Object.entries(selections)) {
+      const collectionConfig = collections.find(({
+        slug
+      }) => slug === relationTo);
+      if (collectionConfig) {
+        let whereConstraint;
+        if (all) {
+          // selecting all documents with optional where filter
+          if (deletingOneCollection && where) {
+            whereConstraint = where;
+          } else {
+            whereConstraint = {
+              id: {
+                not_equals: ''
+              }
+            };
+          }
+        } else {
+          // selecting specific documents
+          whereConstraint = {
+            id: {
+              in: ids
+            }
+          };
+        }
+        const deleteManyResponse = await requests.delete(`${serverURL}${api}/${relationTo}${qs.stringify({
+          limit: 0,
+          locale,
+          where: mergeListSearchAndWhere({
+            collectionConfig,
+            search,
+            where: whereConstraint
+          })
+        }, {
+          addQueryPrefix: true
+        })}`, {
+          headers: {
+            'Accept-Language': i18n.language,
+            'Content-Type': 'application/json'
+          }
+        });
+        try {
+          const {
+            plural,
+            singular
+          } = collectionConfig.labels;
+          const json = await deleteManyResponse.json();
+          const deletedDocs = json?.docs.length || 0;
+          const successLabel = deletedDocs > 1 ? plural : singular;
+          if (deleteManyResponse.status < 400 || deletedDocs > 0) {
+            toast.success(t('general:deletedCountSuccessfully', {
+              count: deletedDocs,
+              label: getTranslation(successLabel, i18n)
+            }));
+          }
           if (json?.errors.length > 0) {
             toast.error(json.message, {
               description: json.errors.map(error => error.message).join('\n')
             });
           }
-          toggleAll();
-          router.replace(qs.stringify({
-            page: selectAll ? '1' : undefined
-          }, {
-            addQueryPrefix: true
-          }));
-          clearRouteCache();
-          return null;
-        }
-        if (json.errors) {
-          toast.error(json.message, {
-            description: json.errors.map(error_0 => error_0.message).join('\n')
-          });
-        } else {
-          return addDefaultError();
+          result[relationTo] = {
+            deletedCount: deletedDocs,
+            errors: json?.errors || null,
+            ids: json?.docs.map(doc => doc.id) || [],
+            totalCount: json.totalDocs
+          };
+          if (deleteManyResponse.status > 400 && json?.errors.length === 0) {
+            toast.error(t('error:unknown'));
+            result[relationTo].errors = [t('error:unknown')];
+          }
+          continue;
+        } catch (_err) {
+          toast.error(t('error:unknown'));
+          result[relationTo] = {
+            deletedCount: 0,
+            errors: [_err],
+            ids: [],
+            totalCount: 0
+          };
+          continue;
         }
-        return false;
-      } catch (_err) {
-        return addDefaultError();
       }
-    });
-  }, [searchParams, addDefaultError, api, getQueryParams, i18n, plural, router, selectAll, serverURL, singular, slug, t, toggleAll, clearRouteCache, collection]);
-  if (selectAll === SelectAllStatus.None || !hasDeletePermission) {
-    return null;
-  }
+    }
+    if (typeof afterDelete === 'function') {
+      afterDelete(result);
+    }
+  }, [selections, afterDelete, collections, locale, search, serverURL, api, i18n, where, t]);
+  const {
+    label: labelString,
+    labelCount: labelCount_0
+  } = Object.entries(selections).reduce((acc, [key, value], index, array) => {
+    const collectionConfig_0 = collections.find(({
+      slug: slug_0
+    }) => slug_0 === key);
+    if (collectionConfig_0) {
+      const labelCount = acc.labelCount === undefined ? value.totalCount : acc.labelCount;
+      const collectionLabel = `${acc.labelCount !== undefined ? `${value.totalCount} ` : ''}${getTranslation(value.totalCount > 1 ? collectionConfig_0.labels.plural : collectionConfig_0.labels.singular, i18n)}`;
+      let newLabel;
+      if (index === array.length - 1 && index !== 0) {
+        newLabel = `${acc.label} and ${collectionLabel}`;
+      } else if (index > 0) {
+        newLabel = `${acc.label}, ${collectionLabel}`;
+      } else {
+        newLabel = collectionLabel;
+      }
+      return {
+        label: newLabel,
+        labelCount
+      };
+    }
+    return acc;
+  }, {
+    label: '',
+    labelCount: undefined
+  });
   return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx("button", {
-      className: `${baseClass}__toggle`,
+    children: [/*#__PURE__*/_jsx(ListSelectionButton, {
+      "aria-label": t('general:delete'),
+      className: "delete-documents__toggle",
       onClick: () => {
-        openModal(modalSlug);
+        openModal(confirmManyDeleteDrawerSlug);
       },
-      type: "button",
       children: t('general:delete')
     }), /*#__PURE__*/_jsx(ConfirmationModal, {
       body: t('general:aboutToDeleteCount', {
-        count,
-        label: getTranslation(count > 1 ? plural : singular, i18n)
+        count: labelCount_0,
+        label: labelString
       }),
       confirmingLabel: t('general:deleting'),
       heading: t('general:confirmDeletion'),
-      modalSlug: modalSlug,
+      modalSlug: confirmManyDeleteDrawerSlug,
       onConfirm: handleDelete
     })]
   });
-};
+}
 //# sourceMappingURL=index.js.map

package/dist/elements/DeleteMany/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useModal","getTranslation","useRouter","useSearchParams","mergeListSearchAndWhere","qs","React","useCallback","toast","useAuth","useConfig","useRouteCache","SelectAllStatus","useSelection","useTranslation","requests","ConfirmationModal","baseClass","DeleteMany","props","collection","slug","labels","plural","singular","permissions","config","routes","api","serverURL","openModal","count","getQueryParams","selectAll","toggleAll","i18n","t","router","searchParams","clearRouteCache","collectionPermissions","collections","hasDeletePermission","delete","modalSlug","addDefaultError","error","handleDelete","queryWithSearch","collectionConfig","search","get","queryString","headers","language","then","res","json","deletedDocs","docs","length","successLabel","status","success","label","errors","message","description","map","join","replace","stringify","page","undefined","addQueryPrefix","_err","None","_jsxs","Fragment","_jsx","className","onClick","type","body","confirmingLabel","heading","onConfirm"],"sources":["../../../src/elements/DeleteMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { mergeListSearchAndWhere } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport './index.scss'\n\nconst baseClass = 'delete-documents'\n\nexport type Props = {\n  collection: ClientCollectionConfig\n  title?: string\n}\n\nexport const DeleteMany: React.FC<Props> = (props) => {\n  const { collection, collection: { slug, labels: { plural, singular } } = {} } = props\n\n  const { permissions } = useAuth()\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const { openModal } = useModal()\n  const { count, getQueryParams, selectAll, toggleAll } = useSelection()\n  const { i18n, t } = useTranslation()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const { clearRouteCache } = useRouteCache()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasDeletePermission = collectionPermissions?.delete\n\n  const modalSlug = `delete-${slug}`\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:unknown'))\n  }, [t])\n\n  const handleDelete = useCallback(async () => {\n    const queryWithSearch = mergeListSearchAndWhere({\n      collectionConfig: collection,\n      search: searchParams.get('search'),\n    })\n\n    const queryString = getQueryParams(queryWithSearch)\n\n    await requests\n      .delete(`${serverURL}${api}/${slug}${queryString}`, {\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n      .then(async (res) => {\n        try {\n          const json = await res.json()\n\n          const deletedDocs = json?.docs.length || 0\n          const successLabel = deletedDocs > 1 ? plural : singular\n\n          if (res.status < 400 || deletedDocs > 0) {\n            toast.success(\n              t('general:deletedCountSuccessfully', {\n                count: deletedDocs,\n                label: getTranslation(successLabel, i18n),\n              }),\n            )\n\n            if (json?.errors.length > 0) {\n              toast.error(json.message, {\n                description: json.errors.map((error) => error.message).join('\\n'),\n              })\n            }\n\n            toggleAll()\n\n            router.replace(\n              qs.stringify(\n                {\n                  page: selectAll ? '1' : undefined,\n                },\n                { addQueryPrefix: true },\n              ),\n            )\n\n            clearRouteCache()\n\n            return null\n          }\n\n          if (json.errors) {\n            toast.error(json.message, {\n              description: json.errors.map((error) => error.message).join('\\n'),\n            })\n          } else {\n            return addDefaultError()\n          }\n          return false\n        } catch (_err) {\n          return addDefaultError()\n        }\n      })\n  }, [\n    searchParams,\n    addDefaultError,\n    api,\n    getQueryParams,\n    i18n,\n    plural,\n    router,\n    selectAll,\n    serverURL,\n    singular,\n    slug,\n    t,\n    toggleAll,\n    clearRouteCache,\n    collection,\n  ])\n\n  if (selectAll === SelectAllStatus.None || !hasDeletePermission) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <button\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          openModal(modalSlug)\n        }}\n        type=\"button\"\n      >\n        {t('general:delete')}\n      </button>\n      <ConfirmationModal\n        body={t('general:aboutToDeleteCount', {\n          count,\n          label: getTranslation(count > 1 ? plural : singular, i18n),\n        })}\n        confirmingLabel={t('general:deleting')}\n        heading={t('general:confirmDeletion')}\n        modalSlug={modalSlug}\n        onConfirm={handleDelete}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","useRouter","useSearchParams","mergeListSearchAndWhere","qs","React","toast","useAuth","useConfig","useLocale","useRouteCache","SelectAllStatus","useSelection","useTranslation","requests","parseSearchParams","ConfirmationModal","ListSelectionButton","confirmManyDeleteDrawerSlug","DeleteMany","props","$","collection","t0","t1","undefined","slug","permissions","count","getSelectedIds","selectAll","toggleAll","router","searchParams","clearRouteCache","collectionPermissions","collections","hasDeletePermission","delete","None","selectingAll","AllAvailable","t2","selectedIDs","t3","replace","stringify","page","addQueryPrefix","_jsx","Fragment","children","DeleteMany_v4","afterDelete","search","selections","all","ids","totalCount","length","where","t","config","routes","api","serverURL","code","locale","i18n","openModal","handleDelete","useCallback","deletingOneCollection","Object","keys","result","relationTo","entries","collectionConfig","find","whereConstraint","id","not_equals","in","deleteManyResponse","limit","headers","language","plural","singular","labels","json","deletedDocs","docs","successLabel","status","success","label","errors","error","message","description","map","join","deletedCount","doc","totalDocs","_err","labelString","labelCount","reduce","acc","key","value","index","array","collectionLabel","newLabel","_jsxs","className","onClick","body","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../src/elements/DeleteMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { mergeListSearchAndWhere } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { ListSelectionButton } from '../ListSelection/index.js'\n\nconst confirmManyDeleteDrawerSlug = `confirm-delete-many-docs`\n\nexport type Props = {\n  collection: ClientCollectionConfig\n  title?: string\n}\n\nexport const DeleteMany: React.FC<Props> = (props) => {\n  const { collection: { slug } = {} } = props\n\n  const { permissions } = useAuth()\n  const { count, getSelectedIds, selectAll, toggleAll } = useSelection()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const { clearRouteCache } = useRouteCache()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasDeletePermission = collectionPermissions?.delete\n\n  if (selectAll === SelectAllStatus.None || !hasDeletePermission) {\n    return null\n  }\n\n  const selectingAll = selectAll === SelectAllStatus.AllAvailable\n  const selectedIDs = !selectingAll ? getSelectedIds() : []\n\n  return (\n    <React.Fragment>\n      <DeleteMany_v4\n        afterDelete={() => {\n          toggleAll()\n\n          router.replace(\n            qs.stringify(\n              {\n                ...parseSearchParams(searchParams),\n                page: selectAll ? '1' : undefined,\n              },\n              { addQueryPrefix: true },\n            ),\n          )\n\n          clearRouteCache()\n        }}\n        search={parseSearchParams(searchParams)?.search as string}\n        selections={{\n          [slug]: {\n            all: selectAll === SelectAllStatus.AllAvailable,\n            ids: selectedIDs,\n            totalCount: selectingAll ? count : selectedIDs.length,\n          },\n        }}\n        where={parseSearchParams(searchParams)?.where as Where}\n      />\n    </React.Fragment>\n  )\n}\n\ntype AfterDeleteResult = {\n  [relationTo: string]: {\n    deletedCount: number\n    errors: unknown[]\n    ids: (number | string)[]\n    totalCount: number\n  }\n}\ntype DeleteMany_v4Props = {\n  /**\n   * A callback function to be called after the delete request is completed.\n   */\n  afterDelete?: (result: AfterDeleteResult) => void\n  /**\n   * Optionally pass a search string to filter the documents to be deleted.\n   *\n   * This is intentionally passed as a prop so modals could pass in their own\n   * search string that may not be stored in the URL.\n   */\n  search?: string\n  /**\n   * An object containing the relationTo as the key and an object with the following properties:\n   * - all: boolean\n   * - totalCount: number\n   * - ids: (string | number)[]\n   */\n  selections: {\n    [relationTo: string]: {\n      all?: boolean\n      ids?: (number | string)[]\n      totalCount?: number\n    }\n  }\n  /**\n   * Optionally pass a where clause to filter the documents to be deleted.\n   * This will be ignored if multiple relations are selected.\n   *\n   * This is intentionally passed as a prop so modals could pass in their own\n   * where clause that may not be stored in the URL.\n   */\n  where?: Where\n}\n\n/**\n * Handles polymorphic document delete operations.\n *\n * If you are deleting monomorphic documents, shape your `selections` to match the polymorphic structure.\n */\nexport function DeleteMany_v4({ afterDelete, search, selections, where }: DeleteMany_v4Props) {\n  const { t } = useTranslation()\n  const {\n    config: {\n      collections,\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const { code: locale } = useLocale()\n  const { i18n } = useTranslation()\n  const { openModal } = useModal()\n\n  const handleDelete = React.useCallback(async () => {\n    const deletingOneCollection = Object.keys(selections).length === 1\n    const result: AfterDeleteResult = {}\n    for (const [relationTo, { all, ids = [] }] of Object.entries(selections)) {\n      const collectionConfig = collections.find(({ slug }) => slug === relationTo)\n      if (collectionConfig) {\n        let whereConstraint: Where\n\n        if (all) {\n          // selecting all documents with optional where filter\n          if (deletingOneCollection && where) {\n            whereConstraint = where\n          } else {\n            whereConstraint = {\n              id: { not_equals: '' },\n            }\n          }\n        } else {\n          // selecting specific documents\n          whereConstraint = {\n            id: {\n              in: ids,\n            },\n          }\n        }\n\n        const deleteManyResponse = await requests.delete(\n          `${serverURL}${api}/${relationTo}${qs.stringify(\n            {\n              limit: 0,\n              locale,\n              where: mergeListSearchAndWhere({\n                collectionConfig,\n                search,\n                where: whereConstraint,\n              }),\n            },\n            { addQueryPrefix: true },\n          )}`,\n          {\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n            },\n          },\n        )\n\n        try {\n          const { plural, singular } = collectionConfig.labels\n          const json = await deleteManyResponse.json()\n\n          const deletedDocs = json?.docs.length || 0\n          const successLabel = deletedDocs > 1 ? plural : singular\n\n          if (deleteManyResponse.status < 400 || deletedDocs > 0) {\n            toast.success(\n              t('general:deletedCountSuccessfully', {\n                count: deletedDocs,\n                label: getTranslation(successLabel, i18n),\n              }),\n            )\n          }\n\n          if (json?.errors.length > 0) {\n            toast.error(json.message, {\n              description: json.errors.map((error) => error.message).join('\\n'),\n            })\n          }\n\n          result[relationTo] = {\n            deletedCount: deletedDocs,\n            errors: json?.errors || null,\n            ids: json?.docs.map((doc) => doc.id) || [],\n            totalCount: json.totalDocs,\n          }\n\n          if (deleteManyResponse.status > 400 && json?.errors.length === 0) {\n            toast.error(t('error:unknown'))\n            result[relationTo].errors = [t('error:unknown')]\n          }\n          continue\n        } catch (_err) {\n          toast.error(t('error:unknown'))\n          result[relationTo] = {\n            deletedCount: 0,\n            errors: [_err],\n            ids: [],\n            totalCount: 0,\n          }\n          continue\n        }\n      }\n    }\n\n    if (typeof afterDelete === 'function') {\n      afterDelete(result)\n    }\n  }, [selections, afterDelete, collections, locale, search, serverURL, api, i18n, where, t])\n\n  const { label: labelString, labelCount } = Object.entries(selections).reduce(\n    (acc, [key, value], index, array) => {\n      const collectionConfig = collections.find(({ slug }) => slug === key)\n      if (collectionConfig) {\n        const labelCount = acc.labelCount === undefined ? value.totalCount : acc.labelCount\n        const collectionLabel = `${acc.labelCount !== undefined ? `${value.totalCount} ` : ''}${getTranslation(\n          value.totalCount > 1 ? collectionConfig.labels.plural : collectionConfig.labels.singular,\n          i18n,\n        )}`\n        let newLabel\n        if (index === array.length - 1 && index !== 0) {\n          newLabel = `${acc.label} and ${collectionLabel}`\n        } else if (index > 0) {\n          newLabel = `${acc.label}, ${collectionLabel}`\n        } else {\n          newLabel = collectionLabel\n        }\n\n        return {\n          label: newLabel,\n          labelCount,\n        }\n      }\n      return acc\n    },\n    {\n      label: '',\n      labelCount: undefined,\n    },\n  )\n\n  return (\n    <React.Fragment>\n      <ListSelectionButton\n        aria-label={t('general:delete')}\n        className=\"delete-documents__toggle\"\n        onClick={() => {\n          openModal(confirmManyDeleteDrawerSlug)\n        }}\n      >\n        {t('general:delete')}\n      </ListSelectionButton>\n      <ConfirmationModal\n        body={t('general:aboutToDeleteCount', {\n          count: labelCount,\n          label: labelString,\n        })}\n        confirmingLabel={t('general:deleting')}\n        heading={t('general:confirmDeletion')}\n        modalSlug={confirmManyDeleteDrawerSlug}\n        onConfirm={handleDelete}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentControls/index.d.ts

@@ -1,4 +1,4 @@
-import type { ClientUser, SanitizedCollectionConfig, SanitizedCollectionPermission, SanitizedGlobalPermission } from 'payload';
+import type { ClientUser, Data, SanitizedCollectionConfig, SanitizedCollectionPermission, SanitizedGlobalPermission } from 'payload';
 import React from 'react';
 import type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js';
 import './index.scss';
@@ -11,7 +11,7 @@ export declare const DocumentControls: React.FC<{
         readonly SaveButton?: React.ReactNode;
         readonly SaveDraftButton?: React.ReactNode;
     };
-    readonly data?: any;
+    readonly data?: Data;
     readonly disableActions?: boolean;
     readonly disableCreate?: boolean;
     readonly hasPublishPermission?: boolean;

package/dist/elements/DocumentControls/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentControls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,UAAU,EACV,yBAAyB,EACzB,6BAA6B,EAC7B,yBAAyB,EAC1B,MAAM,SAAS,CAAA;AAIhB,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAA;AAqB9E,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjD,QAAQ,CAAC,gBAAgB,CAAC,EAAE;QAC1B,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QACxC,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QACxC,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QACrC,QAAQ,CAAC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAC3C,CAAA;IACD,QAAQ,CAAC,IAAI,CAAC,EAAE,GAAG,CAAA;IACnB,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAA;IACvC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IACpC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAA;IACzD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAEvC,QAAQ,CAAC,WAAW,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,CAAA;IAC/D,QAAQ,CAAC,MAAM,CAAC,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;IACrD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,QAAQ,CAAC,WAAW,EAAE,IAAI,GAAG,6BAA6B,GAAG,yBAAyB,CAAA;IACtF,QAAQ,CAAC,uBAAuB,CAAC,EAAE,OAAO,CAAA;IAC1C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IACzC,QAAQ,CAAC,IAAI,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAChD,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAA;CAC3B,CAgRA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentControls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,UAAU,EACV,IAAI,EACJ,yBAAyB,EACzB,6BAA6B,EAC7B,yBAAyB,EAC1B,MAAM,SAAS,CAAA;AAIhB,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAA;AAsB9E,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjD,QAAQ,CAAC,gBAAgB,CAAC,EAAE;QAC1B,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QACxC,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QACxC,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QACrC,QAAQ,CAAC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAC3C,CAAA;IACD,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAA;IACpB,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAA;IACvC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IACpC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAA;IACzD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAEvC,QAAQ,CAAC,WAAW,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,CAAA;IAC/D,QAAQ,CAAC,MAAM,CAAC,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;IACrD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,QAAQ,CAAC,WAAW,EAAE,IAAI,GAAG,6BAA6B,GAAG,yBAAyB,CAAA;IACtF,QAAQ,CAAC,uBAAuB,CAAC,EAAE,OAAO,CAAA;IAC1C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IACzC,QAAQ,CAAC,IAAI,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAChD,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAA;CAC3B,CA0RA,CAAA"}

package/dist/elements/DocumentControls/index.js

@@ -15,6 +15,7 @@ import { Button } from '../Button/index.js';
 import { CopyLocaleData } from '../CopyLocaleData/index.js';
 import { DeleteDocument } from '../DeleteDocument/index.js';
 import { DuplicateDocument } from '../DuplicateDocument/index.js';
+import { MoveDocToFolder } from '../FolderView/MoveDocToFolder/index.js';
 import { Gutter } from '../Gutter/index.js';
 import { Locked } from '../Locked/index.js';
 import { Popup, PopupList } from '../Popup/index.js';
@@ -27,7 +28,7 @@ import { Status } from '../Status/index.js';
 import './index.scss';
 const baseClass = 'doc-controls';
 export const DocumentControls = props => {
-  const $ = _c(15);
+  const $ = _c(12);
   const {
     id,
     slug,
@@ -134,21 +135,11 @@ export const DocumentControls = props => {
   const globalAutosaveEnabled = globalConfigDrafts && globalConfigDrafts?.autosave;
   const showSaveDraftButton = collectionAutosaveEnabled && collectionConfigDrafts.autosave !== false && collectionConfigDrafts.autosave.showSaveDraftButton === true || globalAutosaveEnabled && globalConfigDrafts.autosave !== false && globalConfigDrafts.autosave.showSaveDraftButton === true;
   const showCopyToLocale = localization && !collectionConfig?.admin?.disableCopyToLocale;
+  const showFolderMetaIcon = collectionConfig && collectionConfig.admin.folders;
+  const showLockedMetaIcon = user && readOnlyForIncomingUser;
   let t6;
-  if ($[7] !== readOnlyForIncomingUser || $[8] !== user) {
-    t6 = user && readOnlyForIncomingUser && _jsx(Locked, {
-      className: `${baseClass}__locked-controls`,
-      user
-    });
-    $[7] = readOnlyForIncomingUser;
-    $[8] = user;
-    $[9] = t6;
-  } else {
-    t6 = $[9];
-  }
-  let t7;
-  if ($[10] !== onTakeOver || $[11] !== readOnlyForIncomingUser || $[12] !== t || $[13] !== user) {
-    t7 = user && readOnlyForIncomingUser && _jsx(Button, {
+  if ($[7] !== onTakeOver || $[8] !== readOnlyForIncomingUser || $[9] !== t || $[10] !== user) {
+    t6 = user && readOnlyForIncomingUser && _jsx(Button, {
       buttonStyle: "secondary",
       id: "take-over",
       onClick: onTakeOver,
@@ -156,21 +147,29 @@ export const DocumentControls = props => {
       type: "button",
       children: t("general:takeOver")
     });
-    $[10] = onTakeOver;
-    $[11] = readOnlyForIncomingUser;
-    $[12] = t;
-    $[13] = user;
-    $[14] = t7;
+    $[7] = onTakeOver;
+    $[8] = readOnlyForIncomingUser;
+    $[9] = t;
+    $[10] = user;
+    $[11] = t6;
   } else {
-    t7 = $[14];
+    t6 = $[11];
   }
   return _jsxs(Gutter, {
     className: baseClass,
     children: [_jsxs("div", {
       className: `${baseClass}__wrapper`,
-      children: [_jsx("div", {
+      children: [_jsxs("div", {
         className: `${baseClass}__content`,
-        children: _jsxs("ul", {
+        children: [showLockedMetaIcon || showFolderMetaIcon ? _jsxs("div", {
+          className: `${baseClass}__meta-icons`,
+          children: [showLockedMetaIcon && _jsx(Locked, {
+            className: `${baseClass}__locked-controls`,
+            user
+          }), showFolderMetaIcon && _jsx(MoveDocToFolder, {
+            folderFieldName: config.folders.fieldName
+          })]
+        }) : null, _jsxs("ul", {
           className: `${baseClass}__meta`,
           children: [collectionConfig && !isEditing && !isAccountView && _jsx("li", {
             className: `${baseClass}__list-item`,
@@ -180,7 +179,7 @@ export const DocumentControls = props => {
                 label: getTranslation(collectionConfig?.labels?.singular ?? i18n.t("general:document"), i18n)
               })
             })
-          }), t6, (collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) && _jsxs(Fragment, {
+          }), (collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) && _jsxs(Fragment, {
             children: [(globalConfig || collectionConfig && isEditing) && _jsx("li", {
               className: [`${baseClass}__status`, `${baseClass}__list-item`].filter(Boolean).join(" "),
               children: _jsx(Status, {})
@@ -216,7 +215,7 @@ export const DocumentControls = props => {
               })]
             })]
           })]
-        })
+        })]
       }), _jsxs("div", {
         className: `${baseClass}__controls-wrapper`,
         children: [_jsxs("div", {
@@ -237,7 +236,7 @@ export const DocumentControls = props => {
               CustomComponent: CustomSaveButton,
               Fallback: _jsx(SaveButton, {})
             })
-          }), t7]
+          }), t6]
         }), showDotMenu && !readOnlyForIncomingUser && _jsx(Popup, {
           button: _jsxs("div", {
             className: `${baseClass}__dots`,