@payloadcms/ui 3.68.0-internal-debug.56c9b68 → 3.68.0-internal-debug.185cc5f

package/dist/elements/DrawerActionHeader/index.js

@@ -1,6 +1,4 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { FormSubmit } from '../../forms/Submit/index.js';
@@ -8,63 +6,39 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
 import './index.scss';
 const baseClass = 'drawer-action-header';
-export const DrawerActionHeader = t0 => {
-  const $ = _c(10);
-  const {
-    cancelLabel,
-    className,
-    onCancel,
-    onSave,
-    saveLabel,
-    title
-  } = t0;
-  const {
-    t
-  } = useTranslation();
-  let t1;
-  if ($[0] !== className) {
-    t1 = [baseClass, className].filter(Boolean);
-    $[0] = className;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const t2 = t1.join(" ");
-  let t3;
-  if ($[2] !== cancelLabel || $[3] !== onCancel || $[4] !== onSave || $[5] !== saveLabel || $[6] !== t || $[7] !== t2 || $[8] !== title) {
-    t3 = _jsx("div", {
-      className: t2,
-      children: _jsxs("div", {
-        className: `${baseClass}__content`,
-        children: [_jsx("h1", {
-          className: `${baseClass}__title`,
-          children: title
-        }), _jsxs("div", {
-          className: `${baseClass}__actions`,
-          children: [_jsx(Button, {
-            "aria-label": t("general:cancel"),
-            buttonStyle: "secondary",
-            onClick: onCancel,
-            children: cancelLabel || t("general:cancel")
-          }), _jsx(FormSubmit, {
-            "aria-label": t("general:applyChanges"),
-            onClick: onSave,
-            children: saveLabel || t("general:applyChanges")
-          })]
-        })]
-      })
+export const DrawerActionHeader = ({ cancelLabel, className, onCancel, onSave, saveLabel, title })=>{
+    const { t } = useTranslation();
+    return /*#__PURE__*/ _jsx("div", {
+        className: [
+            baseClass,
+            className
+        ].filter(Boolean).join(' '),
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: `${baseClass}__content`,
+            children: [
+                /*#__PURE__*/ _jsx("h1", {
+                    className: `${baseClass}__title`,
+                    children: title
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: `${baseClass}__actions`,
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            "aria-label": t('general:cancel'),
+                            buttonStyle: "secondary",
+                            onClick: onCancel,
+                            children: cancelLabel || t('general:cancel')
+                        }),
+                        /*#__PURE__*/ _jsx(FormSubmit, {
+                            "aria-label": t('general:applyChanges'),
+                            onClick: onSave,
+                            children: saveLabel || t('general:applyChanges')
+                        })
+                    ]
+                })
+            ]
+        })
     });
-    $[2] = cancelLabel;
-    $[3] = onCancel;
-    $[4] = onSave;
-    $[5] = saveLabel;
-    $[6] = t;
-    $[7] = t2;
-    $[8] = title;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  return t3;
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","FormSubmit","useTranslation","Button","baseClass","DrawerActionHeader","t0","$","cancelLabel","className","onCancel","onSave","saveLabel","title","t","t1","filter","Boolean","t2","join","t3","_jsx","children","_jsxs","buttonStyle","onClick"],"sources":["../../../src/elements/DrawerActionHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawer-action-header'\n\ntype DrawerActionHeaderArgs = {\n  readonly cancelLabel?: string\n  className?: string\n  readonly onCancel?: () => void\n  readonly onSave?: () => void\n  readonly saveLabel?: string\n  readonly title: React.ReactNode | string\n}\nexport const DrawerActionHeader = ({\n  cancelLabel,\n  className,\n  onCancel,\n  onSave,\n  saveLabel,\n  title,\n}: DrawerActionHeaderArgs) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__content`}>\n        <h1 className={`${baseClass}__title`}>{title}</h1>\n\n        <div className={`${baseClass}__actions`}>\n          <Button aria-label={t('general:cancel')} buttonStyle=\"secondary\" onClick={onCancel}>\n            {cancelLabel || t('general:cancel')}\n          </Button>\n\n          <FormSubmit aria-label={t('general:applyChanges')} onClick={onSave}>\n            {saveLabel || t('general:applyChanges')}\n          </FormSubmit>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAUlB,OAAO,MAAMC,kBAAA,GAAqBC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,WAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAP,EAOV;EACvB;IAAAQ;EAAA,IAAcZ,cAAA;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAE,SAAA;IAGIM,EAAA,IAAAX,SAAA,EAAYK,SAAA,EAAAO,MAAA,CAAAC,OAAkB;IAAAV,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAA9B,MAAAW,EAAA,GAAAH,EAA8B,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAO,CAAA,IAAAP,CAAA,QAAAW,EAAA,IAAAX,CAAA,QAAAM,KAAA;IAA5DO,EAAA,GAAAC,IAAA,CAAC;MAAAZ,SAAA,EAAeS,EAA4C;MAAAI,QAAA,EAC1DC,KAAA,CAAC;QAAAd,SAAA,EAAe,GAAAL,SAAA,WAAuB;QAAAkB,QAAA,GACrCD,IAAA,CAAC;UAAAZ,SAAA,EAAc,GAAAL,SAAA,SAAqB;UAAAkB,QAAA,EAAGT;QAAA,C,GAEvCU,KAAA,CAAC;UAAAd,SAAA,EAAe,GAAAL,SAAA,WAAuB;UAAAkB,QAAA,GACrCD,IAAA,CAAAlB,MAAA;YAAA,cAAoBW,CAAA,CAAE;YAAAU,WAAA,EAA+B;YAAAC,OAAA,EAAqBf,QAAA;YAAAY,QAAA,EACvEd,WAAA,IAAeM,CAAA,CAAE;UAAA,C,GAGpBO,IAAA,CAAApB,UAAA;YAAA,cAAwBa,CAAA,CAAE;YAAAW,OAAA,EAAkCd,MAAA;YAAAW,QAAA,EACzDV,SAAA,IAAaE,CAAA,CAAE;UAAA,C;;;;;;;;;;;;;;;SAVxBM,E;CAgBJ","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/DrawerActionHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawer-action-header'\n\ntype DrawerActionHeaderArgs = {\n  readonly cancelLabel?: string\n  className?: string\n  readonly onCancel?: () => void\n  readonly onSave?: () => void\n  readonly saveLabel?: string\n  readonly title: React.ReactNode | string\n}\nexport const DrawerActionHeader = ({\n  cancelLabel,\n  className,\n  onCancel,\n  onSave,\n  saveLabel,\n  title,\n}: DrawerActionHeaderArgs) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__content`}>\n        <h1 className={`${baseClass}__title`}>{title}</h1>\n\n        <div className={`${baseClass}__actions`}>\n          <Button aria-label={t('general:cancel')} buttonStyle=\"secondary\" onClick={onCancel}>\n            {cancelLabel || t('general:cancel')}\n          </Button>\n\n          <FormSubmit aria-label={t('general:applyChanges')} onClick={onSave}>\n            {saveLabel || t('general:applyChanges')}\n          </FormSubmit>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["React","FormSubmit","useTranslation","Button","baseClass","DrawerActionHeader","cancelLabel","className","onCancel","onSave","saveLabel","title","t","div","filter","Boolean","join","h1","aria-label","buttonStyle","onClick"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAUlB,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,WAAW,EACXC,SAAS,EACTC,QAAQ,EACRC,MAAM,EACNC,SAAS,EACTC,KAAK,EACkB;IACvB,MAAM,EAAEC,CAAC,EAAE,GAAGV;IAEd,qBACE,KAACW;QAAIN,WAAW;YAACH;YAAWG;SAAU,CAACO,MAAM,CAACC,SAASC,IAAI,CAAC;kBAC1D,cAAA,MAACH;YAAIN,WAAW,GAAGH,UAAU,SAAS,CAAC;;8BACrC,KAACa;oBAAGV,WAAW,GAAGH,UAAU,OAAO,CAAC;8BAAGO;;8BAEvC,MAACE;oBAAIN,WAAW,GAAGH,UAAU,SAAS,CAAC;;sCACrC,KAACD;4BAAOe,cAAYN,EAAE;4BAAmBO,aAAY;4BAAYC,SAASZ;sCACvEF,eAAeM,EAAE;;sCAGpB,KAACX;4BAAWiB,cAAYN,EAAE;4BAAyBQ,SAASX;sCACzDC,aAAaE,EAAE;;;;;;;AAM5B,EAAC"}

package/dist/elements/DrawerContentContainer/index.js

@@ -2,13 +2,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'drawer-content-container';
-export function DrawerContentContainer({
-  children,
-  className
-}) {
-  return /*#__PURE__*/_jsx("div", {
-    className: [baseClass, className].filter(Boolean).join(' '),
-    children: children
-  });
+export function DrawerContentContainer({ children, className }) {
+    return /*#__PURE__*/ _jsx("div", {
+        className: [
+            baseClass,
+            className
+        ].filter(Boolean).join(' '),
+        children: children
+    });
 }
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","baseClass","DrawerContentContainer","children","className","_jsx","filter","Boolean","join"],"sources":["../../../src/elements/DrawerContentContainer/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'drawer-content-container'\n\ntype Props = {\n  readonly children: React.ReactNode\n  readonly className?: string\n}\nexport function DrawerContentContainer({ children, className }: Props) {\n  return <div className={[baseClass, className].filter(Boolean).join(' ')}>{children}</div>\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAASC,uBAAuB;EAAEC,QAAQ;EAAEC;AAAS,CAAS;EACnE,oBAAOC,IAAA,CAAC;IAAID,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;cAAOL;;AAC5E","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/DrawerContentContainer/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'drawer-content-container'\n\ntype Props = {\n  readonly children: React.ReactNode\n  readonly className?: string\n}\nexport function DrawerContentContainer({ children, className }: Props) {\n  return <div className={[baseClass, className].filter(Boolean).join(' ')}>{children}</div>\n}\n"],"names":["React","baseClass","DrawerContentContainer","children","className","div","filter","Boolean","join"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAMlB,OAAO,SAASC,uBAAuB,EAAEC,QAAQ,EAAEC,SAAS,EAAS;IACnE,qBAAO,KAACC;QAAID,WAAW;YAACH;YAAWG;SAAU,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;kBAAOL;;AAC5E"}

package/dist/elements/Dropzone/index.js

@@ -1,82 +1,93 @@
 'use client';
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-const handleDragOver = e => {
-  e.preventDefault();
-  e.stopPropagation();
-};
-const baseClass = 'dropzone';
-export function Dropzone({
-  children,
-  className,
-  disabled = false,
-  dropzoneStyle = 'default',
-  multipleFiles,
-  onChange
-}) {
-  const dropRef = React.useRef(null);
-  const [dragging, setDragging] = React.useState(false);
-  const addFiles = React.useCallback(files => {
-    if (!multipleFiles && files.length > 1) {
-      const dataTransfer = new DataTransfer();
-      dataTransfer.items.add(files[0]);
-      onChange(dataTransfer.files);
-    } else {
-      onChange(files);
-    }
-  }, [multipleFiles, onChange]);
-  const handlePaste = React.useCallback(e => {
+const handleDragOver = (e)=>{
     e.preventDefault();
     e.stopPropagation();
-    if (e.clipboardData.files && e.clipboardData.files.length > 0) {
-      addFiles(e.clipboardData.files);
-    }
-  }, [addFiles]);
-  const handleDragEnter = React.useCallback(e_0 => {
-    e_0.preventDefault();
-    e_0.stopPropagation();
-    setDragging(true);
-  }, []);
-  const handleDragLeave = React.useCallback(e_1 => {
-    e_1.preventDefault();
-    e_1.stopPropagation();
-    setDragging(false);
-  }, []);
-  const handleDrop = React.useCallback(e_2 => {
-    e_2.preventDefault();
-    e_2.stopPropagation();
-    setDragging(false);
-    if (e_2.dataTransfer.files && e_2.dataTransfer.files.length > 0) {
-      addFiles(e_2.dataTransfer.files);
-      setDragging(false);
-      e_2.dataTransfer.clearData();
-    }
-  }, [addFiles]);
-  React.useEffect(() => {
-    const div = dropRef.current;
-    if (div && !disabled) {
-      div.addEventListener('dragenter', handleDragEnter);
-      div.addEventListener('dragleave', handleDragLeave);
-      div.addEventListener('dragover', handleDragOver);
-      div.addEventListener('drop', handleDrop);
-      div.addEventListener('paste', handlePaste);
-      return () => {
-        div.removeEventListener('dragenter', handleDragEnter);
-        div.removeEventListener('dragleave', handleDragLeave);
-        div.removeEventListener('dragover', handleDragOver);
-        div.removeEventListener('drop', handleDrop);
-        div.removeEventListener('paste', handlePaste);
-      };
-    }
-    return () => null;
-  }, [disabled, handleDragEnter, handleDragLeave, handleDrop, handlePaste]);
-  const classes = [baseClass, className, dragging ? 'dragging' : '', `dropzoneStyle--${dropzoneStyle}`].filter(Boolean).join(' ');
-  return /*#__PURE__*/_jsx("div", {
-    className: classes,
-    ref: dropRef,
-    children: children
-  });
+};
+const baseClass = 'dropzone';
+export function Dropzone({ children, className, disabled = false, dropzoneStyle = 'default', multipleFiles, onChange }) {
+    const dropRef = React.useRef(null);
+    const [dragging, setDragging] = React.useState(false);
+    const addFiles = React.useCallback((files)=>{
+        if (!multipleFiles && files.length > 1) {
+            const dataTransfer = new DataTransfer();
+            dataTransfer.items.add(files[0]);
+            onChange(dataTransfer.files);
+        } else {
+            onChange(files);
+        }
+    }, [
+        multipleFiles,
+        onChange
+    ]);
+    const handlePaste = React.useCallback((e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        if (e.clipboardData.files && e.clipboardData.files.length > 0) {
+            addFiles(e.clipboardData.files);
+        }
+    }, [
+        addFiles
+    ]);
+    const handleDragEnter = React.useCallback((e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        setDragging(true);
+    }, []);
+    const handleDragLeave = React.useCallback((e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        setDragging(false);
+    }, []);
+    const handleDrop = React.useCallback((e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        setDragging(false);
+        if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+            addFiles(e.dataTransfer.files);
+            setDragging(false);
+            e.dataTransfer.clearData();
+        }
+    }, [
+        addFiles
+    ]);
+    React.useEffect(()=>{
+        const div = dropRef.current;
+        if (div && !disabled) {
+            div.addEventListener('dragenter', handleDragEnter);
+            div.addEventListener('dragleave', handleDragLeave);
+            div.addEventListener('dragover', handleDragOver);
+            div.addEventListener('drop', handleDrop);
+            div.addEventListener('paste', handlePaste);
+            return ()=>{
+                div.removeEventListener('dragenter', handleDragEnter);
+                div.removeEventListener('dragleave', handleDragLeave);
+                div.removeEventListener('dragover', handleDragOver);
+                div.removeEventListener('drop', handleDrop);
+                div.removeEventListener('paste', handlePaste);
+            };
+        }
+        return ()=>null;
+    }, [
+        disabled,
+        handleDragEnter,
+        handleDragLeave,
+        handleDrop,
+        handlePaste
+    ]);
+    const classes = [
+        baseClass,
+        className,
+        dragging ? 'dragging' : '',
+        `dropzoneStyle--${dropzoneStyle}`
+    ].filter(Boolean).join(' ');
+    return /*#__PURE__*/ _jsx("div", {
+        className: classes,
+        ref: dropRef,
+        children: children
+    });
 }
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","handleDragOver","e","preventDefault","stopPropagation","baseClass","Dropzone","children","className","disabled","dropzoneStyle","multipleFiles","onChange","dropRef","useRef","dragging","setDragging","useState","addFiles","useCallback","files","length","dataTransfer","DataTransfer","items","add","handlePaste","clipboardData","handleDragEnter","handleDragLeave","handleDrop","clearData","useEffect","div","current","addEventListener","removeEventListener","classes","filter","Boolean","join","_jsx","ref"],"sources":["../../../src/elements/Dropzone/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nconst handleDragOver = (e: DragEvent) => {\n  e.preventDefault()\n  e.stopPropagation()\n}\n\nconst baseClass = 'dropzone'\n\nexport type Props = {\n  readonly children?: React.ReactNode\n  readonly className?: string\n  readonly disabled?: boolean\n  readonly dropzoneStyle?: 'default' | 'none'\n  readonly multipleFiles?: boolean\n  readonly onChange: (e: FileList) => void\n}\n\nexport function Dropzone({\n  children,\n  className,\n  disabled = false,\n  dropzoneStyle = 'default',\n  multipleFiles,\n  onChange,\n}: Props) {\n  const dropRef = React.useRef<HTMLDivElement>(null)\n  const [dragging, setDragging] = React.useState(false)\n\n  const addFiles = React.useCallback(\n    (files: FileList) => {\n      if (!multipleFiles && files.length > 1) {\n        const dataTransfer = new DataTransfer()\n        dataTransfer.items.add(files[0])\n        onChange(dataTransfer.files)\n      } else {\n        onChange(files)\n      }\n    },\n    [multipleFiles, onChange],\n  )\n\n  const handlePaste = React.useCallback(\n    (e: ClipboardEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n\n      if (e.clipboardData.files && e.clipboardData.files.length > 0) {\n        addFiles(e.clipboardData.files)\n      }\n    },\n    [addFiles],\n  )\n\n  const handleDragEnter = React.useCallback((e: DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setDragging(true)\n  }, [])\n\n  const handleDragLeave = React.useCallback((e: DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setDragging(false)\n  }, [])\n\n  const handleDrop = React.useCallback(\n    (e: DragEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      setDragging(false)\n\n      if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {\n        addFiles(e.dataTransfer.files)\n        setDragging(false)\n\n        e.dataTransfer.clearData()\n      }\n    },\n    [addFiles],\n  )\n\n  React.useEffect(() => {\n    const div = dropRef.current\n\n    if (div && !disabled) {\n      div.addEventListener('dragenter', handleDragEnter)\n      div.addEventListener('dragleave', handleDragLeave)\n      div.addEventListener('dragover', handleDragOver)\n      div.addEventListener('drop', handleDrop)\n      div.addEventListener('paste', handlePaste)\n\n      return () => {\n        div.removeEventListener('dragenter', handleDragEnter)\n        div.removeEventListener('dragleave', handleDragLeave)\n        div.removeEventListener('dragover', handleDragOver)\n        div.removeEventListener('drop', handleDrop)\n        div.removeEventListener('paste', handlePaste)\n      }\n    }\n\n    return () => null\n  }, [disabled, handleDragEnter, handleDragLeave, handleDrop, handlePaste])\n\n  const classes = [\n    baseClass,\n    className,\n    dragging ? 'dragging' : '',\n    `dropzoneStyle--${dropzoneStyle}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={classes} ref={dropRef}>\n      {children}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/Dropzone/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nconst handleDragOver = (e: DragEvent) => {\n  e.preventDefault()\n  e.stopPropagation()\n}\n\nconst baseClass = 'dropzone'\n\nexport type Props = {\n  readonly children?: React.ReactNode\n  readonly className?: string\n  readonly disabled?: boolean\n  readonly dropzoneStyle?: 'default' | 'none'\n  readonly multipleFiles?: boolean\n  readonly onChange: (e: FileList) => void\n}\n\nexport function Dropzone({\n  children,\n  className,\n  disabled = false,\n  dropzoneStyle = 'default',\n  multipleFiles,\n  onChange,\n}: Props) {\n  const dropRef = React.useRef<HTMLDivElement>(null)\n  const [dragging, setDragging] = React.useState(false)\n\n  const addFiles = React.useCallback(\n    (files: FileList) => {\n      if (!multipleFiles && files.length > 1) {\n        const dataTransfer = new DataTransfer()\n        dataTransfer.items.add(files[0])\n        onChange(dataTransfer.files)\n      } else {\n        onChange(files)\n      }\n    },\n    [multipleFiles, onChange],\n  )\n\n  const handlePaste = React.useCallback(\n    (e: ClipboardEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n\n      if (e.clipboardData.files && e.clipboardData.files.length > 0) {\n        addFiles(e.clipboardData.files)\n      }\n    },\n    [addFiles],\n  )\n\n  const handleDragEnter = React.useCallback((e: DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setDragging(true)\n  }, [])\n\n  const handleDragLeave = React.useCallback((e: DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setDragging(false)\n  }, [])\n\n  const handleDrop = React.useCallback(\n    (e: DragEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      setDragging(false)\n\n      if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {\n        addFiles(e.dataTransfer.files)\n        setDragging(false)\n\n        e.dataTransfer.clearData()\n      }\n    },\n    [addFiles],\n  )\n\n  React.useEffect(() => {\n    const div = dropRef.current\n\n    if (div && !disabled) {\n      div.addEventListener('dragenter', handleDragEnter)\n      div.addEventListener('dragleave', handleDragLeave)\n      div.addEventListener('dragover', handleDragOver)\n      div.addEventListener('drop', handleDrop)\n      div.addEventListener('paste', handlePaste)\n\n      return () => {\n        div.removeEventListener('dragenter', handleDragEnter)\n        div.removeEventListener('dragleave', handleDragLeave)\n        div.removeEventListener('dragover', handleDragOver)\n        div.removeEventListener('drop', handleDrop)\n        div.removeEventListener('paste', handlePaste)\n      }\n    }\n\n    return () => null\n  }, [disabled, handleDragEnter, handleDragLeave, handleDrop, handlePaste])\n\n  const classes = [\n    baseClass,\n    className,\n    dragging ? 'dragging' : '',\n    `dropzoneStyle--${dropzoneStyle}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={classes} ref={dropRef}>\n      {children}\n    </div>\n  )\n}\n"],"names":["React","handleDragOver","e","preventDefault","stopPropagation","baseClass","Dropzone","children","className","disabled","dropzoneStyle","multipleFiles","onChange","dropRef","useRef","dragging","setDragging","useState","addFiles","useCallback","files","length","dataTransfer","DataTransfer","items","add","handlePaste","clipboardData","handleDragEnter","handleDragLeave","handleDrop","clearData","useEffect","div","current","addEventListener","removeEventListener","classes","filter","Boolean","join","ref"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,iBAAiB,CAACC;IACtBA,EAAEC,cAAc;IAChBD,EAAEE,eAAe;AACnB;AAEA,MAAMC,YAAY;AAWlB,OAAO,SAASC,SAAS,EACvBC,QAAQ,EACRC,SAAS,EACTC,WAAW,KAAK,EAChBC,gBAAgB,SAAS,EACzBC,aAAa,EACbC,QAAQ,EACF;IACN,MAAMC,UAAUb,MAAMc,MAAM,CAAiB;IAC7C,MAAM,CAACC,UAAUC,YAAY,GAAGhB,MAAMiB,QAAQ,CAAC;IAE/C,MAAMC,WAAWlB,MAAMmB,WAAW,CAChC,CAACC;QACC,IAAI,CAACT,iBAAiBS,MAAMC,MAAM,GAAG,GAAG;YACtC,MAAMC,eAAe,IAAIC;YACzBD,aAAaE,KAAK,CAACC,GAAG,CAACL,KAAK,CAAC,EAAE;YAC/BR,SAASU,aAAaF,KAAK;QAC7B,OAAO;YACLR,SAASQ;QACX;IACF,GACA;QAACT;QAAeC;KAAS;IAG3B,MAAMc,cAAc1B,MAAMmB,WAAW,CACnC,CAACjB;QACCA,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QAEjB,IAAIF,EAAEyB,aAAa,CAACP,KAAK,IAAIlB,EAAEyB,aAAa,CAACP,KAAK,CAACC,MAAM,GAAG,GAAG;YAC7DH,SAAShB,EAAEyB,aAAa,CAACP,KAAK;QAChC;IACF,GACA;QAACF;KAAS;IAGZ,MAAMU,kBAAkB5B,MAAMmB,WAAW,CAAC,CAACjB;QACzCA,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjBY,YAAY;IACd,GAAG,EAAE;IAEL,MAAMa,kBAAkB7B,MAAMmB,WAAW,CAAC,CAACjB;QACzCA,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjBY,YAAY;IACd,GAAG,EAAE;IAEL,MAAMc,aAAa9B,MAAMmB,WAAW,CAClC,CAACjB;QACCA,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjBY,YAAY;QAEZ,IAAId,EAAEoB,YAAY,CAACF,KAAK,IAAIlB,EAAEoB,YAAY,CAACF,KAAK,CAACC,MAAM,GAAG,GAAG;YAC3DH,SAAShB,EAAEoB,YAAY,CAACF,KAAK;YAC7BJ,YAAY;YAEZd,EAAEoB,YAAY,CAACS,SAAS;QAC1B;IACF,GACA;QAACb;KAAS;IAGZlB,MAAMgC,SAAS,CAAC;QACd,MAAMC,MAAMpB,QAAQqB,OAAO;QAE3B,IAAID,OAAO,CAACxB,UAAU;YACpBwB,IAAIE,gBAAgB,CAAC,aAAaP;YAClCK,IAAIE,gBAAgB,CAAC,aAAaN;YAClCI,IAAIE,gBAAgB,CAAC,YAAYlC;YACjCgC,IAAIE,gBAAgB,CAAC,QAAQL;YAC7BG,IAAIE,gBAAgB,CAAC,SAAST;YAE9B,OAAO;gBACLO,IAAIG,mBAAmB,CAAC,aAAaR;gBACrCK,IAAIG,mBAAmB,CAAC,aAAaP;gBACrCI,IAAIG,mBAAmB,CAAC,YAAYnC;gBACpCgC,IAAIG,mBAAmB,CAAC,QAAQN;gBAChCG,IAAIG,mBAAmB,CAAC,SAASV;YACnC;QACF;QAEA,OAAO,IAAM;IACf,GAAG;QAACjB;QAAUmB;QAAiBC;QAAiBC;QAAYJ;KAAY;IAExE,MAAMW,UAAU;QACdhC;QACAG;QACAO,WAAW,aAAa;QACxB,CAAC,eAAe,EAAEL,eAAe;KAClC,CACE4B,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,KAACP;QAAIzB,WAAW6B;QAASI,KAAK5B;kBAC3BN;;AAGP"}

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

@@ -1,5 +1,4 @@
 'use client';
-
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
@@ -11,93 +10,112 @@ import { DrawerHeader } from '../../BulkUpload/Header/index.js';
 import { Button } from '../../Button/index.js';
 import { Drawer } from '../../Drawer/index.js';
 import './index.scss';
-const getLocaleOptions = ({
-  i18n,
-  localization
-}) => {
-  return localization.locales.map(locale => ({
-    label: getTranslation(locale.label, i18n),
-    value: locale.code
-  }));
+const getLocaleOptions = ({ i18n, localization })=>{
+    return localization.locales.map((locale)=>({
+            label: getTranslation(locale.label, i18n),
+            value: locale.code
+        }));
 };
 const baseClass = 'select-locales-drawer';
-export const SelectLocalesDrawer = ({
-  slug,
-  localization,
-  onConfirm
-}) => {
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const {
-    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
-    });
-    toggleModal(slug);
-  }, [onConfirm, selectedLocales, slug, toggleModal]);
-  return /*#__PURE__*/_jsxs(Drawer, {
-    className: baseClass,
-    gutter: false,
-    Header: /*#__PURE__*/_jsx(DrawerHeader, {
-      onClose: () => {
+export const SelectLocalesDrawer = ({ slug, localization, onConfirm })=>{
+    const { i18n, t } = useTranslation();
+    const { 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
+        });
         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", {
-        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, {
-          checked: selectedLocales.includes(locale_0.value),
-          id: `select-locale-${locale_0.value}`,
-          label: locale_0.label,
-          onToggle: () => handleToggleLocale(locale_0.value)
-        })
-      }, locale_0.value))]
-    })]
-  });
+    }, [
+        onConfirm,
+        selectedLocales,
+        slug,
+        toggleModal
+    ]);
+    return /*#__PURE__*/ _jsxs(Drawer, {
+        className: baseClass,
+        gutter: false,
+        Header: /*#__PURE__*/ _jsx(DrawerHeader, {
+            onClose: ()=>{
+                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", {
+                        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)=>/*#__PURE__*/ _jsx("div", {
+                            className: `${baseClass}__item`,
+                            children: /*#__PURE__*/ _jsx(CheckboxInput, {
+                                checked: selectedLocales.includes(locale.value),
+                                id: `select-locale-${locale.value}`,
+                                label: locale.label,
+                                onToggle: ()=>handleToggleLocale(locale.value)
+                            })
+                        }, 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","DrawerHeader","Button","Drawer","getLocaleOptions","i18n","localization","locales","map","locale","label","value","code","baseClass","SelectLocalesDrawer","slug","onConfirm","t","toggleModal","selectedLocales","setSelectedLocales","localeOptions","allLocales","allLocalesSelected","Set","handleSelectAll","handleToggleLocale","localeValue","prev","includes","filter","l","handleConfirm","_jsxs","className","gutter","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 { DrawerHeader } from '../../BulkUpload/Header/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Drawer } from '../../Drawer/index.js'\nimport './index.scss'\n\nexport type LocaleOption = {\n  label: string\n  value: string\n}\n\nexport type SelectLocalesDrawerProps = {\n  readonly localization: Exclude<ClientConfig['localization'], false>\n  readonly onConfirm: (args: { selectedLocales: string[] }) => Promise<void> | void\n  readonly slug: string\n}\n\nconst getLocaleOptions = ({\n  i18n,\n  localization,\n}: {\n  i18n: I18nClient\n  localization: SelectLocalesDrawerProps['localization']\n}): LocaleOption[] => {\n  return localization.locales.map((locale) => ({\n    label: getTranslation(locale.label, i18n),\n    value: locale.code,\n  }))\n}\n\nconst baseClass = 'select-locales-drawer'\n\nexport const SelectLocalesDrawer: React.FC<SelectLocalesDrawerProps> = ({\n  slug,\n  localization,\n  onConfirm,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { toggleModal } = useModal()\n  const [selectedLocales, setSelectedLocales] = useState<string[]>([])\n\n  const localeOptions = useMemo(\n    () => getLocaleOptions({ i18n, localization }),\n    [localization, i18n],\n  )\n  const allLocales = useMemo(() => localeOptions.map((locale) => locale.value), [localeOptions])\n  const allLocalesSelected = useMemo(\n    () => setsAreEqual(new Set(selectedLocales), new Set(allLocales)),\n    [selectedLocales, allLocales],\n  )\n\n  const handleSelectAll = useCallback(() => {\n    setSelectedLocales(allLocalesSelected ? [] : [...allLocales])\n  }, [allLocalesSelected, allLocales])\n\n  const handleToggleLocale = useCallback((localeValue: string) => {\n    setSelectedLocales((prev) =>\n      prev.includes(localeValue) ? prev.filter((l) => l !== localeValue) : [...prev, localeValue],\n    )\n  }, [])\n\n  const handleConfirm = useCallback(async () => {\n    await onConfirm({ selectedLocales })\n    toggleModal(slug)\n  }, [onConfirm, selectedLocales, slug, toggleModal])\n\n  return (\n    <Drawer\n      className={baseClass}\n      gutter={false}\n      Header={\n        <DrawerHeader\n          onClose={() => {\n            toggleModal(slug)\n          }}\n          title={`${t('general:duplicate')} ${t('localization:selectedLocales')}`}\n        />\n      }\n      slug={slug}\n    >\n      <div className={`${baseClass}__sub-header`}>\n        <span>{t('localization:selectLocaleToDuplicate')}</span>\n        <Button\n          buttonStyle=\"primary\"\n          disabled={selectedLocales.length === 0}\n          iconPosition=\"left\"\n          id=\"#action-duplicate-confirm\"\n          onClick={handleConfirm}\n          size=\"medium\"\n        >\n          {t('general:duplicate')}\n        </Button>\n      </div>\n      <div className={`${baseClass}__content`}>\n        <div className={`${baseClass}__item`}>\n          <CheckboxInput\n            checked={allLocalesSelected}\n            id=\"select-locale-all\"\n            label={t('general:selectAll', {\n              count: allLocales.length,\n              label: t('general:locales'),\n            })}\n            onToggle={handleSelectAll}\n          />\n        </div>\n        {localeOptions.map((locale) => (\n          <div className={`${baseClass}__item`} key={locale.value}>\n            <CheckboxInput\n              checked={selectedLocales.includes(locale.value)}\n              id={`select-locale-${locale.value}`}\n              label={locale.label}\n              onToggle={() => handleToggleLocale(locale.value)}\n            />\n          </div>\n        ))}\n      </div>\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { setsAreEqual } from 'payload/shared'\nimport React, { useCallback, useMemo, useState } from 'react'\n\nimport { CheckboxInput } from '../../../fields/Checkbox/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { DrawerHeader } from '../../BulkUpload/Header/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Drawer } from '../../Drawer/index.js'\nimport './index.scss'\n\nexport type LocaleOption = {\n  label: string\n  value: string\n}\n\nexport type SelectLocalesDrawerProps = {\n  readonly localization: Exclude<ClientConfig['localization'], false>\n  readonly onConfirm: (args: { selectedLocales: string[] }) => Promise<void> | void\n  readonly slug: string\n}\n\nconst getLocaleOptions = ({\n  i18n,\n  localization,\n}: {\n  i18n: I18nClient\n  localization: SelectLocalesDrawerProps['localization']\n}): LocaleOption[] => {\n  return localization.locales.map((locale) => ({\n    label: getTranslation(locale.label, i18n),\n    value: locale.code,\n  }))\n}\n\nconst baseClass = 'select-locales-drawer'\n\nexport const SelectLocalesDrawer: React.FC<SelectLocalesDrawerProps> = ({\n  slug,\n  localization,\n  onConfirm,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { toggleModal } = useModal()\n  const [selectedLocales, setSelectedLocales] = useState<string[]>([])\n\n  const localeOptions = useMemo(\n    () => getLocaleOptions({ i18n, localization }),\n    [localization, i18n],\n  )\n  const allLocales = useMemo(() => localeOptions.map((locale) => locale.value), [localeOptions])\n  const allLocalesSelected = useMemo(\n    () => setsAreEqual(new Set(selectedLocales), new Set(allLocales)),\n    [selectedLocales, allLocales],\n  )\n\n  const handleSelectAll = useCallback(() => {\n    setSelectedLocales(allLocalesSelected ? [] : [...allLocales])\n  }, [allLocalesSelected, allLocales])\n\n  const handleToggleLocale = useCallback((localeValue: string) => {\n    setSelectedLocales((prev) =>\n      prev.includes(localeValue) ? prev.filter((l) => l !== localeValue) : [...prev, localeValue],\n    )\n  }, [])\n\n  const handleConfirm = useCallback(async () => {\n    await onConfirm({ selectedLocales })\n    toggleModal(slug)\n  }, [onConfirm, selectedLocales, slug, toggleModal])\n\n  return (\n    <Drawer\n      className={baseClass}\n      gutter={false}\n      Header={\n        <DrawerHeader\n          onClose={() => {\n            toggleModal(slug)\n          }}\n          title={`${t('general:duplicate')} ${t('localization:selectedLocales')}`}\n        />\n      }\n      slug={slug}\n    >\n      <div className={`${baseClass}__sub-header`}>\n        <span>{t('localization:selectLocaleToDuplicate')}</span>\n        <Button\n          buttonStyle=\"primary\"\n          disabled={selectedLocales.length === 0}\n          iconPosition=\"left\"\n          id=\"#action-duplicate-confirm\"\n          onClick={handleConfirm}\n          size=\"medium\"\n        >\n          {t('general:duplicate')}\n        </Button>\n      </div>\n      <div className={`${baseClass}__content`}>\n        <div className={`${baseClass}__item`}>\n          <CheckboxInput\n            checked={allLocalesSelected}\n            id=\"select-locale-all\"\n            label={t('general:selectAll', {\n              count: allLocales.length,\n              label: t('general:locales'),\n            })}\n            onToggle={handleSelectAll}\n          />\n        </div>\n        {localeOptions.map((locale) => (\n          <div className={`${baseClass}__item`} key={locale.value}>\n            <CheckboxInput\n              checked={selectedLocales.includes(locale.value)}\n              id={`select-locale-${locale.value}`}\n              label={locale.label}\n              onToggle={() => handleToggleLocale(locale.value)}\n            />\n          </div>\n        ))}\n      </div>\n    </Drawer>\n  )\n}\n"],"names":["useModal","getTranslation","setsAreEqual","React","useCallback","useMemo","useState","CheckboxInput","useTranslation","DrawerHeader","Button","Drawer","getLocaleOptions","i18n","localization","locales","map","locale","label","value","code","baseClass","SelectLocalesDrawer","slug","onConfirm","t","toggleModal","selectedLocales","setSelectedLocales","localeOptions","allLocales","allLocalesSelected","Set","handleSelectAll","handleToggleLocale","localeValue","prev","includes","filter","l","handleConfirm","className","gutter","Header","onClose","title","div","span","buttonStyle","disabled","length","iconPosition","id","onClick","size","checked","count","onToggle"],"mappings":"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"}