@payloadcms/ui 4.0.0-internal.ea6e8f8 → 4.0.0-internal.ec73d44

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useTranslation","Button","baseClass","DrawerHeader","t0","$","BeforeDocumentMeta","onClose","title","t","t1","_jsxs","className","children","_jsx","buttonStyle","icon","direction","size"],"sources":["../../../src/elements/DrawerHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.css'\n\nconst baseClass = 'bulk-upload--drawer-header'\n\ntype Props = {\n  readonly BeforeDocumentMeta?: React.ReactNode\n  readonly onClose: () => void\n  readonly title: string\n}\nexport function DrawerHeader({ BeforeDocumentMeta, onClose, title }: Props) {\n  const { t } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <Button\n        aria-label={t('general:close')}\n        buttonStyle=\"ghost\"\n        icon={<ChevronIcon direction=\"left\" size={24} />}\n        onClick={onClose}\n      />\n      <h2 title={title}>{title}</h2>\n      {BeforeDocumentMeta ? <div className={`${baseClass}__meta`}>{BeforeDocumentMeta}</div> : null}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAOlB,OAAO,SAAAC,aAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAsB;IAAAS,kBAAA;IAAAC,OAAA;IAAAC;EAAA,IAAAJ,EAA6C;EACxE;IAAAK;EAAA,IAAcT,cAAA;EAAA,IAAAU,EAAA;EAAA,IAAAL,CAAA,QAAAC,kBAAA,IAAAD,CAAA,QAAAE,OAAA,IAAAF,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAG,KAAA;IAGZE,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAV,SAAA;MAAAW,QAAA,GACCC,IAAA,CAAAb,MAAA;QAAA,cACcQ,CAAA,CAAE;QAAAM,WAAA,EACF;QAAAC,IAAA,EACNF,IAAA,CAAAf,WAAA;UAAAkB,SAAA,EAAuB;UAAAC,IAAA;QAAA,C;iBACpBX;MAAA,C,GAEXO,IAAA,CAAC;QAAAN,KAAA;QAAAK,QAAA,EAAkBL;MAAA,C,GAClBF,kBAAA,GAAqBQ,IAAA,CAAC;QAAAF,SAAA,EAAe,GAAAV,SAAA,QAAoB;QAAAW,QAAA,EAAGP;MAAA,C,QAA4B;IAAA,C;;;;;;;;;SAR3FI,E","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useTranslation","Button","baseClass","DrawerHeader","t0","$","BeforeDocumentMeta","onClose","title","t","t1","_jsxs","className","children","_jsx","buttonStyle","icon","direction","size"],"sources":["../../../src/elements/DrawerHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.css'\n\nconst baseClass = 'bulk-upload--drawer-header'\n\ntype Props = {\n  readonly BeforeDocumentMeta?: React.ReactNode\n  readonly onClose: () => void\n  readonly title: string\n}\nexport function DrawerHeader({ BeforeDocumentMeta, onClose, title }: Props) {\n  const { t } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <Button\n        aria-label={t('general:close')}\n        buttonStyle=\"ghost\"\n        icon={<ChevronIcon direction=\"left\" size={24} />}\n        onClick={onClose}\n      />\n      <h2 title={title}>{title}</h2>\n      {BeforeDocumentMeta ? <div className={`${baseClass}__meta`}>{BeforeDocumentMeta}</div> : null}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAOlB,OAAO,SAAAC,aAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAsB;IAAAS,kBAAA;IAAAC,OAAA;IAAAC;EAAA,IAAAJ,EAA6C;EACxE;IAAAK;EAAA,IAAcT,cAAA;EAAA,IAAAU,EAAA;EAAA,IAAAL,CAAA,QAAAC,kBAAA,IAAAD,CAAA,QAAAE,OAAA,IAAAF,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAG,KAAA;IAGZE,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAeV,SAAA;MAAAW,QAAA,E,CACdC,IAAA,CAACb,MAAA;QAAA,cACaQ,CAAA,CAAE;QAAAM,WAAA,EACF;QAAAC,IAAA,EACNF,IAAA,CAACf,WAAA;UAAAkB,SAAA,EAAsB;UAAAC,IAAA,EAAa;;iBACjCX;UAEXO,IAAA,CAAC;QAAAN,KAAA;QAAAK,QAAA,EAAkBL;UAClBF,kBAAA,GAAqBQ,IAAA,CAAC;QAAAF,SAAA,EAAe,GAAGV,SAAA,QAAiB;QAAAW,QAAA,EAAGP;OAA4B,IAAxF,IAAwF;;;;;;;;;;SAR3FI,E","ignoreList":[]}

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

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
@@ -21,11 +22,13 @@ const getLocaleOptions = ({
   }));
 };
 const baseClass = 'select-locales-drawer';
-export const SelectLocalesDrawer = ({
-  slug,
-  localization,
-  onConfirm
-}) => {
+export const SelectLocalesDrawer = t0 => {
+  const $ = _c(37);
+  const {
+    slug,
+    localization,
+    onConfirm
+  } = t0;
   const {
     i18n,
     t
@@ -34,70 +37,182 @@ export const SelectLocalesDrawer = ({
     closeModal,
     toggleModal
   } = useModal();
-  const [selectedLocales, setSelectedLocales] = useState([]);
-  const localeOptions = useMemo(() => getLocaleOptions({
-    i18n,
-    localization
-  }), [localization, i18n]);
-  const allLocales = useMemo(() => localeOptions.map(locale => locale.value), [localeOptions]);
-  const allLocalesSelected = useMemo(() => setsAreEqual(new Set(selectedLocales), new Set(allLocales)), [selectedLocales, allLocales]);
-  const handleSelectAll = useCallback(() => {
-    setSelectedLocales(allLocalesSelected ? [] : [...allLocales]);
-  }, [allLocalesSelected, allLocales]);
-  const handleToggleLocale = useCallback(localeValue => {
-    setSelectedLocales(prev => prev.includes(localeValue) ? prev.filter(l => l !== localeValue) : [...prev, localeValue]);
-  }, []);
-  const handleConfirm = useCallback(async () => {
-    await onConfirm({
-      selectedLocales
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [selectedLocales, setSelectedLocales] = useState(t1);
+  let t2;
+  if ($[1] !== i18n || $[2] !== localization) {
+    t2 = getLocaleOptions({
+      i18n,
+      localization
     });
-    closeModal(slug);
-  }, [closeModal, onConfirm, selectedLocales, slug]);
-  return /*#__PURE__*/_jsxs(Drawer, {
-    className: baseClass,
-    Header: /*#__PURE__*/_jsx(DrawerHeader, {
-      onClose: () => {
+    $[1] = i18n;
+    $[2] = localization;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const localeOptions = t2;
+  let t3;
+  if ($[4] !== localeOptions) {
+    t3 = localeOptions.map(_temp);
+    $[4] = localeOptions;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const allLocales = t3;
+  let t4;
+  if ($[6] !== allLocales || $[7] !== selectedLocales) {
+    t4 = setsAreEqual(new Set(selectedLocales), new Set(allLocales));
+    $[6] = allLocales;
+    $[7] = selectedLocales;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  const allLocalesSelected = t4;
+  let t5;
+  if ($[9] !== allLocales || $[10] !== allLocalesSelected) {
+    t5 = () => {
+      setSelectedLocales(allLocalesSelected ? [] : [...allLocales]);
+    };
+    $[9] = allLocales;
+    $[10] = allLocalesSelected;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  const handleSelectAll = t5;
+  let t6;
+  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = localeValue => {
+      setSelectedLocales(prev => prev.includes(localeValue) ? prev.filter(l => l !== localeValue) : [...prev, localeValue]);
+    };
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  const handleToggleLocale = t6;
+  let t7;
+  if ($[13] !== closeModal || $[14] !== onConfirm || $[15] !== selectedLocales || $[16] !== slug) {
+    t7 = async () => {
+      await onConfirm({
+        selectedLocales
+      });
+      closeModal(slug);
+    };
+    $[13] = closeModal;
+    $[14] = onConfirm;
+    $[15] = selectedLocales;
+    $[16] = slug;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  const handleConfirm = t7;
+  let t8;
+  if ($[18] !== allLocales.length || $[19] !== allLocalesSelected || $[20] !== handleConfirm || $[21] !== handleSelectAll || $[22] !== localeOptions || $[23] !== selectedLocales || $[24] !== slug || $[25] !== t || $[26] !== toggleModal) {
+    let t9;
+    if ($[28] !== slug || $[29] !== toggleModal) {
+      t9 = () => {
         toggleModal(slug);
-      },
-      title: `${t('general:duplicate')} ${t('localization:selectedLocales')}`
-    }),
-    slug: slug,
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__sub-header`,
-      children: [/*#__PURE__*/_jsx("span", {
-        children: t('localization:selectLocaleToDuplicate')
-      }), /*#__PURE__*/_jsx(Button, {
-        buttonStyle: "primary",
-        disabled: selectedLocales.length === 0,
-        iconPosition: "left",
-        id: "#action-duplicate-confirm",
-        onClick: handleConfirm,
-        size: "medium",
-        children: t('general:duplicate')
-      })]
-    }), /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__content`,
-      children: [/*#__PURE__*/_jsx("div", {
+      };
+      $[28] = slug;
+      $[29] = toggleModal;
+      $[30] = t9;
+    } else {
+      t9 = $[30];
+    }
+    let t10;
+    if ($[31] !== t) {
+      t10 = t("general:duplicate");
+      $[31] = t;
+      $[32] = t10;
+    } else {
+      t10 = $[32];
+    }
+    let t11;
+    if ($[33] !== t) {
+      t11 = t("localization:selectedLocales");
+      $[33] = t;
+      $[34] = t11;
+    } else {
+      t11 = $[34];
+    }
+    let t12;
+    if ($[35] !== selectedLocales) {
+      t12 = locale_0 => _jsx("div", {
         className: `${baseClass}__item`,
-        children: /*#__PURE__*/_jsx(CheckboxInput, {
-          checked: allLocalesSelected,
-          id: "select-locale-all",
-          label: t('general:selectAll', {
-            count: allLocales.length,
-            label: t('general:locales')
-          }),
-          onToggle: handleSelectAll
-        })
-      }), localeOptions.map(locale_0 => /*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__item`,
-        children: /*#__PURE__*/_jsx(CheckboxInput, {
+        children: _jsx(CheckboxInput, {
           checked: selectedLocales.includes(locale_0.value),
           id: `select-locale-${locale_0.value}`,
           label: locale_0.label,
           onToggle: () => handleToggleLocale(locale_0.value)
         })
-      }, locale_0.value))]
-    })]
-  });
+      }, locale_0.value);
+      $[35] = selectedLocales;
+      $[36] = t12;
+    } else {
+      t12 = $[36];
+    }
+    t8 = _jsxs(Drawer, {
+      className: baseClass,
+      Header: _jsx(DrawerHeader, {
+        onClose: t9,
+        title: `${t10} ${t11}`
+      }),
+      slug,
+      children: [_jsxs("div", {
+        className: `${baseClass}__sub-header`,
+        children: [_jsx("span", {
+          children: t("localization:selectLocaleToDuplicate")
+        }), _jsx(Button, {
+          buttonStyle: "primary",
+          disabled: selectedLocales.length === 0,
+          iconPosition: "left",
+          id: "#action-duplicate-confirm",
+          onClick: handleConfirm,
+          size: "medium",
+          children: t("general:duplicate")
+        })]
+      }), _jsxs("div", {
+        className: `${baseClass}__content`,
+        children: [_jsx("div", {
+          className: `${baseClass}__item`,
+          children: _jsx(CheckboxInput, {
+            checked: allLocalesSelected,
+            id: "select-locale-all",
+            label: t("general:selectAll", {
+              count: allLocales.length,
+              label: t("general:locales")
+            }),
+            onToggle: handleSelectAll
+          })
+        }), localeOptions.map(t12)]
+      })]
+    });
+    $[18] = allLocales.length;
+    $[19] = allLocalesSelected;
+    $[20] = handleConfirm;
+    $[21] = handleSelectAll;
+    $[22] = localeOptions;
+    $[23] = selectedLocales;
+    $[24] = slug;
+    $[25] = t;
+    $[26] = toggleModal;
+    $[27] = t8;
+  } else {
+    t8 = $[27];
+  }
+  return t8;
 };
+function _temp(locale) {
+  return locale.value;
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useModal","getTranslation","setsAreEqual","React","useCallback","useMemo","useState","CheckboxInput","useTranslation","Button","Drawer","DrawerHeader","getLocaleOptions","i18n","localization","locales","map","locale","label","value","code","baseClass","SelectLocalesDrawer","slug","onConfirm","t","closeModal","toggleModal","selectedLocales","setSelectedLocales","localeOptions","allLocales","allLocalesSelected","Set","handleSelectAll","handleToggleLocale","localeValue","prev","includes","filter","l","handleConfirm","_jsxs","className","Header","_jsx","onClose","title","buttonStyle","disabled","length","iconPosition","id","onClick","size","checked","count","onToggle"],"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 { Button } from '../../Button/index.js'\nimport { Drawer } from '../../Drawer/index.js'\nimport { DrawerHeader } from '../../DrawerHeader/index.js'\nimport './index.css'\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 { closeModal, 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    closeModal(slug)\n  }, [closeModal, onConfirm, selectedLocales, slug])\n\n  return (\n    <Drawer\n      className={baseClass}\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","setsAreEqual","React","useCallback","useMemo","useState","CheckboxInput","useTranslation","Button","Drawer","DrawerHeader","getLocaleOptions","i18n","localization","locales","map","locale","label","value","code","baseClass","SelectLocalesDrawer","t0","$","slug","onConfirm","t","closeModal","toggleModal","t1","Symbol","for","selectedLocales","setSelectedLocales","t2","localeOptions","t3","_temp","allLocales","t4","Set","allLocalesSelected","t5","handleSelectAll","t6","localeValue","prev","includes","filter","l","handleToggleLocale","t7","handleConfirm","t8","length","t9","t10","t11","t12","locale_0","_jsx","className","children","checked","id","onToggle","_jsxs","Header","onClose","title","buttonStyle","disabled","iconPosition","onClick","size","count"],"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 { Button } from '../../Button/index.js'\nimport { Drawer } from '../../Drawer/index.js'\nimport { DrawerHeader } from '../../DrawerHeader/index.js'\nimport './index.css'\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 { closeModal, 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    closeModal(slug)\n  }, [closeModal, onConfirm, selectedLocales, slug])\n\n  return (\n    <Drawer\n      className={baseClass}\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"],"mappings":"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","ignoreList":[]}

package/dist/elements/EditMany/DrawerContent.js

@@ -291,7 +291,7 @@ export const EditManyDrawerContent = props => {
     });
   }, [branch, collection, searchParams, selectAll, ids, locale, where]);
   const onSuccess = () => {
-    router.replace(qs.stringify({
+    void router.replace(qs.stringify({
       ...parseSearchParams(searchParams),
       _r: Date.now(),
       page: selectAll ? '1' : undefined

package/dist/elements/EditMany/DrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","names":["c","_c","useModal","getTranslation","combineWhereConstraints","formatAdminURL","mergeListSearchAndWhere","unflatten","qs","React","useCallback","useEffect","useMemo","useState","useForm","Form","RenderField","FormSubmit","ChevronIcon","useAuth","useBranchParam","useConfig","DocumentInfoProvider","useLocale","OperationContext","useRouter","useSearchParams","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","parseSearchParams","Button","FieldSelect","baseClass","Submit","t0","$","action","disabled","submit","t","t1","method","skipValidation","save","t2","_jsx","className","onClick","size","children","PublishButton","overrides","_status","SaveDraftButton","buttonStyle","EditManyDrawerContent","props","collection","fields","labels","plural","singular","count","drawerSlug","ids","onSuccess","onSuccessFromProps","selectAll","selectedFields","setSelectedFields","where","permissions","user","currentLocale","locale","code","branch","closeModal","config","routes","api","apiRoute","getFormState","i18n","isInitializing","setIsInitializing","router","abortFormStateRef","useRef","collectionPermissions","collections","slug","searchParams","select","reduce","acc","option","value","path","onChange","formState","prevFormState","submitted","controller","state","collectionSlug","docPermissions","docPreferences","operation","schemaPath","signal","current","abortFormState","queryString","whereConstraints","push","queryWithSearch","collectionConfig","search","get","id","not_equals","in","stringify","addQueryPrefix","replace","_r","Date","now","page","undefined","onFieldSelect","dispatchFields","selected","type","serverState","title","label","currentEditor","hasPublishedDoc","initialData","isLocked","lastUpdateTime","mostRecentVersionIsAutosaved","unpublishedVersionCount","versionCount","_jsxs","icon","direction","versions","drafts","Fragment","length","map","i","field","fieldPermissions","clientFieldConfig","indexPath","parentPath","parentSchemaPath"],"sources":["../../../src/elements/EditMany/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectType, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  combineWhereConstraints,\n  formatAdminURL,\n  mergeListSearchAndWhere,\n  unflatten,\n} from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { FormProps } from '../../forms/Form/index.js'\nimport type { OnFieldSelect } from '../FieldSelect/index.js'\nimport type { FieldOption } from '../FieldSelect/reduceFieldOptions.js'\nimport type { EditManyProps } from './index.js'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { Form } from '../../forms/Form/index.js'\nimport { RenderField } from '../../forms/RenderFields/RenderField.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useBranchParam } from '../../providers/Branch/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { OperationContext } from '../../providers/Operation/index.js'\nimport { useRouter, useSearchParams } from '../../providers/RouterAdapter/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../utilities/abortAndIgnore.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { Button } from '../Button/index.js'\nimport { FieldSelect } from '../FieldSelect/index.js'\nimport { baseClass } from './index.js'\nimport './index.css'\nimport '../../forms/RenderFields/index.css'\n\nconst Submit: React.FC<{\n  readonly action: string\n  readonly disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__save`} disabled={disabled} onClick={save} size=\"medium\">\n      {t('general:save')}\n    </FormSubmit>\n  )\n}\n\nconst PublishButton: React.FC<{\n  action: string\n  disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'published',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit\n      className={`${baseClass}__publish`}\n      disabled={disabled}\n      onClick={save}\n      size=\"medium\"\n    >\n      {t('version:publishChanges')}\n    </FormSubmit>\n  )\n}\n\nconst SaveDraftButton: React.FC<{\n  action: string\n  disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit\n      buttonStyle=\"secondary\"\n      className={`${baseClass}__draft`}\n      disabled={disabled}\n      onClick={save}\n      size=\"medium\"\n    >\n      {t('version:saveDraft')}\n    </FormSubmit>\n  )\n}\n\ntype EditManyDrawerContentProps = {\n  /**\n   * The total count of selected items\n   */\n  count?: number\n  /**\n   * The slug of the drawer\n   */\n  drawerSlug: string\n  /**\n   * The IDs of the selected items\n   */\n  ids?: (number | string)[]\n  /**\n   * The function to call after a successful action\n   */\n  onSuccess?: () => void\n  /**\n   * Whether all items are selected\n   */\n  selectAll?: boolean\n  /**\n   * The fields that are selected to bulk edit\n   */\n  selectedFields: FieldOption[]\n  /**\n   * The function to set the selected fields to bulk edit\n   */\n  setSelectedFields: (fields: FieldOption[]) => void\n  where?: Where\n} & EditManyProps\n\nexport const EditManyDrawerContent: React.FC<EditManyDrawerContentProps> = (props) => {\n  const {\n    collection,\n    collection: { fields, labels: { plural, singular } } = {},\n    count,\n    drawerSlug,\n    ids,\n    onSuccess: onSuccessFromProps,\n    selectAll,\n    selectedFields,\n    setSelectedFields,\n    where,\n  } = props\n\n  const { permissions, user } = useAuth()\n  const currentLocale = useLocale()\n  const locale = currentLocale?.code\n  const branch = useBranchParam()\n\n  const { closeModal } = useModal()\n\n  const {\n    config: {\n      routes: { api: apiRoute },\n    },\n  } = useConfig()\n\n  const { getFormState } = useServerFunctions()\n\n  const { i18n, t } = useTranslation()\n\n  const [isInitializing, setIsInitializing] = useState(false)\n\n  const router = useRouter()\n  const abortFormStateRef = React.useRef<AbortController>(null)\n  const collectionPermissions = permissions?.collections?.[collection.slug]\n  const searchParams = useSearchParams()\n\n  const select = useMemo<SelectType>(() => {\n    return unflatten(\n      selectedFields.reduce((acc, option) => {\n        acc[option.value.path] = true\n        return acc\n      }, {} as SelectType),\n    )\n  }, [selectedFields])\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState, submitted }) => {\n      const controller = handleAbortRef(abortFormStateRef)\n\n      const { state } = await getFormState({\n        collectionSlug: collection.slug,\n        docPermissions: collectionPermissions,\n        docPreferences: null,\n        formState: prevFormState,\n        operation: 'update',\n        schemaPath: collection.slug,\n        select,\n        signal: controller.signal,\n        skipValidation: !submitted,\n      })\n\n      abortFormStateRef.current = null\n\n      return state\n    },\n    [getFormState, collection, collectionPermissions, select],\n  )\n\n  useEffect(() => {\n    const abortFormState = abortFormStateRef.current\n\n    return () => {\n      abortAndIgnore(abortFormState)\n    }\n  }, [])\n\n  const queryString = useMemo((): string => {\n    const whereConstraints: Where[] = []\n\n    if (where) {\n      whereConstraints.push(where)\n    }\n\n    const queryWithSearch = mergeListSearchAndWhere({\n      collectionConfig: collection,\n      search: searchParams.get('search'),\n    })\n\n    if (queryWithSearch) {\n      whereConstraints.push(queryWithSearch)\n    }\n\n    if (selectAll) {\n      // Match the current filter/search, or default to all docs\n      whereConstraints.push(\n        (parseSearchParams(searchParams)?.where as Where) || {\n          id: {\n            not_equals: '',\n          },\n        },\n      )\n    } else {\n      // If we're not selecting all, we need to select specific docs\n      whereConstraints.push({\n        id: {\n          in: ids || [],\n        },\n      })\n    }\n\n    return qs.stringify(\n      {\n        branch,\n        locale,\n        select: {},\n        where: combineWhereConstraints(whereConstraints),\n      },\n      { addQueryPrefix: true },\n    )\n  }, [branch, collection, searchParams, selectAll, ids, locale, where])\n\n  const onSuccess = () => {\n    router.replace(\n      qs.stringify(\n        {\n          ...parseSearchParams(searchParams),\n          _r: Date.now(), // Cache buster to force fresh data fetch. Prevents an e2e race condition where sometimes the data is not updated.\n          page: selectAll ? '1' : undefined,\n        },\n        { addQueryPrefix: true },\n      ),\n    )\n    closeModal(drawerSlug)\n\n    if (typeof onSuccessFromProps === 'function') {\n      onSuccessFromProps()\n    }\n  }\n\n  const onFieldSelect = useCallback<OnFieldSelect>(\n    async ({ dispatchFields, formState, selected }) => {\n      setIsInitializing(true)\n\n      setSelectedFields(selected || [])\n\n      const { state } = await getFormState({\n        collectionSlug: collection.slug,\n        docPermissions: collectionPermissions,\n        docPreferences: null,\n        formState,\n        operation: 'update',\n        schemaPath: collection.slug,\n        select: unflatten(\n          selected.reduce((acc, option) => {\n            acc[option.value.path] = true\n            return acc\n          }, {} as SelectType),\n        ),\n        skipValidation: true,\n      })\n\n      dispatchFields({\n        type: 'MERGE_SERVER_STATE',\n        serverState: state,\n      })\n\n      setIsInitializing(false)\n    },\n    [getFormState, collection.slug, collectionPermissions, setSelectedFields],\n  )\n\n  const title = t('general:editingLabel', {\n    count,\n    label: getTranslation(count > 1 ? plural : singular, i18n),\n  })\n\n  return (\n    <DocumentInfoProvider\n      collectionSlug={collection.slug}\n      currentEditor={user}\n      hasPublishedDoc={false}\n      id={null}\n      initialData={{}}\n      isLocked={false}\n      lastUpdateTime={0}\n      mostRecentVersionIsAutosaved={false}\n      unpublishedVersionCount={0}\n      versionCount={0}\n    >\n      <OperationContext value=\"update\">\n        <Form\n          className={`${baseClass}__form`}\n          isInitializing={isInitializing}\n          onChange={[onChange]}\n          onSuccess={onSuccess}\n        >\n          <div className={`${baseClass}__header`}>\n            <Button\n              aria-label={t('general:close')}\n              buttonStyle=\"ghost\"\n              className={`${baseClass}__header__close`}\n              icon={<ChevronIcon direction=\"left\" size={24} />}\n              onClick={() => closeModal(drawerSlug)}\n            />\n            <h2 className={`${baseClass}__header__title`} title={title}>\n              {title}\n            </h2>\n            <div className={`${baseClass}__header__actions`}>\n              {collection?.versions?.drafts ? (\n                <React.Fragment>\n                  <SaveDraftButton\n                    action={formatAdminURL({\n                      apiRoute,\n                      path: `/${collection.slug}${queryString}&draft=true`,\n                    })}\n                    disabled={selectedFields.length === 0}\n                  />\n                  <PublishButton\n                    action={formatAdminURL({\n                      apiRoute,\n                      path: `/${collection.slug}${queryString}&draft=true`,\n                    })}\n                    disabled={selectedFields.length === 0}\n                  />\n                </React.Fragment>\n              ) : (\n                <Submit\n                  action={formatAdminURL({\n                    apiRoute,\n                    path: `/${collection.slug}${queryString}`,\n                  })}\n                  disabled={selectedFields.length === 0}\n                />\n              )}\n            </div>\n          </div>\n          <div className={`${baseClass}__body`}>\n            <div className={`${baseClass}__select-fields`}>\n              <FieldSelect\n                fields={fields}\n                onChange={onFieldSelect}\n                permissions={collectionPermissions.fields}\n              />\n            </div>\n            {selectedFields.length === 0 ? null : (\n              <div className={`${baseClass}__edit`}>\n                <div className=\"render-fields\">\n                  {selectedFields.map((option, i) => {\n                    const {\n                      value: { field, fieldPermissions, path },\n                    } = option\n\n                    return (\n                      <RenderField\n                        clientFieldConfig={field}\n                        indexPath=\"\"\n                        key={`${path}-${i}`}\n                        parentPath=\"\"\n                        parentSchemaPath=\"\"\n                        path={path}\n                        permissions={fieldPermissions}\n                      />\n                    )\n                  })}\n                </div>\n              </div>\n            )}\n          </div>\n        </Form>\n      </OperationContext>\n    </DocumentInfoProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DrawerContent.js","names":["c","_c","useModal","getTranslation","combineWhereConstraints","formatAdminURL","mergeListSearchAndWhere","unflatten","qs","React","useCallback","useEffect","useMemo","useState","useForm","Form","RenderField","FormSubmit","ChevronIcon","useAuth","useBranchParam","useConfig","DocumentInfoProvider","useLocale","OperationContext","useRouter","useSearchParams","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","parseSearchParams","Button","FieldSelect","baseClass","Submit","t0","$","action","disabled","submit","t","t1","method","skipValidation","save","t2","_jsx","className","onClick","size","children","PublishButton","overrides","_status","SaveDraftButton","buttonStyle","EditManyDrawerContent","props","collection","fields","labels","plural","singular","count","drawerSlug","ids","onSuccess","onSuccessFromProps","selectAll","selectedFields","setSelectedFields","where","permissions","user","currentLocale","locale","code","branch","closeModal","config","routes","api","apiRoute","getFormState","i18n","isInitializing","setIsInitializing","router","abortFormStateRef","useRef","collectionPermissions","collections","slug","searchParams","select","reduce","acc","option","value","path","onChange","formState","prevFormState","submitted","controller","state","collectionSlug","docPermissions","docPreferences","operation","schemaPath","signal","current","abortFormState","queryString","whereConstraints","push","queryWithSearch","collectionConfig","search","get","id","not_equals","in","stringify","addQueryPrefix","replace","_r","Date","now","page","undefined","onFieldSelect","dispatchFields","selected","type","serverState","title","label","currentEditor","hasPublishedDoc","initialData","isLocked","lastUpdateTime","mostRecentVersionIsAutosaved","unpublishedVersionCount","versionCount","_jsxs","icon","direction","versions","drafts","Fragment","length","map","i","field","fieldPermissions","clientFieldConfig","indexPath","parentPath","parentSchemaPath"],"sources":["../../../src/elements/EditMany/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectType, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  combineWhereConstraints,\n  formatAdminURL,\n  mergeListSearchAndWhere,\n  unflatten,\n} from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { FormProps } from '../../forms/Form/index.js'\nimport type { OnFieldSelect } from '../FieldSelect/index.js'\nimport type { FieldOption } from '../FieldSelect/reduceFieldOptions.js'\nimport type { EditManyProps } from './index.js'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { Form } from '../../forms/Form/index.js'\nimport { RenderField } from '../../forms/RenderFields/RenderField.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useBranchParam } from '../../providers/Branch/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { OperationContext } from '../../providers/Operation/index.js'\nimport { useRouter, useSearchParams } from '../../providers/RouterAdapter/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../utilities/abortAndIgnore.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { Button } from '../Button/index.js'\nimport { FieldSelect } from '../FieldSelect/index.js'\nimport { baseClass } from './index.js'\nimport './index.css'\nimport '../../forms/RenderFields/index.css'\n\nconst Submit: React.FC<{\n  readonly action: string\n  readonly disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__save`} disabled={disabled} onClick={save} size=\"medium\">\n      {t('general:save')}\n    </FormSubmit>\n  )\n}\n\nconst PublishButton: React.FC<{\n  action: string\n  disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'published',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit\n      className={`${baseClass}__publish`}\n      disabled={disabled}\n      onClick={save}\n      size=\"medium\"\n    >\n      {t('version:publishChanges')}\n    </FormSubmit>\n  )\n}\n\nconst SaveDraftButton: React.FC<{\n  action: string\n  disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit\n      buttonStyle=\"secondary\"\n      className={`${baseClass}__draft`}\n      disabled={disabled}\n      onClick={save}\n      size=\"medium\"\n    >\n      {t('version:saveDraft')}\n    </FormSubmit>\n  )\n}\n\ntype EditManyDrawerContentProps = {\n  /**\n   * The total count of selected items\n   */\n  count?: number\n  /**\n   * The slug of the drawer\n   */\n  drawerSlug: string\n  /**\n   * The IDs of the selected items\n   */\n  ids?: (number | string)[]\n  /**\n   * The function to call after a successful action\n   */\n  onSuccess?: () => void\n  /**\n   * Whether all items are selected\n   */\n  selectAll?: boolean\n  /**\n   * The fields that are selected to bulk edit\n   */\n  selectedFields: FieldOption[]\n  /**\n   * The function to set the selected fields to bulk edit\n   */\n  setSelectedFields: (fields: FieldOption[]) => void\n  where?: Where\n} & EditManyProps\n\nexport const EditManyDrawerContent: React.FC<EditManyDrawerContentProps> = (props) => {\n  const {\n    collection,\n    collection: { fields, labels: { plural, singular } } = {},\n    count,\n    drawerSlug,\n    ids,\n    onSuccess: onSuccessFromProps,\n    selectAll,\n    selectedFields,\n    setSelectedFields,\n    where,\n  } = props\n\n  const { permissions, user } = useAuth()\n  const currentLocale = useLocale()\n  const locale = currentLocale?.code\n  const branch = useBranchParam()\n\n  const { closeModal } = useModal()\n\n  const {\n    config: {\n      routes: { api: apiRoute },\n    },\n  } = useConfig()\n\n  const { getFormState } = useServerFunctions()\n\n  const { i18n, t } = useTranslation()\n\n  const [isInitializing, setIsInitializing] = useState(false)\n\n  const router = useRouter()\n  const abortFormStateRef = React.useRef<AbortController>(null)\n  const collectionPermissions = permissions?.collections?.[collection.slug]\n  const searchParams = useSearchParams()\n\n  const select = useMemo<SelectType>(() => {\n    return unflatten(\n      selectedFields.reduce((acc, option) => {\n        acc[option.value.path] = true\n        return acc\n      }, {} as SelectType),\n    )\n  }, [selectedFields])\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState, submitted }) => {\n      const controller = handleAbortRef(abortFormStateRef)\n\n      const { state } = await getFormState({\n        collectionSlug: collection.slug,\n        docPermissions: collectionPermissions,\n        docPreferences: null,\n        formState: prevFormState,\n        operation: 'update',\n        schemaPath: collection.slug,\n        select,\n        signal: controller.signal,\n        skipValidation: !submitted,\n      })\n\n      abortFormStateRef.current = null\n\n      return state\n    },\n    [getFormState, collection, collectionPermissions, select],\n  )\n\n  useEffect(() => {\n    const abortFormState = abortFormStateRef.current\n\n    return () => {\n      abortAndIgnore(abortFormState)\n    }\n  }, [])\n\n  const queryString = useMemo((): string => {\n    const whereConstraints: Where[] = []\n\n    if (where) {\n      whereConstraints.push(where)\n    }\n\n    const queryWithSearch = mergeListSearchAndWhere({\n      collectionConfig: collection,\n      search: searchParams.get('search'),\n    })\n\n    if (queryWithSearch) {\n      whereConstraints.push(queryWithSearch)\n    }\n\n    if (selectAll) {\n      // Match the current filter/search, or default to all docs\n      whereConstraints.push(\n        (parseSearchParams(searchParams)?.where as Where) || {\n          id: {\n            not_equals: '',\n          },\n        },\n      )\n    } else {\n      // If we're not selecting all, we need to select specific docs\n      whereConstraints.push({\n        id: {\n          in: ids || [],\n        },\n      })\n    }\n\n    return qs.stringify(\n      {\n        branch,\n        locale,\n        select: {},\n        where: combineWhereConstraints(whereConstraints),\n      },\n      { addQueryPrefix: true },\n    )\n  }, [branch, collection, searchParams, selectAll, ids, locale, where])\n\n  const onSuccess = () => {\n    void router.replace(\n      qs.stringify(\n        {\n          ...parseSearchParams(searchParams),\n          _r: Date.now(), // Cache buster to force fresh data fetch. Prevents an e2e race condition where sometimes the data is not updated.\n          page: selectAll ? '1' : undefined,\n        },\n        { addQueryPrefix: true },\n      ),\n    )\n    closeModal(drawerSlug)\n\n    if (typeof onSuccessFromProps === 'function') {\n      onSuccessFromProps()\n    }\n  }\n\n  const onFieldSelect = useCallback<OnFieldSelect>(\n    async ({ dispatchFields, formState, selected }) => {\n      setIsInitializing(true)\n\n      setSelectedFields(selected || [])\n\n      const { state } = await getFormState({\n        collectionSlug: collection.slug,\n        docPermissions: collectionPermissions,\n        docPreferences: null,\n        formState,\n        operation: 'update',\n        schemaPath: collection.slug,\n        select: unflatten(\n          selected.reduce((acc, option) => {\n            acc[option.value.path] = true\n            return acc\n          }, {} as SelectType),\n        ),\n        skipValidation: true,\n      })\n\n      dispatchFields({\n        type: 'MERGE_SERVER_STATE',\n        serverState: state,\n      })\n\n      setIsInitializing(false)\n    },\n    [getFormState, collection.slug, collectionPermissions, setSelectedFields],\n  )\n\n  const title = t('general:editingLabel', {\n    count,\n    label: getTranslation(count > 1 ? plural : singular, i18n),\n  })\n\n  return (\n    <DocumentInfoProvider\n      collectionSlug={collection.slug}\n      currentEditor={user}\n      hasPublishedDoc={false}\n      id={null}\n      initialData={{}}\n      isLocked={false}\n      lastUpdateTime={0}\n      mostRecentVersionIsAutosaved={false}\n      unpublishedVersionCount={0}\n      versionCount={0}\n    >\n      <OperationContext value=\"update\">\n        <Form\n          className={`${baseClass}__form`}\n          isInitializing={isInitializing}\n          onChange={[onChange]}\n          onSuccess={onSuccess}\n        >\n          <div className={`${baseClass}__header`}>\n            <Button\n              aria-label={t('general:close')}\n              buttonStyle=\"ghost\"\n              className={`${baseClass}__header__close`}\n              icon={<ChevronIcon direction=\"left\" size={24} />}\n              onClick={() => closeModal(drawerSlug)}\n            />\n            <h2 className={`${baseClass}__header__title`} title={title}>\n              {title}\n            </h2>\n            <div className={`${baseClass}__header__actions`}>\n              {collection?.versions?.drafts ? (\n                <React.Fragment>\n                  <SaveDraftButton\n                    action={formatAdminURL({\n                      apiRoute,\n                      path: `/${collection.slug}${queryString}&draft=true`,\n                    })}\n                    disabled={selectedFields.length === 0}\n                  />\n                  <PublishButton\n                    action={formatAdminURL({\n                      apiRoute,\n                      path: `/${collection.slug}${queryString}&draft=true`,\n                    })}\n                    disabled={selectedFields.length === 0}\n                  />\n                </React.Fragment>\n              ) : (\n                <Submit\n                  action={formatAdminURL({\n                    apiRoute,\n                    path: `/${collection.slug}${queryString}`,\n                  })}\n                  disabled={selectedFields.length === 0}\n                />\n              )}\n            </div>\n          </div>\n          <div className={`${baseClass}__body`}>\n            <div className={`${baseClass}__select-fields`}>\n              <FieldSelect\n                fields={fields}\n                onChange={onFieldSelect}\n                permissions={collectionPermissions.fields}\n              />\n            </div>\n            {selectedFields.length === 0 ? null : (\n              <div className={`${baseClass}__edit`}>\n                <div className=\"render-fields\">\n                  {selectedFields.map((option, i) => {\n                    const {\n                      value: { field, fieldPermissions, path },\n                    } = option\n\n                    return (\n                      <RenderField\n                        clientFieldConfig={field}\n                        indexPath=\"\"\n                        key={`${path}-${i}`}\n                        parentPath=\"\"\n                        parentSchemaPath=\"\"\n                        path={path}\n                        permissions={fieldPermissions}\n                      />\n                    )\n                  })}\n                </div>\n              </div>\n            )}\n          </div>\n        </Form>\n      </OperationContext>\n    </DocumentInfoProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","React","useState","useAuth","EditDepthProvider","useTranslation","Drawer","ListSelectionButton","EditManyDrawerContent","baseClass","EditMany","t0","$","collection","count","ids","modalPrefix","onSuccess","selectAll","where","permissions","openModal","t","t1","Symbol","for","selectedFields","setSelectedFields","collectionPermissions","collections","slug","drawerSlug","update","t2","filter","Boolean","t3","t4","_jsxs","className","join","children","_jsx","onClick","Header"],"sources":["../../../src/elements/EditMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useState } from 'react'\n\nimport type { FieldOption } from '../FieldSelect/reduceFieldOptions.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { ListSelectionButton } from '../ListSelection/index.js'\nimport { EditManyDrawerContent } from './DrawerContent.js'\nimport './index.css'\n\nexport const baseClass = 'edit-many'\n\nexport type EditManyProps = {\n  readonly collection: ClientCollectionConfig\n  readonly count: number\n  readonly ids: (number | string)[]\n  /**\n   * When multiple EditMany components are rendered on the page, this will differentiate them.\n   */\n  readonly modalPrefix?: string\n  readonly onSuccess?: () => void\n  readonly selectAll: boolean\n  readonly where?: Where\n}\n\nexport const EditMany: React.FC<EditManyProps> = ({\n  collection,\n  count,\n  ids,\n  modalPrefix,\n  onSuccess,\n  selectAll,\n  where,\n}) => {\n  const { permissions } = useAuth()\n  const { openModal } = useModal()\n\n  const { t } = useTranslation()\n\n  const [selectedFields, setSelectedFields] = useState<FieldOption[]>([])\n\n  const collectionPermissions = permissions?.collections?.[collection.slug]\n\n  const drawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}edit-${collection.slug}`\n\n  if (count === 0 || !collectionPermissions?.update) {\n    return null\n  }\n\n  return (\n    <div className={[baseClass, `${baseClass}__toggle`].filter(Boolean).join(' ')}>\n      <ListSelectionButton\n        aria-label={t('general:edit')}\n        onClick={() => {\n          openModal(drawerSlug)\n          setSelectedFields([])\n        }}\n      >\n        {t('general:edit')}\n      </ListSelectionButton>\n      <EditDepthProvider>\n        <Drawer Header={null} slug={drawerSlug}>\n          <EditManyDrawerContent\n            collection={collection}\n            count={count}\n            drawerSlug={drawerSlug}\n            ids={ids}\n            onSuccess={onSuccess}\n            selectAll={selectAll}\n            selectedFields={selectedFields}\n            setSelectedFields={setSelectedFields}\n            where={where}\n          />\n        </Drawer>\n      </EditDepthProvider>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,SAASC,OAAO,QAAQ;AACxB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,mBAAmB,QAAQ;AACpC,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,OAAO,MAAMC,SAAA,GAAY;AAezB,OAAO,MAAMC,QAAA,GAAoCC,EAAA;EAAA,MAAAC,CAAA,GAAAb,EAAA;EAAC;IAAAc,UAAA;IAAAC,KAAA;IAAAC,GAAA;IAAAC,WAAA;IAAAC,SAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAR,EAQjD;EACC;IAAAS;EAAA,IAAwBjB,OAAA;EACxB;IAAAkB;EAAA,IAAsBrB,QAAA;EAEtB;IAAAsB;EAAA,IAAcjB,cAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAX,CAAA,QAAAY,MAAA,CAAAC,GAAA;IAEsDF,EAAA;IAAEX,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EAAtE,OAAAc,cAAA,EAAAC,iBAAA,IAA4CzB,QAAA,CAAwBqB,EAAE;EAEtE,MAAAK,qBAAA,GAA8BR,WAAA,EAAAS,WAAA,GAA2BhB,UAAA,CAAAiB,IAAA;EAEzD,MAAAC,UAAA,GAAmB,GAAGf,WAAA,GAAc,GAAGA,WAAA,GAAc,GAAG,UAAUH,UAAA,CAAAiB,IAAA,EAAiB;EAAA,IAE/EhB,KAAA,MAAU,KAAMc,qBAAA,EAAAI,MAAuB;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAArB,CAAA,QAAAY,MAAA,CAAAC,GAAA;IAKzBQ,EAAA,IAAAxB,SAAA,EAAY,GAAAA,SAAA,UAAsB,EAAAyB,MAAA,CAAAC,OAAS;IAAAvB,CAAA,MAAAqB,EAAA;EAAA;IAAAA,EAAA,GAAArB,CAAA;EAAA;EAAA,IAAAwB,EAAA;EAAA,IAAAxB,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAE,KAAA,IAAAF,CAAA,QAAAmB,UAAA,IAAAnB,CAAA,QAAAG,GAAA,IAAAH,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAS,SAAA,IAAAT,CAAA,QAAAM,SAAA,IAAAN,CAAA,QAAAc,cAAA,IAAAd,CAAA,SAAAU,CAAA,IAAAV,CAAA,SAAAO,KAAA;IAAA,IAAAkB,EAAA;IAAA,IAAAzB,CAAA,SAAAmB,UAAA,IAAAnB,CAAA,SAAAS,SAAA;MAG9CgB,EAAA,GAAAA,CAAA;QACPhB,SAAA,CAAUU,UAAA;QACVJ,iBAAA,GAAoB;MAAA;MACtBf,CAAA,OAAAmB,UAAA;MAAAnB,CAAA,OAAAS,SAAA;MAAAT,CAAA,OAAAyB,EAAA;IAAA;MAAAA,EAAA,GAAAzB,CAAA;IAAA;IANJwB,EAAA,GAAAE,KAAA,CAAC;MAAAC,SAAA,EAAeN,EAA2C,CAAAO,IAAA,CAAc;MAAAC,QAAA,GACvEC,IAAA,CAAAnC,mBAAA;QAAA,cACce,CAAA,CAAE;QAAAqB,OAAA,EACLN,EAGT;QAAAI,QAAA,EAECnB,CAAA,CAAE;MAAA,C,GAELoB,IAAA,CAAAtC,iBAAA;QAAAqC,QAAA,EACEC,IAAA,CAAApC,MAAA;UAAAsC,MAAA;UAAAd,IAAA,EAA4BC,UAAA;UAAAA,QAAA,EAC1BW,IAAA,CAAAlC,qBAAA;YAAAK,UAAA;YAAAC,KAAA;YAAAiB,UAAA;YAAAhB,GAAA;YAAAE,SAAA;YAAAC,SAAA;YAAAQ,cAAA;YAAAC,iBAAA;YAAAR;UAAA,C;;;;;;;;;;;;;;;;;;SAZNiB,E;CA2BJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","useState","useAuth","EditDepthProvider","useTranslation","Drawer","ListSelectionButton","EditManyDrawerContent","baseClass","EditMany","t0","$","collection","count","ids","modalPrefix","onSuccess","selectAll","where","permissions","openModal","t","t1","Symbol","for","selectedFields","setSelectedFields","collectionPermissions","collections","slug","drawerSlug","update","t2","filter","Boolean","t3","t4","_jsxs","className","join","children","_jsx","onClick","Header"],"sources":["../../../src/elements/EditMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useState } from 'react'\n\nimport type { FieldOption } from '../FieldSelect/reduceFieldOptions.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { ListSelectionButton } from '../ListSelection/index.js'\nimport { EditManyDrawerContent } from './DrawerContent.js'\nimport './index.css'\n\nexport const baseClass = 'edit-many'\n\nexport type EditManyProps = {\n  readonly collection: ClientCollectionConfig\n  readonly count: number\n  readonly ids: (number | string)[]\n  /**\n   * When multiple EditMany components are rendered on the page, this will differentiate them.\n   */\n  readonly modalPrefix?: string\n  readonly onSuccess?: () => void\n  readonly selectAll: boolean\n  readonly where?: Where\n}\n\nexport const EditMany: React.FC<EditManyProps> = ({\n  collection,\n  count,\n  ids,\n  modalPrefix,\n  onSuccess,\n  selectAll,\n  where,\n}) => {\n  const { permissions } = useAuth()\n  const { openModal } = useModal()\n\n  const { t } = useTranslation()\n\n  const [selectedFields, setSelectedFields] = useState<FieldOption[]>([])\n\n  const collectionPermissions = permissions?.collections?.[collection.slug]\n\n  const drawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}edit-${collection.slug}`\n\n  if (count === 0 || !collectionPermissions?.update) {\n    return null\n  }\n\n  return (\n    <div className={[baseClass, `${baseClass}__toggle`].filter(Boolean).join(' ')}>\n      <ListSelectionButton\n        aria-label={t('general:edit')}\n        onClick={() => {\n          openModal(drawerSlug)\n          setSelectedFields([])\n        }}\n      >\n        {t('general:edit')}\n      </ListSelectionButton>\n      <EditDepthProvider>\n        <Drawer Header={null} slug={drawerSlug}>\n          <EditManyDrawerContent\n            collection={collection}\n            count={count}\n            drawerSlug={drawerSlug}\n            ids={ids}\n            onSuccess={onSuccess}\n            selectAll={selectAll}\n            selectedFields={selectedFields}\n            setSelectedFields={setSelectedFields}\n            where={where}\n          />\n        </Drawer>\n      </EditDepthProvider>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/EditUpload/library.css

@@ -88,10 +88,9 @@
     border-radius: 50%;
   }
 
-  .ReactCrop__crop-selection:focus {
-    outline: none;
-    border-color: var(--color-border-selected);
-    border-style: solid;
+  .ReactCrop__crop-selection:focus-visible {
+    outline: var(--stroke-width-medium) solid var(--color-border-selected);
+    outline-offset: calc(var(--stroke-width-medium) * -1);
   }
 
   .ReactCrop--invisible-crop .ReactCrop__crop-selection {
@@ -148,15 +147,9 @@
     outline: 1px solid transparent;
   }
 
-  .ReactCrop__drag-handle:focus:after {
-    border-color: var(--color-border-selected-strong);
-  }
-
-  .ReactCrop .ord-n:focus:after,
-  .ReactCrop .ord-e:focus:after,
-  .ReactCrop .ord-s:focus:after,
-  .ReactCrop .ord-w:focus:after {
-    background-color: var(--color-border-selected-strong);
+  .ReactCrop .ReactCrop__drag-handle:focus-visible:after {
+    outline: var(--stroke-width-medium) solid var(--color-border-selected-strong);
+    outline-offset: var(--stroke-width-small);
   }
 
   .ReactCrop .ord-nw {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FieldDiffContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAEzD,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,KAAK,EAAE;QACL,KAAK,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,WAAW,CAAA;QAC3C,MAAM,CAAC,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,EAAE,EAAE,KAAK,CAAC,SAAS,CAAA;CACpB,CAiCA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FieldDiffContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAEzD,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,KAAK,EAAE;QACL,KAAK,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,WAAW,CAAA;QAC3C,MAAM,CAAC,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,EAAE,EAAE,KAAK,CAAC,SAAS,CAAA;CACpB,CAuCA,CAAA"}

package/dist/elements/FieldDiffContainer/index.js

@@ -17,13 +17,19 @@ export const FieldDiffContainer = args => {
     nestingLevel = 0,
     To
   } = args;
+  const labelID = React.useId();
+  const labelText = label !== false ? getTranslation(label || '', i18n) : '';
+  const a11yID = locale || labelText ? labelID : undefined;
   return /*#__PURE__*/_jsxs("div", {
+    "aria-labelledby": a11yID,
     className: `${baseClass}-container${className ? ` ${className}` : ''} nested-level-${nestingLevel}`,
+    role: a11yID ? 'group' : undefined,
     children: [/*#__PURE__*/_jsxs(FieldDiffLabel, {
+      id: a11yID,
       children: [locale && /*#__PURE__*/_jsx("span", {
         className: `${baseClass}__locale-label`,
         children: locale
-      }), label !== false && getTranslation(label || '', i18n)]
+      }), labelText]
     }), /*#__PURE__*/_jsxs("div", {
       className: `${baseClass}-content`,
       style: nestingLevel ? {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","FieldDiffLabel","baseClass","gutterOffset","FieldDiffContainer","args","className","From","i18n","label","locale","nestingLevel","To","_jsxs","_jsx","style","undefined"],"sources":["../../../src/elements/FieldDiffContainer/index.tsx"],"sourcesContent":["import type { LabelFunction, StaticLabel } from 'payload'\n\nimport './index.css'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { FieldDiffLabel } from '../FieldDiffLabel/index.js'\n\nconst baseClass = 'field-diff'\n\nconst gutterOffset = 6.5\n\nexport const FieldDiffContainer: React.FC<{\n  className?: string\n  From: React.ReactNode\n  i18n: I18nClient\n  label: {\n    label?: false | LabelFunction | StaticLabel\n    locale?: string\n  }\n  nestingLevel?: number\n  To: React.ReactNode\n}> = (args) => {\n  const {\n    className,\n    From,\n    i18n,\n    label: { label, locale },\n    nestingLevel = 0,\n    To,\n  } = args\n\n  return (\n    <div\n      className={`${baseClass}-container${className ? ` ${className}` : ''} nested-level-${nestingLevel}`}\n    >\n      <FieldDiffLabel>\n        {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n        {label !== false && getTranslation(label || '', i18n)}\n      </FieldDiffLabel>\n      <div\n        className={`${baseClass}-content`}\n        style={\n          nestingLevel\n            ? ({\n                '--field-diff-columns': `calc(50% - ${nestingLevel * gutterOffset}px) calc(50% + ${nestingLevel * gutterOffset}px)`,\n              } as React.CSSProperties)\n            : undefined\n        }\n      >\n        {From}\n        {To}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";AAEA,OAAO;AAEP,SAASA,cAAc,QAAyB;AAChD,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAE/B,MAAMC,SAAA,GAAY;AAElB,MAAMC,YAAA,GAAe;AAErB,OAAO,MAAMC,kBAAA,GAUPC,IAAA;EACJ,MAAM;IACJC,SAAS;IACTC,IAAI;IACJC,IAAI;IACJC,KAAA,EAAO;MAAEA,KAAK;MAAEC;IAAM,CAAE;IACxBC,YAAA,GAAe,CAAC;IAChBC;EAAE,CACH,GAAGP,IAAA;EAEJ,oBACEQ,KAAA,CAAC;IACCP,SAAA,EAAW,GAAGJ,SAAA,aAAsBI,SAAA,GAAY,IAAIA,SAAA,EAAW,GAAG,mBAAmBK,YAAA,EAAc;4BAEnGE,KAAA,CAACZ,cAAA;iBACES,MAAA,iBAAUI,IAAA,CAAC;QAAKR,SAAA,EAAW,GAAGJ,SAAA,gBAAyB;kBAAGQ;UAC1DD,KAAA,KAAU,SAASV,cAAA,CAAeU,KAAA,IAAS,IAAID,IAAA;qBAElDK,KAAA,CAAC;MACCP,SAAA,EAAW,GAAGJ,SAAA,UAAmB;MACjCa,KAAA,EACEJ,YAAA,GACK;QACC,wBAAwB,cAAcA,YAAA,GAAeR,YAAA,kBAA8BQ,YAAA,GAAeR,YAAA;MACpG,IACAa,SAAA;iBAGLT,IAAA,EACAK,EAAA;;;AAIT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","FieldDiffLabel","baseClass","gutterOffset","FieldDiffContainer","args","className","From","i18n","label","locale","nestingLevel","To","labelID","useId","labelText","a11yID","undefined","_jsxs","role","id","_jsx","style"],"sources":["../../../src/elements/FieldDiffContainer/index.tsx"],"sourcesContent":["import type { LabelFunction, StaticLabel } from 'payload'\n\nimport './index.css'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { FieldDiffLabel } from '../FieldDiffLabel/index.js'\n\nconst baseClass = 'field-diff'\n\nconst gutterOffset = 6.5\n\nexport const FieldDiffContainer: React.FC<{\n  className?: string\n  From: React.ReactNode\n  i18n: I18nClient\n  label: {\n    label?: false | LabelFunction | StaticLabel\n    locale?: string\n  }\n  nestingLevel?: number\n  To: React.ReactNode\n}> = (args) => {\n  const {\n    className,\n    From,\n    i18n,\n    label: { label, locale },\n    nestingLevel = 0,\n    To,\n  } = args\n\n  const labelID = React.useId()\n  const labelText = label !== false ? getTranslation(label || '', i18n) : ''\n  const a11yID = locale || labelText ? labelID : undefined\n\n  return (\n    <div\n      aria-labelledby={a11yID}\n      className={`${baseClass}-container${className ? ` ${className}` : ''} nested-level-${nestingLevel}`}\n      role={a11yID ? 'group' : undefined}\n    >\n      <FieldDiffLabel id={a11yID}>\n        {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n        {labelText}\n      </FieldDiffLabel>\n      <div\n        className={`${baseClass}-content`}\n        style={\n          nestingLevel\n            ? ({\n                '--field-diff-columns': `calc(50% - ${nestingLevel * gutterOffset}px) calc(50% + ${nestingLevel * gutterOffset}px)`,\n              } as React.CSSProperties)\n            : undefined\n        }\n      >\n        {From}\n        {To}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";AAEA,OAAO;AAEP,SAASA,cAAc,QAAyB;AAChD,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAE/B,MAAMC,SAAA,GAAY;AAElB,MAAMC,YAAA,GAAe;AAErB,OAAO,MAAMC,kBAAA,GAUPC,IAAA;EACJ,MAAM;IACJC,SAAS;IACTC,IAAI;IACJC,IAAI;IACJC,KAAA,EAAO;MAAEA,KAAK;MAAEC;IAAM,CAAE;IACxBC,YAAA,GAAe,CAAC;IAChBC;EAAE,CACH,GAAGP,IAAA;EAEJ,MAAMQ,OAAA,GAAUb,KAAA,CAAMc,KAAK;EAC3B,MAAMC,SAAA,GAAYN,KAAA,KAAU,QAAQV,cAAA,CAAeU,KAAA,IAAS,IAAID,IAAA,IAAQ;EACxE,MAAMQ,MAAA,GAASN,MAAA,IAAUK,SAAA,GAAYF,OAAA,GAAUI,SAAA;EAE/C,oBACEC,KAAA,CAAC;IACC,mBAAiBF,MAAA;IACjBV,SAAA,EAAW,GAAGJ,SAAA,aAAsBI,SAAA,GAAY,IAAIA,SAAA,EAAW,GAAG,mBAAmBK,YAAA,EAAc;IACnGQ,IAAA,EAAMH,MAAA,GAAS,UAAUC,SAAA;4BAEzBC,KAAA,CAACjB,cAAA;MAAemB,EAAA,EAAIJ,MAAA;iBACjBN,MAAA,iBAAUW,IAAA,CAAC;QAAKf,SAAA,EAAW,GAAGJ,SAAA,gBAAyB;kBAAGQ;UAC1DK,SAAA;qBAEHG,KAAA,CAAC;MACCZ,SAAA,EAAW,GAAGJ,SAAA,UAAmB;MACjCoB,KAAA,EACEX,YAAA,GACK;QACC,wBAAwB,cAAcA,YAAA,GAAeR,YAAA,kBAA8BQ,YAAA,GAAeR,YAAA;MACpG,IACAc,SAAA;iBAGLV,IAAA,EACAK,EAAA;;;AAIT","ignoreList":[]}

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

@@ -2,5 +2,6 @@ import React from 'react';
 import './index.css';
 export declare const FieldDiffLabel: React.FC<{
     children?: React.ReactNode;
+    id?: string;
 }>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FieldDiffLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAEnE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FieldDiffLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAOhF,CAAA"}

package/dist/elements/FieldDiffLabel/index.js

@@ -3,9 +3,11 @@ import React from 'react';
 import './index.css';
 const baseClass = 'field-diff-label';
 export const FieldDiffLabel = ({
+  id,
   children
 }) => /*#__PURE__*/_jsx("div", {
   className: baseClass,
+  id: id,
   children: children
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","baseClass","FieldDiffLabel","children","_jsx","className"],"sources":["../../../src/elements/FieldDiffLabel/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst baseClass = 'field-diff-label'\n\nexport const FieldDiffLabel: React.FC<{ children?: React.ReactNode }> = ({ children }) => (\n  <div className={baseClass}>{children}</div>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,cAAA,GAA2DA,CAAC;EAAEC;AAAQ,CAAE,kBACnFC,IAAA,CAAC;EAAIC,SAAA,EAAWJ,SAAA;YAAYE","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","baseClass","FieldDiffLabel","id","children","_jsx","className"],"sources":["../../../src/elements/FieldDiffLabel/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst baseClass = 'field-diff-label'\n\nexport const FieldDiffLabel: React.FC<{ children?: React.ReactNode; id?: string }> = ({\n  id,\n  children,\n}) => (\n  <div className={baseClass} id={id}>\n    {children}\n  </div>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,cAAA,GAAwEA,CAAC;EACpFC,EAAE;EACFC;AAAQ,CACT,kBACCC,IAAA,CAAC;EAAIC,SAAA,EAAWL,SAAA;EAAWE,EAAA,EAAIA,EAAA;YAC5BC","ignoreList":[]}