@payloadcms/ui 3.56.0-internal.72f4fd2 → 3.56.0

package/dist/elements/CodeEditor/CodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.js","names":["c","_c","EditorImport","React","useState","useTheme","ShimmerEffect","Editor","default","baseClass","CodeEditor","props","$","className","maxHeight","minHeight","options","readOnly","rest","MIN_HEIGHT","insertSpaces","tabSize","trimAutoWhitespace","editorOptions","paddingFromProps","padding","top","bottom","dynamicHeight","setDynamicHeight","theme","t0","defaultLanguage","t1","t2","filter","Boolean","classes","join","_jsx","loading","height","scrollbar","alwaysConsumeMouseWheel","scrollBeyondLastLine","wordWrap","Math","min","onChange","value","ev","max","split","length","onMount","editor","monaco","model","getModel","updateOptions","getValue"],"sources":["../../../src/elements/CodeEditor/CodeEditor.tsx"],"sourcesContent":["'use client'\nimport EditorImport from '@monaco-editor/react'\nimport React, { useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTheme } from '../../providers/Theme/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\nimport './index.scss'\n\nconst Editor = 'default' in EditorImport ? EditorImport.default : EditorImport\n\nconst baseClass = 'code-editor'\n\nconst CodeEditor: React.FC<Props> = (props) => {\n  const { className, maxHeight, minHeight, options, readOnly, ...rest } = props\n  const MIN_HEIGHT = minHeight ?? 56 // equivalent to 3 lines\n\n  // Extract per-model settings to avoid global conflicts\n  const { insertSpaces, tabSize, trimAutoWhitespace, ...editorOptions } = options || {}\n  const paddingFromProps = options?.padding\n    ? (options.padding.top || 0) + (options.padding?.bottom || 0)\n    : 0\n\n  const [dynamicHeight, setDynamicHeight] = useState(MIN_HEIGHT)\n  const { theme } = useTheme()\n\n  const classes = [\n    baseClass,\n    className,\n    rest?.defaultLanguage ? `language--${rest.defaultLanguage}` : '',\n    readOnly && 'read-only',\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <Editor\n      className={classes}\n      loading={<ShimmerEffect height={dynamicHeight} />}\n      options={{\n        detectIndentation: false, // use the tabSize on the model, set onMount\n        hideCursorInOverviewRuler: true,\n        insertSpaces: false,\n        minimap: {\n          enabled: false,\n        },\n        overviewRulerBorder: false,\n        readOnly: Boolean(readOnly),\n        scrollbar: {\n          alwaysConsumeMouseWheel: false,\n        },\n        scrollBeyondLastLine: false,\n        trimAutoWhitespace: false,\n        wordWrap: 'on',\n        ...editorOptions,\n      }}\n      theme={theme === 'dark' ? 'vs-dark' : 'vs'}\n      {...rest}\n      // Since we are not building an IDE and the container\n      // can already have scrolling, we want the height of the\n      // editor to fit its content.\n      // See: https://github.com/microsoft/monaco-editor/discussions/3677\n      height={maxHeight ? Math.min(dynamicHeight, maxHeight) : dynamicHeight}\n      onChange={(value, ev) => {\n        rest.onChange?.(value, ev)\n        setDynamicHeight(Math.max(MIN_HEIGHT, value.split('\\n').length * 18 + 2 + paddingFromProps))\n      }}\n      onMount={(editor, monaco) => {\n        rest.onMount?.(editor, monaco)\n\n        // Set per-model options to avoid global conflicts\n        const model = editor.getModel()\n        if (model) {\n          model.updateOptions({\n            insertSpaces: insertSpaces ?? true,\n            tabSize: tabSize ?? 4,\n            trimAutoWhitespace: trimAutoWhitespace ?? true,\n          })\n        }\n\n        setDynamicHeight(\n          Math.max(MIN_HEIGHT, editor.getValue().split('\\n').length * 18 + 2 + paddingFromProps),\n        )\n      }}\n    />\n  )\n}\n\n// eslint-disable-next-line no-restricted-exports\nexport default CodeEditor\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CodeEditor.js","names":["c","_c","EditorImport","React","useState","useTheme","ShimmerEffect","Editor","default","baseClass","CodeEditor","props","$","className","maxHeight","minHeight","options","readOnly","rest","MIN_HEIGHT","t0","editorOptions","insertSpaces","tabSize","trimAutoWhitespace","paddingFromProps","padding","top","bottom","dynamicHeight","setDynamicHeight","theme","t1","defaultLanguage","t2","t3","filter","Boolean","classes","join","t4","t5","value","ev","onChange","Math","max","split","length","t6","editor","monaco","onMount","model","getModel","updateOptions","getValue","_jsx","loading","height","scrollbar","alwaysConsumeMouseWheel","scrollBeyondLastLine","wordWrap","min"],"sources":["../../../src/elements/CodeEditor/CodeEditor.tsx"],"sourcesContent":["'use client'\nimport EditorImport from '@monaco-editor/react'\nimport React, { useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTheme } from '../../providers/Theme/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\nimport './index.scss'\n\nconst Editor = 'default' in EditorImport ? EditorImport.default : EditorImport\n\nconst baseClass = 'code-editor'\n\nconst CodeEditor: React.FC<Props> = (props) => {\n  const { className, maxHeight, minHeight, options, readOnly, ...rest } = props\n  const MIN_HEIGHT = minHeight ?? 56 // equivalent to 3 lines\n\n  // Extract per-model settings to avoid global conflicts\n  const { insertSpaces, tabSize, trimAutoWhitespace, ...editorOptions } = options || {}\n  const paddingFromProps = options?.padding\n    ? (options.padding.top || 0) + (options.padding?.bottom || 0)\n    : 0\n\n  const [dynamicHeight, setDynamicHeight] = useState(MIN_HEIGHT)\n  const { theme } = useTheme()\n\n  const classes = [\n    baseClass,\n    className,\n    rest?.defaultLanguage ? `language--${rest.defaultLanguage}` : '',\n    readOnly && 'read-only',\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <Editor\n      className={classes}\n      loading={<ShimmerEffect height={dynamicHeight} />}\n      options={{\n        detectIndentation: false, // use the tabSize on the model, set onMount\n        hideCursorInOverviewRuler: true,\n        insertSpaces: false,\n        minimap: {\n          enabled: false,\n        },\n        overviewRulerBorder: false,\n        readOnly: Boolean(readOnly),\n        scrollbar: {\n          alwaysConsumeMouseWheel: false,\n        },\n        scrollBeyondLastLine: false,\n        trimAutoWhitespace: false,\n        wordWrap: 'on',\n        ...editorOptions,\n      }}\n      theme={theme === 'dark' ? 'vs-dark' : 'vs'}\n      {...rest}\n      // Since we are not building an IDE and the container\n      // can already have scrolling, we want the height of the\n      // editor to fit its content.\n      // See: https://github.com/microsoft/monaco-editor/discussions/3677\n      height={maxHeight ? Math.min(dynamicHeight, maxHeight) : dynamicHeight}\n      onChange={(value, ev) => {\n        rest.onChange?.(value, ev)\n        setDynamicHeight(Math.max(MIN_HEIGHT, value.split('\\n').length * 18 + 2 + paddingFromProps))\n      }}\n      onMount={(editor, monaco) => {\n        rest.onMount?.(editor, monaco)\n\n        // Set per-model options to avoid global conflicts\n        const model = editor.getModel()\n        if (model) {\n          model.updateOptions({\n            insertSpaces: insertSpaces ?? true,\n            tabSize: tabSize ?? 4,\n            trimAutoWhitespace: trimAutoWhitespace ?? true,\n          })\n        }\n\n        setDynamicHeight(\n          Math.max(MIN_HEIGHT, editor.getValue().split('\\n').length * 18 + 2 + paddingFromProps),\n        )\n      }}\n    />\n  )\n}\n\n// eslint-disable-next-line no-restricted-exports\nexport default CodeEditor\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Collapsible/index.js

@@ -12,7 +12,7 @@ import { CollapsibleProvider, useCollapsible } from './provider.js';
 const baseClass = 'collapsible';
 export { CollapsibleProvider, useCollapsible };
 export const Collapsible = t0 => {
-  const $ = _c(24);
+  const $ = _c(26);
   const {
     actions,
     children,
@@ -91,6 +91,19 @@ export const Collapsible = t0 => {
   const t14 = t13.join(" ");
   let t15;
   if ($[14] !== actions || $[15] !== children || $[16] !== dragHandleProps || $[17] !== header || $[18] !== isCollapsed || $[19] !== t || $[20] !== t14 || $[21] !== t9 || $[22] !== toggleCollapsible) {
+    let t16;
+    if ($[24] !== dragHandleProps) {
+      t16 = dragHandleProps && _jsx("div", {
+        className: `${baseClass}__drag`,
+        ...dragHandleProps.attributes,
+        ...dragHandleProps.listeners,
+        children: _jsx(DragHandleIcon, {})
+      });
+      $[24] = dragHandleProps;
+      $[25] = t16;
+    } else {
+      t16 = $[25];
+    }
     t15 = _jsx("div", {
       className: t9,
       children: _jsxs(CollapsibleProvider, {
@@ -107,12 +120,7 @@ export const Collapsible = t0 => {
             children: _jsx("span", {
               children: t("fields:toggleBlock")
             })
-          }), dragHandleProps && _jsx("div", {
-            className: `${baseClass}__drag`,
-            ...dragHandleProps.attributes,
-            ...dragHandleProps.listeners,
-            children: _jsx(DragHandleIcon, {})
-          }), header ? _jsx("div", {
+          }), t16, header ? _jsx("div", {
             className: [`${baseClass}__header-wrap`, dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`].filter(Boolean).join(" "),
             children: header
           }) : null, _jsxs("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useState","ChevronIcon","DragHandleIcon","useTranslation","AnimateHeight","CollapsibleProvider","useCollapsible","baseClass","Collapsible","t0","$","actions","children","className","collapsibleStyle","t1","dragHandleProps","header","initCollapsed","isCollapsed","collapsedFromProps","onToggle","undefined","collapsedLocal","setCollapsedLocal","Boolean","hoveringToggle","setHoveringToggle","isWithinCollapsible","t","t2","toggleCollapsible","t3","t4","t5","t6","t7","t8","filter","t9","join","t10","t11","Symbol","for","t12","t13","t14","t15","_jsx","_jsxs","toggle","onMouseEnter","onMouseLeave","onClick","type","attributes","listeners","direction","height"],"sources":["../../../src/elements/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react'\n\nimport type { DragHandleProps } from '../DraggableSortable/DraggableSortableItem/types.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { DragHandleIcon } from '../../icons/DragHandle/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\nimport { AnimateHeight } from '../AnimateHeight/index.js'\nimport { CollapsibleProvider, useCollapsible } from './provider.js'\n\nconst baseClass = 'collapsible'\n\nexport { CollapsibleProvider, useCollapsible }\n\nexport type Props = {\n  actions?: React.ReactNode\n  children: React.ReactNode\n  className?: string\n  collapsibleStyle?: 'default' | 'error'\n  dragHandleProps?: DragHandleProps\n  header?: React.ReactNode\n  initCollapsed?: boolean\n  isCollapsed?: boolean\n  onToggle?: (collapsed: boolean) => Promise<void> | void\n}\n\nexport const Collapsible: React.FC<Props> = ({\n  actions,\n  children,\n  className,\n  collapsibleStyle = 'default',\n  dragHandleProps,\n  header,\n  initCollapsed,\n  isCollapsed: collapsedFromProps,\n  onToggle,\n}) => {\n  const [collapsedLocal, setCollapsedLocal] = useState(Boolean(initCollapsed))\n  const [hoveringToggle, setHoveringToggle] = useState(false)\n  const { isWithinCollapsible } = useCollapsible()\n  const { t } = useTranslation()\n\n  const isCollapsed = typeof collapsedFromProps === 'boolean' ? collapsedFromProps : collapsedLocal\n\n  const toggleCollapsible = React.useCallback(() => {\n    if (typeof onToggle === 'function') {\n      void onToggle(!isCollapsed)\n    }\n    setCollapsedLocal(!isCollapsed)\n  }, [onToggle, isCollapsed])\n\n  return (\n    <div\n      className={[\n        baseClass,\n        className,\n        dragHandleProps && `${baseClass}--has-drag-handle`,\n        isCollapsed && `${baseClass}--collapsed`,\n        isWithinCollapsible && `${baseClass}--nested`,\n        hoveringToggle && `${baseClass}--hovered`,\n        `${baseClass}--style-${collapsibleStyle}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <CollapsibleProvider isCollapsed={isCollapsed} toggle={toggleCollapsible}>\n        <div\n          className={`${baseClass}__toggle-wrap`}\n          onMouseEnter={() => setHoveringToggle(true)}\n          onMouseLeave={() => setHoveringToggle(false)}\n        >\n          <button\n            className={[\n              `${baseClass}__toggle`,\n              `${baseClass}__toggle--${isCollapsed ? 'collapsed' : 'open'}`,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={toggleCollapsible}\n            type=\"button\"\n          >\n            <span>{t('fields:toggleBlock')}</span>\n          </button>\n          {dragHandleProps && (\n            <div\n              className={`${baseClass}__drag`}\n              {...dragHandleProps.attributes}\n              {...dragHandleProps.listeners}\n            >\n              <DragHandleIcon />\n            </div>\n          )}\n          {header ? (\n            <div\n              className={[\n                `${baseClass}__header-wrap`,\n                dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              {header}\n            </div>\n          ) : null}\n          <div className={`${baseClass}__actions-wrap`}>\n            {actions ? <div className={`${baseClass}__actions`}>{actions}</div> : null}\n            <div className={`${baseClass}__indicator`}>\n              <ChevronIcon direction={!isCollapsed ? 'up' : undefined} />\n            </div>\n          </div>\n        </div>\n        <AnimateHeight height={isCollapsed ? 0 : 'auto'}>\n          <div className={`${baseClass}__content`}>{children}</div>\n        </AnimateHeight>\n      </CollapsibleProvider>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,aAAa,QAAQ;AAC9B,SAASC,mBAAmB,EAAEC,cAAc,QAAQ;AAEpD,MAAMC,SAAA,GAAY;AAElB,SAASF,mBAAmB,EAAEC,cAAc;AAc5C,OAAO,MAAME,WAAA,GAA+BC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa,OAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,gBAAA,EAAAC,EAAA;IAAAC,eAAA;IAAAC,MAAA;IAAAC,aAAA;IAAAC,WAAA,EAAAC,kBAAA;IAAAC;EAAA,IAAAZ,EAU5C;EANC,MAAAK,gBAAA,GAAAC,EAA4B,KAAAO,SAAA,GAAT,SAAS,GAA5BP,EAA4B;EAO5B,OAAAQ,cAAA,EAAAC,iBAAA,IAA4CxB,QAAA,CAASyB,OAAA,CAAQP,aAAA;EAC7D,OAAAQ,cAAA,EAAAC,iBAAA,IAA4C3B,QAAA,MAAS;EACrD;IAAA4B;EAAA,IAAgCtB,cAAA;EAChC;IAAAuB;EAAA,IAAc1B,cAAA;EAEd,MAAAgB,WAAA,GAAoB,OAAOC,kBAAA,KAAuB,YAAYA,kBAAA,GAAqBG,cAAA;EAAA,IAAAO,EAAA;EAAA,IAAApB,CAAA,QAAAS,WAAA,IAAAT,CAAA,QAAAW,QAAA;IAEvCS,EAAA,GAAAA,CAAA;MAAA,IACtC,OAAOT,QAAA,KAAa;QACjBA,QAAA,EAAUF,WAAA;MAAA;MAEjBK,iBAAA,EAAmBL,WAAA;IAAA;IACrBT,CAAA,MAAAS,WAAA;IAAAT,CAAA,MAAAW,QAAA;IAAAX,CAAA,MAAAoB,EAAA;EAAA;IAAAA,EAAA,GAAApB,CAAA;EAAA;EALA,MAAAqB,iBAAA,GAA0BD,EAKA;EAOpB,MAAAE,EAAA,GAAAhB,eAAA,IAAmB,GAAAT,SAAA,mBAA+B;EAClD,MAAA0B,EAAA,GAAAd,WAAA,IAAe,GAAAZ,SAAA,aAAyB;EACxC,MAAA2B,EAAA,GAAAN,mBAAA,IAAuB,GAAArB,SAAA,UAAsB;EAC7C,MAAA4B,EAAA,GAAAT,cAAA,IAAkB,GAAAnB,SAAA,WAAuB;EACzC,MAAA6B,EAAA,MAAA7B,SAAA,WAAuBO,gBAAA,EAAkB;EAAA,IAAAuB,EAAA;EAAA,IAAA3B,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAsB,EAAA,IAAAtB,CAAA,QAAAuB,EAAA,IAAAvB,CAAA,QAAAwB,EAAA,IAAAxB,CAAA,QAAAyB,EAAA,IAAAzB,CAAA,QAAA0B,EAAA;IAPhCC,EAAA,IAAA9B,SAAA,EAETM,SAAA,EACAmB,EAAkD,EAClDC,EAAwC,EACxCC,EAA6C,EAC7CC,EAAyC,EACzCC,EAAyC,EAAAE,MAAA,CAAAb,OAEjC;IAAAf,CAAA,MAAAG,SAAA;IAAAH,CAAA,MAAAsB,EAAA;IAAAtB,CAAA,MAAAuB,EAAA;IAAAvB,CAAA,MAAAwB,EAAA;IAAAxB,CAAA,MAAAyB,EAAA;IAAAzB,CAAA,MAAA0B,EAAA;IAAA1B,CAAA,MAAA2B,EAAA;EAAA;IAAAA,EAAA,GAAA3B,CAAA;EAAA;EATC,MAAA6B,EAAA,GAAAF,EASD,CAAAG,IAAA,CACF;EAAA,IAAAC,GAAA;EAAA,IAAAC,GAAA;EAAA,IAAAhC,CAAA,SAAAiC,MAAA,CAAAC,GAAA;IAKUH,GAAA,GAAAA,CAAA,KAAMd,iBAAA,KAAkB;IACxBe,GAAA,GAAAA,CAAA,KAAMf,iBAAA,MAAkB;IAAAjB,CAAA,OAAA+B,GAAA;IAAA/B,CAAA,OAAAgC,GAAA;EAAA;IAAAD,GAAA,GAAA/B,CAAA;IAAAgC,GAAA,GAAAhC,CAAA;EAAA;EAKlC,MAAAmC,GAAA,MAAAtC,SAAA,aAAyBY,WAAA,GAAc,cAAc,QAAQ;EAAA,IAAA2B,GAAA;EAAA,IAAApC,CAAA,SAAAmC,GAAA;IAFpDC,GAAA,IACT,GAAAvC,SAAA,UAAsB,EACtBsC,GAA6D,EAAAP,MAAA,CAAAb,OAErD;IAAAf,CAAA,OAAAmC,GAAA;IAAAnC,CAAA,OAAAoC,GAAA;EAAA;IAAAA,GAAA,GAAApC,CAAA;EAAA;EAJC,MAAAqC,GAAA,GAAAD,GAID,CAAAN,IAAA,CACF;EAAA,IAAAQ,GAAA;EAAA,IAAAtC,CAAA,SAAAC,OAAA,IAAAD,CAAA,SAAAE,QAAA,IAAAF,CAAA,SAAAM,eAAA,IAAAN,CAAA,SAAAO,MAAA,IAAAP,CAAA,SAAAS,WAAA,IAAAT,CAAA,SAAAmB,CAAA,IAAAnB,CAAA,SAAAqC,GAAA,IAAArC,CAAA,SAAA6B,EAAA,IAAA7B,CAAA,SAAAqB,iBAAA;IAzBhBiB,GAAA,GAAAC,IAAA,CAAC;MAAApC,SAAA,EACY0B,EAUH;MAAA3B,QAAA,EAERsC,KAAA,CAAA7C,mBAAA;QAAAc,WAAA;QAAAgC,MAAA,EAAuDpB,iBAAA;QAAAnB,QAAA,GACrDsC,KAAA,CAAC;UAAArC,SAAA,EACY,GAAAN,SAAA,eAA2B;UAAA6C,YAAA,EACxBX,GAAwB;UAAAY,YAAA,EACxBX,GAAwB;UAAA9B,QAAA,GAEtCqC,IAAA,CAAC;YAAApC,SAAA,EACYkC,GAKH;YAAAO,OAAA,EACCvB,iBAAA;YAAAwB,IAAA,EACJ;YAAA3C,QAAA,EAELqC,IAAA,CAAC;cAAArC,QAAA,EAAMiB,CAAA,CAAE;YAAA,C;cAEVb,eAAA,IACCiC,IAAA,CAAC;YAAApC,SAAA,EACY,GAAAN,SAAA,QAAoB;YAAA,GAC3BS,eAAA,CAAAwC,UAAA;YAAA,GACAxC,eAAA,CAAAyC,SAAA;YAAA7C,QAAA,EAEJqC,IAAA,CAAA/C,cAAA,IAAC;UAAA,C,GAGJe,MAAA,GACCgC,IAAA,CAAC;YAAApC,SAAA,EACY,CACT,GAAAN,SAAA,eAA2B,EAC3BS,eAAA,IAAmB,GAAAT,SAAA,gCAA4C,EAAA+B,MAAA,CAAAb,OAEvD,EAAAe,IAAA,CACF;YAAA5B,QAAA,EAEPK;UAAA,C,QAED,EACJiC,KAAA,CAAC;YAAArC,SAAA,EAAe,GAAAN,SAAA,gBAA4B;YAAAK,QAAA,GACzCD,OAAA,GAAUsC,IAAA,CAAC;cAAApC,SAAA,EAAe,GAAAN,SAAA,WAAuB;cAAAK,QAAA,EAAGD;YAAA,C,QAAiB,EACtEsC,IAAA,CAAC;cAAApC,SAAA,EAAe,GAAAN,SAAA,aAAyB;cAAAK,QAAA,EACvCqC,IAAA,CAAAhD,WAAA;gBAAAyD,SAAA,EAAwB,CAACvC,WAAA,GAAc,OAAAG;cAAO,C;;;YAIpD2B,IAAA,CAAA7C,aAAA;UAAAuD,MAAA,EAAuBxC,WAAA,OAAkB;UAAAP,QAAA,EACvCqC,IAAA,CAAC;YAAApC,SAAA,EAAe,GAAAN,SAAA,WAAuB;YAAAK;UAAA,C;;;;;;;;;;;;;;;;;SA5D7CoC,G;CAiEJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useState","ChevronIcon","DragHandleIcon","useTranslation","AnimateHeight","CollapsibleProvider","useCollapsible","baseClass","Collapsible","t0","$","actions","children","className","collapsibleStyle","t1","dragHandleProps","header","initCollapsed","isCollapsed","collapsedFromProps","onToggle","undefined","collapsedLocal","setCollapsedLocal","Boolean","hoveringToggle","setHoveringToggle","isWithinCollapsible","t","t2","toggleCollapsible","t3","t4","t5","t6","t7","t8","filter","t9","join","t10","t11","Symbol","for","t12","t13","t14","t15","t16","_jsx","attributes","listeners","_jsxs","toggle","onMouseEnter","onMouseLeave","onClick","type","direction","height"],"sources":["../../../src/elements/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react'\n\nimport type { DragHandleProps } from '../DraggableSortable/DraggableSortableItem/types.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { DragHandleIcon } from '../../icons/DragHandle/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\nimport { AnimateHeight } from '../AnimateHeight/index.js'\nimport { CollapsibleProvider, useCollapsible } from './provider.js'\n\nconst baseClass = 'collapsible'\n\nexport { CollapsibleProvider, useCollapsible }\n\nexport type Props = {\n  actions?: React.ReactNode\n  children: React.ReactNode\n  className?: string\n  collapsibleStyle?: 'default' | 'error'\n  dragHandleProps?: DragHandleProps\n  header?: React.ReactNode\n  initCollapsed?: boolean\n  isCollapsed?: boolean\n  onToggle?: (collapsed: boolean) => Promise<void> | void\n}\n\nexport const Collapsible: React.FC<Props> = ({\n  actions,\n  children,\n  className,\n  collapsibleStyle = 'default',\n  dragHandleProps,\n  header,\n  initCollapsed,\n  isCollapsed: collapsedFromProps,\n  onToggle,\n}) => {\n  const [collapsedLocal, setCollapsedLocal] = useState(Boolean(initCollapsed))\n  const [hoveringToggle, setHoveringToggle] = useState(false)\n  const { isWithinCollapsible } = useCollapsible()\n  const { t } = useTranslation()\n\n  const isCollapsed = typeof collapsedFromProps === 'boolean' ? collapsedFromProps : collapsedLocal\n\n  const toggleCollapsible = React.useCallback(() => {\n    if (typeof onToggle === 'function') {\n      void onToggle(!isCollapsed)\n    }\n    setCollapsedLocal(!isCollapsed)\n  }, [onToggle, isCollapsed])\n\n  return (\n    <div\n      className={[\n        baseClass,\n        className,\n        dragHandleProps && `${baseClass}--has-drag-handle`,\n        isCollapsed && `${baseClass}--collapsed`,\n        isWithinCollapsible && `${baseClass}--nested`,\n        hoveringToggle && `${baseClass}--hovered`,\n        `${baseClass}--style-${collapsibleStyle}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <CollapsibleProvider isCollapsed={isCollapsed} toggle={toggleCollapsible}>\n        <div\n          className={`${baseClass}__toggle-wrap`}\n          onMouseEnter={() => setHoveringToggle(true)}\n          onMouseLeave={() => setHoveringToggle(false)}\n        >\n          <button\n            className={[\n              `${baseClass}__toggle`,\n              `${baseClass}__toggle--${isCollapsed ? 'collapsed' : 'open'}`,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={toggleCollapsible}\n            type=\"button\"\n          >\n            <span>{t('fields:toggleBlock')}</span>\n          </button>\n          {dragHandleProps && (\n            <div\n              className={`${baseClass}__drag`}\n              {...dragHandleProps.attributes}\n              {...dragHandleProps.listeners}\n            >\n              <DragHandleIcon />\n            </div>\n          )}\n          {header ? (\n            <div\n              className={[\n                `${baseClass}__header-wrap`,\n                dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              {header}\n            </div>\n          ) : null}\n          <div className={`${baseClass}__actions-wrap`}>\n            {actions ? <div className={`${baseClass}__actions`}>{actions}</div> : null}\n            <div className={`${baseClass}__indicator`}>\n              <ChevronIcon direction={!isCollapsed ? 'up' : undefined} />\n            </div>\n          </div>\n        </div>\n        <AnimateHeight height={isCollapsed ? 0 : 'auto'}>\n          <div className={`${baseClass}__content`}>{children}</div>\n        </AnimateHeight>\n      </CollapsibleProvider>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ConfirmationModal/index.js

@@ -10,7 +10,7 @@ import { drawerZBase, useDrawerDepth } from '../Drawer/index.js';
 import './index.scss';
 const baseClass = 'confirmation-modal';
 export function ConfirmationModal(props) {
-  const $ = _c(25);
+  const $ = _c(37);
   const {
     body,
     cancelLabel,
@@ -82,6 +82,46 @@ export function ConfirmationModal(props) {
   const t4 = drawerZBase + editDepth;
   let t5;
   if ($[12] !== body || $[13] !== cancelLabel || $[14] !== confirmLabel || $[15] !== confirming || $[16] !== confirmingLabel || $[17] !== heading || $[18] !== modalSlug || $[19] !== onCancel || $[20] !== onConfirm || $[21] !== t || $[22] !== t3 || $[23] !== t4) {
+    let t6;
+    if ($[25] !== heading) {
+      t6 = typeof heading === "string" ? _jsx("h1", {
+        children: heading
+      }) : heading;
+      $[25] = heading;
+      $[26] = t6;
+    } else {
+      t6 = $[26];
+    }
+    let t7;
+    if ($[27] !== body) {
+      t7 = typeof body === "string" ? _jsx("p", {
+        children: body
+      }) : body;
+      $[27] = body;
+      $[28] = t7;
+    } else {
+      t7 = $[28];
+    }
+    let t8;
+    if ($[29] !== cancelLabel || $[30] !== t) {
+      t8 = cancelLabel || t("general:cancel");
+      $[29] = cancelLabel;
+      $[30] = t;
+      $[31] = t8;
+    } else {
+      t8 = $[31];
+    }
+    let t9;
+    if ($[32] !== confirmLabel || $[33] !== confirming || $[34] !== confirmingLabel || $[35] !== t) {
+      t9 = confirming ? confirmingLabel || `${t("general:loading")}...` : confirmLabel || t("general:confirm");
+      $[32] = confirmLabel;
+      $[33] = confirming;
+      $[34] = confirmingLabel;
+      $[35] = t;
+      $[36] = t9;
+    } else {
+      t9 = $[36];
+    }
     t5 = _jsx(Modal, {
       className: t3,
       slug: modalSlug,
@@ -92,11 +132,7 @@ export function ConfirmationModal(props) {
         className: `${baseClass}__wrapper`,
         children: [_jsxs("div", {
           className: `${baseClass}__content`,
-          children: [typeof heading === "string" ? _jsx("h1", {
-            children: heading
-          }) : heading, typeof body === "string" ? _jsx("p", {
-            children: body
-          }) : body]
+          children: [t6, t7]
         }), _jsxs("div", {
           className: `${baseClass}__controls`,
           children: [_jsx(Button, {
@@ -106,12 +142,12 @@ export function ConfirmationModal(props) {
             onClick: onCancel,
             size: "large",
             type: "button",
-            children: cancelLabel || t("general:cancel")
+            children: t8
           }), _jsx(Button, {
             id: "confirm-action",
             onClick: onConfirm,
             size: "large",
-            children: confirming ? confirmingLabel || `${t("general:loading")}...` : confirmLabel || t("general:confirm")
+            children: t9
           })]
         })]
       })

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","Modal","useModal","React","useCallback","useTranslation","Button","drawerZBase","useDrawerDepth","baseClass","ConfirmationModal","props","$","body","cancelLabel","className","confirmingLabel","confirmLabel","heading","modalSlug","onCancel","onCancelFromProps","onConfirm","onConfirmFromProps","editDepth","confirming","setConfirming","useState","closeModal","t","t0","t1","t2","filter","Boolean","t3","join","t4","t5","_jsx","slug","style","zIndex","children","_jsxs","buttonStyle","disabled","id","onClick","size","type"],"sources":["../../../src/elements/ConfirmationModal/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport React, { useCallback } from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { drawerZBase, useDrawerDepth } from '../Drawer/index.js'\nimport './index.scss'\n\nconst baseClass = 'confirmation-modal'\n\nexport type OnCancel = () => void\n\nexport type ConfirmationModalProps = {\n  body: React.ReactNode\n  cancelLabel?: string\n  className?: string\n  confirmingLabel?: string\n  confirmLabel?: string\n  heading: React.ReactNode\n  modalSlug: string\n  onCancel?: OnCancel\n  onConfirm: () => Promise<void> | void\n}\n\nexport function ConfirmationModal(props: ConfirmationModalProps) {\n  const {\n    body,\n    cancelLabel,\n    className,\n    confirmingLabel,\n    confirmLabel,\n    heading,\n    modalSlug,\n    onCancel: onCancelFromProps,\n    onConfirm: onConfirmFromProps,\n  } = props\n\n  const editDepth = useDrawerDepth()\n\n  const [confirming, setConfirming] = React.useState(false)\n\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  const onConfirm = useCallback(async () => {\n    if (!confirming) {\n      setConfirming(true)\n\n      if (typeof onConfirmFromProps === 'function') {\n        await onConfirmFromProps()\n      }\n\n      setConfirming(false)\n      closeModal(modalSlug)\n    }\n  }, [confirming, onConfirmFromProps, closeModal, modalSlug])\n\n  const onCancel = useCallback(() => {\n    if (!confirming) {\n      closeModal(modalSlug)\n\n      if (typeof onCancelFromProps === 'function') {\n        onCancelFromProps()\n      }\n    }\n  }, [confirming, onCancelFromProps, closeModal, modalSlug])\n\n  return (\n    <Modal\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      slug={modalSlug}\n      style={{\n        zIndex: drawerZBase + editDepth,\n      }}\n    >\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          {typeof heading === 'string' ? <h1>{heading}</h1> : heading}\n          {typeof body === 'string' ? <p>{body}</p> : body}\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            disabled={confirming}\n            id=\"confirm-cancel\"\n            onClick={onCancel}\n            size=\"large\"\n            type=\"button\"\n          >\n            {cancelLabel || t('general:cancel')}\n          </Button>\n          <Button id=\"confirm-action\" onClick={onConfirm} size=\"large\">\n            {confirming\n              ? confirmingLabel || `${t('general:loading')}...`\n              : confirmLabel || t('general:confirm')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","Modal","useModal","React","useCallback","useTranslation","Button","drawerZBase","useDrawerDepth","baseClass","ConfirmationModal","props","$","body","cancelLabel","className","confirmingLabel","confirmLabel","heading","modalSlug","onCancel","onCancelFromProps","onConfirm","onConfirmFromProps","editDepth","confirming","setConfirming","useState","closeModal","t","t0","t1","t2","filter","Boolean","t3","join","t4","t5","t6","_jsx","children","t7","t8","t9","slug","style","zIndex","_jsxs","buttonStyle","disabled","id","onClick","size","type"],"sources":["../../../src/elements/ConfirmationModal/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport React, { useCallback } from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { drawerZBase, useDrawerDepth } from '../Drawer/index.js'\nimport './index.scss'\n\nconst baseClass = 'confirmation-modal'\n\nexport type OnCancel = () => void\n\nexport type ConfirmationModalProps = {\n  body: React.ReactNode\n  cancelLabel?: string\n  className?: string\n  confirmingLabel?: string\n  confirmLabel?: string\n  heading: React.ReactNode\n  modalSlug: string\n  onCancel?: OnCancel\n  onConfirm: () => Promise<void> | void\n}\n\nexport function ConfirmationModal(props: ConfirmationModalProps) {\n  const {\n    body,\n    cancelLabel,\n    className,\n    confirmingLabel,\n    confirmLabel,\n    heading,\n    modalSlug,\n    onCancel: onCancelFromProps,\n    onConfirm: onConfirmFromProps,\n  } = props\n\n  const editDepth = useDrawerDepth()\n\n  const [confirming, setConfirming] = React.useState(false)\n\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  const onConfirm = useCallback(async () => {\n    if (!confirming) {\n      setConfirming(true)\n\n      if (typeof onConfirmFromProps === 'function') {\n        await onConfirmFromProps()\n      }\n\n      setConfirming(false)\n      closeModal(modalSlug)\n    }\n  }, [confirming, onConfirmFromProps, closeModal, modalSlug])\n\n  const onCancel = useCallback(() => {\n    if (!confirming) {\n      closeModal(modalSlug)\n\n      if (typeof onCancelFromProps === 'function') {\n        onCancelFromProps()\n      }\n    }\n  }, [confirming, onCancelFromProps, closeModal, modalSlug])\n\n  return (\n    <Modal\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      slug={modalSlug}\n      style={{\n        zIndex: drawerZBase + editDepth,\n      }}\n    >\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          {typeof heading === 'string' ? <h1>{heading}</h1> : heading}\n          {typeof body === 'string' ? <p>{body}</p> : body}\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            disabled={confirming}\n            id=\"confirm-cancel\"\n            onClick={onCancel}\n            size=\"large\"\n            type=\"button\"\n          >\n            {cancelLabel || t('general:cancel')}\n          </Button>\n          <Button id=\"confirm-action\" onClick={onConfirm} size=\"large\">\n            {confirming\n              ? confirmingLabel || `${t('general:loading')}...`\n              : confirmLabel || t('general:confirm')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/CopyLocaleData/index.js

@@ -25,7 +25,7 @@ import './index.scss';
 const baseClass = 'copy-locale-data';
 const drawerSlug = 'copy-locale';
 export const CopyLocaleData = () => {
-  const $ = _c(36);
+  const $ = _c(38);
   const {
     config: t0
   } = useConfig();
@@ -60,58 +60,66 @@ export const CopyLocaleData = () => {
   const {
     startRouteTransition
   } = useRouteTransition();
-  const localeOptions = localization && localization.locales.map(_temp) || [];
   let t2;
-  if ($[0] !== code) {
-    t2 = locale_0 => locale_0.value !== code;
-    $[0] = code;
+  if ($[0] !== localization) {
+    t2 = localization && localization.locales.map(_temp) || [];
+    $[0] = localization;
     $[1] = t2;
   } else {
     t2 = $[1];
   }
-  const localeOptionsWithoutCurrent = localeOptions.filter(t2);
+  const localeOptions = t2;
   let t3;
-  if ($[2] !== i18n || $[3] !== localization) {
-    t3 = code_0 => {
+  if ($[2] !== code) {
+    t3 = locale_0 => locale_0.value !== code;
+    $[2] = code;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const localeOptionsWithoutCurrent = localeOptions.filter(t3);
+  let t4;
+  if ($[4] !== i18n || $[5] !== localization) {
+    t4 = 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;
     };
-    $[2] = i18n;
-    $[3] = localization;
-    $[4] = t3;
+    $[4] = i18n;
+    $[5] = localization;
+    $[6] = t4;
   } else {
-    t3 = $[4];
+    t4 = $[6];
   }
-  const getLocaleLabel = t3;
+  const getLocaleLabel = t4;
   const [copying, setCopying] = React.useState(false);
   const [toLocale, setToLocale] = React.useState(null);
   const [fromLocale, setFromLocale] = React.useState(code);
   const [overwriteExisting, setOverwriteExisting] = React.useState(false);
-  let t4;
   let t5;
-  if ($[5] !== code || $[6] !== fromLocale) {
-    t4 = () => {
+  let t6;
+  if ($[7] !== code || $[8] !== fromLocale) {
+    t5 = () => {
       if (fromLocale !== code) {
         setFromLocale(code);
       }
     };
-    t5 = [code, fromLocale];
-    $[5] = code;
-    $[6] = fromLocale;
-    $[7] = t4;
-    $[8] = t5;
+    t6 = [code, fromLocale];
+    $[7] = code;
+    $[8] = fromLocale;
+    $[9] = t5;
+    $[10] = t6;
   } else {
-    t4 = $[7];
-    t5 = $[8];
+    t5 = $[9];
+    t6 = $[10];
   }
-  React.useEffect(t4, t5);
-  let t6;
-  if ($[9] !== admin || $[10] !== collectionSlug || $[11] !== copyDataFromLocale || $[12] !== globalSlug || $[13] !== id || $[14] !== overwriteExisting || $[15] !== router || $[16] !== serverURL || $[17] !== startRouteTransition || $[18] !== toggleModal) {
-    t6 = async t7 => {
+  React.useEffect(t5, t6);
+  let t7;
+  if ($[11] !== admin || $[12] !== collectionSlug || $[13] !== copyDataFromLocale || $[14] !== globalSlug || $[15] !== id || $[16] !== overwriteExisting || $[17] !== router || $[18] !== serverURL || $[19] !== startRouteTransition || $[20] !== toggleModal) {
+    t7 = async t8 => {
       const {
         from,
         to
-      } = t7;
+      } = t8;
       setCopying(true);
       ;
       try {
@@ -130,58 +138,58 @@ export const CopyLocaleData = () => {
           serverURL
         }) + `?locale=${to}`));
         toggleModal(drawerSlug);
-      } catch (t8) {
-        const error = t8;
+      } catch (t9) {
+        const error = t9;
         toast.error(error.message);
       }
     };
-    $[9] = admin;
-    $[10] = collectionSlug;
-    $[11] = copyDataFromLocale;
-    $[12] = globalSlug;
-    $[13] = id;
-    $[14] = overwriteExisting;
-    $[15] = router;
-    $[16] = serverURL;
-    $[17] = startRouteTransition;
-    $[18] = toggleModal;
-    $[19] = t6;
+    $[11] = admin;
+    $[12] = collectionSlug;
+    $[13] = copyDataFromLocale;
+    $[14] = globalSlug;
+    $[15] = id;
+    $[16] = overwriteExisting;
+    $[17] = router;
+    $[18] = serverURL;
+    $[19] = startRouteTransition;
+    $[20] = toggleModal;
+    $[21] = t7;
   } else {
-    t6 = $[19];
+    t7 = $[21];
   }
-  const copyLocaleData = t6;
+  const copyLocaleData = t7;
   if (!id && !globalSlug) {
     return null;
   }
-  let t7;
-  if ($[20] !== modified || $[21] !== t || $[22] !== toggleModal) {
-    t7 = () => {
+  let t8;
+  if ($[22] !== modified || $[23] !== t || $[24] !== toggleModal) {
+    t8 = () => {
       if (modified) {
         toast.info(t("general:unsavedChanges"));
       } else {
         toggleModal(drawerSlug);
       }
     };
-    $[20] = modified;
-    $[21] = t;
-    $[22] = toggleModal;
-    $[23] = t7;
-  } else {
-    t7 = $[23];
-  }
-  let t8;
-  if ($[24] !== toggleModal) {
-    t8 = () => {
-      toggleModal(drawerSlug);
-    };
+    $[22] = modified;
+    $[23] = t;
     $[24] = toggleModal;
     $[25] = t8;
   } else {
     t8 = $[25];
   }
   let t9;
-  if ($[26] !== copyLocaleData || $[27] !== copying || $[28] !== fromLocale || $[29] !== t || $[30] !== toLocale) {
-    t9 = async () => {
+  if ($[26] !== toggleModal) {
+    t9 = () => {
+      toggleModal(drawerSlug);
+    };
+    $[26] = toggleModal;
+    $[27] = t9;
+  } else {
+    t9 = $[27];
+  }
+  let t10;
+  if ($[28] !== copyLocaleData || $[29] !== copying || $[30] !== fromLocale || $[31] !== t || $[32] !== toLocale) {
+    t10 = async () => {
       if (fromLocale === toLocale) {
         toast.error(t("localization:cannotCopySameLocale"));
         return;
@@ -193,55 +201,55 @@ export const CopyLocaleData = () => {
         });
       }
     };
-    $[26] = copyLocaleData;
-    $[27] = copying;
-    $[28] = fromLocale;
-    $[29] = t;
-    $[30] = toLocale;
-    $[31] = t9;
+    $[28] = copyLocaleData;
+    $[29] = copying;
+    $[30] = fromLocale;
+    $[31] = t;
+    $[32] = toLocale;
+    $[33] = t10;
   } else {
-    t9 = $[31];
+    t10 = $[33];
   }
-  let t10;
-  if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
-    t10 = selectedOption => {
+  let t11;
+  if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
+    t11 = selectedOption => {
       if (selectedOption?.value) {
         setFromLocale(selectedOption.value);
       }
     };
-    $[32] = t10;
+    $[34] = t11;
   } else {
-    t10 = $[32];
+    t11 = $[34];
   }
-  let t11;
-  if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
-    t11 = selectedOption_0 => {
+  let t12;
+  if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+    t12 = selectedOption_0 => {
       if (selectedOption_0?.value) {
         setToLocale(selectedOption_0.value);
       }
     };
-    $[33] = t11;
-  } else {
-    t11 = $[33];
-  }
-  let t12;
-  if ($[34] !== overwriteExisting) {
-    t12 = () => setOverwriteExisting(!overwriteExisting);
-    $[34] = overwriteExisting;
     $[35] = t12;
   } else {
     t12 = $[35];
   }
+  let t13;
+  if ($[36] !== overwriteExisting) {
+    t13 = () => setOverwriteExisting(!overwriteExisting);
+    $[36] = overwriteExisting;
+    $[37] = t13;
+  } else {
+    t13 = $[37];
+  }
   return _jsxs(React.Fragment, {
     children: [_jsx(PopupList.Button, {
       id: `${baseClass}__button`,
-      onClick: t7,
+      onClick: t8,
       children: t("localization:copyToLocale")
     }), _jsxs(Drawer, {
       className: baseClass,
       gutter: false,
       Header: _jsx(DrawerHeader, {
-        onClose: t8,
+        onClose: t9,
         title: t("localization:copyToLocale")
       }),
       slug: drawerSlug,
@@ -258,7 +266,7 @@ export const CopyLocaleData = () => {
           buttonStyle: "primary",
           disabled: !fromLocale || !toLocale,
           iconPosition: "left",
-          onClick: t9,
+          onClick: t10,
           size: "medium",
           children: copying ? t("general:copying") + "..." : t("general:copy")
         })]
@@ -267,7 +275,7 @@ export const CopyLocaleData = () => {
         children: [_jsx(SelectInput, {
           label: t("localization:copyFrom"),
           name: "fromLocale",
-          onChange: t10,
+          onChange: t11,
           options: localeOptions,
           path: "fromLocale",
           readOnly: true,
@@ -275,7 +283,7 @@ export const CopyLocaleData = () => {
         }), _jsx(SelectInput, {
           label: t("localization:copyTo"),
           name: "toLocale",
-          onChange: t11,
+          onChange: t12,
           options: localeOptionsWithoutCurrent,
           path: "toLocale",
           value: toLocale
@@ -285,7 +293,7 @@ export const CopyLocaleData = () => {
             name: "overwriteExisting",
             label: t("general:overwriteExistingData")
           },
-          onChange: t12,
+          onChange: t13,
           path: "overwriteExisting"
         })]
       })]