@payloadcms/ui 3.0.0-alpha.5 → 3.0.0-alpha.50

package/dist/elements/DraggableSortable/useDraggableSortable/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,0BAA0B,GAAG;IACvC,UAAU,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IACnC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,oBAAoB,CAAA;IAC/B,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,0BAA0B,GAAG;IACvC,UAAU,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IACnC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,oBAAoB,CAAA;IAC/B,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA"}

package/dist/elements/DraggableSortable/useDraggableSortable/types.js

@@ -1,6 +1,3 @@
-/* eslint-disable import/no-unresolved */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
+export { };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9EcmFnZ2FibGVTb3J0YWJsZS91c2VEcmFnZ2FibGVTb3J0YWJsZS90eXBlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBpbXBvcnQvbm8tdW5yZXNvbHZlZCAqL1xuaW1wb3J0IHR5cGUgeyBTeW50aGV0aWNMaXN0ZW5lck1hcCB9IGZyb20gJ0BkbmQta2l0L2NvcmUvZGlzdC9ob29rcy91dGlsaXRpZXMnXG5pbXBvcnQgdHlwZSB7IEhUTUxBdHRyaWJ1dGVzIH0gZnJvbSAncmVhY3QnXG5cbmV4cG9ydCB0eXBlIFVzZURyYWdnYWJsZVNvcnRhYmxlUmV0dXJuID0ge1xuICBhdHRyaWJ1dGVzOiBIVE1MQXR0cmlidXRlczx1bmtub3duPlxuICBpc0RyYWdnaW5nPzogYm9vbGVhblxuICBsaXN0ZW5lcnM6IFN5bnRoZXRpY0xpc3RlbmVyTWFwXG4gIHNldE5vZGVSZWY6IChub2RlOiBIVE1MRWxlbWVudCB8IG51bGwpID0+IHZvaWRcbiAgdHJhbnNmb3JtOiBzdHJpbmdcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1Q0FBdUMifQ==
+//# sourceMappingURL=types.js.map

package/dist/elements/DraggableSortable/useDraggableSortable/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/types.ts"],"sourcesContent":["import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities'\nimport type { HTMLAttributes } from 'react'\n\nexport type UseDraggableSortableReturn = {\n  attributes: HTMLAttributes<unknown>\n  isDragging?: boolean\n  listeners: SyntheticListenerMap\n  setNodeRef: (node: HTMLElement | null) => void\n  transform: string\n}\n"],"names":[],"mappings":"AAGA,WAMC"}

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

@@ -1,10 +1,11 @@
 import React from 'react';
-import type { Props, TogglerProps } from './types';
+import type { Props, TogglerProps } from './types.js';
 import './index.scss';
 export declare const formatDrawerSlug: ({ slug, depth }: {
     depth: number;
     slug: string;
 }) => string;
+export { useDrawerSlug } from './useDrawerSlug.js';
 export declare const DrawerToggler: React.FC<TogglerProps>;
 export declare const Drawer: React.FC<Props>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAMlD,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,gBAAgB;WAA8B,MAAM;UAAQ,MAAM;MAAK,MACzD,CAAA;AAE3B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuBhD,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiFlC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAMrD,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,gBAAgB;WAA8B,MAAM;UAAQ,MAAM;MAAK,MACzD,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyBhD,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmFlC,CAAA"}

package/dist/elements/Drawer/index.js

@@ -1,79 +1,18 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    Drawer: function() {
-        return Drawer;
-    },
-    DrawerToggler: function() {
-        return DrawerToggler;
-    },
-    formatDrawerSlug: function() {
-        return formatDrawerSlug;
-    }
-});
-const _modal = require("@faceless-ui/modal");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _X = require("../../icons/X");
-const _EditDepth = require("../../providers/EditDepth");
-const _Translation = require("../../providers/Translation");
-const _Gutter = require("../Gutter");
-require("./index.scss");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+import * as facelessUIImport from '@faceless-ui/modal';
+import React, { useCallback, useEffect, useState } from 'react';
+import { X } from '../../icons/X/index.js';
+import { EditDepthContext, useEditDepth } from '../../providers/EditDepth/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Gutter } from '../Gutter/index.js';
 const baseClass = 'drawer';
 const zBase = 100;
-const formatDrawerSlug = ({ slug, depth })=>`drawer_${depth}_${slug}`;
-const DrawerToggler = ({ slug, children, className, disabled, onClick, ...rest })=>{
-    const { openModal } = (0, _modal.useModal)();
-    const handleClick = (0, _react.useCallback)((e)=>{
+export const formatDrawerSlug = ({ slug, depth })=>`drawer_${depth}_${slug}`;
+export { useDrawerSlug } from './useDrawerSlug.js';
+export const DrawerToggler = ({ slug, children, className, disabled, onClick, ...rest })=>{
+    const { Modal, useModal } = facelessUIImport;
+    const { openModal } = useModal();
+    const handleClick = useCallback((e)=>{
         openModal(slug);
         if (typeof onClick === 'function') onClick(e);
     }, [
@@ -81,7 +20,7 @@ const DrawerToggler = ({ slug, children, className, disabled, onClick, ...rest }
         slug,
         onClick
     ]);
-    return /*#__PURE__*/ _react.default.createElement("button", {
+    return /*#__PURE__*/ React.createElement("button", {
         className: className,
         disabled: disabled,
         onClick: handleClick,
@@ -89,26 +28,27 @@ const DrawerToggler = ({ slug, children, className, disabled, onClick, ...rest }
         ...rest
     }, children);
 };
-const Drawer = ({ slug, Header, children, className, gutter = true, hoverTitle, title })=>{
-    const { t } = (0, _Translation.useTranslation)();
-    const { closeModal, modalState } = (0, _modal.useModal)();
-    const drawerDepth = (0, _EditDepth.useEditDepth)();
-    const [isOpen, setIsOpen] = (0, _react.useState)(false);
-    const [animateIn, setAnimateIn] = (0, _react.useState)(false);
-    (0, _react.useEffect)(()=>{
+export const Drawer = ({ slug, Header, children, className, gutter = true, hoverTitle, title })=>{
+    const { Modal, useModal } = facelessUIImport;
+    const { t } = useTranslation();
+    const { closeModal, modalState } = useModal();
+    const drawerDepth = useEditDepth();
+    const [isOpen, setIsOpen] = useState(false);
+    const [animateIn, setAnimateIn] = useState(false);
+    useEffect(()=>{
         setIsOpen(modalState[slug]?.isOpen);
     }, [
         slug,
         modalState
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         setAnimateIn(isOpen);
     }, [
         isOpen
     ]);
     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__*/ _react.default.createElement(_modal.Modal, {
+        return /*#__PURE__*/ React.createElement(Modal, {
             className: [
                 className,
                 baseClass,
@@ -119,38 +59,38 @@ const Drawer = ({ slug, Header, children, className, gutter = true, hoverTitle,
             style: {
                 zIndex: zBase + drawerDepth
             }
-        }, (!drawerDepth || drawerDepth === 1) && /*#__PURE__*/ _react.default.createElement("div", {
+        }, (!drawerDepth || drawerDepth === 1) && /*#__PURE__*/ React.createElement("div", {
             className: `${baseClass}__blur-bg`
-        }), /*#__PURE__*/ _react.default.createElement("button", {
+        }), /*#__PURE__*/ React.createElement("button", {
             "aria-label": t('general:close'),
             className: `${baseClass}__close`,
             id: `close-drawer__${slug}`,
             onClick: ()=>closeModal(slug),
             type: "button"
-        }), /*#__PURE__*/ _react.default.createElement("div", {
+        }), /*#__PURE__*/ React.createElement("div", {
             className: `${baseClass}__content`
-        }, /*#__PURE__*/ _react.default.createElement("div", {
+        }, /*#__PURE__*/ React.createElement("div", {
             className: `${baseClass}__blur-bg-content`
-        }), /*#__PURE__*/ _react.default.createElement(_Gutter.Gutter, {
+        }), /*#__PURE__*/ React.createElement(Gutter, {
             className: `${baseClass}__content-children`,
             left: gutter,
             right: gutter
-        }, /*#__PURE__*/ _react.default.createElement(_EditDepth.EditDepthContext.Provider, {
+        }, /*#__PURE__*/ React.createElement(EditDepthContext.Provider, {
             value: drawerDepth + 1
-        }, Header, Header === undefined && /*#__PURE__*/ _react.default.createElement("div", {
+        }, Header, Header === undefined && /*#__PURE__*/ React.createElement("div", {
             className: `${baseClass}__header`
-        }, /*#__PURE__*/ _react.default.createElement("h2", {
+        }, /*#__PURE__*/ React.createElement("h2", {
             className: `${baseClass}__header__title`,
             title: hoverTitle ? title : null
-        }, title), /*#__PURE__*/ _react.default.createElement("button", {
+        }, title), /*#__PURE__*/ React.createElement("button", {
             "aria-label": t('general:close'),
             className: `${baseClass}__header__close`,
             id: `close-drawer__${slug}`,
             onClick: ()=>closeModal(slug),
             type: "button"
-        }, /*#__PURE__*/ _react.default.createElement(_X.X, null))), children))));
+        }, /*#__PURE__*/ React.createElement(X, null))), children))));
     }
     return null;
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9EcmF3ZXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IHsgTW9kYWwsIHVzZU1vZGFsIH0gZnJvbSAnQGZhY2VsZXNzLXVpL21vZGFsJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMsIFRvZ2dsZXJQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCB7IFggfSBmcm9tICcuLi8uLi9pY29ucy9YJ1xuaW1wb3J0IHsgRWRpdERlcHRoQ29udGV4dCwgdXNlRWRpdERlcHRoIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL0VkaXREZXB0aCdcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL1RyYW5zbGF0aW9uJ1xuaW1wb3J0IHsgR3V0dGVyIH0gZnJvbSAnLi4vR3V0dGVyJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdkcmF3ZXInXG5jb25zdCB6QmFzZSA9IDEwMFxuXG5leHBvcnQgY29uc3QgZm9ybWF0RHJhd2VyU2x1ZyA9ICh7IHNsdWcsIGRlcHRoIH06IHsgZGVwdGg6IG51bWJlcjsgc2x1Zzogc3RyaW5nIH0pOiBzdHJpbmcgPT5cbiAgYGRyYXdlcl8ke2RlcHRofV8ke3NsdWd9YFxuXG5leHBvcnQgY29uc3QgRHJhd2VyVG9nZ2xlcjogUmVhY3QuRkM8VG9nZ2xlclByb3BzPiA9ICh7XG4gIHNsdWcsXG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIGRpc2FibGVkLFxuICBvbkNsaWNrLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IHsgb3Blbk1vZGFsIH0gPSB1c2VNb2RhbCgpXG5cbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSB1c2VDYWxsYmFjayhcbiAgICAoZSkgPT4ge1xuICAgICAgb3Blbk1vZGFsKHNsdWcpXG4gICAgICBpZiAodHlwZW9mIG9uQ2xpY2sgPT09ICdmdW5jdGlvbicpIG9uQ2xpY2soZSlcbiAgICB9LFxuICAgIFtvcGVuTW9kYWwsIHNsdWcsIG9uQ2xpY2tdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBkaXNhYmxlZD17ZGlzYWJsZWR9IG9uQ2xpY2s9e2hhbmRsZUNsaWNrfSB0eXBlPVwiYnV0dG9uXCIgey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvYnV0dG9uPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBEcmF3ZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7XG4gIHNsdWcsXG4gIEhlYWRlcixcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgZ3V0dGVyID0gdHJ1ZSxcbiAgaG92ZXJUaXRsZSxcbiAgdGl0bGUsXG59KSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKVxuICBjb25zdCB7IGNsb3NlTW9kYWwsIG1vZGFsU3RhdGUgfSA9IHVzZU1vZGFsKClcbiAgY29uc3QgZHJhd2VyRGVwdGggPSB1c2VFZGl0RGVwdGgoKVxuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFthbmltYXRlSW4sIHNldEFuaW1hdGVJbl0gPSB1c2VTdGF0ZShmYWxzZSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldElzT3Blbihtb2RhbFN0YXRlW3NsdWddPy5pc09wZW4pXG4gIH0sIFtzbHVnLCBtb2RhbFN0YXRlXSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEFuaW1hdGVJbihpc09wZW4pXG4gIH0sIFtpc09wZW5dKVxuXG4gIGlmIChpc09wZW4pIHtcbiAgICAvLyBJTVBPUlRBTlQ6IGRvIG5vdCByZW5kZXIgdGhlIGRyYXdlciB1bnRpbCBpdCBpcyBleHBsaWNpdGx5IG9wZW4sIHRoaXMgaXMgdG8gYXZvaWQgbGFyZ2UgaHRtbCB0cmVlcyBlc3BlY2lhbGx5IHdoZW4gbmVzdGluZyBkcmF3ZXJzXG4gICAgcmV0dXJuIChcbiAgICAgIDxNb2RhbFxuICAgICAgICBjbGFzc05hbWU9e1tcbiAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgYmFzZUNsYXNzLFxuICAgICAgICAgIGFuaW1hdGVJbiAmJiBgJHtiYXNlQ2xhc3N9LS1pcy1vcGVuYCxcbiAgICAgICAgICBkcmF3ZXJEZXB0aCA+IDEgJiYgYCR7YmFzZUNsYXNzfS0tbmVzdGVkYCxcbiAgICAgICAgXVxuICAgICAgICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAgICAgICAuam9pbignICcpfVxuICAgICAgICBzbHVnPXtzbHVnfVxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIHpJbmRleDogekJhc2UgKyBkcmF3ZXJEZXB0aCxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgeyghZHJhd2VyRGVwdGggfHwgZHJhd2VyRGVwdGggPT09IDEpICYmIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19ibHVyLWJnYH0gLz59XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdnZW5lcmFsOmNsb3NlJyl9XG4gICAgICAgICAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19jbG9zZWB9XG4gICAgICAgICAgaWQ9e2BjbG9zZS1kcmF3ZXJfXyR7c2x1Z31gfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGNsb3NlTW9kYWwoc2x1Zyl9XG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIC8+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19jb250ZW50YH0+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2JsdXItYmctY29udGVudGB9IC8+XG4gICAgICAgICAgPEd1dHRlciBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2NvbnRlbnQtY2hpbGRyZW5gfSBsZWZ0PXtndXR0ZXJ9IHJpZ2h0PXtndXR0ZXJ9PlxuICAgICAgICAgICAgPEVkaXREZXB0aENvbnRleHQuUHJvdmlkZXIgdmFsdWU9e2RyYXdlckRlcHRoICsgMX0+XG4gICAgICAgICAgICAgIHtIZWFkZXJ9XG4gICAgICAgICAgICAgIHtIZWFkZXIgPT09IHVuZGVmaW5lZCAmJiAoXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2hlYWRlcmB9PlxuICAgICAgICAgICAgICAgICAgPGgyIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9faGVhZGVyX190aXRsZWB9IHRpdGxlPXtob3ZlclRpdGxlID8gdGl0bGUgOiBudWxsfT5cbiAgICAgICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICAgICAgPC9oMj5cbiAgICAgICAgICAgICAgICAgIHsvKiBUT0RPOiB0aGUgYGJ1dHRvbmAgSFRNTCBlbGVtZW50IGJyZWFrcyBDU1MgdHJhbnNpdGlvbnMgb24gdGhlIGRyYXdlciBmb3Igc29tZSByZWFzb24uLi5cbiAgICAgICAgICAgICAgICAgICAgaS5lLiBjaGFuZ2luZyB0byBhIGBkaXZgIGVsZW1lbnQgd2lsbCBmaXggdGhlIGFuaW1hdGlvbiBpc3N1ZSBidXQgd2lsbCBicmVhayBhY2Nlc3NpYmlsaXR5XG4gICAgICAgICAgICAgICAgICAqL31cbiAgICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgnZ2VuZXJhbDpjbG9zZScpfVxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2hlYWRlcl9fY2xvc2VgfVxuICAgICAgICAgICAgICAgICAgICBpZD17YGNsb3NlLWRyYXdlcl9fJHtzbHVnfWB9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGNsb3NlTW9kYWwoc2x1Zyl9XG4gICAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8WCAvPlxuICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvRWRpdERlcHRoQ29udGV4dC5Qcm92aWRlcj5cbiAgICAgICAgICA8L0d1dHRlcj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L01vZGFsPlxuICAgIClcbiAgfVxuXG4gIHJldHVybiBudWxsXG59XG4iXSwibmFtZXMiOlsiRHJhd2VyIiwiRHJhd2VyVG9nZ2xlciIsImZvcm1hdERyYXdlclNsdWciLCJiYXNlQ2xhc3MiLCJ6QmFzZSIsInNsdWciLCJkZXB0aCIsImNoaWxkcmVuIiwiY2xhc3NOYW1lIiwiZGlzYWJsZWQiLCJvbkNsaWNrIiwicmVzdCIsIm9wZW5Nb2RhbCIsInVzZU1vZGFsIiwiaGFuZGxlQ2xpY2siLCJ1c2VDYWxsYmFjayIsImUiLCJidXR0b24iLCJ0eXBlIiwiSGVhZGVyIiwiZ3V0dGVyIiwiaG92ZXJUaXRsZSIsInRpdGxlIiwidCIsInVzZVRyYW5zbGF0aW9uIiwiY2xvc2VNb2RhbCIsIm1vZGFsU3RhdGUiLCJkcmF3ZXJEZXB0aCIsInVzZUVkaXREZXB0aCIsImlzT3BlbiIsInNldElzT3BlbiIsInVzZVN0YXRlIiwiYW5pbWF0ZUluIiwic2V0QW5pbWF0ZUluIiwidXNlRWZmZWN0IiwiTW9kYWwiLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiIsInN0eWxlIiwiekluZGV4IiwiZGl2IiwiYXJpYS1sYWJlbCIsImlkIiwiR3V0dGVyIiwibGVmdCIsInJpZ2h0IiwiRWRpdERlcHRoQ29udGV4dCIsIlByb3ZpZGVyIiwidmFsdWUiLCJ1bmRlZmluZWQiLCJoMiIsIlgiXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7SUEyQ2FBLE1BQU07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
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Drawer/index.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { Props, TogglerProps } from './types.js'\n\nimport { X } from '../../icons/X/index.js'\nimport { EditDepthContext, useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawer'\nconst zBase = 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 { Modal, useModal } = facelessUIImport\n\n  const { openModal } = useModal()\n\n  const handleClick = useCallback(\n    (e) => {\n      openModal(slug)\n      if (typeof onClick === 'function') onClick(e)\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  Header,\n  children,\n  className,\n  gutter = true,\n  hoverTitle,\n  title,\n}) => {\n  const { Modal, useModal } = facelessUIImport\n\n  const { t } = useTranslation()\n  const { closeModal, modalState } = useModal()\n  const drawerDepth = useEditDepth()\n  const [isOpen, setIsOpen] = useState(false)\n  const [animateIn, setAnimateIn] = useState(false)\n\n  useEffect(() => {\n    setIsOpen(modalState[slug]?.isOpen)\n  }, [slug, modalState])\n\n  useEffect(() => {\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      <Modal\n        className={[\n          className,\n          baseClass,\n          animateIn && `${baseClass}--is-open`,\n          drawerDepth > 1 && `${baseClass}--nested`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        slug={slug}\n        style={{\n          zIndex: zBase + 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 className={`${baseClass}__content`}>\n          <div className={`${baseClass}__blur-bg-content`} />\n          <Gutter className={`${baseClass}__content-children`} left={gutter} right={gutter}>\n            <EditDepthContext.Provider value={drawerDepth + 1}>\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                    <X />\n                  </button>\n                </div>\n              )}\n              {children}\n            </EditDepthContext.Provider>\n          </Gutter>\n        </div>\n      </Modal>\n    )\n  }\n\n  return null\n}\n"],"names":["facelessUIImport","React","useCallback","useEffect","useState","X","EditDepthContext","useEditDepth","useTranslation","Gutter","baseClass","zBase","formatDrawerSlug","slug","depth","useDrawerSlug","DrawerToggler","children","className","disabled","onClick","rest","Modal","useModal","openModal","handleClick","e","button","type","Drawer","Header","gutter","hoverTitle","title","t","closeModal","modalState","drawerDepth","isOpen","setIsOpen","animateIn","setAnimateIn","filter","Boolean","join","style","zIndex","div","aria-label","id","left","right","Provider","value","undefined","h2"],"mappings":"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"}

package/dist/elements/Drawer/types.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
+export { };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Drawer/types.ts"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nexport type Props = {\n  Header?: React.ReactNode\n  children: React.ReactNode\n  className?: string\n  gutter?: boolean\n  hoverTitle?: boolean\n  slug: string\n  title?: string\n}\n\nexport type TogglerProps = HTMLAttributes<HTMLButtonElement> & {\n  children: React.ReactNode\n  className?: string\n  disabled?: boolean\n  slug: string\n}\n"],"names":[],"mappings":"AAYA,WAKC"}

package/dist/elements/Drawer/useDrawerSlug.js

@@ -1,23 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useDrawerSlug", {
-    enumerable: true,
-    get: function() {
-        return useDrawerSlug;
-    }
-});
-const _react = require("react");
-const _ = require(".");
-const _EditDepth = require("../../providers/EditDepth");
-const useDrawerSlug = (slug)=>{
-    const uuid = (0, _react.useId)();
-    const editDepth = (0, _EditDepth.useEditDepth)();
-    return (0, _.formatDrawerSlug)({
-        depth: editDepth,
-        slug: `${slug}-${uuid}`
+import { useId } from 'react';
+import { useEditDepth } from '../../providers/EditDepth/index.js';
+import { formatDrawerSlug } from './index.js';
+export const useDrawerSlug = (slug)=>{
+    const uuid = useId();
+    const editDepth = useEditDepth();
+    return formatDrawerSlug({
+        slug: `${slug}-${uuid}`,
+        depth: editDepth
     });
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9EcmF3ZXIvdXNlRHJhd2VyU2x1Zy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlSWQgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgZm9ybWF0RHJhd2VyU2x1ZyB9IGZyb20gJy4nXG5pbXBvcnQgeyB1c2VFZGl0RGVwdGggfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvRWRpdERlcHRoJ1xuXG5leHBvcnQgY29uc3QgdXNlRHJhd2VyU2x1ZyA9IChzbHVnOiBzdHJpbmcpOiBzdHJpbmcgPT4ge1xuICBjb25zdCB1dWlkID0gdXNlSWQoKVxuICBjb25zdCBlZGl0RGVwdGggPSB1c2VFZGl0RGVwdGgoKVxuICByZXR1cm4gZm9ybWF0RHJhd2VyU2x1Zyh7XG4gICAgZGVwdGg6IGVkaXREZXB0aCxcbiAgICBzbHVnOiBgJHtzbHVnfS0ke3V1aWR9YCxcbiAgfSlcbn1cbiJdLCJuYW1lcyI6WyJ1c2VEcmF3ZXJTbHVnIiwic2x1ZyIsInV1aWQiLCJ1c2VJZCIsImVkaXREZXB0aCIsInVzZUVkaXREZXB0aCIsImZvcm1hdERyYXdlclNsdWciLCJkZXB0aCJdLCJtYXBwaW5ncyI6Ijs7OzsrQkFLYUE7OztlQUFBQTs7O3VCQUxTO2tCQUVXOzJCQUNKO0FBRXRCLE1BQU1BLGdCQUFnQixDQUFDQztJQUM1QixNQUFNQyxPQUFPQyxJQUFBQSxZQUFLO0lBQ2xCLE1BQU1DLFlBQVlDLElBQUFBLHVCQUFZO0lBQzlCLE9BQU9DLElBQUFBLGtCQUFnQixFQUFDO1FBQ3RCQyxPQUFPSDtRQUNQSCxNQUFNLENBQUMsRUFBRUEsS0FBSyxDQUFDLEVBQUVDLEtBQUssQ0FBQztJQUN6QjtBQUNGIn0=
+//# sourceMappingURL=useDrawerSlug.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Drawer/useDrawerSlug.tsx"],"sourcesContent":["import { useId } from 'react'\n\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { formatDrawerSlug } from './index.js'\n\nexport const useDrawerSlug = (slug: string): string => {\n  const uuid = useId()\n  const editDepth = useEditDepth()\n  return formatDrawerSlug({\n    slug: `${slug}-${uuid}`,\n    depth: editDepth,\n  })\n}\n"],"names":["useId","useEditDepth","formatDrawerSlug","useDrawerSlug","slug","uuid","editDepth","depth"],"mappings":"AAAA,SAASA,KAAK,QAAQ,QAAO;AAE7B,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,gBAAgB,QAAQ,aAAY;AAE7C,OAAO,MAAMC,gBAAgB,CAACC;IAC5B,MAAMC,OAAOL;IACb,MAAMM,YAAYL;IAClB,OAAOC,iBAAiB;QACtBE,MAAM,CAAC,EAAEA,KAAK,CAAC,EAAEC,KAAK,CAAC;QACvBE,OAAOD;IACT;AACF,EAAC"}

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

@@ -1,10 +1,9 @@
 import React from 'react';
 import './index.scss';
-type Props = {
+export type Props = {
     className?: string;
     mimeTypes?: string[];
     onChange: (e: FileList) => void;
 };
 export declare const Dropzone: React.FC<Props>;
-export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Dropzone/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AASrB,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;IACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0GpC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Dropzone/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AASrB,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;IACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0GpC,CAAA"}

package/dist/elements/Dropzone/index.js

@@ -1,33 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Dropzone", {
-    enumerable: true,
-    get: function() {
-        return Dropzone;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _Translation = require("../../providers/Translation");
-const _Button = require("../Button");
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import React from 'react';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Button } from '../Button/index.js';
 const handleDragOver = (e)=>{
     e.preventDefault();
     e.stopPropagation();
 };
 const baseClass = 'dropzone';
-const Dropzone = ({ className, mimeTypes, onChange })=>{
-    const dropRef = _react.default.useRef(null);
-    const [dragging, setDragging] = _react.default.useState(false);
-    const inputRef = _react.default.useRef(null);
-    const { t } = (0, _Translation.useTranslation)();
-    const handlePaste = _react.default.useCallback((e)=>{
+export const Dropzone = ({ className, mimeTypes, onChange })=>{
+    const dropRef = React.useRef(null);
+    const [dragging, setDragging] = React.useState(false);
+    const inputRef = React.useRef(null);
+    const { t } = useTranslation();
+    const handlePaste = React.useCallback((e)=>{
         e.preventDefault();
         e.stopPropagation();
         if (e.clipboardData.files && e.clipboardData.files.length > 0) {
@@ -36,17 +20,17 @@ const Dropzone = ({ className, mimeTypes, onChange })=>{
     }, [
         onChange
     ]);
-    const handleDragEnter = _react.default.useCallback((e)=>{
+    const handleDragEnter = React.useCallback((e)=>{
         e.preventDefault();
         e.stopPropagation();
         setDragging(true);
     }, []);
-    const handleDragLeave = _react.default.useCallback((e)=>{
+    const handleDragLeave = React.useCallback((e)=>{
         e.preventDefault();
         e.stopPropagation();
         setDragging(false);
     }, []);
-    const handleDrop = _react.default.useCallback((e)=>{
+    const handleDrop = React.useCallback((e)=>{
         e.preventDefault();
         e.stopPropagation();
         setDragging(false);
@@ -58,14 +42,14 @@ const Dropzone = ({ className, mimeTypes, onChange })=>{
     }, [
         onChange
     ]);
-    const handleFileSelection = _react.default.useCallback((e)=>{
+    const handleFileSelection = React.useCallback((e)=>{
         if (e.target.files && e.target.files.length > 0) {
             onChange(e.target.files);
         }
     }, [
         onChange
     ]);
-    _react.default.useEffect(()=>{
+    React.useEffect(()=>{
         const div = dropRef.current;
         if (div) {
             div.addEventListener('dragenter', handleDragEnter);
@@ -93,25 +77,25 @@ const Dropzone = ({ className, mimeTypes, onChange })=>{
         className,
         dragging ? 'dragging' : ''
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _react.default.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         className: classes,
         ref: dropRef
-    }, /*#__PURE__*/ _react.default.createElement(_Button.Button, {
+    }, /*#__PURE__*/ React.createElement(Button, {
         buttonStyle: "secondary",
         className: `${baseClass}__file-button`,
         onClick: ()=>{
             inputRef.current.click();
         },
         size: "small"
-    }, t('upload:selectFile')), /*#__PURE__*/ _react.default.createElement("input", {
+    }, t('upload:selectFile')), /*#__PURE__*/ React.createElement("input", {
         accept: mimeTypes?.join(','),
         className: `${baseClass}__hidden-input`,
         onChange: handleFileSelection,
         ref: inputRef,
         type: "file"
-    }), /*#__PURE__*/ _react.default.createElement("p", {
+    }), /*#__PURE__*/ React.createElement("p", {
         className: `${baseClass}__label`
     }, t('general:or'), " ", t('upload:dragAndDrop')));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9Ecm9wem9uZS9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9UcmFuc2xhdGlvbidcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBoYW5kbGVEcmFnT3ZlciA9IChlOiBEcmFnRXZlbnQpID0+IHtcbiAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gIGUuc3RvcFByb3BhZ2F0aW9uKClcbn1cblxuY29uc3QgYmFzZUNsYXNzID0gJ2Ryb3B6b25lJ1xuXG50eXBlIFByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgbWltZVR5cGVzPzogc3RyaW5nW11cbiAgb25DaGFuZ2U6IChlOiBGaWxlTGlzdCkgPT4gdm9pZFxufVxuXG5leHBvcnQgY29uc3QgRHJvcHpvbmU6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGNsYXNzTmFtZSwgbWltZVR5cGVzLCBvbkNoYW5nZSB9KSA9PiB7XG4gIGNvbnN0IGRyb3BSZWYgPSBSZWFjdC51c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IFtkcmFnZ2luZywgc2V0RHJhZ2dpbmddID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IGlucHV0UmVmID0gUmVhY3QudXNlUmVmKG51bGwpXG5cbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpXG5cbiAgY29uc3QgaGFuZGxlUGFzdGUgPSBSZWFjdC51c2VDYWxsYmFjayhcbiAgICAoZTogQ2xpcGJvYXJkRXZlbnQpID0+IHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKVxuXG4gICAgICBpZiAoZS5jbGlwYm9hcmREYXRhLmZpbGVzICYmIGUuY2xpcGJvYXJkRGF0YS5maWxlcy5sZW5ndGggPiAwKSB7XG4gICAgICAgIG9uQ2hhbmdlKGUuY2xpcGJvYXJkRGF0YS5maWxlcylcbiAgICAgIH1cbiAgICB9LFxuICAgIFtvbkNoYW5nZV0sXG4gIClcblxuICBjb25zdCBoYW5kbGVEcmFnRW50ZXIgPSBSZWFjdC51c2VDYWxsYmFjaygoZTogRHJhZ0V2ZW50KSA9PiB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgZS5zdG9wUHJvcGFnYXRpb24oKVxuICAgIHNldERyYWdnaW5nKHRydWUpXG4gIH0sIFtdKVxuXG4gIGNvbnN0IGhhbmRsZURyYWdMZWF2ZSA9IFJlYWN0LnVzZUNhbGxiYWNrKChlOiBEcmFnRXZlbnQpID0+IHtcbiAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpXG4gICAgc2V0RHJhZ2dpbmcoZmFsc2UpXG4gIH0sIFtdKVxuXG4gIGNvbnN0IGhhbmRsZURyb3AgPSBSZWFjdC51c2VDYWxsYmFjayhcbiAgICAoZTogRHJhZ0V2ZW50KSA9PiB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKClcbiAgICAgIHNldERyYWdnaW5nKGZhbHNlKVxuXG4gICAgICBpZiAoZS5kYXRhVHJhbnNmZXIuZmlsZXMgJiYgZS5kYXRhVHJhbnNmZXIuZmlsZXMubGVuZ3RoID4gMCkge1xuICAgICAgICBvbkNoYW5nZShlLmRhdGFUcmFuc2Zlci5maWxlcylcbiAgICAgICAgc2V0RHJhZ2dpbmcoZmFsc2UpXG5cbiAgICAgICAgZS5kYXRhVHJhbnNmZXIuY2xlYXJEYXRhKClcbiAgICAgIH1cbiAgICB9LFxuICAgIFtvbkNoYW5nZV0sXG4gIClcblxuICBjb25zdCBoYW5kbGVGaWxlU2VsZWN0aW9uID0gUmVhY3QudXNlQ2FsbGJhY2soXG4gICAgKGU6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICBpZiAoZS50YXJnZXQuZmlsZXMgJiYgZS50YXJnZXQuZmlsZXMubGVuZ3RoID4gMCkge1xuICAgICAgICBvbkNoYW5nZShlLnRhcmdldC5maWxlcylcbiAgICAgIH1cbiAgICB9LFxuICAgIFtvbkNoYW5nZV0sXG4gIClcblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGRpdiA9IGRyb3BSZWYuY3VycmVudFxuXG4gICAgaWYgKGRpdikge1xuICAgICAgZGl2LmFkZEV2ZW50TGlzdGVuZXIoJ2RyYWdlbnRlcicsIGhhbmRsZURyYWdFbnRlcilcbiAgICAgIGRpdi5hZGRFdmVudExpc3RlbmVyKCdkcmFnbGVhdmUnLCBoYW5kbGVEcmFnTGVhdmUpXG4gICAgICBkaXYuYWRkRXZlbnRMaXN0ZW5lcignZHJhZ292ZXInLCBoYW5kbGVEcmFnT3ZlcilcbiAgICAgIGRpdi5hZGRFdmVudExpc3RlbmVyKCdkcm9wJywgaGFuZGxlRHJvcClcbiAgICAgIGRpdi5hZGRFdmVudExpc3RlbmVyKCdwYXN0ZScsIGhhbmRsZVBhc3RlKVxuXG4gICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICBkaXYucmVtb3ZlRXZlbnRMaXN0ZW5lcignZHJhZ2VudGVyJywgaGFuZGxlRHJhZ0VudGVyKVxuICAgICAgICBkaXYucmVtb3ZlRXZlbnRMaXN0ZW5lcignZHJhZ2xlYXZlJywgaGFuZGxlRHJhZ0xlYXZlKVxuICAgICAgICBkaXYucmVtb3ZlRXZlbnRMaXN0ZW5lcignZHJhZ292ZXInLCBoYW5kbGVEcmFnT3ZlcilcbiAgICAgICAgZGl2LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2Ryb3AnLCBoYW5kbGVEcm9wKVxuICAgICAgICBkaXYucmVtb3ZlRXZlbnRMaXN0ZW5lcigncGFzdGUnLCBoYW5kbGVQYXN0ZSlcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4gbnVsbFxuICB9LCBbaGFuZGxlRHJhZ0VudGVyLCBoYW5kbGVEcmFnTGVhdmUsIGhhbmRsZURyb3AsIGhhbmRsZVBhc3RlXSlcblxuICBjb25zdCBjbGFzc2VzID0gW2Jhc2VDbGFzcywgY2xhc3NOYW1lLCBkcmFnZ2luZyA/ICdkcmFnZ2luZycgOiAnJ10uZmlsdGVyKEJvb2xlYW4pLmpvaW4oJyAnKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzZXN9IHJlZj17ZHJvcFJlZn0+XG4gICAgICA8QnV0dG9uXG4gICAgICAgIGJ1dHRvblN0eWxlPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19maWxlLWJ1dHRvbmB9XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpbnB1dFJlZi5jdXJyZW50LmNsaWNrKClcbiAgICAgICAgfX1cbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgID5cbiAgICAgICAge3QoJ3VwbG9hZDpzZWxlY3RGaWxlJyl9XG4gICAgICA8L0J1dHRvbj5cblxuICAgICAgPGlucHV0XG4gICAgICAgIGFjY2VwdD17bWltZVR5cGVzPy5qb2luKCcsJyl9XG4gICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9faGlkZGVuLWlucHV0YH1cbiAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUZpbGVTZWxlY3Rpb259XG4gICAgICAgIHJlZj17aW5wdXRSZWZ9XG4gICAgICAgIHR5cGU9XCJmaWxlXCJcbiAgICAgIC8+XG5cbiAgICAgIDxwIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbGFiZWxgfT5cbiAgICAgICAge3QoJ2dlbmVyYWw6b3InKX0ge3QoJ3VwbG9hZDpkcmFnQW5kRHJvcCcpfVxuICAgICAgPC9wPlxuICAgIDwvZGl2PlxuICApXG59XG4iXSwibmFtZXMiOlsiRHJvcHpvbmUiLCJoYW5kbGVEcmFnT3ZlciIsImUiLCJwcmV2ZW50RGVmYXVsdCIsInN0b3BQcm9wYWdhdGlvbiIsImJhc2VDbGFzcyIsImNsYXNzTmFtZSIsIm1pbWVUeXBlcyIsIm9uQ2hhbmdlIiwiZHJvcFJlZiIsIlJlYWN0IiwidXNlUmVmIiwiZHJhZ2dpbmciLCJzZXREcmFnZ2luZyIsInVzZVN0YXRlIiwiaW5wdXRSZWYiLCJ0IiwidXNlVHJhbnNsYXRpb24iLCJoYW5kbGVQYXN0ZSIsInVzZUNhbGxiYWNrIiwiY2xpcGJvYXJkRGF0YSIsImZpbGVzIiwibGVuZ3RoIiwiaGFuZGxlRHJhZ0VudGVyIiwiaGFuZGxlRHJhZ0xlYXZlIiwiaGFuZGxlRHJvcCIsImRhdGFUcmFuc2ZlciIsImNsZWFyRGF0YSIsImhhbmRsZUZpbGVTZWxlY3Rpb24iLCJ0YXJnZXQiLCJ1c2VFZmZlY3QiLCJkaXYiLCJjdXJyZW50IiwiYWRkRXZlbnRMaXN0ZW5lciIsInJlbW92ZUV2ZW50TGlzdGVuZXIiLCJjbGFzc2VzIiwiZmlsdGVyIiwiQm9vbGVhbiIsImpvaW4iLCJyZWYiLCJCdXR0b24iLCJidXR0b25TdHlsZSIsIm9uQ2xpY2siLCJjbGljayIsInNpemUiLCJpbnB1dCIsImFjY2VwdCIsInR5cGUiLCJwIl0sIm1hcHBpbmdzIjoiOzs7OytCQW1CYUE7OztlQUFBQTs7OzhEQW5CSzs2QkFFYTt3QkFDUjtRQUNoQjs7Ozs7O0FBRVAsTUFBTUMsaUJBQWlCLENBQUNDO0lBQ3RCQSxFQUFFQyxjQUFjO0lBQ2hCRCxFQUFFRSxlQUFlO0FBQ25CO0FBRUEsTUFBTUMsWUFBWTtBQVFYLE1BQU1MLFdBQTRCLENBQUMsRUFBRU0sU0FBUyxFQUFFQyxTQUFTLEVBQUVDLFFBQVEsRUFBRTtJQUMxRSxNQUFNQyxVQUFVQyxjQUFLLENBQUNDLE1BQU0sQ0FBaUI7SUFDN0MsTUFBTSxDQUFDQyxVQUFVQyxZQUFZLEdBQUdILGNBQUssQ0FBQ0ksUUFBUSxDQUFDO0lBQy9DLE1BQU1DLFdBQVdMLGNBQUssQ0FBQ0MsTUFBTSxDQUFDO0lBRTlCLE1BQU0sRUFBRUssQ0FBQyxFQUFFLEdBQUdDLElBQUFBLDJCQUFjO0lBRTVCLE1BQU1DLGNBQWNSLGNBQUssQ0FBQ1MsV0FBVyxDQUNuQyxDQUFDakI7UUFDQ0EsRUFBRUMsY0FBYztRQUNoQkQsRUFBRUUsZUFBZTtRQUVqQixJQUFJRixFQUFF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
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Dropzone/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst handleDragOver = (e: DragEvent) => {\n  e.preventDefault()\n  e.stopPropagation()\n}\n\nconst baseClass = 'dropzone'\n\nexport type Props = {\n  className?: string\n  mimeTypes?: string[]\n  onChange: (e: FileList) => void\n}\n\nexport const Dropzone: React.FC<Props> = ({ className, mimeTypes, onChange }) => {\n  const dropRef = React.useRef<HTMLDivElement>(null)\n  const [dragging, setDragging] = React.useState(false)\n  const inputRef = React.useRef(null)\n\n  const { t } = useTranslation()\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        onChange(e.clipboardData.files)\n      }\n    },\n    [onChange],\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        onChange(e.dataTransfer.files)\n        setDragging(false)\n\n        e.dataTransfer.clearData()\n      }\n    },\n    [onChange],\n  )\n\n  const handleFileSelection = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (e.target.files && e.target.files.length > 0) {\n        onChange(e.target.files)\n      }\n    },\n    [onChange],\n  )\n\n  React.useEffect(() => {\n    const div = dropRef.current\n\n    if (div) {\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  }, [handleDragEnter, handleDragLeave, handleDrop, handlePaste])\n\n  const classes = [baseClass, className, dragging ? 'dragging' : ''].filter(Boolean).join(' ')\n\n  return (\n    <div className={classes} ref={dropRef}>\n      <Button\n        buttonStyle=\"secondary\"\n        className={`${baseClass}__file-button`}\n        onClick={() => {\n          inputRef.current.click()\n        }}\n        size=\"small\"\n      >\n        {t('upload:selectFile')}\n      </Button>\n\n      <input\n        accept={mimeTypes?.join(',')}\n        className={`${baseClass}__hidden-input`}\n        onChange={handleFileSelection}\n        ref={inputRef}\n        type=\"file\"\n      />\n\n      <p className={`${baseClass}__label`}>\n        {t('general:or')} {t('upload:dragAndDrop')}\n      </p>\n    </div>\n  )\n}\n"],"names":["React","useTranslation","Button","handleDragOver","e","preventDefault","stopPropagation","baseClass","Dropzone","className","mimeTypes","onChange","dropRef","useRef","dragging","setDragging","useState","inputRef","t","handlePaste","useCallback","clipboardData","files","length","handleDragEnter","handleDragLeave","handleDrop","dataTransfer","clearData","handleFileSelection","target","useEffect","div","current","addEventListener","removeEventListener","classes","filter","Boolean","join","ref","buttonStyle","onClick","click","size","input","accept","type","p"],"mappings":"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"}

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

@@ -1,6 +1,10 @@
+import type { SanitizedCollectionConfig } from 'payload/types';
 import React from 'react';
-import type { Props } from './types';
 import './index.scss';
-declare const Duplicate: React.FC<Props>;
-export default Duplicate;
+export type Props = {
+    id: string;
+    singularLabel: SanitizedCollectionConfig['labels']['singular'];
+    slug: string;
+};
+export declare const DuplicateDocument: React.FC<Props>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DuplicateDocument/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAGpD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AASpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2L9B,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DuplicateDocument/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAK9D,OAAO,KAAgC,MAAM,OAAO,CAAA;AAWpD,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,aAAa,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAA;IAC9D,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4G7C,CAAA"}