@payloadcms/ui 3.0.0-alpha.49 → 3.0.0-alpha.50

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/PerPage/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { collectionDefaults } from 'payload/config'\nimport React from 'react'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'per-page'\n\nconst defaultLimits = collectionDefaults.admin.pagination.limits\n\nexport type PerPageProps = {\n  handleChange?: (limit: number) => void\n  limit: number\n  limits: number[]\n  resetPage?: boolean\n}\n\nexport const PerPage: React.FC<PerPageProps> = ({\n  handleChange,\n  limit,\n  limits = defaultLimits,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <Popup\n        button={\n          <div className={`${baseClass}__base-button`}>\n            <span>{t('general:perPage', { limit })}</span>\n            &nbsp;\n            <Chevron className={`${baseClass}__icon`} />\n          </div>\n        }\n        horizontalAlign=\"right\"\n        render={({ close }) => (\n          <PopupList.ButtonGroup>\n            {limits.map((limitNumber, i) => (\n              <PopupList.Button\n                className={[\n                  `${baseClass}__button`,\n                  limitNumber === Number(limit) && `${baseClass}__button-active`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                key={i}\n                onClick={() => {\n                  close()\n                  if (handleChange) handleChange(limitNumber)\n                }}\n              >\n                {limitNumber === Number(limit) && (\n                  <div className={`${baseClass}__chevron`}>\n                    <Chevron direction=\"right\" />\n                  </div>\n                )}\n                &nbsp;\n                <span>{limitNumber}</span>\n              </PopupList.Button>\n            ))}\n          </PopupList.ButtonGroup>\n        )}\n        size=\"small\"\n      />\n    </div>\n  )\n}\n"],"names":["collectionDefaults","React","Chevron","useTranslation","Popup","PopupList","baseClass","defaultLimits","admin","pagination","limits","PerPage","handleChange","limit","t","div","className","button","span","horizontalAlign","render","close","ButtonGroup","map","limitNumber","i","Button","Number","filter","Boolean","join","key","onClick","direction","size"],"mappings":"AAAA;AACA,0EAA0E;AAC1E,SAASA,kBAAkB,QAAQ,iBAAgB;AACnD,OAAOC,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AAGpD,MAAMC,YAAY;AAElB,MAAMC,gBAAgBP,mBAAmBQ,KAAK,CAACC,UAAU,CAACC,MAAM;AAShE,OAAO,MAAMC,UAAkC,CAAC,EAC9CC,YAAY,EACZC,KAAK,EACLH,SAASH,aAAa,EACvB;IACC,MAAM,EAAEO,CAAC,EAAE,GAAGX;IAEd,qBACE,oBAACY;QAAIC,WAAWV;qBACd,oBAACF;QACCa,sBACE,oBAACF;YAAIC,WAAW,CAAC,EAAEV,UAAU,aAAa,CAAC;yBACzC,oBAACY,cAAMJ,EAAE,mBAAmB;YAAED;QAAM,KAAU,mBAE9C,oBAACX;YAAQc,WAAW,CAAC,EAAEV,UAAU,MAAM,CAAC;;QAG5Ca,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,oBAAChB,UAAUiB,WAAW,QACnBZ,OAAOa,GAAG,CAAC,CAACC,aAAaC,kBACxB,oBAACpB,UAAUqB,MAAM;oBACfV,WAAW;wBACT,CAAC,EAAEV,UAAU,QAAQ,CAAC;wBACtBkB,gBAAgBG,OAAOd,UAAU,CAAC,EAAEP,UAAU,eAAe,CAAC;qBAC/D,CACEsB,MAAM,CAACC,SACPC,IAAI,CAAC;oBACRC,KAAKN;oBACLO,SAAS;wBACPX;wBACA,IAAIT,cAAcA,aAAaY;oBACjC;mBAECA,gBAAgBG,OAAOd,wBACtB,oBAACE;oBAAIC,WAAW,CAAC,EAAEV,UAAU,SAAS,CAAC;iCACrC,oBAACJ;oBAAQ+B,WAAU;qBAErB,mBAEF,oBAACf,cAAMM;QAKfU,MAAK;;AAIb,EAAC"}
+{"version":3,"sources":["../../../src/elements/PerPage/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { collectionDefaults } from 'payload/config'\nimport { isNumber } from 'payload/utilities'\nimport React from 'react'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'per-page'\n\nconst defaultLimits = collectionDefaults.admin.pagination.limits\n\nexport type PerPageProps = {\n  defaultLimit?: number\n  handleChange?: (limit: number) => void\n  limit: number\n  limits: number[]\n  resetPage?: boolean\n}\n\nexport const PerPage: React.FC<PerPageProps> = ({\n  defaultLimit = 10,\n  handleChange,\n  limit,\n  limits = defaultLimits,\n}) => {\n  const { t } = useTranslation()\n\n  const limitToUse = isNumber(limit) ? limit : defaultLimit\n\n  return (\n    <div className={baseClass}>\n      <Popup\n        button={\n          <div className={`${baseClass}__base-button`}>\n            <span>{t('general:perPage', { limit: limitToUse })}</span>\n            &nbsp;\n            <Chevron className={`${baseClass}__icon`} />\n          </div>\n        }\n        horizontalAlign=\"right\"\n        render={({ close }) => (\n          <PopupList.ButtonGroup>\n            {limits.map((limitNumber, i) => (\n              <PopupList.Button\n                className={[\n                  `${baseClass}__button`,\n                  limitNumber === limitToUse && `${baseClass}__button-active`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                key={i}\n                onClick={() => {\n                  close()\n                  if (handleChange) handleChange(limitNumber)\n                }}\n              >\n                {limitNumber === limitToUse && (\n                  <div className={`${baseClass}__chevron`}>\n                    <Chevron direction=\"right\" />\n                  </div>\n                )}\n                &nbsp;\n                <span>{limitNumber}</span>\n              </PopupList.Button>\n            ))}\n          </PopupList.ButtonGroup>\n        )}\n        size=\"small\"\n      />\n    </div>\n  )\n}\n"],"names":["collectionDefaults","isNumber","React","Chevron","useTranslation","Popup","PopupList","baseClass","defaultLimits","admin","pagination","limits","PerPage","defaultLimit","handleChange","limit","t","limitToUse","div","className","button","span","horizontalAlign","render","close","ButtonGroup","map","limitNumber","i","Button","filter","Boolean","join","key","onClick","direction","size"],"mappings":"AAAA;AACA,0EAA0E;AAC1E,SAASA,kBAAkB,QAAQ,iBAAgB;AACnD,SAASC,QAAQ,QAAQ,oBAAmB;AAC5C,OAAOC,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AAGpD,MAAMC,YAAY;AAElB,MAAMC,gBAAgBR,mBAAmBS,KAAK,CAACC,UAAU,CAACC,MAAM;AAUhE,OAAO,MAAMC,UAAkC,CAAC,EAC9CC,eAAe,EAAE,EACjBC,YAAY,EACZC,KAAK,EACLJ,SAASH,aAAa,EACvB;IACC,MAAM,EAAEQ,CAAC,EAAE,GAAGZ;IAEd,MAAMa,aAAahB,SAASc,SAASA,QAAQF;IAE7C,qBACE,oBAACK;QAAIC,WAAWZ;qBACd,oBAACF;QACCe,sBACE,oBAACF;YAAIC,WAAW,CAAC,EAAEZ,UAAU,aAAa,CAAC;yBACzC,oBAACc,cAAML,EAAE,mBAAmB;YAAED,OAAOE;QAAW,KAAU,mBAE1D,oBAACd;YAAQgB,WAAW,CAAC,EAAEZ,UAAU,MAAM,CAAC;;QAG5Ce,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,oBAAClB,UAAUmB,WAAW,QACnBd,OAAOe,GAAG,CAAC,CAACC,aAAaC,kBACxB,oBAACtB,UAAUuB,MAAM;oBACfV,WAAW;wBACT,CAAC,EAAEZ,UAAU,QAAQ,CAAC;wBACtBoB,gBAAgBV,cAAc,CAAC,EAAEV,UAAU,eAAe,CAAC;qBAC5D,CACEuB,MAAM,CAACC,SACPC,IAAI,CAAC;oBACRC,KAAKL;oBACLM,SAAS;wBACPV;wBACA,IAAIV,cAAcA,aAAaa;oBACjC;mBAECA,gBAAgBV,4BACf,oBAACC;oBAAIC,WAAW,CAAC,EAAEZ,UAAU,SAAS,CAAC;iCACrC,oBAACJ;oBAAQgC,WAAU;qBAErB,mBAEF,oBAACd,cAAMM;QAKfS,MAAK;;AAIb,EAAC"}

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

@@ -1,9 +1,7 @@
-import type { GeneratePreviewURL } from 'payload/config';
-import type { CustomPreviewButtonProps } from 'payload/types';
 import React from 'react';
-export type PreviewButtonProps = {
-    CustomComponent?: CustomPreviewButtonProps;
-    generatePreviewURL?: GeneratePreviewURL;
+type Props = {
+    CustomComponent?: React.ReactNode;
 };
-export declare const PreviewButton: React.FC<PreviewButtonProps>;
+export declare const PreviewButton: React.FC<Props>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,KAAK,EAAE,wBAAwB,EAA6B,MAAM,eAAe,CAAA;AAExF,OAAO,KAAwC,MAAM,OAAO,CAAA;AA+B5D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,eAAe,CAAC,EAAE,wBAAwB,CAAA;IAC1C,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;CACxC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyDtD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AA2BzB,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAIzC,CAAA"}

package/dist/elements/PreviewButton/index.js

@@ -1,77 +1,23 @@
 'use client';
-import React, { useCallback, useRef, useState } from 'react';
-import { toast } from 'react-toastify';
-import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
-import { useAuth } from '../../providers/Auth/index.js';
-import { useConfig } from '../../providers/Config/index.js';
-import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
-import { useLocale } from '../../providers/Locale/index.js';
-import { useTranslation } from '../../providers/Translation/index.js';
+import React from 'react';
 import { Button } from '../Button/index.js';
+import { usePreviewURL } from './usePreviewURL.js';
 const baseClass = 'preview-btn';
-const DefaultPreviewButton = ({ disabled, label, preview })=>{
+const DefaultPreviewButton = ()=>{
+    const { generatePreviewURL, label } = usePreviewURL();
     return /*#__PURE__*/ React.createElement(Button, {
         buttonStyle: "secondary",
         className: baseClass,
-        disabled: disabled,
-        onClick: preview,
+        // disabled={disabled}
+        onClick: ()=>generatePreviewURL({
+                openPreviewWindow: true
+            }),
         size: "small"
     }, label);
 };
-export const PreviewButton = ({ CustomComponent, generatePreviewURL })=>{
-    const { id, collectionSlug, globalSlug } = useDocumentInfo();
-    const [isLoading, setIsLoading] = useState(false);
-    const { code: locale } = useLocale();
-    const { token } = useAuth();
-    const { routes: { api }, serverURL } = useConfig();
-    const { t } = useTranslation();
-    const isGeneratingPreviewURL = useRef(false);
-    // we need to regenerate the preview URL every time the button is clicked
-    // to do this we need to fetch the document data fresh from the API
-    // this will ensure the latest data is used when generating the preview URL
-    const preview = useCallback(async ()=>{
-        if (!generatePreviewURL || isGeneratingPreviewURL.current) return;
-        isGeneratingPreviewURL.current = true;
-        try {
-            setIsLoading(true);
-            let url = `${serverURL}${api}`;
-            if (collectionSlug) url = `${url}/${collectionSlug}/${id}`;
-            if (globalSlug) url = `${url}/globals/${globalSlug}`;
-            const data = await fetch(`${url}?draft=true&locale=${locale}&fallback-locale=null`).then((res)=>res.json());
-            const previewURL = await generatePreviewURL(data, {
-                locale,
-                token
-            });
-            if (!previewURL) throw new Error();
-            setIsLoading(false);
-            isGeneratingPreviewURL.current = false;
-            window.open(previewURL, '_blank');
-        } catch (err) {
-            setIsLoading(false);
-            isGeneratingPreviewURL.current = false;
-            toast.error(t('error:previewing'));
-        }
-    }, [
-        serverURL,
-        api,
-        collectionSlug,
-        globalSlug,
-        id,
-        generatePreviewURL,
-        locale,
-        token,
-        t
-    ]);
-    return /*#__PURE__*/ React.createElement(RenderCustomComponent, {
-        CustomComponent: CustomComponent,
-        DefaultComponent: DefaultPreviewButton,
-        componentProps: {
-            DefaultButton: DefaultPreviewButton,
-            disabled: isLoading || !generatePreviewURL,
-            label: isLoading ? t('general:loading') : t('version:preview'),
-            preview
-        }
-    });
+export const PreviewButton = ({ CustomComponent })=>{
+    if (CustomComponent) return CustomComponent;
+    return /*#__PURE__*/ React.createElement(DefaultPreviewButton, null);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/PreviewButton/index.tsx"],"sourcesContent":["'use client'\nimport type { GeneratePreviewURL } from 'payload/config'\nimport type { CustomPreviewButtonProps, DefaultPreviewButtonProps } from 'payload/types'\n\nimport React, { useCallback, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\n\nconst baseClass = 'preview-btn'\n\nconst DefaultPreviewButton: React.FC<DefaultPreviewButtonProps> = ({\n  disabled,\n  label,\n  preview,\n}) => {\n  return (\n    <Button\n      buttonStyle=\"secondary\"\n      className={baseClass}\n      disabled={disabled}\n      onClick={preview}\n      size=\"small\"\n    >\n      {label}\n    </Button>\n  )\n}\n\nexport type PreviewButtonProps = {\n  CustomComponent?: CustomPreviewButtonProps\n  generatePreviewURL?: GeneratePreviewURL\n}\n\nexport const PreviewButton: React.FC<PreviewButtonProps> = ({\n  CustomComponent,\n  generatePreviewURL,\n}) => {\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n\n  const [isLoading, setIsLoading] = useState(false)\n  const { code: locale } = useLocale()\n  const { token } = useAuth()\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const { t } = useTranslation()\n  const isGeneratingPreviewURL = useRef(false)\n\n  // we need to regenerate the preview URL every time the button is clicked\n  // to do this we need to fetch the document data fresh from the API\n  // this will ensure the latest data is used when generating the preview URL\n  const preview = useCallback(async () => {\n    if (!generatePreviewURL || isGeneratingPreviewURL.current) return\n    isGeneratingPreviewURL.current = true\n\n    try {\n      setIsLoading(true)\n\n      let url = `${serverURL}${api}`\n      if (collectionSlug) url = `${url}/${collectionSlug}/${id}`\n      if (globalSlug) url = `${url}/globals/${globalSlug}`\n\n      const data = await fetch(`${url}?draft=true&locale=${locale}&fallback-locale=null`).then(\n        (res) => res.json(),\n      )\n      const previewURL = await generatePreviewURL(data, { locale, token })\n      if (!previewURL) throw new Error()\n      setIsLoading(false)\n      isGeneratingPreviewURL.current = false\n      window.open(previewURL, '_blank')\n    } catch (err) {\n      setIsLoading(false)\n      isGeneratingPreviewURL.current = false\n      toast.error(t('error:previewing'))\n    }\n  }, [serverURL, api, collectionSlug, globalSlug, id, generatePreviewURL, locale, token, t])\n\n  return (\n    <RenderCustomComponent\n      CustomComponent={CustomComponent}\n      DefaultComponent={DefaultPreviewButton}\n      componentProps={{\n        DefaultButton: DefaultPreviewButton,\n        disabled: isLoading || !generatePreviewURL,\n        label: isLoading ? t('general:loading') : t('version:preview'),\n        preview,\n      }}\n    />\n  )\n}\n"],"names":["React","useCallback","useRef","useState","toast","RenderCustomComponent","useAuth","useConfig","useDocumentInfo","useLocale","useTranslation","Button","baseClass","DefaultPreviewButton","disabled","label","preview","buttonStyle","className","onClick","size","PreviewButton","CustomComponent","generatePreviewURL","id","collectionSlug","globalSlug","isLoading","setIsLoading","code","locale","token","routes","api","serverURL","t","isGeneratingPreviewURL","current","url","data","fetch","then","res","json","previewURL","Error","window","open","err","error","DefaultComponent","componentProps","DefaultButton"],"mappings":"AAAA;AAIA,OAAOA,SAASC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAC5D,SAASC,KAAK,QAAQ,iBAAgB;AAEtC,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,qBAAoB;AAE3C,MAAMC,YAAY;AAElB,MAAMC,uBAA4D,CAAC,EACjEC,QAAQ,EACRC,KAAK,EACLC,OAAO,EACR;IACC,qBACE,oBAACL;QACCM,aAAY;QACZC,WAAWN;QACXE,UAAUA;QACVK,SAASH;QACTI,MAAK;OAEJL;AAGP;AAOA,OAAO,MAAMM,gBAA8C,CAAC,EAC1DC,eAAe,EACfC,kBAAkB,EACnB;IACC,MAAM,EAAEC,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAGlB;IAE3C,MAAM,CAACmB,WAAWC,aAAa,GAAGzB,SAAS;IAC3C,MAAM,EAAE0B,MAAMC,MAAM,EAAE,GAAGrB;IACzB,MAAM,EAAEsB,KAAK,EAAE,GAAGzB;IAClB,MAAM,EACJ0B,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAG3B;IACJ,MAAM,EAAE4B,CAAC,EAAE,GAAGzB;IACd,MAAM0B,yBAAyBlC,OAAO;IAEtC,yEAAyE;IACzE,mEAAmE;IACnE,2EAA2E;IAC3E,MAAMc,UAAUf,YAAY;QAC1B,IAAI,CAACsB,sBAAsBa,uBAAuBC,OAAO,EAAE;QAC3DD,uBAAuBC,OAAO,GAAG;QAEjC,IAAI;YACFT,aAAa;YAEb,IAAIU,MAAM,CAAC,EAAEJ,UAAU,EAAED,IAAI,CAAC;YAC9B,IAAIR,gBAAgBa,MAAM,CAAC,EAAEA,IAAI,CAAC,EAAEb,eAAe,CAAC,EAAED,GAAG,CAAC;YAC1D,IAAIE,YAAYY,MAAM,CAAC,EAAEA,IAAI,SAAS,EAAEZ,WAAW,CAAC;YAEpD,MAAMa,OAAO,MAAMC,MAAM,CAAC,EAAEF,IAAI,mBAAmB,EAAER,OAAO,qBAAqB,CAAC,EAAEW,IAAI,CACtF,CAACC,MAAQA,IAAIC,IAAI;YAEnB,MAAMC,aAAa,MAAMrB,mBAAmBgB,MAAM;gBAAET;gBAAQC;YAAM;YAClE,IAAI,CAACa,YAAY,MAAM,IAAIC;YAC3BjB,aAAa;YACbQ,uBAAuBC,OAAO,GAAG;YACjCS,OAAOC,IAAI,CAACH,YAAY;QAC1B,EAAE,OAAOI,KAAK;YACZpB,aAAa;YACbQ,uBAAuBC,OAAO,GAAG;YACjCjC,MAAM6C,KAAK,CAACd,EAAE;QAChB;IACF,GAAG;QAACD;QAAWD;QAAKR;QAAgBC;QAAYF;QAAID;QAAoBO;QAAQC;QAAOI;KAAE;IAEzF,qBACE,oBAAC9B;QACCiB,iBAAiBA;QACjB4B,kBAAkBrC;QAClBsC,gBAAgB;YACdC,eAAevC;YACfC,UAAUa,aAAa,CAACJ;YACxBR,OAAOY,YAAYQ,EAAE,qBAAqBA,EAAE;YAC5CnB;QACF;;AAGN,EAAC"}
+{"version":3,"sources":["../../../src/elements/PreviewButton/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { Button } from '../Button/index.js'\nimport { usePreviewURL } from './usePreviewURL.js'\n\nconst baseClass = 'preview-btn'\n\nconst DefaultPreviewButton: React.FC = () => {\n  const { generatePreviewURL, label } = usePreviewURL()\n\n  return (\n    <Button\n      buttonStyle=\"secondary\"\n      className={baseClass}\n      // disabled={disabled}\n      onClick={() =>\n        generatePreviewURL({\n          openPreviewWindow: true,\n        })\n      }\n      size=\"small\"\n    >\n      {label}\n    </Button>\n  )\n}\n\ntype Props = {\n  CustomComponent?: React.ReactNode\n}\n\nexport const PreviewButton: React.FC<Props> = ({ CustomComponent }) => {\n  if (CustomComponent) return CustomComponent\n\n  return <DefaultPreviewButton />\n}\n"],"names":["React","Button","usePreviewURL","baseClass","DefaultPreviewButton","generatePreviewURL","label","buttonStyle","className","onClick","openPreviewWindow","size","PreviewButton","CustomComponent"],"mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,aAAa,QAAQ,qBAAoB;AAElD,MAAMC,YAAY;AAElB,MAAMC,uBAAiC;IACrC,MAAM,EAAEC,kBAAkB,EAAEC,KAAK,EAAE,GAAGJ;IAEtC,qBACE,oBAACD;QACCM,aAAY;QACZC,WAAWL;QACX,sBAAsB;QACtBM,SAAS,IACPJ,mBAAmB;gBACjBK,mBAAmB;YACrB;QAEFC,MAAK;OAEJL;AAGP;AAMA,OAAO,MAAMM,gBAAiC,CAAC,EAAEC,eAAe,EAAE;IAChE,IAAIA,iBAAiB,OAAOA;IAE5B,qBAAO,oBAACT;AACV,EAAC"}

package/dist/elements/PreviewButton/usePreviewURL.d.ts

@@ -0,0 +1,9 @@
+export declare const usePreviewURL: () => {
+    generatePreviewURL: ({ openPreviewWindow }: {
+        openPreviewWindow?: boolean;
+    }) => void;
+    isLoading: boolean;
+    label: string;
+    previewURL: string;
+};
+//# sourceMappingURL=usePreviewURL.d.ts.map

package/dist/elements/PreviewButton/usePreviewURL.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreviewURL.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewButton/usePreviewURL.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,aAAa;;4BAC0C,OAAO;UAAO,IAAI;eACzE,OAAO;WACX,MAAM;gBACD,MAAM;CAwDnB,CAAA"}

package/dist/elements/PreviewButton/usePreviewURL.js

@@ -0,0 +1,57 @@
+'use client';
+import { useCallback, useRef, useState } from 'react';
+import { toast } from 'react-toastify';
+import { useConfig } from '../../providers/Config/index.js';
+import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
+import { useLocale } from '../../providers/Locale/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+export const usePreviewURL = ()=>{
+    const { id, collectionSlug, globalSlug } = useDocumentInfo();
+    const [isLoading, setIsLoading] = useState(false);
+    const [previewURL, setPreviewURL] = useState('');
+    const { code: locale } = useLocale();
+    const { routes: { api }, serverURL } = useConfig();
+    const { t } = useTranslation();
+    const isGeneratingPreviewURL = useRef(false);
+    // we need to regenerate the preview URL every time the button is clicked
+    // to do this we need to fetch the document data fresh from the API
+    // this will ensure the latest data is used when generating the preview URL
+    const generatePreviewURL = useCallback(async ({ openPreviewWindow = false })=>{
+        if (isGeneratingPreviewURL.current) return;
+        isGeneratingPreviewURL.current = true;
+        try {
+            setIsLoading(true);
+            let url = `${serverURL}${api}`;
+            if (collectionSlug) url = `${url}/${collectionSlug}/${id}/preview`;
+            if (globalSlug) url = `${url}/globals/${globalSlug}/preview`;
+            const res = await fetch(`${url}${locale ? `?locale=${locale}` : ''}`);
+            if (!res.ok) throw new Error();
+            const newPreviewURL = await res.json();
+            if (!newPreviewURL) throw new Error();
+            setPreviewURL(newPreviewURL);
+            setIsLoading(false);
+            isGeneratingPreviewURL.current = false;
+            if (openPreviewWindow) window.open(newPreviewURL, '_blank');
+        } catch (err) {
+            setIsLoading(false);
+            isGeneratingPreviewURL.current = false;
+            toast.error(t('error:previewing'));
+        }
+    }, [
+        serverURL,
+        api,
+        collectionSlug,
+        globalSlug,
+        id,
+        locale,
+        t
+    ]);
+    return {
+        generatePreviewURL,
+        isLoading,
+        label: isLoading ? t('general:loading') : t('version:preview'),
+        previewURL
+    };
+};
+
+//# sourceMappingURL=usePreviewURL.js.map

package/dist/elements/PreviewButton/usePreviewURL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/PreviewButton/usePreviewURL.tsx"],"sourcesContent":["'use client'\nimport { useCallback, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport const usePreviewURL = (): {\n  generatePreviewURL: ({ openPreviewWindow }: { openPreviewWindow?: boolean }) => void\n  isLoading: boolean\n  label: string\n  previewURL: string\n} => {\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n\n  const [isLoading, setIsLoading] = useState(false)\n  const [previewURL, setPreviewURL] = useState('')\n  const { code: locale } = useLocale()\n\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n\n  const { t } = useTranslation()\n\n  const isGeneratingPreviewURL = useRef(false)\n\n  // we need to regenerate the preview URL every time the button is clicked\n  // to do this we need to fetch the document data fresh from the API\n  // this will ensure the latest data is used when generating the preview URL\n  const generatePreviewURL = useCallback(\n    async ({ openPreviewWindow = false }) => {\n      if (isGeneratingPreviewURL.current) return\n      isGeneratingPreviewURL.current = true\n\n      try {\n        setIsLoading(true)\n\n        let url = `${serverURL}${api}`\n        if (collectionSlug) url = `${url}/${collectionSlug}/${id}/preview`\n        if (globalSlug) url = `${url}/globals/${globalSlug}/preview`\n\n        const res = await fetch(`${url}${locale ? `?locale=${locale}` : ''}`)\n\n        if (!res.ok) throw new Error()\n        const newPreviewURL = await res.json()\n        if (!newPreviewURL) throw new Error()\n        setPreviewURL(newPreviewURL)\n        setIsLoading(false)\n        isGeneratingPreviewURL.current = false\n        if (openPreviewWindow) window.open(newPreviewURL, '_blank')\n      } catch (err) {\n        setIsLoading(false)\n        isGeneratingPreviewURL.current = false\n        toast.error(t('error:previewing'))\n      }\n    },\n    [serverURL, api, collectionSlug, globalSlug, id, locale, t],\n  )\n\n  return {\n    generatePreviewURL,\n    isLoading,\n    label: isLoading ? t('general:loading') : t('version:preview'),\n    previewURL,\n  }\n}\n"],"names":["useCallback","useRef","useState","toast","useConfig","useDocumentInfo","useLocale","useTranslation","usePreviewURL","id","collectionSlug","globalSlug","isLoading","setIsLoading","previewURL","setPreviewURL","code","locale","routes","api","serverURL","t","isGeneratingPreviewURL","generatePreviewURL","openPreviewWindow","current","url","res","fetch","ok","Error","newPreviewURL","json","window","open","err","error","label"],"mappings":"AAAA;AACA,SAASA,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AACrD,SAASC,KAAK,QAAQ,iBAAgB;AAEtC,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AAErE,OAAO,MAAMC,gBAAgB;IAM3B,MAAM,EAAEC,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAGN;IAE3C,MAAM,CAACO,WAAWC,aAAa,GAAGX,SAAS;IAC3C,MAAM,CAACY,YAAYC,cAAc,GAAGb,SAAS;IAC7C,MAAM,EAAEc,MAAMC,MAAM,EAAE,GAAGX;IAEzB,MAAM,EACJY,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAGhB;IAEJ,MAAM,EAAEiB,CAAC,EAAE,GAAGd;IAEd,MAAMe,yBAAyBrB,OAAO;IAEtC,yEAAyE;IACzE,mEAAmE;IACnE,2EAA2E;IAC3E,MAAMsB,qBAAqBvB,YACzB,OAAO,EAAEwB,oBAAoB,KAAK,EAAE;QAClC,IAAIF,uBAAuBG,OAAO,EAAE;QACpCH,uBAAuBG,OAAO,GAAG;QAEjC,IAAI;YACFZ,aAAa;YAEb,IAAIa,MAAM,CAAC,EAAEN,UAAU,EAAED,IAAI,CAAC;YAC9B,IAAIT,gBAAgBgB,MAAM,CAAC,EAAEA,IAAI,CAAC,EAAEhB,eAAe,CAAC,EAAED,GAAG,QAAQ,CAAC;YAClE,IAAIE,YAAYe,MAAM,CAAC,EAAEA,IAAI,SAAS,EAAEf,WAAW,QAAQ,CAAC;YAE5D,MAAMgB,MAAM,MAAMC,MAAM,CAAC,EAAEF,IAAI,EAAET,SAAS,CAAC,QAAQ,EAAEA,OAAO,CAAC,GAAG,GAAG,CAAC;YAEpE,IAAI,CAACU,IAAIE,EAAE,EAAE,MAAM,IAAIC;YACvB,MAAMC,gBAAgB,MAAMJ,IAAIK,IAAI;YACpC,IAAI,CAACD,eAAe,MAAM,IAAID;YAC9Bf,cAAcgB;YACdlB,aAAa;YACbS,uBAAuBG,OAAO,GAAG;YACjC,IAAID,mBAAmBS,OAAOC,IAAI,CAACH,eAAe;QACpD,EAAE,OAAOI,KAAK;YACZtB,aAAa;YACbS,uBAAuBG,OAAO,GAAG;YACjCtB,MAAMiC,KAAK,CAACf,EAAE;QAChB;IACF,GACA;QAACD;QAAWD;QAAKT;QAAgBC;QAAYF;QAAIQ;QAAQI;KAAE;IAG7D,OAAO;QACLE;QACAX;QACAyB,OAAOzB,YAAYS,EAAE,qBAAqBA,EAAE;QAC5CP;IACF;AACF,EAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Publish/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAA6B,MAAM,eAAe,CAAA;AAGxF,OAAO,KAAsB,MAAM,OAAO,CAAA;AA0B1C,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,wBAAwB,CAAA;CAC3C,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6EnC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Publish/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAS1C,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CA8E7D,CAAA;AAED,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAInC,CAAA"}

package/dist/elements/Publish/index.js

@@ -1,24 +1,13 @@
 'use client';
 import qs from 'qs';
 import React, { useCallback } from 'react';
-import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { useForm, useFormModified } from '../../forms/Form/context.js';
 import { FormSubmit } from '../../forms/Submit/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-const DefaultPublishButton = ({ id, canPublish, disabled, label, publish })=>{
-    if (!canPublish) return null;
-    return /*#__PURE__*/ React.createElement(FormSubmit, {
-        buttonId: id,
-        disabled: disabled,
-        onClick: publish,
-        size: "small",
-        type: "button"
-    }, label);
-};
-export const Publish = ({ CustomComponent })=>{
+export const DefaultPublishButton = ({ label: labelProp })=>{
     const { code } = useLocale();
     const { id, collectionSlug, globalSlug, publishedDoc, unpublishedVersions } = useDocumentInfo();
     const [hasPublishPermission, setHasPublishPermission] = React.useState(false);
@@ -26,8 +15,9 @@ export const Publish = ({ CustomComponent })=>{
     const modified = useFormModified();
     const { routes: { api }, serverURL } = useConfig();
     const { t } = useTranslation();
+    const label = labelProp || t('version:publishChanges');
     const hasNewerVersions = unpublishedVersions?.totalDocs > 0;
-    const canPublish = modified || hasNewerVersions || !publishedDoc;
+    const canPublish = hasPublishPermission && (modified || hasNewerVersions || !publishedDoc);
     const publish = useCallback(()=>{
         void submit({
             overrides: {
@@ -80,18 +70,18 @@ export const Publish = ({ CustomComponent })=>{
         id,
         serverURL
     ]);
-    return /*#__PURE__*/ React.createElement(RenderCustomComponent, {
-        CustomComponent: CustomComponent,
-        DefaultComponent: DefaultPublishButton,
-        componentProps: {
-            id: 'action-save',
-            DefaultButton: DefaultPublishButton,
-            canPublish: hasPublishPermission,
-            disabled: !canPublish,
-            label: t('version:publishChanges'),
-            publish
-        }
-    });
+    if (!canPublish) return null;
+    return /*#__PURE__*/ React.createElement(FormSubmit, {
+        buttonId: "action-save",
+        disabled: !canPublish,
+        onClick: publish,
+        size: "small",
+        type: "button"
+    }, label);
+};
+export const Publish = ({ CustomComponent })=>{
+    if (CustomComponent) return CustomComponent;
+    return /*#__PURE__*/ React.createElement(DefaultPublishButton, null);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Publish/index.tsx"],"sourcesContent":["'use client'\nimport type { CustomPublishButtonProps, DefaultPublishButtonProps } from 'payload/types'\n\nimport qs from 'qs'\nimport React, { useCallback } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nconst DefaultPublishButton: React.FC<DefaultPublishButtonProps> = ({\n  id,\n  canPublish,\n  disabled,\n  label,\n  publish,\n}) => {\n  if (!canPublish) return null\n\n  return (\n    <FormSubmit buttonId={id} disabled={disabled} onClick={publish} size=\"small\" type=\"button\">\n      {label}\n    </FormSubmit>\n  )\n}\n\ntype Props = {\n  CustomComponent?: CustomPublishButtonProps\n}\n\nexport const Publish: React.FC<Props> = ({ CustomComponent }) => {\n  const { code } = useLocale()\n  const { id, collectionSlug, globalSlug, publishedDoc, unpublishedVersions } = useDocumentInfo()\n  const [hasPublishPermission, setHasPublishPermission] = React.useState(false)\n  const { getData, submit } = useForm()\n  const modified = useFormModified()\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const { t } = useTranslation()\n\n  const hasNewerVersions = unpublishedVersions?.totalDocs > 0\n  const canPublish = modified || hasNewerVersions || !publishedDoc\n\n  const publish = useCallback(() => {\n    void submit({\n      overrides: {\n        _status: 'published',\n      },\n    })\n  }, [submit])\n\n  React.useEffect(() => {\n    const fetchPublishAccess = async () => {\n      let docAccessURL: string\n      let operation = 'update'\n\n      const params = {\n        locale: code || undefined,\n      }\n      if (globalSlug) {\n        docAccessURL = `/globals/${globalSlug}/access`\n      } else if (collectionSlug) {\n        if (!id) operation = 'create'\n        docAccessURL = `/${collectionSlug}/access${id ? `/${id}` : ''}`\n      }\n\n      if (docAccessURL) {\n        const data = getData()\n\n        const res = await fetch(`${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`, {\n          body: JSON.stringify({\n            ...data,\n            _status: 'published',\n          }),\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'post',\n        })\n        const json = await res.json()\n        const result = Boolean(json?.[operation]?.permission)\n        setHasPublishPermission(result)\n      } else {\n        setHasPublishPermission(true)\n      }\n    }\n\n    void fetchPublishAccess()\n  }, [api, code, collectionSlug, getData, globalSlug, id, serverURL])\n\n  return (\n    <RenderCustomComponent\n      CustomComponent={CustomComponent}\n      DefaultComponent={DefaultPublishButton}\n      componentProps={{\n        id: 'action-save',\n        DefaultButton: DefaultPublishButton,\n        canPublish: hasPublishPermission,\n        disabled: !canPublish,\n        label: t('version:publishChanges'),\n        publish,\n      }}\n    />\n  )\n}\n"],"names":["qs","React","useCallback","RenderCustomComponent","useForm","useFormModified","FormSubmit","useConfig","useDocumentInfo","useLocale","useTranslation","DefaultPublishButton","id","canPublish","disabled","label","publish","buttonId","onClick","size","type","Publish","CustomComponent","code","collectionSlug","globalSlug","publishedDoc","unpublishedVersions","hasPublishPermission","setHasPublishPermission","useState","getData","submit","modified","routes","api","serverURL","t","hasNewerVersions","totalDocs","overrides","_status","useEffect","fetchPublishAccess","docAccessURL","operation","params","locale","undefined","data","res","fetch","stringify","body","JSON","credentials","headers","method","json","result","Boolean","permission","DefaultComponent","componentProps","DefaultButton"],"mappings":"AAAA;AAGA,OAAOA,QAAQ,KAAI;AACnB,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAE1C,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,uBAA4D,CAAC,EACjEC,EAAE,EACFC,UAAU,EACVC,QAAQ,EACRC,KAAK,EACLC,OAAO,EACR;IACC,IAAI,CAACH,YAAY,OAAO;IAExB,qBACE,oBAACP;QAAWW,UAAUL;QAAIE,UAAUA;QAAUI,SAASF;QAASG,MAAK;QAAQC,MAAK;OAC/EL;AAGP;AAMA,OAAO,MAAMM,UAA2B,CAAC,EAAEC,eAAe,EAAE;IAC1D,MAAM,EAAEC,IAAI,EAAE,GAAGd;IACjB,MAAM,EAAEG,EAAE,EAAEY,cAAc,EAAEC,UAAU,EAAEC,YAAY,EAAEC,mBAAmB,EAAE,GAAGnB;IAC9E,MAAM,CAACoB,sBAAsBC,wBAAwB,GAAG5B,MAAM6B,QAAQ,CAAC;IACvE,MAAM,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAG5B;IAC5B,MAAM6B,WAAW5B;IACjB,MAAM,EACJ6B,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAG7B;IACJ,MAAM,EAAE8B,CAAC,EAAE,GAAG3B;IAEd,MAAM4B,mBAAmBX,qBAAqBY,YAAY;IAC1D,MAAM1B,aAAaoB,YAAYK,oBAAoB,CAACZ;IAEpD,MAAMV,UAAUd,YAAY;QAC1B,KAAK8B,OAAO;YACVQ,WAAW;gBACTC,SAAS;YACX;QACF;IACF,GAAG;QAACT;KAAO;IAEX/B,MAAMyC,SAAS,CAAC;QACd,MAAMC,qBAAqB;YACzB,IAAIC;YACJ,IAAIC,YAAY;YAEhB,MAAMC,SAAS;gBACbC,QAAQxB,QAAQyB;YAClB;YACA,IAAIvB,YAAY;gBACdmB,eAAe,CAAC,SAAS,EAAEnB,WAAW,OAAO,CAAC;YAChD,OAAO,IAAID,gBAAgB;gBACzB,IAAI,CAACZ,IAAIiC,YAAY;gBACrBD,eAAe,CAAC,CAAC,EAAEpB,eAAe,OAAO,EAAEZ,KAAK,CAAC,CAAC,EAAEA,GAAG,CAAC,GAAG,GAAG,CAAC;YACjE;YAEA,IAAIgC,cAAc;gBAChB,MAAMK,OAAOlB;gBAEb,MAAMmB,MAAM,MAAMC,MAAM,CAAC,EAAEf,UAAU,EAAED,IAAI,EAAES,aAAa,CAAC,EAAE5C,GAAGoD,SAAS,CAACN,QAAQ,CAAC,EAAE;oBACnFO,MAAMC,KAAKF,SAAS,CAAC;wBACnB,GAAGH,IAAI;wBACPR,SAAS;oBACX;oBACAc,aAAa;oBACbC,SAAS;wBACP,gBAAgB;oBAClB;oBACAC,QAAQ;gBACV;gBACA,MAAMC,OAAO,MAAMR,IAAIQ,IAAI;gBAC3B,MAAMC,SAASC,QAAQF,MAAM,CAACb,UAAU,EAAEgB;gBAC1ChC,wBAAwB8B;YAC1B,OAAO;gBACL9B,wBAAwB;YAC1B;QACF;QAEA,KAAKc;IACP,GAAG;QAACR;QAAKZ;QAAMC;QAAgBO;QAASN;QAAYb;QAAIwB;KAAU;IAElE,qBACE,oBAACjC;QACCmB,iBAAiBA;QACjBwC,kBAAkBnD;QAClBoD,gBAAgB;YACdnD,IAAI;YACJoD,eAAerD;YACfE,YAAYe;YACZd,UAAU,CAACD;YACXE,OAAOsB,EAAE;YACTrB;QACF;;AAGN,EAAC"}
+{"version":3,"sources":["../../../src/elements/Publish/index.tsx"],"sourcesContent":["'use client'\n\nimport qs from 'qs'\nimport React, { useCallback } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport const DefaultPublishButton: React.FC<{ label?: string }> = ({ label: labelProp }) => {\n  const { code } = useLocale()\n  const { id, collectionSlug, globalSlug, publishedDoc, unpublishedVersions } = useDocumentInfo()\n  const [hasPublishPermission, setHasPublishPermission] = React.useState(false)\n  const { getData, submit } = useForm()\n  const modified = useFormModified()\n\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\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  React.useEffect(() => {\n    const fetchPublishAccess = async () => {\n      let docAccessURL: string\n      let operation = 'update'\n\n      const params = {\n        locale: code || undefined,\n      }\n      if (globalSlug) {\n        docAccessURL = `/globals/${globalSlug}/access`\n      } else if (collectionSlug) {\n        if (!id) operation = 'create'\n        docAccessURL = `/${collectionSlug}/access${id ? `/${id}` : ''}`\n      }\n\n      if (docAccessURL) {\n        const data = getData()\n\n        const res = await fetch(`${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`, {\n          body: JSON.stringify({\n            ...data,\n            _status: 'published',\n          }),\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'post',\n        })\n        const json = await res.json()\n        const result = Boolean(json?.[operation]?.permission)\n        setHasPublishPermission(result)\n      } else {\n        setHasPublishPermission(true)\n      }\n    }\n\n    void fetchPublishAccess()\n  }, [api, code, collectionSlug, getData, globalSlug, id, serverURL])\n\n  if (!canPublish) 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 Publish: React.FC<Props> = ({ CustomComponent }) => {\n  if (CustomComponent) return CustomComponent\n\n  return <DefaultPublishButton />\n}\n"],"names":["qs","React","useCallback","useForm","useFormModified","FormSubmit","useConfig","useDocumentInfo","useLocale","useTranslation","DefaultPublishButton","label","labelProp","code","id","collectionSlug","globalSlug","publishedDoc","unpublishedVersions","hasPublishPermission","setHasPublishPermission","useState","getData","submit","modified","routes","api","serverURL","t","hasNewerVersions","totalDocs","canPublish","publish","overrides","_status","useEffect","fetchPublishAccess","docAccessURL","operation","params","locale","undefined","data","res","fetch","stringify","body","JSON","credentials","headers","method","json","result","Boolean","permission","buttonId","disabled","onClick","size","type","Publish","CustomComponent"],"mappings":"AAAA;AAEA,OAAOA,QAAQ,KAAI;AACnB,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAE1C,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AAErE,OAAO,MAAMC,uBAAqD,CAAC,EAAEC,OAAOC,SAAS,EAAE;IACrF,MAAM,EAAEC,IAAI,EAAE,GAAGL;IACjB,MAAM,EAAEM,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAEC,YAAY,EAAEC,mBAAmB,EAAE,GAAGX;IAC9E,MAAM,CAACY,sBAAsBC,wBAAwB,GAAGnB,MAAMoB,QAAQ,CAAC;IACvE,MAAM,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAGpB;IAC5B,MAAMqB,WAAWpB;IAEjB,MAAM,EACJqB,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAGrB;IACJ,MAAM,EAAEsB,CAAC,EAAE,GAAGnB;IACd,MAAME,QAAQC,aAAagB,EAAE;IAE7B,MAAMC,mBAAmBX,qBAAqBY,YAAY;IAC1D,MAAMC,aAAaZ,wBAAyBK,CAAAA,YAAYK,oBAAoB,CAACZ,YAAW;IAExF,MAAMe,UAAU9B,YAAY;QAC1B,KAAKqB,OAAO;YACVU,WAAW;gBACTC,SAAS;YACX;QACF;IACF,GAAG;QAACX;KAAO;IAEXtB,MAAMkC,SAAS,CAAC;QACd,MAAMC,qBAAqB;YACzB,IAAIC;YACJ,IAAIC,YAAY;YAEhB,MAAMC,SAAS;gBACbC,QAAQ3B,QAAQ4B;YAClB;YACA,IAAIzB,YAAY;gBACdqB,eAAe,CAAC,SAAS,EAAErB,WAAW,OAAO,CAAC;YAChD,OAAO,IAAID,gBAAgB;gBACzB,IAAI,CAACD,IAAIwB,YAAY;gBACrBD,eAAe,CAAC,CAAC,EAAEtB,eAAe,OAAO,EAAED,KAAK,CAAC,CAAC,EAAEA,GAAG,CAAC,GAAG,GAAG,CAAC;YACjE;YAEA,IAAIuB,cAAc;gBAChB,MAAMK,OAAOpB;gBAEb,MAAMqB,MAAM,MAAMC,MAAM,CAAC,EAAEjB,UAAU,EAAED,IAAI,EAAEW,aAAa,CAAC,EAAErC,GAAG6C,SAAS,CAACN,QAAQ,CAAC,EAAE;oBACnFO,MAAMC,KAAKF,SAAS,CAAC;wBACnB,GAAGH,IAAI;wBACPR,SAAS;oBACX;oBACAc,aAAa;oBACbC,SAAS;wBACP,gBAAgB;oBAClB;oBACAC,QAAQ;gBACV;gBACA,MAAMC,OAAO,MAAMR,IAAIQ,IAAI;gBAC3B,MAAMC,SAASC,QAAQF,MAAM,CAACb,UAAU,EAAEgB;gBAC1ClC,wBAAwBgC;YAC1B,OAAO;gBACLhC,wBAAwB;YAC1B;QACF;QAEA,KAAKgB;IACP,GAAG;QAACV;QAAKb;QAAME;QAAgBO;QAASN;QAAYF;QAAIa;KAAU;IAElE,IAAI,CAACI,YAAY,OAAO;IAExB,qBACE,oBAAC1B;QACCkD,UAAS;QACTC,UAAU,CAACzB;QACX0B,SAASzB;QACT0B,MAAK;QACLC,MAAK;OAEJhD;AAGP,EAAC;AAMD,OAAO,MAAMiD,UAA2B,CAAC,EAAEC,eAAe,EAAE;IAC1D,IAAIA,iBAAiB,OAAOA;IAE5B,qBAAO,oBAACnD;AACV,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/MultiValue/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAGzC,OAAO,cAAc,CAAA;AAGrB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CA6CxD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/MultiValue/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAGzC,OAAO,cAAc,CAAA;AAGrB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CA6CxD,CAAA"}

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

@@ -1,12 +1,13 @@
 import React from 'react';
 import { components as SelectComponents } from 'react-select';
+import { v4 as uuid } from 'uuid';
 import { useDraggableSortable } from '../../DraggableSortable/useDraggableSortable/index.js';
 const baseClass = 'multi-value';
 export const MultiValue = (props)=>{
     const { className, data: { value }, innerProps, isDisabled, // @ts-expect-error // TODO Fix this - moduleResolution 16 breaks our declare module
     selectProps: { customProps: { disableMouseDown } = {}, isSortable } = {} } = props;
     const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({
-        id: value.toString(),
+        id: typeof value === 'object' && 'path' in value ? String(value.path) : uuid(),
         disabled: !isSortable
     });
     const classes = [

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/MultiValue/index.tsx"],"sourcesContent":["import type { MultiValueProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nimport { useDraggableSortable } from '../../DraggableSortable/useDraggableSortable/index.js'\nimport './index.scss'\n\nconst baseClass = 'multi-value'\nexport const MultiValue: React.FC<MultiValueProps<Option>> = (props) => {\n  const {\n    className,\n    data: { value },\n    innerProps,\n    isDisabled,\n    // @ts-expect-error // TODO Fix this - moduleResolution 16 breaks our declare module\n    selectProps: { customProps: { disableMouseDown } = {}, isSortable } = {},\n  } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({\n    id: value.toString(),\n    disabled: !isSortable,\n  })\n\n  const classes = [\n    baseClass,\n    className,\n    !isDisabled && 'draggable',\n    isDragging && `${baseClass}--is-dragging`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <SelectComponents.MultiValue\n      {...props}\n      className={classes}\n      innerProps={{\n        ...innerProps,\n        ...attributes,\n        ...listeners,\n        onMouseDown: (e) => {\n          if (!disableMouseDown) {\n            // we need to prevent the dropdown from opening when clicking on the drag handle, but not when a modal is open (i.e. the 'Relationship' field component)\n            e.stopPropagation()\n          }\n        },\n        ref: setNodeRef,\n        style: {\n          transform,\n        },\n      }}\n    />\n  )\n}\n"],"names":["React","components","SelectComponents","useDraggableSortable","baseClass","MultiValue","props","className","data","value","innerProps","isDisabled","selectProps","customProps","disableMouseDown","isSortable","attributes","isDragging","listeners","setNodeRef","transform","id","toString","disabled","classes","filter","Boolean","join","onMouseDown","e","stopPropagation","ref","style"],"mappings":"AAEA,OAAOA,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,SAASC,oBAAoB,QAAQ,wDAAuD;AAG5F,MAAMC,YAAY;AAClB,OAAO,MAAMC,aAAgD,CAACC;IAC5D,MAAM,EACJC,SAAS,EACTC,MAAM,EAAEC,KAAK,EAAE,EACfC,UAAU,EACVC,UAAU,EACV,oFAAoF;IACpFC,aAAa,EAAEC,aAAa,EAAEC,gBAAgB,EAAE,GAAG,CAAC,CAAC,EAAEC,UAAU,EAAE,GAAG,CAAC,CAAC,EACzE,GAAGT;IAEJ,MAAM,EAAEU,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGjB,qBAAqB;QACxFkB,IAAIZ,MAAMa,QAAQ;QAClBC,UAAU,CAACR;IACb;IAEA,MAAMS,UAAU;QACdpB;QACAG;QACA,CAACI,cAAc;QACfM,cAAc,CAAC,EAAEb,UAAU,aAAa,CAAC;KAC1C,CACEqB,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,oBAACzB,iBAAiBG,UAAU;QACzB,GAAGC,KAAK;QACTC,WAAWiB;QACXd,YAAY;YACV,GAAGA,UAAU;YACb,GAAGM,UAAU;YACb,GAAGE,SAAS;YACZU,aAAa,CAACC;gBACZ,IAAI,CAACf,kBAAkB;oBACrB,wJAAwJ;oBACxJe,EAAEC,eAAe;gBACnB;YACF;YACAC,KAAKZ;YACLa,OAAO;gBACLZ;YACF;QACF;;AAGN,EAAC"}
+{"version":3,"sources":["../../../../src/elements/ReactSelect/MultiValue/index.tsx"],"sourcesContent":["import type { MultiValueProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\nimport { v4 as uuid } from 'uuid'\n\nimport type { Option } from '../types.js'\n\nimport { useDraggableSortable } from '../../DraggableSortable/useDraggableSortable/index.js'\nimport './index.scss'\n\nconst baseClass = 'multi-value'\nexport const MultiValue: React.FC<MultiValueProps<Option>> = (props) => {\n  const {\n    className,\n    data: { value },\n    innerProps,\n    isDisabled,\n    // @ts-expect-error // TODO Fix this - moduleResolution 16 breaks our declare module\n    selectProps: { customProps: { disableMouseDown } = {}, isSortable } = {},\n  } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({\n    id: typeof value === 'object' && 'path' in value ? String(value.path) : uuid(),\n    disabled: !isSortable,\n  })\n\n  const classes = [\n    baseClass,\n    className,\n    !isDisabled && 'draggable',\n    isDragging && `${baseClass}--is-dragging`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <SelectComponents.MultiValue\n      {...props}\n      className={classes}\n      innerProps={{\n        ...innerProps,\n        ...attributes,\n        ...listeners,\n        onMouseDown: (e) => {\n          if (!disableMouseDown) {\n            // we need to prevent the dropdown from opening when clicking on the drag handle, but not when a modal is open (i.e. the 'Relationship' field component)\n            e.stopPropagation()\n          }\n        },\n        ref: setNodeRef,\n        style: {\n          transform,\n        },\n      }}\n    />\n  )\n}\n"],"names":["React","components","SelectComponents","v4","uuid","useDraggableSortable","baseClass","MultiValue","props","className","data","value","innerProps","isDisabled","selectProps","customProps","disableMouseDown","isSortable","attributes","isDragging","listeners","setNodeRef","transform","id","String","path","disabled","classes","filter","Boolean","join","onMouseDown","e","stopPropagation","ref","style"],"mappings":"AAEA,OAAOA,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAC7D,SAASC,MAAMC,IAAI,QAAQ,OAAM;AAIjC,SAASC,oBAAoB,QAAQ,wDAAuD;AAG5F,MAAMC,YAAY;AAClB,OAAO,MAAMC,aAAgD,CAACC;IAC5D,MAAM,EACJC,SAAS,EACTC,MAAM,EAAEC,KAAK,EAAE,EACfC,UAAU,EACVC,UAAU,EACV,oFAAoF;IACpFC,aAAa,EAAEC,aAAa,EAAEC,gBAAgB,EAAE,GAAG,CAAC,CAAC,EAAEC,UAAU,EAAE,GAAG,CAAC,CAAC,EACzE,GAAGT;IAEJ,MAAM,EAAEU,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGjB,qBAAqB;QACxFkB,IAAI,OAAOZ,UAAU,YAAY,UAAUA,QAAQa,OAAOb,MAAMc,IAAI,IAAIrB;QACxEsB,UAAU,CAACT;IACb;IAEA,MAAMU,UAAU;QACdrB;QACAG;QACA,CAACI,cAAc;QACfM,cAAc,CAAC,EAAEb,UAAU,aAAa,CAAC;KAC1C,CACEsB,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,oBAAC5B,iBAAiBK,UAAU;QACzB,GAAGC,KAAK;QACTC,WAAWkB;QACXf,YAAY;YACV,GAAGA,UAAU;YACb,GAAGM,UAAU;YACb,GAAGE,SAAS;YACZW,aAAa,CAACC;gBACZ,IAAI,CAAChB,kBAAkB;oBACrB,wJAAwJ;oBACxJgB,EAAEC,eAAe;gBACnB;YACF;YACAC,KAAKb;YACLc,OAAO;gBACLb;YACF;QACF;;AAGN,EAAC"}

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

@@ -14,6 +14,10 @@
       padding-top: 0;
       padding-bottom: 0;
       color: currentColor;
+
+      .field-label {
+        padding-bottom: 0;
+      }
     }
 
     &--is-multi {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,KAAK,IAAI,uBAAuB,EAAE,MAAM,YAAY,CAAA;AAClE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAYxC,OAAO,cAAc,CAAA;AAuKrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAQzD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,KAAK,IAAI,uBAAuB,EAAE,MAAM,YAAY,CAAA;AAClE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAYxC,OAAO,cAAc,CAAA;AA4KrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAQzD,CAAA"}

package/dist/elements/ReactSelect/index.js

@@ -22,7 +22,7 @@ const SelectAdapter = (props)=>{
     const { i18n, t } = useTranslation();
     const [inputValue, setInputValue] = React.useState('') // for creatable select
     ;
-    const { className, components, customProps, disabled = false, filterOption = undefined, isClearable = true, isCreatable, isLoading, isSearchable = true, noOptionsMessage, numberOnly = false, onChange, onMenuOpen, options, placeholder = t('general:selectValue'), showError, value } = props;
+    const { className, components, customProps, disabled = false, filterOption = undefined, getOptionValue, isClearable = true, isCreatable, isLoading, isSearchable = true, noOptionsMessage, numberOnly = false, onChange, onMenuClose, onMenuOpen, options, placeholder = t('general:selectValue'), showError, value } = props;
     const classes = [
         className,
         'react-select',
@@ -49,12 +49,14 @@ const SelectAdapter = (props)=>{
                 ...components
             },
             filterOption: filterOption,
+            getOptionValue: getOptionValue,
             isClearable: isClearable,
             isDisabled: disabled,
             isSearchable: isSearchable,
             menuPlacement: "auto",
             noOptionsMessage: noOptionsMessage,
             onChange: onChange,
+            onMenuClose: onMenuClose,
             onMenuOpen: onMenuOpen,
             options: options,
             value: value
@@ -126,6 +128,7 @@ const SelectAdapter = (props)=>{
         onChange: onChange,
         onInputChange: (newValue)=>setInputValue(newValue),
         onKeyDown: handleKeyDown,
+        onMenuClose: onMenuClose,
         onMenuOpen: onMenuOpen,
         options: options,
         value: value

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ReactSelect/index.tsx"],"sourcesContent":["'use client'\nimport type { KeyboardEventHandler } from 'react'\n\nimport { arrayMove } from '@dnd-kit/sortable'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\nimport Select from 'react-select'\nimport CreatableSelect from 'react-select/creatable'\n\nimport type { Option } from './types.js'\nimport type { Props as ReactSelectAdapterProps } from './types.js'\nexport type { Option } from './types.js'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { ClearIndicator } from './ClearIndicator/index.js'\nimport { Control } from './Control/index.js'\nimport { MultiValue } from './MultiValue/index.js'\nimport { MultiValueLabel } from './MultiValueLabel/index.js'\nimport { MultiValueRemove } from './MultiValueRemove/index.js'\nimport { SingleValue } from './SingleValue/index.js'\nimport { ValueContainer } from './ValueContainer/index.js'\nimport './index.scss'\n\nconst createOption = (label: string) => ({\n  label,\n  value: label,\n})\n\nconst SelectAdapter: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { i18n, t } = useTranslation()\n  const [inputValue, setInputValue] = React.useState('') // for creatable select\n\n  const {\n    className,\n    components,\n    customProps,\n    disabled = false,\n    filterOption = undefined,\n    isClearable = true,\n    isCreatable,\n    isLoading,\n    isSearchable = true,\n    noOptionsMessage,\n    numberOnly = false,\n    onChange,\n    onMenuOpen,\n    options,\n    placeholder = t('general:selectValue'),\n    showError,\n    value,\n  } = props\n\n  const classes = [className, 'react-select', showError && 'react-select--error']\n    .filter(Boolean)\n    .join(' ')\n\n  if (!isCreatable) {\n    return (\n      <Select\n        captureMenuScroll\n        customProps={customProps}\n        isLoading={isLoading}\n        placeholder={getTranslation(placeholder, i18n)}\n        {...props}\n        className={classes}\n        classNamePrefix=\"rs\"\n        components={{\n          ClearIndicator,\n          Control,\n          DropdownIndicator: Chevron,\n          MultiValue,\n          MultiValueLabel,\n          MultiValueRemove,\n          SingleValue,\n          ValueContainer,\n          ...components,\n        }}\n        filterOption={filterOption}\n        isClearable={isClearable}\n        isDisabled={disabled}\n        isSearchable={isSearchable}\n        menuPlacement=\"auto\"\n        noOptionsMessage={noOptionsMessage}\n        onChange={onChange}\n        onMenuOpen={onMenuOpen}\n        options={options}\n        value={value}\n      />\n    )\n  }\n  const handleKeyDown: KeyboardEventHandler = (event) => {\n    // eslint-disable-next-line no-restricted-globals\n    if (numberOnly === true) {\n      const acceptableKeys = [\n        'Tab',\n        'Escape',\n        'Backspace',\n        'Enter',\n        'ArrowRight',\n        'ArrowLeft',\n        'ArrowUp',\n        'ArrowDown',\n      ]\n      const isNumber = !/\\D/.test(event.key)\n      const isActionKey = acceptableKeys.includes(event.key)\n      if (!isNumber && !isActionKey) {\n        event.preventDefault()\n        return\n      }\n    }\n    if (!value || !inputValue || inputValue.trim() === '') return\n    if (filterOption && !filterOption(null, inputValue)) {\n      return\n    }\n    switch (event.key) {\n      case 'Enter':\n      case 'Tab':\n        onChange([...(value as Option[]), createOption(inputValue)])\n        setInputValue('')\n        event.preventDefault()\n        break\n      default:\n        break\n    }\n  }\n\n  return (\n    <CreatableSelect\n      captureMenuScroll\n      isLoading={isLoading}\n      placeholder={getTranslation(placeholder, i18n)}\n      {...props}\n      className={classes}\n      classNamePrefix=\"rs\"\n      components={{\n        ClearIndicator,\n        Control,\n        DropdownIndicator: Chevron,\n        MultiValue,\n        MultiValueLabel,\n        MultiValueRemove,\n        SingleValue,\n        ValueContainer,\n        ...components,\n      }}\n      filterOption={filterOption}\n      inputValue={inputValue}\n      isClearable={isClearable}\n      isDisabled={disabled}\n      isSearchable={isSearchable}\n      menuPlacement=\"auto\"\n      noOptionsMessage={noOptionsMessage}\n      onChange={onChange}\n      onInputChange={(newValue) => setInputValue(newValue)}\n      onKeyDown={handleKeyDown}\n      onMenuOpen={onMenuOpen}\n      options={options}\n      value={value}\n    />\n  )\n}\n\nconst SortableSelect: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { onChange, value } = props\n\n  let ids: string[] = []\n  if (value)\n    ids = Array.isArray(value)\n      ? value.map((item) => item?.id ?? `${item?.value}`)\n      : [value?.id || `${value?.value}`]\n\n  return (\n    <DraggableSortable\n      className=\"react-select-container\"\n      ids={ids}\n      onDragEnd={({ moveFromIndex, moveToIndex }) => {\n        let sorted = value\n        if (value && Array.isArray(value)) {\n          sorted = arrayMove(value, moveFromIndex, moveToIndex)\n        }\n        onChange(sorted)\n      }}\n    >\n      <SelectAdapter {...props} />\n    </DraggableSortable>\n  )\n}\n\nexport const ReactSelect: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { isMulti, isSortable } = props\n\n  if (isMulti && isSortable) {\n    return <SortableSelect {...props} />\n  }\n\n  return <SelectAdapter {...props} />\n}\n"],"names":["arrayMove","getTranslation","React","Select","CreatableSelect","Chevron","useTranslation","DraggableSortable","ClearIndicator","Control","MultiValue","MultiValueLabel","MultiValueRemove","SingleValue","ValueContainer","createOption","label","value","SelectAdapter","props","i18n","t","inputValue","setInputValue","useState","className","components","customProps","disabled","filterOption","undefined","isClearable","isCreatable","isLoading","isSearchable","noOptionsMessage","numberOnly","onChange","onMenuOpen","options","placeholder","showError","classes","filter","Boolean","join","captureMenuScroll","classNamePrefix","DropdownIndicator","isDisabled","menuPlacement","handleKeyDown","event","acceptableKeys","isNumber","test","key","isActionKey","includes","preventDefault","trim","onInputChange","newValue","onKeyDown","SortableSelect","ids","Array","isArray","map","item","id","onDragEnd","moveFromIndex","moveToIndex","sorted","ReactSelect","isMulti","isSortable"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/ReactSelect/index.tsx"],"sourcesContent":["'use client'\nimport type { KeyboardEventHandler } from 'react'\n\nimport { arrayMove } from '@dnd-kit/sortable'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\nimport Select from 'react-select'\nimport CreatableSelect from 'react-select/creatable'\n\nimport type { Option } from './types.js'\nimport type { Props as ReactSelectAdapterProps } from './types.js'\nexport type { Option } from './types.js'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { ClearIndicator } from './ClearIndicator/index.js'\nimport { Control } from './Control/index.js'\nimport { MultiValue } from './MultiValue/index.js'\nimport { MultiValueLabel } from './MultiValueLabel/index.js'\nimport { MultiValueRemove } from './MultiValueRemove/index.js'\nimport { SingleValue } from './SingleValue/index.js'\nimport { ValueContainer } from './ValueContainer/index.js'\nimport './index.scss'\n\nconst createOption = (label: string) => ({\n  label,\n  value: label,\n})\n\nconst SelectAdapter: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { i18n, t } = useTranslation()\n  const [inputValue, setInputValue] = React.useState('') // for creatable select\n\n  const {\n    className,\n    components,\n    customProps,\n    disabled = false,\n    filterOption = undefined,\n    getOptionValue,\n    isClearable = true,\n    isCreatable,\n    isLoading,\n    isSearchable = true,\n    noOptionsMessage,\n    numberOnly = false,\n    onChange,\n    onMenuClose,\n    onMenuOpen,\n    options,\n    placeholder = t('general:selectValue'),\n    showError,\n    value,\n  } = props\n\n  const classes = [className, 'react-select', showError && 'react-select--error']\n    .filter(Boolean)\n    .join(' ')\n\n  if (!isCreatable) {\n    return (\n      <Select\n        captureMenuScroll\n        customProps={customProps}\n        isLoading={isLoading}\n        placeholder={getTranslation(placeholder, i18n)}\n        {...props}\n        className={classes}\n        classNamePrefix=\"rs\"\n        components={{\n          ClearIndicator,\n          Control,\n          DropdownIndicator: Chevron,\n          MultiValue,\n          MultiValueLabel,\n          MultiValueRemove,\n          SingleValue,\n          ValueContainer,\n          ...components,\n        }}\n        filterOption={filterOption}\n        getOptionValue={getOptionValue}\n        isClearable={isClearable}\n        isDisabled={disabled}\n        isSearchable={isSearchable}\n        menuPlacement=\"auto\"\n        noOptionsMessage={noOptionsMessage}\n        onChange={onChange}\n        onMenuClose={onMenuClose}\n        onMenuOpen={onMenuOpen}\n        options={options}\n        value={value}\n      />\n    )\n  }\n  const handleKeyDown: KeyboardEventHandler = (event) => {\n    // eslint-disable-next-line no-restricted-globals\n    if (numberOnly === true) {\n      const acceptableKeys = [\n        'Tab',\n        'Escape',\n        'Backspace',\n        'Enter',\n        'ArrowRight',\n        'ArrowLeft',\n        'ArrowUp',\n        'ArrowDown',\n      ]\n      const isNumber = !/\\D/.test(event.key)\n      const isActionKey = acceptableKeys.includes(event.key)\n      if (!isNumber && !isActionKey) {\n        event.preventDefault()\n        return\n      }\n    }\n    if (!value || !inputValue || inputValue.trim() === '') return\n    if (filterOption && !filterOption(null, inputValue)) {\n      return\n    }\n    switch (event.key) {\n      case 'Enter':\n      case 'Tab':\n        onChange([...(value as Option[]), createOption(inputValue)])\n        setInputValue('')\n        event.preventDefault()\n        break\n      default:\n        break\n    }\n  }\n\n  return (\n    <CreatableSelect\n      captureMenuScroll\n      isLoading={isLoading}\n      placeholder={getTranslation(placeholder, i18n)}\n      {...props}\n      className={classes}\n      classNamePrefix=\"rs\"\n      components={{\n        ClearIndicator,\n        Control,\n        DropdownIndicator: Chevron,\n        MultiValue,\n        MultiValueLabel,\n        MultiValueRemove,\n        SingleValue,\n        ValueContainer,\n        ...components,\n      }}\n      filterOption={filterOption}\n      inputValue={inputValue}\n      isClearable={isClearable}\n      isDisabled={disabled}\n      isSearchable={isSearchable}\n      menuPlacement=\"auto\"\n      noOptionsMessage={noOptionsMessage}\n      onChange={onChange}\n      onInputChange={(newValue) => setInputValue(newValue)}\n      onKeyDown={handleKeyDown}\n      onMenuClose={onMenuClose}\n      onMenuOpen={onMenuOpen}\n      options={options}\n      value={value}\n    />\n  )\n}\n\nconst SortableSelect: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { onChange, value } = props\n\n  let ids: string[] = []\n  if (value)\n    ids = Array.isArray(value)\n      ? value.map((item) => item?.id ?? `${item?.value}`)\n      : [value?.id || `${value?.value}`]\n\n  return (\n    <DraggableSortable\n      className=\"react-select-container\"\n      ids={ids}\n      onDragEnd={({ moveFromIndex, moveToIndex }) => {\n        let sorted = value\n        if (value && Array.isArray(value)) {\n          sorted = arrayMove(value, moveFromIndex, moveToIndex)\n        }\n        onChange(sorted)\n      }}\n    >\n      <SelectAdapter {...props} />\n    </DraggableSortable>\n  )\n}\n\nexport const ReactSelect: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { isMulti, isSortable } = props\n\n  if (isMulti && isSortable) {\n    return <SortableSelect {...props} />\n  }\n\n  return <SelectAdapter {...props} />\n}\n"],"names":["arrayMove","getTranslation","React","Select","CreatableSelect","Chevron","useTranslation","DraggableSortable","ClearIndicator","Control","MultiValue","MultiValueLabel","MultiValueRemove","SingleValue","ValueContainer","createOption","label","value","SelectAdapter","props","i18n","t","inputValue","setInputValue","useState","className","components","customProps","disabled","filterOption","undefined","getOptionValue","isClearable","isCreatable","isLoading","isSearchable","noOptionsMessage","numberOnly","onChange","onMenuClose","onMenuOpen","options","placeholder","showError","classes","filter","Boolean","join","captureMenuScroll","classNamePrefix","DropdownIndicator","isDisabled","menuPlacement","handleKeyDown","event","acceptableKeys","isNumber","test","key","isActionKey","includes","preventDefault","trim","onInputChange","newValue","onKeyDown","SortableSelect","ids","Array","isArray","map","item","id","onDragEnd","moveFromIndex","moveToIndex","sorted","ReactSelect","isMulti","isSortable"],"mappings":"AAAA;AAGA,SAASA,SAAS,QAAQ,oBAAmB;AAC7C,SAASC,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AACzB,OAAOC,YAAY,eAAc;AACjC,OAAOC,qBAAqB,yBAAwB;AAMpD,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,SAASC,cAAc,QAAQ,4BAA2B;AAC1D,SAASC,OAAO,QAAQ,qBAAoB;AAC5C,SAASC,UAAU,QAAQ,wBAAuB;AAClD,SAASC,eAAe,QAAQ,6BAA4B;AAC5D,SAASC,gBAAgB,QAAQ,8BAA6B;AAC9D,SAASC,WAAW,QAAQ,yBAAwB;AACpD,SAASC,cAAc,QAAQ,4BAA2B;AAG1D,MAAMC,eAAe,CAACC,QAAmB,CAAA;QACvCA;QACAC,OAAOD;IACT,CAAA;AAEA,MAAME,gBAAmD,CAACC;IACxD,MAAM,EAAEC,IAAI,EAAEC,CAAC,EAAE,GAAGf;IACpB,MAAM,CAACgB,YAAYC,cAAc,GAAGrB,MAAMsB,QAAQ,CAAC,IAAI,uBAAuB;;IAE9E,MAAM,EACJC,SAAS,EACTC,UAAU,EACVC,WAAW,EACXC,WAAW,KAAK,EAChBC,eAAeC,SAAS,EACxBC,cAAc,EACdC,cAAc,IAAI,EAClBC,WAAW,EACXC,SAAS,EACTC,eAAe,IAAI,EACnBC,gBAAgB,EAChBC,aAAa,KAAK,EAClBC,QAAQ,EACRC,WAAW,EACXC,UAAU,EACVC,OAAO,EACPC,cAAcrB,EAAE,sBAAsB,EACtCsB,SAAS,EACT1B,KAAK,EACN,GAAGE;IAEJ,MAAMyB,UAAU;QAACnB;QAAW;QAAgBkB,aAAa;KAAsB,CAC5EE,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAI,CAACd,aAAa;QAChB,qBACE,oBAAC9B;YACC6C,mBAAAA;YACArB,aAAaA;YACbO,WAAWA;YACXQ,aAAazC,eAAeyC,aAAatB;YACxC,GAAGD,KAAK;YACTM,WAAWmB;YACXK,iBAAgB;YAChBvB,YAAY;gBACVlB;gBACAC;gBACAyC,mBAAmB7C;gBACnBK;gBACAC;gBACAC;gBACAC;gBACAC;gBACA,GAAGY,UAAU;YACf;YACAG,cAAcA;YACdE,gBAAgBA;YAChBC,aAAaA;YACbmB,YAAYvB;YACZO,cAAcA;YACdiB,eAAc;YACdhB,kBAAkBA;YAClBE,UAAUA;YACVC,aAAaA;YACbC,YAAYA;YACZC,SAASA;YACTxB,OAAOA;;IAGb;IACA,MAAMoC,gBAAsC,CAACC;QAC3C,iDAAiD;QACjD,IAAIjB,eAAe,MAAM;YACvB,MAAMkB,iBAAiB;gBACrB;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;gBACA;aACD;YACD,MAAMC,WAAW,CAAC,KAAKC,IAAI,CAACH,MAAMI,GAAG;YACrC,MAAMC,cAAcJ,eAAeK,QAAQ,CAACN,MAAMI,GAAG;YACrD,IAAI,CAACF,YAAY,CAACG,aAAa;gBAC7BL,MAAMO,cAAc;gBACpB;YACF;QACF;QACA,IAAI,CAAC5C,SAAS,CAACK,cAAcA,WAAWwC,IAAI,OAAO,IAAI;QACvD,IAAIjC,gBAAgB,CAACA,aAAa,MAAMP,aAAa;YACnD;QACF;QACA,OAAQgC,MAAMI,GAAG;YACf,KAAK;YACL,KAAK;gBACHpB,SAAS;uBAAKrB;oBAAoBF,aAAaO;iBAAY;gBAC3DC,cAAc;gBACd+B,MAAMO,cAAc;gBACpB;YACF;gBACE;QACJ;IACF;IAEA,qBACE,oBAACzD;QACC4C,mBAAAA;QACAd,WAAWA;QACXQ,aAAazC,eAAeyC,aAAatB;QACxC,GAAGD,KAAK;QACTM,WAAWmB;QACXK,iBAAgB;QAChBvB,YAAY;YACVlB;YACAC;YACAyC,mBAAmB7C;YACnBK;YACAC;YACAC;YACAC;YACAC;YACA,GAAGY,UAAU;QACf;QACAG,cAAcA;QACdP,YAAYA;QACZU,aAAaA;QACbmB,YAAYvB;QACZO,cAAcA;QACdiB,eAAc;QACdhB,kBAAkBA;QAClBE,UAAUA;QACVyB,eAAe,CAACC,WAAazC,cAAcyC;QAC3CC,WAAWZ;QACXd,aAAaA;QACbC,YAAYA;QACZC,SAASA;QACTxB,OAAOA;;AAGb;AAEA,MAAMiD,iBAAoD,CAAC/C;IACzD,MAAM,EAAEmB,QAAQ,EAAErB,KAAK,EAAE,GAAGE;IAE5B,IAAIgD,MAAgB,EAAE;IACtB,IAAIlD,OACFkD,MAAMC,MAAMC,OAAO,CAACpD,SAChBA,MAAMqD,GAAG,CAAC,CAACC,OAASA,MAAMC,MAAM,CAAC,EAAED,MAAMtD,MAAM,CAAC,IAChD;QAACA,OAAOuD,MAAM,CAAC,EAAEvD,OAAOA,MAAM,CAAC;KAAC;IAEtC,qBACE,oBAACV;QACCkB,WAAU;QACV0C,KAAKA;QACLM,WAAW,CAAC,EAAEC,aAAa,EAAEC,WAAW,EAAE;YACxC,IAAIC,SAAS3D;YACb,IAAIA,SAASmD,MAAMC,OAAO,CAACpD,QAAQ;gBACjC2D,SAAS5E,UAAUiB,OAAOyD,eAAeC;YAC3C;YACArC,SAASsC;QACX;qBAEA,oBAAC1D,eAAkBC;AAGzB;AAEA,OAAO,MAAM0D,cAAiD,CAAC1D;IAC7D,MAAM,EAAE2D,OAAO,EAAEC,UAAU,EAAE,GAAG5D;IAEhC,IAAI2D,WAAWC,YAAY;QACzB,qBAAO,oBAACb,gBAAmB/C;IAC7B;IAEA,qBAAO,oBAACD,eAAkBC;AAC5B,EAAC"}

package/dist/elements/ReactSelect/types.d.ts

@@ -42,6 +42,7 @@ export type Props = {
         label: string;
         value: string;
     }, search: string) => boolean) | undefined;
+    getOptionValue?: ReactSelectStateManagerProps<Option, boolean, GroupBase<Option>>['getOptionValue'];
     inputId?: string;
     isClearable?: boolean;
     /** Allows you to create own values in the UI despite them not being pre-specified */
@@ -58,6 +59,7 @@ export type Props = {
     numberOnly?: boolean;
     onChange?: (value: any) => void;
     onInputChange?: (val: string) => void;
+    onMenuClose?: () => void;
     onMenuOpen?: () => void;
     onMenuScrollToBottom?: () => void;
     options: Option[] | OptionGroup[];

package/dist/elements/ReactSelect/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/types.ts"],"names":[],"mappings":"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"}

package/dist/elements/ReactSelect/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ReactSelect/types.ts"],"sourcesContent":["import type { CommonProps, GroupBase, Props as ReactSelectStateManagerProps } from 'react-select'\n\nimport type { DocumentDrawerProps } from '../DocumentDrawer/types.js'\n\ntype CustomSelectProps = {\n  disableKeyDown?: boolean\n  disableMouseDown?: boolean\n  draggableProps?: any\n  droppableRef?: React.RefObject<HTMLDivElement>\n  onSave?: DocumentDrawerProps['onSave']\n  setDrawerIsOpen?: (isOpen: boolean) => void\n}\n\n// augment the types for the `Select` component from `react-select`\n// this is to include the `selectProps` prop at the top-level `Select` component\n// @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\ndeclare module 'react-select/dist/declarations/src/Select' {\n  export interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {\n    customProps?: CustomSelectProps\n  }\n}\n\n// augment the types for the `CommonPropsAndClassName` from `react-select`\n// this will include the `selectProps` prop to every `react-select` component automatically\n// @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\ndeclare module 'react-select/dist/declarations/src' {\n  export interface CommonPropsAndClassName<\n    Option,\n    IsMulti extends boolean,\n    Group extends GroupBase<Option>,\n  > extends CommonProps<Option, IsMulti, Group> {\n    customProps?: ReactSelectStateManagerProps<Option, IsMulti, Group> & CustomSelectProps\n  }\n}\n\nexport type Option = {\n  [key: string]: unknown\n  //* The ID is used to identify the option in the UI. If it doesn't exist and value cannot be transformed into a string, sorting won't work */\n  id?: string\n  value: unknown\n}\n\nexport type OptionGroup = {\n  label: string\n  options: Option[]\n}\n\nexport type Props = {\n  backspaceRemovesValue?: boolean\n  blurInputOnSelect?: boolean\n  className?: string\n  components?: {\n    [key: string]: React.FC<any>\n  }\n  customProps?: CustomSelectProps\n  disabled?: boolean\n  filterOption?:\n    | ((\n        { data, label, value }: { data: Option; label: string; value: string },\n        search: string,\n      ) => boolean)\n    | undefined\n  inputId?: string\n  isClearable?: boolean\n  /** Allows you to create own values in the UI despite them not being pre-specified */\n  isCreatable?: boolean\n  isLoading?: boolean\n  /** Allows you to specify multiple values instead of just one */\n  isMulti?: boolean\n  isOptionSelected?: any\n  isSearchable?: boolean\n  isSortable?: boolean\n  noOptionsMessage?: (obj: { inputValue: string }) => string\n  numberOnly?: boolean\n  onChange?: (value: any) => void // eslint-disable-line @typescript-eslint/no-explicit-any\n  onInputChange?: (val: string) => void\n  onMenuOpen?: () => void\n  onMenuScrollToBottom?: () => void\n  options: Option[] | OptionGroup[]\n  placeholder?: string\n  showError?: boolean\n  value?: Option | Option[]\n}\n"],"names":[],"mappings":"AA+CA,WAmCC"}
+{"version":3,"sources":["../../../src/elements/ReactSelect/types.ts"],"sourcesContent":["import type { CommonProps, GroupBase, Props as ReactSelectStateManagerProps } from 'react-select'\n\nimport type { DocumentDrawerProps } from '../DocumentDrawer/types.js'\n\ntype CustomSelectProps = {\n  disableKeyDown?: boolean\n  disableMouseDown?: boolean\n  draggableProps?: any\n  droppableRef?: React.RefObject<HTMLDivElement>\n  onSave?: DocumentDrawerProps['onSave']\n  setDrawerIsOpen?: (isOpen: boolean) => void\n}\n\n// augment the types for the `Select` component from `react-select`\n// this is to include the `selectProps` prop at the top-level `Select` component\n// @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\ndeclare module 'react-select/dist/declarations/src/Select' {\n  export interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {\n    customProps?: CustomSelectProps\n  }\n}\n\n// augment the types for the `CommonPropsAndClassName` from `react-select`\n// this will include the `selectProps` prop to every `react-select` component automatically\n// @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\ndeclare module 'react-select/dist/declarations/src' {\n  export interface CommonPropsAndClassName<\n    Option,\n    IsMulti extends boolean,\n    Group extends GroupBase<Option>,\n  > extends CommonProps<Option, IsMulti, Group> {\n    customProps?: ReactSelectStateManagerProps<Option, IsMulti, Group> & CustomSelectProps\n  }\n}\n\nexport type Option = {\n  [key: string]: unknown\n  //* The ID is used to identify the option in the UI. If it doesn't exist and value cannot be transformed into a string, sorting won't work */\n  id?: string\n  value: unknown\n}\n\nexport type OptionGroup = {\n  label: string\n  options: Option[]\n}\n\nexport type Props = {\n  backspaceRemovesValue?: boolean\n  blurInputOnSelect?: boolean\n  className?: string\n  components?: {\n    [key: string]: React.FC<any>\n  }\n  customProps?: CustomSelectProps\n  disabled?: boolean\n  filterOption?:\n    | ((\n        { data, label, value }: { data: Option; label: string; value: string },\n        search: string,\n      ) => boolean)\n    | undefined\n  getOptionValue?: ReactSelectStateManagerProps<\n    Option,\n    boolean,\n    GroupBase<Option>\n  >['getOptionValue']\n  inputId?: string\n  isClearable?: boolean\n  /** Allows you to create own values in the UI despite them not being pre-specified */\n  isCreatable?: boolean\n  isLoading?: boolean\n  /** Allows you to specify multiple values instead of just one */\n  isMulti?: boolean\n  isOptionSelected?: any\n  isSearchable?: boolean\n  isSortable?: boolean\n  noOptionsMessage?: (obj: { inputValue: string }) => string\n  numberOnly?: boolean\n  onChange?: (value: any) => void // eslint-disable-line @typescript-eslint/no-explicit-any\n  onInputChange?: (val: string) => void\n  onMenuClose?: () => void\n  onMenuOpen?: () => void\n  onMenuScrollToBottom?: () => void\n  options: Option[] | OptionGroup[]\n  placeholder?: string\n  showError?: boolean\n  value?: Option | Option[]\n}\n"],"names":[],"mappings":"AA+CA,WAyCC"}

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

@@ -1,7 +1,9 @@
-import type { CustomSaveButtonProps } from 'payload/types';
 import React from 'react';
+export declare const DefaultSaveButton: React.FC<{
+    label?: string;
+}>;
 type Props = {
-    CustomComponent?: CustomSaveButtonProps;
+    CustomComponent?: React.ReactNode;
 };
 export declare const Save: React.FC<Props>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Save/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAA0B,MAAM,eAAe,CAAA;AAElF,OAAO,KAAiB,MAAM,OAAO,CAAA;AA4BrC,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,qBAAqB,CAAA;CACxC,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAehC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Save/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAQrC,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CA0B1D,CAAA;AAED,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAIhC,CAAA"}