@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

package/dist/elements/DuplicateDocument/SelectLocalesDrawer/index.js

@@ -1,8 +1,9 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { setsAreEqual } from 'payload/shared';
-import { useCallback, useMemo, useState } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import { CheckboxInput } from '../../../fields/Checkbox/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { DrawerHeader } from '../../BulkUpload/Header/index.js';
@@ -59,27 +60,102 @@ export const SelectLocalesDrawer = ({ slug, localization, onConfirm })=>{
         slug,
         toggleModal
     ]);
-    return <Drawer className={baseClass} gutter={false} Header={<DrawerHeader onClose={()=>{
-        toggleModal(slug);
-    }} title={`${t('general:duplicate')} ${t('localization:selectedLocales')}`}/>} slug={slug}>
-      <div className={`${baseClass}__sub-header`}>
-        <span>{t('localization:selectLocaleToDuplicate')}</span>
-        <Button buttonStyle="primary" disabled={selectedLocales.length === 0} iconPosition="left" id="#action-duplicate-confirm" onClick={handleConfirm} size="medium">
-          {t('general:duplicate')}
-        </Button>
-      </div>
-      <div className={`${baseClass}__content`}>
-        <div className={`${baseClass}__item`}>
-          <CheckboxInput checked={allLocalesSelected} id="select-locale-all" label={t('general:selectAll', {
-        count: allLocales.length,
-        label: t('general:locales')
-    })} onToggle={handleSelectAll}/>
-        </div>
-        {localeOptions.map((locale)=><div className={`${baseClass}__item`} key={locale.value}>
-            <CheckboxInput checked={selectedLocales.includes(locale.value)} id={`select-locale-${locale.value}`} label={locale.label} onToggle={()=>handleToggleLocale(locale.value)}/>
-          </div>)}
-      </div>
-    </Drawer>;
+    return /*#__PURE__*/ _jsxDEV(Drawer, {
+        className: baseClass,
+        gutter: false,
+        Header: /*#__PURE__*/ _jsxDEV(DrawerHeader, {
+            onClose: ()=>{
+                toggleModal(slug);
+            },
+            title: `${t('general:duplicate')} ${t('localization:selectedLocales')}`
+        }, void 0, false, {
+            fileName: "src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx",
+            lineNumber: 83,
+            columnNumber: 9
+        }, void 0),
+        slug: slug,
+        children: [
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__sub-header`,
+                children: [
+                    /*#__PURE__*/ _jsxDEV("span", {
+                        children: t('localization:selectLocaleToDuplicate')
+                    }, void 0, false, {
+                        fileName: "src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx",
+                        lineNumber: 93,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(Button, {
+                        buttonStyle: "primary",
+                        disabled: selectedLocales.length === 0,
+                        iconPosition: "left",
+                        id: "#action-duplicate-confirm",
+                        onClick: handleConfirm,
+                        size: "medium",
+                        children: t('general:duplicate')
+                    }, void 0, false, {
+                        fileName: "src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx",
+                        lineNumber: 94,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx",
+                lineNumber: 92,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__content`,
+                children: [
+                    /*#__PURE__*/ _jsxDEV("div", {
+                        className: `${baseClass}__item`,
+                        children: /*#__PURE__*/ _jsxDEV(CheckboxInput, {
+                            checked: allLocalesSelected,
+                            id: "select-locale-all",
+                            label: t('general:selectAll', {
+                                count: allLocales.length,
+                                label: t('general:locales')
+                            }),
+                            onToggle: handleSelectAll
+                        }, void 0, false, {
+                            fileName: "src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx",
+                            lineNumber: 107,
+                            columnNumber: 11
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx",
+                        lineNumber: 106,
+                        columnNumber: 9
+                    }, this),
+                    localeOptions.map((locale)=>/*#__PURE__*/ _jsxDEV("div", {
+                            className: `${baseClass}__item`,
+                            children: /*#__PURE__*/ _jsxDEV(CheckboxInput, {
+                                checked: selectedLocales.includes(locale.value),
+                                id: `select-locale-${locale.value}`,
+                                label: locale.label,
+                                onToggle: ()=>handleToggleLocale(locale.value)
+                            }, void 0, false, {
+                                fileName: "src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx",
+                                lineNumber: 119,
+                                columnNumber: 13
+                            }, this)
+                        }, locale.value, false, {
+                            fileName: "src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx",
+                            lineNumber: 118,
+                            columnNumber: 11
+                        }, this))
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx",
+                lineNumber: 105,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx",
+        lineNumber: 79,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/DuplicateDocument/SelectLocalesDrawer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { setsAreEqual } from 'payload/shared'\nimport React, { useCallback, useMemo, useState } from 'react'\n\nimport { CheckboxInput } from '../../../fields/Checkbox/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 './index.scss'\n\nexport type LocaleOption = {\n  label: string\n  value: string\n}\n\nexport type SelectLocalesDrawerProps = {\n  readonly localization: Exclude<ClientConfig['localization'], false>\n  readonly onConfirm: (args: { selectedLocales: string[] }) => Promise<void> | void\n  readonly slug: string\n}\n\nconst getLocaleOptions = ({\n  i18n,\n  localization,\n}: {\n  i18n: I18nClient\n  localization: SelectLocalesDrawerProps['localization']\n}): LocaleOption[] => {\n  return localization.locales.map((locale) => ({\n    label: getTranslation(locale.label, i18n),\n    value: locale.code,\n  }))\n}\n\nconst baseClass = 'select-locales-drawer'\n\nexport const SelectLocalesDrawer: React.FC<SelectLocalesDrawerProps> = ({\n  slug,\n  localization,\n  onConfirm,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { toggleModal } = useModal()\n  const [selectedLocales, setSelectedLocales] = useState<string[]>([])\n\n  const localeOptions = useMemo(\n    () => getLocaleOptions({ i18n, localization }),\n    [localization, i18n],\n  )\n  const allLocales = useMemo(() => localeOptions.map((locale) => locale.value), [localeOptions])\n  const allLocalesSelected = useMemo(\n    () => setsAreEqual(new Set(selectedLocales), new Set(allLocales)),\n    [selectedLocales, allLocales],\n  )\n\n  const handleSelectAll = useCallback(() => {\n    setSelectedLocales(allLocalesSelected ? [] : [...allLocales])\n  }, [allLocalesSelected, allLocales])\n\n  const handleToggleLocale = useCallback((localeValue: string) => {\n    setSelectedLocales((prev) =>\n      prev.includes(localeValue) ? prev.filter((l) => l !== localeValue) : [...prev, localeValue],\n    )\n  }, [])\n\n  const handleConfirm = useCallback(async () => {\n    await onConfirm({ selectedLocales })\n    toggleModal(slug)\n  }, [onConfirm, selectedLocales, slug, toggleModal])\n\n  return (\n    <Drawer\n      className={baseClass}\n      gutter={false}\n      Header={\n        <DrawerHeader\n          onClose={() => {\n            toggleModal(slug)\n          }}\n          title={`${t('general:duplicate')} ${t('localization:selectedLocales')}`}\n        />\n      }\n      slug={slug}\n    >\n      <div className={`${baseClass}__sub-header`}>\n        <span>{t('localization:selectLocaleToDuplicate')}</span>\n        <Button\n          buttonStyle=\"primary\"\n          disabled={selectedLocales.length === 0}\n          iconPosition=\"left\"\n          id=\"#action-duplicate-confirm\"\n          onClick={handleConfirm}\n          size=\"medium\"\n        >\n          {t('general:duplicate')}\n        </Button>\n      </div>\n      <div className={`${baseClass}__content`}>\n        <div className={`${baseClass}__item`}>\n          <CheckboxInput\n            checked={allLocalesSelected}\n            id=\"select-locale-all\"\n            label={t('general:selectAll', {\n              count: allLocales.length,\n              label: t('general:locales'),\n            })}\n            onToggle={handleSelectAll}\n          />\n        </div>\n        {localeOptions.map((locale) => (\n          <div className={`${baseClass}__item`} key={locale.value}>\n            <CheckboxInput\n              checked={selectedLocales.includes(locale.value)}\n              id={`select-locale-${locale.value}`}\n              label={locale.label}\n              onToggle={() => handleToggleLocale(locale.value)}\n            />\n          </div>\n        ))}\n      </div>\n    </Drawer>\n  )\n}\n"],"names":["useModal","getTranslation","setsAreEqual","useCallback","useMemo","useState","CheckboxInput","useTranslation","DrawerHeader","Button","Drawer","getLocaleOptions","i18n","localization","locales","map","locale","label","value","code","baseClass","SelectLocalesDrawer","slug","onConfirm","t","toggleModal","selectedLocales","setSelectedLocales","localeOptions","allLocales","allLocalesSelected","Set","handleSelectAll","handleToggleLocale","localeValue","prev","includes","filter","l","handleConfirm","className","gutter","Header","onClose","title","div","span","buttonStyle","disabled","length","iconPosition","id","onClick","size","checked","count","onToggle","key"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { setsAreEqual } from 'payload/shared'\nimport React, { useCallback, useMemo, useState } from 'react'\n\nimport { CheckboxInput } from '../../../fields/Checkbox/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 './index.scss'\n\nexport type LocaleOption = {\n  label: string\n  value: string\n}\n\nexport type SelectLocalesDrawerProps = {\n  readonly localization: Exclude<ClientConfig['localization'], false>\n  readonly onConfirm: (args: { selectedLocales: string[] }) => Promise<void> | void\n  readonly slug: string\n}\n\nconst getLocaleOptions = ({\n  i18n,\n  localization,\n}: {\n  i18n: I18nClient\n  localization: SelectLocalesDrawerProps['localization']\n}): LocaleOption[] => {\n  return localization.locales.map((locale) => ({\n    label: getTranslation(locale.label, i18n),\n    value: locale.code,\n  }))\n}\n\nconst baseClass = 'select-locales-drawer'\n\nexport const SelectLocalesDrawer: React.FC<SelectLocalesDrawerProps> = ({\n  slug,\n  localization,\n  onConfirm,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { toggleModal } = useModal()\n  const [selectedLocales, setSelectedLocales] = useState<string[]>([])\n\n  const localeOptions = useMemo(\n    () => getLocaleOptions({ i18n, localization }),\n    [localization, i18n],\n  )\n  const allLocales = useMemo(() => localeOptions.map((locale) => locale.value), [localeOptions])\n  const allLocalesSelected = useMemo(\n    () => setsAreEqual(new Set(selectedLocales), new Set(allLocales)),\n    [selectedLocales, allLocales],\n  )\n\n  const handleSelectAll = useCallback(() => {\n    setSelectedLocales(allLocalesSelected ? [] : [...allLocales])\n  }, [allLocalesSelected, allLocales])\n\n  const handleToggleLocale = useCallback((localeValue: string) => {\n    setSelectedLocales((prev) =>\n      prev.includes(localeValue) ? prev.filter((l) => l !== localeValue) : [...prev, localeValue],\n    )\n  }, [])\n\n  const handleConfirm = useCallback(async () => {\n    await onConfirm({ selectedLocales })\n    toggleModal(slug)\n  }, [onConfirm, selectedLocales, slug, toggleModal])\n\n  return (\n    <Drawer\n      className={baseClass}\n      gutter={false}\n      Header={\n        <DrawerHeader\n          onClose={() => {\n            toggleModal(slug)\n          }}\n          title={`${t('general:duplicate')} ${t('localization:selectedLocales')}`}\n        />\n      }\n      slug={slug}\n    >\n      <div className={`${baseClass}__sub-header`}>\n        <span>{t('localization:selectLocaleToDuplicate')}</span>\n        <Button\n          buttonStyle=\"primary\"\n          disabled={selectedLocales.length === 0}\n          iconPosition=\"left\"\n          id=\"#action-duplicate-confirm\"\n          onClick={handleConfirm}\n          size=\"medium\"\n        >\n          {t('general:duplicate')}\n        </Button>\n      </div>\n      <div className={`${baseClass}__content`}>\n        <div className={`${baseClass}__item`}>\n          <CheckboxInput\n            checked={allLocalesSelected}\n            id=\"select-locale-all\"\n            label={t('general:selectAll', {\n              count: allLocales.length,\n              label: t('general:locales'),\n            })}\n            onToggle={handleSelectAll}\n          />\n        </div>\n        {localeOptions.map((locale) => (\n          <div className={`${baseClass}__item`} key={locale.value}>\n            <CheckboxInput\n              checked={selectedLocales.includes(locale.value)}\n              id={`select-locale-${locale.value}`}\n              label={locale.label}\n              onToggle={() => handleToggleLocale(locale.value)}\n            />\n          </div>\n        ))}\n      </div>\n    </Drawer>\n  )\n}\n"],"names":["useModal","getTranslation","setsAreEqual","React","useCallback","useMemo","useState","CheckboxInput","useTranslation","DrawerHeader","Button","Drawer","getLocaleOptions","i18n","localization","locales","map","locale","label","value","code","baseClass","SelectLocalesDrawer","slug","onConfirm","t","toggleModal","selectedLocales","setSelectedLocales","localeOptions","allLocales","allLocalesSelected","Set","handleSelectAll","handleToggleLocale","localeValue","prev","includes","filter","l","handleConfirm","className","gutter","Header","onClose","title","div","span","buttonStyle","disabled","length","iconPosition","id","onClick","size","checked","count","onToggle"],"mappings":"AAAA;;AAKA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,SAASC,cAAc,QAAQ,2BAA0B;AACzD,SAASC,YAAY,QAAQ,iBAAgB;AAC7C,OAAOC,SAASC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AAE7D,SAASC,aAAa,QAAQ,oCAAmC;AACjE,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,YAAY,QAAQ,mCAAkC;AAC/D,SAASC,MAAM,QAAQ,wBAAuB;AAC9C,SAASC,MAAM,QAAQ,wBAAuB;AAC9C,OAAO,eAAc;AAarB,MAAMC,mBAAmB,CAAC,EACxBC,IAAI,EACJC,YAAY,EAIb;IACC,OAAOA,aAAaC,OAAO,CAACC,GAAG,CAAC,CAACC,SAAY,CAAA;YAC3CC,OAAOjB,eAAegB,OAAOC,KAAK,EAAEL;YACpCM,OAAOF,OAAOG,IAAI;QACpB,CAAA;AACF;AAEA,MAAMC,YAAY;AAElB,OAAO,MAAMC,sBAA0D,CAAC,EACtEC,IAAI,EACJT,YAAY,EACZU,SAAS,EACV;IACC,MAAM,EAAEX,IAAI,EAAEY,CAAC,EAAE,GAAGjB;IACpB,MAAM,EAAEkB,WAAW,EAAE,GAAG1B;IACxB,MAAM,CAAC2B,iBAAiBC,mBAAmB,GAAGtB,SAAmB,EAAE;IAEnE,MAAMuB,gBAAgBxB,QACpB,IAAMO,iBAAiB;YAAEC;YAAMC;QAAa,IAC5C;QAACA;QAAcD;KAAK;IAEtB,MAAMiB,aAAazB,QAAQ,IAAMwB,cAAcb,GAAG,CAAC,CAACC,SAAWA,OAAOE,KAAK,GAAG;QAACU;KAAc;IAC7F,MAAME,qBAAqB1B,QACzB,IAAMH,aAAa,IAAI8B,IAAIL,kBAAkB,IAAIK,IAAIF,cACrD;QAACH;QAAiBG;KAAW;IAG/B,MAAMG,kBAAkB7B,YAAY;QAClCwB,mBAAmBG,qBAAqB,EAAE,GAAG;eAAID;SAAW;IAC9D,GAAG;QAACC;QAAoBD;KAAW;IAEnC,MAAMI,qBAAqB9B,YAAY,CAAC+B;QACtCP,mBAAmB,CAACQ,OAClBA,KAAKC,QAAQ,CAACF,eAAeC,KAAKE,MAAM,CAAC,CAACC,IAAMA,MAAMJ,eAAe;mBAAIC;gBAAMD;aAAY;IAE/F,GAAG,EAAE;IAEL,MAAMK,gBAAgBpC,YAAY;QAChC,MAAMoB,UAAU;YAAEG;QAAgB;QAClCD,YAAYH;IACd,GAAG;QAACC;QAAWG;QAAiBJ;QAAMG;KAAY;IAElD,qBACE,QAACf;QACC8B,WAAWpB;QACXqB,QAAQ;QACRC,sBACE,QAAClC;YACCmC,SAAS;gBACPlB,YAAYH;YACd;YACAsB,OAAO,GAAGpB,EAAE,qBAAqB,CAAC,EAAEA,EAAE,iCAAiC;;;;;;QAG3EF,MAAMA;;0BAEN,QAACuB;gBAAIL,WAAW,GAAGpB,UAAU,YAAY,CAAC;;kCACxC,QAAC0B;kCAAMtB,EAAE;;;;;;kCACT,QAACf;wBACCsC,aAAY;wBACZC,UAAUtB,gBAAgBuB,MAAM,KAAK;wBACrCC,cAAa;wBACbC,IAAG;wBACHC,SAASb;wBACTc,MAAK;kCAEJ7B,EAAE;;;;;;;;;;;;0BAGP,QAACqB;gBAAIL,WAAW,GAAGpB,UAAU,SAAS,CAAC;;kCACrC,QAACyB;wBAAIL,WAAW,GAAGpB,UAAU,MAAM,CAAC;kCAClC,cAAA,QAACd;4BACCgD,SAASxB;4BACTqB,IAAG;4BACHlC,OAAOO,EAAE,qBAAqB;gCAC5B+B,OAAO1B,WAAWoB,MAAM;gCACxBhC,OAAOO,EAAE;4BACX;4BACAgC,UAAUxB;;;;;;;;;;;oBAGbJ,cAAcb,GAAG,CAAC,CAACC,uBAClB,QAAC6B;4BAAIL,WAAW,GAAGpB,UAAU,MAAM,CAAC;sCAClC,cAAA,QAACd;gCACCgD,SAAS5B,gBAAgBU,QAAQ,CAACpB,OAAOE,KAAK;gCAC9CiC,IAAI,CAAC,cAAc,EAAEnC,OAAOE,KAAK,EAAE;gCACnCD,OAAOD,OAAOC,KAAK;gCACnBuC,UAAU,IAAMvB,mBAAmBjB,OAAOE,KAAK;;;;;;2BALRF,OAAOE,KAAK;;;;;;;;;;;;;;;;;AAYjE,EAAC"}

package/dist/elements/DuplicateDocument/index.js

@@ -1,4 +1,5 @@
 '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';
@@ -122,21 +123,51 @@ export const DuplicateDocument = ({ id, slug, onDuplicate, redirectAfterDuplicat
     ]);
     const buttonLabel = selectLocales ? `${t('general:duplicate')} ${t('localization:selectedLocales')}` : t('general:duplicate');
     if (!selectLocales || isDuplicateByLocaleEnabled) {
-        return <React.Fragment>
-        <PopupList.Button id={`action-duplicate${isDuplicateByLocaleEnabled ? `-locales` : ''}`} onClick={()=>{
-            if (modified) {
-                openModal(modalSlug);
-            } else if (selectLocales) {
-                openModal(drawerSlug);
-            } else {
-                void handleDuplicate();
-            }
-        }}>
-          {buttonLabel}
-        </PopupList.Button>
-        <ConfirmationModal body={t('general:unsavedChangesDuplicate')} confirmLabel={t('general:duplicateWithoutSaving')} heading={t('general:unsavedChanges')} modalSlug={modalSlug} onConfirm={handleConfirmWithoutSaving}/>
-        {selectLocales && localization && <SelectLocalesDrawer localization={localization} onConfirm={handleDuplicate} slug={drawerSlug}/>}
-      </React.Fragment>;
+        return /*#__PURE__*/ _jsxDEV(React.Fragment, {
+            children: [
+                /*#__PURE__*/ _jsxDEV(PopupList.Button, {
+                    id: `action-duplicate${isDuplicateByLocaleEnabled ? `-locales` : ''}`,
+                    onClick: ()=>{
+                        if (modified) {
+                            openModal(modalSlug);
+                        } else if (selectLocales) {
+                            openModal(drawerSlug);
+                        } else {
+                            void handleDuplicate();
+                        }
+                    },
+                    children: buttonLabel
+                }, void 0, false, {
+                    fileName: "src/elements/DuplicateDocument/index.tsx",
+                    lineNumber: 172,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
+                    body: t('general:unsavedChangesDuplicate'),
+                    confirmLabel: t('general:duplicateWithoutSaving'),
+                    heading: t('general:unsavedChanges'),
+                    modalSlug: modalSlug,
+                    onConfirm: handleConfirmWithoutSaving
+                }, void 0, false, {
+                    fileName: "src/elements/DuplicateDocument/index.tsx",
+                    lineNumber: 186,
+                    columnNumber: 9
+                }, this),
+                selectLocales && localization && /*#__PURE__*/ _jsxDEV(SelectLocalesDrawer, {
+                    localization: localization,
+                    onConfirm: handleDuplicate,
+                    slug: drawerSlug
+                }, void 0, false, {
+                    fileName: "src/elements/DuplicateDocument/index.tsx",
+                    lineNumber: 194,
+                    columnNumber: 11
+                }, this)
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/DuplicateDocument/index.tsx",
+            lineNumber: 171,
+            columnNumber: 7
+        }, this);
     }
     return null;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DuplicateDocument/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useMemo } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { traverseForLocalizedFields } from '../../utilities/traverseForLocalizedFields.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { SelectLocalesDrawer } from './SelectLocalesDrawer/index.js'\n\nexport type Props = {\n  readonly id: number | string\n  readonly onDuplicate?: DocumentDrawerContextType['onDuplicate']\n  readonly redirectAfterDuplicate?: boolean\n  readonly selectLocales?: boolean\n  readonly singularLabel: SanitizedCollectionConfig['labels']['singular']\n  readonly slug: string\n}\n\nexport const DuplicateDocument: React.FC<Props> = ({\n  id,\n  slug,\n  onDuplicate,\n  redirectAfterDuplicate = true,\n  selectLocales,\n  singularLabel,\n}) => {\n  const router = useRouter()\n  const modified = useFormModified()\n  const { openModal } = useModal()\n  const { code: localeCode } = useLocale()\n  const { setModified } = useForm()\n  const { startRouteTransition } = useRouteTransition()\n\n  const {\n    config: {\n      localization,\n      routes: { admin: adminRoute, api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: slug })\n\n  const { i18n, t } = useTranslation()\n\n  const modalSlug = `duplicate-${id}`\n  const drawerSlug = `duplicate-locales-${id}`\n\n  const isDuplicateByLocaleEnabled = useMemo(() => {\n    if (selectLocales && collectionConfig) {\n      return traverseForLocalizedFields(collectionConfig.fields)\n    }\n    return false\n  }, [collectionConfig, selectLocales])\n\n  const handleDuplicate = useCallback(\n    async (args?: { selectedLocales?: string[] }) => {\n      const { selectedLocales } = args || {}\n      const hasSelectedLocales = selectedLocales && selectedLocales.length > 0\n\n      const queryParams: Record<string, string | string[]> = {}\n      if (localeCode) {\n        queryParams.locale = localeCode\n      }\n      if (hasSelectedLocales) {\n        queryParams.selectedLocales = selectedLocales\n      }\n\n      const headers = {\n        'Accept-Language': i18n.language,\n        'Content-Type': 'application/json',\n        credentials: 'include',\n      }\n\n      try {\n        const res = await requests.post(\n          `${serverURL}${apiRoute}/${slug}/${id}/duplicate${qs.stringify(queryParams, {\n            addQueryPrefix: true,\n          })}`,\n          {\n            body: JSON.stringify(collectionConfig.versions?.drafts ? { _status: 'draft' } : {}),\n            headers,\n          },\n        )\n\n        const { doc, errors, message } = await res.json()\n\n        if (res.status < 400) {\n          toast.success(\n            message ||\n              t('general:successfullyDuplicated', { label: getTranslation(singularLabel, i18n) }),\n          )\n\n          setModified(false)\n\n          if (redirectAfterDuplicate) {\n            return startRouteTransition(() =>\n              router.push(\n                formatAdminURL({\n                  adminRoute,\n                  path: `/collections/${slug}/${doc.id}${localeCode ? `?locale=${localeCode}` : ''}`,\n                }),\n              ),\n            )\n          }\n\n          if (typeof onDuplicate === 'function') {\n            void onDuplicate({ collectionConfig, doc })\n          }\n        } else {\n          toast.error(\n            errors?.[0].message ||\n              message ||\n              t('error:unspecific', { label: getTranslation(singularLabel, i18n) }),\n          )\n        }\n      } catch (_error) {\n        toast.error(t('error:unspecific', { label: getTranslation(singularLabel, i18n) }))\n      }\n    },\n    [\n      adminRoute,\n      apiRoute,\n      collectionConfig,\n      i18n,\n      id,\n      localeCode,\n      onDuplicate,\n      redirectAfterDuplicate,\n      router,\n      serverURL,\n      setModified,\n      singularLabel,\n      slug,\n      startRouteTransition,\n      t,\n    ],\n  )\n\n  const handleConfirmWithoutSaving = useCallback(async () => {\n    if (selectLocales) {\n      openModal(drawerSlug)\n    } else {\n      await handleDuplicate()\n    }\n  }, [handleDuplicate, drawerSlug, selectLocales, openModal])\n\n  const buttonLabel = selectLocales\n    ? `${t('general:duplicate')} ${t('localization:selectedLocales')}`\n    : t('general:duplicate')\n\n  if (!selectLocales || isDuplicateByLocaleEnabled) {\n    return (\n      <React.Fragment>\n        <PopupList.Button\n          id={`action-duplicate${isDuplicateByLocaleEnabled ? `-locales` : ''}`}\n          onClick={() => {\n            if (modified) {\n              openModal(modalSlug)\n            } else if (selectLocales) {\n              openModal(drawerSlug)\n            } else {\n              void handleDuplicate()\n            }\n          }}\n        >\n          {buttonLabel}\n        </PopupList.Button>\n        <ConfirmationModal\n          body={t('general:unsavedChangesDuplicate')}\n          confirmLabel={t('general:duplicateWithoutSaving')}\n          heading={t('general:unsavedChanges')}\n          modalSlug={modalSlug}\n          onConfirm={handleConfirmWithoutSaving}\n        />\n        {selectLocales && localization && (\n          <SelectLocalesDrawer\n            localization={localization}\n            onConfirm={handleDuplicate}\n            slug={drawerSlug}\n          />\n        )}\n      </React.Fragment>\n    )\n  }\n\n  return null\n}\n"],"names":["useModal","getTranslation","useRouter","formatAdminURL","qs","React","useCallback","useMemo","toast","useForm","useFormModified","useConfig","useLocale","useRouteTransition","useTranslation","requests","traverseForLocalizedFields","ConfirmationModal","PopupList","SelectLocalesDrawer","DuplicateDocument","id","slug","onDuplicate","redirectAfterDuplicate","selectLocales","singularLabel","router","modified","openModal","code","localeCode","setModified","startRouteTransition","config","localization","routes","admin","adminRoute","api","apiRoute","serverURL","getEntityConfig","collectionConfig","collectionSlug","i18n","t","modalSlug","drawerSlug","isDuplicateByLocaleEnabled","fields","handleDuplicate","args","selectedLocales","hasSelectedLocales","length","queryParams","locale","headers","language","credentials","res","post","stringify","addQueryPrefix","body","JSON","versions","drafts","_status","doc","errors","message","json","status","success","label","push","path","error","_error","handleConfirmWithoutSaving","buttonLabel","Fragment","Button","onClick","confirmLabel","heading","onConfirm"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/DuplicateDocument/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useMemo } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { traverseForLocalizedFields } from '../../utilities/traverseForLocalizedFields.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { SelectLocalesDrawer } from './SelectLocalesDrawer/index.js'\n\nexport type Props = {\n  readonly id: number | string\n  readonly onDuplicate?: DocumentDrawerContextType['onDuplicate']\n  readonly redirectAfterDuplicate?: boolean\n  readonly selectLocales?: boolean\n  readonly singularLabel: SanitizedCollectionConfig['labels']['singular']\n  readonly slug: string\n}\n\nexport const DuplicateDocument: React.FC<Props> = ({\n  id,\n  slug,\n  onDuplicate,\n  redirectAfterDuplicate = true,\n  selectLocales,\n  singularLabel,\n}) => {\n  const router = useRouter()\n  const modified = useFormModified()\n  const { openModal } = useModal()\n  const { code: localeCode } = useLocale()\n  const { setModified } = useForm()\n  const { startRouteTransition } = useRouteTransition()\n\n  const {\n    config: {\n      localization,\n      routes: { admin: adminRoute, api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: slug })\n\n  const { i18n, t } = useTranslation()\n\n  const modalSlug = `duplicate-${id}`\n  const drawerSlug = `duplicate-locales-${id}`\n\n  const isDuplicateByLocaleEnabled = useMemo(() => {\n    if (selectLocales && collectionConfig) {\n      return traverseForLocalizedFields(collectionConfig.fields)\n    }\n    return false\n  }, [collectionConfig, selectLocales])\n\n  const handleDuplicate = useCallback(\n    async (args?: { selectedLocales?: string[] }) => {\n      const { selectedLocales } = args || {}\n      const hasSelectedLocales = selectedLocales && selectedLocales.length > 0\n\n      const queryParams: Record<string, string | string[]> = {}\n      if (localeCode) {\n        queryParams.locale = localeCode\n      }\n      if (hasSelectedLocales) {\n        queryParams.selectedLocales = selectedLocales\n      }\n\n      const headers = {\n        'Accept-Language': i18n.language,\n        'Content-Type': 'application/json',\n        credentials: 'include',\n      }\n\n      try {\n        const res = await requests.post(\n          `${serverURL}${apiRoute}/${slug}/${id}/duplicate${qs.stringify(queryParams, {\n            addQueryPrefix: true,\n          })}`,\n          {\n            body: JSON.stringify(collectionConfig.versions?.drafts ? { _status: 'draft' } : {}),\n            headers,\n          },\n        )\n\n        const { doc, errors, message } = await res.json()\n\n        if (res.status < 400) {\n          toast.success(\n            message ||\n              t('general:successfullyDuplicated', { label: getTranslation(singularLabel, i18n) }),\n          )\n\n          setModified(false)\n\n          if (redirectAfterDuplicate) {\n            return startRouteTransition(() =>\n              router.push(\n                formatAdminURL({\n                  adminRoute,\n                  path: `/collections/${slug}/${doc.id}${localeCode ? `?locale=${localeCode}` : ''}`,\n                }),\n              ),\n            )\n          }\n\n          if (typeof onDuplicate === 'function') {\n            void onDuplicate({ collectionConfig, doc })\n          }\n        } else {\n          toast.error(\n            errors?.[0].message ||\n              message ||\n              t('error:unspecific', { label: getTranslation(singularLabel, i18n) }),\n          )\n        }\n      } catch (_error) {\n        toast.error(t('error:unspecific', { label: getTranslation(singularLabel, i18n) }))\n      }\n    },\n    [\n      adminRoute,\n      apiRoute,\n      collectionConfig,\n      i18n,\n      id,\n      localeCode,\n      onDuplicate,\n      redirectAfterDuplicate,\n      router,\n      serverURL,\n      setModified,\n      singularLabel,\n      slug,\n      startRouteTransition,\n      t,\n    ],\n  )\n\n  const handleConfirmWithoutSaving = useCallback(async () => {\n    if (selectLocales) {\n      openModal(drawerSlug)\n    } else {\n      await handleDuplicate()\n    }\n  }, [handleDuplicate, drawerSlug, selectLocales, openModal])\n\n  const buttonLabel = selectLocales\n    ? `${t('general:duplicate')} ${t('localization:selectedLocales')}`\n    : t('general:duplicate')\n\n  if (!selectLocales || isDuplicateByLocaleEnabled) {\n    return (\n      <React.Fragment>\n        <PopupList.Button\n          id={`action-duplicate${isDuplicateByLocaleEnabled ? `-locales` : ''}`}\n          onClick={() => {\n            if (modified) {\n              openModal(modalSlug)\n            } else if (selectLocales) {\n              openModal(drawerSlug)\n            } else {\n              void handleDuplicate()\n            }\n          }}\n        >\n          {buttonLabel}\n        </PopupList.Button>\n        <ConfirmationModal\n          body={t('general:unsavedChangesDuplicate')}\n          confirmLabel={t('general:duplicateWithoutSaving')}\n          heading={t('general:unsavedChanges')}\n          modalSlug={modalSlug}\n          onConfirm={handleConfirmWithoutSaving}\n        />\n        {selectLocales && localization && (\n          <SelectLocalesDrawer\n            localization={localization}\n            onConfirm={handleDuplicate}\n            slug={drawerSlug}\n          />\n        )}\n      </React.Fragment>\n    )\n  }\n\n  return null\n}\n"],"names":["useModal","getTranslation","useRouter","formatAdminURL","qs","React","useCallback","useMemo","toast","useForm","useFormModified","useConfig","useLocale","useRouteTransition","useTranslation","requests","traverseForLocalizedFields","ConfirmationModal","PopupList","SelectLocalesDrawer","DuplicateDocument","id","slug","onDuplicate","redirectAfterDuplicate","selectLocales","singularLabel","router","modified","openModal","code","localeCode","setModified","startRouteTransition","config","localization","routes","admin","adminRoute","api","apiRoute","serverURL","getEntityConfig","collectionConfig","collectionSlug","i18n","t","modalSlug","drawerSlug","isDuplicateByLocaleEnabled","fields","handleDuplicate","args","selectedLocales","hasSelectedLocales","length","queryParams","locale","headers","language","credentials","res","post","stringify","addQueryPrefix","body","JSON","versions","drafts","_status","doc","errors","message","json","status","success","label","push","path","error","_error","handleConfirmWithoutSaving","buttonLabel","Fragment","Button","onClick","confirmLabel","heading","onConfirm"],"mappings":"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"}

package/dist/elements/EditMany/DrawerContent.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter, useSearchParams } from 'next/navigation.js';
@@ -37,9 +38,16 @@ const Submit = ({ action, disabled })=>{
         action,
         submit
     ]);
-    return <FormSubmit className={`${baseClass}__save`} disabled={disabled} onClick={save}>
-      {t('general:save')}
-    </FormSubmit>;
+    return /*#__PURE__*/ _jsxDEV(FormSubmit, {
+        className: `${baseClass}__save`,
+        disabled: disabled,
+        onClick: save,
+        children: t('general:save')
+    }, void 0, false, {
+        fileName: "src/elements/EditMany/DrawerContent.tsx",
+        lineNumber: 52,
+        columnNumber: 5
+    }, this);
 };
 const PublishButton = ({ action, disabled })=>{
     const { submit } = useForm();
@@ -57,9 +65,16 @@ const PublishButton = ({ action, disabled })=>{
         action,
         submit
     ]);
-    return <FormSubmit className={`${baseClass}__publish`} disabled={disabled} onClick={save}>
-      {t('version:publishChanges')}
-    </FormSubmit>;
+    return /*#__PURE__*/ _jsxDEV(FormSubmit, {
+        className: `${baseClass}__publish`,
+        disabled: disabled,
+        onClick: save,
+        children: t('version:publishChanges')
+    }, void 0, false, {
+        fileName: "src/elements/EditMany/DrawerContent.tsx",
+        lineNumber: 77,
+        columnNumber: 5
+    }, this);
 };
 const SaveDraftButton = ({ action, disabled })=>{
     const { submit } = useForm();
@@ -77,9 +92,17 @@ const SaveDraftButton = ({ action, disabled })=>{
         action,
         submit
     ]);
-    return <FormSubmit buttonStyle="secondary" className={`${baseClass}__draft`} disabled={disabled} onClick={save}>
-      {t('version:saveDraft')}
-    </FormSubmit>;
+    return /*#__PURE__*/ _jsxDEV(FormSubmit, {
+        buttonStyle: "secondary",
+        className: `${baseClass}__draft`,
+        disabled: disabled,
+        onClick: save,
+        children: t('version:saveDraft')
+    }, void 0, false, {
+        fileName: "src/elements/EditMany/DrawerContent.tsx",
+        lineNumber: 102,
+        columnNumber: 5
+    }, this);
 };
 /**
    * The total count of selected items
@@ -226,46 +249,178 @@ const SaveDraftButton = ({ action, disabled })=>{
         collectionPermissions,
         setSelectedFields
     ]);
-    return <DocumentInfoProvider collectionSlug={collection.slug} currentEditor={user} hasPublishedDoc={false} id={null} initialData={{}} isLocked={false} lastUpdateTime={0} mostRecentVersionIsAutosaved={false} unpublishedVersionCount={0} versionCount={0}>
-      <OperationContext value="update">
-        <div className={`${baseClass}__main`}>
-          <div className={`${baseClass}__header`}>
-            <h2 className={`${baseClass}__header__title`}>
-              {t('general:editingLabel', {
-        count,
-        label: getTranslation(count > 1 ? plural : singular, i18n)
-    })}
-            </h2>
-            <button aria-label={t('general:close')} className={`${baseClass}__header__close`} id={`close-drawer__${drawerSlug}`} onClick={()=>closeModal(drawerSlug)} type="button">
-              <XIcon/>
-            </button>
-          </div>
-          <Form className={`${baseClass}__form`} isInitializing={isInitializing} onChange={[
-        onChange
-    ]} onSuccess={onSuccess}>
-            <FieldSelect fields={fields} onChange={onFieldSelect} permissions={collectionPermissions.fields}/>
-            {selectedFields.length === 0 ? null : <div className="render-fields">
-                {selectedFields.map((option, i)=>{
-        const { value: { field, fieldPermissions, path } } = option;
-        return <RenderField clientFieldConfig={field} indexPath="" key={`${path}-${i}`} parentPath="" parentSchemaPath="" path={path} permissions={fieldPermissions}/>;
-    })}
-              </div>}
-            <div className={`${baseClass}__sidebar-wrap`}>
-              <div className={`${baseClass}__sidebar`}>
-                <div className={`${baseClass}__sidebar-sticky-wrap`}>
-                  <div className={`${baseClass}__document-actions`}>
-                    {collection?.versions?.drafts ? <React.Fragment>
-                        <SaveDraftButton action={`${serverURL}${apiRoute}/${collection.slug}${queryString}&draft=true`} disabled={selectedFields.length === 0}/>
-                        <PublishButton action={`${serverURL}${apiRoute}/${collection.slug}${queryString}&draft=true`} disabled={selectedFields.length === 0}/>
-                      </React.Fragment> : <Submit action={`${serverURL}${apiRoute}/${collection.slug}${queryString}`} disabled={selectedFields.length === 0}/>}
-                  </div>
-                </div>
-              </div>
-            </div>
-          </Form>
-        </div>
-      </OperationContext>
-    </DocumentInfoProvider>;
+    return /*#__PURE__*/ _jsxDEV(DocumentInfoProvider, {
+        collectionSlug: collection.slug,
+        currentEditor: user,
+        hasPublishedDoc: false,
+        id: null,
+        initialData: {},
+        isLocked: false,
+        lastUpdateTime: 0,
+        mostRecentVersionIsAutosaved: false,
+        unpublishedVersionCount: 0,
+        versionCount: 0,
+        children: /*#__PURE__*/ _jsxDEV(OperationContext, {
+            value: "update",
+            children: /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__main`,
+                children: [
+                    /*#__PURE__*/ _jsxDEV("div", {
+                        className: `${baseClass}__header`,
+                        children: [
+                            /*#__PURE__*/ _jsxDEV("h2", {
+                                className: `${baseClass}__header__title`,
+                                children: t('general:editingLabel', {
+                                    count,
+                                    label: getTranslation(count > 1 ? plural : singular, i18n)
+                                })
+                            }, void 0, false, {
+                                fileName: "src/elements/EditMany/DrawerContent.tsx",
+                                lineNumber: 333,
+                                columnNumber: 13
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("button", {
+                                "aria-label": t('general:close'),
+                                className: `${baseClass}__header__close`,
+                                id: `close-drawer__${drawerSlug}`,
+                                onClick: ()=>closeModal(drawerSlug),
+                                type: "button",
+                                children: /*#__PURE__*/ _jsxDEV(XIcon, {}, void 0, false, {
+                                    fileName: "src/elements/EditMany/DrawerContent.tsx",
+                                    lineNumber: 346,
+                                    columnNumber: 15
+                                }, this)
+                            }, void 0, false, {
+                                fileName: "src/elements/EditMany/DrawerContent.tsx",
+                                lineNumber: 339,
+                                columnNumber: 13
+                            }, this)
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/elements/EditMany/DrawerContent.tsx",
+                        lineNumber: 332,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(Form, {
+                        className: `${baseClass}__form`,
+                        isInitializing: isInitializing,
+                        onChange: [
+                            onChange
+                        ],
+                        onSuccess: onSuccess,
+                        children: [
+                            /*#__PURE__*/ _jsxDEV(FieldSelect, {
+                                fields: fields,
+                                onChange: onFieldSelect,
+                                permissions: collectionPermissions.fields
+                            }, void 0, false, {
+                                fileName: "src/elements/EditMany/DrawerContent.tsx",
+                                lineNumber: 355,
+                                columnNumber: 13
+                            }, this),
+                            selectedFields.length === 0 ? null : /*#__PURE__*/ _jsxDEV("div", {
+                                className: "render-fields",
+                                children: selectedFields.map((option, i)=>{
+                                    const { value: { field, fieldPermissions, path } } = option;
+                                    return /*#__PURE__*/ _jsxDEV(RenderField, {
+                                        clientFieldConfig: field,
+                                        indexPath: "",
+                                        parentPath: "",
+                                        parentSchemaPath: "",
+                                        path: path,
+                                        permissions: fieldPermissions
+                                    }, `${path}-${i}`, false, {
+                                        fileName: "src/elements/EditMany/DrawerContent.tsx",
+                                        lineNumber: 368,
+                                        columnNumber: 21
+                                    }, this);
+                                })
+                            }, void 0, false, {
+                                fileName: "src/elements/EditMany/DrawerContent.tsx",
+                                lineNumber: 361,
+                                columnNumber: 15
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("div", {
+                                className: `${baseClass}__sidebar-wrap`,
+                                children: /*#__PURE__*/ _jsxDEV("div", {
+                                    className: `${baseClass}__sidebar`,
+                                    children: /*#__PURE__*/ _jsxDEV("div", {
+                                        className: `${baseClass}__sidebar-sticky-wrap`,
+                                        children: /*#__PURE__*/ _jsxDEV("div", {
+                                            className: `${baseClass}__document-actions`,
+                                            children: collection?.versions?.drafts ? /*#__PURE__*/ _jsxDEV(React.Fragment, {
+                                                children: [
+                                                    /*#__PURE__*/ _jsxDEV(SaveDraftButton, {
+                                                        action: `${serverURL}${apiRoute}/${collection.slug}${queryString}&draft=true`,
+                                                        disabled: selectedFields.length === 0
+                                                    }, void 0, false, {
+                                                        fileName: "src/elements/EditMany/DrawerContent.tsx",
+                                                        lineNumber: 387,
+                                                        columnNumber: 25
+                                                    }, this),
+                                                    /*#__PURE__*/ _jsxDEV(PublishButton, {
+                                                        action: `${serverURL}${apiRoute}/${collection.slug}${queryString}&draft=true`,
+                                                        disabled: selectedFields.length === 0
+                                                    }, void 0, false, {
+                                                        fileName: "src/elements/EditMany/DrawerContent.tsx",
+                                                        lineNumber: 391,
+                                                        columnNumber: 25
+                                                    }, this)
+                                                ]
+                                            }, void 0, true, {
+                                                fileName: "src/elements/EditMany/DrawerContent.tsx",
+                                                lineNumber: 386,
+                                                columnNumber: 23
+                                            }, this) : /*#__PURE__*/ _jsxDEV(Submit, {
+                                                action: `${serverURL}${apiRoute}/${collection.slug}${queryString}`,
+                                                disabled: selectedFields.length === 0
+                                            }, void 0, false, {
+                                                fileName: "src/elements/EditMany/DrawerContent.tsx",
+                                                lineNumber: 397,
+                                                columnNumber: 23
+                                            }, this)
+                                        }, void 0, false, {
+                                            fileName: "src/elements/EditMany/DrawerContent.tsx",
+                                            lineNumber: 384,
+                                            columnNumber: 19
+                                        }, this)
+                                    }, void 0, false, {
+                                        fileName: "src/elements/EditMany/DrawerContent.tsx",
+                                        lineNumber: 383,
+                                        columnNumber: 17
+                                    }, this)
+                                }, void 0, false, {
+                                    fileName: "src/elements/EditMany/DrawerContent.tsx",
+                                    lineNumber: 382,
+                                    columnNumber: 15
+                                }, this)
+                            }, void 0, false, {
+                                fileName: "src/elements/EditMany/DrawerContent.tsx",
+                                lineNumber: 381,
+                                columnNumber: 13
+                            }, this)
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/elements/EditMany/DrawerContent.tsx",
+                        lineNumber: 349,
+                        columnNumber: 11
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/EditMany/DrawerContent.tsx",
+                lineNumber: 331,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/elements/EditMany/DrawerContent.tsx",
+            lineNumber: 330,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/EditMany/DrawerContent.tsx",
+        lineNumber: 318,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=DrawerContent.js.map