@payloadcms/ui 3.0.0-canary.7660f90 → 3.0.0-canary.79ab53e

package/dist/elements/PreviewSizes/index.js

@@ -1,139 +1,138 @@
 'use client';
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useState } from 'react';
 import { FileMeta } from '../FileDetails/FileMeta/index.js';
 import './index.scss';
 const baseClass = 'preview-sizes';
-const sortSizes = (sizes, imageSizes)=>{
-    if (!imageSizes || imageSizes.length === 0) return sizes;
-    const orderedSizes = {};
-    imageSizes.forEach(({ name })=>{
-        if (sizes[name]) {
-            orderedSizes[name] = sizes[name];
-        }
-    });
-    return orderedSizes;
+const sortSizes = (sizes, imageSizes) => {
+  if (!imageSizes || imageSizes.length === 0) {
+    return sizes;
+  }
+  const orderedSizes = {};
+  imageSizes.forEach(({
+    name
+  }) => {
+    if (sizes[name]) {
+      orderedSizes[name] = sizes[name];
+    }
+  });
+  return orderedSizes;
 };
-const PreviewSizeCard = ({ name, active, meta, onClick, previewSrc })=>{
-    return /*#__PURE__*/ _jsxs("div", {
-        className: [
-            `${baseClass}__sizeOption`,
-            active && `${baseClass}--selected`
-        ].filter(Boolean).join(' '),
-        onClick: typeof onClick === 'function' ? onClick : undefined,
-        onKeyDown: (e)=>{
-            if (typeof onClick !== 'function') return;
-            if (e.key === 'Enter') onClick();
-        },
-        role: "button",
-        tabIndex: 0,
-        children: [
-            /*#__PURE__*/ _jsx("div", {
-                className: `${baseClass}__image`,
-                children: /*#__PURE__*/ _jsx("img", {
-                    alt: meta.filename,
-                    src: previewSrc
-                })
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                className: `${baseClass}__sizeMeta`,
-                children: [
-                    /*#__PURE__*/ _jsx("div", {
-                        className: `${baseClass}__sizeName`,
-                        children: name
-                    }),
-                    /*#__PURE__*/ _jsx(FileMeta, {
-                        ...meta
-                    })
-                ]
-            })
-        ]
-    });
+const PreviewSizeCard = ({
+  name,
+  active,
+  meta,
+  onClick,
+  previewSrc
+}) => {
+  return /*#__PURE__*/_jsxs("div", {
+    className: [`${baseClass}__sizeOption`, active && `${baseClass}--selected`].filter(Boolean).join(' '),
+    onClick: typeof onClick === 'function' ? onClick : undefined,
+    onKeyDown: e => {
+      if (typeof onClick !== 'function') {
+        return;
+      }
+      if (e.key === 'Enter') {
+        onClick();
+      }
+    },
+    role: "button",
+    tabIndex: 0,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__image`,
+      children: /*#__PURE__*/_jsx("img", {
+        alt: meta.filename,
+        src: previewSrc
+      })
+    }), /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__sizeMeta`,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__sizeName`,
+        children: name
+      }), /*#__PURE__*/_jsx(FileMeta, {
+        ...meta
+      })]
+    })]
+  });
 };
-export const PreviewSizes = ({ doc, imageCacheTag, uploadConfig })=>{
-    const { imageSizes } = uploadConfig;
-    const { sizes } = doc;
-    const [orderedSizes, setOrderedSizes] = useState(()=>sortSizes(sizes, imageSizes));
-    const [selectedSize, setSelectedSize] = useState(null);
-    const generateImageUrl = (doc)=>{
-        if (!doc.filename) return null;
-        if (doc.url) return `${doc.url}${imageCacheTag ? `?${imageCacheTag}` : ''}`;
-    };
-    useEffect(()=>{
-        setOrderedSizes(sortSizes(sizes, imageSizes));
-    }, [
-        sizes,
-        imageSizes,
-        imageCacheTag
-    ]);
-    const mainPreviewSrc = selectedSize ? generateImageUrl(doc.sizes[selectedSize]) : generateImageUrl(doc);
-    const originalImage = useMemo(()=>({
-            filename: doc.filename,
-            filesize: doc.filesize,
-            height: doc.height,
-            mimeType: doc.mimeType,
-            url: doc.url,
-            width: doc.width
-        }), [
-        doc
-    ]);
-    const originalFilename = 'Original';
-    return /*#__PURE__*/ _jsxs("div", {
-        className: baseClass,
-        children: [
-            /*#__PURE__*/ _jsxs("div", {
-                className: `${baseClass}__imageWrap`,
-                children: [
-                    /*#__PURE__*/ _jsxs("div", {
-                        className: `${baseClass}__meta`,
-                        children: [
-                            /*#__PURE__*/ _jsx("div", {
-                                className: `${baseClass}__sizeName`,
-                                children: selectedSize || originalFilename
-                            }),
-                            /*#__PURE__*/ _jsx(FileMeta, {
-                                ...selectedSize ? orderedSizes[selectedSize] : originalImage
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsx("img", {
-                        alt: doc.filename,
-                        className: `${baseClass}__preview`,
-                        src: mainPreviewSrc
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                className: `${baseClass}__listWrap`,
-                children: /*#__PURE__*/ _jsxs("div", {
-                    className: `${baseClass}__list`,
-                    children: [
-                        /*#__PURE__*/ _jsx(PreviewSizeCard, {
-                            active: !selectedSize,
-                            meta: originalImage,
-                            name: originalFilename,
-                            onClick: ()=>setSelectedSize(null),
-                            previewSrc: generateImageUrl(doc)
-                        }),
-                        Object.entries(orderedSizes).map(([key, val])=>{
-                            const selected = selectedSize === key;
-                            const previewSrc = generateImageUrl(val);
-                            if (previewSrc) {
-                                return /*#__PURE__*/ _jsx(PreviewSizeCard, {
-                                    active: selected,
-                                    meta: val,
-                                    name: key,
-                                    onClick: ()=>setSelectedSize(key),
-                                    previewSrc: previewSrc
-                                }, key);
-                            }
-                            return null;
-                        })
-                    ]
-                })
-            })
-        ]
-    });
+export const PreviewSizes = ({
+  doc,
+  imageCacheTag,
+  uploadConfig
+}) => {
+  const {
+    imageSizes
+  } = uploadConfig;
+  const {
+    sizes
+  } = doc;
+  const [orderedSizes, setOrderedSizes] = useState(() => sortSizes(sizes, imageSizes));
+  const [selectedSize, setSelectedSize] = useState(null);
+  const generateImageUrl = doc_0 => {
+    if (!doc_0.filename) {
+      return null;
+    }
+    if (doc_0.url) {
+      return `${doc_0.url}${imageCacheTag ? `?${imageCacheTag}` : ''}`;
+    }
+  };
+  useEffect(() => {
+    setOrderedSizes(sortSizes(sizes, imageSizes));
+  }, [sizes, imageSizes, imageCacheTag]);
+  const mainPreviewSrc = selectedSize ? generateImageUrl(doc.sizes[selectedSize]) : generateImageUrl(doc);
+  const originalImage = useMemo(() => ({
+    filename: doc.filename,
+    filesize: doc.filesize,
+    height: doc.height,
+    mimeType: doc.mimeType,
+    url: doc.url,
+    width: doc.width
+  }), [doc]);
+  const originalFilename = 'Original';
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__imageWrap`,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__meta`,
+        children: [/*#__PURE__*/_jsx("div", {
+          className: `${baseClass}__sizeName`,
+          children: selectedSize || originalFilename
+        }), /*#__PURE__*/_jsx(FileMeta, {
+          ...(selectedSize ? orderedSizes[selectedSize] : originalImage)
+        })]
+      }), /*#__PURE__*/_jsx("img", {
+        alt: doc.filename,
+        className: `${baseClass}__preview`,
+        src: mainPreviewSrc
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__listWrap`,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__list`,
+        children: [/*#__PURE__*/_jsx(PreviewSizeCard, {
+          active: !selectedSize,
+          meta: originalImage,
+          name: originalFilename,
+          onClick: () => setSelectedSize(null),
+          previewSrc: generateImageUrl(doc)
+        }), Object.entries(orderedSizes).map(([key, val]) => {
+          const selected = selectedSize === key;
+          const previewSrc = generateImageUrl(val);
+          if (previewSrc) {
+            return /*#__PURE__*/_jsx(PreviewSizeCard, {
+              active: selected,
+              meta: val,
+              name: key,
+              onClick: () => setSelectedSize(key),
+              previewSrc: previewSrc
+            }, key);
+          }
+          return null;
+        })]
+      })
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/PreviewSizes/index.tsx"],"sourcesContent":["'use client'\nimport type { Data, FileSize, SanitizedCollectionConfig, SanitizedUploadConfig } from 'payload'\n\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { FileMeta } from '../FileDetails/FileMeta/index.js'\nimport './index.scss'\n\nconst baseClass = 'preview-sizes'\n\ntype FileInfo = FileSize & {\n  url: string\n}\ntype FilesSizesWithUrl = {\n  [key: string]: FileInfo\n}\n\nconst sortSizes = (sizes: FilesSizesWithUrl, imageSizes: SanitizedUploadConfig['imageSizes']) => {\n  if (!imageSizes || imageSizes.length === 0) return sizes\n\n  const orderedSizes: FilesSizesWithUrl = {}\n\n  imageSizes.forEach(({ name }) => {\n    if (sizes[name]) {\n      orderedSizes[name] = sizes[name]\n    }\n  })\n\n  return orderedSizes\n}\n\ntype PreviewSizeCardProps = {\n  active: boolean\n  meta: FileInfo\n  name: string\n  onClick?: () => void\n  previewSrc: string\n}\nconst PreviewSizeCard: React.FC<PreviewSizeCardProps> = ({\n  name,\n  active,\n  meta,\n  onClick,\n  previewSrc,\n}) => {\n  return (\n    <div\n      className={[`${baseClass}__sizeOption`, active && `${baseClass}--selected`]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={typeof onClick === 'function' ? onClick : undefined}\n      onKeyDown={(e) => {\n        if (typeof onClick !== 'function') return\n        if (e.key === 'Enter') onClick()\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <div className={`${baseClass}__image`}>\n        <img alt={meta.filename} src={previewSrc} />\n      </div>\n      <div className={`${baseClass}__sizeMeta`}>\n        <div className={`${baseClass}__sizeName`}>{name}</div>\n        <FileMeta {...meta} />\n      </div>\n    </div>\n  )\n}\n\nexport type PreviewSizesProps = {\n  doc: Data & {\n    sizes?: FilesSizesWithUrl\n  }\n  imageCacheTag?: string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const PreviewSizes: React.FC<PreviewSizesProps> = ({ doc, imageCacheTag, uploadConfig }) => {\n  const { imageSizes } = uploadConfig\n  const { sizes } = doc\n\n  const [orderedSizes, setOrderedSizes] = useState<FilesSizesWithUrl>(() =>\n    sortSizes(sizes, imageSizes),\n  )\n  const [selectedSize, setSelectedSize] = useState<null | string>(null)\n\n  const generateImageUrl = (doc) => {\n    if (!doc.filename) return null\n    if (doc.url) return `${doc.url}${imageCacheTag ? `?${imageCacheTag}` : ''}`\n  }\n  useEffect(() => {\n    setOrderedSizes(sortSizes(sizes, imageSizes))\n  }, [sizes, imageSizes, imageCacheTag])\n\n  const mainPreviewSrc = selectedSize\n    ? generateImageUrl(doc.sizes[selectedSize])\n    : generateImageUrl(doc)\n\n  const originalImage = useMemo(\n    (): FileInfo => ({\n      filename: doc.filename,\n      filesize: doc.filesize,\n      height: doc.height,\n      mimeType: doc.mimeType,\n      url: doc.url,\n      width: doc.width,\n    }),\n    [doc],\n  )\n  const originalFilename = 'Original'\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__imageWrap`}>\n        <div className={`${baseClass}__meta`}>\n          <div className={`${baseClass}__sizeName`}>{selectedSize || originalFilename}</div>\n          <FileMeta {...(selectedSize ? orderedSizes[selectedSize] : originalImage)} />\n        </div>\n        <img alt={doc.filename} className={`${baseClass}__preview`} src={mainPreviewSrc} />\n      </div>\n      <div className={`${baseClass}__listWrap`}>\n        <div className={`${baseClass}__list`}>\n          <PreviewSizeCard\n            active={!selectedSize}\n            meta={originalImage}\n            name={originalFilename}\n            onClick={() => setSelectedSize(null)}\n            previewSrc={generateImageUrl(doc)}\n          />\n\n          {Object.entries(orderedSizes).map(([key, val]) => {\n            const selected = selectedSize === key\n            const previewSrc = generateImageUrl(val)\n\n            if (previewSrc) {\n              return (\n                <PreviewSizeCard\n                  active={selected}\n                  key={key}\n                  meta={val}\n                  name={key}\n                  onClick={() => setSelectedSize(key)}\n                  previewSrc={previewSrc}\n                />\n              )\n            }\n\n            return null\n          })}\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["React","useEffect","useMemo","useState","FileMeta","baseClass","sortSizes","sizes","imageSizes","length","orderedSizes","forEach","name","PreviewSizeCard","active","meta","onClick","previewSrc","div","className","filter","Boolean","join","undefined","onKeyDown","e","key","role","tabIndex","img","alt","filename","src","PreviewSizes","doc","imageCacheTag","uploadConfig","setOrderedSizes","selectedSize","setSelectedSize","generateImageUrl","url","mainPreviewSrc","originalImage","filesize","height","mimeType","width","originalFilename","Object","entries","map","val","selected"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useEffect","useMemo","useState","FileMeta","baseClass","sortSizes","sizes","imageSizes","length","orderedSizes","forEach","name","PreviewSizeCard","active","meta","onClick","previewSrc","_jsxs","className","filter","Boolean","join","undefined","onKeyDown","e","key","role","tabIndex","_jsx","alt","filename","src","PreviewSizes","doc","imageCacheTag","uploadConfig","setOrderedSizes","selectedSize","setSelectedSize","generateImageUrl","url","mainPreviewSrc","originalImage","filesize","height","mimeType","width","originalFilename","Object","entries","map","val","selected"],"sources":["../../../src/elements/PreviewSizes/index.tsx"],"sourcesContent":["'use client'\nimport type { Data, FileSize, SanitizedCollectionConfig, SanitizedUploadConfig } from 'payload'\n\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { FileMeta } from '../FileDetails/FileMeta/index.js'\nimport './index.scss'\n\nconst baseClass = 'preview-sizes'\n\ntype FileInfo = {\n  url: string\n} & FileSize\ntype FilesSizesWithUrl = {\n  [key: string]: FileInfo\n}\n\nconst sortSizes = (sizes: FilesSizesWithUrl, imageSizes: SanitizedUploadConfig['imageSizes']) => {\n  if (!imageSizes || imageSizes.length === 0) {\n    return sizes\n  }\n\n  const orderedSizes: FilesSizesWithUrl = {}\n\n  imageSizes.forEach(({ name }) => {\n    if (sizes[name]) {\n      orderedSizes[name] = sizes[name]\n    }\n  })\n\n  return orderedSizes\n}\n\ntype PreviewSizeCardProps = {\n  active: boolean\n  meta: FileInfo\n  name: string\n  onClick?: () => void\n  previewSrc: string\n}\nconst PreviewSizeCard: React.FC<PreviewSizeCardProps> = ({\n  name,\n  active,\n  meta,\n  onClick,\n  previewSrc,\n}) => {\n  return (\n    <div\n      className={[`${baseClass}__sizeOption`, active && `${baseClass}--selected`]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={typeof onClick === 'function' ? onClick : undefined}\n      onKeyDown={(e) => {\n        if (typeof onClick !== 'function') {\n          return\n        }\n        if (e.key === 'Enter') {\n          onClick()\n        }\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <div className={`${baseClass}__image`}>\n        <img alt={meta.filename} src={previewSrc} />\n      </div>\n      <div className={`${baseClass}__sizeMeta`}>\n        <div className={`${baseClass}__sizeName`}>{name}</div>\n        <FileMeta {...meta} />\n      </div>\n    </div>\n  )\n}\n\nexport type PreviewSizesProps = {\n  doc: {\n    sizes?: FilesSizesWithUrl\n  } & Data\n  imageCacheTag?: string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const PreviewSizes: React.FC<PreviewSizesProps> = ({ doc, imageCacheTag, uploadConfig }) => {\n  const { imageSizes } = uploadConfig\n  const { sizes } = doc\n\n  const [orderedSizes, setOrderedSizes] = useState<FilesSizesWithUrl>(() =>\n    sortSizes(sizes, imageSizes),\n  )\n  const [selectedSize, setSelectedSize] = useState<null | string>(null)\n\n  const generateImageUrl = (doc) => {\n    if (!doc.filename) {\n      return null\n    }\n    if (doc.url) {\n      return `${doc.url}${imageCacheTag ? `?${imageCacheTag}` : ''}`\n    }\n  }\n  useEffect(() => {\n    setOrderedSizes(sortSizes(sizes, imageSizes))\n  }, [sizes, imageSizes, imageCacheTag])\n\n  const mainPreviewSrc = selectedSize\n    ? generateImageUrl(doc.sizes[selectedSize])\n    : generateImageUrl(doc)\n\n  const originalImage = useMemo(\n    (): FileInfo => ({\n      filename: doc.filename,\n      filesize: doc.filesize,\n      height: doc.height,\n      mimeType: doc.mimeType,\n      url: doc.url,\n      width: doc.width,\n    }),\n    [doc],\n  )\n  const originalFilename = 'Original'\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__imageWrap`}>\n        <div className={`${baseClass}__meta`}>\n          <div className={`${baseClass}__sizeName`}>{selectedSize || originalFilename}</div>\n          <FileMeta {...(selectedSize ? orderedSizes[selectedSize] : originalImage)} />\n        </div>\n        <img alt={doc.filename} className={`${baseClass}__preview`} src={mainPreviewSrc} />\n      </div>\n      <div className={`${baseClass}__listWrap`}>\n        <div className={`${baseClass}__list`}>\n          <PreviewSizeCard\n            active={!selectedSize}\n            meta={originalImage}\n            name={originalFilename}\n            onClick={() => setSelectedSize(null)}\n            previewSrc={generateImageUrl(doc)}\n          />\n\n          {Object.entries(orderedSizes).map(([key, val]) => {\n            const selected = selectedSize === key\n            const previewSrc = generateImageUrl(val)\n\n            if (previewSrc) {\n              return (\n                <PreviewSizeCard\n                  active={selected}\n                  key={key}\n                  meta={val}\n                  name={key}\n                  onClick={() => setSelectedSize(key)}\n                  previewSrc={previewSrc}\n                />\n              )\n            }\n\n            return null\n          })}\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,9 +1,10 @@
+import type { MappedComponent } from 'payload';
 import React from 'react';
 export declare const DefaultPublishButton: React.FC<{
     label?: string;
 }>;
 type Props = {
-    CustomComponent?: React.ReactNode;
+    CustomComponent?: MappedComponent;
 };
 export declare const PublishButton: React.FC<Props>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PublishButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAO1C,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAiC7D,CAAA;AAED,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAGzC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PublishButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,KAAsB,MAAM,OAAO,CAAA;AAa1C,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CA8F7D,CAAA;AAED,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAKzC,CAAA"}

package/dist/elements/PublishButton/index.js

@@ -1,40 +1,188 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 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';
-export const DefaultPublishButton = ({ label: labelProp })=>{
-    const { hasPublishPermission, publishedDoc, unpublishedVersions } = useDocumentInfo();
-    const { submit } = useForm();
-    const modified = useFormModified();
-    const { t } = useTranslation();
-    const label = labelProp || t('version:publishChanges');
-    const hasNewerVersions = unpublishedVersions?.totalDocs > 0;
-    const canPublish = hasPublishPermission && (modified || hasNewerVersions || !publishedDoc);
-    const publish = useCallback(()=>{
-        void submit({
-            overrides: {
-                _status: 'published'
-            }
-        });
-    }, [
-        submit
-    ]);
-    if (!hasPublishPermission) return null;
-    return /*#__PURE__*/ _jsx(FormSubmit, {
-        buttonId: "action-save",
-        disabled: !canPublish,
-        onClick: publish,
-        size: "small",
-        type: "button",
-        children: label
+export const DefaultPublishButton = t0 => {
+  const $ = _c(24);
+  const {
+    label: labelProp
+  } = t0;
+  const {
+    config: t1
+  } = useConfig();
+  const {
+    routes: t2,
+    serverURL
+  } = t1;
+  const {
+    api
+  } = t2;
+  const {
+    id,
+    collectionSlug,
+    docConfig,
+    globalSlug,
+    hasPublishPermission,
+    publishedDoc,
+    unpublishedVersions
+  } = useDocumentInfo();
+  const {
+    submit
+  } = useForm();
+  const modified = useFormModified();
+  const editDepth = useEditDepth();
+  const {
+    code: locale
+  } = useLocale();
+  const {
+    t
+  } = useTranslation();
+  let t3;
+  if ($[0] !== labelProp || $[1] !== t) {
+    t3 = labelProp || t("version:publishChanges");
+    $[0] = labelProp;
+    $[1] = t;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const label = t3;
+  const hasNewerVersions = unpublishedVersions?.totalDocs > 0;
+  const canPublish = hasPublishPermission && (modified || hasNewerVersions || !publishedDoc);
+  const operation = useOperation();
+  const forceDisable = operation === "update" && !modified;
+  let t4;
+  if ($[3] !== forceDisable || $[4] !== locale || $[5] !== collectionSlug || $[6] !== serverURL || $[7] !== api || $[8] !== id || $[9] !== globalSlug || $[10] !== submit) {
+    t4 = 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] = t4;
+  } else {
+    t4 = $[11];
+  }
+  const saveDraft = t4;
+  let t5;
+  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = ["s"];
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== editDepth) {
+    t6 = {
+      cmdCtrlKey: true,
+      editDepth,
+      keyCodes: t5
+    };
+    $[13] = editDepth;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] !== saveDraft || $[16] !== docConfig.versions) {
+    t7 = e => {
+      e.preventDefault();
+      e.stopPropagation();
+      if (saveDraft && docConfig.versions?.drafts && docConfig.versions?.drafts?.autosave) {
+        saveDraft();
+      }
+    };
+    $[15] = saveDraft;
+    $[16] = docConfig.versions;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  useHotkey(t6, t7);
+  let t8;
+  if ($[18] !== submit) {
+    t8 = () => {
+      submit({
+        overrides: {
+          _status: "published"
+        }
+      });
+    };
+    $[18] = submit;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  const publish = t8;
+  if (!hasPublishPermission) {
+    return null;
+  }
+  const t9 = !canPublish;
+  let t10;
+  if ($[20] !== t9 || $[21] !== publish || $[22] !== label) {
+    t10 = _jsx(FormSubmit, {
+      buttonId: "action-save",
+      disabled: t9,
+      onClick: publish,
+      size: "medium",
+      type: "button",
+      children: label
     });
+    $[20] = t9;
+    $[21] = publish;
+    $[22] = label;
+    $[23] = t10;
+  } else {
+    t10 = $[23];
+  }
+  return t10;
 };
-export const PublishButton = ({ CustomComponent })=>{
-    if (CustomComponent) return CustomComponent;
-    return /*#__PURE__*/ _jsx(DefaultPublishButton, {});
+export const PublishButton = ({
+  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,"sources":["../../../src/elements/PublishButton/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/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\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  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=\"small\"\n      type=\"button\"\n    >\n      {label}\n    </FormSubmit>\n  )\n}\n\ntype Props = {\n  CustomComponent?: React.ReactNode\n}\n\nexport const PublishButton: React.FC<Props> = ({ CustomComponent }) => {\n  if (CustomComponent) return CustomComponent\n  return <DefaultPublishButton />\n}\n"],"names":["React","useCallback","useForm","useFormModified","FormSubmit","useDocumentInfo","useTranslation","DefaultPublishButton","label","labelProp","hasPublishPermission","publishedDoc","unpublishedVersions","submit","modified","t","hasNewerVersions","totalDocs","canPublish","publish","overrides","_status","buttonId","disabled","onClick","size","type","PublishButton","CustomComponent"],"mappings":"AAAA;;AAEA,OAAOA,SAASC,WAAW,QAAQ,QAAO;AAE1C,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AAErE,OAAO,MAAMC,uBAAqD,CAAC,EAAEC,OAAOC,SAAS,EAAE;IACrF,MAAM,EAAEC,oBAAoB,EAAEC,YAAY,EAAEC,mBAAmB,EAAE,GAAGP;IAEpE,MAAM,EAAEQ,MAAM,EAAE,GAAGX;IACnB,MAAMY,WAAWX;IAEjB,MAAM,EAAEY,CAAC,EAAE,GAAGT;IACd,MAAME,QAAQC,aAAaM,EAAE;IAE7B,MAAMC,mBAAmBJ,qBAAqBK,YAAY;IAC1D,MAAMC,aAAaR,wBAAyBI,CAAAA,YAAYE,oBAAoB,CAACL,YAAW;IAExF,MAAMQ,UAAUlB,YAAY;QAC1B,KAAKY,OAAO;YACVO,WAAW;gBACTC,SAAS;YACX;QACF;IACF,GAAG;QAACR;KAAO;IAEX,IAAI,CAACH,sBAAsB,OAAO;IAElC,qBACE,KAACN;QACCkB,UAAS;QACTC,UAAU,CAACL;QACXM,SAASL;QACTM,MAAK;QACLC,MAAK;kBAEJlB;;AAGP,EAAC;AAMD,OAAO,MAAMmB,gBAAiC,CAAC,EAAEC,eAAe,EAAE;IAChE,IAAIA,iBAAiB,OAAOA;IAC5B,qBAAO,KAACrB;AACV,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useForm","useFormModified","FormSubmit","useHotkey","useConfig","RenderComponent","useDocumentInfo","useEditDepth","useLocale","useOperation","useTranslation","DefaultPublishButton","t0","$","label","labelProp","config","t1","routes","t2","serverURL","api","id","collectionSlug","docConfig","globalSlug","hasPublishPermission","publishedDoc","unpublishedVersions","submit","modified","editDepth","code","locale","t","t3","hasNewerVersions","totalDocs","canPublish","operation","forceDisable","t4","search","action","method","overrides","_status","skipValidation","saveDraft","t5","Symbol","for","t6","cmdCtrlKey","keyCodes","t7","versions","e","preventDefault","stopPropagation","drafts","autosave","t8","publish","t9","t10","_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 { 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'\n\nexport const DefaultPublishButton: React.FC<{ label?: string }> = ({ label: labelProp }) => {\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const {\n    id,\n    collectionSlug,\n    docConfig,\n    globalSlug,\n    hasPublishPermission,\n    publishedDoc,\n    unpublishedVersions,\n  } = useDocumentInfo()\n\n  const { submit } = useForm()\n  const modified = useFormModified()\n  const editDepth = useEditDepth()\n  const { code: locale } = useLocale()\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  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  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      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,CAuHlD,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"}