@payloadcms/ui 3.68.0-internal-debug.591ab42 → 3.68.0-internal-debug.e9b66ee

package/dist/elements/Combobox/index.js

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useMemo, useRef, useState } from 'react';
 import { Popup, PopupList } from '../Popup/index.js';
 import './index.scss';
@@ -51,76 +50,29 @@ const baseClass = 'combobox';
     }, [
         onToggleClose
     ]);
-    return /*#__PURE__*/ _jsxDEV(Popup, {
-        ...popupProps,
-        className: `${baseClass} ${popupProps.className || ''}`,
-        onToggleClose: handleToggleClose,
-        onToggleOpen: handleToggleOpen,
-        render: ({ close })=>/*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__content`,
-                children: [
-                    showSearch && /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__search-wrapper${!hasResults ? ` ${baseClass}__search-wrapper--no-results` : ''}`,
-                        children: /*#__PURE__*/ _jsxDEV("input", {
-                            "aria-label": searchPlaceholder,
-                            className: `${baseClass}__search-input`,
-                            onChange: (e)=>setSearchValue(e.target.value),
-                            placeholder: searchPlaceholder,
-                            ref: searchInputRef,
-                            type: "text",
-                            value: searchValue
-                        }, void 0, false, {
-                            fileName: "src/elements/Combobox/index.tsx",
-                            lineNumber: 94,
-                            columnNumber: 15
-                        }, void 0)
-                    }, void 0, false, {
-                        fileName: "src/elements/Combobox/index.tsx",
-                        lineNumber: 91,
-                        columnNumber: 13
-                    }, void 0),
-                    /*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
-                        children: filteredEntries.map((entry, index)=>{
-                            const handleClick = ()=>{
-                                if (onSelect) {
-                                    onSelect(entry);
-                                }
-                                close();
-                            };
-                            return /*#__PURE__*/ _jsxDEV("div", {
-                                className: `${baseClass}__entry`,
-                                onClick: handleClick,
-                                onKeyDown: (e)=>{
-                                    if (e.key === 'Enter' || e.key === ' ') {
-                                        e.preventDefault();
-                                        handleClick();
-                                    }
-                                },
-                                role: "menuitem",
-                                tabIndex: 0,
-                                children: entry.Component
-                            }, `${entry.name}-${index}`, false, {
-                                fileName: "src/elements/Combobox/index.tsx",
-                                lineNumber: 115,
-                                columnNumber: 17
-                            }, void 0);
-                        })
-                    }, void 0, false, {
-                        fileName: "src/elements/Combobox/index.tsx",
-                        lineNumber: 105,
-                        columnNumber: 11
-                    }, void 0)
-                ]
-            }, void 0, true, {
-                fileName: "src/elements/Combobox/index.tsx",
-                lineNumber: 89,
-                columnNumber: 9
-            }, void 0)
-    }, void 0, false, {
-        fileName: "src/elements/Combobox/index.tsx",
-        lineNumber: 83,
-        columnNumber: 5
-    }, this);
+    return <Popup {...popupProps} className={`${baseClass} ${popupProps.className || ''}`} onToggleClose={handleToggleClose} onToggleOpen={handleToggleOpen} render={({ close })=><div className={`${baseClass}__content`}>
+          {showSearch && <div className={`${baseClass}__search-wrapper${!hasResults ? ` ${baseClass}__search-wrapper--no-results` : ''}`}>
+              <input aria-label={searchPlaceholder} className={`${baseClass}__search-input`} onChange={(e)=>setSearchValue(e.target.value)} placeholder={searchPlaceholder} ref={searchInputRef} type="text" value={searchValue}/>
+            </div>}
+          <PopupList.ButtonGroup>
+            {filteredEntries.map((entry, index)=>{
+            const handleClick = ()=>{
+                if (onSelect) {
+                    onSelect(entry);
+                }
+                close();
+            };
+            return <div className={`${baseClass}__entry`} key={`${entry.name}-${index}`} onClick={handleClick} onKeyDown={(e)=>{
+                if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault();
+                    handleClick();
+                }
+            }} role="menuitem" tabIndex={0}>
+                  {entry.Component}
+                </div>;
+        })}
+          </PopupList.ButtonGroup>
+        </div>}/>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Combobox/index.tsx"],"sourcesContent":["'use client'\nimport React, { useMemo, useRef, useState } from 'react'\n\nimport type { PopupProps } from '../Popup/index.js'\n\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'combobox'\n\n/**\n * @internal\n * @experimental\n */\nexport type ComboboxEntry = {\n  Component: React.ReactNode\n  name: string\n}\n\n/**\n * @internal\n * @experimental\n */\nexport type ComboboxProps = {\n  entries: ComboboxEntry[]\n  /** Minimum number of entries required to show search */\n  minEntriesForSearch?: number\n  onSelect?: (entry: ComboboxEntry) => void\n  searchPlaceholder?: string\n} & Omit<PopupProps, 'children' | 'render'>\n\n/**\n * A wrapper on top of Popup + PopupList.ButtonGroup that adds search functionality.\n *\n * @internal - this component may be removed or receive breaking changes in minor releases.\n * @experimental\n */\nexport const Combobox: React.FC<ComboboxProps> = (props) => {\n  const {\n    entries,\n    minEntriesForSearch = 8,\n    onSelect,\n    onToggleClose,\n    onToggleOpen,\n    searchPlaceholder = 'Search...',\n    ...popupProps\n  } = props\n  const [searchValue, setSearchValue] = useState('')\n  const isOpenRef = useRef(false)\n  const searchInputRef = useRef<HTMLInputElement>(null)\n\n  const filteredEntries = useMemo(() => {\n    if (!searchValue) {\n      return entries\n    }\n    const search = searchValue.toLowerCase()\n    return entries.filter((entry) => entry.name.toLowerCase().includes(search))\n  }, [entries, searchValue])\n\n  const showSearch = entries.length >= minEntriesForSearch\n  const hasResults = filteredEntries.length > 0\n\n  const handleToggleOpen = React.useCallback(\n    (active: boolean) => {\n      isOpenRef.current = active\n      if (active && showSearch) {\n        setTimeout(() => {\n          searchInputRef.current?.focus()\n        }, 100)\n      }\n      onToggleOpen?.(active)\n    },\n    [showSearch, onToggleOpen],\n  )\n\n  const handleToggleClose = React.useCallback(() => {\n    isOpenRef.current = false\n    setSearchValue('')\n    onToggleClose?.()\n  }, [onToggleClose])\n\n  return (\n    <Popup\n      {...popupProps}\n      className={`${baseClass} ${popupProps.className || ''}`}\n      onToggleClose={handleToggleClose}\n      onToggleOpen={handleToggleOpen}\n      render={({ close }) => (\n        <div className={`${baseClass}__content`}>\n          {showSearch && (\n            <div\n              className={`${baseClass}__search-wrapper${!hasResults ? ` ${baseClass}__search-wrapper--no-results` : ''}`}\n            >\n              <input\n                aria-label={searchPlaceholder}\n                className={`${baseClass}__search-input`}\n                onChange={(e) => setSearchValue(e.target.value)}\n                placeholder={searchPlaceholder}\n                ref={searchInputRef}\n                type=\"text\"\n                value={searchValue}\n              />\n            </div>\n          )}\n          <PopupList.ButtonGroup>\n            {filteredEntries.map((entry, index) => {\n              const handleClick = () => {\n                if (onSelect) {\n                  onSelect(entry)\n                }\n                close()\n              }\n\n              return (\n                <div\n                  className={`${baseClass}__entry`}\n                  key={`${entry.name}-${index}`}\n                  onClick={handleClick}\n                  onKeyDown={(e) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault()\n                      handleClick()\n                    }\n                  }}\n                  role=\"menuitem\"\n                  tabIndex={0}\n                >\n                  {entry.Component}\n                </div>\n              )\n            })}\n          </PopupList.ButtonGroup>\n        </div>\n      )}\n    />\n  )\n}\n"],"names":["React","useMemo","useRef","useState","Popup","PopupList","baseClass","Combobox","props","entries","minEntriesForSearch","onSelect","onToggleClose","onToggleOpen","searchPlaceholder","popupProps","searchValue","setSearchValue","isOpenRef","searchInputRef","filteredEntries","search","toLowerCase","filter","entry","name","includes","showSearch","length","hasResults","handleToggleOpen","useCallback","active","current","setTimeout","focus","handleToggleClose","className","render","close","div","input","aria-label","onChange","e","target","value","placeholder","ref","type","ButtonGroup","map","index","handleClick","onClick","onKeyDown","key","preventDefault","role","tabIndex","Component"],"mappings":"AAAA;;AACA,OAAOA,SAASC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAIxD,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AACpD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB;;;CAGC,GAMD;;;CAGC,GAGC,sDAAsD,GAMxD;;;;;CAKC,GACD,OAAO,MAAMC,WAAoC,CAACC;IAChD,MAAM,EACJC,OAAO,EACPC,sBAAsB,CAAC,EACvBC,QAAQ,EACRC,aAAa,EACbC,YAAY,EACZC,oBAAoB,WAAW,EAC/B,GAAGC,YACJ,GAAGP;IACJ,MAAM,CAACQ,aAAaC,eAAe,GAAGd,SAAS;IAC/C,MAAMe,YAAYhB,OAAO;IACzB,MAAMiB,iBAAiBjB,OAAyB;IAEhD,MAAMkB,kBAAkBnB,QAAQ;QAC9B,IAAI,CAACe,aAAa;YAChB,OAAOP;QACT;QACA,MAAMY,SAASL,YAAYM,WAAW;QACtC,OAAOb,QAAQc,MAAM,CAAC,CAACC,QAAUA,MAAMC,IAAI,CAACH,WAAW,GAAGI,QAAQ,CAACL;IACrE,GAAG;QAACZ;QAASO;KAAY;IAEzB,MAAMW,aAAalB,QAAQmB,MAAM,IAAIlB;IACrC,MAAMmB,aAAaT,gBAAgBQ,MAAM,GAAG;IAE5C,MAAME,mBAAmB9B,MAAM+B,WAAW,CACxC,CAACC;QACCd,UAAUe,OAAO,GAAGD;QACpB,IAAIA,UAAUL,YAAY;YACxBO,WAAW;gBACTf,eAAec,OAAO,EAAEE;YAC1B,GAAG;QACL;QACAtB,eAAemB;IACjB,GACA;QAACL;QAAYd;KAAa;IAG5B,MAAMuB,oBAAoBpC,MAAM+B,WAAW,CAAC;QAC1Cb,UAAUe,OAAO,GAAG;QACpBhB,eAAe;QACfL;IACF,GAAG;QAACA;KAAc;IAElB,qBACE,QAACR;QACE,GAAGW,UAAU;QACdsB,WAAW,GAAG/B,UAAU,CAAC,EAAES,WAAWsB,SAAS,IAAI,IAAI;QACvDzB,eAAewB;QACfvB,cAAciB;QACdQ,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,QAACC;gBAAIH,WAAW,GAAG/B,UAAU,SAAS,CAAC;;oBACpCqB,4BACC,QAACa;wBACCH,WAAW,GAAG/B,UAAU,gBAAgB,EAAE,CAACuB,aAAa,CAAC,CAAC,EAAEvB,UAAU,4BAA4B,CAAC,GAAG,IAAI;kCAE1G,cAAA,QAACmC;4BACCC,cAAY5B;4BACZuB,WAAW,GAAG/B,UAAU,cAAc,CAAC;4BACvCqC,UAAU,CAACC,IAAM3B,eAAe2B,EAAEC,MAAM,CAACC,KAAK;4BAC9CC,aAAajC;4BACbkC,KAAK7B;4BACL8B,MAAK;4BACLH,OAAO9B;;;;;;;;;;;kCAIb,QAACX,UAAU6C,WAAW;kCACnB9B,gBAAgB+B,GAAG,CAAC,CAAC3B,OAAO4B;4BAC3B,MAAMC,cAAc;gCAClB,IAAI1C,UAAU;oCACZA,SAASa;gCACX;gCACAe;4BACF;4BAEA,qBACE,QAACC;gCACCH,WAAW,GAAG/B,UAAU,OAAO,CAAC;gCAEhCgD,SAASD;gCACTE,WAAW,CAACX;oCACV,IAAIA,EAAEY,GAAG,KAAK,WAAWZ,EAAEY,GAAG,KAAK,KAAK;wCACtCZ,EAAEa,cAAc;wCAChBJ;oCACF;gCACF;gCACAK,MAAK;gCACLC,UAAU;0CAETnC,MAAMoC,SAAS;+BAXX,GAAGpC,MAAMC,IAAI,CAAC,CAAC,EAAE2B,OAAO;;;;;wBAcnC;;;;;;;;;;;;;;;;;AAMZ,EAAC"}
+{"version":3,"sources":["../../../src/elements/Combobox/index.tsx"],"sourcesContent":["'use client'\nimport React, { useMemo, useRef, useState } from 'react'\n\nimport type { PopupProps } from '../Popup/index.js'\n\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'combobox'\n\n/**\n * @internal\n * @experimental\n */\nexport type ComboboxEntry = {\n  Component: React.ReactNode\n  name: string\n}\n\n/**\n * @internal\n * @experimental\n */\nexport type ComboboxProps = {\n  entries: ComboboxEntry[]\n  /** Minimum number of entries required to show search */\n  minEntriesForSearch?: number\n  onSelect?: (entry: ComboboxEntry) => void\n  searchPlaceholder?: string\n} & Omit<PopupProps, 'children' | 'render'>\n\n/**\n * A wrapper on top of Popup + PopupList.ButtonGroup that adds search functionality.\n *\n * @internal - this component may be removed or receive breaking changes in minor releases.\n * @experimental\n */\nexport const Combobox: React.FC<ComboboxProps> = (props) => {\n  const {\n    entries,\n    minEntriesForSearch = 8,\n    onSelect,\n    onToggleClose,\n    onToggleOpen,\n    searchPlaceholder = 'Search...',\n    ...popupProps\n  } = props\n  const [searchValue, setSearchValue] = useState('')\n  const isOpenRef = useRef(false)\n  const searchInputRef = useRef<HTMLInputElement>(null)\n\n  const filteredEntries = useMemo(() => {\n    if (!searchValue) {\n      return entries\n    }\n    const search = searchValue.toLowerCase()\n    return entries.filter((entry) => entry.name.toLowerCase().includes(search))\n  }, [entries, searchValue])\n\n  const showSearch = entries.length >= minEntriesForSearch\n  const hasResults = filteredEntries.length > 0\n\n  const handleToggleOpen = React.useCallback(\n    (active: boolean) => {\n      isOpenRef.current = active\n      if (active && showSearch) {\n        setTimeout(() => {\n          searchInputRef.current?.focus()\n        }, 100)\n      }\n      onToggleOpen?.(active)\n    },\n    [showSearch, onToggleOpen],\n  )\n\n  const handleToggleClose = React.useCallback(() => {\n    isOpenRef.current = false\n    setSearchValue('')\n    onToggleClose?.()\n  }, [onToggleClose])\n\n  return (\n    <Popup\n      {...popupProps}\n      className={`${baseClass} ${popupProps.className || ''}`}\n      onToggleClose={handleToggleClose}\n      onToggleOpen={handleToggleOpen}\n      render={({ close }) => (\n        <div className={`${baseClass}__content`}>\n          {showSearch && (\n            <div\n              className={`${baseClass}__search-wrapper${!hasResults ? ` ${baseClass}__search-wrapper--no-results` : ''}`}\n            >\n              <input\n                aria-label={searchPlaceholder}\n                className={`${baseClass}__search-input`}\n                onChange={(e) => setSearchValue(e.target.value)}\n                placeholder={searchPlaceholder}\n                ref={searchInputRef}\n                type=\"text\"\n                value={searchValue}\n              />\n            </div>\n          )}\n          <PopupList.ButtonGroup>\n            {filteredEntries.map((entry, index) => {\n              const handleClick = () => {\n                if (onSelect) {\n                  onSelect(entry)\n                }\n                close()\n              }\n\n              return (\n                <div\n                  className={`${baseClass}__entry`}\n                  key={`${entry.name}-${index}`}\n                  onClick={handleClick}\n                  onKeyDown={(e) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault()\n                      handleClick()\n                    }\n                  }}\n                  role=\"menuitem\"\n                  tabIndex={0}\n                >\n                  {entry.Component}\n                </div>\n              )\n            })}\n          </PopupList.ButtonGroup>\n        </div>\n      )}\n    />\n  )\n}\n"],"names":["React","useMemo","useRef","useState","Popup","PopupList","baseClass","Combobox","props","entries","minEntriesForSearch","onSelect","onToggleClose","onToggleOpen","searchPlaceholder","popupProps","searchValue","setSearchValue","isOpenRef","searchInputRef","filteredEntries","search","toLowerCase","filter","entry","name","includes","showSearch","length","hasResults","handleToggleOpen","useCallback","active","current","setTimeout","focus","handleToggleClose","className","render","close","div","input","aria-label","onChange","e","target","value","placeholder","ref","type","ButtonGroup","map","index","handleClick","key","onClick","onKeyDown","preventDefault","role","tabIndex","Component"],"mappings":"AAAA;AACA,OAAOA,SAASC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAIxD,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AACpD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB;;;CAGC,GAMD;;;CAGC,GAGC,sDAAsD,GAMxD;;;;;CAKC,GACD,OAAO,MAAMC,WAAoC,CAACC;IAChD,MAAM,EACJC,OAAO,EACPC,sBAAsB,CAAC,EACvBC,QAAQ,EACRC,aAAa,EACbC,YAAY,EACZC,oBAAoB,WAAW,EAC/B,GAAGC,YACJ,GAAGP;IACJ,MAAM,CAACQ,aAAaC,eAAe,GAAGd,SAAS;IAC/C,MAAMe,YAAYhB,OAAO;IACzB,MAAMiB,iBAAiBjB,OAAyB;IAEhD,MAAMkB,kBAAkBnB,QAAQ;QAC9B,IAAI,CAACe,aAAa;YAChB,OAAOP;QACT;QACA,MAAMY,SAASL,YAAYM,WAAW;QACtC,OAAOb,QAAQc,MAAM,CAAC,CAACC,QAAUA,MAAMC,IAAI,CAACH,WAAW,GAAGI,QAAQ,CAACL;IACrE,GAAG;QAACZ;QAASO;KAAY;IAEzB,MAAMW,aAAalB,QAAQmB,MAAM,IAAIlB;IACrC,MAAMmB,aAAaT,gBAAgBQ,MAAM,GAAG;IAE5C,MAAME,mBAAmB9B,MAAM+B,WAAW,CACxC,CAACC;QACCd,UAAUe,OAAO,GAAGD;QACpB,IAAIA,UAAUL,YAAY;YACxBO,WAAW;gBACTf,eAAec,OAAO,EAAEE;YAC1B,GAAG;QACL;QACAtB,eAAemB;IACjB,GACA;QAACL;QAAYd;KAAa;IAG5B,MAAMuB,oBAAoBpC,MAAM+B,WAAW,CAAC;QAC1Cb,UAAUe,OAAO,GAAG;QACpBhB,eAAe;QACfL;IACF,GAAG;QAACA;KAAc;IAElB,QACGR,OACE,GAAGW,UAAU,EACdsB,WAAW,GAAG/B,UAAU,CAAC,EAAES,WAAWsB,SAAS,IAAI,IAAI,EACvDzB,eAAewB,mBACfvB,cAAciB,kBACdQ,QAAQ,CAAC,EAAEC,KAAK,EAAE,IACfC,IAAIH,WAAW,GAAG/B,UAAU,SAAS,CAAC,EAAE;UACvC,CAACqB,eACEa,IACCH,WAAW,GAAG/B,UAAU,gBAAgB,EAAE,CAACuB,aAAa,CAAC,CAAC,EAAEvB,UAAU,4BAA4B,CAAC,GAAG,IAAI,EAC3G;cACC,CAACmC,MACCC,YAAY5B,mBACZuB,WAAW,GAAG/B,UAAU,cAAc,CAAC,EACvCqC,UAAU,CAACC,IAAM3B,eAAe2B,EAAEC,MAAM,CAACC,KAAK,GAC9CC,aAAajC,mBACbkC,KAAK7B,gBACL8B,KAAK,OACLH,OAAO9B,cACP;YACJ,EAAEwB,KACF;UACF,CAACnC,UAAU6C,YAAY;YACrB,CAAC9B,gBAAgB+B,GAAG,CAAC,CAAC3B,OAAO4B;YAC3B,MAAMC,cAAc;gBAClB,IAAI1C,UAAU;oBACZA,SAASa;gBACX;gBACAe;YACF;YAEA,QACGC,IACCH,WAAW,GAAG/B,UAAU,OAAO,CAAC,EAChCgD,KAAK,GAAG9B,MAAMC,IAAI,CAAC,CAAC,EAAE2B,OAAO,EAC7BG,SAASF,aACTG,WAAW,CAACZ;gBACV,IAAIA,EAAEU,GAAG,KAAK,WAAWV,EAAEU,GAAG,KAAK,KAAK;oBACtCV,EAAEa,cAAc;oBAChBJ;gBACF;YACF,GACAK,KAAK,WACLC,UAAU,GACX;kBACC,CAACnC,MAAMoC,SAAS,CAAC;gBACnB,EAAEpB;QAEN,GAAG;UACL,EAAEnC,UAAU6C,YAAY;QAC1B,EAAEV;AAIV,EAAC"}

package/dist/elements/ConfirmationModal/index.js

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { Modal, useModal } from '@faceless-ui/modal';
 import React, { useCallback } from 'react';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -44,86 +43,28 @@ export function ConfirmationModal(props) {
     if (!isModalOpen(modalSlug)) {
         return null;
     }
-    return /*#__PURE__*/ _jsxDEV(Modal, {
-        className: [
-            baseClass,
-            className
-        ].filter(Boolean).join(' '),
-        // Fixes https://github.com/payloadcms/payload/issues/13778
-        closeOnBlur: false,
-        slug: modalSlug,
-        style: {
-            zIndex: drawerZBase + editDepth
-        },
-        children: /*#__PURE__*/ _jsxDEV("div", {
-            className: `${baseClass}__wrapper`,
-            children: [
-                /*#__PURE__*/ _jsxDEV("div", {
-                    className: `${baseClass}__content`,
-                    children: [
-                        typeof heading === 'string' ? /*#__PURE__*/ _jsxDEV("h1", {
-                            children: heading
-                        }, void 0, false, {
-                            fileName: "src/elements/ConfirmationModal/index.tsx",
-                            lineNumber: 85,
-                            columnNumber: 42
-                        }, this) : heading,
-                        typeof body === 'string' ? /*#__PURE__*/ _jsxDEV("p", {
-                            children: body
-                        }, void 0, false, {
-                            fileName: "src/elements/ConfirmationModal/index.tsx",
-                            lineNumber: 86,
-                            columnNumber: 39
-                        }, this) : body
-                    ]
-                }, void 0, true, {
-                    fileName: "src/elements/ConfirmationModal/index.tsx",
-                    lineNumber: 84,
-                    columnNumber: 9
-                }, this),
-                /*#__PURE__*/ _jsxDEV("div", {
-                    className: `${baseClass}__controls`,
-                    children: [
-                        /*#__PURE__*/ _jsxDEV(Button, {
-                            buttonStyle: "secondary",
-                            disabled: confirming,
-                            id: "confirm-cancel",
-                            onClick: onCancel,
-                            size: "large",
-                            type: "button",
-                            children: cancelLabel || t('general:cancel')
-                        }, void 0, false, {
-                            fileName: "src/elements/ConfirmationModal/index.tsx",
-                            lineNumber: 89,
-                            columnNumber: 11
-                        }, this),
-                        /*#__PURE__*/ _jsxDEV(Button, {
-                            id: "confirm-action",
-                            onClick: onConfirm,
-                            size: "large",
-                            children: confirming ? confirmingLabel || `${t('general:loading')}...` : confirmLabel || t('general:confirm')
-                        }, void 0, false, {
-                            fileName: "src/elements/ConfirmationModal/index.tsx",
-                            lineNumber: 99,
-                            columnNumber: 11
-                        }, this)
-                    ]
-                }, void 0, true, {
-                    fileName: "src/elements/ConfirmationModal/index.tsx",
-                    lineNumber: 88,
-                    columnNumber: 9
-                }, this)
-            ]
-        }, void 0, true, {
-            fileName: "src/elements/ConfirmationModal/index.tsx",
-            lineNumber: 83,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/ConfirmationModal/index.tsx",
-        lineNumber: 74,
-        columnNumber: 5
-    }, this);
+    return <Modal className={[
+        baseClass,
+        className
+    ].filter(Boolean).join(' ')} // Fixes https://github.com/payloadcms/payload/issues/13778
+    closeOnBlur={false} slug={modalSlug} style={{
+        zIndex: drawerZBase + editDepth
+    }}>
+      <div className={`${baseClass}__wrapper`}>
+        <div className={`${baseClass}__content`}>
+          {typeof heading === 'string' ? <h1>{heading}</h1> : heading}
+          {typeof body === 'string' ? <p>{body}</p> : body}
+        </div>
+        <div className={`${baseClass}__controls`}>
+          <Button buttonStyle="secondary" disabled={confirming} id="confirm-cancel" onClick={onCancel} size="large" type="button">
+            {cancelLabel || t('general:cancel')}
+          </Button>
+          <Button id="confirm-action" onClick={onConfirm} size="large">
+            {confirming ? confirmingLabel || `${t('general:loading')}...` : confirmLabel || t('general:confirm')}
+          </Button>
+        </div>
+      </div>
+    </Modal>;
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ConfirmationModal/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport React, { useCallback } from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { drawerZBase, useDrawerDepth } from '../Drawer/index.js'\nimport './index.scss'\n\nconst baseClass = 'confirmation-modal'\n\nexport type OnCancel = () => void\n\nexport type ConfirmationModalProps = {\n  body: React.ReactNode\n  cancelLabel?: string\n  className?: string\n  confirmingLabel?: string\n  confirmLabel?: string\n  heading: React.ReactNode\n  modalSlug: string\n  onCancel?: OnCancel\n  onConfirm: () => Promise<void> | void\n}\n\nexport function ConfirmationModal(props: ConfirmationModalProps) {\n  const {\n    body,\n    cancelLabel,\n    className,\n    confirmingLabel,\n    confirmLabel,\n    heading,\n    modalSlug,\n    onCancel: onCancelFromProps,\n    onConfirm: onConfirmFromProps,\n  } = props\n\n  const editDepth = useDrawerDepth()\n\n  const [confirming, setConfirming] = React.useState(false)\n\n  const { closeModal, isModalOpen } = useModal()\n  const { t } = useTranslation()\n\n  const onConfirm = useCallback(async () => {\n    if (!confirming) {\n      setConfirming(true)\n\n      if (typeof onConfirmFromProps === 'function') {\n        await onConfirmFromProps()\n      }\n\n      setConfirming(false)\n      closeModal(modalSlug)\n    }\n  }, [confirming, onConfirmFromProps, closeModal, modalSlug])\n\n  const onCancel = useCallback(() => {\n    if (!confirming) {\n      closeModal(modalSlug)\n\n      if (typeof onCancelFromProps === 'function') {\n        onCancelFromProps()\n      }\n    }\n  }, [confirming, onCancelFromProps, closeModal, modalSlug])\n\n  if (!isModalOpen(modalSlug)) {\n    return null\n  }\n\n  return (\n    <Modal\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      slug={modalSlug}\n      style={{\n        zIndex: drawerZBase + editDepth,\n      }}\n    >\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          {typeof heading === 'string' ? <h1>{heading}</h1> : heading}\n          {typeof body === 'string' ? <p>{body}</p> : body}\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            disabled={confirming}\n            id=\"confirm-cancel\"\n            onClick={onCancel}\n            size=\"large\"\n            type=\"button\"\n          >\n            {cancelLabel || t('general:cancel')}\n          </Button>\n          <Button id=\"confirm-action\" onClick={onConfirm} size=\"large\">\n            {confirming\n              ? confirmingLabel || `${t('general:loading')}...`\n              : confirmLabel || t('general:confirm')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"names":["Modal","useModal","React","useCallback","useTranslation","Button","drawerZBase","useDrawerDepth","baseClass","ConfirmationModal","props","body","cancelLabel","className","confirmingLabel","confirmLabel","heading","modalSlug","onCancel","onCancelFromProps","onConfirm","onConfirmFromProps","editDepth","confirming","setConfirming","useState","closeModal","isModalOpen","t","filter","Boolean","join","closeOnBlur","slug","style","zIndex","div","h1","p","buttonStyle","disabled","id","onClick","size","type"],"mappings":"AAAA;;AACA,SAASA,KAAK,EAAEC,QAAQ,QAAQ,qBAAoB;AACpD,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAE1C,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,WAAW,EAAEC,cAAc,QAAQ,qBAAoB;AAChE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAgBlB,OAAO,SAASC,kBAAkBC,KAA6B;IAC7D,MAAM,EACJC,IAAI,EACJC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,YAAY,EACZC,OAAO,EACPC,SAAS,EACTC,UAAUC,iBAAiB,EAC3BC,WAAWC,kBAAkB,EAC9B,GAAGX;IAEJ,MAAMY,YAAYf;IAElB,MAAM,CAACgB,YAAYC,cAAc,GAAGtB,MAAMuB,QAAQ,CAAC;IAEnD,MAAM,EAAEC,UAAU,EAAEC,WAAW,EAAE,GAAG1B;IACpC,MAAM,EAAE2B,CAAC,EAAE,GAAGxB;IAEd,MAAMgB,YAAYjB,YAAY;QAC5B,IAAI,CAACoB,YAAY;YACfC,cAAc;YAEd,IAAI,OAAOH,uBAAuB,YAAY;gBAC5C,MAAMA;YACR;YAEAG,cAAc;YACdE,WAAWT;QACb;IACF,GAAG;QAACM;QAAYF;QAAoBK;QAAYT;KAAU;IAE1D,MAAMC,WAAWf,YAAY;QAC3B,IAAI,CAACoB,YAAY;YACfG,WAAWT;YAEX,IAAI,OAAOE,sBAAsB,YAAY;gBAC3CA;YACF;QACF;IACF,GAAG;QAACI;QAAYJ;QAAmBO;QAAYT;KAAU;IAEzD,IAAI,CAACU,YAAYV,YAAY;QAC3B,OAAO;IACT;IAEA,qBACE,QAACjB;QACCa,WAAW;YAACL;YAAWK;SAAU,CAACgB,MAAM,CAACC,SAASC,IAAI,CAAC;QACvD,2DAA2D;QAC3DC,aAAa;QACbC,MAAMhB;QACNiB,OAAO;YACLC,QAAQ7B,cAAcgB;QACxB;kBAEA,cAAA,QAACc;YAAIvB,WAAW,GAAGL,UAAU,SAAS,CAAC;;8BACrC,QAAC4B;oBAAIvB,WAAW,GAAGL,UAAU,SAAS,CAAC;;wBACpC,OAAOQ,YAAY,yBAAW,QAACqB;sCAAIrB;;;;;mCAAgBA;wBACnD,OAAOL,SAAS,yBAAW,QAAC2B;sCAAG3B;;;;;mCAAYA;;;;;;;8BAE9C,QAACyB;oBAAIvB,WAAW,GAAGL,UAAU,UAAU,CAAC;;sCACtC,QAACH;4BACCkC,aAAY;4BACZC,UAAUjB;4BACVkB,IAAG;4BACHC,SAASxB;4BACTyB,MAAK;4BACLC,MAAK;sCAEJhC,eAAegB,EAAE;;;;;;sCAEpB,QAACvB;4BAAOoC,IAAG;4BAAiBC,SAAStB;4BAAWuB,MAAK;sCAClDpB,aACGT,mBAAmB,GAAGc,EAAE,mBAAmB,GAAG,CAAC,GAC/Cb,gBAAgBa,EAAE;;;;;;;;;;;;;;;;;;;;;;;AAMlC"}
+{"version":3,"sources":["../../../src/elements/ConfirmationModal/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport React, { useCallback } from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { drawerZBase, useDrawerDepth } from '../Drawer/index.js'\nimport './index.scss'\n\nconst baseClass = 'confirmation-modal'\n\nexport type OnCancel = () => void\n\nexport type ConfirmationModalProps = {\n  body: React.ReactNode\n  cancelLabel?: string\n  className?: string\n  confirmingLabel?: string\n  confirmLabel?: string\n  heading: React.ReactNode\n  modalSlug: string\n  onCancel?: OnCancel\n  onConfirm: () => Promise<void> | void\n}\n\nexport function ConfirmationModal(props: ConfirmationModalProps) {\n  const {\n    body,\n    cancelLabel,\n    className,\n    confirmingLabel,\n    confirmLabel,\n    heading,\n    modalSlug,\n    onCancel: onCancelFromProps,\n    onConfirm: onConfirmFromProps,\n  } = props\n\n  const editDepth = useDrawerDepth()\n\n  const [confirming, setConfirming] = React.useState(false)\n\n  const { closeModal, isModalOpen } = useModal()\n  const { t } = useTranslation()\n\n  const onConfirm = useCallback(async () => {\n    if (!confirming) {\n      setConfirming(true)\n\n      if (typeof onConfirmFromProps === 'function') {\n        await onConfirmFromProps()\n      }\n\n      setConfirming(false)\n      closeModal(modalSlug)\n    }\n  }, [confirming, onConfirmFromProps, closeModal, modalSlug])\n\n  const onCancel = useCallback(() => {\n    if (!confirming) {\n      closeModal(modalSlug)\n\n      if (typeof onCancelFromProps === 'function') {\n        onCancelFromProps()\n      }\n    }\n  }, [confirming, onCancelFromProps, closeModal, modalSlug])\n\n  if (!isModalOpen(modalSlug)) {\n    return null\n  }\n\n  return (\n    <Modal\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      slug={modalSlug}\n      style={{\n        zIndex: drawerZBase + editDepth,\n      }}\n    >\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          {typeof heading === 'string' ? <h1>{heading}</h1> : heading}\n          {typeof body === 'string' ? <p>{body}</p> : body}\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            disabled={confirming}\n            id=\"confirm-cancel\"\n            onClick={onCancel}\n            size=\"large\"\n            type=\"button\"\n          >\n            {cancelLabel || t('general:cancel')}\n          </Button>\n          <Button id=\"confirm-action\" onClick={onConfirm} size=\"large\">\n            {confirming\n              ? confirmingLabel || `${t('general:loading')}...`\n              : confirmLabel || t('general:confirm')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"names":["Modal","useModal","React","useCallback","useTranslation","Button","drawerZBase","useDrawerDepth","baseClass","ConfirmationModal","props","body","cancelLabel","className","confirmingLabel","confirmLabel","heading","modalSlug","onCancel","onCancelFromProps","onConfirm","onConfirmFromProps","editDepth","confirming","setConfirming","useState","closeModal","isModalOpen","t","filter","Boolean","join","closeOnBlur","slug","style","zIndex","div","h1","p","buttonStyle","disabled","id","onClick","size","type"],"mappings":"AAAA;AACA,SAASA,KAAK,EAAEC,QAAQ,QAAQ,qBAAoB;AACpD,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAE1C,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,WAAW,EAAEC,cAAc,QAAQ,qBAAoB;AAChE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAgBlB,OAAO,SAASC,kBAAkBC,KAA6B;IAC7D,MAAM,EACJC,IAAI,EACJC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,YAAY,EACZC,OAAO,EACPC,SAAS,EACTC,UAAUC,iBAAiB,EAC3BC,WAAWC,kBAAkB,EAC9B,GAAGX;IAEJ,MAAMY,YAAYf;IAElB,MAAM,CAACgB,YAAYC,cAAc,GAAGtB,MAAMuB,QAAQ,CAAC;IAEnD,MAAM,EAAEC,UAAU,EAAEC,WAAW,EAAE,GAAG1B;IACpC,MAAM,EAAE2B,CAAC,EAAE,GAAGxB;IAEd,MAAMgB,YAAYjB,YAAY;QAC5B,IAAI,CAACoB,YAAY;YACfC,cAAc;YAEd,IAAI,OAAOH,uBAAuB,YAAY;gBAC5C,MAAMA;YACR;YAEAG,cAAc;YACdE,WAAWT;QACb;IACF,GAAG;QAACM;QAAYF;QAAoBK;QAAYT;KAAU;IAE1D,MAAMC,WAAWf,YAAY;QAC3B,IAAI,CAACoB,YAAY;YACfG,WAAWT;YAEX,IAAI,OAAOE,sBAAsB,YAAY;gBAC3CA;YACF;QACF;IACF,GAAG;QAACI;QAAYJ;QAAmBO;QAAYT;KAAU;IAEzD,IAAI,CAACU,YAAYV,YAAY;QAC3B,OAAO;IACT;IAEA,QACGjB,MACCa,WAAW;QAACL;QAAWK;KAAU,CAACgB,MAAM,CAACC,SAASC,IAAI,CAAC,MACvD,2DAA2D;IAC3DC,aAAa,OACbC,MAAMhB,WACNiB,OAAO;QACLC,QAAQ7B,cAAcgB;IACxB,GACD;MACC,CAACc,IAAIvB,WAAW,GAAGL,UAAU,SAAS,CAAC,EAAE;QACvC,CAAC4B,IAAIvB,WAAW,GAAGL,UAAU,SAAS,CAAC,EAAE;UACvC,CAAC,OAAOQ,YAAY,YAAYqB,IAAIrB,UAAUqB,MAAMrB,QAAQ;UAC5D,CAAC,OAAOL,SAAS,YAAY2B,GAAG3B,OAAO2B,KAAK3B,KAAK;QACnD,EAAEyB,IAAI;QACN,CAACA,IAAIvB,WAAW,GAAGL,UAAU,UAAU,CAAC,EAAE;UACxC,CAACH,OACCkC,YAAY,YACZC,UAAUjB,YACVkB,GAAG,iBACHC,SAASxB,UACTyB,KAAK,QACLC,KAAK,SACN;YACC,CAAChC,eAAegB,EAAE,kBAAkB;UACtC,EAAEvB,OAAO;UACT,CAACA,OAAOoC,GAAG,iBAAiBC,SAAStB,WAAWuB,KAAK,QAAQ;YAC3D,CAACpB,aACGT,mBAAmB,GAAGc,EAAE,mBAAmB,GAAG,CAAC,GAC/Cb,gBAAgBa,EAAE,mBAAmB;UAC3C,EAAEvB,OAAO;QACX,EAAE+B,IAAI;MACR,EAAEA,IAAI;IACR,EAAEpC;AAEN"}

package/dist/elements/CopyLocaleData/index.js

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
@@ -89,153 +88,62 @@ export const CopyLocaleData = ()=>{
     if (!id && !globalSlug) {
         return null;
     }
-    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
-        children: [
-            /*#__PURE__*/ _jsxDEV(PopupList.Button, {
-                id: `${baseClass}__button`,
-                onClick: ()=>{
-                    if (modified) {
-                        toast.info(t('general:unsavedChanges'));
-                    } else {
-                        toggleModal(drawerSlug);
-                    }
-                },
-                children: t('localization:copyToLocale')
-            }, void 0, false, {
-                fileName: "src/elements/CopyLocaleData/index.tsx",
-                lineNumber: 119,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(Drawer, {
-                className: baseClass,
-                gutter: false,
-                Header: /*#__PURE__*/ _jsxDEV(DrawerHeader, {
-                    onClose: ()=>{
-                        toggleModal(drawerSlug);
-                    },
-                    title: t('localization:copyToLocale')
-                }, void 0, false, {
-                    fileName: "src/elements/CopyLocaleData/index.tsx",
-                    lineNumber: 135,
-                    columnNumber: 11
-                }, void 0),
-                slug: drawerSlug,
-                children: [
-                    /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__sub-header`,
-                        children: [
-                            /*#__PURE__*/ _jsxDEV("span", {
-                                children: fromLocale && toLocale ? /*#__PURE__*/ _jsxDEV("div", {
-                                    children: t('localization:copyFromTo', {
-                                        from: getLocaleLabel(fromLocale),
-                                        to: getLocaleLabel(toLocale)
-                                    })
-                                }, void 0, false, {
-                                    fileName: "src/elements/CopyLocaleData/index.tsx",
-                                    lineNumber: 147,
-                                    columnNumber: 15
-                                }, this) : t('localization:selectLocaleToCopy')
-                            }, void 0, false, {
-                                fileName: "src/elements/CopyLocaleData/index.tsx",
-                                lineNumber: 145,
-                                columnNumber: 11
-                            }, this),
-                            /*#__PURE__*/ _jsxDEV(Button, {
-                                buttonStyle: "primary",
-                                disabled: !fromLocale || !toLocale,
-                                iconPosition: "left",
-                                onClick: async ()=>{
-                                    if (fromLocale === toLocale) {
-                                        toast.error(t('localization:cannotCopySameLocale'));
-                                        return;
-                                    }
-                                    if (!copying) {
-                                        await copyLocaleData({
-                                            from: fromLocale,
-                                            to: toLocale
-                                        });
-                                    }
-                                },
-                                size: "medium",
-                                children: copying ? t('general:copying') + '...' : t('general:copy')
-                            }, void 0, false, {
-                                fileName: "src/elements/CopyLocaleData/index.tsx",
-                                lineNumber: 157,
-                                columnNumber: 11
-                            }, this)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/elements/CopyLocaleData/index.tsx",
-                        lineNumber: 144,
-                        columnNumber: 9
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__content`,
-                        children: [
-                            /*#__PURE__*/ _jsxDEV(SelectInput, {
-                                label: t('localization:copyFrom'),
-                                name: 'fromLocale',
-                                onChange: (selectedOption)=>{
-                                    if (selectedOption?.value) {
-                                        setFromLocale(selectedOption.value);
-                                    }
-                                },
-                                options: localeOptions,
-                                path: "fromLocale",
-                                readOnly: true,
-                                value: fromLocale
-                            }, void 0, false, {
-                                fileName: "src/elements/CopyLocaleData/index.tsx",
-                                lineNumber: 180,
-                                columnNumber: 11
-                            }, this),
-                            /*#__PURE__*/ _jsxDEV(SelectInput, {
-                                label: t('localization:copyTo'),
-                                name: "toLocale",
-                                onChange: (selectedOption)=>{
-                                    if (selectedOption?.value) {
-                                        setToLocale(selectedOption.value);
-                                    }
-                                },
-                                options: localeOptionsWithoutCurrent,
-                                path: "toLocale",
-                                value: toLocale
-                            }, void 0, false, {
-                                fileName: "src/elements/CopyLocaleData/index.tsx",
-                                lineNumber: 193,
-                                columnNumber: 11
-                            }, this),
-                            /*#__PURE__*/ _jsxDEV(CheckboxField, {
-                                checked: overwriteExisting,
-                                field: {
-                                    name: 'overwriteExisting',
-                                    label: t('general:overwriteExistingData')
-                                },
-                                onChange: ()=>setOverwriteExisting(!overwriteExisting),
-                                path: 'overwriteExisting'
-                            }, void 0, false, {
-                                fileName: "src/elements/CopyLocaleData/index.tsx",
-                                lineNumber: 205,
-                                columnNumber: 11
-                            }, this)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/elements/CopyLocaleData/index.tsx",
-                        lineNumber: 179,
-                        columnNumber: 9
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/elements/CopyLocaleData/index.tsx",
-                lineNumber: 131,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/CopyLocaleData/index.tsx",
-        lineNumber: 118,
-        columnNumber: 5
-    }, this);
+    return <React.Fragment>
+      <PopupList.Button id={`${baseClass}__button`} onClick={()=>{
+        if (modified) {
+            toast.info(t('general:unsavedChanges'));
+        } else {
+            toggleModal(drawerSlug);
+        }
+    }}>
+        {t('localization:copyToLocale')}
+      </PopupList.Button>
+      <Drawer className={baseClass} gutter={false} Header={<DrawerHeader onClose={()=>{
+        toggleModal(drawerSlug);
+    }} title={t('localization:copyToLocale')}/>} slug={drawerSlug}>
+        <div className={`${baseClass}__sub-header`}>
+          <span>
+            {fromLocale && toLocale ? <div>
+                {t('localization:copyFromTo', {
+        from: getLocaleLabel(fromLocale),
+        to: getLocaleLabel(toLocale)
+    })}
+              </div> : t('localization:selectLocaleToCopy')}
+          </span>
+          <Button buttonStyle="primary" disabled={!fromLocale || !toLocale} iconPosition="left" onClick={async ()=>{
+        if (fromLocale === toLocale) {
+            toast.error(t('localization:cannotCopySameLocale'));
+            return;
+        }
+        if (!copying) {
+            await copyLocaleData({
+                from: fromLocale,
+                to: toLocale
+            });
+        }
+    }} size="medium">
+            {copying ? t('general:copying') + '...' : t('general:copy')}
+          </Button>
+        </div>
+
+        <div className={`${baseClass}__content`}>
+          <SelectInput label={t('localization:copyFrom')} name={'fromLocale'} onChange={(selectedOption)=>{
+        if (selectedOption?.value) {
+            setFromLocale(selectedOption.value);
+        }
+    }} options={localeOptions} path="fromLocale" readOnly value={fromLocale}/>
+          <SelectInput label={t('localization:copyTo')} name="toLocale" onChange={(selectedOption)=>{
+        if (selectedOption?.value) {
+            setToLocale(selectedOption.value);
+        }
+    }} options={localeOptionsWithoutCurrent} path="toLocale" value={toLocale}/>
+          <CheckboxField checked={overwriteExisting} field={{
+        name: 'overwriteExisting',
+        label: t('general:overwriteExistingData')
+    }} onChange={()=>setOverwriteExisting(!overwriteExisting)} path={'overwriteExisting'}/>
+        </div>
+      </Drawer>
+    </React.Fragment>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/CopyLocaleData/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { CheckboxField } from '../../fields/Checkbox/index.js'\nimport { SelectInput } from '../../fields/Select/index.js'\nimport { useFormModified } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { DrawerHeader } from '../BulkUpload/Header/index.js'\nimport { Button } from '../Button/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'copy-locale-data'\n\nconst drawerSlug = 'copy-locale'\nexport const CopyLocaleData: React.FC = () => {\n  const {\n    config: {\n      localization,\n      routes: { admin },\n      serverURL,\n    },\n  } = useConfig()\n  const { code } = useLocale()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const { i18n, t } = useTranslation()\n  const modified = useFormModified()\n  const { toggleModal } = useModal()\n  const { copyDataFromLocale } = useServerFunctions()\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  const localeOptions =\n    (localization &&\n      localization.locales.map((locale) => ({ label: locale.label, value: locale.code }))) ||\n    []\n\n  const localeOptionsWithoutCurrent = localeOptions.filter((locale) => locale.value !== code)\n\n  const getLocaleLabel = (code: string) => {\n    const locale = localization && localization.locales.find((l) => l.code === code)\n    return locale && locale.label ? getTranslation(locale.label, i18n) : code\n  }\n\n  const [copying, setCopying] = React.useState(false)\n  const [toLocale, setToLocale] = React.useState<null | string>(null)\n  const [fromLocale, setFromLocale] = React.useState<null | string>(code)\n  const [overwriteExisting, setOverwriteExisting] = React.useState(false)\n\n  React.useEffect(() => {\n    if (fromLocale !== code) {\n      setFromLocale(code)\n    }\n  }, [code, fromLocale])\n\n  const copyLocaleData = useCallback(\n    async ({ from, to }) => {\n      setCopying(true)\n\n      try {\n        await copyDataFromLocale({\n          collectionSlug,\n          docID: id,\n          fromLocale: from,\n          globalSlug,\n          overrideData: overwriteExisting,\n          toLocale: to,\n        })\n\n        setCopying(false)\n\n        startRouteTransition(() =>\n          router.push(\n            formatAdminURL({\n              adminRoute: admin,\n              path: `/${collectionSlug ? `collections/${collectionSlug}/${id}` : `globals/${globalSlug}`}`,\n              serverURL,\n            }) + `?locale=${to}`,\n          ),\n        )\n\n        toggleModal(drawerSlug)\n      } catch (error) {\n        toast.error(error.message)\n      }\n    },\n    [\n      copyDataFromLocale,\n      collectionSlug,\n      id,\n      globalSlug,\n      overwriteExisting,\n      toggleModal,\n      router,\n      serverURL,\n      admin,\n      startRouteTransition,\n    ],\n  )\n\n  if (!id && !globalSlug) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <PopupList.Button\n        id={`${baseClass}__button`}\n        onClick={() => {\n          if (modified) {\n            toast.info(t('general:unsavedChanges'))\n          } else {\n            toggleModal(drawerSlug)\n          }\n        }}\n      >\n        {t('localization:copyToLocale')}\n      </PopupList.Button>\n      <Drawer\n        className={baseClass}\n        gutter={false}\n        Header={\n          <DrawerHeader\n            onClose={() => {\n              toggleModal(drawerSlug)\n            }}\n            title={t('localization:copyToLocale')}\n          />\n        }\n        slug={drawerSlug}\n      >\n        <div className={`${baseClass}__sub-header`}>\n          <span>\n            {fromLocale && toLocale ? (\n              <div>\n                {t('localization:copyFromTo', {\n                  from: getLocaleLabel(fromLocale),\n                  to: getLocaleLabel(toLocale),\n                })}\n              </div>\n            ) : (\n              t('localization:selectLocaleToCopy')\n            )}\n          </span>\n          <Button\n            buttonStyle=\"primary\"\n            disabled={!fromLocale || !toLocale}\n            iconPosition=\"left\"\n            onClick={async () => {\n              if (fromLocale === toLocale) {\n                toast.error(t('localization:cannotCopySameLocale'))\n                return\n              }\n              if (!copying) {\n                await copyLocaleData({\n                  from: fromLocale,\n                  to: toLocale,\n                })\n              }\n            }}\n            size=\"medium\"\n          >\n            {copying ? t('general:copying') + '...' : t('general:copy')}\n          </Button>\n        </div>\n\n        <div className={`${baseClass}__content`}>\n          <SelectInput\n            label={t('localization:copyFrom')}\n            name={'fromLocale'}\n            onChange={(selectedOption: { value: string }) => {\n              if (selectedOption?.value) {\n                setFromLocale(selectedOption.value)\n              }\n            }}\n            options={localeOptions}\n            path=\"fromLocale\"\n            readOnly\n            value={fromLocale}\n          />\n          <SelectInput\n            label={t('localization:copyTo')}\n            name=\"toLocale\"\n            onChange={(selectedOption: { value: string }) => {\n              if (selectedOption?.value) {\n                setToLocale(selectedOption.value)\n              }\n            }}\n            options={localeOptionsWithoutCurrent}\n            path=\"toLocale\"\n            value={toLocale}\n          />\n          <CheckboxField\n            checked={overwriteExisting}\n            field={{\n              name: 'overwriteExisting',\n              label: t('general:overwriteExistingData'),\n            }}\n            onChange={() => setOverwriteExisting(!overwriteExisting)}\n            path={'overwriteExisting'}\n          />\n        </div>\n      </Drawer>\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","getTranslation","useRouter","formatAdminURL","React","useCallback","toast","CheckboxField","SelectInput","useFormModified","useConfig","useDocumentInfo","useLocale","useRouteTransition","useServerFunctions","useTranslation","DrawerHeader","Button","Drawer","PopupList","baseClass","drawerSlug","CopyLocaleData","config","localization","routes","admin","serverURL","code","id","collectionSlug","globalSlug","i18n","t","modified","toggleModal","copyDataFromLocale","router","startRouteTransition","localeOptions","locales","map","locale","label","value","localeOptionsWithoutCurrent","filter","getLocaleLabel","find","l","copying","setCopying","useState","toLocale","setToLocale","fromLocale","setFromLocale","overwriteExisting","setOverwriteExisting","useEffect","copyLocaleData","from","to","docID","overrideData","push","adminRoute","path","error","message","Fragment","onClick","info","className","gutter","Header","onClose","title","slug","div","span","buttonStyle","disabled","iconPosition","size","name","onChange","selectedOption","options","readOnly","checked","field"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/CopyLocaleData/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { CheckboxField } from '../../fields/Checkbox/index.js'\nimport { SelectInput } from '../../fields/Select/index.js'\nimport { useFormModified } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { DrawerHeader } from '../BulkUpload/Header/index.js'\nimport { Button } from '../Button/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'copy-locale-data'\n\nconst drawerSlug = 'copy-locale'\nexport const CopyLocaleData: React.FC = () => {\n  const {\n    config: {\n      localization,\n      routes: { admin },\n      serverURL,\n    },\n  } = useConfig()\n  const { code } = useLocale()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const { i18n, t } = useTranslation()\n  const modified = useFormModified()\n  const { toggleModal } = useModal()\n  const { copyDataFromLocale } = useServerFunctions()\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  const localeOptions =\n    (localization &&\n      localization.locales.map((locale) => ({ label: locale.label, value: locale.code }))) ||\n    []\n\n  const localeOptionsWithoutCurrent = localeOptions.filter((locale) => locale.value !== code)\n\n  const getLocaleLabel = (code: string) => {\n    const locale = localization && localization.locales.find((l) => l.code === code)\n    return locale && locale.label ? getTranslation(locale.label, i18n) : code\n  }\n\n  const [copying, setCopying] = React.useState(false)\n  const [toLocale, setToLocale] = React.useState<null | string>(null)\n  const [fromLocale, setFromLocale] = React.useState<null | string>(code)\n  const [overwriteExisting, setOverwriteExisting] = React.useState(false)\n\n  React.useEffect(() => {\n    if (fromLocale !== code) {\n      setFromLocale(code)\n    }\n  }, [code, fromLocale])\n\n  const copyLocaleData = useCallback(\n    async ({ from, to }) => {\n      setCopying(true)\n\n      try {\n        await copyDataFromLocale({\n          collectionSlug,\n          docID: id,\n          fromLocale: from,\n          globalSlug,\n          overrideData: overwriteExisting,\n          toLocale: to,\n        })\n\n        setCopying(false)\n\n        startRouteTransition(() =>\n          router.push(\n            formatAdminURL({\n              adminRoute: admin,\n              path: `/${collectionSlug ? `collections/${collectionSlug}/${id}` : `globals/${globalSlug}`}`,\n              serverURL,\n            }) + `?locale=${to}`,\n          ),\n        )\n\n        toggleModal(drawerSlug)\n      } catch (error) {\n        toast.error(error.message)\n      }\n    },\n    [\n      copyDataFromLocale,\n      collectionSlug,\n      id,\n      globalSlug,\n      overwriteExisting,\n      toggleModal,\n      router,\n      serverURL,\n      admin,\n      startRouteTransition,\n    ],\n  )\n\n  if (!id && !globalSlug) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <PopupList.Button\n        id={`${baseClass}__button`}\n        onClick={() => {\n          if (modified) {\n            toast.info(t('general:unsavedChanges'))\n          } else {\n            toggleModal(drawerSlug)\n          }\n        }}\n      >\n        {t('localization:copyToLocale')}\n      </PopupList.Button>\n      <Drawer\n        className={baseClass}\n        gutter={false}\n        Header={\n          <DrawerHeader\n            onClose={() => {\n              toggleModal(drawerSlug)\n            }}\n            title={t('localization:copyToLocale')}\n          />\n        }\n        slug={drawerSlug}\n      >\n        <div className={`${baseClass}__sub-header`}>\n          <span>\n            {fromLocale && toLocale ? (\n              <div>\n                {t('localization:copyFromTo', {\n                  from: getLocaleLabel(fromLocale),\n                  to: getLocaleLabel(toLocale),\n                })}\n              </div>\n            ) : (\n              t('localization:selectLocaleToCopy')\n            )}\n          </span>\n          <Button\n            buttonStyle=\"primary\"\n            disabled={!fromLocale || !toLocale}\n            iconPosition=\"left\"\n            onClick={async () => {\n              if (fromLocale === toLocale) {\n                toast.error(t('localization:cannotCopySameLocale'))\n                return\n              }\n              if (!copying) {\n                await copyLocaleData({\n                  from: fromLocale,\n                  to: toLocale,\n                })\n              }\n            }}\n            size=\"medium\"\n          >\n            {copying ? t('general:copying') + '...' : t('general:copy')}\n          </Button>\n        </div>\n\n        <div className={`${baseClass}__content`}>\n          <SelectInput\n            label={t('localization:copyFrom')}\n            name={'fromLocale'}\n            onChange={(selectedOption: { value: string }) => {\n              if (selectedOption?.value) {\n                setFromLocale(selectedOption.value)\n              }\n            }}\n            options={localeOptions}\n            path=\"fromLocale\"\n            readOnly\n            value={fromLocale}\n          />\n          <SelectInput\n            label={t('localization:copyTo')}\n            name=\"toLocale\"\n            onChange={(selectedOption: { value: string }) => {\n              if (selectedOption?.value) {\n                setToLocale(selectedOption.value)\n              }\n            }}\n            options={localeOptionsWithoutCurrent}\n            path=\"toLocale\"\n            value={toLocale}\n          />\n          <CheckboxField\n            checked={overwriteExisting}\n            field={{\n              name: 'overwriteExisting',\n              label: t('general:overwriteExistingData'),\n            }}\n            onChange={() => setOverwriteExisting(!overwriteExisting)}\n            path={'overwriteExisting'}\n          />\n        </div>\n      </Drawer>\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","getTranslation","useRouter","formatAdminURL","React","useCallback","toast","CheckboxField","SelectInput","useFormModified","useConfig","useDocumentInfo","useLocale","useRouteTransition","useServerFunctions","useTranslation","DrawerHeader","Button","Drawer","PopupList","baseClass","drawerSlug","CopyLocaleData","config","localization","routes","admin","serverURL","code","id","collectionSlug","globalSlug","i18n","t","modified","toggleModal","copyDataFromLocale","router","startRouteTransition","localeOptions","locales","map","locale","label","value","localeOptionsWithoutCurrent","filter","getLocaleLabel","find","l","copying","setCopying","useState","toLocale","setToLocale","fromLocale","setFromLocale","overwriteExisting","setOverwriteExisting","useEffect","copyLocaleData","from","to","docID","overrideData","push","adminRoute","path","error","message","Fragment","onClick","info","className","gutter","Header","onClose","title","slug","div","span","buttonStyle","disabled","iconPosition","size","name","onChange","selectedOption","options","readOnly","checked","field"],"mappings":"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"}