@payloadcms/ui 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.dafc24d

package/dist/elements/Drawer/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { Modal, useModal } from '@faceless-ui/modal';
 import React, { createContext, use, useCallback, useLayoutEffect, useState } from 'react';
 import { XIcon } from '../../icons/X/index.js';
@@ -22,14 +22,18 @@ export const DrawerToggler = ({ slug, children, className, disabled, onClick, ..
         slug,
         onClick
     ]);
-    return /*#__PURE__*/ _jsx("button", {
+    return /*#__PURE__*/ _jsxDEV("button", {
         className: className,
         disabled: disabled,
         onClick: handleClick,
         type: "button",
         ...rest,
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Drawer/index.tsx",
+        lineNumber: 42,
+        columnNumber: 5
+    }, this);
 };
 export const Drawer = ({ slug, children, className, gutter = true, Header, hoverTitle, title })=>{
     const { t } = useTranslation();
@@ -44,8 +48,8 @@ export const Drawer = ({ slug, children, className, gutter = true, Header, hover
     ]);
     if (isOpen) {
         // IMPORTANT: do not render the drawer until it is explicitly open, this is to avoid large html trees especially when nesting drawers
-        return /*#__PURE__*/ _jsx(DrawerDepthProvider, {
-            children: /*#__PURE__*/ _jsxs(Modal, {
+        return /*#__PURE__*/ _jsxDEV(DrawerDepthProvider, {
+            children: /*#__PURE__*/ _jsxDEV(Modal, {
                 className: [
                     className,
                     baseClass,
@@ -59,57 +63,103 @@ export const Drawer = ({ slug, children, className, gutter = true, Header, hover
                     zIndex: drawerZBase + drawerDepth
                 },
                 children: [
-                    (!drawerDepth || drawerDepth === 1) && /*#__PURE__*/ _jsx("div", {
+                    (!drawerDepth || drawerDepth === 1) && /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__blur-bg`
-                    }),
-                    /*#__PURE__*/ _jsx("button", {
+                    }, void 0, false, {
+                        fileName: "src/elements/Drawer/index.tsx",
+                        lineNumber: 89,
+                        columnNumber: 51
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("button", {
                         "aria-label": t('general:close'),
                         className: `${baseClass}__close`,
                         id: `close-drawer__${slug}`,
                         onClick: ()=>closeModal(slug),
                         type: "button"
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
+                    }, void 0, false, {
+                        fileName: "src/elements/Drawer/index.tsx",
+                        lineNumber: 90,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__content`,
                         style: {
                             width: `calc(100% - (${drawerDepth} * var(--gutter-h)))`
                         },
                         children: [
-                            /*#__PURE__*/ _jsx("div", {
+                            /*#__PURE__*/ _jsxDEV("div", {
                                 className: `${baseClass}__blur-bg-content`
-                            }),
-                            /*#__PURE__*/ _jsxs(Gutter, {
+                            }, void 0, false, {
+                                fileName: "src/elements/Drawer/index.tsx",
+                                lineNumber: 103,
+                                columnNumber: 13
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV(Gutter, {
                                 className: `${baseClass}__content-children`,
                                 left: gutter,
                                 right: gutter,
                                 children: [
                                     Header,
-                                    Header === undefined && /*#__PURE__*/ _jsxs("div", {
+                                    Header === undefined && /*#__PURE__*/ _jsxDEV("div", {
                                         className: `${baseClass}__header`,
                                         children: [
-                                            /*#__PURE__*/ _jsx("h2", {
+                                            /*#__PURE__*/ _jsxDEV("h2", {
                                                 className: `${baseClass}__header__title`,
                                                 title: hoverTitle ? title : null,
                                                 children: title
-                                            }),
-                                            /*#__PURE__*/ _jsx("button", {
+                                            }, void 0, false, {
+                                                fileName: "src/elements/Drawer/index.tsx",
+                                                lineNumber: 108,
+                                                columnNumber: 19
+                                            }, this),
+                                            /* TODO: the `button` HTML element breaks CSS transitions on the drawer for some reason...
+                    i.e. changing to a `div` element will fix the animation issue but will break accessibility
+                  */ /*#__PURE__*/ _jsxDEV("button", {
                                                 "aria-label": t('general:close'),
                                                 className: `${baseClass}__header__close`,
                                                 id: `close-drawer__${slug}`,
                                                 onClick: ()=>closeModal(slug),
                                                 type: "button",
-                                                children: /*#__PURE__*/ _jsx(XIcon, {})
-                                            })
+                                                children: /*#__PURE__*/ _jsxDEV(XIcon, {}, void 0, false, {
+                                                    fileName: "src/elements/Drawer/index.tsx",
+                                                    lineNumber: 121,
+                                                    columnNumber: 21
+                                                }, this)
+                                            }, void 0, false, {
+                                                fileName: "src/elements/Drawer/index.tsx",
+                                                lineNumber: 114,
+                                                columnNumber: 19
+                                            }, this)
                                         ]
-                                    }),
+                                    }, void 0, true, {
+                                        fileName: "src/elements/Drawer/index.tsx",
+                                        lineNumber: 107,
+                                        columnNumber: 17
+                                    }, this),
                                     children
                                 ]
-                            })
+                            }, void 0, true, {
+                                fileName: "src/elements/Drawer/index.tsx",
+                                lineNumber: 104,
+                                columnNumber: 13
+                            }, this)
                         ]
-                    })
+                    }, void 0, true, {
+                        fileName: "src/elements/Drawer/index.tsx",
+                        lineNumber: 97,
+                        columnNumber: 11
+                    }, this)
                 ]
-            })
-        });
+            }, void 0, true, {
+                fileName: "src/elements/Drawer/index.tsx",
+                lineNumber: 73,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/elements/Drawer/index.tsx",
+            lineNumber: 72,
+            columnNumber: 7
+        }, this);
     }
     return null;
 };
@@ -117,10 +167,14 @@ export const DrawerDepthContext = /*#__PURE__*/ createContext(1);
 export const DrawerDepthProvider = ({ children })=>{
     const parentDepth = useDrawerDepth();
     const depth = parentDepth + 1;
-    return /*#__PURE__*/ _jsx(DrawerDepthContext, {
+    return /*#__PURE__*/ _jsxDEV(DrawerDepthContext, {
         value: depth,
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Drawer/index.tsx",
+        lineNumber: 142,
+        columnNumber: 10
+    }, this);
 };
 export const useDrawerDepth = ()=>use(DrawerDepthContext);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Drawer/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport React, { createContext, use, useCallback, useLayoutEffect, useState } from 'react'\n\nimport type { Props, TogglerProps } from './types.js'\n\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawer'\n\nexport const drawerZBase = 100\n\nexport const formatDrawerSlug = ({ slug, depth }: { depth: number; slug: string }): string =>\n  `drawer_${depth}_${slug}`\n\nexport { useDrawerSlug } from './useDrawerSlug.js'\n\nexport const DrawerToggler: React.FC<TogglerProps> = ({\n  slug,\n  children,\n  className,\n  disabled,\n  onClick,\n  ...rest\n}) => {\n  const { openModal } = useModal()\n\n  const handleClick = useCallback(\n    (e) => {\n      openModal(slug)\n      if (typeof onClick === 'function') {\n        onClick(e)\n      }\n    },\n    [openModal, slug, onClick],\n  )\n\n  return (\n    <button className={className} disabled={disabled} onClick={handleClick} type=\"button\" {...rest}>\n      {children}\n    </button>\n  )\n}\n\nexport const Drawer: React.FC<Props> = ({\n  slug,\n  children,\n  className,\n  gutter = true,\n  Header,\n  hoverTitle,\n  title,\n}) => {\n  const { t } = useTranslation()\n  const { closeModal, modalState } = useModal()\n  const drawerDepth = useDrawerDepth()\n\n  const isOpen = !!modalState[slug]?.isOpen\n\n  const [animateIn, setAnimateIn] = useState(isOpen)\n\n  useLayoutEffect(() => {\n    setAnimateIn(isOpen)\n  }, [isOpen])\n\n  if (isOpen) {\n    // IMPORTANT: do not render the drawer until it is explicitly open, this is to avoid large html trees especially when nesting drawers\n    return (\n      <DrawerDepthProvider>\n        <Modal\n          className={[\n            className,\n            baseClass,\n            animateIn && `${baseClass}--is-open`,\n            drawerDepth > 1 && `${baseClass}--nested`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          // Fixes https://github.com/payloadcms/payload/issues/13778\n          closeOnBlur={false}\n          slug={slug}\n          style={{\n            zIndex: drawerZBase + drawerDepth,\n          }}\n        >\n          {(!drawerDepth || drawerDepth === 1) && <div className={`${baseClass}__blur-bg`} />}\n          <button\n            aria-label={t('general:close')}\n            className={`${baseClass}__close`}\n            id={`close-drawer__${slug}`}\n            onClick={() => closeModal(slug)}\n            type=\"button\"\n          />\n          <div\n            className={`${baseClass}__content`}\n            style={{\n              width: `calc(100% - (${drawerDepth} * var(--gutter-h)))`,\n            }}\n          >\n            <div className={`${baseClass}__blur-bg-content`} />\n            <Gutter className={`${baseClass}__content-children`} left={gutter} right={gutter}>\n              {Header}\n              {Header === undefined && (\n                <div className={`${baseClass}__header`}>\n                  <h2 className={`${baseClass}__header__title`} title={hoverTitle ? title : null}>\n                    {title}\n                  </h2>\n                  {/* TODO: the `button` HTML element breaks CSS transitions on the drawer for some reason...\n                    i.e. changing to a `div` element will fix the animation issue but will break accessibility\n                  */}\n                  <button\n                    aria-label={t('general:close')}\n                    className={`${baseClass}__header__close`}\n                    id={`close-drawer__${slug}`}\n                    onClick={() => closeModal(slug)}\n                    type=\"button\"\n                  >\n                    <XIcon />\n                  </button>\n                </div>\n              )}\n              {children}\n            </Gutter>\n          </div>\n        </Modal>\n      </DrawerDepthProvider>\n    )\n  }\n\n  return null\n}\n\nexport const DrawerDepthContext = createContext(1)\n\nexport const DrawerDepthProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const parentDepth = useDrawerDepth()\n  const depth = parentDepth + 1\n\n  return <DrawerDepthContext value={depth}>{children}</DrawerDepthContext>\n}\n\nexport const useDrawerDepth = (): number => use(DrawerDepthContext)\n"],"names":["Modal","useModal","React","createContext","use","useCallback","useLayoutEffect","useState","XIcon","useTranslation","Gutter","baseClass","drawerZBase","formatDrawerSlug","slug","depth","useDrawerSlug","DrawerToggler","children","className","disabled","onClick","rest","openModal","handleClick","e","button","type","Drawer","gutter","Header","hoverTitle","title","t","closeModal","modalState","drawerDepth","useDrawerDepth","isOpen","animateIn","setAnimateIn","DrawerDepthProvider","filter","Boolean","join","closeOnBlur","style","zIndex","div","aria-label","id","width","left","right","undefined","h2","DrawerDepthContext","parentDepth","value"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/Drawer/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport React, { createContext, use, useCallback, useLayoutEffect, useState } from 'react'\n\nimport type { Props, TogglerProps } from './types.js'\n\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawer'\n\nexport const drawerZBase = 100\n\nexport const formatDrawerSlug = ({ slug, depth }: { depth: number; slug: string }): string =>\n  `drawer_${depth}_${slug}`\n\nexport { useDrawerSlug } from './useDrawerSlug.js'\n\nexport const DrawerToggler: React.FC<TogglerProps> = ({\n  slug,\n  children,\n  className,\n  disabled,\n  onClick,\n  ...rest\n}) => {\n  const { openModal } = useModal()\n\n  const handleClick = useCallback(\n    (e) => {\n      openModal(slug)\n      if (typeof onClick === 'function') {\n        onClick(e)\n      }\n    },\n    [openModal, slug, onClick],\n  )\n\n  return (\n    <button className={className} disabled={disabled} onClick={handleClick} type=\"button\" {...rest}>\n      {children}\n    </button>\n  )\n}\n\nexport const Drawer: React.FC<Props> = ({\n  slug,\n  children,\n  className,\n  gutter = true,\n  Header,\n  hoverTitle,\n  title,\n}) => {\n  const { t } = useTranslation()\n  const { closeModal, modalState } = useModal()\n  const drawerDepth = useDrawerDepth()\n\n  const isOpen = !!modalState[slug]?.isOpen\n\n  const [animateIn, setAnimateIn] = useState(isOpen)\n\n  useLayoutEffect(() => {\n    setAnimateIn(isOpen)\n  }, [isOpen])\n\n  if (isOpen) {\n    // IMPORTANT: do not render the drawer until it is explicitly open, this is to avoid large html trees especially when nesting drawers\n    return (\n      <DrawerDepthProvider>\n        <Modal\n          className={[\n            className,\n            baseClass,\n            animateIn && `${baseClass}--is-open`,\n            drawerDepth > 1 && `${baseClass}--nested`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          // Fixes https://github.com/payloadcms/payload/issues/13778\n          closeOnBlur={false}\n          slug={slug}\n          style={{\n            zIndex: drawerZBase + drawerDepth,\n          }}\n        >\n          {(!drawerDepth || drawerDepth === 1) && <div className={`${baseClass}__blur-bg`} />}\n          <button\n            aria-label={t('general:close')}\n            className={`${baseClass}__close`}\n            id={`close-drawer__${slug}`}\n            onClick={() => closeModal(slug)}\n            type=\"button\"\n          />\n          <div\n            className={`${baseClass}__content`}\n            style={{\n              width: `calc(100% - (${drawerDepth} * var(--gutter-h)))`,\n            }}\n          >\n            <div className={`${baseClass}__blur-bg-content`} />\n            <Gutter className={`${baseClass}__content-children`} left={gutter} right={gutter}>\n              {Header}\n              {Header === undefined && (\n                <div className={`${baseClass}__header`}>\n                  <h2 className={`${baseClass}__header__title`} title={hoverTitle ? title : null}>\n                    {title}\n                  </h2>\n                  {/* TODO: the `button` HTML element breaks CSS transitions on the drawer for some reason...\n                    i.e. changing to a `div` element will fix the animation issue but will break accessibility\n                  */}\n                  <button\n                    aria-label={t('general:close')}\n                    className={`${baseClass}__header__close`}\n                    id={`close-drawer__${slug}`}\n                    onClick={() => closeModal(slug)}\n                    type=\"button\"\n                  >\n                    <XIcon />\n                  </button>\n                </div>\n              )}\n              {children}\n            </Gutter>\n          </div>\n        </Modal>\n      </DrawerDepthProvider>\n    )\n  }\n\n  return null\n}\n\nexport const DrawerDepthContext = createContext(1)\n\nexport const DrawerDepthProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const parentDepth = useDrawerDepth()\n  const depth = parentDepth + 1\n\n  return <DrawerDepthContext value={depth}>{children}</DrawerDepthContext>\n}\n\nexport const useDrawerDepth = (): number => use(DrawerDepthContext)\n"],"names":["Modal","useModal","React","createContext","use","useCallback","useLayoutEffect","useState","XIcon","useTranslation","Gutter","baseClass","drawerZBase","formatDrawerSlug","slug","depth","useDrawerSlug","DrawerToggler","children","className","disabled","onClick","rest","openModal","handleClick","e","button","type","Drawer","gutter","Header","hoverTitle","title","t","closeModal","modalState","drawerDepth","useDrawerDepth","isOpen","animateIn","setAnimateIn","DrawerDepthProvider","filter","Boolean","join","closeOnBlur","style","zIndex","div","aria-label","id","width","left","right","undefined","h2","DrawerDepthContext","parentDepth","value"],"mappings":"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"}

package/dist/elements/DrawerActionHeader/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { FormSubmit } from '../../forms/Submit/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -8,37 +8,61 @@ import './index.scss';
 const baseClass = 'drawer-action-header';
 export const DrawerActionHeader = ({ cancelLabel, className, onCancel, onSave, saveLabel, title })=>{
     const { t } = useTranslation();
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             baseClass,
             className
         ].filter(Boolean).join(' '),
-        children: /*#__PURE__*/ _jsxs("div", {
+        children: /*#__PURE__*/ _jsxDEV("div", {
             className: `${baseClass}__content`,
             children: [
-                /*#__PURE__*/ _jsx("h1", {
+                /*#__PURE__*/ _jsxDEV("h1", {
                     className: `${baseClass}__title`,
                     children: title
-                }),
-                /*#__PURE__*/ _jsxs("div", {
+                }, void 0, false, {
+                    fileName: "src/elements/DrawerActionHeader/index.tsx",
+                    lineNumber: 33,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV("div", {
                     className: `${baseClass}__actions`,
                     children: [
-                        /*#__PURE__*/ _jsx(Button, {
+                        /*#__PURE__*/ _jsxDEV(Button, {
                             "aria-label": t('general:cancel'),
                             buttonStyle: "secondary",
                             onClick: onCancel,
                             children: cancelLabel || t('general:cancel')
-                        }),
-                        /*#__PURE__*/ _jsx(FormSubmit, {
+                        }, void 0, false, {
+                            fileName: "src/elements/DrawerActionHeader/index.tsx",
+                            lineNumber: 36,
+                            columnNumber: 11
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV(FormSubmit, {
                             "aria-label": t('general:applyChanges'),
                             onClick: onSave,
                             children: saveLabel || t('general:applyChanges')
-                        })
+                        }, void 0, false, {
+                            fileName: "src/elements/DrawerActionHeader/index.tsx",
+                            lineNumber: 40,
+                            columnNumber: 11
+                        }, this)
                     ]
-                })
+                }, void 0, true, {
+                    fileName: "src/elements/DrawerActionHeader/index.tsx",
+                    lineNumber: 35,
+                    columnNumber: 9
+                }, this)
             ]
-        })
-    });
+        }, void 0, true, {
+            fileName: "src/elements/DrawerActionHeader/index.tsx",
+            lineNumber: 32,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/DrawerActionHeader/index.tsx",
+        lineNumber: 31,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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,QAACW;QAAIN,WAAW;YAACH;YAAWG;SAAU,CAACO,MAAM,CAACC,SAASC,IAAI,CAAC;kBAC1D,cAAA,QAACH;YAAIN,WAAW,GAAGH,UAAU,SAAS,CAAC;;8BACrC,QAACa;oBAAGV,WAAW,GAAGH,UAAU,OAAO,CAAC;8BAAGO;;;;;;8BAEvC,QAACE;oBAAIN,WAAW,GAAGH,UAAU,SAAS,CAAC;;sCACrC,QAACD;4BAAOe,cAAYN,EAAE;4BAAmBO,aAAY;4BAAYC,SAASZ;sCACvEF,eAAeM,EAAE;;;;;;sCAGpB,QAACX;4BAAWiB,cAAYN,EAAE;4BAAyBQ,SAASX;sCACzDC,aAAaE,EAAE;;;;;;;;;;;;;;;;;;;;;;;AAM5B,EAAC"}

package/dist/elements/DrawerContentContainer/index.js

@@ -1,15 +1,19 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'drawer-content-container';
 export function DrawerContentContainer({ children, className }) {
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             baseClass,
             className
         ].filter(Boolean).join(' '),
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/elements/DrawerContentContainer/index.tsx",
+        lineNumber: 12,
+        columnNumber: 10
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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,QAACC;QAAID,WAAW;YAACH;YAAWG;SAAU,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;kBAAOL;;;;;;AAC5E"}

package/dist/elements/Dropzone/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 const handleDragOver = (e)=>{
@@ -83,11 +83,15 @@ export function Dropzone({ children, className, disabled = false, dropzoneStyle
         dragging ? 'dragging' : '',
         `dropzoneStyle--${dropzoneStyle}`
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: classes,
         ref: dropRef,
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Dropzone/index.tsx",
+        lineNumber: 118,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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,QAACP;QAAIzB,WAAW6B;QAASI,KAAK5B;kBAC3BN;;;;;;AAGP"}

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

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

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

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