@payloadcms/ui 4.0.0-internal.567a487 → 4.0.0-internal.58473b9

package/dist/elements/CopyLocaleData/index.js

@@ -36,9 +36,8 @@ export const CopyLocaleData = () => {
   const {
     admin
   } = t1;
-  const {
-    code
-  } = useLocale();
+  const locale = useLocale();
+  const code = locale?.code;
   const {
     id,
     collectionSlug,
@@ -62,7 +61,7 @@ export const CopyLocaleData = () => {
   const localeOptions = localization && localization.locales.map(_temp) || [];
   let t2;
   if ($[0] !== code) {
-    t2 = locale_0 => locale_0.value !== code;
+    t2 = locale_1 => locale_1.value !== code;
     $[0] = code;
     $[1] = t2;
   } else {
@@ -72,8 +71,8 @@ export const CopyLocaleData = () => {
   let t3;
   if ($[2] !== i18n || $[3] !== localization) {
     t3 = code_0 => {
-      const locale_1 = localization && localization.locales.find(l => l.code === code_0);
-      return locale_1 && locale_1.label ? getTranslation(locale_1.label, i18n) : code_0;
+      const locale_2 = localization && localization.locales.find(l => l.code === code_0);
+      return locale_2 && locale_2.label ? getTranslation(locale_2.label, i18n) : code_0;
     };
     $[2] = i18n;
     $[3] = localization;
@@ -128,6 +127,7 @@ export const CopyLocaleData = () => {
           path: `/${collectionSlug ? `collections/${collectionSlug}/${id}` : `globals/${globalSlug}`}`
         }) + `?locale=${to}`));
         toggleModal(drawerSlug);
+        toast.success(t("general:copied"));
       } catch (t8) {
         const error = t8;
         setCopying(false);
@@ -292,10 +292,10 @@ export const CopyLocaleData = () => {
     })]
   });
 };
-function _temp(locale) {
+function _temp(locale_0) {
   return {
-    label: locale.label,
-    value: locale.code
+    label: locale_0.label,
+    value: locale_0.code
   };
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","formatAdminURL","React","useCallback","toast","CheckboxField","SelectInput","useFormModified","useConfig","useDocumentInfo","useLocale","useRouter","useRouteTransition","useServerFunctions","useTranslation","Button","Drawer","DrawerHeader","PopupList","baseClass","drawerSlug","CopyLocaleData","$","config","t0","localization","routes","t1","admin","code","id","collectionSlug","globalSlug","i18n","t","modified","toggleModal","copyDataFromLocale","router","startRouteTransition","localeOptions","locales","map","_temp","t2","locale_0","locale","value","localeOptionsWithoutCurrent","filter","t3","code_0","locale_1","find","l","label","getLocaleLabel","copying","setCopying","useState","toLocale","setToLocale","fromLocale","setFromLocale","overwriteExisting","setOverwriteExisting","t4","t5","useEffect","t6","t7","from","to","docID","overrideData","push","adminRoute","path","t8","error","errorMessage","message","translatedMessage","startsWith","copyLocaleData","info","t9","t10","Symbol","for","selectedOption","t11","selectedOption_0","t12","_jsxs","Fragment","children","_jsx","onClick","className","Header","onClose","title","buttonStyle","disabled","iconPosition","size","name","onChange","options","readOnly","checked","field"],"sources":["../../../src/elements/CopyLocaleData/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\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 { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { DrawerHeader } from '../DrawerHeader/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport './index.css'\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    },\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            }) + `?locale=${to}`,\n          ),\n        )\n\n        toggleModal(drawerSlug)\n      } catch (error) {\n        setCopying(false)\n        const errorMessage = (error as Error).message || 'error:unknown'\n        const translatedMessage = errorMessage.startsWith('error:')\n          ? t(errorMessage as any)\n          : errorMessage\n        toast.error(translatedMessage)\n      }\n    },\n    [\n      copyDataFromLocale,\n      collectionSlug,\n      id,\n      globalSlug,\n      overwriteExisting,\n      toggleModal,\n      router,\n      admin,\n      startRouteTransition,\n      t,\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        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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,QAAQ;AACnC,SAASC,KAAK,QAAQ;AAEtB,SAASC,aAAa,QAAQ;AAC9B,SAASC,WAAW,QAAQ;AAC5B,SAASC,eAAe,QAAQ;AAChC,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,MAAM,QAAQ;AACvB,SAASC,YAAY,QAAQ;AAC7B,SAASC,SAAS,QAAQ;AAC1B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,UAAA,GAAa;AACnB,OAAO,MAAMC,cAAA,GAA2BA,CAAA;EAAA,MAAAC,CAAA,GAAAxB,EAAA;EACtC;IAAAyB,MAAA,EAAAC;EAAA,IAKIhB,SAAA;EAJM;IAAAiB,YAAA;IAAAC,MAAA,EAAAC;EAAA,IAAAH,EAGP;EADS;IAAAI;EAAA,IAAAD,EAAS;EAGrB;IAAAE;EAAA,IAAiBnB,SAAA;EACjB;IAAAoB,EAAA;IAAAC,cAAA;IAAAC;EAAA,IAA2CvB,eAAA;EAC3C;IAAAwB,IAAA;IAAAC;EAAA,IAAoBpB,cAAA;EACpB,MAAAqB,QAAA,GAAiB5B,eAAA;EACjB;IAAA6B;EAAA,IAAwBrC,QAAA;EACxB;IAAAsC;EAAA,IAA+BxB,kBAAA;EAC/B,MAAAyB,MAAA,GAAe3B,SAAA;EACf;IAAA4B;EAAA,IAAiC3B,kBAAA;EAEjC,MAAA4B,aAAA,GACEf,YAAC,IACCA,YAAA,CAAAgB,OAAA,CAAAC,GAAA,CAAAC,KAAgF,OAChF;EAAA,IAAAC,EAAA;EAAA,IAAAtB,CAAA,QAAAO,IAAA;IAEqDe,EAAA,GAAAC,QAAA,IAAYC,QAAA,CAAAC,KAAA,KAAiBlB,IAAA;IAAAP,CAAA,MAAAO,IAAA;IAAAP,CAAA,MAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EAAtF,MAAA0B,2BAAA,GAAoCR,aAAA,CAAAS,MAAA,CAAqBL,EAA6B;EAAA,IAAAM,EAAA;EAAA,IAAA5B,CAAA,QAAAW,IAAA,IAAAX,CAAA,QAAAG,YAAA;IAE/DyB,EAAA,GAAAC,MAAA;MACrB,MAAAC,QAAA,GAAe3B,YAAA,IAAgBA,YAAA,CAAAgB,OAAA,CAAAY,IAAA,CAAAC,CAAA,IAAiCA,CAAA,CAAAzB,IAAA,KAAWA,MAAA;MAAA,OACpEiB,QAAA,IAAUA,QAAA,CAAAS,KAAY,GAAGvD,cAAA,CAAe8C,QAAA,CAAAS,KAAA,EAActB,IAAA,IAAQJ,MAAA;IAAA;IACvEP,CAAA,MAAAW,IAAA;IAAAX,CAAA,MAAAG,YAAA;IAAAH,CAAA,MAAA4B,EAAA;EAAA;IAAAA,EAAA,GAAA5B,CAAA;EAAA;EAHA,MAAAkC,cAAA,GAAuBN,EAGvB;EAEA,OAAAO,OAAA,EAAAC,UAAA,IAA8BxD,KAAA,CAAAyD,QAAA,MAAe;EAC7C,OAAAC,QAAA,EAAAC,WAAA,IAAgC3D,KAAA,CAAAyD,QAAA,KAA8B;EAC9D,OAAAG,UAAA,EAAAC,aAAA,IAAoC7D,KAAA,CAAAyD,QAAA,CAA8B9B,IAAA;EAClE,OAAAmC,iBAAA,EAAAC,oBAAA,IAAkD/D,KAAA,CAAAyD,QAAA,MAAe;EAAA,IAAAO,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAA7C,CAAA,QAAAO,IAAA,IAAAP,CAAA,QAAAwC,UAAA;IAEjDI,EAAA,GAAAA,CAAA;MAAA,IACVJ,UAAA,KAAejC,IAAA;QACjBkC,aAAA,CAAclC,IAAA;MAAA;IAAA;IAEfsC,EAAA,IAACtC,IAAA,EAAMiC,UAAA;IAAWxC,CAAA,MAAAO,IAAA;IAAAP,CAAA,MAAAwC,UAAA;IAAAxC,CAAA,MAAA4C,EAAA;IAAA5C,CAAA,MAAA6C,EAAA;EAAA;IAAAD,EAAA,GAAA5C,CAAA;IAAA6C,EAAA,GAAA7C,CAAA;EAAA;EAJrBpB,KAAA,CAAAkE,SAAA,CAAgBF,EAIhB,EAAGC,EAAkB;EAAA,IAAAE,EAAA;EAAA,IAAA/C,CAAA,QAAAM,KAAA,IAAAN,CAAA,SAAAS,cAAA,IAAAT,CAAA,SAAAe,kBAAA,IAAAf,CAAA,SAAAU,UAAA,IAAAV,CAAA,SAAAQ,EAAA,IAAAR,CAAA,SAAA0C,iBAAA,IAAA1C,CAAA,SAAAgB,MAAA,IAAAhB,CAAA,SAAAiB,oBAAA,IAAAjB,CAAA,SAAAY,CAAA,IAAAZ,CAAA,SAAAc,WAAA;IAGnBiC,EAAA,SAAAC,EAAA;MAAO;QAAAC,IAAA;QAAAC;MAAA,IAAAF,EAAY;MACjBZ,UAAA,KAAW;MAAA;MAAA;QAAA,MAGHrB,kBAAA;UAAAN,cAAA;UAAA0C,KAAA,EAEG3C,EAAA;UAAAgC,UAAA,EACKS,IAAA;UAAAvC,UAAA;UAAA0C,YAAA,EAEEV,iBAAA;UAAAJ,QAAA,EACJY;QAAA,CACZ;QAEAd,UAAA,MAAW;QAEXnB,oBAAA,OACED,MAAA,CAAAqC,IAAA,CACE1E,cAAA;UAAA2E,UAAA,EACchD,KAAA;UAAAiD,IAAA,EACN,IAAI9C,cAAA,GAAiB,eAAeA,cAAA,IAAkBD,EAAA,EAAI,GAAG,WAAWE,UAAA,EAAY;QAAE,CAC9F,IAAK,WAAWwC,EAAA,EAAI;QAIxBpC,WAAA,CAAAhB,UAAY;MAAA,SAAA0D,EAAA;QACLC,KAAA,CAAAA,KAAA,CAAAA,CAAA,CAAAA,EAAA;QACPrB,UAAA,MAAW;QACX,MAAAsB,YAAA,GAAqBD,KAAC,CAAAE,OAAA,IAA2B;QACjD,MAAAC,iBAAA,GAA0BF,YAAA,CAAAG,UAAA,CAAwB,YAC9CjD,CAAA,CAAE8C,YAAA,IACFA,YAAA;QACJ5E,KAAA,CAAA2E,KAAA,CAAYG,iBAAA;MAAA;IAAA;IAEhB5D,CAAA,MAAAM,KAAA;IAAAN,CAAA,OAAAS,cAAA;IAAAT,CAAA,OAAAe,kBAAA;IAAAf,CAAA,OAAAU,UAAA;IAAAV,CAAA,OAAAQ,EAAA;IAAAR,CAAA,OAAA0C,iBAAA;IAAA1C,CAAA,OAAAgB,MAAA;IAAAhB,CAAA,OAAAiB,oBAAA;IAAAjB,CAAA,OAAAY,CAAA;IAAAZ,CAAA,OAAAc,WAAA;IAAAd,CAAA,OAAA+C,EAAA;EAAA;IAAAA,EAAA,GAAA/C,CAAA;EAAA;EAlCF,MAAA8D,cAAA,GAAuBf,EA8CpB;EAAA,IAGC,CAACvC,EAAA,KAAOE,UAAA;IAAA;EAAA;EAAA,IAAAsC,EAAA;EAAA,IAAAhD,CAAA,SAAAa,QAAA,IAAAb,CAAA,SAAAY,CAAA,IAAAZ,CAAA,SAAAc,WAAA;IAQGkC,EAAA,GAAAA,CAAA;MAAA,IACHnC,QAAA;QACF/B,KAAA,CAAAiF,IAAA,CAAWnD,CAAA,CAAE;MAAA;QAEbE,WAAA,CAAAhB,UAAY;MAAA;IAAA;IAEhBE,CAAA,OAAAa,QAAA;IAAAb,CAAA,OAAAY,CAAA;IAAAZ,CAAA,OAAAc,WAAA;IAAAd,CAAA,OAAAgD,EAAA;EAAA;IAAAA,EAAA,GAAAhD,CAAA;EAAA;EAAA,IAAAwD,EAAA;EAAA,IAAAxD,CAAA,SAAAc,WAAA;IAQa0C,EAAA,GAAAA,CAAA;MACP1C,WAAA,CAAAhB,UAAY;IAAA;IACdE,CAAA,OAAAc,WAAA;IAAAd,CAAA,OAAAwD,EAAA;EAAA;IAAAA,EAAA,GAAAxD,CAAA;EAAA;EAAA,IAAAgE,EAAA;EAAA,IAAAhE,CAAA,SAAA8D,cAAA,IAAA9D,CAAA,SAAAmC,OAAA,IAAAnC,CAAA,SAAAwC,UAAA,IAAAxC,CAAA,SAAAY,CAAA,IAAAZ,CAAA,SAAAsC,QAAA;IAuBS0B,EAAA,SAAAA,CAAA;MAAA,IACHxB,UAAA,KAAeF,QAAA;QACjBxD,KAAA,CAAA2E,KAAA,CAAY7C,CAAA,CAAE;QAAA;MAAA;MAAA,KAGXuB,OAAA;QAAA,MACG2B,cAAA;UAAAb,IAAA,EACET,UAAA;UAAAU,EAAA,EACFZ;QAAA,CACN;MAAA;IAAA;IAEJtC,CAAA,OAAA8D,cAAA;IAAA9D,CAAA,OAAAmC,OAAA;IAAAnC,CAAA,OAAAwC,UAAA;IAAAxC,CAAA,OAAAY,CAAA;IAAAZ,CAAA,OAAAsC,QAAA;IAAAtC,CAAA,OAAAgE,EAAA;EAAA;IAAAA,EAAA,GAAAhE,CAAA;EAAA;EAAA,IAAAiE,GAAA;EAAA,IAAAjE,CAAA,SAAAkE,MAAA,CAAAC,GAAA;IAWUF,GAAA,GAAAG,cAAA;MAAA,IACJA,cAAA,EAAA3C,KAAA;QACFgB,aAAA,CAAc2B,cAAA,CAAA3C,KAAoB;MAAA;IAAA;IAEtCzB,CAAA,OAAAiE,GAAA;EAAA;IAAAA,GAAA,GAAAjE,CAAA;EAAA;EAAA,IAAAqE,GAAA;EAAA,IAAArE,CAAA,SAAAkE,MAAA,CAAAC,GAAA;IASUE,GAAA,GAAAC,gBAAA;MAAA,IACJF,gBAAA,EAAA3C,KAAA;QACFc,WAAA,CAAY6B,gBAAA,CAAA3C,KAAoB;MAAA;IAAA;IAEpCzB,CAAA,OAAAqE,GAAA;EAAA;IAAAA,GAAA,GAAArE,CAAA;EAAA;EAAA,IAAAuE,GAAA;EAAA,IAAAvE,CAAA,SAAA0C,iBAAA;IAWU6B,GAAA,GAAAA,CAAA,KAAM5B,oBAAA,EAAsBD,iBAAA;IAAA1C,CAAA,OAAA0C,iBAAA;IAAA1C,CAAA,OAAAuE,GAAA;EAAA;IAAAA,GAAA,GAAAvE,CAAA;EAAA;EAAA,OA5F9CwE,KAAA,CAAA5F,KAAA,CAAA6F,QAAA;IAAAC,QAAA,GACEC,IAAA,CAAA/E,SAAA,CAAAH,MAAA;MAAAe,EAAA,EACM,GAAAX,SAAA,UAAsB;MAAA+E,OAAA,EACjB5B,EAMT;MAAA0B,QAAA,EAEC9D,CAAA,CAAE;IAAA,C,GAEL4D,KAAA,CAAA9E,MAAA;MAAAmF,SAAA,EAAAhF,SAAA;MAAAiF,MAAA,EAGIH,IAAA,CAAAhF,YAAA;QAAAoF,OAAA,EACWvB,EAET;QAAAwB,KAAA,EACOpE,CAAA,CAAE;MAAA,C;;iBAKb4D,KAAA,CAAC;QAAAK,SAAA,EAAe,GAAAhF,SAAA,cAA0B;QAAA6E,QAAA,GACxCC,IAAA,CAAC;UAAAD,QAAA,EACElC,UAAA,IAAcF,QAAA,GACbqC,IAAA,CAAC;YAAAD,QAAA,EACE9D,CAAA,CAAE;cAAAqC,IAAA,EACKf,cAAA,CAAeM,UAAA;cAAAU,EAAA,EACjBhB,cAAA,CAAeI,QAAA;YAAA,CACrB;UAAA,C,IAGF1B,CAAA,CAAE;QAAA,C,GAGN+D,IAAA,CAAAlF,MAAA;UAAAwF,WAAA,EACc;UAAAC,QAAA,EACF,CAAC1C,UAAA,KAAeF,QAAA;UAAA6C,YAAA,EACb;UAAAP,OAAA,EACJZ,EAWT;UAAAoB,IAAA,EACK;UAAAV,QAAA,EAEJvC,OAAA,GAAUvB,CAAA,CAAE,qBAAqB,QAAQA,CAAA,CAAE;QAAA,C;UAIhD4D,KAAA,CAAC;QAAAK,SAAA,EAAe,GAAAhF,SAAA,WAAuB;QAAA6E,QAAA,GACrCC,IAAA,CAAA3F,WAAA;UAAAiD,KAAA,EACSrB,CAAA,CAAE;UAAAyE,IAAA,EACH;UAAAC,QAAA,EACIrB,GAIV;UAAAsB,OAAA,EACSrE,aAAA;UAAAqC,IAAA,EACJ;UAAAiC,QAAA;UAAA/D,KAAA,EAEEe;QAAA,C,GAETmC,IAAA,CAAA3F,WAAA;UAAAiD,KAAA,EACSrB,CAAA,CAAE;UAAAyE,IAAA,EACJ;UAAAC,QAAA,EACKjB,GAIV;UAAAkB,OAAA,EACS7D,2BAAA;UAAA6B,IAAA,EACJ;UAAA9B,KAAA,EACEa;QAAA,C,GAETqC,IAAA,CAAA5F,aAAA;UAAA0G,OAAA,EACW/C,iBAAA;UAAAgD,KAAA;YAAAL,IAAA,EAED;YAAApD,KAAA,EACCrB,CAAA,CAAE;UAAA;UAAA0E,QAAA,EAEDf,GAA4B;UAAAhB,IAAA,EAChC;QAAA,C;;;;CAMlB;AAhMwC,SAAAlC,MAAAG,MAAA;EAAA;IAAAS,KAAA,EAkBaT,MAAA,CAAAS,KAAA;IAAAR,KAAA,EAAqBD,MAAA,CAAAjB;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","formatAdminURL","React","useCallback","toast","CheckboxField","SelectInput","useFormModified","useConfig","useDocumentInfo","useLocale","useRouter","useRouteTransition","useServerFunctions","useTranslation","Button","Drawer","DrawerHeader","PopupList","baseClass","drawerSlug","CopyLocaleData","$","config","t0","localization","routes","t1","admin","locale","code","id","collectionSlug","globalSlug","i18n","t","modified","toggleModal","copyDataFromLocale","router","startRouteTransition","localeOptions","locales","map","_temp","t2","locale_1","value","localeOptionsWithoutCurrent","filter","t3","code_0","locale_2","find","l","label","getLocaleLabel","copying","setCopying","useState","toLocale","setToLocale","fromLocale","setFromLocale","overwriteExisting","setOverwriteExisting","t4","t5","useEffect","t6","t7","from","to","docID","overrideData","push","adminRoute","path","success","t8","error","errorMessage","message","translatedMessage","startsWith","copyLocaleData","info","t9","t10","Symbol","for","selectedOption","t11","selectedOption_0","t12","_jsxs","Fragment","children","_jsx","onClick","className","Header","onClose","title","buttonStyle","disabled","iconPosition","size","name","onChange","options","readOnly","checked","field","locale_0"],"sources":["../../../src/elements/CopyLocaleData/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\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 { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { DrawerHeader } from '../DrawerHeader/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport './index.css'\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    },\n  } = useConfig()\n  const locale = useLocale()\n  const code = locale?.code\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            }) + `?locale=${to}`,\n          ),\n        )\n\n        toggleModal(drawerSlug)\n        toast.success(t('general:copied'))\n      } catch (error) {\n        setCopying(false)\n        const errorMessage = (error as Error).message || 'error:unknown'\n        const translatedMessage = errorMessage.startsWith('error:')\n          ? t(errorMessage as any)\n          : errorMessage\n        toast.error(translatedMessage)\n      }\n    },\n    [\n      copyDataFromLocale,\n      collectionSlug,\n      id,\n      globalSlug,\n      overwriteExisting,\n      toggleModal,\n      router,\n      admin,\n      startRouteTransition,\n      t,\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        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"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CreateDocumentButton/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAA;AAU/E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,EAAE,MAAM,CAAA;IACtB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACrC,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG;IACtC,mBAAmB;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAA;IACxC,yCAAyC;IACzC,WAAW,EAAE,gBAAgB,EAAE,CAAA;IAC/B,uCAAuC;IACvC,UAAU,EAAE,MAAM,CAAA;IAClB,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mDAAmD;IACnD,MAAM,CAAC,EAAE,0BAA0B,CAAC,QAAQ,CAAC,CAAA;IAC7C,kBAAkB;IAClB,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CAC3B,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,WAAoB,EACpB,WAAW,EACX,UAAU,EACV,KAAK,EACL,MAAM,EACN,IAAe,GAChB,EAAE,yBAAyB,qBAuG3B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CreateDocumentButton/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAA;AAU/E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,EAAE,MAAM,CAAA;IACtB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACrC,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG;IACtC,mBAAmB;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAA;IACxC,yCAAyC;IACzC,WAAW,EAAE,gBAAgB,EAAE,CAAA;IAC/B,uCAAuC;IACvC,UAAU,EAAE,MAAM,CAAA;IAClB,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mDAAmD;IACnD,MAAM,CAAC,EAAE,0BAA0B,CAAC,QAAQ,CAAC,CAAA;IAC7C,kBAAkB;IAClB,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CAC3B,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,WAAoB,EACpB,WAAW,EACX,UAAU,EACV,KAAK,EACL,MAAM,EACN,IAAe,GAChB,EAAE,yBAAyB,qBAyG3B"}

package/dist/elements/CreateDocumentButton/index.js

@@ -13,7 +13,7 @@ import { DocumentDrawer } from '../DocumentDrawer/index.js';
 import { Popup, PopupList } from '../Popup/index.js';
 const baseClass = 'create-document-button';
 export function CreateDocumentButton(t0) {
-  const $ = _c(37);
+  const $ = _c(41);
   const {
     buttonStyle: t1,
     collections,
@@ -130,34 +130,61 @@ export function CreateDocumentButton(t0) {
     return t6;
   }
   let t6;
-  if ($[23] !== buttonStyle || $[24] !== collections || $[25] !== drawerSlug || $[26] !== getCollectionLabel || $[27] !== handleSave || $[28] !== handleSelect || $[29] !== label || $[30] !== selectedCollection || $[31] !== size || $[32] !== t) {
-    const buttonLabel_0 = label || t("general:createNew");
-    let t7;
-    if ($[34] !== getCollectionLabel || $[35] !== handleSelect) {
-      t7 = collection_1 => _jsx(PopupList.Button, {
+  if ($[23] !== label || $[24] !== t) {
+    t6 = label || t("general:createNew");
+    $[23] = label;
+    $[24] = t;
+    $[25] = t6;
+  } else {
+    t6 = $[25];
+  }
+  const buttonLabel_0 = t6;
+  let t7;
+  if ($[26] !== buttonLabel_0 || $[27] !== buttonStyle || $[28] !== size) {
+    t7 = t8 => {
+      const {
+        active,
+        ...buttonProps
+      } = t8;
+      return _jsx(Button, {
+        ...buttonProps,
+        buttonStyle,
+        className: `${baseClass}__popup-button`,
+        icon: "chevron",
+        selected: active,
+        size,
+        children: buttonLabel_0
+      });
+    };
+    $[26] = buttonLabel_0;
+    $[27] = buttonStyle;
+    $[28] = size;
+    $[29] = t7;
+  } else {
+    t7 = $[29];
+  }
+  let t8;
+  if ($[30] !== collections || $[31] !== drawerSlug || $[32] !== getCollectionLabel || $[33] !== handleSave || $[34] !== handleSelect || $[35] !== selectedCollection || $[36] !== t7) {
+    let t9;
+    if ($[38] !== getCollectionLabel || $[39] !== handleSelect) {
+      t9 = collection_1 => _jsx(PopupList.Button, {
         onClick: () => handleSelect(collection_1),
         children: getCollectionLabel(collection_1)
       }, collection_1.collectionSlug);
-      $[34] = getCollectionLabel;
-      $[35] = handleSelect;
-      $[36] = t7;
+      $[38] = getCollectionLabel;
+      $[39] = handleSelect;
+      $[40] = t9;
     } else {
-      t7 = $[36];
+      t9 = $[40];
     }
-    t6 = _jsxs(_Fragment, {
+    t8 = _jsxs(_Fragment, {
       children: [_jsx(Popup, {
-        button: _jsx(Button, {
-          buttonStyle,
-          className: `${baseClass}__popup-button`,
-          icon: "chevron",
-          size,
-          children: buttonLabel_0
-        }),
-        buttonType: "custom",
         className: `${baseClass}__popup`,
         horizontalAlign: "right",
+        popupType: "menu",
+        renderButton: t7,
         children: _jsx(PopupList.ButtonGroup, {
-          children: collections.map(t7)
+          children: collections.map(t9)
         })
       }), selectedCollection && _jsx(DocumentDrawer, {
         collectionSlug: selectedCollection.collectionSlug,
@@ -167,20 +194,17 @@ export function CreateDocumentButton(t0) {
         redirectAfterCreate: false
       })]
     });
-    $[23] = buttonStyle;
-    $[24] = collections;
-    $[25] = drawerSlug;
-    $[26] = getCollectionLabel;
-    $[27] = handleSave;
-    $[28] = handleSelect;
-    $[29] = label;
-    $[30] = selectedCollection;
-    $[31] = size;
-    $[32] = t;
-    $[33] = t6;
+    $[30] = collections;
+    $[31] = drawerSlug;
+    $[32] = getCollectionLabel;
+    $[33] = handleSave;
+    $[34] = handleSelect;
+    $[35] = selectedCollection;
+    $[36] = t7;
+    $[37] = t8;
   } else {
-    t6 = $[33];
+    t8 = $[37];
   }
-  return t6;
+  return t8;
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","hasAutosaveEnabled","React","useState","useConfig","useTranslation","Button","DocumentDrawer","Popup","PopupList","baseClass","CreateDocumentButton","t0","$","buttonStyle","t1","collections","drawerSlug","label","onSave","size","t2","undefined","config","i18n","t","closeModal","openModal","selectedCollection","setSelectedCollection","length","t3","option","collectionConfig","find","slug","collectionSlug","labels","singular","getCollectionLabel","t4","collection","handleSelect","t5","args","handleSave","collection_0","t6","buttonLabel","t7","_jsxs","_Fragment","children","_jsx","className","margin","onClick","initialData","redirectAfterCreate","buttonLabel_0","collection_1","button","icon","horizontalAlign","ButtonGroup","map"],"sources":["../../../src/elements/CreateDocumentButton/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { hasAutosaveEnabled } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport type { Props as ButtonProps } from '../Button/types.js'\nimport type { DocumentDrawerContextProps } from '../DocumentDrawer/Provider.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { DocumentDrawer } from '../DocumentDrawer/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\n\nconst baseClass = 'create-document-button'\n\nexport type CollectionOption = {\n  collectionSlug: string\n  /** Initial data to populate the form when creating */\n  initialData?: Record<string, unknown>\n  /** Optional label override (defaults to collection's singular label) */\n  label?: string\n}\n\nexport type CreateDocumentButtonProps = {\n  /** Button style */\n  buttonStyle?: ButtonProps['buttonStyle']\n  /** Collections available for creation */\n  collections: CollectionOption[]\n  /** Unique slug for the drawer modal */\n  drawerSlug: string\n  /** Custom button label (defaults to \"Create New\" for multiple, \"Create New {label}\" for single) */\n  label?: string\n  /** Called when a document is successfully saved */\n  onSave?: DocumentDrawerContextProps['onSave']\n  /** Button size */\n  size?: ButtonProps['size']\n}\n\nexport function CreateDocumentButton({\n  buttonStyle = 'pill',\n  collections,\n  drawerSlug,\n  label,\n  onSave,\n  size = 'medium',\n}: CreateDocumentButtonProps) {\n  const { config } = useConfig()\n  const { i18n, t } = useTranslation()\n  const { closeModal, openModal } = useModal()\n\n  const [selectedCollection, setSelectedCollection] = useState<CollectionOption | null>(null)\n\n  if (collections.length === 0) {\n    return null\n  }\n\n  const getCollectionLabel = (option: CollectionOption) => {\n    if (option.label) {\n      return option.label\n    }\n    const collectionConfig = config.collections.find((c) => c.slug === option.collectionSlug)\n    return getTranslation(collectionConfig?.labels?.singular, i18n) || option.collectionSlug\n  }\n\n  const handleSelect = (collection: CollectionOption) => {\n    setSelectedCollection(collection)\n    openModal(drawerSlug)\n  }\n\n  const handleSave: DocumentDrawerContextProps['onSave'] = (args) => {\n    if (!hasAutosaveEnabled(args.collectionConfig)) {\n      closeModal(drawerSlug)\n    }\n\n    return onSave?.(args)\n  }\n\n  // Single collection - render simple button\n  if (collections.length === 1) {\n    const collection = collections[0]\n    const buttonLabel = label || t('general:createNew')\n\n    return (\n      <>\n        <Button\n          buttonStyle={buttonStyle}\n          className={baseClass}\n          margin={false}\n          onClick={() => handleSelect(collection)}\n          size={size}\n        >\n          {buttonLabel}\n        </Button>\n        {selectedCollection && (\n          <DocumentDrawer\n            collectionSlug={selectedCollection.collectionSlug}\n            drawerSlug={drawerSlug}\n            initialData={selectedCollection.initialData}\n            onSave={handleSave}\n            redirectAfterCreate={false}\n          />\n        )}\n      </>\n    )\n  }\n\n  // Multiple collections - render dropdown\n  const buttonLabel = label || t('general:createNew')\n\n  return (\n    <>\n      <Popup\n        button={\n          <Button\n            buttonStyle={buttonStyle}\n            className={`${baseClass}__popup-button`}\n            icon=\"chevron\"\n            size={size}\n          >\n            {buttonLabel}\n          </Button>\n        }\n        buttonType=\"custom\"\n        className={`${baseClass}__popup`}\n        horizontalAlign=\"right\"\n      >\n        <PopupList.ButtonGroup>\n          {collections.map((collection) => (\n            <PopupList.Button\n              key={collection.collectionSlug}\n              onClick={() => handleSelect(collection)}\n            >\n              {getCollectionLabel(collection)}\n            </PopupList.Button>\n          ))}\n        </PopupList.ButtonGroup>\n      </Popup>\n      {selectedCollection && (\n        <DocumentDrawer\n          collectionSlug={selectedCollection.collectionSlug}\n          drawerSlug={drawerSlug}\n          initialData={selectedCollection.initialData}\n          onSave={handleSave}\n          redirectAfterCreate={false}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","hasAutosaveEnabled","React","useState","useConfig","useTranslation","Button","DocumentDrawer","Popup","PopupList","baseClass","CreateDocumentButton","t0","$","buttonStyle","t1","collections","drawerSlug","label","onSave","size","t2","undefined","config","i18n","t","closeModal","openModal","selectedCollection","setSelectedCollection","length","t3","option","collectionConfig","find","slug","collectionSlug","labels","singular","getCollectionLabel","t4","collection","handleSelect","t5","args","handleSave","collection_0","t6","buttonLabel","t7","_jsxs","_Fragment","children","_jsx","className","margin","onClick","initialData","redirectAfterCreate","buttonLabel_0","t8","active","buttonProps","icon","selected","t9","collection_1","horizontalAlign","popupType","renderButton","ButtonGroup","map"],"sources":["../../../src/elements/CreateDocumentButton/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { hasAutosaveEnabled } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport type { Props as ButtonProps } from '../Button/types.js'\nimport type { DocumentDrawerContextProps } from '../DocumentDrawer/Provider.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { DocumentDrawer } from '../DocumentDrawer/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\n\nconst baseClass = 'create-document-button'\n\nexport type CollectionOption = {\n  collectionSlug: string\n  /** Initial data to populate the form when creating */\n  initialData?: Record<string, unknown>\n  /** Optional label override (defaults to collection's singular label) */\n  label?: string\n}\n\nexport type CreateDocumentButtonProps = {\n  /** Button style */\n  buttonStyle?: ButtonProps['buttonStyle']\n  /** Collections available for creation */\n  collections: CollectionOption[]\n  /** Unique slug for the drawer modal */\n  drawerSlug: string\n  /** Custom button label (defaults to \"Create New\" for multiple, \"Create New {label}\" for single) */\n  label?: string\n  /** Called when a document is successfully saved */\n  onSave?: DocumentDrawerContextProps['onSave']\n  /** Button size */\n  size?: ButtonProps['size']\n}\n\nexport function CreateDocumentButton({\n  buttonStyle = 'pill',\n  collections,\n  drawerSlug,\n  label,\n  onSave,\n  size = 'medium',\n}: CreateDocumentButtonProps) {\n  const { config } = useConfig()\n  const { i18n, t } = useTranslation()\n  const { closeModal, openModal } = useModal()\n\n  const [selectedCollection, setSelectedCollection] = useState<CollectionOption | null>(null)\n\n  if (collections.length === 0) {\n    return null\n  }\n\n  const getCollectionLabel = (option: CollectionOption) => {\n    if (option.label) {\n      return option.label\n    }\n    const collectionConfig = config.collections.find((c) => c.slug === option.collectionSlug)\n    return getTranslation(collectionConfig?.labels?.singular, i18n) || option.collectionSlug\n  }\n\n  const handleSelect = (collection: CollectionOption) => {\n    setSelectedCollection(collection)\n    openModal(drawerSlug)\n  }\n\n  const handleSave: DocumentDrawerContextProps['onSave'] = (args) => {\n    if (!hasAutosaveEnabled(args.collectionConfig)) {\n      closeModal(drawerSlug)\n    }\n\n    return onSave?.(args)\n  }\n\n  // Single collection - render simple button\n  if (collections.length === 1) {\n    const collection = collections[0]\n    const buttonLabel = label || t('general:createNew')\n\n    return (\n      <>\n        <Button\n          buttonStyle={buttonStyle}\n          className={baseClass}\n          margin={false}\n          onClick={() => handleSelect(collection)}\n          size={size}\n        >\n          {buttonLabel}\n        </Button>\n        {selectedCollection && (\n          <DocumentDrawer\n            collectionSlug={selectedCollection.collectionSlug}\n            drawerSlug={drawerSlug}\n            initialData={selectedCollection.initialData}\n            onSave={handleSave}\n            redirectAfterCreate={false}\n          />\n        )}\n      </>\n    )\n  }\n\n  // Multiple collections - render dropdown\n  const buttonLabel = label || t('general:createNew')\n\n  return (\n    <>\n      <Popup\n        className={`${baseClass}__popup`}\n        horizontalAlign=\"right\"\n        popupType=\"menu\"\n        renderButton={({ active, ...buttonProps }) => (\n          <Button\n            {...buttonProps}\n            buttonStyle={buttonStyle}\n            className={`${baseClass}__popup-button`}\n            icon=\"chevron\"\n            selected={active}\n            size={size}\n          >\n            {buttonLabel}\n          </Button>\n        )}\n      >\n        <PopupList.ButtonGroup>\n          {collections.map((collection) => (\n            <PopupList.Button\n              key={collection.collectionSlug}\n              onClick={() => handleSelect(collection)}\n            >\n              {getCollectionLabel(collection)}\n            </PopupList.Button>\n          ))}\n        </PopupList.ButtonGroup>\n      </Popup>\n      {selectedCollection && (\n        <DocumentDrawer\n          collectionSlug={selectedCollection.collectionSlug}\n          drawerSlug={drawerSlug}\n          initialData={selectedCollection.initialData}\n          onSave={handleSave}\n          redirectAfterCreate={false}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DatePicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/elements/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAMvC,OAAO,aAAa,CAAA;AAIpB,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4H/B,CAAA;eAGc,UAAU"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/elements/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAOvC,OAAO,aAAa,CAAA;AA4CpB,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkM/B,CAAA;eAGc,UAAU"}

package/dist/elements/DatePicker/DatePicker.js

@@ -1,18 +1,50 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import ReactDatePickerDefaultImport, { registerLocale, setDefaultLocale } from 'react-datepicker';
+import { createPortal, flushSync } from 'react-dom';
 const ReactDatePicker = 'default' in ReactDatePickerDefaultImport ? ReactDatePickerDefaultImport.default : ReactDatePickerDefaultImport;
 import { CalendarIcon } from '../../icons/Calendar/index.js';
 import { ChevronIcon } from '../../icons/Chevron/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { getFormattedLocale } from './getFormattedLocale.js';
+import { hasAmbiguousYearInput } from './hasAmbiguousYearInput.js';
 import './index.css';
 const baseClass = 'date-time-picker';
+const AccessibleCalendarContainer = ({
+  children,
+  className,
+  dialogLabel,
+  monthLabel,
+  yearLabel
+}) => {
+  const containerRef = React.useRef(null);
+  React.useLayoutEffect(() => {
+    containerRef.current?.querySelector('.react-datepicker__month-select')?.setAttribute('aria-label', monthLabel);
+    containerRef.current?.querySelector('.react-datepicker__year-select')?.setAttribute('aria-label', yearLabel);
+  });
+  return /*#__PURE__*/_jsx("div", {
+    "aria-label": dialogLabel,
+    className: className,
+    ref: containerRef,
+    role: "dialog",
+    children: children
+  });
+};
+const getDateTimeFieldLabel = ({
+  field,
+  locale
+}) => {
+  try {
+    return new Intl.DisplayNames(locale, {
+      type: 'dateTimeField'
+    }).of(field) || field;
+  } catch (_error) {
+    return field;
+  }
+};
 const DatePicker = props => {
-  const $ = _c(6);
   const {
     id,
     displayFormat: customDisplayFormat,
@@ -20,60 +52,94 @@ const DatePicker = props => {
     maxTime,
     minDate,
     minTime,
-    monthsToShow: t0,
+    monthsToShow = 1,
     onChange: onChangeFromProps,
     overrides,
-    pickerAppearance: t1,
+    pickerAppearance = 'default',
     placeholder: placeholderText,
     readOnly,
-    timeFormat: t2,
-    timeIntervals: t3,
+    timeFormat = 'h:mm aa',
+    timeIntervals = 30,
     value
   } = props;
-  const monthsToShow = t0 === undefined ? 1 : t0;
-  const pickerAppearance = t1 === undefined ? "default" : t1;
-  const timeFormat = t2 === undefined ? "h:mm aa" : t2;
-  const timeIntervals = t3 === undefined ? 30 : t3;
+  const datePickerRef = React.useRef(null);
+  const rejectedInputValueRef = React.useRef(undefined);
+  const [modalContainer, setModalContainer] = React.useState(null);
+  const setContainerRef = React.useCallback(element => {
+    setModalContainer(element?.closest('dialog, [role="dialog"]') ?? null);
+  }, []);
+  const popperContainer = React.useCallback(({
+    children
+  }) => modalContainer ? /*#__PURE__*/createPortal(children, modalContainer) : children, [modalContainer]);
+  // Use the user's AdminUI language preference for the locale
   const {
-    i18n
+    i18n,
+    t
   } = useTranslation();
+  const monthLabel = getDateTimeFieldLabel({
+    field: 'month',
+    locale: i18n.language
+  });
+  const yearLabel = getDateTimeFieldLabel({
+    field: 'year',
+    locale: i18n.language
+  });
+  const calendarContainer = React.useCallback(({
+    children: children_0,
+    className
+  }) => /*#__PURE__*/_jsx(AccessibleCalendarContainer, {
+    className: className,
+    dialogLabel: `${t('general:selectValue')}: ${monthLabel}, ${yearLabel}`,
+    monthLabel: monthLabel,
+    yearLabel: yearLabel,
+    children: children_0
+  }), [monthLabel, t, yearLabel]);
   let dateFormat = customDisplayFormat;
   if (!customDisplayFormat) {
-    if (pickerAppearance === "default") {
-      dateFormat = "MM/dd/yyyy";
-    } else {
-      if (pickerAppearance === "dayAndTime") {
-        dateFormat = "MMM d, yyy h:mm a";
-      } else {
-        if (pickerAppearance === "timeOnly") {
-          dateFormat = "h:mm a";
-        } else {
-          if (pickerAppearance === "dayOnly") {
-            dateFormat = "MMM dd";
-          } else {
-            if (pickerAppearance === "monthOnly") {
-              dateFormat = "MMMM";
-            }
-          }
-        }
-      }
+    // when no displayFormat is provided, determine format based on the picker appearance
+    if (pickerAppearance === 'default') {
+      dateFormat = 'MM/dd/yyyy';
+    } else if (pickerAppearance === 'dayAndTime') {
+      dateFormat = 'MMM d, yyy h:mm a';
+    } else if (pickerAppearance === 'timeOnly') {
+      dateFormat = 'h:mm a';
+    } else if (pickerAppearance === 'dayOnly') {
+      dateFormat = 'MMM dd';
+    } else if (pickerAppearance === 'monthOnly') {
+      dateFormat = 'MMMM';
     }
   }
-  const onChange = incomingDate => {
+  const onChange = (incomingDate, event) => {
     const newDate = incomingDate;
-    if (newDate instanceof Date && ["dayOnly", "default", "monthOnly"].includes(pickerAppearance)) {
+    const inputValue = event?.target instanceof HTMLInputElement ? event.target.value : !event ? rejectedInputValueRef.current : undefined;
+    if (hasAmbiguousYearInput({
+      date: newDate,
+      dateFormat: overrides?.dateFormat ?? dateFormat,
+      inputValue,
+      locale: overrides?.locale
+    })) {
+      const picker = datePickerRef.current;
+      rejectedInputValueRef.current = inputValue;
+      picker?.setPreSelection(picker.calcInitialState().preSelection);
+      return;
+    }
+    rejectedInputValueRef.current = undefined;
+    if (newDate instanceof Date && ['dayOnly', 'default', 'monthOnly'].includes(pickerAppearance)) {
       const tzOffset = incomingDate.getTimezoneOffset() / 60;
       newDate.setHours(12 - tzOffset, 0);
     }
-    if (newDate instanceof Date && !dateFormat.includes("SSS")) {
+    if (newDate instanceof Date && !dateFormat.includes('SSS')) {
+      // Unless the dateFormat includes milliseconds, set milliseconds to 0
+      // This is to ensure that the timestamp is consistent with the displayFormat
       newDate.setMilliseconds(0);
     }
-    if (typeof onChangeFromProps === "function") {
+    if (typeof onChangeFromProps === 'function') {
       onChangeFromProps(newDate);
     }
   };
   const dateTimePickerProps = {
-    customInputRef: "ref",
+    calendarContainer,
+    customInputRef: 'ref',
     dateFormat,
     disabled: readOnly,
     maxDate,
@@ -81,74 +147,69 @@ const DatePicker = props => {
     minDate,
     minTime,
     monthsShown: Math.min(2, monthsToShow),
-    nextMonthButtonLabel: _jsx(ChevronIcon, {
+    nextMonthButtonLabel: /*#__PURE__*/_jsx(ChevronIcon, {
       direction: "right"
     }),
-    nextYearButtonLabel: "\u203A",
+    nextYearButtonLabel: '›',
     onChange,
     placeholderText,
-    popperPlacement: "bottom-start",
-    portalId: "date-time-picker-portal",
-    previousMonthButtonLabel: _jsx(ChevronIcon, {
+    popperContainer: modalContainer ? popperContainer : undefined,
+    popperPlacement: 'bottom-start',
+    portalId: modalContainer ? undefined : 'date-time-picker-portal',
+    previousMonthButtonLabel: /*#__PURE__*/_jsx(ChevronIcon, {
       direction: "left"
     }),
-    previousYearButtonLabel: "\u2039",
+    previousYearButtonLabel: '‹',
     selected: value && new Date(value),
     shouldCloseOnSelect: false,
-    showMonthYearPicker: pickerAppearance === "monthOnly",
+    showMonthYearPicker: pickerAppearance === 'monthOnly',
     showPopperArrow: false,
-    showTimeSelect: pickerAppearance === "dayAndTime" || pickerAppearance === "timeOnly",
-    showTimeSelectOnly: pickerAppearance === "timeOnly",
+    showTimeSelect: pickerAppearance === 'dayAndTime' || pickerAppearance === 'timeOnly',
+    showTimeSelectOnly: pickerAppearance === 'timeOnly',
     timeFormat,
     timeIntervals,
     ...overrides
   };
-  const t4 = `${baseClass}__appearance--${pickerAppearance}`;
-  let t5;
-  if ($[0] !== t4) {
-    t5 = [baseClass, t4].filter(Boolean);
-    $[0] = t4;
-    $[1] = t5;
-  } else {
-    t5 = $[1];
-  }
-  const classes = t5.join(" ");
-  let t6;
-  let t7;
-  if ($[2] !== i18n.dateFNS || $[3] !== i18n.language) {
-    t6 = () => {
-      if (i18n.dateFNS) {
-        ;
-        try {
-          const datepickerLocale = getFormattedLocale(i18n.language);
-          registerLocale(datepickerLocale, i18n.dateFNS);
-          setDefaultLocale(datepickerLocale);
-        } catch (t8) {
-          console.warn(`Could not find DatePicker locale for ${i18n.language}`);
-        }
+  const onBlurCapture = event_0 => {
+    const input = event_0.target;
+    if (input !== datePickerRef.current?.input || !(input instanceof HTMLInputElement)) {
+      return;
+    }
+    if (/[a-z0-9]/i.test(input.value) || !/[\p{L}\p{N}]/u.test(input.value)) {
+      return;
+    }
+    // react-datepicker 9.1 treats non-Latin input as an empty mask.
+    // Reset raw text synchronously before its blur handler can clear the selected date.
+    // eslint-disable-next-line @eslint-react/dom/no-flush-sync -- Programmatic blur also requires the reset before the upstream handler runs.
+    flushSync(() => datePickerRef.current?.resetInputValue());
+  };
+  const classes = [baseClass, `${baseClass}__appearance--${pickerAppearance}`].filter(Boolean).join(' ');
+  React.useEffect(() => {
+    if (i18n.dateFNS) {
+      try {
+        const datepickerLocale = getFormattedLocale(i18n.language);
+        registerLocale(datepickerLocale, i18n.dateFNS);
+        setDefaultLocale(datepickerLocale);
+      } catch (_error) {
+        // eslint-disable-next-line no-console
+        console.warn(`Could not find DatePicker locale for ${i18n.language}`);
       }
-    };
-    t7 = [i18n.language, i18n.dateFNS];
-    $[2] = i18n.dateFNS;
-    $[3] = i18n.language;
-    $[4] = t6;
-    $[5] = t7;
-  } else {
-    t6 = $[4];
-    t7 = $[5];
-  }
-  React.useEffect(t6, t7);
-  return _jsx("div", {
+    }
+  }, [i18n.language, i18n.dateFNS]);
+  return /*#__PURE__*/_jsx("div", {
     className: classes,
-    id,
-    children: _jsxs("div", {
+    id: id,
+    onBlurCapture: onBlurCapture,
+    ref: setContainerRef,
+    children: /*#__PURE__*/_jsxs("div", {
       className: `${baseClass}__input-wrapper`,
-      children: [_jsx(ReactDatePicker, {
+      children: [/*#__PURE__*/_jsx(ReactDatePicker, {
         ...dateTimePickerProps,
         dropdownMode: "select",
-        showMonthDropdown: pickerAppearance !== "monthOnly",
-        showYearDropdown: pickerAppearance !== "monthOnly"
-      }), _jsx(CalendarIcon, {})]
+        ref: datePickerRef,
+        showMonthDropdown: pickerAppearance !== 'monthOnly',
+        showYearDropdown: pickerAppearance !== 'monthOnly'
+      }), /*#__PURE__*/_jsx(CalendarIcon, {})]
     })
   });
 };