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

package/dist/elements/RestoreMany/index.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';
@@ -22,173 +21,157 @@ import { ListSelectionButton } from '../ListSelection/index.js';
 import './index.scss';
 const confirmManyRestoreDrawerSlug = `confirm-restore-many-docs`;
 const baseClass = 'restore-many';
-export const RestoreMany = props => {
-  const {
-    collection: {
-      slug
-    } = {},
-    viewType
-  } = props;
-  const {
-    permissions
-  } = useAuth();
-  const {
-    config: {
-      collections,
-      routes,
-      serverURL
-    }
-  } = useConfig();
-  const {
-    code: locale
-  } = useLocale();
-  const router = useRouter();
-  const {
-    clearRouteCache
-  } = useRouteCache();
-  const searchParams = useSearchParams();
-  const {
-    count,
-    getSelectedIds,
-    selectAll,
-    toggleAll
-  } = useSelection();
-  const {
-    openModal
-  } = useModal();
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const [restoreAsPublished, setRestoreAsPublished] = React.useState(false);
-  const collectionPermissions = permissions?.collections?.[slug];
-  const hasUpdatePermission = collectionPermissions?.update;
-  if (selectAll === SelectAllStatus.None || !hasUpdatePermission || viewType !== 'trash') {
-    return null;
-  }
-  const selectingAll = selectAll === SelectAllStatus.AllAvailable;
-  const selectedIDs = !selectingAll ? getSelectedIds() : [];
-  const baseWhere = parseSearchParams(searchParams)?.where;
-  const finalWhere = {
-    and: [...(Array.isArray(baseWhere?.and) ? baseWhere.and : baseWhere ? [baseWhere] : []), {
-      deletedAt: {
-        exists: true
-      }
-    }]
-  };
-  const handleRestore = async () => {
-    const collectionConfig = collections.find(c => c.slug === slug);
-    if (!collectionConfig) {
-      return;
+export const RestoreMany = (props)=>{
+    const { collection: { slug } = {}, viewType } = props;
+    const { permissions } = useAuth();
+    const { config: { collections, routes, serverURL } } = useConfig();
+    const { code: locale } = useLocale();
+    const router = useRouter();
+    const { clearRouteCache } = useRouteCache();
+    const searchParams = useSearchParams();
+    const { count, getSelectedIds, selectAll, toggleAll } = useSelection();
+    const { openModal } = useModal();
+    const { i18n, t } = useTranslation();
+    const [restoreAsPublished, setRestoreAsPublished] = React.useState(false);
+    const collectionPermissions = permissions?.collections?.[slug];
+    const hasUpdatePermission = collectionPermissions?.update;
+    if (selectAll === SelectAllStatus.None || !hasUpdatePermission || viewType !== 'trash') {
+        return null;
     }
-    let whereConstraint;
-    if (selectingAll) {
-      whereConstraint = finalWhere;
-    } else {
-      whereConstraint = {
-        and: [{
-          id: {
-            in: selectedIDs
-          }
+    const selectingAll = selectAll === SelectAllStatus.AllAvailable;
+    const selectedIDs = !selectingAll ? getSelectedIds() : [];
+    const baseWhere = parseSearchParams(searchParams)?.where;
+    const finalWhere = {
+        and: [
+            ...Array.isArray(baseWhere?.and) ? baseWhere.and : baseWhere ? [
+                baseWhere
+            ] : [],
+            {
+                deletedAt: {
+                    exists: true
+                }
+            }
+        ]
+    };
+    const handleRestore = async ()=>{
+        const collectionConfig = collections.find((c)=>c.slug === slug);
+        if (!collectionConfig) {
+            return;
+        }
+        let whereConstraint;
+        if (selectingAll) {
+            whereConstraint = finalWhere;
+        } else {
+            whereConstraint = {
+                and: [
+                    {
+                        id: {
+                            in: selectedIDs
+                        }
+                    },
+                    {
+                        deletedAt: {
+                            exists: true
+                        }
+                    }
+                ]
+            };
+        }
+        const url = `${serverURL}${routes.api}/${slug}${qs.stringify({
+            limit: 0,
+            locale,
+            select: {},
+            trash: true,
+            // Ensure trashed docs are returned
+            where: mergeListSearchAndWhere({
+                collectionConfig,
+                search: parseSearchParams(searchParams)?.search,
+                where: whereConstraint
+            })
         }, {
-          deletedAt: {
-            exists: true
-          }
-        }]
-      };
-    }
-    const url = `${serverURL}${routes.api}/${slug}${qs.stringify({
-      limit: 0,
-      locale,
-      select: {},
-      trash: true,
-      where: mergeListSearchAndWhere({
-        collectionConfig,
-        search: parseSearchParams(searchParams)?.search,
-        where: whereConstraint
-      })
-    }, {
-      addQueryPrefix: true
-    })}`;
-    const body = {
-      deletedAt: null
+            addQueryPrefix: true
+        })}`;
+        const body = {
+            deletedAt: null
+        };
+        // Only include _status if drafts are enabled
+        if (collectionConfig?.versions?.drafts) {
+            body._status = restoreAsPublished ? 'published' : 'draft';
+        }
+        const restoreManyResponse = await requests.patch(url, {
+            body: JSON.stringify(body),
+            headers: {
+                'Accept-Language': i18n.language,
+                'Content-Type': 'application/json'
+            }
+        });
+        try {
+            const { plural, singular } = collectionConfig.labels;
+            const json = await restoreManyResponse.json();
+            const restoredDocs = json?.docs?.length || 0;
+            const successLabel = restoredDocs > 1 ? plural : singular;
+            if (restoreManyResponse.status < 400 || restoredDocs > 0) {
+                toast.success(t('general:restoredCountSuccessfully', {
+                    count: restoredDocs,
+                    label: getTranslation(successLabel, i18n)
+                }));
+            }
+            if (json?.errors?.length > 0) {
+                toast.error(json.message, {
+                    description: json.errors.map((e)=>e.message).join('\n')
+                });
+            }
+        } catch (err) {
+            toast.error(t('error:unknown'));
+        }
+        toggleAll();
+        router.replace(qs.stringify({
+            ...parseSearchParams(searchParams),
+            page: selectingAll ? '1' : undefined
+        }, {
+            addQueryPrefix: true
+        }));
+        clearRouteCache();
     };
-    // Only include _status if drafts are enabled
-    if (collectionConfig?.versions?.drafts) {
-      body._status = restoreAsPublished ? 'published' : 'draft';
-    }
-    const restoreManyResponse = await requests.patch(url, {
-      body: JSON.stringify(body),
-      headers: {
-        'Accept-Language': i18n.language,
-        'Content-Type': 'application/json'
-      }
+    const collectionConfig = collections.find(({ slug: s })=>s === slug);
+    const labelString = getTranslation(count === 1 ? collectionConfig.labels.singular : collectionConfig.labels.plural, i18n);
+    return /*#__PURE__*/ _jsxs(React.Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(ListSelectionButton, {
+                "aria-label": t('general:restore'),
+                className: "restore-documents__toggle",
+                onClick: ()=>{
+                    openModal(confirmManyRestoreDrawerSlug);
+                },
+                children: t('general:restore')
+            }),
+            /*#__PURE__*/ _jsx(ConfirmationModal, {
+                body: /*#__PURE__*/ _jsxs(React.Fragment, {
+                    children: [
+                        t(collectionConfig?.versions?.drafts ? 'general:aboutToRestoreAsDraftCount' : 'general:aboutToRestoreCount', {
+                            count,
+                            label: labelString
+                        }),
+                        collectionConfig?.versions?.drafts && /*#__PURE__*/ _jsx("div", {
+                            className: `${baseClass}__checkbox`,
+                            children: /*#__PURE__*/ _jsx(CheckboxInput, {
+                                checked: restoreAsPublished,
+                                id: "restore-as-published-many",
+                                label: t('general:restoreAsPublished'),
+                                name: "restore-as-published-many",
+                                onToggle: (e)=>setRestoreAsPublished(e.target.checked)
+                            })
+                        })
+                    ]
+                }),
+                className: baseClass,
+                confirmingLabel: t('general:restoring'),
+                heading: t('general:confirmRestoration'),
+                modalSlug: confirmManyRestoreDrawerSlug,
+                onConfirm: handleRestore
+            })
+        ]
     });
-    try {
-      const {
-        plural,
-        singular
-      } = collectionConfig.labels;
-      const json = await restoreManyResponse.json();
-      const restoredDocs = json?.docs?.length || 0;
-      const successLabel = restoredDocs > 1 ? plural : singular;
-      if (restoreManyResponse.status < 400 || restoredDocs > 0) {
-        toast.success(t('general:restoredCountSuccessfully', {
-          count: restoredDocs,
-          label: getTranslation(successLabel, i18n)
-        }));
-      }
-      if (json?.errors?.length > 0) {
-        toast.error(json.message, {
-          description: json.errors.map(e => e.message).join('\n')
-        });
-      }
-    } catch (err) {
-      toast.error(t('error:unknown'));
-    }
-    toggleAll();
-    router.replace(qs.stringify({
-      ...parseSearchParams(searchParams),
-      page: selectingAll ? '1' : undefined
-    }, {
-      addQueryPrefix: true
-    }));
-    clearRouteCache();
-  };
-  const collectionConfig_0 = collections.find(({
-    slug: s
-  }) => s === slug);
-  const labelString = getTranslation(count === 1 ? collectionConfig_0.labels.singular : collectionConfig_0.labels.plural, i18n);
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(ListSelectionButton, {
-      "aria-label": t('general:restore'),
-      className: "restore-documents__toggle",
-      onClick: () => {
-        openModal(confirmManyRestoreDrawerSlug);
-      },
-      children: t('general:restore')
-    }), /*#__PURE__*/_jsx(ConfirmationModal, {
-      body: /*#__PURE__*/_jsxs(React.Fragment, {
-        children: [t(collectionConfig_0?.versions?.drafts ? 'general:aboutToRestoreAsDraftCount' : 'general:aboutToRestoreCount', {
-          count,
-          label: labelString
-        }), collectionConfig_0?.versions?.drafts && /*#__PURE__*/_jsx("div", {
-          className: `${baseClass}__checkbox`,
-          children: /*#__PURE__*/_jsx(CheckboxInput, {
-            checked: restoreAsPublished,
-            id: "restore-as-published-many",
-            label: t('general:restoreAsPublished'),
-            name: "restore-as-published-many",
-            onToggle: e_0 => setRestoreAsPublished(e_0.target.checked)
-          })
-        })]
-      }),
-      className: baseClass,
-      confirmingLabel: t('general:restoring'),
-      heading: t('general:confirmRestoration'),
-      modalSlug: confirmManyRestoreDrawerSlug,
-      onConfirm: handleRestore
-    })]
-  });
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useModal","getTranslation","useRouter","useSearchParams","mergeListSearchAndWhere","qs","React","toast","CheckboxInput","useAuth","useConfig","useLocale","useRouteCache","SelectAllStatus","useSelection","useTranslation","requests","parseSearchParams","ConfirmationModal","ListSelectionButton","confirmManyRestoreDrawerSlug","baseClass","RestoreMany","props","collection","slug","viewType","permissions","config","collections","routes","serverURL","code","locale","router","clearRouteCache","searchParams","count","getSelectedIds","selectAll","toggleAll","openModal","i18n","t","restoreAsPublished","setRestoreAsPublished","useState","collectionPermissions","hasUpdatePermission","update","None","selectingAll","AllAvailable","selectedIDs","baseWhere","where","finalWhere","and","Array","isArray","deletedAt","exists","handleRestore","collectionConfig","find","c","whereConstraint","id","in","url","api","stringify","limit","select","trash","search","addQueryPrefix","body","versions","drafts","_status","restoreManyResponse","patch","JSON","headers","language","plural","singular","labels","json","restoredDocs","docs","length","successLabel","status","success","label","errors","error","message","description","map","e","join","err","replace","page","undefined","s","labelString","_jsxs","Fragment","_jsx","className","onClick","checked","name","onToggle","target","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../src/elements/RestoreMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ViewTypes, 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 { CheckboxInput } from '../../fields/Checkbox/Input.js'\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'\nimport './index.scss'\n\nconst confirmManyRestoreDrawerSlug = `confirm-restore-many-docs`\n\nconst baseClass = 'restore-many'\n\nexport type Props = {\n  collection: ClientCollectionConfig\n  viewType?: ViewTypes\n}\n\nexport const RestoreMany: React.FC<Props> = (props) => {\n  const { collection: { slug } = {}, viewType } = props\n\n  const { permissions } = useAuth()\n  const {\n    config: { collections, routes, serverURL },\n  } = useConfig()\n  const { code: locale } = useLocale()\n  const router = useRouter()\n  const { clearRouteCache } = useRouteCache()\n  const searchParams = useSearchParams()\n  const { count, getSelectedIds, selectAll, toggleAll } = useSelection()\n  const { openModal } = useModal()\n\n  const { i18n, t } = useTranslation()\n\n  const [restoreAsPublished, setRestoreAsPublished] = React.useState(false)\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasUpdatePermission = collectionPermissions?.update\n\n  if (selectAll === SelectAllStatus.None || !hasUpdatePermission || viewType !== 'trash') {\n    return null\n  }\n\n  const selectingAll = selectAll === SelectAllStatus.AllAvailable\n  const selectedIDs = !selectingAll ? getSelectedIds() : []\n\n  const baseWhere = parseSearchParams(searchParams)?.where as Where\n\n  const finalWhere = {\n    and: [\n      ...(Array.isArray(baseWhere?.and) ? baseWhere.and : baseWhere ? [baseWhere] : []),\n      { deletedAt: { exists: true } },\n    ],\n  }\n\n  const handleRestore = async () => {\n    const collectionConfig = collections.find((c) => c.slug === slug)\n    if (!collectionConfig) {\n      return\n    }\n\n    let whereConstraint: Where\n\n    if (selectingAll) {\n      whereConstraint = finalWhere\n    } else {\n      whereConstraint = {\n        and: [{ id: { in: selectedIDs } }, { deletedAt: { exists: true } }],\n      }\n    }\n\n    const url = `${serverURL}${routes.api}/${slug}${qs.stringify(\n      {\n        limit: 0,\n        locale,\n        select: {},\n        trash: true, // Ensure trashed docs are returned\n        where: mergeListSearchAndWhere({\n          collectionConfig,\n          search: parseSearchParams(searchParams)?.search as string,\n          where: whereConstraint,\n        }),\n      },\n      { addQueryPrefix: true },\n    )}`\n\n    const body: Record<string, unknown> = {\n      deletedAt: null,\n    }\n\n    // Only include _status if drafts are enabled\n    if (collectionConfig?.versions?.drafts) {\n      body._status = restoreAsPublished ? 'published' : 'draft'\n    }\n\n    const restoreManyResponse = await requests.patch(url, {\n      body: JSON.stringify(body),\n      headers: {\n        'Accept-Language': i18n.language,\n        'Content-Type': 'application/json',\n      },\n    })\n\n    try {\n      const { plural, singular } = collectionConfig.labels\n      const json = await restoreManyResponse.json()\n\n      const restoredDocs = json?.docs?.length || 0\n      const successLabel = restoredDocs > 1 ? plural : singular\n\n      if (restoreManyResponse.status < 400 || restoredDocs > 0) {\n        toast.success(\n          t('general:restoredCountSuccessfully', {\n            count: restoredDocs,\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((e) => e.message).join('\\n'),\n        })\n      }\n    } catch (err) {\n      toast.error(t('error:unknown'))\n    }\n\n    toggleAll()\n\n    router.replace(\n      qs.stringify(\n        {\n          ...parseSearchParams(searchParams),\n          page: selectingAll ? '1' : undefined,\n        },\n        { addQueryPrefix: true },\n      ),\n    )\n\n    clearRouteCache()\n  }\n\n  const collectionConfig = collections.find(({ slug: s }) => s === slug)\n\n  const labelString = getTranslation(\n    count === 1 ? collectionConfig.labels.singular : collectionConfig.labels.plural,\n    i18n,\n  )\n\n  return (\n    <React.Fragment>\n      <ListSelectionButton\n        aria-label={t('general:restore')}\n        className=\"restore-documents__toggle\"\n        onClick={() => {\n          openModal(confirmManyRestoreDrawerSlug)\n        }}\n      >\n        {t('general:restore')}\n      </ListSelectionButton>\n      <ConfirmationModal\n        body={\n          <React.Fragment>\n            {t(\n              collectionConfig?.versions?.drafts\n                ? 'general:aboutToRestoreAsDraftCount'\n                : 'general:aboutToRestoreCount',\n              {\n                count,\n                label: labelString,\n              },\n            )}\n            {collectionConfig?.versions?.drafts && (\n              <div className={`${baseClass}__checkbox`}>\n                <CheckboxInput\n                  checked={restoreAsPublished}\n                  id=\"restore-as-published-many\"\n                  label={t('general:restoreAsPublished')}\n                  name=\"restore-as-published-many\"\n                  onToggle={(e) => setRestoreAsPublished(e.target.checked)}\n                />\n              </div>\n            )}\n          </React.Fragment>\n        }\n        className={baseClass}\n        confirmingLabel={t('general:restoring')}\n        heading={t('general:confirmRestoration')}\n        modalSlug={confirmManyRestoreDrawerSlug}\n        onConfirm={handleRestore}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/RestoreMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ViewTypes, 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 { CheckboxInput } from '../../fields/Checkbox/Input.js'\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'\nimport './index.scss'\n\nconst confirmManyRestoreDrawerSlug = `confirm-restore-many-docs`\n\nconst baseClass = 'restore-many'\n\nexport type Props = {\n  collection: ClientCollectionConfig\n  viewType?: ViewTypes\n}\n\nexport const RestoreMany: React.FC<Props> = (props) => {\n  const { collection: { slug } = {}, viewType } = props\n\n  const { permissions } = useAuth()\n  const {\n    config: { collections, routes, serverURL },\n  } = useConfig()\n  const { code: locale } = useLocale()\n  const router = useRouter()\n  const { clearRouteCache } = useRouteCache()\n  const searchParams = useSearchParams()\n  const { count, getSelectedIds, selectAll, toggleAll } = useSelection()\n  const { openModal } = useModal()\n\n  const { i18n, t } = useTranslation()\n\n  const [restoreAsPublished, setRestoreAsPublished] = React.useState(false)\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasUpdatePermission = collectionPermissions?.update\n\n  if (selectAll === SelectAllStatus.None || !hasUpdatePermission || viewType !== 'trash') {\n    return null\n  }\n\n  const selectingAll = selectAll === SelectAllStatus.AllAvailable\n  const selectedIDs = !selectingAll ? getSelectedIds() : []\n\n  const baseWhere = parseSearchParams(searchParams)?.where as Where\n\n  const finalWhere = {\n    and: [\n      ...(Array.isArray(baseWhere?.and) ? baseWhere.and : baseWhere ? [baseWhere] : []),\n      { deletedAt: { exists: true } },\n    ],\n  }\n\n  const handleRestore = async () => {\n    const collectionConfig = collections.find((c) => c.slug === slug)\n    if (!collectionConfig) {\n      return\n    }\n\n    let whereConstraint: Where\n\n    if (selectingAll) {\n      whereConstraint = finalWhere\n    } else {\n      whereConstraint = {\n        and: [{ id: { in: selectedIDs } }, { deletedAt: { exists: true } }],\n      }\n    }\n\n    const url = `${serverURL}${routes.api}/${slug}${qs.stringify(\n      {\n        limit: 0,\n        locale,\n        select: {},\n        trash: true, // Ensure trashed docs are returned\n        where: mergeListSearchAndWhere({\n          collectionConfig,\n          search: parseSearchParams(searchParams)?.search as string,\n          where: whereConstraint,\n        }),\n      },\n      { addQueryPrefix: true },\n    )}`\n\n    const body: Record<string, unknown> = {\n      deletedAt: null,\n    }\n\n    // Only include _status if drafts are enabled\n    if (collectionConfig?.versions?.drafts) {\n      body._status = restoreAsPublished ? 'published' : 'draft'\n    }\n\n    const restoreManyResponse = await requests.patch(url, {\n      body: JSON.stringify(body),\n      headers: {\n        'Accept-Language': i18n.language,\n        'Content-Type': 'application/json',\n      },\n    })\n\n    try {\n      const { plural, singular } = collectionConfig.labels\n      const json = await restoreManyResponse.json()\n\n      const restoredDocs = json?.docs?.length || 0\n      const successLabel = restoredDocs > 1 ? plural : singular\n\n      if (restoreManyResponse.status < 400 || restoredDocs > 0) {\n        toast.success(\n          t('general:restoredCountSuccessfully', {\n            count: restoredDocs,\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((e) => e.message).join('\\n'),\n        })\n      }\n    } catch (err) {\n      toast.error(t('error:unknown'))\n    }\n\n    toggleAll()\n\n    router.replace(\n      qs.stringify(\n        {\n          ...parseSearchParams(searchParams),\n          page: selectingAll ? '1' : undefined,\n        },\n        { addQueryPrefix: true },\n      ),\n    )\n\n    clearRouteCache()\n  }\n\n  const collectionConfig = collections.find(({ slug: s }) => s === slug)\n\n  const labelString = getTranslation(\n    count === 1 ? collectionConfig.labels.singular : collectionConfig.labels.plural,\n    i18n,\n  )\n\n  return (\n    <React.Fragment>\n      <ListSelectionButton\n        aria-label={t('general:restore')}\n        className=\"restore-documents__toggle\"\n        onClick={() => {\n          openModal(confirmManyRestoreDrawerSlug)\n        }}\n      >\n        {t('general:restore')}\n      </ListSelectionButton>\n      <ConfirmationModal\n        body={\n          <React.Fragment>\n            {t(\n              collectionConfig?.versions?.drafts\n                ? 'general:aboutToRestoreAsDraftCount'\n                : 'general:aboutToRestoreCount',\n              {\n                count,\n                label: labelString,\n              },\n            )}\n            {collectionConfig?.versions?.drafts && (\n              <div className={`${baseClass}__checkbox`}>\n                <CheckboxInput\n                  checked={restoreAsPublished}\n                  id=\"restore-as-published-many\"\n                  label={t('general:restoreAsPublished')}\n                  name=\"restore-as-published-many\"\n                  onToggle={(e) => setRestoreAsPublished(e.target.checked)}\n                />\n              </div>\n            )}\n          </React.Fragment>\n        }\n        className={baseClass}\n        confirmingLabel={t('general:restoring')}\n        heading={t('general:confirmRestoration')}\n        modalSlug={confirmManyRestoreDrawerSlug}\n        onConfirm={handleRestore}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","getTranslation","useRouter","useSearchParams","mergeListSearchAndWhere","qs","React","toast","CheckboxInput","useAuth","useConfig","useLocale","useRouteCache","SelectAllStatus","useSelection","useTranslation","requests","parseSearchParams","ConfirmationModal","ListSelectionButton","confirmManyRestoreDrawerSlug","baseClass","RestoreMany","props","collection","slug","viewType","permissions","config","collections","routes","serverURL","code","locale","router","clearRouteCache","searchParams","count","getSelectedIds","selectAll","toggleAll","openModal","i18n","t","restoreAsPublished","setRestoreAsPublished","useState","collectionPermissions","hasUpdatePermission","update","None","selectingAll","AllAvailable","selectedIDs","baseWhere","where","finalWhere","and","Array","isArray","deletedAt","exists","handleRestore","collectionConfig","find","c","whereConstraint","id","in","url","api","stringify","limit","select","trash","search","addQueryPrefix","body","versions","drafts","_status","restoreManyResponse","patch","JSON","headers","language","plural","singular","labels","json","restoredDocs","docs","length","successLabel","status","success","label","errors","error","message","description","map","e","join","err","replace","page","undefined","s","labelString","Fragment","aria-label","className","onClick","div","checked","name","onToggle","target","confirmingLabel","heading","modalSlug","onConfirm"],"mappings":"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"}

package/dist/elements/SaveButton/index.js

@@ -1,5 +1,4 @@
 'use client';
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useRef } from 'react';
 import { useForm, useFormModified } from '../../forms/Form/context.js';
@@ -9,52 +8,46 @@ import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { useOperation } from '../../providers/Operation/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-export function SaveButton({
-  label: labelProp
-}) {
-  const {
-    uploadStatus
-  } = useDocumentInfo();
-  const {
-    t
-  } = useTranslation();
-  const {
-    submit
-  } = useForm();
-  const modified = useFormModified();
-  const label = labelProp || t('general:save');
-  const ref = useRef(null);
-  const editDepth = useEditDepth();
-  const operation = useOperation();
-  const disabled = operation === 'update' && !modified || uploadStatus === 'uploading';
-  useHotkey({
-    cmdCtrlKey: true,
-    editDepth,
-    keyCodes: ['s']
-  }, e => {
-    if (disabled) {
-      // absorb the event
-    }
-    e.preventDefault();
-    e.stopPropagation();
-    if (ref?.current) {
-      ref.current.click();
-    }
-  });
-  const handleSubmit = () => {
-    if (uploadStatus === 'uploading') {
-      return;
-    }
-    return void submit();
-  };
-  return /*#__PURE__*/_jsx(FormSubmit, {
-    buttonId: "action-save",
-    disabled: disabled,
-    onClick: handleSubmit,
-    ref: ref,
-    size: "medium",
-    type: "button",
-    children: label
-  });
+export function SaveButton({ label: labelProp }) {
+    const { uploadStatus } = useDocumentInfo();
+    const { t } = useTranslation();
+    const { submit } = useForm();
+    const modified = useFormModified();
+    const label = labelProp || t('general:save');
+    const ref = useRef(null);
+    const editDepth = useEditDepth();
+    const operation = useOperation();
+    const disabled = operation === 'update' && !modified || uploadStatus === 'uploading';
+    useHotkey({
+        cmdCtrlKey: true,
+        editDepth,
+        keyCodes: [
+            's'
+        ]
+    }, (e)=>{
+        if (disabled) {}
+        // absorb the event
+        e.preventDefault();
+        e.stopPropagation();
+        if (ref?.current) {
+            ref.current.click();
+        }
+    });
+    const handleSubmit = ()=>{
+        if (uploadStatus === 'uploading') {
+            return;
+        }
+        return void submit();
+    };
+    return /*#__PURE__*/ _jsx(FormSubmit, {
+        buttonId: "action-save",
+        disabled: disabled,
+        onClick: handleSubmit,
+        ref: ref,
+        size: "medium",
+        type: "button",
+        children: label
+    });
 }
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useRef","useForm","useFormModified","FormSubmit","useHotkey","useDocumentInfo","useEditDepth","useOperation","useTranslation","SaveButton","label","labelProp","uploadStatus","t","submit","modified","ref","editDepth","operation","disabled","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","handleSubmit","_jsx","buttonId","onClick","size","type"],"sources":["../../../src/elements/SaveButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SaveButtonClientProps } from 'payload'\n\nimport React, { useRef } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport function SaveButton({ label: labelProp }: SaveButtonClientProps) {\n  const { uploadStatus } = useDocumentInfo()\n  const { t } = useTranslation()\n  const { submit } = useForm()\n  const modified = useFormModified()\n  const label = labelProp || t('general:save')\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n  const operation = useOperation()\n\n  const disabled = (operation === 'update' && !modified) || uploadStatus === 'uploading'\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    if (disabled) {\n      // absorb the event\n    }\n\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  const handleSubmit = () => {\n    if (uploadStatus === 'uploading') {\n      return\n    }\n\n    return void submit()\n  }\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save\"\n      disabled={disabled}\n      onClick={handleSubmit}\n      ref={ref}\n      size=\"medium\"\n      type=\"button\"\n    >\n      {label}\n    </FormSubmit>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,IAASC,MAAM,QAAQ;AAE9B,SAASC,OAAO,EAAEC,eAAe,QAAQ;AACzC,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,YAAY,QAAQ;AAC7B,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAE/B,OAAO,SAASC,WAAW;EAAEC,KAAA,EAAOC;AAAS,CAAyB;EACpE,MAAM;IAAEC;EAAY,CAAE,GAAGP,eAAA;EACzB,MAAM;IAAEQ;EAAC,CAAE,GAAGL,cAAA;EACd,MAAM;IAAEM;EAAM,CAAE,GAAGb,OAAA;EACnB,MAAMc,QAAA,GAAWb,eAAA;EACjB,MAAMQ,KAAA,GAAQC,SAAA,IAAaE,CAAA,CAAE;EAC7B,MAAMG,GAAA,GAAMhB,MAAA,CAA0B;EACtC,MAAMiB,SAAA,GAAYX,YAAA;EAClB,MAAMY,SAAA,GAAYX,YAAA;EAElB,MAAMY,QAAA,GAAWD,SAAC,KAAc,YAAY,CAACH,QAAA,IAAaH,YAAA,KAAiB;EAE3ER,SAAA,CAAU;IAAEgB,UAAA,EAAY;IAAMH,SAAA;IAAWI,QAAA,EAAU,CAAC;EAAK,GAAIC,CAAA;IAC3D,IAAIH,QAAA,EAAU;MACZ;IAAA;IAGFG,CAAA,CAAEC,cAAc;IAChBD,CAAA,CAAEE,eAAe;IACjB,IAAIR,GAAA,EAAKS,OAAA,EAAS;MAChBT,GAAA,CAAIS,OAAO,CAACC,KAAK;IACnB;EACF;EAEA,MAAMC,YAAA,GAAeA,CAAA;IACnB,IAAIf,YAAA,KAAiB,aAAa;MAChC;IACF;IAEA,OAAO,KAAKE,MAAA;EACd;EAEA,oBACEc,IAAA,CAACzB,UAAA;IACC0B,QAAA,EAAS;IACTV,QAAA,EAAUA,QAAA;IACVW,OAAA,EAASH,YAAA;IACTX,GAAA,EAAKA,GAAA;IACLe,IAAA,EAAK;IACLC,IAAA,EAAK;cAEJtB;;AAGP","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/SaveButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SaveButtonClientProps } from 'payload'\n\nimport React, { useRef } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport function SaveButton({ label: labelProp }: SaveButtonClientProps) {\n  const { uploadStatus } = useDocumentInfo()\n  const { t } = useTranslation()\n  const { submit } = useForm()\n  const modified = useFormModified()\n  const label = labelProp || t('general:save')\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n  const operation = useOperation()\n\n  const disabled = (operation === 'update' && !modified) || uploadStatus === 'uploading'\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    if (disabled) {\n      // absorb the event\n    }\n\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  const handleSubmit = () => {\n    if (uploadStatus === 'uploading') {\n      return\n    }\n\n    return void submit()\n  }\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save\"\n      disabled={disabled}\n      onClick={handleSubmit}\n      ref={ref}\n      size=\"medium\"\n      type=\"button\"\n    >\n      {label}\n    </FormSubmit>\n  )\n}\n"],"names":["React","useRef","useForm","useFormModified","FormSubmit","useHotkey","useDocumentInfo","useEditDepth","useOperation","useTranslation","SaveButton","label","labelProp","uploadStatus","t","submit","modified","ref","editDepth","operation","disabled","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","handleSubmit","buttonId","onClick","size","type"],"mappings":"AAAA;;AAIA,OAAOA,SAASC,MAAM,QAAQ,QAAO;AAErC,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,2BAA0B;AACpD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AAErE,OAAO,SAASC,WAAW,EAAEC,OAAOC,SAAS,EAAyB;IACpE,MAAM,EAAEC,YAAY,EAAE,GAAGP;IACzB,MAAM,EAAEQ,CAAC,EAAE,GAAGL;IACd,MAAM,EAAEM,MAAM,EAAE,GAAGb;IACnB,MAAMc,WAAWb;IACjB,MAAMQ,QAAQC,aAAaE,EAAE;IAC7B,MAAMG,MAAMhB,OAA0B;IACtC,MAAMiB,YAAYX;IAClB,MAAMY,YAAYX;IAElB,MAAMY,WAAW,AAACD,cAAc,YAAY,CAACH,YAAaH,iBAAiB;IAE3ER,UAAU;QAAEgB,YAAY;QAAMH;QAAWI,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3D,IAAIH,UAAU,CAEd;QADE,mBAAmB;QAGrBG,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIR,KAAKS,SAAS;YAChBT,IAAIS,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,MAAMC,eAAe;QACnB,IAAIf,iBAAiB,aAAa;YAChC;QACF;QAEA,OAAO,KAAKE;IACd;IAEA,qBACE,KAACX;QACCyB,UAAS;QACTT,UAAUA;QACVU,SAASF;QACTX,KAAKA;QACLc,MAAK;QACLC,MAAK;kBAEJrB;;AAGP"}