@payloadcms/ui 3.0.0-canary.98cbdb9 → 3.0.0-canary.9beaa28

package/dist/elements/DeleteDocument/index.js

@@ -1,4 +1,5 @@
 'use client';
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Modal, useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
@@ -16,139 +17,135 @@ import { PopupList } from '../Popup/index.js';
 import { Translation } from '../Translation/index.js';
 import './index.scss';
 const baseClass = 'delete-document';
-export const DeleteDocument = (props)=>{
-    const { id, buttonId, collectionSlug, singularLabel, title: titleFromProps } = props;
-    const { config: { routes: { admin: adminRoute, api }, serverURL } } = useConfig();
-    const { setModified } = useForm();
-    const [deleting, setDeleting] = useState(false);
-    const { toggleModal } = useModal();
-    const router = useRouter();
-    const { i18n, t } = useTranslation();
-    const { title } = useDocumentInfo();
-    const titleToRender = titleFromProps || title || id;
-    const modalSlug = `delete-${id}`;
-    const addDefaultError = useCallback(()=>{
-        setDeleting(false);
-        toast.error(t('error:deletingTitle', {
-            title
-        }));
-    }, [
-        t,
-        title
-    ]);
-    const handleDelete = useCallback(async ()=>{
-        setDeleting(true);
-        setModified(false);
+export const DeleteDocument = props => {
+  const {
+    id,
+    buttonId,
+    collectionSlug,
+    singularLabel,
+    title: titleFromProps
+  } = props;
+  const {
+    config: {
+      routes: {
+        admin: adminRoute,
+        api
+      },
+      serverURL
+    }
+  } = useConfig();
+  const {
+    setModified
+  } = useForm();
+  const [deleting, setDeleting] = useState(false);
+  const {
+    toggleModal
+  } = useModal();
+  const router = useRouter();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    title
+  } = useDocumentInfo();
+  const titleToRender = titleFromProps || title || id;
+  const modalSlug = `delete-${id}`;
+  const addDefaultError = useCallback(() => {
+    setDeleting(false);
+    toast.error(t('error:deletingTitle', {
+      title
+    }));
+  }, [t, title]);
+  const handleDelete = useCallback(async () => {
+    setDeleting(true);
+    setModified(false);
+    try {
+      await requests.delete(`${serverURL}${api}/${collectionSlug}/${id}`, {
+        headers: {
+          'Accept-Language': i18n.language,
+          'Content-Type': 'application/json'
+        }
+      }).then(async res => {
         try {
-            await requests.delete(`${serverURL}${api}/${collectionSlug}/${id}`, {
-                headers: {
-                    'Accept-Language': i18n.language,
-                    'Content-Type': 'application/json'
-                }
-            }).then(async (res)=>{
-                try {
-                    const json = await res.json();
-                    if (res.status < 400) {
-                        setDeleting(false);
-                        toggleModal(modalSlug);
-                        toast.success(t('general:titleDeleted', {
-                            label: getTranslation(singularLabel, i18n),
-                            title
-                        }) || json.message);
-                        return router.push(formatAdminURL({
-                            adminRoute,
-                            path: `/collections/${collectionSlug}`
-                        }));
-                    }
-                    toggleModal(modalSlug);
-                    if (json.errors) {
-                        json.errors.forEach((error)=>toast.error(error.message));
-                    } else {
-                        addDefaultError();
-                    }
-                    return false;
-                } catch (e) {
-                    return addDefaultError();
-                }
-            });
-        } catch (e) {
+          const json = await res.json();
+          if (res.status < 400) {
+            setDeleting(false);
+            toggleModal(modalSlug);
+            toast.success(t('general:titleDeleted', {
+              label: getTranslation(singularLabel, i18n),
+              title
+            }) || json.message);
+            return router.push(formatAdminURL({
+              adminRoute,
+              path: `/collections/${collectionSlug}`
+            }));
+          }
+          toggleModal(modalSlug);
+          if (json.errors) {
+            json.errors.forEach(error => toast.error(error.message));
+          } else {
             addDefaultError();
+          }
+          return false;
+        } catch (e_0) {
+          return addDefaultError();
         }
-    }, [
-        setModified,
-        serverURL,
-        api,
-        collectionSlug,
-        id,
-        toggleModal,
-        modalSlug,
-        t,
-        singularLabel,
-        i18n,
-        title,
-        router,
-        adminRoute,
-        addDefaultError
-    ]);
-    if (id) {
-        return /*#__PURE__*/ _jsxs(React.Fragment, {
-            children: [
-                /*#__PURE__*/ _jsx(PopupList.Button, {
-                    id: buttonId,
-                    onClick: ()=>{
-                        setDeleting(false);
-                        toggleModal(modalSlug);
-                    },
-                    children: t('general:delete')
-                }),
-                /*#__PURE__*/ _jsx(Modal, {
-                    className: baseClass,
-                    slug: modalSlug,
-                    children: /*#__PURE__*/ _jsxs("div", {
-                        className: `${baseClass}__template`,
-                        children: [
-                            /*#__PURE__*/ _jsx("h1", {
-                                children: t('general:confirmDeletion')
-                            }),
-                            /*#__PURE__*/ _jsx("p", {
-                                children: /*#__PURE__*/ _jsx(Translation, {
-                                    elements: {
-                                        '1': ({ children })=>/*#__PURE__*/ _jsx("strong", {
-                                                children: children
-                                            })
-                                    },
-                                    i18nKey: "general:aboutToDelete",
-                                    t: t,
-                                    variables: {
-                                        label: getTranslation(singularLabel, i18n),
-                                        title: titleToRender
-                                    }
-                                })
-                            }),
-                            /*#__PURE__*/ _jsxs("div", {
-                                className: `${baseClass}__actions`,
-                                children: [
-                                    /*#__PURE__*/ _jsx(Button, {
-                                        buttonStyle: "secondary",
-                                        id: "confirm-cancel",
-                                        onClick: deleting ? undefined : ()=>toggleModal(modalSlug),
-                                        type: "button",
-                                        children: t('general:cancel')
-                                    }),
-                                    /*#__PURE__*/ _jsx(Button, {
-                                        id: "confirm-delete",
-                                        onClick: deleting ? undefined : handleDelete,
-                                        children: deleting ? t('general:deleting') : t('general:confirm')
-                                    })
-                                ]
-                            })
-                        ]
-                    })
-                })
-            ]
-        });
+      });
+    } catch (e) {
+      addDefaultError();
     }
-    return null;
+  }, [setModified, serverURL, api, collectionSlug, id, toggleModal, modalSlug, t, singularLabel, i18n, title, router, adminRoute, addDefaultError]);
+  if (id) {
+    return /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [/*#__PURE__*/_jsx(PopupList.Button, {
+        id: buttonId,
+        onClick: () => {
+          setDeleting(false);
+          toggleModal(modalSlug);
+        },
+        children: t('general:delete')
+      }), /*#__PURE__*/_jsx(Modal, {
+        className: baseClass,
+        slug: modalSlug,
+        children: /*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__template`,
+          children: [/*#__PURE__*/_jsx("h1", {
+            children: t('general:confirmDeletion')
+          }), /*#__PURE__*/_jsx("p", {
+            children: /*#__PURE__*/_jsx(Translation, {
+              elements: {
+                '1': ({
+                  children
+                }) => /*#__PURE__*/_jsx("strong", {
+                  children: children
+                })
+              },
+              i18nKey: "general:aboutToDelete",
+              t: t,
+              variables: {
+                label: getTranslation(singularLabel, i18n),
+                title: titleToRender
+              }
+            })
+          }), /*#__PURE__*/_jsxs("div", {
+            className: `${baseClass}__actions`,
+            children: [/*#__PURE__*/_jsx(Button, {
+              buttonStyle: "secondary",
+              id: "confirm-cancel",
+              onClick: deleting ? undefined : () => toggleModal(modalSlug),
+              type: "button",
+              children: t('general:cancel')
+            }), /*#__PURE__*/_jsx(Button, {
+              id: "confirm-delete",
+              onClick: deleting ? undefined : handleDelete,
+              children: deleting ? t('general:deleting') : t('general:confirm')
+            })]
+          })]
+        })
+      })]
+    });
+  }
+  return null;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DeleteDocument/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { Button } from '../Button/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { Translation } from '../Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'delete-document'\n\nexport type Props = {\n  buttonId?: string\n  collectionSlug: SanitizedCollectionConfig['slug']\n  id?: string\n  singularLabel: SanitizedCollectionConfig['labels']['singular']\n  title?: string\n  useAsTitle: SanitizedCollectionConfig['admin']['useAsTitle']\n}\n\nexport const DeleteDocument: React.FC<Props> = (props) => {\n  const { id, buttonId, collectionSlug, singularLabel, title: titleFromProps } = props\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { setModified } = useForm()\n  const [deleting, setDeleting] = useState(false)\n  const { toggleModal } = useModal()\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { title } = useDocumentInfo()\n\n  const titleToRender = titleFromProps || title || id\n\n  const modalSlug = `delete-${id}`\n\n  const addDefaultError = useCallback(() => {\n    setDeleting(false)\n    toast.error(t('error:deletingTitle', { title }))\n  }, [t, title])\n\n  const handleDelete = useCallback(async () => {\n    setDeleting(true)\n    setModified(false)\n    try {\n      await requests\n        .delete(`${serverURL}${api}/${collectionSlug}/${id}`, {\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            if (res.status < 400) {\n              setDeleting(false)\n              toggleModal(modalSlug)\n              toast.success(\n                t('general:titleDeleted', { label: getTranslation(singularLabel, i18n), title }) ||\n                  json.message,\n              )\n\n              return router.push(\n                formatAdminURL({\n                  adminRoute,\n                  path: `/collections/${collectionSlug}`,\n                }),\n              )\n            }\n            toggleModal(modalSlug)\n            if (json.errors) {\n              json.errors.forEach((error) => toast.error(error.message))\n            } else {\n              addDefaultError()\n            }\n            return false\n          } catch (e) {\n            return addDefaultError()\n          }\n        })\n    } catch (e) {\n      addDefaultError()\n    }\n  }, [\n    setModified,\n    serverURL,\n    api,\n    collectionSlug,\n    id,\n    toggleModal,\n    modalSlug,\n    t,\n    singularLabel,\n    i18n,\n    title,\n    router,\n    adminRoute,\n    addDefaultError,\n  ])\n\n  if (id) {\n    return (\n      <React.Fragment>\n        <PopupList.Button\n          id={buttonId}\n          onClick={() => {\n            setDeleting(false)\n            toggleModal(modalSlug)\n          }}\n        >\n          {t('general:delete')}\n        </PopupList.Button>\n        <Modal className={baseClass} slug={modalSlug}>\n          <div className={`${baseClass}__template`}>\n            <h1>{t('general:confirmDeletion')}</h1>\n            <p>\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey=\"general:aboutToDelete\"\n                t={t}\n                variables={{\n                  label: getTranslation(singularLabel, i18n),\n                  title: titleToRender,\n                }}\n              />\n            </p>\n            <div className={`${baseClass}__actions`}>\n              <Button\n                buttonStyle=\"secondary\"\n                id=\"confirm-cancel\"\n                onClick={deleting ? undefined : () => toggleModal(modalSlug)}\n                type=\"button\"\n              >\n                {t('general:cancel')}\n              </Button>\n              <Button id=\"confirm-delete\" onClick={deleting ? undefined : handleDelete}>\n                {deleting ? t('general:deleting') : t('general:confirm')}\n              </Button>\n            </div>\n          </div>\n        </Modal>\n      </React.Fragment>\n    )\n  }\n\n  return null\n}\n"],"names":["Modal","useModal","getTranslation","useRouter","React","useCallback","useState","toast","useForm","useConfig","useDocumentInfo","useTranslation","requests","formatAdminURL","Button","PopupList","Translation","baseClass","DeleteDocument","props","id","buttonId","collectionSlug","singularLabel","title","titleFromProps","config","routes","admin","adminRoute","api","serverURL","setModified","deleting","setDeleting","toggleModal","router","i18n","t","titleToRender","modalSlug","addDefaultError","error","handleDelete","delete","headers","language","then","res","json","status","success","label","message","push","path","errors","forEach","e","Fragment","onClick","className","slug","div","h1","p","elements","children","strong","i18nKey","variables","buttonStyle","undefined","type"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Modal","useModal","getTranslation","useRouter","React","useCallback","useState","toast","useForm","useConfig","useDocumentInfo","useTranslation","requests","formatAdminURL","Button","PopupList","Translation","baseClass","DeleteDocument","props","id","buttonId","collectionSlug","singularLabel","title","titleFromProps","config","routes","admin","adminRoute","api","serverURL","setModified","deleting","setDeleting","toggleModal","router","i18n","t","titleToRender","modalSlug","addDefaultError","error","handleDelete","delete","headers","language","then","res","json","status","success","label","message","push","path","errors","forEach","e","_jsxs","Fragment","_jsx","onClick","className","slug","elements","1","children","i18nKey","variables","buttonStyle","undefined","type"],"sources":["../../../src/elements/DeleteDocument/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { Button } from '../Button/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { Translation } from '../Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'delete-document'\n\nexport type Props = {\n  buttonId?: string\n  collectionSlug: SanitizedCollectionConfig['slug']\n  id?: string\n  singularLabel: SanitizedCollectionConfig['labels']['singular']\n  title?: string\n  useAsTitle: SanitizedCollectionConfig['admin']['useAsTitle']\n}\n\nexport const DeleteDocument: React.FC<Props> = (props) => {\n  const { id, buttonId, collectionSlug, singularLabel, title: titleFromProps } = props\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { setModified } = useForm()\n  const [deleting, setDeleting] = useState(false)\n  const { toggleModal } = useModal()\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { title } = useDocumentInfo()\n\n  const titleToRender = titleFromProps || title || id\n\n  const modalSlug = `delete-${id}`\n\n  const addDefaultError = useCallback(() => {\n    setDeleting(false)\n    toast.error(t('error:deletingTitle', { title }))\n  }, [t, title])\n\n  const handleDelete = useCallback(async () => {\n    setDeleting(true)\n    setModified(false)\n    try {\n      await requests\n        .delete(`${serverURL}${api}/${collectionSlug}/${id}`, {\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            if (res.status < 400) {\n              setDeleting(false)\n              toggleModal(modalSlug)\n              toast.success(\n                t('general:titleDeleted', { label: getTranslation(singularLabel, i18n), title }) ||\n                  json.message,\n              )\n\n              return router.push(\n                formatAdminURL({\n                  adminRoute,\n                  path: `/collections/${collectionSlug}`,\n                }),\n              )\n            }\n            toggleModal(modalSlug)\n            if (json.errors) {\n              json.errors.forEach((error) => toast.error(error.message))\n            } else {\n              addDefaultError()\n            }\n            return false\n          } catch (e) {\n            return addDefaultError()\n          }\n        })\n    } catch (e) {\n      addDefaultError()\n    }\n  }, [\n    setModified,\n    serverURL,\n    api,\n    collectionSlug,\n    id,\n    toggleModal,\n    modalSlug,\n    t,\n    singularLabel,\n    i18n,\n    title,\n    router,\n    adminRoute,\n    addDefaultError,\n  ])\n\n  if (id) {\n    return (\n      <React.Fragment>\n        <PopupList.Button\n          id={buttonId}\n          onClick={() => {\n            setDeleting(false)\n            toggleModal(modalSlug)\n          }}\n        >\n          {t('general:delete')}\n        </PopupList.Button>\n        <Modal className={baseClass} slug={modalSlug}>\n          <div className={`${baseClass}__template`}>\n            <h1>{t('general:confirmDeletion')}</h1>\n            <p>\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey=\"general:aboutToDelete\"\n                t={t}\n                variables={{\n                  label: getTranslation(singularLabel, i18n),\n                  title: titleToRender,\n                }}\n              />\n            </p>\n            <div className={`${baseClass}__actions`}>\n              <Button\n                buttonStyle=\"secondary\"\n                id=\"confirm-cancel\"\n                onClick={deleting ? undefined : () => toggleModal(modalSlug)}\n                type=\"button\"\n              >\n                {t('general:cancel')}\n              </Button>\n              <Button id=\"confirm-delete\" onClick={deleting ? undefined : handleDelete}>\n                {deleting ? t('general:deleting') : t('general:confirm')}\n              </Button>\n            </div>\n          </div>\n        </Modal>\n      </React.Fragment>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DeleteMany/index.js

@@ -1,4 +1,5 @@
 'use client';
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Modal, useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
@@ -16,121 +17,125 @@ import { Button } from '../Button/index.js';
 import { Pill } from '../Pill/index.js';
 import './index.scss';
 const baseClass = 'delete-documents';
-export const DeleteMany = (props)=>{
-    const { collection: { slug, labels: { plural } } = {} } = props;
-    const { permissions } = useAuth();
-    const { config: { routes: { api }, serverURL } } = useConfig();
-    const { toggleModal } = useModal();
-    const { count, getQueryParams, selectAll, toggleAll } = useSelection();
-    const { i18n, t } = useTranslation();
-    const [deleting, setDeleting] = useState(false);
-    const router = useRouter();
-    const { stringifyParams } = useSearchParams();
-    const { clearRouteCache } = useRouteCache();
-    const collectionPermissions = permissions?.collections?.[slug];
-    const hasDeletePermission = collectionPermissions?.delete?.permission;
-    const modalSlug = `delete-${slug}`;
-    const addDefaultError = useCallback(()=>{
-        toast.error(t('error:unknown'));
-    }, [
-        t
-    ]);
-    const handleDelete = useCallback(async ()=>{
-        setDeleting(true);
-        await requests.delete(`${serverURL}${api}/${slug}${getQueryParams()}`, {
-            headers: {
-                'Accept-Language': i18n.language,
-                'Content-Type': 'application/json'
-            }
-        }).then(async (res)=>{
-            try {
-                const json = await res.json();
-                toggleModal(modalSlug);
-                if (res.status < 400) {
-                    toast.success(json.message || t('general:deletedSuccessfully'));
-                    toggleAll();
-                    router.replace(stringifyParams({
-                        params: {
-                            page: selectAll ? '1' : undefined
-                        },
-                        replace: true
-                    }));
-                    clearRouteCache();
-                    return null;
-                }
-                if (json.errors) {
-                    toast.error(json.message, {
-                        description: json.errors.map((error)=>error.message).join('\n')
-                    });
-                } else {
-                    addDefaultError();
-                }
-                return false;
-            } catch (e) {
-                return addDefaultError();
-            }
-        });
-    }, [
-        addDefaultError,
-        api,
-        getQueryParams,
-        i18n.language,
-        modalSlug,
-        router,
-        selectAll,
-        serverURL,
-        slug,
-        stringifyParams,
-        t,
-        toggleAll,
-        toggleModal,
-        clearRouteCache
-    ]);
-    if (selectAll === SelectAllStatus.None || !hasDeletePermission) {
-        return null;
+export const DeleteMany = props => {
+  const {
+    collection: {
+      slug,
+      labels: {
+        plural
+      }
+    } = {}
+  } = props;
+  const {
+    permissions
+  } = useAuth();
+  const {
+    config: {
+      routes: {
+        api
+      },
+      serverURL
     }
-    return /*#__PURE__*/ _jsxs(React.Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx(Pill, {
-                className: `${baseClass}__toggle`,
-                onClick: ()=>{
-                    setDeleting(false);
-                    toggleModal(modalSlug);
-                },
-                children: t('general:delete')
-            }),
-            /*#__PURE__*/ _jsx(Modal, {
-                className: baseClass,
-                slug: modalSlug,
-                children: /*#__PURE__*/ _jsxs("div", {
-                    className: `${baseClass}__template`,
-                    children: [
-                        /*#__PURE__*/ _jsx("h1", {
-                            children: t('general:confirmDeletion')
-                        }),
-                        /*#__PURE__*/ _jsx("p", {
-                            children: t('general:aboutToDeleteCount', {
-                                count,
-                                label: getTranslation(plural, i18n)
-                            })
-                        }),
-                        /*#__PURE__*/ _jsx(Button, {
-                            buttonStyle: "secondary",
-                            id: "confirm-cancel",
-                            onClick: deleting ? undefined : ()=>toggleModal(modalSlug),
-                            type: "button",
-                            children: t('general:cancel')
-                        }),
-                        /*#__PURE__*/ _jsx(Button, {
-                            id: "confirm-delete",
-                            onClick: deleting ? undefined : ()=>void handleDelete(),
-                            children: deleting ? t('general:deleting') : t('general:confirm')
-                        })
-                    ]
-                })
-            })
-        ]
+  } = useConfig();
+  const {
+    toggleModal
+  } = useModal();
+  const {
+    count,
+    getQueryParams,
+    selectAll,
+    toggleAll
+  } = useSelection();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const [deleting, setDeleting] = useState(false);
+  const router = useRouter();
+  const {
+    stringifyParams
+  } = useSearchParams();
+  const {
+    clearRouteCache
+  } = useRouteCache();
+  const collectionPermissions = permissions?.collections?.[slug];
+  const hasDeletePermission = collectionPermissions?.delete?.permission;
+  const modalSlug = `delete-${slug}`;
+  const addDefaultError = useCallback(() => {
+    toast.error(t('error:unknown'));
+  }, [t]);
+  const handleDelete = useCallback(async () => {
+    setDeleting(true);
+    await requests.delete(`${serverURL}${api}/${slug}${getQueryParams()}`, {
+      headers: {
+        'Accept-Language': i18n.language,
+        'Content-Type': 'application/json'
+      }
+    }).then(async res => {
+      try {
+        const json = await res.json();
+        toggleModal(modalSlug);
+        if (res.status < 400) {
+          toast.success(json.message || t('general:deletedSuccessfully'));
+          toggleAll();
+          router.replace(stringifyParams({
+            params: {
+              page: selectAll ? '1' : undefined
+            },
+            replace: true
+          }));
+          clearRouteCache();
+          return null;
+        }
+        if (json.errors) {
+          toast.error(json.message, {
+            description: json.errors.map(error => error.message).join('\n')
+          });
+        } else {
+          addDefaultError();
+        }
+        return false;
+      } catch (e) {
+        return addDefaultError();
+      }
     });
+  }, [addDefaultError, api, getQueryParams, i18n.language, modalSlug, router, selectAll, serverURL, slug, stringifyParams, t, toggleAll, toggleModal, clearRouteCache]);
+  if (selectAll === SelectAllStatus.None || !hasDeletePermission) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(Pill, {
+      className: `${baseClass}__toggle`,
+      onClick: () => {
+        setDeleting(false);
+        toggleModal(modalSlug);
+      },
+      children: t('general:delete')
+    }), /*#__PURE__*/_jsx(Modal, {
+      className: baseClass,
+      slug: modalSlug,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__template`,
+        children: [/*#__PURE__*/_jsx("h1", {
+          children: t('general:confirmDeletion')
+        }), /*#__PURE__*/_jsx("p", {
+          children: t('general:aboutToDeleteCount', {
+            count,
+            label: getTranslation(plural, i18n)
+          })
+        }), /*#__PURE__*/_jsx(Button, {
+          buttonStyle: "secondary",
+          id: "confirm-cancel",
+          onClick: deleting ? undefined : () => toggleModal(modalSlug),
+          type: "button",
+          children: t('general:cancel')
+        }), /*#__PURE__*/_jsx(Button, {
+          id: "confirm-delete",
+          onClick: deleting ? undefined : () => void handleDelete(),
+          children: deleting ? t('general:deleting') : t('general:confirm')
+        })]
+      })
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DeleteMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } 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 { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { Pill } from '../Pill/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: { slug, labels: { plural } } = {} } = props\n\n  const { permissions } = useAuth()\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const { toggleModal } = useModal()\n  const { count, getQueryParams, selectAll, toggleAll } = useSelection()\n  const { i18n, t } = useTranslation()\n  const [deleting, setDeleting] = useState(false)\n  const router = useRouter()\n  const { stringifyParams } = useSearchParams()\n  const { clearRouteCache } = useRouteCache()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasDeletePermission = collectionPermissions?.delete?.permission\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    setDeleting(true)\n    await requests\n      .delete(`${serverURL}${api}/${slug}${getQueryParams()}`, {\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          toggleModal(modalSlug)\n          if (res.status < 400) {\n            toast.success(json.message || t('general:deletedSuccessfully'))\n            toggleAll()\n            router.replace(\n              stringifyParams({\n                params: {\n                  page: selectAll ? '1' : undefined,\n                },\n                replace: true,\n              }),\n            )\n            clearRouteCache()\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            addDefaultError()\n          }\n          return false\n        } catch (e) {\n          return addDefaultError()\n        }\n      })\n  }, [\n    addDefaultError,\n    api,\n    getQueryParams,\n    i18n.language,\n    modalSlug,\n    router,\n    selectAll,\n    serverURL,\n    slug,\n    stringifyParams,\n    t,\n    toggleAll,\n    toggleModal,\n    clearRouteCache,\n  ])\n\n  if (selectAll === SelectAllStatus.None || !hasDeletePermission) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <Pill\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          setDeleting(false)\n          toggleModal(modalSlug)\n        }}\n      >\n        {t('general:delete')}\n      </Pill>\n      <Modal className={baseClass} slug={modalSlug}>\n        <div className={`${baseClass}__template`}>\n          <h1>{t('general:confirmDeletion')}</h1>\n          <p>{t('general:aboutToDeleteCount', { count, label: getTranslation(plural, i18n) })}</p>\n          <Button\n            buttonStyle=\"secondary\"\n            id=\"confirm-cancel\"\n            onClick={deleting ? undefined : () => toggleModal(modalSlug)}\n            type=\"button\"\n          >\n            {t('general:cancel')}\n          </Button>\n          <Button id=\"confirm-delete\" onClick={deleting ? undefined : () => void handleDelete()}>\n            {deleting ? t('general:deleting') : t('general:confirm')}\n          </Button>\n        </div>\n      </Modal>\n    </React.Fragment>\n  )\n}\n"],"names":["Modal","useModal","getTranslation","useRouter","React","useCallback","useState","toast","useAuth","useConfig","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","requests","Button","Pill","baseClass","DeleteMany","props","collection","slug","labels","plural","permissions","config","routes","api","serverURL","toggleModal","count","getQueryParams","selectAll","toggleAll","i18n","t","deleting","setDeleting","router","stringifyParams","clearRouteCache","collectionPermissions","collections","hasDeletePermission","delete","permission","modalSlug","addDefaultError","error","handleDelete","headers","language","then","res","json","status","success","message","replace","params","page","undefined","errors","description","map","join","e","None","Fragment","className","onClick","div","h1","p","label","buttonStyle","id","type"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Modal","useModal","getTranslation","useRouter","React","useCallback","useState","toast","useAuth","useConfig","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","requests","Button","Pill","baseClass","DeleteMany","props","collection","slug","labels","plural","permissions","config","routes","api","serverURL","toggleModal","count","getQueryParams","selectAll","toggleAll","i18n","t","deleting","setDeleting","router","stringifyParams","clearRouteCache","collectionPermissions","collections","hasDeletePermission","delete","permission","modalSlug","addDefaultError","error","handleDelete","headers","language","then","res","json","status","success","message","replace","params","page","undefined","errors","description","map","join","e","None","_jsxs","Fragment","_jsx","className","onClick","label","buttonStyle","id","type"],"sources":["../../../src/elements/DeleteMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } 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 { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { Pill } from '../Pill/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: { slug, labels: { plural } } = {} } = props\n\n  const { permissions } = useAuth()\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const { toggleModal } = useModal()\n  const { count, getQueryParams, selectAll, toggleAll } = useSelection()\n  const { i18n, t } = useTranslation()\n  const [deleting, setDeleting] = useState(false)\n  const router = useRouter()\n  const { stringifyParams } = useSearchParams()\n  const { clearRouteCache } = useRouteCache()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasDeletePermission = collectionPermissions?.delete?.permission\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    setDeleting(true)\n    await requests\n      .delete(`${serverURL}${api}/${slug}${getQueryParams()}`, {\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          toggleModal(modalSlug)\n          if (res.status < 400) {\n            toast.success(json.message || t('general:deletedSuccessfully'))\n            toggleAll()\n            router.replace(\n              stringifyParams({\n                params: {\n                  page: selectAll ? '1' : undefined,\n                },\n                replace: true,\n              }),\n            )\n            clearRouteCache()\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            addDefaultError()\n          }\n          return false\n        } catch (e) {\n          return addDefaultError()\n        }\n      })\n  }, [\n    addDefaultError,\n    api,\n    getQueryParams,\n    i18n.language,\n    modalSlug,\n    router,\n    selectAll,\n    serverURL,\n    slug,\n    stringifyParams,\n    t,\n    toggleAll,\n    toggleModal,\n    clearRouteCache,\n  ])\n\n  if (selectAll === SelectAllStatus.None || !hasDeletePermission) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <Pill\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          setDeleting(false)\n          toggleModal(modalSlug)\n        }}\n      >\n        {t('general:delete')}\n      </Pill>\n      <Modal className={baseClass} slug={modalSlug}>\n        <div className={`${baseClass}__template`}>\n          <h1>{t('general:confirmDeletion')}</h1>\n          <p>{t('general:aboutToDeleteCount', { count, label: getTranslation(plural, i18n) })}</p>\n          <Button\n            buttonStyle=\"secondary\"\n            id=\"confirm-cancel\"\n            onClick={deleting ? undefined : () => toggleModal(modalSlug)}\n            type=\"button\"\n          >\n            {t('general:cancel')}\n          </Button>\n          <Button id=\"confirm-delete\" onClick={deleting ? undefined : () => void handleDelete()}>\n            {deleting ? t('general:deleting') : t('general:confirm')}\n          </Button>\n        </div>\n      </Modal>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}