@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DraggableSortable/index.tsx"],"sourcesContent":["'use client'\nimport type { DragEndEvent, DragStartEvent } from '@dnd-kit/core'\n\nimport {\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core'\nimport { SortableContext, sortableKeyboardCoordinates } from '@dnd-kit/sortable'\nimport React, { useCallback, useId } from 'react'\n\nimport type { Props } from './types.js'\n\nexport { Props }\n\nexport const DraggableSortable: React.FC<Props> = (props) => {\n  const { children, className, ids, onDragEnd, onDragStart } = props\n\n  const id = useId()\n\n  const { setNodeRef } = useDroppable({\n    id,\n  })\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event\n\n      event.activatorEvent.stopPropagation()\n\n      if (!active || !over) {\n        return\n      }\n\n      if (typeof onDragEnd === 'function') {\n        onDragEnd({\n          event,\n          moveFromIndex: ids.findIndex((_id) => _id === active.id),\n          moveToIndex: ids.findIndex((_id) => _id === over.id),\n        })\n      }\n    },\n    [onDragEnd, ids],\n  )\n\n  const handleDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const { active } = event\n\n      if (!active) {\n        return\n      }\n\n      if (typeof onDragStart === 'function') {\n        onDragStart({ id: active.id, event })\n      }\n    },\n    [onDragStart],\n  )\n\n  return (\n    <DndContext\n      collisionDetection={closestCenter}\n      id={id}\n      onDragEnd={handleDragEnd}\n      onDragStart={handleDragStart}\n      sensors={sensors}\n    >\n      <SortableContext items={ids}>\n        <div className={className} ref={setNodeRef}>\n          {children}\n        </div>\n      </SortableContext>\n    </DndContext>\n  )\n}\n"],"names":["closestCenter","DndContext","KeyboardSensor","PointerSensor","useDroppable","useSensor","useSensors","SortableContext","sortableKeyboardCoordinates","useCallback","useId","DraggableSortable","props","children","className","ids","onDragEnd","onDragStart","id","setNodeRef","sensors","activationConstraint","distance","coordinateGetter","handleDragEnd","event","active","over","activatorEvent","stopPropagation","moveFromIndex","findIndex","_id","moveToIndex","handleDragStart","collisionDetection","items","div","ref"],"mappings":"AAAA;AAGA,SACEA,aAAa,EACbC,UAAU,EACVC,cAAc,EACdC,aAAa,EACbC,YAAY,EACZC,SAAS,EACTC,UAAU,QACL,gBAAe;AACtB,SAASC,eAAe,EAAEC,2BAA2B,QAAQ,oBAAmB;AAChF,SAAgBC,WAAW,EAAEC,KAAK,QAAQ,QAAO;AAMjD,OAAO,MAAMC,oBAAqC,CAACC;IACjD,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,GAAG,EAAEC,SAAS,EAAEC,WAAW,EAAE,GAAGL;IAE7D,MAAMM,KAAKR;IAEX,MAAM,EAAES,UAAU,EAAE,GAAGf,aAAa;QAClCc;IACF;IAEA,MAAME,UAAUd,WACdD,UAAUF,eAAe;QACvBkB,sBAAsB;YACpBC,UAAU;QACZ;IACF,IACAjB,UAAUH,gBAAgB;QACxBqB,kBAAkBf;IACpB;IAGF,MAAMgB,gBAAgBf,YACpB,CAACgB;QACC,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGF;QAEzBA,MAAMG,cAAc,CAACC,eAAe;QAEpC,IAAI,CAACH,UAAU,CAACC,MAAM;YACpB;QACF;QAEA,IAAI,OAAOX,cAAc,YAAY;YACnCA,UAAU;gBACRS;gBACAK,eAAef,IAAIgB,SAAS,CAAC,CAACC,MAAQA,QAAQN,OAAOR,EAAE;gBACvDe,aAAalB,IAAIgB,SAAS,CAAC,CAACC,MAAQA,QAAQL,KAAKT,EAAE;YACrD;QACF;IACF,GACA;QAACF;QAAWD;KAAI;IAGlB,MAAMmB,kBAAkBzB,YACtB,CAACgB;QACC,MAAM,EAAEC,MAAM,EAAE,GAAGD;QAEnB,IAAI,CAACC,QAAQ;YACX;QACF;QAEA,IAAI,OAAOT,gBAAgB,YAAY;YACrCA,YAAY;gBAAEC,IAAIQ,OAAOR,EAAE;gBAAEO;YAAM;QACrC;IACF,GACA;QAACR;KAAY;IAGf,QACGhB,WACCkC,oBAAoBnC,eACpBkB,IAAIA,IACJF,WAAWQ,eACXP,aAAaiB,iBACbd,SAASA,SACV;MACC,CAACb,gBAAgB6B,OAAOrB,KAAK;QAC3B,CAACsB,IAAIvB,WAAWA,WAAWwB,KAAKnB,YAAY;UAC1C,CAACN,SAAS;QACZ,EAAEwB,IAAI;MACR,EAAE9B,gBAAgB;IACpB,EAAEN;AAEN,EAAC"}
+{"version":3,"sources":["../../../src/elements/DraggableSortable/index.tsx"],"sourcesContent":["'use client'\nimport type { DragEndEvent, DragStartEvent } from '@dnd-kit/core'\n\nimport {\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core'\nimport { SortableContext, sortableKeyboardCoordinates } from '@dnd-kit/sortable'\nimport React, { useCallback, useId } from 'react'\n\nimport type { Props } from './types.js'\n\nexport { Props }\n\nexport const DraggableSortable: React.FC<Props> = (props) => {\n  const { children, className, ids, onDragEnd, onDragStart } = props\n\n  const id = useId()\n\n  const { setNodeRef } = useDroppable({\n    id,\n  })\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event\n\n      event.activatorEvent.stopPropagation()\n\n      if (!active || !over) {\n        return\n      }\n\n      if (typeof onDragEnd === 'function') {\n        onDragEnd({\n          event,\n          moveFromIndex: ids.findIndex((_id) => _id === active.id),\n          moveToIndex: ids.findIndex((_id) => _id === over.id),\n        })\n      }\n    },\n    [onDragEnd, ids],\n  )\n\n  const handleDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const { active } = event\n\n      if (!active) {\n        return\n      }\n\n      if (typeof onDragStart === 'function') {\n        onDragStart({ id: active.id, event })\n      }\n    },\n    [onDragStart],\n  )\n\n  return (\n    <DndContext\n      collisionDetection={closestCenter}\n      id={id}\n      onDragEnd={handleDragEnd}\n      onDragStart={handleDragStart}\n      sensors={sensors}\n    >\n      <SortableContext items={ids}>\n        <div className={className} ref={setNodeRef}>\n          {children}\n        </div>\n      </SortableContext>\n    </DndContext>\n  )\n}\n"],"names":["closestCenter","DndContext","KeyboardSensor","PointerSensor","useDroppable","useSensor","useSensors","SortableContext","sortableKeyboardCoordinates","React","useCallback","useId","DraggableSortable","props","children","className","ids","onDragEnd","onDragStart","id","setNodeRef","sensors","activationConstraint","distance","coordinateGetter","handleDragEnd","event","active","over","activatorEvent","stopPropagation","moveFromIndex","findIndex","_id","moveToIndex","handleDragStart","collisionDetection","items","div","ref"],"mappings":"AAAA;;AAGA,SACEA,aAAa,EACbC,UAAU,EACVC,cAAc,EACdC,aAAa,EACbC,YAAY,EACZC,SAAS,EACTC,UAAU,QACL,gBAAe;AACtB,SAASC,eAAe,EAAEC,2BAA2B,QAAQ,oBAAmB;AAChF,OAAOC,SAASC,WAAW,EAAEC,KAAK,QAAQ,QAAO;AAMjD,OAAO,MAAMC,oBAAqC,CAACC;IACjD,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,GAAG,EAAEC,SAAS,EAAEC,WAAW,EAAE,GAAGL;IAE7D,MAAMM,KAAKR;IAEX,MAAM,EAAES,UAAU,EAAE,GAAGhB,aAAa;QAClCe;IACF;IAEA,MAAME,UAAUf,WACdD,UAAUF,eAAe;QACvBmB,sBAAsB;YACpBC,UAAU;QACZ;IACF,IACAlB,UAAUH,gBAAgB;QACxBsB,kBAAkBhB;IACpB;IAGF,MAAMiB,gBAAgBf,YACpB,CAACgB;QACC,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGF;QAEzBA,MAAMG,cAAc,CAACC,eAAe;QAEpC,IAAI,CAACH,UAAU,CAACC,MAAM;YACpB;QACF;QAEA,IAAI,OAAOX,cAAc,YAAY;YACnCA,UAAU;gBACRS;gBACAK,eAAef,IAAIgB,SAAS,CAAC,CAACC,MAAQA,QAAQN,OAAOR,EAAE;gBACvDe,aAAalB,IAAIgB,SAAS,CAAC,CAACC,MAAQA,QAAQL,KAAKT,EAAE;YACrD;QACF;IACF,GACA;QAACF;QAAWD;KAAI;IAGlB,MAAMmB,kBAAkBzB,YACtB,CAACgB;QACC,MAAM,EAAEC,MAAM,EAAE,GAAGD;QAEnB,IAAI,CAACC,QAAQ;YACX;QACF;QAEA,IAAI,OAAOT,gBAAgB,YAAY;YACrCA,YAAY;gBAAEC,IAAIQ,OAAOR,EAAE;gBAAEO;YAAM;QACrC;IACF,GACA;QAACR;KAAY;IAGf,qBACE,QAACjB;QACCmC,oBAAoBpC;QACpBmB,IAAIA;QACJF,WAAWQ;QACXP,aAAaiB;QACbd,SAASA;kBAET,cAAA,QAACd;YAAgB8B,OAAOrB;sBACtB,cAAA,QAACsB;gBAAIvB,WAAWA;gBAAWwB,KAAKnB;0BAC7BN;;;;;;;;;;;;;;;;AAKX,EAAC"}

package/dist/elements/Drawer/index.js

@@ -1,6 +1,7 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { Modal, useModal } from '@faceless-ui/modal';
-import { createContext, use, useCallback, useLayoutEffect, useState } from 'react';
+import React, { createContext, use, useCallback, useLayoutEffect, useState } from 'react';
 import { XIcon } from '../../icons/X/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Gutter } from '../Gutter/index.js';
@@ -21,9 +22,18 @@ export const DrawerToggler = ({ slug, children, className, disabled, onClick, ..
         slug,
         onClick
     ]);
-    return <button className={className} disabled={disabled} onClick={handleClick} type="button" {...rest}>
-      {children}
-    </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();
@@ -38,46 +48,133 @@ 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 <DrawerDepthProvider>
-        <Modal className={[
-            className,
-            baseClass,
-            animateIn && `${baseClass}--is-open`,
-            drawerDepth > 1 && `${baseClass}--nested`
-        ].filter(Boolean).join(' ')} // Fixes https://github.com/payloadcms/payload/issues/13778
-        closeOnBlur={false} slug={slug} style={{
-            zIndex: drawerZBase + drawerDepth
-        }}>
-          {(!drawerDepth || drawerDepth === 1) && <div className={`${baseClass}__blur-bg`}/>}
-          <button aria-label={t('general:close')} className={`${baseClass}__close`} id={`close-drawer__${slug}`} onClick={()=>closeModal(slug)} type="button"/>
-          <div className={`${baseClass}__content`} style={{
-            width: `calc(100% - (${drawerDepth} * var(--gutter-h)))`
-        }}>
-            <div className={`${baseClass}__blur-bg-content`}/>
-            <Gutter className={`${baseClass}__content-children`} left={gutter} right={gutter}>
-              {Header}
-              {Header === undefined && <div className={`${baseClass}__header`}>
-                  <h2 className={`${baseClass}__header__title`} title={hoverTitle ? title : null}>
-                    {title}
-                  </h2>
-                  {}
-                  <button aria-label={t('general:close')} className={`${baseClass}__header__close`} id={`close-drawer__${slug}`} onClick={()=>closeModal(slug)} type="button">
-                    <XIcon/>
-                  </button>
-                </div>}
-              {children}
-            </Gutter>
-          </div>
-        </Modal>
-      </DrawerDepthProvider>;
+        return /*#__PURE__*/ _jsxDEV(DrawerDepthProvider, {
+            children: /*#__PURE__*/ _jsxDEV(Modal, {
+                className: [
+                    className,
+                    baseClass,
+                    animateIn && `${baseClass}--is-open`,
+                    drawerDepth > 1 && `${baseClass}--nested`
+                ].filter(Boolean).join(' '),
+                // Fixes https://github.com/payloadcms/payload/issues/13778
+                closeOnBlur: false,
+                slug: slug,
+                style: {
+                    zIndex: drawerZBase + drawerDepth
+                },
+                children: [
+                    (!drawerDepth || drawerDepth === 1) && /*#__PURE__*/ _jsxDEV("div", {
+                        className: `${baseClass}__blur-bg`
+                    }, 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"
+                    }, 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__*/ _jsxDEV("div", {
+                                className: `${baseClass}__blur-bg-content`
+                            }, 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__*/ _jsxDEV("div", {
+                                        className: `${baseClass}__header`,
+                                        children: [
+                                            /*#__PURE__*/ _jsxDEV("h2", {
+                                                className: `${baseClass}__header__title`,
+                                                title: hoverTitle ? title : null,
+                                                children: title
+                                            }, 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__*/ _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;
 };
-export const DrawerDepthContext = createContext(1);
+export const DrawerDepthContext = /*#__PURE__*/ createContext(1);
 export const DrawerDepthProvider = ({ children })=>{
     const parentDepth = useDrawerDepth();
     const depth = parentDepth + 1;
-    return <DrawerDepthContext value={depth}>{children}</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","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,4 +1,6 @@
 'use client';
+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';
 import { Button } from '../Button/index.js';
@@ -6,24 +8,61 @@ import './index.scss';
 const baseClass = 'drawer-action-header';
 export const DrawerActionHeader = ({ cancelLabel, className, onCancel, onSave, saveLabel, title })=>{
     const { t } = useTranslation();
-    return <div className={[
-        baseClass,
-        className
-    ].filter(Boolean).join(' ')}>
-      <div className={`${baseClass}__content`}>
-        <h1 className={`${baseClass}__title`}>{title}</h1>
-
-        <div className={`${baseClass}__actions`}>
-          <Button aria-label={t('general:cancel')} buttonStyle="secondary" onClick={onCancel}>
-            {cancelLabel || t('general:cancel')}
-          </Button>
-
-          <FormSubmit aria-label={t('general:applyChanges')} onClick={onSave}>
-            {saveLabel || t('general:applyChanges')}
-          </FormSubmit>
-        </div>
-      </div>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: [
+            baseClass,
+            className
+        ].filter(Boolean).join(' '),
+        children: /*#__PURE__*/ _jsxDEV("div", {
+            className: `${baseClass}__content`,
+            children: [
+                /*#__PURE__*/ _jsxDEV("h1", {
+                    className: `${baseClass}__title`,
+                    children: title
+                }, void 0, false, {
+                    fileName: "src/elements/DrawerActionHeader/index.tsx",
+                    lineNumber: 33,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__actions`,
+                    children: [
+                        /*#__PURE__*/ _jsxDEV(Button, {
+                            "aria-label": t('general:cancel'),
+                            buttonStyle: "secondary",
+                            onClick: onCancel,
+                            children: cancelLabel || t('general:cancel')
+                        }, 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":["FormSubmit","useTranslation","Button","baseClass","DrawerActionHeader","cancelLabel","className","onCancel","onSave","saveLabel","title","t","div","filter","Boolean","join","h1","aria-label","buttonStyle","onClick"],"mappings":"AAAA;AAIA,SAASA,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,QACGW,IAAIN,WAAW;QAACH;QAAWG;KAAU,CAACO,MAAM,CAACC,SAASC,IAAI,CAAC,MAAM;MAChE,CAACH,IAAIN,WAAW,GAAGH,UAAU,SAAS,CAAC,EAAE;QACvC,CAACa,GAAGV,WAAW,GAAGH,UAAU,OAAO,CAAC,GAAGO,QAAQM,GAAG;;QAElD,CAACJ,IAAIN,WAAW,GAAGH,UAAU,SAAS,CAAC,EAAE;UACvC,CAACD,OAAOe,YAAYN,EAAE,mBAAmBO,YAAY,YAAYC,SAASZ,UAAU;YAClF,CAACF,eAAeM,EAAE,kBAAkB;UACtC,EAAET,OAAO;;UAET,CAACF,WAAWiB,YAAYN,EAAE,yBAAyBQ,SAASX,QAAQ;YAClE,CAACC,aAAaE,EAAE,wBAAwB;UAC1C,EAAEX,WAAW;QACf,EAAEY,IAAI;MACR,EAAEA,IAAI;IACR,EAAEA;AAEN,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,10 +1,19 @@
+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 <div className={[
-        baseClass,
-        className
-    ].filter(Boolean).join(' ')}>{children}</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":["baseClass","DrawerContentContainer","children","className","div","filter","Boolean","join"],"mappings":"AAEA,OAAO,eAAc;AAErB,MAAMA,YAAY;AAMlB,OAAO,SAASC,uBAAuB,EAAEC,QAAQ,EAAEC,SAAS,EAAS;IACnE,QAAQC,IAAID,WAAW;QAACH;QAAWG;KAAU,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC,OAAOL,WAAWE;AACvF"}
+{"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,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 const handleDragOver = (e)=>{
@@ -53,19 +54,19 @@ export function Dropzone({ children, className, disabled = false, dropzoneStyle
         addFiles
     ]);
     React.useEffect(()=>{
-        const div1 = dropRef.current;
-        if (div1 && !disabled) {
-            div1.addEventListener('dragenter', handleDragEnter);
-            div1.addEventListener('dragleave', handleDragLeave);
-            div1.addEventListener('dragover', handleDragOver);
-            div1.addEventListener('drop', handleDrop);
-            div1.addEventListener('paste', handlePaste);
+        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 ()=>{
-                div1.removeEventListener('dragenter', handleDragEnter);
-                div1.removeEventListener('dragleave', handleDragLeave);
-                div1.removeEventListener('dragover', handleDragOver);
-                div1.removeEventListener('drop', handleDrop);
-                div1.removeEventListener('paste', handlePaste);
+                div.removeEventListener('dragenter', handleDragEnter);
+                div.removeEventListener('dragleave', handleDragLeave);
+                div.removeEventListener('dragover', handleDragOver);
+                div.removeEventListener('drop', handleDrop);
+                div.removeEventListener('paste', handlePaste);
             };
         }
         return ()=>null;
@@ -82,9 +83,15 @@ export function Dropzone({ children, className, disabled = false, dropzoneStyle
         dragging ? 'dragging' : '',
         `dropzoneStyle--${dropzoneStyle}`
     ].filter(Boolean).join(' ');
-    return <div className={classes} ref={dropRef}>
-      {children}
-    </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,OAAMpB,QAAQqB,OAAO;QAE3B,IAAID,QAAO,CAACxB,UAAU;YACpBwB,KAAIE,gBAAgB,CAAC,aAAaP;YAClCK,KAAIE,gBAAgB,CAAC,aAAaN;YAClCI,KAAIE,gBAAgB,CAAC,YAAYlC;YACjCgC,KAAIE,gBAAgB,CAAC,QAAQL;YAC7BG,KAAIE,gBAAgB,CAAC,SAAST;YAE9B,OAAO;gBACLO,KAAIG,mBAAmB,CAAC,aAAaR;gBACrCK,KAAIG,mBAAmB,CAAC,aAAaP;gBACrCI,KAAIG,mBAAmB,CAAC,YAAYnC;gBACpCgC,KAAIG,mBAAmB,CAAC,QAAQN;gBAChCG,KAAIG,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,QACGP,IAAIzB,WAAW6B,SAASI,KAAK5B,SAAS;MACrC,CAACN,SAAS;IACZ,EAAE0B;AAEN"}
+{"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"}