@payloadcms/ui 3.68.0-internal-debug.56c9b68 → 3.68.0-internal-debug.185cc5f

package/dist/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListCreateNewDocInFolderButton.js","names":["c","_c","useModal","getTranslation","React","useConfig","useFolder","useTranslation","Button","DocumentDrawer","useDocumentDrawer","Popup","PopupList","baseClass","ListCreateNewDocInFolderButton","t0","$","buttonLabel","collectionSlugs","folderAssignedCollections","onCreateSuccess","slugPrefix","newDocInFolderDrawerSlug","i18n","closeModal","openModal","config","folderCollectionConfig","folderCollectionSlug","folderFieldName","folderID","t1","collectionSlug","FolderDocumentDrawer","t2","closeDrawer","closeFolderDrawer","openDrawer","openFolderDrawer","createCollectionSlug","setCreateCollectionSlug","useState","t3","reduce","acc","collectionConfig","collections","find","t4","slug","push","enabledCollections","length","_jsxs","Fragment","children","_jsx","buttonStyle","className","el","onClick","size","button","icon","ButtonGroup","map","collection","index","labels","singular","drawerSlug","initialData","onSave","t5","doc","redirectAfterCreate","includes","folderType","result"],"sources":["../../../../src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, CollectionSlug } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DocumentDrawer, useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nconst baseClass = 'create-new-doc-in-folder'\n\nexport function ListCreateNewDocInFolderButton({\n  buttonLabel,\n  collectionSlugs,\n  folderAssignedCollections,\n  onCreateSuccess,\n  slugPrefix,\n}: {\n  buttonLabel: string\n  collectionSlugs: CollectionSlug[]\n  folderAssignedCollections: CollectionSlug[]\n  onCreateSuccess: (args: {\n    collectionSlug: CollectionSlug\n    doc: Record<string, unknown>\n  }) => Promise<void> | void\n  slugPrefix: string\n}) {\n  const newDocInFolderDrawerSlug = `${slugPrefix}-new-doc-in-folder-drawer`\n  const { i18n } = useTranslation()\n  const { closeModal, openModal } = useModal()\n  const { config } = useConfig()\n  const { folderCollectionConfig, folderCollectionSlug, folderFieldName, folderID } = useFolder()\n  const [FolderDocumentDrawer, , { closeDrawer: closeFolderDrawer, openDrawer: openFolderDrawer }] =\n    useDocumentDrawer({\n      collectionSlug: folderCollectionSlug,\n    })\n  const [createCollectionSlug, setCreateCollectionSlug] = React.useState<string | undefined>()\n  const [enabledCollections] = React.useState<ClientCollectionConfig[]>(() =>\n    collectionSlugs.reduce((acc, collectionSlug) => {\n      const collectionConfig = config.collections.find(({ slug }) => slug === collectionSlug)\n      if (collectionConfig) {\n        acc.push(collectionConfig)\n      }\n      return acc\n    }, []),\n  )\n\n  if (enabledCollections.length === 0) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      {enabledCollections.length === 1 ? (\n        // If there is only 1 option, do not render a popup\n        <Button\n          buttonStyle=\"pill\"\n          className={`${baseClass}__button`}\n          el=\"div\"\n          onClick={() => {\n            if (enabledCollections[0].slug === folderCollectionConfig.slug) {\n              openFolderDrawer()\n            } else {\n              setCreateCollectionSlug(enabledCollections[0].slug)\n              openModal(newDocInFolderDrawerSlug)\n            }\n          }}\n          size=\"small\"\n        >\n          {buttonLabel}\n        </Button>\n      ) : (\n        <Popup\n          button={\n            <Button\n              buttonStyle=\"pill\"\n              className={`${baseClass}__popup-button`}\n              el=\"div\"\n              icon=\"chevron\"\n              size=\"small\"\n            >\n              {buttonLabel}\n            </Button>\n          }\n          buttonType=\"default\"\n          className={`${baseClass}__action-popup`}\n        >\n          <PopupList.ButtonGroup>\n            {enabledCollections.map((collection, index) => {\n              return (\n                <PopupList.Button\n                  key={index}\n                  onClick={() => {\n                    if (collection.slug === folderCollectionConfig.slug) {\n                      openFolderDrawer()\n                    } else {\n                      setCreateCollectionSlug(collection.slug)\n                      openModal(newDocInFolderDrawerSlug)\n                    }\n                  }}\n                >\n                  {getTranslation(collection.labels.singular, i18n)}\n                </PopupList.Button>\n              )\n            })}\n          </PopupList.ButtonGroup>\n        </Popup>\n      )}\n\n      {createCollectionSlug && (\n        <DocumentDrawer\n          collectionSlug={createCollectionSlug}\n          drawerSlug={newDocInFolderDrawerSlug}\n          initialData={{\n            [folderFieldName]: folderID,\n          }}\n          onSave={async ({ doc }) => {\n            await onCreateSuccess({\n              collectionSlug: createCollectionSlug,\n              doc,\n            })\n            closeModal(newDocInFolderDrawerSlug)\n          }}\n          redirectAfterCreate={false}\n        />\n      )}\n\n      {collectionSlugs.includes(folderCollectionConfig.slug) && (\n        <FolderDocumentDrawer\n          initialData={{\n            [folderFieldName]: folderID,\n            folderType: createCollectionSlug\n              ? folderAssignedCollections || [createCollectionSlug]\n              : folderAssignedCollections,\n          }}\n          onSave={async (result) => {\n            await onCreateSuccess({\n              collectionSlug: folderCollectionConfig.slug,\n              doc: result.doc,\n            })\n            closeFolderDrawer()\n          }}\n          redirectAfterCreate={false}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, CollectionSlug } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DocumentDrawer, useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nconst baseClass = 'create-new-doc-in-folder'\n\nexport function ListCreateNewDocInFolderButton({\n  buttonLabel,\n  collectionSlugs,\n  folderAssignedCollections,\n  onCreateSuccess,\n  slugPrefix,\n}: {\n  buttonLabel: string\n  collectionSlugs: CollectionSlug[]\n  folderAssignedCollections: CollectionSlug[]\n  onCreateSuccess: (args: {\n    collectionSlug: CollectionSlug\n    doc: Record<string, unknown>\n  }) => Promise<void> | void\n  slugPrefix: string\n}) {\n  const newDocInFolderDrawerSlug = `${slugPrefix}-new-doc-in-folder-drawer`\n  const { i18n } = useTranslation()\n  const { closeModal, openModal } = useModal()\n  const { config } = useConfig()\n  const { folderCollectionConfig, folderCollectionSlug, folderFieldName, folderID } = useFolder()\n  const [FolderDocumentDrawer, , { closeDrawer: closeFolderDrawer, openDrawer: openFolderDrawer }] =\n    useDocumentDrawer({\n      collectionSlug: folderCollectionSlug,\n    })\n  const [createCollectionSlug, setCreateCollectionSlug] = React.useState<string | undefined>()\n  const [enabledCollections] = React.useState<ClientCollectionConfig[]>(() =>\n    collectionSlugs.reduce((acc, collectionSlug) => {\n      const collectionConfig = config.collections.find(({ slug }) => slug === collectionSlug)\n      if (collectionConfig) {\n        acc.push(collectionConfig)\n      }\n      return acc\n    }, []),\n  )\n\n  if (enabledCollections.length === 0) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      {enabledCollections.length === 1 ? (\n        // If there is only 1 option, do not render a popup\n        <Button\n          buttonStyle=\"pill\"\n          className={`${baseClass}__button`}\n          el=\"div\"\n          onClick={() => {\n            if (enabledCollections[0].slug === folderCollectionConfig.slug) {\n              openFolderDrawer()\n            } else {\n              setCreateCollectionSlug(enabledCollections[0].slug)\n              openModal(newDocInFolderDrawerSlug)\n            }\n          }}\n          size=\"small\"\n        >\n          {buttonLabel}\n        </Button>\n      ) : (\n        <Popup\n          button={\n            <Button\n              buttonStyle=\"pill\"\n              className={`${baseClass}__popup-button`}\n              el=\"div\"\n              icon=\"chevron\"\n              size=\"small\"\n            >\n              {buttonLabel}\n            </Button>\n          }\n          buttonType=\"default\"\n          className={`${baseClass}__action-popup`}\n        >\n          <PopupList.ButtonGroup>\n            {enabledCollections.map((collection, index) => {\n              return (\n                <PopupList.Button\n                  key={index}\n                  onClick={() => {\n                    if (collection.slug === folderCollectionConfig.slug) {\n                      openFolderDrawer()\n                    } else {\n                      setCreateCollectionSlug(collection.slug)\n                      openModal(newDocInFolderDrawerSlug)\n                    }\n                  }}\n                >\n                  {getTranslation(collection.labels.singular, i18n)}\n                </PopupList.Button>\n              )\n            })}\n          </PopupList.ButtonGroup>\n        </Popup>\n      )}\n\n      {createCollectionSlug && (\n        <DocumentDrawer\n          collectionSlug={createCollectionSlug}\n          drawerSlug={newDocInFolderDrawerSlug}\n          initialData={{\n            [folderFieldName]: folderID,\n          }}\n          onSave={async ({ doc }) => {\n            await onCreateSuccess({\n              collectionSlug: createCollectionSlug,\n              doc,\n            })\n            closeModal(newDocInFolderDrawerSlug)\n          }}\n          redirectAfterCreate={false}\n        />\n      )}\n\n      {collectionSlugs.includes(folderCollectionConfig.slug) && (\n        <FolderDocumentDrawer\n          initialData={{\n            [folderFieldName]: folderID,\n            folderType: createCollectionSlug\n              ? folderAssignedCollections || [createCollectionSlug]\n              : folderAssignedCollections,\n          }}\n          onSave={async (result) => {\n            await onCreateSuccess({\n              collectionSlug: folderCollectionConfig.slug,\n              doc: result.doc,\n            })\n            closeFolderDrawer()\n          }}\n          redirectAfterCreate={false}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","getTranslation","React","useConfig","useFolder","useTranslation","Button","DocumentDrawer","useDocumentDrawer","Popup","PopupList","baseClass","ListCreateNewDocInFolderButton","buttonLabel","collectionSlugs","folderAssignedCollections","onCreateSuccess","slugPrefix","newDocInFolderDrawerSlug","i18n","closeModal","openModal","config","folderCollectionConfig","folderCollectionSlug","folderFieldName","folderID","FolderDocumentDrawer","closeDrawer","closeFolderDrawer","openDrawer","openFolderDrawer","collectionSlug","createCollectionSlug","setCreateCollectionSlug","useState","enabledCollections","reduce","acc","collectionConfig","collections","find","slug","push","length","Fragment","buttonStyle","className","el","onClick","size","button","icon","buttonType","ButtonGroup","map","collection","index","labels","singular","drawerSlug","initialData","onSave","doc","redirectAfterCreate","includes","folderType","result"],"mappings":"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"}

package/dist/elements/ListHeader/TitleActions/ListEmptyTrashButton.js

@@ -1,5 +1,4 @@
 'use client';
-
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
@@ -16,149 +15,147 @@ import { Button } from '../../Button/index.js';
 import { ConfirmationModal } from '../../ConfirmationModal/index.js';
 import { Translation } from '../../Translation/index.js';
 const confirmEmptyTrashSlug = 'confirm-empty-trash';
-export function ListEmptyTrashButton({
-  collectionConfig,
-  hasDeletePermission
-}) {
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const {
-    code: locale
-  } = useLocale();
-  const {
-    config
-  } = useConfig();
-  const {
-    openModal
-  } = useModal();
-  const router = useRouter();
-  const searchParams = useSearchParams();
-  const {
-    clearRouteCache
-  } = useRouteCache();
-  const [trashCount, setTrashCount] = React.useState(null);
-  React.useEffect(() => {
-    const fetchTrashCount = async () => {
-      const queryString = qs.stringify({
-        depth: 0,
-        limit: 0,
-        locale,
-        trash: true,
-        where: {
-          deletedAt: {
-            exists: true
-          }
+export function ListEmptyTrashButton({ collectionConfig, hasDeletePermission }) {
+    const { i18n, t } = useTranslation();
+    const { code: locale } = useLocale();
+    const { config } = useConfig();
+    const { openModal } = useModal();
+    const router = useRouter();
+    const searchParams = useSearchParams();
+    const { clearRouteCache } = useRouteCache();
+    const [trashCount, setTrashCount] = React.useState(null);
+    React.useEffect(()=>{
+        const fetchTrashCount = async ()=>{
+            const queryString = qs.stringify({
+                depth: 0,
+                limit: 0,
+                locale,
+                trash: true,
+                where: {
+                    deletedAt: {
+                        exists: true
+                    }
+                }
+            }, {
+                addQueryPrefix: true
+            });
+            try {
+                const res = await requests.get(`${config.serverURL}${config.routes.api}/${collectionConfig.slug}${queryString}`, {
+                    headers: {
+                        'Accept-Language': i18n.language,
+                        'Content-Type': 'application/json'
+                    }
+                });
+                const json = await res.json();
+                setTrashCount(json?.totalDocs ?? 0);
+            } catch  {
+                setTrashCount(0);
+            }
+        };
+        void fetchTrashCount();
+    }, [
+        collectionConfig.slug,
+        config,
+        i18n.language,
+        locale
+    ]);
+    const handleEmptyTrash = React.useCallback(async ()=>{
+        if (!hasDeletePermission) {
+            return;
         }
-      }, {
-        addQueryPrefix: true
-      });
-      try {
-        const res = await requests.get(`${config.serverURL}${config.routes.api}/${collectionConfig.slug}${queryString}`, {
-          headers: {
-            'Accept-Language': i18n.language,
-            'Content-Type': 'application/json'
-          }
+        const { slug, labels } = collectionConfig;
+        const queryString = qs.stringify({
+            limit: 0,
+            locale,
+            trash: true,
+            where: {
+                deletedAt: {
+                    exists: true
+                }
+            }
+        }, {
+            addQueryPrefix: true
         });
-        const json = await res.json();
-        setTrashCount(json?.totalDocs ?? 0);
-      } catch {
-        setTrashCount(0);
-      }
-    };
-    void fetchTrashCount();
-  }, [collectionConfig.slug, config, i18n.language, locale]);
-  const handleEmptyTrash = React.useCallback(async () => {
-    if (!hasDeletePermission) {
-      return;
-    }
-    const {
-      slug,
-      labels
-    } = collectionConfig;
-    const queryString_0 = qs.stringify({
-      limit: 0,
-      locale,
-      trash: true,
-      where: {
-        deletedAt: {
-          exists: true
-        }
-      }
-    }, {
-      addQueryPrefix: true
-    });
-    const res_0 = await requests.delete(`${config.serverURL}${config.routes.api}/${slug}${queryString_0}`, {
-      headers: {
-        'Accept-Language': i18n.language,
-        'Content-Type': 'application/json'
-      }
-    });
-    try {
-      const json_0 = await res_0.json();
-      const deletedCount = json_0?.docs?.length || 0;
-      if (res_0.status < 400) {
-        toast.success(t('general:permanentlyDeletedCountSuccessfully', {
-          count: deletedCount,
-          label: getTranslation(labels?.plural, i18n)
-        }));
-      }
-      if (json_0?.errors?.length > 0) {
-        toast.error(json_0.message, {
-          description: json_0.errors.map(err => err.message).join('\n')
+        const res = await requests.delete(`${config.serverURL}${config.routes.api}/${slug}${queryString}`, {
+            headers: {
+                'Accept-Language': i18n.language,
+                'Content-Type': 'application/json'
+            }
         });
-      }
-      router.replace(qs.stringify({
-        ...Object.fromEntries(searchParams.entries()),
-        page: '1'
-      }, {
-        addQueryPrefix: true
-      }));
-      clearRouteCache();
-    } catch {
-      toast.error(t('error:unknown'));
-    }
-  }, [collectionConfig, config, hasDeletePermission, i18n, t, locale, searchParams, router, clearRouteCache]);
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(Button, {
-      "aria-label": t('general:emptyTrashLabel', {
-        label: getTranslation(collectionConfig?.labels?.plural, i18n)
-      }),
-      buttonStyle: "pill",
-      disabled: trashCount === 0,
-      id: "empty-trash-button",
-      onClick: () => {
-        openModal(confirmEmptyTrashSlug);
-      },
-      size: "small",
-      children: t('general:emptyTrash')
-    }, "empty-trash-button"), /*#__PURE__*/_jsx(ConfirmationModal, {
-      body: /*#__PURE__*/_jsx(Translation, {
-        elements: {
-          '0': ({
-            children
-          }) => /*#__PURE__*/_jsx("strong", {
-            children: children
-          }),
-          '1': ({
-            children: children_0
-          }) => /*#__PURE__*/_jsx("strong", {
-            children: children_0
-          })
-        },
-        i18nKey: "general:aboutToPermanentlyDeleteTrash",
-        t: t,
-        variables: {
-          count: trashCount ?? 0,
-          label: getTranslation(trashCount === 1 ? collectionConfig.labels?.singular : collectionConfig.labels?.plural, i18n)
+        try {
+            const json = await res.json();
+            const deletedCount = json?.docs?.length || 0;
+            if (res.status < 400) {
+                toast.success(t('general:permanentlyDeletedCountSuccessfully', {
+                    count: deletedCount,
+                    label: getTranslation(labels?.plural, i18n)
+                }));
+            }
+            if (json?.errors?.length > 0) {
+                toast.error(json.message, {
+                    description: json.errors.map((err)=>err.message).join('\n')
+                });
+            }
+            router.replace(qs.stringify({
+                ...Object.fromEntries(searchParams.entries()),
+                page: '1'
+            }, {
+                addQueryPrefix: true
+            }));
+            clearRouteCache();
+        } catch  {
+            toast.error(t('error:unknown'));
         }
-      }),
-      confirmingLabel: t('general:deleting'),
-      heading: t('general:confirmDeletion'),
-      modalSlug: confirmEmptyTrashSlug,
-      onConfirm: handleEmptyTrash
-    })]
-  });
+    }, [
+        collectionConfig,
+        config,
+        hasDeletePermission,
+        i18n,
+        t,
+        locale,
+        searchParams,
+        router,
+        clearRouteCache
+    ]);
+    return /*#__PURE__*/ _jsxs(React.Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Button, {
+                "aria-label": t('general:emptyTrashLabel', {
+                    label: getTranslation(collectionConfig?.labels?.plural, i18n)
+                }),
+                buttonStyle: "pill",
+                disabled: trashCount === 0,
+                id: "empty-trash-button",
+                onClick: ()=>{
+                    openModal(confirmEmptyTrashSlug);
+                },
+                size: "small",
+                children: t('general:emptyTrash')
+            }, "empty-trash-button"),
+            /*#__PURE__*/ _jsx(ConfirmationModal, {
+                body: /*#__PURE__*/ _jsx(Translation, {
+                    elements: {
+                        '0': ({ children })=>/*#__PURE__*/ _jsx("strong", {
+                                children: children
+                            }),
+                        '1': ({ children })=>/*#__PURE__*/ _jsx("strong", {
+                                children: children
+                            })
+                    },
+                    i18nKey: "general:aboutToPermanentlyDeleteTrash",
+                    t: t,
+                    variables: {
+                        count: trashCount ?? 0,
+                        label: getTranslation(trashCount === 1 ? collectionConfig.labels?.singular : collectionConfig.labels?.plural, i18n)
+                    }
+                }),
+                confirmingLabel: t('general:deleting'),
+                heading: t('general:confirmDeletion'),
+                modalSlug: confirmEmptyTrashSlug,
+                onConfirm: handleEmptyTrash
+            })
+        ]
+    });
 }
+
 //# sourceMappingURL=ListEmptyTrashButton.js.map

package/dist/elements/ListHeader/TitleActions/ListEmptyTrashButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListEmptyTrashButton.js","names":["useModal","getTranslation","useRouter","useSearchParams","qs","React","toast","useConfig","useLocale","useRouteCache","useTranslation","requests","Button","ConfirmationModal","Translation","confirmEmptyTrashSlug","ListEmptyTrashButton","collectionConfig","hasDeletePermission","i18n","t","code","locale","config","openModal","router","searchParams","clearRouteCache","trashCount","setTrashCount","useState","useEffect","fetchTrashCount","queryString","stringify","depth","limit","trash","where","deletedAt","exists","addQueryPrefix","res","get","serverURL","routes","api","slug","headers","language","json","totalDocs","handleEmptyTrash","useCallback","labels","delete","deletedCount","docs","length","status","success","count","label","plural","errors","error","message","description","map","err","join","replace","Object","fromEntries","entries","page","_jsxs","Fragment","_jsx","buttonStyle","disabled","id","onClick","size","body","elements","0","children","1","i18nKey","variables","singular","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../../src/elements/ListHeader/TitleActions/ListEmptyTrashButton.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 * as qs from 'qs-esm'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useRouteCache } from '../../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { requests } from '../../../utilities/api.js'\nimport { Button } from '../../Button/index.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { Translation } from '../../Translation/index.js'\n\nconst confirmEmptyTrashSlug = 'confirm-empty-trash'\n\nexport function ListEmptyTrashButton({\n  collectionConfig,\n  hasDeletePermission,\n}: {\n  collectionConfig: ClientCollectionConfig\n  hasDeletePermission: boolean\n}) {\n  const { i18n, t } = useTranslation()\n  const { code: locale } = useLocale()\n  const { config } = useConfig()\n  const { openModal } = useModal()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const { clearRouteCache } = useRouteCache()\n\n  const [trashCount, setTrashCount] = React.useState<null | number>(null)\n\n  React.useEffect(() => {\n    const fetchTrashCount = async () => {\n      const queryString = qs.stringify(\n        {\n          depth: 0,\n          limit: 0,\n          locale,\n          trash: true,\n          where: {\n            deletedAt: {\n              exists: true,\n            },\n          },\n        },\n        { addQueryPrefix: true },\n      )\n\n      try {\n        const res = await requests.get(\n          `${config.serverURL}${config.routes.api}/${collectionConfig.slug}${queryString}`,\n          {\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n            },\n          },\n        )\n\n        const json = await res.json()\n        setTrashCount(json?.totalDocs ?? 0)\n      } catch {\n        setTrashCount(0)\n      }\n    }\n\n    void fetchTrashCount()\n  }, [collectionConfig.slug, config, i18n.language, locale])\n\n  const handleEmptyTrash = React.useCallback(async () => {\n    if (!hasDeletePermission) {\n      return\n    }\n\n    const { slug, labels } = collectionConfig\n\n    const queryString = qs.stringify(\n      {\n        limit: 0,\n        locale,\n        trash: true,\n        where: {\n          deletedAt: {\n            exists: true,\n          },\n        },\n      },\n      { addQueryPrefix: true },\n    )\n\n    const res = await requests.delete(\n      `${config.serverURL}${config.routes.api}/${slug}${queryString}`,\n      {\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      },\n    )\n\n    try {\n      const json = await res.json()\n      const deletedCount = json?.docs?.length || 0\n\n      if (res.status < 400) {\n        toast.success(\n          t('general:permanentlyDeletedCountSuccessfully', {\n            count: deletedCount,\n            label: getTranslation(labels?.plural, i18n),\n          }),\n        )\n      }\n\n      if (json?.errors?.length > 0) {\n        toast.error(json.message, {\n          description: json.errors.map((err) => err.message).join('\\n'),\n        })\n      }\n\n      router.replace(\n        qs.stringify(\n          {\n            ...Object.fromEntries(searchParams.entries()),\n            page: '1',\n          },\n          { addQueryPrefix: true },\n        ),\n      )\n\n      clearRouteCache()\n    } catch {\n      toast.error(t('error:unknown'))\n    }\n  }, [\n    collectionConfig,\n    config,\n    hasDeletePermission,\n    i18n,\n    t,\n    locale,\n    searchParams,\n    router,\n    clearRouteCache,\n  ])\n\n  return (\n    <React.Fragment>\n      <Button\n        aria-label={t('general:emptyTrashLabel', {\n          label: getTranslation(collectionConfig?.labels?.plural, i18n),\n        })}\n        buttonStyle=\"pill\"\n        disabled={trashCount === 0}\n        id=\"empty-trash-button\"\n        key=\"empty-trash-button\"\n        onClick={() => {\n          openModal(confirmEmptyTrashSlug)\n        }}\n        size=\"small\"\n      >\n        {t('general:emptyTrash')}\n      </Button>\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              '0': ({ children }) => <strong>{children}</strong>,\n              '1': ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"general:aboutToPermanentlyDeleteTrash\"\n            t={t}\n            variables={{\n              count: trashCount ?? 0,\n              label: getTranslation(\n                trashCount === 1\n                  ? collectionConfig.labels?.singular\n                  : collectionConfig.labels?.plural,\n                i18n,\n              ),\n            }}\n          />\n        }\n        confirmingLabel={t('general:deleting')}\n        heading={t('general:confirmDeletion')}\n        modalSlug={confirmEmptyTrashSlug}\n        onConfirm={handleEmptyTrash}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/ListHeader/TitleActions/ListEmptyTrashButton.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 * as qs from 'qs-esm'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useRouteCache } from '../../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { requests } from '../../../utilities/api.js'\nimport { Button } from '../../Button/index.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { Translation } from '../../Translation/index.js'\n\nconst confirmEmptyTrashSlug = 'confirm-empty-trash'\n\nexport function ListEmptyTrashButton({\n  collectionConfig,\n  hasDeletePermission,\n}: {\n  collectionConfig: ClientCollectionConfig\n  hasDeletePermission: boolean\n}) {\n  const { i18n, t } = useTranslation()\n  const { code: locale } = useLocale()\n  const { config } = useConfig()\n  const { openModal } = useModal()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const { clearRouteCache } = useRouteCache()\n\n  const [trashCount, setTrashCount] = React.useState<null | number>(null)\n\n  React.useEffect(() => {\n    const fetchTrashCount = async () => {\n      const queryString = qs.stringify(\n        {\n          depth: 0,\n          limit: 0,\n          locale,\n          trash: true,\n          where: {\n            deletedAt: {\n              exists: true,\n            },\n          },\n        },\n        { addQueryPrefix: true },\n      )\n\n      try {\n        const res = await requests.get(\n          `${config.serverURL}${config.routes.api}/${collectionConfig.slug}${queryString}`,\n          {\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n            },\n          },\n        )\n\n        const json = await res.json()\n        setTrashCount(json?.totalDocs ?? 0)\n      } catch {\n        setTrashCount(0)\n      }\n    }\n\n    void fetchTrashCount()\n  }, [collectionConfig.slug, config, i18n.language, locale])\n\n  const handleEmptyTrash = React.useCallback(async () => {\n    if (!hasDeletePermission) {\n      return\n    }\n\n    const { slug, labels } = collectionConfig\n\n    const queryString = qs.stringify(\n      {\n        limit: 0,\n        locale,\n        trash: true,\n        where: {\n          deletedAt: {\n            exists: true,\n          },\n        },\n      },\n      { addQueryPrefix: true },\n    )\n\n    const res = await requests.delete(\n      `${config.serverURL}${config.routes.api}/${slug}${queryString}`,\n      {\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      },\n    )\n\n    try {\n      const json = await res.json()\n      const deletedCount = json?.docs?.length || 0\n\n      if (res.status < 400) {\n        toast.success(\n          t('general:permanentlyDeletedCountSuccessfully', {\n            count: deletedCount,\n            label: getTranslation(labels?.plural, i18n),\n          }),\n        )\n      }\n\n      if (json?.errors?.length > 0) {\n        toast.error(json.message, {\n          description: json.errors.map((err) => err.message).join('\\n'),\n        })\n      }\n\n      router.replace(\n        qs.stringify(\n          {\n            ...Object.fromEntries(searchParams.entries()),\n            page: '1',\n          },\n          { addQueryPrefix: true },\n        ),\n      )\n\n      clearRouteCache()\n    } catch {\n      toast.error(t('error:unknown'))\n    }\n  }, [\n    collectionConfig,\n    config,\n    hasDeletePermission,\n    i18n,\n    t,\n    locale,\n    searchParams,\n    router,\n    clearRouteCache,\n  ])\n\n  return (\n    <React.Fragment>\n      <Button\n        aria-label={t('general:emptyTrashLabel', {\n          label: getTranslation(collectionConfig?.labels?.plural, i18n),\n        })}\n        buttonStyle=\"pill\"\n        disabled={trashCount === 0}\n        id=\"empty-trash-button\"\n        key=\"empty-trash-button\"\n        onClick={() => {\n          openModal(confirmEmptyTrashSlug)\n        }}\n        size=\"small\"\n      >\n        {t('general:emptyTrash')}\n      </Button>\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              '0': ({ children }) => <strong>{children}</strong>,\n              '1': ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"general:aboutToPermanentlyDeleteTrash\"\n            t={t}\n            variables={{\n              count: trashCount ?? 0,\n              label: getTranslation(\n                trashCount === 1\n                  ? collectionConfig.labels?.singular\n                  : collectionConfig.labels?.plural,\n                i18n,\n              ),\n            }}\n          />\n        }\n        confirmingLabel={t('general:deleting')}\n        heading={t('general:confirmDeletion')}\n        modalSlug={confirmEmptyTrashSlug}\n        onConfirm={handleEmptyTrash}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","getTranslation","useRouter","useSearchParams","qs","React","toast","useConfig","useLocale","useRouteCache","useTranslation","requests","Button","ConfirmationModal","Translation","confirmEmptyTrashSlug","ListEmptyTrashButton","collectionConfig","hasDeletePermission","i18n","t","code","locale","config","openModal","router","searchParams","clearRouteCache","trashCount","setTrashCount","useState","useEffect","fetchTrashCount","queryString","stringify","depth","limit","trash","where","deletedAt","exists","addQueryPrefix","res","get","serverURL","routes","api","slug","headers","language","json","totalDocs","handleEmptyTrash","useCallback","labels","delete","deletedCount","docs","length","status","success","count","label","plural","errors","error","message","description","map","err","join","replace","Object","fromEntries","entries","page","Fragment","aria-label","buttonStyle","disabled","id","onClick","size","body","elements","children","strong","i18nKey","variables","singular","confirmingLabel","heading","modalSlug","onConfirm"],"mappings":"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"}

package/dist/elements/ListHeader/TitleActions/index.js

@@ -2,4 +2,5 @@ export { ListBulkUploadButton } from './ListBulkUploadButton.js';
 export { ListCreateNewButton } from './ListCreateNewDocButton.js';
 export { ListCreateNewDocInFolderButton } from './ListCreateNewDocInFolderButton.js';
 export { ListEmptyTrashButton } from './ListEmptyTrashButton.js';
+
 //# sourceMappingURL=index.js.map

package/dist/elements/ListHeader/TitleActions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ListBulkUploadButton","ListCreateNewButton","ListCreateNewDocInFolderButton","ListEmptyTrashButton"],"sources":["../../../../src/elements/ListHeader/TitleActions/index.tsx"],"sourcesContent":["export { ListBulkUploadButton } from './ListBulkUploadButton.js'\nexport { ListCreateNewButton } from './ListCreateNewDocButton.js'\nexport { ListCreateNewDocInFolderButton } from './ListCreateNewDocInFolderButton.js'\nexport { ListEmptyTrashButton } from './ListEmptyTrashButton.js'\n"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ;AACrC,SAASC,mBAAmB,QAAQ;AACpC,SAASC,8BAA8B,QAAQ;AAC/C,SAASC,oBAAoB,QAAQ","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/ListHeader/TitleActions/index.tsx"],"sourcesContent":["export { ListBulkUploadButton } from './ListBulkUploadButton.js'\nexport { ListCreateNewButton } from './ListCreateNewDocButton.js'\nexport { ListCreateNewDocInFolderButton } from './ListCreateNewDocInFolderButton.js'\nexport { ListEmptyTrashButton } from './ListEmptyTrashButton.js'\n"],"names":["ListBulkUploadButton","ListCreateNewButton","ListCreateNewDocInFolderButton","ListEmptyTrashButton"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,4BAA2B;AAChE,SAASC,mBAAmB,QAAQ,8BAA6B;AACjE,SAASC,8BAA8B,QAAQ,sCAAqC;AACpF,SAASC,oBAAoB,QAAQ,4BAA2B"}

package/dist/elements/ListHeader/index.js

@@ -2,28 +2,41 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
 export const listHeaderClass = 'list-header';
-export const ListHeader = props => {
-  return /*#__PURE__*/_jsxs("header", {
-    className: [listHeaderClass, props.className].filter(Boolean).join(' '),
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: `${listHeaderClass}__content`,
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: `${listHeaderClass}__title-and-actions`,
-        children: [/*#__PURE__*/_jsx("h1", {
-          className: `${listHeaderClass}__title`,
-          children: props.title
-        }), props.TitleActions.length ? /*#__PURE__*/_jsx("div", {
-          className: `${listHeaderClass}__title-actions`,
-          children: props.TitleActions
-        }) : null]
-      }), props.Actions.length ? /*#__PURE__*/_jsx("div", {
-        className: `${listHeaderClass}__actions`,
-        children: props.Actions
-      }) : null]
-    }), props.AfterListHeaderContent ? /*#__PURE__*/_jsx("div", {
-      className: `${listHeaderClass}__after-header-content`,
-      children: props.AfterListHeaderContent
-    }) : null]
-  });
+export const ListHeader = (props)=>{
+    return /*#__PURE__*/ _jsxs("header", {
+        className: [
+            listHeaderClass,
+            props.className
+        ].filter(Boolean).join(' '),
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: `${listHeaderClass}__content`,
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${listHeaderClass}__title-and-actions`,
+                        children: [
+                            /*#__PURE__*/ _jsx("h1", {
+                                className: `${listHeaderClass}__title`,
+                                children: props.title
+                            }),
+                            props.TitleActions.length ? /*#__PURE__*/ _jsx("div", {
+                                className: `${listHeaderClass}__title-actions`,
+                                children: props.TitleActions
+                            }) : null
+                        ]
+                    }),
+                    props.Actions.length ? /*#__PURE__*/ _jsx("div", {
+                        className: `${listHeaderClass}__actions`,
+                        children: props.Actions
+                    }) : null
+                ]
+            }),
+            props.AfterListHeaderContent ? /*#__PURE__*/ _jsx("div", {
+                className: `${listHeaderClass}__after-header-content`,
+                children: props.AfterListHeaderContent
+            }) : null
+        ]
+    });
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","listHeaderClass","ListHeader","props","_jsxs","className","filter","Boolean","join","_jsx","title","TitleActions","length","Actions","AfterListHeaderContent"],"sources":["../../../src/elements/ListHeader/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const listHeaderClass = 'list-header'\n\ntype ListHeaderProps = {\n  readonly Actions?: React.ReactNode[]\n  readonly AfterListHeaderContent?: React.ReactNode\n  readonly className?: string\n  readonly title: string\n  readonly TitleActions?: React.ReactNode[]\n}\nexport const ListHeader: React.FC<ListHeaderProps> = (props) => {\n  return (\n    <header className={[listHeaderClass, props.className].filter(Boolean).join(' ')}>\n      <div className={`${listHeaderClass}__content`}>\n        <div className={`${listHeaderClass}__title-and-actions`}>\n          <h1 className={`${listHeaderClass}__title`}>{props.title}</h1>\n          {props.TitleActions.length ? (\n            <div className={`${listHeaderClass}__title-actions`}>{props.TitleActions}</div>\n          ) : null}\n        </div>\n        {props.Actions.length ? (\n          <div className={`${listHeaderClass}__actions`}>{props.Actions}</div>\n        ) : null}\n      </div>\n      {props.AfterListHeaderContent ? (\n        <div className={`${listHeaderClass}__after-header-content`}>\n          {props.AfterListHeaderContent}\n        </div>\n      ) : null}\n    </header>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,eAAA,GAAkB;AAS/B,OAAO,MAAMC,UAAA,GAAyCC,KAAA;EACpD,oBACEC,KAAA,CAAC;IAAOC,SAAA,EAAW,CAACJ,eAAA,EAAiBE,KAAA,CAAME,SAAS,CAAC,CAACC,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BACzEJ,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGJ,eAAA,WAA0B;8BAC3CG,KAAA,CAAC;QAAIC,SAAA,EAAW,GAAGJ,eAAA,qBAAoC;gCACrDQ,IAAA,CAAC;UAAGJ,SAAA,EAAW,GAAGJ,eAAA,SAAwB;oBAAGE,KAAA,CAAMO;YAClDP,KAAA,CAAMQ,YAAY,CAACC,MAAM,gBACxBH,IAAA,CAAC;UAAIJ,SAAA,EAAW,GAAGJ,eAAA,iBAAgC;oBAAGE,KAAA,CAAMQ;aAC1D;UAELR,KAAA,CAAMU,OAAO,CAACD,MAAM,gBACnBH,IAAA,CAAC;QAAIJ,SAAA,EAAW,GAAGJ,eAAA,WAA0B;kBAAGE,KAAA,CAAMU;WACpD;QAELV,KAAA,CAAMW,sBAAsB,gBAC3BL,IAAA,CAAC;MAAIJ,SAAA,EAAW,GAAGJ,eAAA,wBAAuC;gBACvDE,KAAA,CAAMW;SAEP;;AAGV","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/ListHeader/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const listHeaderClass = 'list-header'\n\ntype ListHeaderProps = {\n  readonly Actions?: React.ReactNode[]\n  readonly AfterListHeaderContent?: React.ReactNode\n  readonly className?: string\n  readonly title: string\n  readonly TitleActions?: React.ReactNode[]\n}\nexport const ListHeader: React.FC<ListHeaderProps> = (props) => {\n  return (\n    <header className={[listHeaderClass, props.className].filter(Boolean).join(' ')}>\n      <div className={`${listHeaderClass}__content`}>\n        <div className={`${listHeaderClass}__title-and-actions`}>\n          <h1 className={`${listHeaderClass}__title`}>{props.title}</h1>\n          {props.TitleActions.length ? (\n            <div className={`${listHeaderClass}__title-actions`}>{props.TitleActions}</div>\n          ) : null}\n        </div>\n        {props.Actions.length ? (\n          <div className={`${listHeaderClass}__actions`}>{props.Actions}</div>\n        ) : null}\n      </div>\n      {props.AfterListHeaderContent ? (\n        <div className={`${listHeaderClass}__after-header-content`}>\n          {props.AfterListHeaderContent}\n        </div>\n      ) : null}\n    </header>\n  )\n}\n"],"names":["React","listHeaderClass","ListHeader","props","header","className","filter","Boolean","join","div","h1","title","TitleActions","length","Actions","AfterListHeaderContent"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,kBAAkB,cAAa;AAS5C,OAAO,MAAMC,aAAwC,CAACC;IACpD,qBACE,MAACC;QAAOC,WAAW;YAACJ;YAAiBE,MAAME,SAAS;SAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC;;0BACzE,MAACC;gBAAIJ,WAAW,GAAGJ,gBAAgB,SAAS,CAAC;;kCAC3C,MAACQ;wBAAIJ,WAAW,GAAGJ,gBAAgB,mBAAmB,CAAC;;0CACrD,KAACS;gCAAGL,WAAW,GAAGJ,gBAAgB,OAAO,CAAC;0CAAGE,MAAMQ,KAAK;;4BACvDR,MAAMS,YAAY,CAACC,MAAM,iBACxB,KAACJ;gCAAIJ,WAAW,GAAGJ,gBAAgB,eAAe,CAAC;0CAAGE,MAAMS,YAAY;iCACtE;;;oBAELT,MAAMW,OAAO,CAACD,MAAM,iBACnB,KAACJ;wBAAIJ,WAAW,GAAGJ,gBAAgB,SAAS,CAAC;kCAAGE,MAAMW,OAAO;yBAC3D;;;YAELX,MAAMY,sBAAsB,iBAC3B,KAACN;gBAAIJ,WAAW,GAAGJ,gBAAgB,sBAAsB,CAAC;0BACvDE,MAAMY,sBAAsB;iBAE7B;;;AAGV,EAAC"}