@payloadcms/ui 3.0.0-beta.9 → 3.0.0-beta.91

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/UnpublishMany/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAapD,OAAO,cAAc,CAAA;AAIrB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAE3D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,sBAAsB,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmHtD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/UnpublishMany/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAWpD,OAAO,cAAc,CAAA;AAIrB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAIrD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,sBAAsB,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqHtD,CAAA"}

package/dist/elements/UnpublishMany/index.js

@@ -1,118 +1,142 @@
-'use client';
-import * as facelessUIImport from '@faceless-ui/modal';
+/* eslint-disable @typescript-eslint/no-misused-promises */'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';
 import { useRouter } from 'next/navigation.js';
 import React, { useCallback, useState } from 'react';
-import { toast } from 'react-toastify';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useRouteCache } from '../../providers/RouteCache/index.js';
 import { useSearchParams } from '../../providers/SearchParams/index.js';
 import { SelectAllStatus, useSelection } from '../../providers/Selection/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-import { MinimalTemplate } from '../../templates/Minimal/index.js';
 import { requests } from '../../utilities/api.js';
 import { Button } from '../Button/index.js';
 import { Pill } from '../Pill/index.js';
+import './index.scss';
 const baseClass = 'unpublish-many';
-export const UnpublishMany = (props)=>{
-    const { collection: { slug, labels: { plural }, versions } = {} } = props;
-    const { Modal, useModal } = facelessUIImport;
-    const { routes: { api }, serverURL } = useConfig();
-    const { permissions } = useAuth();
-    const { toggleModal } = useModal();
-    const { i18n, t } = useTranslation();
-    const { getQueryParams, selectAll } = useSelection();
-    const [submitted, setSubmitted] = useState(false);
-    const { stringifyParams } = useSearchParams();
-    const router = useRouter();
-    const { clearRouteCache } = useRouteCache();
-    const collectionPermissions = permissions?.collections?.[slug];
-    const hasPermission = collectionPermissions?.update?.permission;
-    const modalSlug = `unpublish-${slug}`;
-    const addDefaultError = useCallback(()=>{
-        toast.error(t('error:unknown'));
-    }, [
-        t
-    ]);
-    const handleUnpublish = useCallback(async ()=>{
-        setSubmitted(true);
-        await requests.patch(`${serverURL}${api}/${slug}${getQueryParams({
-            _status: {
-                not_equals: 'draft'
-            }
-        })}`, {
-            body: JSON.stringify({
-                _status: 'draft'
-            }),
-            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(t('general:updatedSuccessfully'));
-                    router.replace(stringifyParams({
-                        params: {
-                            page: selectAll ? '1' : undefined
-                        }
-                    }));
-                    clearRouteCache();
-                    return null;
-                }
-                if (json.errors) {
-                    json.errors.forEach((error)=>toast.error(error.message));
-                } else {
-                    addDefaultError();
-                }
-                return false;
-            } catch (e) {
-                return addDefaultError();
-            }
-        });
-    }, [
-        addDefaultError,
-        api,
-        getQueryParams,
-        i18n.language,
-        modalSlug,
-        selectAll,
-        serverURL,
-        slug,
-        t,
-        toggleModal,
-        router,
-        clearRouteCache,
-        stringifyParams
-    ]);
-    if (!versions?.drafts || selectAll === SelectAllStatus.None || !hasPermission) {
-        return null;
+import { toast } from 'sonner';
+export const UnpublishMany = props => {
+  const {
+    collection: {
+      slug,
+      labels: {
+        plural
+      },
+      versions
+    } = {}
+  } = props;
+  const {
+    config: {
+      routes: {
+        api
+      },
+      serverURL
     }
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Pill, {
-        className: `${baseClass}__toggle`,
-        onClick: ()=>{
-            setSubmitted(false);
-            toggleModal(modalSlug);
+  } = useConfig();
+  const {
+    permissions
+  } = useAuth();
+  const {
+    toggleModal
+  } = useModal();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    getQueryParams,
+    selectAll
+  } = useSelection();
+  const [submitted, setSubmitted] = useState(false);
+  const {
+    stringifyParams
+  } = useSearchParams();
+  const router = useRouter();
+  const {
+    clearRouteCache
+  } = useRouteCache();
+  const collectionPermissions = permissions?.collections?.[slug];
+  const hasPermission = collectionPermissions?.update?.permission;
+  const modalSlug = `unpublish-${slug}`;
+  const addDefaultError = useCallback(() => {
+    toast.error(t('error:unknown'));
+  }, [t]);
+  const handleUnpublish = useCallback(async () => {
+    setSubmitted(true);
+    await requests.patch(`${serverURL}${api}/${slug}${getQueryParams({
+      _status: {
+        not_equals: 'draft'
+      }
+    })}`, {
+      body: JSON.stringify({
+        _status: 'draft'
+      }),
+      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(t('general:updatedSuccessfully'));
+          router.replace(stringifyParams({
+            params: {
+              page: selectAll ? '1' : undefined
+            }
+          }));
+          clearRouteCache();
+          return null;
+        }
+        if (json.errors) {
+          json.errors.forEach(error => toast.error(error.message));
+        } else {
+          addDefaultError();
         }
-    }, t('version:unpublish')), /*#__PURE__*/ React.createElement(Modal, {
-        className: baseClass,
-        slug: modalSlug
-    }, /*#__PURE__*/ React.createElement(MinimalTemplate, {
-        className: `${baseClass}__template`
-    }, /*#__PURE__*/ React.createElement("h1", null, t('version:confirmUnpublish')), /*#__PURE__*/ React.createElement("p", null, t('version:aboutToUnpublishSelection', {
-        label: getTranslation(plural, i18n)
-    })), /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "secondary",
-        id: "confirm-cancel",
-        onClick: submitted ? undefined : ()=>toggleModal(modalSlug),
-        type: "button"
-    }, t('general:cancel')), /*#__PURE__*/ React.createElement(Button, {
-        id: "confirm-unpublish",
-        onClick: submitted ? undefined : handleUnpublish
-    }, submitted ? t('version:unpublishing') : t('general:confirm')))));
+        return false;
+      } catch (e) {
+        return addDefaultError();
+      }
+    });
+  }, [addDefaultError, api, getQueryParams, i18n.language, modalSlug, selectAll, serverURL, slug, t, toggleModal, router, clearRouteCache, stringifyParams]);
+  if (!versions?.drafts || selectAll === SelectAllStatus.None || !hasPermission) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(Pill, {
+      className: `${baseClass}__toggle`,
+      onClick: () => {
+        setSubmitted(false);
+        toggleModal(modalSlug);
+      },
+      children: t('version:unpublish')
+    }), /*#__PURE__*/_jsx(Modal, {
+      className: baseClass,
+      slug: modalSlug,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__template`,
+        children: [/*#__PURE__*/_jsx("h1", {
+          children: t('version:confirmUnpublish')
+        }), /*#__PURE__*/_jsx("p", {
+          children: t('version:aboutToUnpublishSelection', {
+            label: getTranslation(plural, i18n)
+          })
+        }), /*#__PURE__*/_jsx(Button, {
+          buttonStyle: "secondary",
+          id: "confirm-cancel",
+          onClick: submitted ? undefined : () => toggleModal(modalSlug),
+          type: "button",
+          children: t('general:cancel')
+        }), /*#__PURE__*/_jsx(Button, {
+          id: "confirm-unpublish",
+          onClick: submitted ? undefined : handleUnpublish,
+          children: submitted ? t('version:unpublishing') : t('general:confirm')
+        })]
+      })
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/UnpublishMany/index.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'react-toastify'\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 { MinimalTemplate } from '../../templates/Minimal/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 = 'unpublish-many'\n\nimport type { ClientCollectionConfig } from 'payload/types'\n\nexport type UnpublishManyProps = {\n  collection: ClientCollectionConfig\n}\n\nexport const UnpublishMany: React.FC<UnpublishManyProps> = (props) => {\n  const { collection: { slug, labels: { plural }, versions } = {} } = props\n  const { Modal, useModal } = facelessUIImport\n\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const { permissions } = useAuth()\n  const { toggleModal } = useModal()\n  const { i18n, t } = useTranslation()\n  const { getQueryParams, selectAll } = useSelection()\n  const [submitted, setSubmitted] = useState(false)\n  const { stringifyParams } = useSearchParams()\n  const router = useRouter()\n  const { clearRouteCache } = useRouteCache()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasPermission = collectionPermissions?.update?.permission\n\n  const modalSlug = `unpublish-${slug}`\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:unknown'))\n  }, [t])\n\n  const handleUnpublish = useCallback(async () => {\n    setSubmitted(true)\n    await requests\n      .patch(`${serverURL}${api}/${slug}${getQueryParams({ _status: { not_equals: 'draft' } })}`, {\n        body: JSON.stringify({\n          _status: 'draft',\n        }),\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(t('general:updatedSuccessfully'))\n            router.replace(\n              stringifyParams({\n                params: {\n                  page: selectAll ? '1' : undefined,\n                },\n              }),\n            )\n            clearRouteCache()\n            return null\n          }\n\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  }, [\n    addDefaultError,\n    api,\n    getQueryParams,\n    i18n.language,\n    modalSlug,\n    selectAll,\n    serverURL,\n    slug,\n    t,\n    toggleModal,\n    router,\n    clearRouteCache,\n    stringifyParams,\n  ])\n\n  if (!versions?.drafts || selectAll === SelectAllStatus.None || !hasPermission) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <Pill\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          setSubmitted(false)\n          toggleModal(modalSlug)\n        }}\n      >\n        {t('version:unpublish')}\n      </Pill>\n      <Modal className={baseClass} slug={modalSlug}>\n        <MinimalTemplate className={`${baseClass}__template`}>\n          <h1>{t('version:confirmUnpublish')}</h1>\n          <p>{t('version:aboutToUnpublishSelection', { label: getTranslation(plural, i18n) })}</p>\n          <Button\n            buttonStyle=\"secondary\"\n            id=\"confirm-cancel\"\n            onClick={submitted ? undefined : () => toggleModal(modalSlug)}\n            type=\"button\"\n          >\n            {t('general:cancel')}\n          </Button>\n          <Button id=\"confirm-unpublish\" onClick={submitted ? undefined : handleUnpublish}>\n            {submitted ? t('version:unpublishing') : t('general:confirm')}\n          </Button>\n        </MinimalTemplate>\n      </Modal>\n    </React.Fragment>\n  )\n}\n"],"names":["facelessUIImport","getTranslation","useRouter","React","useCallback","useState","toast","useAuth","useConfig","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","MinimalTemplate","requests","Button","Pill","baseClass","UnpublishMany","props","collection","slug","labels","plural","versions","Modal","useModal","routes","api","serverURL","permissions","toggleModal","i18n","t","getQueryParams","selectAll","submitted","setSubmitted","stringifyParams","router","clearRouteCache","collectionPermissions","collections","hasPermission","update","permission","modalSlug","addDefaultError","error","handleUnpublish","patch","_status","not_equals","body","JSON","stringify","headers","language","then","res","json","status","success","replace","params","page","undefined","errors","forEach","message","e","drafts","None","Fragment","className","onClick","h1","p","label","buttonStyle","id","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,YAAYA,sBAAsB,qBAAoB;AACtD,SAASC,cAAc,QAAQ,2BAA0B;AACzD,SAASC,SAAS,QAAQ,qBAAoB;AAC9C,OAAOC,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AACpD,SAASC,KAAK,QAAQ,iBAAgB;AAEtC,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,aAAa,QAAQ,sCAAqC;AACnE,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,eAAe,EAAEC,YAAY,QAAQ,qCAAoC;AAClF,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,eAAe,QAAQ,mCAAkC;AAClE,SAASC,QAAQ,QAAQ,yBAAwB;AACjD,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,IAAI,QAAQ,mBAAkB;AAGvC,MAAMC,YAAY;AAQlB,OAAO,MAAMC,gBAA8C,CAACC;IAC1D,MAAM,EAAEC,YAAY,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,MAAM,EAAE,EAAEC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAAE,GAAGL;IACpE,MAAM,EAAEM,KAAK,EAAEC,QAAQ,EAAE,GAAG3B;IAE5B,MAAM,EACJ4B,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAGtB;IACJ,MAAM,EAAEuB,WAAW,EAAE,GAAGxB;IACxB,MAAM,EAAEyB,WAAW,EAAE,GAAGL;IACxB,MAAM,EAAEM,IAAI,EAAEC,CAAC,EAAE,GAAGrB;IACpB,MAAM,EAAEsB,cAAc,EAAEC,SAAS,EAAE,GAAGxB;IACtC,MAAM,CAACyB,WAAWC,aAAa,GAAGjC,SAAS;IAC3C,MAAM,EAAEkC,eAAe,EAAE,GAAG7B;IAC5B,MAAM8B,SAAStC;IACf,MAAM,EAAEuC,eAAe,EAAE,GAAGhC;IAE5B,MAAMiC,wBAAwBX,aAAaY,aAAa,CAACrB,KAAK;IAC9D,MAAMsB,gBAAgBF,uBAAuBG,QAAQC;IAErD,MAAMC,YAAY,CAAC,UAAU,EAAEzB,KAAK,CAAC;IAErC,MAAM0B,kBAAkB5C,YAAY;QAClCE,MAAM2C,KAAK,CAACf,EAAE;IAChB,GAAG;QAACA;KAAE;IAEN,MAAMgB,kBAAkB9C,YAAY;QAClCkC,aAAa;QACb,MAAMvB,SACHoC,KAAK,CAAC,CAAC,EAAErB,UAAU,EAAED,IAAI,CAAC,EAAEP,KAAK,EAAEa,eAAe;YAAEiB,SAAS;gBAAEC,YAAY;YAAQ;QAAE,GAAG,CAAC,EAAE;YAC1FC,MAAMC,KAAKC,SAAS,CAAC;gBACnBJ,SAAS;YACX;YACAK,SAAS;gBACP,mBAAmBxB,KAAKyB,QAAQ;gBAChC,gBAAgB;YAClB;QACF,GACCC,IAAI,CAAC,OAAOC;YACX,IAAI;gBACF,MAAMC,OAAO,MAAMD,IAAIC,IAAI;gBAC3B7B,YAAYe;gBACZ,IAAIa,IAAIE,MAAM,GAAG,KAAK;oBACpBxD,MAAMyD,OAAO,CAAC7B,EAAE;oBAChBM,OAAOwB,OAAO,CACZzB,gBAAgB;wBACd0B,QAAQ;4BACNC,MAAM9B,YAAY,MAAM+B;wBAC1B;oBACF;oBAEF1B;oBACA,OAAO;gBACT;gBAEA,IAAIoB,KAAKO,MAAM,EAAE;oBACfP,KAAKO,MAAM,CAACC,OAAO,CAAC,CAACpB,QAAU3C,MAAM2C,KAAK,CAACA,MAAMqB,OAAO;gBAC1D,OAAO;oBACLtB;gBACF;gBACA,OAAO;YACT,EAAE,OAAOuB,GAAG;gBACV,OAAOvB;YACT;QACF;IACJ,GAAG;QACDA;QACAnB;QACAM;QACAF,KAAKyB,QAAQ;QACbX;QACAX;QACAN;QACAR;QACAY;QACAF;QACAQ;QACAC;QACAF;KACD;IAED,IAAI,CAACd,UAAU+C,UAAUpC,cAAczB,gBAAgB8D,IAAI,IAAI,CAAC7B,eAAe;QAC7E,OAAO;IACT;IAEA,qBACE,oBAACzC,MAAMuE,QAAQ,sBACb,oBAACzD;QACC0D,WAAW,CAAC,EAAEzD,UAAU,QAAQ,CAAC;QACjC0D,SAAS;YACPtC,aAAa;YACbN,YAAYe;QACd;OAECb,EAAE,qCAEL,oBAACR;QAAMiD,WAAWzD;QAAWI,MAAMyB;qBACjC,oBAACjC;QAAgB6D,WAAW,CAAC,EAAEzD,UAAU,UAAU,CAAC;qBAClD,oBAAC2D,YAAI3C,EAAE,4CACP,oBAAC4C,WAAG5C,EAAE,qCAAqC;QAAE6C,OAAO9E,eAAeuB,QAAQS;IAAM,mBACjF,oBAACjB;QACCgE,aAAY;QACZC,IAAG;QACHL,SAASvC,YAAY8B,YAAY,IAAMnC,YAAYe;QACnDmC,MAAK;OAEJhD,EAAE,kCAEL,oBAAClB;QAAOiE,IAAG;QAAoBL,SAASvC,YAAY8B,YAAYjB;OAC7Db,YAAYH,EAAE,0BAA0BA,EAAE;AAMvD,EAAC"}
+{"version":3,"file":"index.js","names":["Modal","useModal","getTranslation","useRouter","React","useCallback","useState","useAuth","useConfig","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","requests","Button","Pill","baseClass","toast","UnpublishMany","props","collection","slug","labels","plural","versions","config","routes","api","serverURL","permissions","toggleModal","i18n","t","getQueryParams","selectAll","submitted","setSubmitted","stringifyParams","router","clearRouteCache","collectionPermissions","collections","hasPermission","update","permission","modalSlug","addDefaultError","error","handleUnpublish","patch","_status","not_equals","body","JSON","stringify","headers","language","then","res","json","status","success","replace","params","page","undefined","errors","forEach","message","e","drafts","None","_jsxs","Fragment","_jsx","className","onClick","label","buttonStyle","id","type"],"sources":["../../../src/elements/UnpublishMany/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-misused-promises */\n'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\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 = 'unpublish-many'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { toast } from 'sonner'\n\nexport type UnpublishManyProps = {\n  collection: ClientCollectionConfig\n}\n\nexport const UnpublishMany: React.FC<UnpublishManyProps> = (props) => {\n  const { collection: { slug, labels: { plural }, versions } = {} } = props\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { permissions } = useAuth()\n  const { toggleModal } = useModal()\n  const { i18n, t } = useTranslation()\n  const { getQueryParams, selectAll } = useSelection()\n  const [submitted, setSubmitted] = useState(false)\n  const { stringifyParams } = useSearchParams()\n  const router = useRouter()\n  const { clearRouteCache } = useRouteCache()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasPermission = collectionPermissions?.update?.permission\n\n  const modalSlug = `unpublish-${slug}`\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:unknown'))\n  }, [t])\n\n  const handleUnpublish = useCallback(async () => {\n    setSubmitted(true)\n    await requests\n      .patch(`${serverURL}${api}/${slug}${getQueryParams({ _status: { not_equals: 'draft' } })}`, {\n        body: JSON.stringify({\n          _status: 'draft',\n        }),\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(t('general:updatedSuccessfully'))\n            router.replace(\n              stringifyParams({\n                params: {\n                  page: selectAll ? '1' : undefined,\n                },\n              }),\n            )\n            clearRouteCache()\n            return null\n          }\n\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  }, [\n    addDefaultError,\n    api,\n    getQueryParams,\n    i18n.language,\n    modalSlug,\n    selectAll,\n    serverURL,\n    slug,\n    t,\n    toggleModal,\n    router,\n    clearRouteCache,\n    stringifyParams,\n  ])\n\n  if (!versions?.drafts || selectAll === SelectAllStatus.None || !hasPermission) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <Pill\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          setSubmitted(false)\n          toggleModal(modalSlug)\n        }}\n      >\n        {t('version:unpublish')}\n      </Pill>\n      <Modal className={baseClass} slug={modalSlug}>\n        <div className={`${baseClass}__template`}>\n          <h1>{t('version:confirmUnpublish')}</h1>\n          <p>{t('version:aboutToUnpublishSelection', { label: getTranslation(plural, i18n) })}</p>\n          <Button\n            buttonStyle=\"secondary\"\n            id=\"confirm-cancel\"\n            onClick={submitted ? undefined : () => toggleModal(modalSlug)}\n            type=\"button\"\n          >\n            {t('general:cancel')}\n          </Button>\n          <Button id=\"confirm-unpublish\" onClick={submitted ? undefined : handleUnpublish}>\n            {submitted ? t('version:unpublishing') : t('general:confirm')}\n          </Button>\n        </div>\n      </Modal>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/UnpublishMany/index.scss

@@ -5,6 +5,7 @@
   display: flex;
   align-items: center;
   height: 100%;
+  padding: base(2);
 
   &__template {
     z-index: 1;

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

@@ -1,18 +1,22 @@
-import type { FormState, SanitizedCollectionConfig } from 'payload/types';
+import type { FormState, SanitizedCollectionConfig } from 'payload';
 import React from 'react';
 import './index.scss';
 export declare const editDrawerSlug = "edit-upload";
 export declare const sizePreviewSlug = "preview-sizes";
-export declare const UploadActions: ({ canEdit, showSizePreviews }: {
-    canEdit: any;
-    showSizePreviews: any;
-}) => React.JSX.Element;
+type UploadActionsArgs = {
+    readonly customActions?: React.ReactNode[];
+    readonly enableAdjustments: boolean;
+    readonly enablePreviewSizes: boolean;
+    readonly mimeType: string;
+};
+export declare const UploadActions: ({ customActions, enableAdjustments, enablePreviewSizes, mimeType, }: UploadActionsArgs) => React.JSX.Element;
 export type UploadProps = {
-    collectionSlug: string;
-    initialState?: FormState;
-    onChange?: (file?: File) => void;
-    updatedAt?: string;
-    uploadConfig: SanitizedCollectionConfig['upload'];
+    readonly collectionSlug: string;
+    readonly customActions?: React.ReactNode[];
+    readonly initialState?: FormState;
+    readonly onChange?: (file?: File) => void;
+    readonly uploadConfig: SanitizedCollectionConfig['upload'];
 };
 export declare const Upload: React.FC<UploadProps>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Upload/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAIzE,OAAO,KAA2C,MAAM,OAAO,CAAA;AAe/D,OAAO,cAAc,CAAA;AAGrB,eAAO,MAAM,cAAc,gBAAgB,CAAA;AAC3C,eAAO,MAAM,eAAe,kBAAkB,CAAA;AAU9C,eAAO,MAAM,aAAa;;;uBAgBzB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,cAAc,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+JxC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Upload/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAyB,EAAe,MAAM,SAAS,CAAA;AAGhF,OAAO,KAAmD,MAAM,OAAO,CAAA;AAiBvE,OAAO,cAAc,CAAA;AAGrB,eAAO,MAAM,cAAc,gBAAgB,CAAA;AAC3C,eAAO,MAAM,eAAe,kBAAkB,CAAA;AAU9C,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC1C,QAAQ,CAAC,iBAAiB,EAAE,OAAO,CAAA;IACnC,QAAQ,CAAC,kBAAkB,EAAE,OAAO,CAAA;IACpC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,aAAa,wEAKvB,iBAAiB,sBA8BnB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC1C,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAA;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IACzC,QAAQ,CAAC,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAC3D,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqQxC,CAAA"}