@payloadcms/ui 3.0.0-canary.d894ac7 → 3.0.0-canary.e198dc5

package/dist/elements/PublishButton/index.js

@@ -2,122 +2,238 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as qs from 'qs-esm';
 import React, { useCallback } from 'react';
 import { useForm, useFormModified } from '../../forms/Form/context.js';
 import { FormSubmit } from '../../forms/Submit/index.js';
 import { useHotkey } from '../../hooks/useHotkey.js';
+import { useConfig } from '../../providers/Config/index.js';
 import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
+import { useLocale } from '../../providers/Locale/index.js';
+import { useOperation } from '../../providers/Operation/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import { PopupList } from '../Popup/index.js';
 export const DefaultPublishButton = t0 => {
-  const $ = _c(14);
+  const $ = _c(36);
   const {
     label: labelProp
   } = t0;
   const {
+    id,
+    collectionSlug,
+    docConfig,
+    globalSlug,
     hasPublishPermission,
     publishedDoc,
     unpublishedVersions
   } = useDocumentInfo();
+  const {
+    config
+  } = useConfig();
   const {
     submit
   } = useForm();
   const modified = useFormModified();
   const editDepth = useEditDepth();
   const {
+    code: locale
+  } = useLocale();
+  const {
+    localization,
+    routes: t1,
+    serverURL
+  } = config;
+  const {
+    api
+  } = t1;
+  const {
+    i18n,
     t
   } = useTranslation();
-  let t1;
+  const {
+    code
+  } = useLocale();
+  let t2;
   if ($[0] !== labelProp || $[1] !== t) {
-    t1 = labelProp || t("version:publishChanges");
+    t2 = labelProp || t("version:publishChanges");
     $[0] = labelProp;
     $[1] = t;
-    $[2] = t1;
+    $[2] = t2;
   } else {
-    t1 = $[2];
+    t2 = $[2];
   }
-  const label = t1;
+  const label = t2;
   const hasNewerVersions = unpublishedVersions?.totalDocs > 0;
   const canPublish = hasPublishPermission && (modified || hasNewerVersions || !publishedDoc);
-  let t2;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = ["s"];
-    $[3] = t2;
+  const operation = useOperation();
+  const forceDisable = operation === "update" && !modified;
+  let t3;
+  if ($[3] !== forceDisable || $[4] !== locale || $[5] !== collectionSlug || $[6] !== serverURL || $[7] !== api || $[8] !== id || $[9] !== globalSlug || $[10] !== submit) {
+    t3 = async () => {
+      if (forceDisable) {
+        return;
+      }
+      const search = `?locale=${locale}&depth=0&fallback-locale=null&draft=true`;
+      let action;
+      let method = "POST";
+      if (collectionSlug) {
+        action = `${serverURL}${api}/${collectionSlug}${id ? `/${id}` : ""}${search}`;
+        if (id) {
+          method = "PATCH";
+        }
+      }
+      if (globalSlug) {
+        action = `${serverURL}${api}/globals/${globalSlug}${search}`;
+      }
+      await submit({
+        action,
+        method,
+        overrides: {
+          _status: "draft"
+        },
+        skipValidation: true
+      });
+    };
+    $[3] = forceDisable;
+    $[4] = locale;
+    $[5] = collectionSlug;
+    $[6] = serverURL;
+    $[7] = api;
+    $[8] = id;
+    $[9] = globalSlug;
+    $[10] = submit;
+    $[11] = t3;
   } else {
-    t2 = $[3];
+    t3 = $[11];
   }
-  let t3;
-  if ($[4] !== editDepth) {
-    t3 = {
+  const saveDraft = t3;
+  let t4;
+  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = ["s"];
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] !== editDepth) {
+    t5 = {
       cmdCtrlKey: true,
       editDepth,
-      keyCodes: t2
+      keyCodes: t4
     };
-    $[4] = editDepth;
-    $[5] = t3;
+    $[13] = editDepth;
+    $[14] = t5;
   } else {
-    t3 = $[5];
+    t5 = $[14];
   }
-  let t4;
-  if ($[6] !== submit) {
-    t4 = e => {
+  let t6;
+  if ($[15] !== saveDraft || $[16] !== docConfig.versions) {
+    t6 = e => {
       e.preventDefault();
       e.stopPropagation();
-      if (submit) {
-        submit();
+      if (saveDraft && docConfig.versions?.drafts && docConfig.versions?.drafts?.autosave) {
+        saveDraft();
       }
     };
-    $[6] = submit;
-    $[7] = t4;
+    $[15] = saveDraft;
+    $[16] = docConfig.versions;
+    $[17] = t6;
   } else {
-    t4 = $[7];
+    t6 = $[17];
   }
-  useHotkey(t3, t4);
-  let t5;
-  if ($[8] !== submit) {
-    t5 = () => {
+  useHotkey(t5, t6);
+  let t7;
+  if ($[18] !== submit) {
+    t7 = () => {
+      submit({
+        overrides: {
+          _status: "published"
+        }
+      });
+    };
+    $[18] = submit;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  const publish = t7;
+  let t8;
+  if ($[20] !== serverURL || $[21] !== api || $[22] !== globalSlug || $[23] !== collectionSlug || $[24] !== id || $[25] !== submit) {
+    t8 = locale_0 => {
+      const params = qs.stringify({
+        publishSpecificLocale: locale_0
+      });
+      const action_0 = `${serverURL}${api}${globalSlug ? `/globals/${globalSlug}` : `/${collectionSlug}/${id ? `${"/" + id}` : ""}`}${params ? "?" + params : ""}`;
       submit({
+        action: action_0,
         overrides: {
           _status: "published"
         }
       });
     };
-    $[8] = submit;
-    $[9] = t5;
+    $[20] = serverURL;
+    $[21] = api;
+    $[22] = globalSlug;
+    $[23] = collectionSlug;
+    $[24] = id;
+    $[25] = submit;
+    $[26] = t8;
   } else {
-    t5 = $[9];
+    t8 = $[26];
   }
-  const publish = t5;
+  const publishSpecificLocale = t8;
   if (!hasPublishPermission) {
     return null;
   }
-  const t6 = !canPublish;
-  let t7;
-  if ($[10] !== t6 || $[11] !== publish || $[12] !== label) {
-    t7 = _jsx(FormSubmit, {
+  const t9 = !canPublish;
+  let t10;
+  if ($[27] !== localization || $[28] !== i18n || $[29] !== code || $[30] !== publishSpecificLocale || $[31] !== t || $[32] !== t9 || $[33] !== publish || $[34] !== label) {
+    t10 = _jsx(FormSubmit, {
       buttonId: "action-save",
-      disabled: t6,
+      disabled: t9,
       onClick: publish,
       size: "medium",
+      SubMenuPopupContent: localization ? localization.locales.map(locale_1 => {
+        const formattedLabel = typeof locale_1.label === "string" ? locale_1.label : locale_1.label && locale_1.label[i18n?.language];
+        const isActive = typeof locale_1 === "string" ? locale_1 === code : locale_1.code === code;
+        if (isActive) {
+          return _jsx(PopupList.ButtonGroup, {
+            children: _jsx(PopupList.Button, {
+              onClick: () => publishSpecificLocale(locale_1.code),
+              children: t("version:publishIn", {
+                locale: formattedLabel || locale_1.code
+              })
+            })
+          }, locale_1.code);
+        }
+      }) : null,
       type: "button",
       children: label
     });
-    $[10] = t6;
-    $[11] = publish;
-    $[12] = label;
-    $[13] = t7;
+    $[27] = localization;
+    $[28] = i18n;
+    $[29] = code;
+    $[30] = publishSpecificLocale;
+    $[31] = t;
+    $[32] = t9;
+    $[33] = publish;
+    $[34] = label;
+    $[35] = t10;
   } else {
-    t7 = $[13];
+    t10 = $[35];
   }
-  return t7;
+  return t10;
 };
 export const PublishButton = ({
   CustomComponent
 }) => {
-  if (CustomComponent) return /*#__PURE__*/_jsx(RenderComponent, {
-    mappedComponent: CustomComponent
-  });
+  if (CustomComponent) {
+    return /*#__PURE__*/_jsx(RenderComponent, {
+      mappedComponent: CustomComponent
+    });
+  }
   return /*#__PURE__*/_jsx(DefaultPublishButton, {});
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useForm","useFormModified","FormSubmit","useHotkey","RenderComponent","useDocumentInfo","useEditDepth","useTranslation","DefaultPublishButton","t0","$","label","labelProp","hasPublishPermission","publishedDoc","unpublishedVersions","submit","modified","editDepth","t","t1","hasNewerVersions","totalDocs","canPublish","t2","Symbol","for","t3","cmdCtrlKey","keyCodes","t4","e","preventDefault","stopPropagation","t5","overrides","_status","publish","t6","t7","_jsx","buttonId","disabled","onClick","size","type","children","PublishButton","CustomComponent","mappedComponent"],"sources":["../../../src/elements/PublishButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { MappedComponent } from 'payload'\n\nimport React, { useCallback } 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 { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport const DefaultPublishButton: React.FC<{ label?: string }> = ({ label: labelProp }) => {\n  const { hasPublishPermission, publishedDoc, unpublishedVersions } = useDocumentInfo()\n\n  const { submit } = useForm()\n  const modified = useFormModified()\n  const editDepth = useEditDepth()\n\n  const { t } = useTranslation()\n  const label = labelProp || t('version:publishChanges')\n\n  const hasNewerVersions = unpublishedVersions?.totalDocs > 0\n  const canPublish = hasPublishPermission && (modified || hasNewerVersions || !publishedDoc)\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    e.preventDefault()\n    e.stopPropagation()\n\n    if (submit) {\n      void submit()\n    }\n  })\n\n  const publish = useCallback(() => {\n    void submit({\n      overrides: {\n        _status: 'published',\n      },\n    })\n  }, [submit])\n\n  if (!hasPublishPermission) return null\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save\"\n      disabled={!canPublish}\n      onClick={publish}\n      size=\"medium\"\n      type=\"button\"\n    >\n      {label}\n    </FormSubmit>\n  )\n}\n\ntype Props = {\n  CustomComponent?: MappedComponent\n}\n\nexport const PublishButton: React.FC<Props> = ({ CustomComponent }) => {\n  if (CustomComponent) return <RenderComponent mappedComponent={CustomComponent} />\n  return <DefaultPublishButton />\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","qs","React","useCallback","useForm","useFormModified","FormSubmit","useHotkey","useConfig","RenderComponent","useDocumentInfo","useEditDepth","useLocale","useOperation","useTranslation","PopupList","DefaultPublishButton","t0","$","label","labelProp","id","collectionSlug","docConfig","globalSlug","hasPublishPermission","publishedDoc","unpublishedVersions","config","submit","modified","editDepth","code","locale","localization","routes","t1","serverURL","api","i18n","t","t2","hasNewerVersions","totalDocs","canPublish","operation","forceDisable","t3","search","action","method","overrides","_status","skipValidation","saveDraft","t4","Symbol","for","t5","cmdCtrlKey","keyCodes","t6","versions","e","preventDefault","stopPropagation","drafts","autosave","t7","publish","t8","locale_0","params","stringify","publishSpecificLocale","action_0","t9","t10","_jsx","buttonId","disabled","onClick","size","SubMenuPopupContent","locales","map","locale_1","formattedLabel","language","isActive","ButtonGroup","children","Button","type","PublishButton","CustomComponent","mappedComponent"],"sources":["../../../src/elements/PublishButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { MappedComponent } from 'payload'\n\nimport * as qs from 'qs-esm'\nimport React, { useCallback } 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 { useConfig } from '../../providers/Config/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { PopupList } from '../Popup/index.js'\nexport const DefaultPublishButton: React.FC<{ label?: string }> = ({ label: labelProp }) => {\n  const {\n    id,\n    collectionSlug,\n    docConfig,\n    globalSlug,\n    hasPublishPermission,\n    publishedDoc,\n    unpublishedVersions,\n  } = useDocumentInfo()\n\n  const { config } = useConfig()\n  const { submit } = useForm()\n  const modified = useFormModified()\n  const editDepth = useEditDepth()\n  const { code: locale } = useLocale()\n\n  const {\n    localization,\n    routes: { api },\n    serverURL,\n  } = config\n\n  const { i18n, t } = useTranslation()\n  const { code } = useLocale()\n  const label = labelProp || t('version:publishChanges')\n\n  const hasNewerVersions = unpublishedVersions?.totalDocs > 0\n  const canPublish = hasPublishPermission && (modified || hasNewerVersions || !publishedDoc)\n  const operation = useOperation()\n\n  const forceDisable = operation === 'update' && !modified\n\n  const saveDraft = useCallback(async () => {\n    if (forceDisable) {\n      return\n    }\n\n    const search = `?locale=${locale}&depth=0&fallback-locale=null&draft=true`\n    let action\n    let method = 'POST'\n\n    if (collectionSlug) {\n      action = `${serverURL}${api}/${collectionSlug}${id ? `/${id}` : ''}${search}`\n      if (id) {\n        method = 'PATCH'\n      }\n    }\n\n    if (globalSlug) {\n      action = `${serverURL}${api}/globals/${globalSlug}${search}`\n    }\n\n    await submit({\n      action,\n      method,\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [submit, collectionSlug, globalSlug, serverURL, api, locale, id, forceDisable])\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    e.preventDefault()\n    e.stopPropagation()\n\n    if (saveDraft && docConfig.versions?.drafts && docConfig.versions?.drafts?.autosave) {\n      void saveDraft()\n    }\n  })\n\n  const publish = useCallback(() => {\n    void submit({\n      overrides: {\n        _status: 'published',\n      },\n    })\n  }, [submit])\n\n  const publishSpecificLocale = useCallback(\n    (locale) => {\n      const params = qs.stringify({\n        publishSpecificLocale: locale,\n      })\n\n      const action = `${serverURL}${api}${\n        globalSlug ? `/globals/${globalSlug}` : `/${collectionSlug}/${id ? `${'/' + id}` : ''}`\n      }${params ? '?' + params : ''}`\n\n      void submit({\n        action,\n        overrides: {\n          _status: 'published',\n        },\n      })\n    },\n    [api, collectionSlug, globalSlug, id, serverURL, submit],\n  )\n\n  if (!hasPublishPermission) {\n    return null\n  }\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save\"\n      disabled={!canPublish}\n      onClick={publish}\n      size=\"medium\"\n      SubMenuPopupContent={\n        localization\n          ? localization.locales.map((locale) => {\n              const formattedLabel =\n                typeof locale.label === 'string'\n                  ? locale.label\n                  : locale.label && locale.label[i18n?.language]\n\n              const isActive = typeof locale === 'string' ? locale === code : locale.code === code\n\n              if (isActive) {\n                return (\n                  <PopupList.ButtonGroup key={locale.code}>\n                    <PopupList.Button onClick={() => publishSpecificLocale(locale.code)}>\n                      {t('version:publishIn', { locale: formattedLabel || locale.code })}\n                    </PopupList.Button>\n                  </PopupList.ButtonGroup>\n                )\n              }\n            })\n          : null\n      }\n      type=\"button\"\n    >\n      {label}\n    </FormSubmit>\n  )\n}\n\ntype Props = {\n  CustomComponent?: MappedComponent\n}\n\nexport const PublishButton: React.FC<Props> = ({ CustomComponent }) => {\n  if (CustomComponent) {\n    return <RenderComponent mappedComponent={CustomComponent} />\n  }\n  return <DefaultPublishButton />\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PublishMany/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAKrD,OAAO,KAAgC,MAAM,OAAO,CAAA;AAYpD,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,EAAE,sBAAsB,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyHlD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PublishMany/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAKrD,OAAO,KAAgC,MAAM,OAAO,CAAA;AAYpD,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,EAAE,sBAAsB,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkIlD,CAAA"}

package/dist/elements/PublishMany/index.js

@@ -88,7 +88,8 @@ export const PublishMany = props => {
               page: selectAll ? '1' : undefined
             }
           }));
-          clearRouteCache();
+          clearRouteCache() // Use clearRouteCache instead of router.refresh, as we only need to clear the cache if the user has route caching enabled - clearRouteCache checks for this
+          ;
           return null;
         }
         if (json.errors) {
@@ -117,23 +118,31 @@ export const PublishMany = props => {
       className: baseClass,
       slug: modalSlug,
       children: /*#__PURE__*/_jsxs("div", {
-        className: `${baseClass}__template`,
-        children: [/*#__PURE__*/_jsx("h1", {
-          children: t('version:confirmPublish')
-        }), /*#__PURE__*/_jsx("p", {
-          children: t('version:aboutToPublishSelection', {
-            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-publish",
-          onClick: submitted ? undefined : handlePublish,
-          children: submitted ? t('version:publishing') : t('general:confirm')
+        className: `${baseClass}__wrapper`,
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__content`,
+          children: [/*#__PURE__*/_jsx("h1", {
+            children: t('version:confirmPublish')
+          }), /*#__PURE__*/_jsx("p", {
+            children: t('version:aboutToPublishSelection', {
+              label: getTranslation(plural, i18n)
+            })
+          })]
+        }), /*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__controls`,
+          children: [/*#__PURE__*/_jsx(Button, {
+            buttonStyle: "secondary",
+            id: "confirm-cancel",
+            onClick: submitted ? undefined : () => toggleModal(modalSlug),
+            size: "large",
+            type: "button",
+            children: t('general:cancel')
+          }), /*#__PURE__*/_jsx(Button, {
+            id: "confirm-publish",
+            onClick: submitted ? undefined : handlePublish,
+            size: "large",
+            children: submitted ? t('version:publishing') : t('general:confirm')
+          })]
         })]
       })
     })]

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Modal","useModal","getTranslation","useRouter","React","useCallback","useState","toast","useAuth","useConfig","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","requests","Button","Pill","baseClass","PublishMany","props","clearRouteCache","collection","slug","labels","plural","versions","config","routes","api","serverURL","permissions","toggleModal","i18n","t","getQueryParams","selectAll","submitted","setSubmitted","router","stringifyParams","collectionPermissions","collections","hasPermission","update","permission","modalSlug","addDefaultError","error","handlePublish","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/PublishMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { Pill } from '../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'publish-many'\n\nexport type PublishManyProps = {\n  collection: ClientCollectionConfig\n}\n\nexport const PublishMany: React.FC<PublishManyProps> = (props) => {\n  const { clearRouteCache } = useRouteCache()\n\n  const { collection: { slug, labels: { plural }, versions } = {} } = props\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\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 router = useRouter()\n  const { stringifyParams } = useSearchParams()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasPermission = collectionPermissions?.update?.permission\n\n  const modalSlug = `publish-${slug}`\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:unknown'))\n  }, [t])\n\n  const handlePublish = useCallback(async () => {\n    setSubmitted(true)\n    await requests\n      .patch(\n        `${serverURL}${api}/${slug}${getQueryParams({ _status: { not_equals: 'published' } })}&draft=true`,\n        {\n          body: JSON.stringify({\n            _status: 'published',\n          }),\n          headers: {\n            'Accept-Language': i18n.language,\n            'Content-Type': 'application/json',\n          },\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\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    stringifyParams,\n    clearRouteCache,\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:publish')}\n      </Pill>\n      <Modal className={baseClass} slug={modalSlug}>\n        <div className={`${baseClass}__template`}>\n          <h1>{t('version:confirmPublish')}</h1>\n          <p>{t('version:aboutToPublishSelection', { 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-publish\" onClick={submitted ? undefined : handlePublish}>\n            {submitted ? t('version:publishing') : t('general:confirm')}\n          </Button>\n        </div>\n      </Modal>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Modal","useModal","getTranslation","useRouter","React","useCallback","useState","toast","useAuth","useConfig","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","requests","Button","Pill","baseClass","PublishMany","props","clearRouteCache","collection","slug","labels","plural","versions","config","routes","api","serverURL","permissions","toggleModal","i18n","t","getQueryParams","selectAll","submitted","setSubmitted","router","stringifyParams","collectionPermissions","collections","hasPermission","update","permission","modalSlug","addDefaultError","error","handlePublish","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","size","type"],"sources":["../../../src/elements/PublishMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { Pill } from '../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'publish-many'\n\nexport type PublishManyProps = {\n  collection: ClientCollectionConfig\n}\n\nexport const PublishMany: React.FC<PublishManyProps> = (props) => {\n  const { clearRouteCache } = useRouteCache()\n\n  const { collection: { slug, labels: { plural }, versions } = {} } = props\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\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 router = useRouter()\n  const { stringifyParams } = useSearchParams()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasPermission = collectionPermissions?.update?.permission\n\n  const modalSlug = `publish-${slug}`\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:unknown'))\n  }, [t])\n\n  const handlePublish = useCallback(async () => {\n    setSubmitted(true)\n    await requests\n      .patch(\n        `${serverURL}${api}/${slug}${getQueryParams({ _status: { not_equals: 'published' } })}&draft=true`,\n        {\n          body: JSON.stringify({\n            _status: 'published',\n          }),\n          headers: {\n            'Accept-Language': i18n.language,\n            'Content-Type': 'application/json',\n          },\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\n            clearRouteCache() // Use clearRouteCache instead of router.refresh, as we only need to clear the cache if the user has route caching enabled - clearRouteCache checks for this\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    stringifyParams,\n    clearRouteCache,\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:publish')}\n      </Pill>\n      <Modal className={baseClass} slug={modalSlug}>\n        <div className={`${baseClass}__wrapper`}>\n          <div className={`${baseClass}__content`}>\n            <h1>{t('version:confirmPublish')}</h1>\n            <p>{t('version:aboutToPublishSelection', { label: getTranslation(plural, i18n) })}</p>\n          </div>\n          <div className={`${baseClass}__controls`}>\n            <Button\n              buttonStyle=\"secondary\"\n              id=\"confirm-cancel\"\n              onClick={submitted ? undefined : () => toggleModal(modalSlug)}\n              size=\"large\"\n              type=\"button\"\n            >\n              {t('general:cancel')}\n            </Button>\n            <Button\n              id=\"confirm-publish\"\n              onClick={submitted ? undefined : handlePublish}\n              size=\"large\"\n            >\n              {submitted ? t('version:publishing') : t('general:confirm')}\n            </Button>\n          </div>\n        </div>\n      </Modal>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/PublishMany/index.scss

@@ -1,18 +1,39 @@
 @import '../../scss/styles.scss';
 
-.publish-many {
-  @include blur-bg;
-  display: flex;
-  align-items: center;
-  height: 100%;
-  padding: base(2);
+@layer payload-default {
+  .publish-many {
+    @include blur-bg;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
 
-  &__template {
-    z-index: 1;
-    position: relative;
-  }
+    &__wrapper {
+      z-index: 1;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      gap: base(0.8);
+      padding: base(2);
+    }
+
+    &__content {
+      display: flex;
+      flex-direction: column;
+      gap: base(0.4);
+
+      > * {
+        margin: 0;
+      }
+    }
+
+    &__controls {
+      display: flex;
+      gap: base(0.4);
 
-  .btn {
-    margin-right: $baseline;
+      .btn {
+        margin: 0;
+      }
+    }
   }
 }

package/dist/elements/ReactSelect/ClearIndicator/index.scss

@@ -1,9 +1,11 @@
 @import '../../../scss/styles.scss';
 
-.clear-indicator {
-  cursor: pointer;
+@layer payload-default {
+  .clear-indicator {
+    cursor: pointer;
 
-  &:focus-visible {
-    outline: var(--accessibility-outline);
+    &:focus-visible {
+      outline: var(--accessibility-outline);
+    }
   }
 }

package/dist/elements/ReactSelect/DropdownIndicator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;AAGvD,OAAO,cAAc,CAAA;AAGrB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CACtC;IACE,UAAU,EAAE,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAA;CAC5C,GAAG,sBAAsB,CAAC,UAAU,EAAE,IAAI,CAAC,CAmB7C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;AAGvD,OAAO,cAAc,CAAA;AAGrB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CACtC;IACE,UAAU,EAAE,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAA;CAC5C,GAAG,sBAAsB,CAAC,UAAU,EAAE,IAAI,CAAC,CAqB7C,CAAA"}

package/dist/elements/ReactSelect/DropdownIndicator/index.js

@@ -17,7 +17,9 @@ export const DropdownIndicator = props => {
     ref: ref,
     ...restInnerProps,
     onKeyDown: e => {
-      if (e.key === 'Enter') e.key = ' ';
+      if (e.key === 'Enter') {
+        e.key = ' ';
+      }
     },
     type: "button",
     children: /*#__PURE__*/_jsx(ChevronIcon, {

package/dist/elements/ReactSelect/DropdownIndicator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","ChevronIcon","baseClass","DropdownIndicator","props","innerProps","ref","restInnerProps","_jsx","className","onKeyDown","e","key","type"],"sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { DropdownIndicatorProps } from 'react-select'\n\nimport React, { type JSX } from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.scss'\n\nconst baseClass = 'dropdown-indicator'\nexport const DropdownIndicator: React.FC<\n  {\n    innerProps: JSX.IntrinsicElements['button']\n  } & DropdownIndicatorProps<OptionType, true>\n> = (props) => {\n  const {\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  return (\n    <button\n      className={baseClass}\n      ref={ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') e.key = ' '\n      }}\n      type=\"button\"\n    >\n      <ChevronIcon className={`${baseClass}__icon`} />\n    </button>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAyB;AAIhC,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAClB,OAAO,MAAMC,iBAAA,GAIRC,KAAA;EACH,MAAM;IACJC,UAAA,EAAY;MAAEC,GAAG;MAAE,GAAGC;IAAA;EAAgB,CACvC,GAAGH,KAAA;EAEJ,oBACEI,IAAA,CAAC;IACCC,SAAA,EAAWP,SAAA;IACXI,GAAA,EAAKA,GAAA;IACJ,GAAGC,cAAc;IAClBG,SAAA,EAAYC,CAAA;MACV,IAAIA,CAAA,CAAEC,GAAG,KAAK,SAASD,CAAA,CAAEC,GAAG,GAAG;IACjC;IACAC,IAAA,EAAK;cAEL,aAAAL,IAAA,CAACP,WAAA;MAAYQ,SAAA,EAAW,GAAGP,SAAA;;;AAGjC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","ChevronIcon","baseClass","DropdownIndicator","props","innerProps","ref","restInnerProps","_jsx","className","onKeyDown","e","key","type"],"sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { DropdownIndicatorProps } from 'react-select'\n\nimport React, { type JSX } from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.scss'\n\nconst baseClass = 'dropdown-indicator'\nexport const DropdownIndicator: React.FC<\n  {\n    innerProps: JSX.IntrinsicElements['button']\n  } & DropdownIndicatorProps<OptionType, true>\n> = (props) => {\n  const {\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  return (\n    <button\n      className={baseClass}\n      ref={ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          e.key = ' '\n        }\n      }}\n      type=\"button\"\n    >\n      <ChevronIcon className={`${baseClass}__icon`} />\n    </button>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAyB;AAIhC,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAClB,OAAO,MAAMC,iBAAA,GAIRC,KAAA;EACH,MAAM;IACJC,UAAA,EAAY;MAAEC,GAAG;MAAE,GAAGC;IAAA;EAAgB,CACvC,GAAGH,KAAA;EAEJ,oBACEI,IAAA,CAAC;IACCC,SAAA,EAAWP,SAAA;IACXI,GAAA,EAAKA,GAAA;IACJ,GAAGC,cAAc;IAClBG,SAAA,EAAYC,CAAA;MACV,IAAIA,CAAA,CAAEC,GAAG,KAAK,SAAS;QACrBD,CAAA,CAAEC,GAAG,GAAG;MACV;IACF;IACAC,IAAA,EAAK;cAEL,aAAAL,IAAA,CAACP,WAAA;MAAYQ,SAAA,EAAW,GAAGP,SAAA;;;AAGjC","ignoreList":[]}

package/dist/elements/ReactSelect/DropdownIndicator/index.scss

@@ -1,16 +1,18 @@
 @import '../../../scss/styles.scss';
 
-.dropdown-indicator {
-  cursor: pointer;
-  @include btn-reset;
+@layer payload-default {
+  .dropdown-indicator {
+    cursor: pointer;
+    @include btn-reset;
 
-  &:focus-visible {
-    outline: var(--accessibility-outline);
-  }
+    &:focus-visible {
+      outline: var(--accessibility-outline);
+    }
 
-  &__icon {
-    .stroke {
-      stroke-width: 1px;
+    &__icon {
+      .stroke {
+        stroke-width: 1px;
+      }
     }
   }
 }

package/dist/elements/ReactSelect/MultiValue/index.scss

@@ -1,37 +1,39 @@
 @import '../../../scss/styles.scss';
 
-.multi-value {
-  &.rs__multi-value {
-    display: flex;
-    padding: 0;
-    border: 1px solid var(--theme-border-color);
-    border-radius: var(--style-radius-s);
-    line-height: calc(#{$baseline} - 2px);
-    margin: base(0.25) base(0.5) base(0.25) 0;
-    transition: border 0.2s cubic-bezier(0.2, 0, 0, 1);
+@layer payload-default {
+  .multi-value {
+    &.rs__multi-value {
+      display: flex;
+      padding: 0;
+      border: 1px solid var(--theme-border-color);
+      border-radius: var(--style-radius-s);
+      line-height: calc(#{$baseline} - 2px);
+      margin: base(0.25) base(0.5) base(0.25) 0;
+      transition: border 0.2s cubic-bezier(0.2, 0, 0, 1);
 
-    &:hover {
-      border: 1px solid var(--theme-elevation-250);
+      &:hover {
+        border: 1px solid var(--theme-elevation-250);
+      }
     }
-  }
 
-  &--is-dragging {
-    z-index: 2;
+    &--is-dragging {
+      z-index: 2;
+    }
   }
-}
 
-html[data-theme='light'] {
-  .multi-value {
-    &.rs__multi-value {
-      background: var(--theme-elevation-50);
+  html[data-theme='light'] {
+    .multi-value {
+      &.rs__multi-value {
+        background: var(--theme-elevation-50);
+      }
     }
   }
-}
 
-html[data-theme='dark'] {
-  .multi-value {
-    &.rs__multi-value {
-      background: var(--theme-elevation-50);
+  html[data-theme='dark'] {
+    .multi-value {
+      &.rs__multi-value {
+        background: var(--theme-elevation-50);
+      }
     }
   }
 }