@payloadcms/ui 3.0.0-canary.23fcb9e → 3.0.0-canary.294ea5c

package/dist/elements/Collapsible/index.scss

@@ -19,8 +19,8 @@
     border-top-left-radius: $style-radius-m;
     width: 100%;
 
-    & > * {
-      z-index: 1;
+    &:hover {
+      background: var(--theme-elevation-100);
     }
 
     &:has(.collapsible__drag) {
@@ -31,7 +31,6 @@
   &__drag {
     display: flex;
     opacity: 0.5;
-    z-index: 2;
     top: var(--toggle-pad-v);
     width: base(1.2);
     height: base(1.2);
@@ -56,7 +55,6 @@
     position: absolute;
     top: 0;
     left: 0;
-    z-index: 1;
 
     span {
       user-select: none;
@@ -74,9 +72,19 @@
         color: var(--theme-text);
       }
     }
-    &.collapsible--hovered {
-      > .collapsible__toggle-wrap .collapsible__toggle {
-        background: var(--theme-elevation-100);
+  }
+
+  &--style-error {
+    border: 1px solid var(--theme-error-400);
+    > .collapsible__toggle-wrap {
+      background-color: var(--theme-error-100);
+
+      &:hover {
+        background: var(--theme-error-150);
+      }
+
+      .row-label {
+        color: var(--theme-error-950);
       }
     }
   }
@@ -147,25 +155,4 @@
       padding: var(--gutter-h);
     }
   }
-
-  &--style-error {
-    border: 1px solid var(--theme-error-400);
-    &:hover {
-      border: 1px solid var(--theme-error-500);
-    }
-
-    > .collapsible__toggle-wrap {
-      .row-label {
-        color: var(--theme-error-950);
-      }
-      .collapsible__toggle {
-        background: var(--theme-error-100);
-      }
-    }
-    &.collapsible--hovered {
-      > .collapsible__toggle-wrap .collapsible__toggle {
-        background: var(--theme-error-150);
-      }
-    }
-  }
 }

package/dist/elements/CopyToClipboard/index.js

@@ -1,6 +1,5 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useRef, useState } from 'react';
 import { CopyIcon } from '../../icons/Copy/index.js';
@@ -8,13 +7,11 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import './index.scss';
 const baseClass = 'copy-to-clipboard';
-export const CopyToClipboard = t0 => {
-  const $ = _c(10);
-  const {
-    defaultMessage,
-    successMessage,
-    value
-  } = t0;
+export const CopyToClipboard = ({
+  defaultMessage,
+  successMessage,
+  value
+}) => {
   const ref = useRef(null);
   const [copied, setCopied] = useState(false);
   const [hovered, setHovered] = useState(false);
@@ -22,65 +19,34 @@ export const CopyToClipboard = t0 => {
     t
   } = useTranslation();
   if (value) {
-    let t1;
-    let t2;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-      t1 = () => {
-        setHovered(true);
-        setCopied(false);
-      };
-      t2 = () => {
-        setHovered(false);
-        setCopied(false);
-      };
-      $[0] = t1;
-      $[1] = t2;
-    } else {
-      t1 = $[0];
-      t2 = $[1];
-    }
-    let t3;
-    if ($[2] !== copied || $[3] !== successMessage || $[4] !== t) {
-      t3 = copied && (successMessage ?? t("general:copied"));
-      $[2] = copied;
-      $[3] = successMessage;
-      $[4] = t;
-      $[5] = t3;
-    } else {
-      t3 = $[5];
-    }
-    let t4;
-    if ($[6] !== copied || $[7] !== defaultMessage || $[8] !== t) {
-      t4 = !copied && (defaultMessage ?? t("general:copy"));
-      $[6] = copied;
-      $[7] = defaultMessage;
-      $[8] = t;
-      $[9] = t4;
-    } else {
-      t4 = $[9];
-    }
-    return _jsxs("button", {
+    return /*#__PURE__*/_jsxs("button", {
       className: baseClass,
       onClick: () => {
         if (ref && ref.current) {
           ref.current.select();
           ref.current.setSelectionRange(0, value.length + 1);
-          document.execCommand("copy");
+          document.execCommand('copy');
           setCopied(true);
         }
       },
-      onMouseEnter: t1,
-      onMouseLeave: t2,
+      onMouseEnter: () => {
+        setHovered(true);
+        setCopied(false);
+      },
+      onMouseLeave: () => {
+        setHovered(false);
+        setCopied(false);
+      },
       type: "button",
-      children: [_jsx(CopyIcon, {}), _jsxs(Tooltip, {
+      children: [/*#__PURE__*/_jsx(CopyIcon, {}), /*#__PURE__*/_jsxs(Tooltip, {
         delay: copied ? 0 : undefined,
         show: hovered || copied,
-        children: [t3, t4]
-      }), _jsx("textarea", {
+        children: [copied && (successMessage ?? t('general:copied')), !copied && (defaultMessage ?? t('general:copy'))]
+      }), /*#__PURE__*/_jsx("textarea", {
         readOnly: true,
-        ref,
+        ref: ref,
         tabIndex: -1,
-        value
+        value: value
       })]
     });
   }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useRef","useState","CopyIcon","useTranslation","Tooltip","baseClass","CopyToClipboard","t0","$","defaultMessage","successMessage","value","ref","copied","setCopied","hovered","setHovered","t","t1","t2","Symbol","for","t3","t4","_jsxs","className","onClick","current","select","setSelectionRange","length","document","execCommand","onMouseEnter","onMouseLeave","type","children","_jsx","delay","undefined","show","readOnly","tabIndex"],"sources":["../../../src/elements/CopyToClipboard/index.tsx"],"sourcesContent":["'use client'\nimport React, { useRef, useState } from 'react'\n\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\n\nconst baseClass = 'copy-to-clipboard'\n\nexport type Props = {\n  defaultMessage?: string\n  successMessage?: string\n  value?: string\n}\n\nexport const CopyToClipboard: React.FC<Props> = ({ defaultMessage, successMessage, value }) => {\n  const ref = useRef(null)\n  const [copied, setCopied] = useState(false)\n  const [hovered, setHovered] = useState(false)\n  const { t } = useTranslation()\n\n  if (value) {\n    return (\n      <button\n        className={baseClass}\n        onClick={() => {\n          if (ref && ref.current) {\n            ref.current.select()\n            ref.current.setSelectionRange(0, value.length + 1)\n            document.execCommand('copy')\n            setCopied(true)\n          }\n        }}\n        onMouseEnter={() => {\n          setHovered(true)\n          setCopied(false)\n        }}\n        onMouseLeave={() => {\n          setHovered(false)\n          setCopied(false)\n        }}\n        type=\"button\"\n      >\n        <CopyIcon />\n        <Tooltip delay={copied ? 0 : undefined} show={hovered || copied}>\n          {copied && (successMessage ?? t('general:copied'))}\n          {!copied && (defaultMessage ?? t('general:copy'))}\n        </Tooltip>\n        <textarea readOnly ref={ref} tabIndex={-1} value={value} />\n      </button>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,MAAM,EAAEC,QAAQ,QAAQ;AAExC,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,eAAA,GAAmCC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,cAAA;IAAAC,cAAA;IAAAC;EAAA,IAAAJ,EAAyC;EACxF,MAAAK,GAAA,GAAYZ,MAAA,KAAO;EACnB,OAAAa,MAAA,EAAAC,SAAA,IAA4Bb,QAAA,MAAS;EACrC,OAAAc,OAAA,EAAAC,UAAA,IAA8Bf,QAAA,MAAS;EACvC;IAAAgB;EAAA,IAAcd,cAAA;EAAA,IAEVQ,KAAA;IAAA,IAAAO,EAAA;IAAA,IAAAC,EAAA;IAAA,IAAAX,CAAA,QAAAY,MAAA,CAAAC,GAAA;MAYgBH,EAAA,GAAAA,CAAA;QACZF,UAAA,KAAW;QACXF,SAAA,MAAU;MAAA;MAEEK,EAAA,GAAAA,CAAA;QACZH,UAAA,MAAW;QACXF,SAAA,MAAU;MAAA;MACZN,CAAA,MAAAU,EAAA;MAAAV,CAAA,MAAAW,EAAA;IAAA;MAAAD,EAAA,GAAAV,CAAA;MAAAW,EAAA,GAAAX,CAAA;IAAA;IAAA,IAAAc,EAAA;IAAA,IAAAd,CAAA,QAAAK,MAAA,IAAAL,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAS,CAAA;MAKGK,EAAA,GAAAT,MAAA,KAAWH,cAAA,IAAkBO,CAAA,CAAE,iBAAgB;MAAAT,CAAA,MAAAK,MAAA;MAAAL,CAAA,MAAAE,cAAA;MAAAF,CAAA,MAAAS,CAAA;MAAAT,CAAA,MAAAc,EAAA;IAAA;MAAAA,EAAA,GAAAd,CAAA;IAAA;IAAA,IAAAe,EAAA;IAAA,IAAAf,CAAA,QAAAK,MAAA,IAAAL,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAS,CAAA;MAC/CM,EAAA,IAACV,MAAA,KAAWJ,cAAA,IAAkBQ,CAAA,CAAE,eAAc;MAAAT,CAAA,MAAAK,MAAA;MAAAL,CAAA,MAAAC,cAAA;MAAAD,CAAA,MAAAS,CAAA;MAAAT,CAAA,MAAAe,EAAA;IAAA;MAAAA,EAAA,GAAAf,CAAA;IAAA;IAAA,OAvBnDgB,KAAA,CAAC;MAAAC,SAAA,EAAApB,SAAA;MAAAqB,OAAA,EAAAA,CAAA;QAAA,IAGOd,GAAA,IAAOA,GAAA,CAAAe,OAAW;UACpBf,GAAA,CAAAe,OAAA,CAAAC,MAAA,CAAkB;UAClBhB,GAAA,CAAAe,OAAA,CAAAE,iBAAA,IAAiClB,KAAA,CAAAmB,MAAA,IAAe;UAChDC,QAAA,CAAAC,WAAA,CAAqB;UACrBlB,SAAA,KAAU;QAAA;MAAA;MAAAmB,YAAA,EAGAf,EAGd;MAAAgB,YAAA,EACcf,EAGd;MAAAgB,IAAA,EACK;MAAAC,QAAA,GAELC,IAAA,CAAAnC,QAAA,IAAC,GACDsB,KAAA,CAAApB,OAAA;QAAAkC,KAAA,EAAgBzB,MAAA,OAAA0B,SAAa;QAAAC,IAAA,EAAiBzB,OAAA,IAAWF,MAAA;QAAAuB,QAAA,GACtDd,EAA+C,EAC/CC,EAA8C;MAAA,C,GAEjDc,IAAA,CAAC;QAAAI,QAAA;QAAA7B,GAAA;QAAA8B,QAAA;QAAA/B;MAAA,C;;;;CAMT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useRef","useState","CopyIcon","useTranslation","Tooltip","baseClass","CopyToClipboard","defaultMessage","successMessage","value","ref","copied","setCopied","hovered","setHovered","t","_jsxs","className","onClick","current","select","setSelectionRange","length","document","execCommand","onMouseEnter","onMouseLeave","type","_jsx","delay","undefined","show","readOnly","tabIndex"],"sources":["../../../src/elements/CopyToClipboard/index.tsx"],"sourcesContent":["'use client'\nimport React, { useRef, useState } from 'react'\n\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\n\nconst baseClass = 'copy-to-clipboard'\n\nexport type Props = {\n  defaultMessage?: string\n  successMessage?: string\n  value?: string\n}\n\nexport const CopyToClipboard: React.FC<Props> = ({ defaultMessage, successMessage, value }) => {\n  const ref = useRef(null)\n  const [copied, setCopied] = useState(false)\n  const [hovered, setHovered] = useState(false)\n  const { t } = useTranslation()\n\n  if (value) {\n    return (\n      <button\n        className={baseClass}\n        onClick={() => {\n          if (ref && ref.current) {\n            ref.current.select()\n            ref.current.setSelectionRange(0, value.length + 1)\n            document.execCommand('copy')\n            setCopied(true)\n          }\n        }}\n        onMouseEnter={() => {\n          setHovered(true)\n          setCopied(false)\n        }}\n        onMouseLeave={() => {\n          setHovered(false)\n          setCopied(false)\n        }}\n        type=\"button\"\n      >\n        <CopyIcon />\n        <Tooltip delay={copied ? 0 : undefined} show={hovered || copied}>\n          {copied && (successMessage ?? t('general:copied'))}\n          {!copied && (defaultMessage ?? t('general:copy'))}\n        </Tooltip>\n        <textarea readOnly ref={ref} tabIndex={-1} value={value} />\n      </button>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,MAAM,EAAEC,QAAQ,QAAQ;AAExC,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,eAAA,GAAmCA,CAAC;EAAEC,cAAc;EAAEC,cAAc;EAAEC;AAAK,CAAE;EACxF,MAAMC,GAAA,GAAMV,MAAA,CAAO;EACnB,MAAM,CAACW,MAAA,EAAQC,SAAA,CAAU,GAAGX,QAAA,CAAS;EACrC,MAAM,CAACY,OAAA,EAASC,UAAA,CAAW,GAAGb,QAAA,CAAS;EACvC,MAAM;IAAEc;EAAC,CAAE,GAAGZ,cAAA;EAEd,IAAIM,KAAA,EAAO;IACT,oBACEO,KAAA,CAAC;MACCC,SAAA,EAAWZ,SAAA;MACXa,OAAA,EAASA,CAAA;QACP,IAAIR,GAAA,IAAOA,GAAA,CAAIS,OAAO,EAAE;UACtBT,GAAA,CAAIS,OAAO,CAACC,MAAM;UAClBV,GAAA,CAAIS,OAAO,CAACE,iBAAiB,CAAC,GAAGZ,KAAA,CAAMa,MAAM,GAAG;UAChDC,QAAA,CAASC,WAAW,CAAC;UACrBZ,SAAA,CAAU;QACZ;MACF;MACAa,YAAA,EAAcA,CAAA;QACZX,UAAA,CAAW;QACXF,SAAA,CAAU;MACZ;MACAc,YAAA,EAAcA,CAAA;QACZZ,UAAA,CAAW;QACXF,SAAA,CAAU;MACZ;MACAe,IAAA,EAAK;8BAELC,IAAA,CAAC1B,QAAA,O,aACDc,KAAA,CAACZ,OAAA;QAAQyB,KAAA,EAAOlB,MAAA,GAAS,IAAImB,SAAA;QAAWC,IAAA,EAAMlB,OAAA,IAAWF,MAAA;mBACtDA,MAAA,KAAWH,cAAA,IAAkBO,CAAA,CAAE,iBAAgB,GAC/C,CAACJ,MAAA,KAAWJ,cAAA,IAAkBQ,CAAA,CAAE,eAAc;uBAEjDa,IAAA,CAAC;QAASI,QAAQ;QAACtB,GAAA,EAAKA,GAAA;QAAKuB,QAAA,EAAU,CAAC;QAAGxB,KAAA,EAAOA;;;EAGxD;EAEA,OAAO;AACT","ignoreList":[]}

package/dist/elements/DocumentDrawer/DrawerContent.js

@@ -5,13 +5,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import React, { useCallback, useEffect, useState } from 'react';
 import { toast } from 'sonner';
-import { useRelatedCollections } from '../../fields/Relationship/AddNew/useRelatedCollections.js';
 import { XIcon } from '../../icons/X/index.js';
 import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { DocumentInfoProvider, useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import { useRelatedCollections } from '../AddNewRelation/useRelatedCollections.js';
 import { Gutter } from '../Gutter/index.js';
 import { IDLabel } from '../IDLabel/index.js';
 import { RenderTitle } from '../RenderTitle/index.js';

package/dist/elements/DocumentDrawer/DrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","names":["c","_c","useModal","React","useCallback","useEffect","useState","toast","useRelatedCollections","XIcon","RenderComponent","useConfig","DocumentInfoProvider","useDocumentInfo","useLocale","useTranslation","Gutter","IDLabel","RenderTitle","baseClass","DocumentDrawerContent","t0","$","id","existingDocID","Header","collectionSlug","drawerSlug","onSave","onSaveFromProps","config","routes","t1","serverURL","api","apiRoute","closeModal","modalState","toggleModal","locale","t","docID","setDocID","isOpen","setIsOpen","collectionConfig","Edit","admin","components","views","edit","default","Component","isEditing","Boolean","apiURL","code","t2","t3","t4","data","error","errors","message","onLoadError","t5","args","doc","t6","_jsx","element","t8","t7","BeforeDocument","_jsxs","className","children","onClick","type","DocumentTitle","slug","disableActions","disableLeaveWithoutSaving","mappedComponent","title","toString"],"sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerProps } from './types.js'\n\nimport { useRelatedCollections } from '../../fields/Relationship/AddNew/useRelatedCollections.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider, useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { IDLabel } from '../IDLabel/index.js'\nimport { RenderTitle } from '../RenderTitle/index.js'\nimport { baseClass } from './index.js'\n\nexport const DocumentDrawerContent: React.FC<DocumentDrawerProps> = ({\n  id: existingDocID,\n  Header,\n  collectionSlug,\n  drawerSlug,\n  onSave: onSaveFromProps,\n}) => {\n  const { config } = useConfig()\n\n  const {\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  const { closeModal, modalState, toggleModal } = useModal()\n  const locale = useLocale()\n  const { t } = useTranslation()\n  const [docID, setDocID] = useState(existingDocID)\n  const [isOpen, setIsOpen] = useState(false)\n  const [collectionConfig] = useRelatedCollections(collectionSlug)\n\n  const Edit = collectionConfig.admin.components.views.edit.default.Component\n\n  const isEditing = Boolean(docID)\n  const apiURL = docID\n    ? `${serverURL}${apiRoute}/${collectionSlug}/${docID}${locale?.code ? `?locale=${locale.code}` : ''}`\n    : null\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const onLoadError = React.useCallback(\n    (data) => {\n      if (isOpen) {\n        closeModal(drawerSlug)\n        toast.error(data.errors?.[0].message || t('error:unspecific'))\n      }\n    },\n    [closeModal, drawerSlug, isOpen, t],\n  )\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      setDocID(args.doc.id)\n      if (typeof onSaveFromProps === 'function') {\n        void onSaveFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n    },\n    [onSaveFromProps, collectionConfig],\n  )\n\n  return (\n    <DocumentInfoProvider\n      BeforeDocument={\n        <Gutter className={`${baseClass}__header`}>\n          <div className={`${baseClass}__header-content`}>\n            <h2 className={`${baseClass}__header-text`}>\n              {Header || <RenderTitle element=\"span\" />}\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              onClick={() => toggleModal(drawerSlug)}\n              type=\"button\"\n            >\n              <XIcon />\n            </button>\n          </div>\n          <DocumentTitle />\n        </Gutter>\n      }\n      apiURL={apiURL}\n      collectionSlug={collectionConfig.slug}\n      disableActions\n      disableLeaveWithoutSaving\n      id={docID}\n      isEditing={isEditing}\n      onLoadError={onLoadError}\n      onSave={onSave}\n    >\n      <RenderComponent mappedComponent={Edit} />\n    </DocumentInfoProvider>\n  )\n}\n\nconst DocumentTitle: React.FC = () => {\n  const { id, title } = useDocumentInfo()\n  return id && id !== title ? <IDLabel id={id.toString()} /> : null\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DrawerContent.js","names":["c","_c","useModal","React","useCallback","useEffect","useState","toast","XIcon","RenderComponent","useConfig","DocumentInfoProvider","useDocumentInfo","useLocale","useTranslation","useRelatedCollections","Gutter","IDLabel","RenderTitle","baseClass","DocumentDrawerContent","t0","$","id","existingDocID","Header","collectionSlug","drawerSlug","onSave","onSaveFromProps","config","routes","t1","serverURL","api","apiRoute","closeModal","modalState","toggleModal","locale","t","docID","setDocID","isOpen","setIsOpen","collectionConfig","Edit","admin","components","views","edit","default","Component","isEditing","Boolean","apiURL","code","t2","t3","t4","data","error","errors","message","onLoadError","t5","args","doc","t6","_jsx","element","t8","t7","BeforeDocument","_jsxs","className","children","onClick","type","DocumentTitle","slug","disableActions","disableLeaveWithoutSaving","mappedComponent","title","toString"],"sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerProps } from './types.js'\n\nimport { XIcon } from '../../icons/X/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider, useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useRelatedCollections } from '../AddNewRelation/useRelatedCollections.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { IDLabel } from '../IDLabel/index.js'\nimport { RenderTitle } from '../RenderTitle/index.js'\nimport { baseClass } from './index.js'\n\nexport const DocumentDrawerContent: React.FC<DocumentDrawerProps> = ({\n  id: existingDocID,\n  Header,\n  collectionSlug,\n  drawerSlug,\n  onSave: onSaveFromProps,\n}) => {\n  const { config } = useConfig()\n\n  const {\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  const { closeModal, modalState, toggleModal } = useModal()\n  const locale = useLocale()\n  const { t } = useTranslation()\n  const [docID, setDocID] = useState(existingDocID)\n  const [isOpen, setIsOpen] = useState(false)\n  const [collectionConfig] = useRelatedCollections(collectionSlug)\n\n  const Edit = collectionConfig.admin.components.views.edit.default.Component\n\n  const isEditing = Boolean(docID)\n  const apiURL = docID\n    ? `${serverURL}${apiRoute}/${collectionSlug}/${docID}${locale?.code ? `?locale=${locale.code}` : ''}`\n    : null\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const onLoadError = React.useCallback(\n    (data) => {\n      if (isOpen) {\n        closeModal(drawerSlug)\n        toast.error(data.errors?.[0].message || t('error:unspecific'))\n      }\n    },\n    [closeModal, drawerSlug, isOpen, t],\n  )\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      setDocID(args.doc.id)\n      if (typeof onSaveFromProps === 'function') {\n        void onSaveFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n    },\n    [onSaveFromProps, collectionConfig],\n  )\n\n  return (\n    <DocumentInfoProvider\n      BeforeDocument={\n        <Gutter className={`${baseClass}__header`}>\n          <div className={`${baseClass}__header-content`}>\n            <h2 className={`${baseClass}__header-text`}>\n              {Header || <RenderTitle element=\"span\" />}\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              onClick={() => toggleModal(drawerSlug)}\n              type=\"button\"\n            >\n              <XIcon />\n            </button>\n          </div>\n          <DocumentTitle />\n        </Gutter>\n      }\n      apiURL={apiURL}\n      collectionSlug={collectionConfig.slug}\n      disableActions\n      disableLeaveWithoutSaving\n      id={docID}\n      isEditing={isEditing}\n      onLoadError={onLoadError}\n      onSave={onSave}\n    >\n      <RenderComponent mappedComponent={Edit} />\n    </DocumentInfoProvider>\n  )\n}\n\nconst DocumentTitle: React.FC = () => {\n  const { id, title } = useDocumentInfo()\n  return id && id !== title ? <IDLabel id={id.toString()} /> : null\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentDrawer/index.js

@@ -6,9 +6,9 @@ import { createElement as _createElement } from "react";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import React, { useCallback, useEffect, useId, useMemo, useState } from 'react';
-import { useRelatedCollections } from '../../fields/Relationship/AddNew/useRelatedCollections.js';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import { useRelatedCollections } from '../AddNewRelation/useRelatedCollections.js';
 import { Drawer, DrawerToggler } from '../Drawer/index.js';
 import { DocumentDrawerContent } from './DrawerContent.js';
 import './index.scss';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","React","useCallback","useEffect","useId","useMemo","useState","useRelatedCollections","useEditDepth","useTranslation","Drawer","DrawerToggler","DocumentDrawerContent","baseClass","formatDocumentDrawerSlug","id","collectionSlug","depth","uuid","DocumentDrawerToggler","t0","$","className","disabled","drawerSlug","rest","children","i18n","t","collectionConfig","t1","t2","labels","singular","t3","label","t4","filter","Boolean","_jsx","join","slug","DocumentDrawer","props","Header","gutter","useDocumentDrawer","drawerDepth","closeModal","modalState","openModal","toggleModal","isOpen","setIsOpen","toggleDrawer","t5","closeDrawer","t6","openDrawer","t7","t8","_createElement","key","MemoizedDrawer","t9","t10","props_0","MemoizedDrawerToggler","t11","t12","isDrawerOpen","MemoizedDrawerState","t13"],"sources":["../../../src/elements/DocumentDrawer/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useEffect, useId, useMemo, useState } from 'react'\n\nimport type { DocumentDrawerProps, DocumentTogglerProps, UseDocumentDrawer } from './types.js'\n\nimport { useRelatedCollections } from '../../fields/Relationship/AddNew/useRelatedCollections.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { DocumentDrawerContent } from './DrawerContent.js'\nimport './index.scss'\n\nexport const baseClass = 'doc-drawer'\n\nconst formatDocumentDrawerSlug = ({\n  id,\n  collectionSlug,\n  depth,\n  uuid,\n}: {\n  collectionSlug: string\n  depth: number\n  id: number | string\n  uuid: string // supply when creating a new document and no id is available\n}) => `doc-drawer_${collectionSlug}_${depth}${id ? `_${id}` : ''}_${uuid}`\n\nexport const DocumentDrawerToggler: React.FC<DocumentTogglerProps> = ({\n  id,\n  children,\n  className,\n  collectionSlug,\n  disabled,\n  drawerSlug,\n  ...rest\n}) => {\n  const { i18n, t } = useTranslation()\n  const [collectionConfig] = useRelatedCollections(collectionSlug)\n\n  return (\n    <DrawerToggler\n      aria-label={t(!id ? 'fields:addNewLabel' : 'general:editLabel', {\n        label: getTranslation(collectionConfig.labels.singular, i18n),\n      })}\n      className={[className, `${baseClass}__toggler`].filter(Boolean).join(' ')}\n      disabled={disabled}\n      slug={drawerSlug}\n      {...rest}\n    >\n      {children}\n    </DrawerToggler>\n  )\n}\n\nexport const DocumentDrawer: React.FC<DocumentDrawerProps> = (props) => {\n  const { drawerSlug } = props\n\n  return (\n    <Drawer Header={null} className={baseClass} gutter={false} slug={drawerSlug}>\n      <DocumentDrawerContent {...props} />\n    </Drawer>\n  )\n}\n\nexport const useDocumentDrawer: UseDocumentDrawer = ({ id, collectionSlug }) => {\n  const drawerDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, modalState, openModal, toggleModal } = useModal()\n  const [isOpen, setIsOpen] = useState(false)\n\n  const drawerSlug = formatDocumentDrawerSlug({\n    id,\n    collectionSlug,\n    depth: drawerDepth,\n    uuid,\n  })\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const toggleDrawer = useCallback(() => {\n    toggleModal(drawerSlug)\n  }, [toggleModal, drawerSlug])\n\n  const closeDrawer = useCallback(() => {\n    closeModal(drawerSlug)\n  }, [closeModal, drawerSlug])\n\n  const openDrawer = useCallback(() => {\n    openModal(drawerSlug)\n  }, [openModal, drawerSlug])\n\n  const MemoizedDrawer = useMemo(() => {\n    return (props) => (\n      <DocumentDrawer\n        {...props}\n        collectionSlug={collectionSlug}\n        drawerSlug={drawerSlug}\n        id={id}\n        key={drawerSlug}\n      />\n    )\n  }, [id, drawerSlug, collectionSlug])\n\n  const MemoizedDrawerToggler = useMemo(() => {\n    return (props) => (\n      <DocumentDrawerToggler\n        {...props}\n        collectionSlug={collectionSlug}\n        drawerSlug={drawerSlug}\n        id={id}\n      />\n    )\n  }, [id, drawerSlug, collectionSlug])\n\n  const MemoizedDrawerState = useMemo(\n    () => ({\n      closeDrawer,\n      drawerDepth,\n      drawerSlug,\n      isDrawerOpen: isOpen,\n      openDrawer,\n      toggleDrawer,\n    }),\n    [drawerDepth, drawerSlug, isOpen, toggleDrawer, closeDrawer, openDrawer],\n  )\n\n  return [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState]\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","React","useCallback","useEffect","useId","useMemo","useState","useEditDepth","useTranslation","useRelatedCollections","Drawer","DrawerToggler","DocumentDrawerContent","baseClass","formatDocumentDrawerSlug","id","collectionSlug","depth","uuid","DocumentDrawerToggler","t0","$","className","disabled","drawerSlug","rest","children","i18n","t","collectionConfig","t1","t2","labels","singular","t3","label","t4","filter","Boolean","_jsx","join","slug","DocumentDrawer","props","Header","gutter","useDocumentDrawer","drawerDepth","closeModal","modalState","openModal","toggleModal","isOpen","setIsOpen","toggleDrawer","t5","closeDrawer","t6","openDrawer","t7","t8","_createElement","key","MemoizedDrawer","t9","t10","props_0","MemoizedDrawerToggler","t11","t12","isDrawerOpen","MemoizedDrawerState","t13"],"sources":["../../../src/elements/DocumentDrawer/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useEffect, useId, useMemo, useState } from 'react'\n\nimport type { DocumentDrawerProps, DocumentTogglerProps, UseDocumentDrawer } from './types.js'\n\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useRelatedCollections } from '../AddNewRelation/useRelatedCollections.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { DocumentDrawerContent } from './DrawerContent.js'\nimport './index.scss'\n\nexport const baseClass = 'doc-drawer'\n\nconst formatDocumentDrawerSlug = ({\n  id,\n  collectionSlug,\n  depth,\n  uuid,\n}: {\n  collectionSlug: string\n  depth: number\n  id: number | string\n  uuid: string // supply when creating a new document and no id is available\n}) => `doc-drawer_${collectionSlug}_${depth}${id ? `_${id}` : ''}_${uuid}`\n\nexport const DocumentDrawerToggler: React.FC<DocumentTogglerProps> = ({\n  id,\n  children,\n  className,\n  collectionSlug,\n  disabled,\n  drawerSlug,\n  ...rest\n}) => {\n  const { i18n, t } = useTranslation()\n  const [collectionConfig] = useRelatedCollections(collectionSlug)\n\n  return (\n    <DrawerToggler\n      aria-label={t(!id ? 'fields:addNewLabel' : 'general:editLabel', {\n        label: getTranslation(collectionConfig.labels.singular, i18n),\n      })}\n      className={[className, `${baseClass}__toggler`].filter(Boolean).join(' ')}\n      disabled={disabled}\n      slug={drawerSlug}\n      {...rest}\n    >\n      {children}\n    </DrawerToggler>\n  )\n}\n\nexport const DocumentDrawer: React.FC<DocumentDrawerProps> = (props) => {\n  const { drawerSlug } = props\n\n  return (\n    <Drawer Header={null} className={baseClass} gutter={false} slug={drawerSlug}>\n      <DocumentDrawerContent {...props} />\n    </Drawer>\n  )\n}\n\nexport const useDocumentDrawer: UseDocumentDrawer = ({ id, collectionSlug }) => {\n  const drawerDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, modalState, openModal, toggleModal } = useModal()\n  const [isOpen, setIsOpen] = useState(false)\n\n  const drawerSlug = formatDocumentDrawerSlug({\n    id,\n    collectionSlug,\n    depth: drawerDepth,\n    uuid,\n  })\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const toggleDrawer = useCallback(() => {\n    toggleModal(drawerSlug)\n  }, [toggleModal, drawerSlug])\n\n  const closeDrawer = useCallback(() => {\n    closeModal(drawerSlug)\n  }, [closeModal, drawerSlug])\n\n  const openDrawer = useCallback(() => {\n    openModal(drawerSlug)\n  }, [openModal, drawerSlug])\n\n  const MemoizedDrawer = useMemo(() => {\n    return (props) => (\n      <DocumentDrawer\n        {...props}\n        collectionSlug={collectionSlug}\n        drawerSlug={drawerSlug}\n        id={id}\n        key={drawerSlug}\n      />\n    )\n  }, [id, drawerSlug, collectionSlug])\n\n  const MemoizedDrawerToggler = useMemo(() => {\n    return (props) => (\n      <DocumentDrawerToggler\n        {...props}\n        collectionSlug={collectionSlug}\n        drawerSlug={drawerSlug}\n        id={id}\n      />\n    )\n  }, [id, drawerSlug, collectionSlug])\n\n  const MemoizedDrawerState = useMemo(\n    () => ({\n      closeDrawer,\n      drawerDepth,\n      drawerSlug,\n      isDrawerOpen: isOpen,\n      openDrawer,\n      toggleDrawer,\n    }),\n    [drawerDepth, drawerSlug, isOpen, toggleDrawer, closeDrawer, openDrawer],\n  )\n\n  return [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState]\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Dropzone/index.js

@@ -1,6 +1,5 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -11,157 +10,98 @@ const handleDragOver = e => {
   e.stopPropagation();
 };
 const baseClass = 'dropzone';
-export const Dropzone = t0 => {
-  const $ = _c(14);
-  const {
-    className,
-    mimeTypes,
-    multipleFiles,
-    onChange,
-    onPasteUrlClick
-  } = t0;
+export const Dropzone = ({
+  className,
+  mimeTypes,
+  multipleFiles,
+  onChange,
+  onPasteUrlClick
+}) => {
   const dropRef = React.useRef(null);
   const [dragging, setDragging] = React.useState(false);
   const inputRef = React.useRef(null);
   const {
     t
   } = useTranslation();
-  let t1;
-  if ($[0] !== onChange) {
-    t1 = e => {
-      e.preventDefault();
-      e.stopPropagation();
-      if (e.clipboardData.files && e.clipboardData.files.length > 0) {
-        onChange(e.clipboardData.files);
-      }
-    };
-    $[0] = onChange;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const handlePaste = t1;
-  let t2;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = e_0 => {
-      e_0.preventDefault();
-      e_0.stopPropagation();
-      setDragging(true);
-    };
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const handleDragEnter = t2;
-  let t3;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = e_1 => {
-      e_1.preventDefault();
-      e_1.stopPropagation();
-      setDragging(false);
-    };
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  const handleDragLeave = t3;
-  let t4;
-  if ($[4] !== onChange) {
-    t4 = e_2 => {
-      e_2.preventDefault();
-      e_2.stopPropagation();
+  const handlePaste = React.useCallback(e => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (e.clipboardData.files && e.clipboardData.files.length > 0) {
+      onChange(e.clipboardData.files);
+    }
+  }, [onChange]);
+  const handleDragEnter = React.useCallback(e_0 => {
+    e_0.preventDefault();
+    e_0.stopPropagation();
+    setDragging(true);
+  }, []);
+  const handleDragLeave = React.useCallback(e_1 => {
+    e_1.preventDefault();
+    e_1.stopPropagation();
+    setDragging(false);
+  }, []);
+  const handleDrop = React.useCallback(e_2 => {
+    e_2.preventDefault();
+    e_2.stopPropagation();
+    setDragging(false);
+    if (e_2.dataTransfer.files && e_2.dataTransfer.files.length > 0) {
+      onChange(e_2.dataTransfer.files);
       setDragging(false);
-      if (e_2.dataTransfer.files && e_2.dataTransfer.files.length > 0) {
-        onChange(e_2.dataTransfer.files);
-        setDragging(false);
-        e_2.dataTransfer.clearData();
-      }
-    };
-    $[4] = onChange;
-    $[5] = t4;
-  } else {
-    t4 = $[5];
-  }
-  const handleDrop = t4;
-  let t5;
-  if ($[6] !== onChange) {
-    t5 = e_3 => {
-      if (e_3.target.files && e_3.target.files.length > 0) {
-        onChange(e_3.target.files);
-      }
-    };
-    $[6] = onChange;
-    $[7] = t5;
-  } else {
-    t5 = $[7];
-  }
-  const handleFileSelection = t5;
-  let t6;
-  if ($[8] !== handleDrop || $[9] !== handlePaste) {
-    t6 = [handleDragEnter, handleDragLeave, handleDrop, handlePaste];
-    $[8] = handleDrop;
-    $[9] = handlePaste;
-    $[10] = t6;
-  } else {
-    t6 = $[10];
-  }
+      e_2.dataTransfer.clearData();
+    }
+  }, [onChange]);
+  const handleFileSelection = React.useCallback(e_3 => {
+    if (e_3.target.files && e_3.target.files.length > 0) {
+      onChange(e_3.target.files);
+    }
+  }, [onChange]);
   React.useEffect(() => {
     const div = dropRef.current;
     if (div) {
-      div.addEventListener("dragenter", handleDragEnter);
-      div.addEventListener("dragleave", handleDragLeave);
-      div.addEventListener("dragover", handleDragOver);
-      div.addEventListener("drop", handleDrop);
-      div.addEventListener("paste", handlePaste);
+      div.addEventListener('dragenter', handleDragEnter);
+      div.addEventListener('dragleave', handleDragLeave);
+      div.addEventListener('dragover', handleDragOver);
+      div.addEventListener('drop', handleDrop);
+      div.addEventListener('paste', handlePaste);
       return () => {
-        div.removeEventListener("dragenter", handleDragEnter);
-        div.removeEventListener("dragleave", handleDragLeave);
-        div.removeEventListener("dragover", handleDragOver);
-        div.removeEventListener("drop", handleDrop);
-        div.removeEventListener("paste", handlePaste);
+        div.removeEventListener('dragenter', handleDragEnter);
+        div.removeEventListener('dragleave', handleDragLeave);
+        div.removeEventListener('dragover', handleDragOver);
+        div.removeEventListener('drop', handleDrop);
+        div.removeEventListener('paste', handlePaste);
       };
     }
     return () => null;
-  }, t6);
-  const t7 = dragging ? "dragging" : "";
-  let t8;
-  if ($[11] !== className || $[12] !== t7) {
-    t8 = [baseClass, className, t7].filter(Boolean);
-    $[11] = className;
-    $[12] = t7;
-    $[13] = t8;
-  } else {
-    t8 = $[13];
-  }
-  const classes = t8.join(" ");
-  return _jsxs("div", {
+  }, [handleDragEnter, handleDragLeave, handleDrop, handlePaste]);
+  const classes = [baseClass, className, dragging ? 'dragging' : ''].filter(Boolean).join(' ');
+  return /*#__PURE__*/_jsxs("div", {
     className: classes,
     ref: dropRef,
-    children: [_jsx(Button, {
+    children: [/*#__PURE__*/_jsx(Button, {
       buttonStyle: "secondary",
       className: `${baseClass}__file-button`,
       onClick: () => {
         inputRef.current.click();
       },
       size: "medium",
-      children: t("upload:selectFile")
-    }), typeof onPasteUrlClick === "function" && _jsx(Button, {
+      children: t('upload:selectFile')
+    }), typeof onPasteUrlClick === 'function' && /*#__PURE__*/_jsx(Button, {
       buttonStyle: "secondary",
       className: `${baseClass}__file-button`,
       onClick: onPasteUrlClick,
       size: "medium",
-      children: t("upload:pasteURL")
-    }), _jsx("input", {
-      accept: mimeTypes?.join(","),
+      children: t('upload:pasteURL')
+    }), /*#__PURE__*/_jsx("input", {
+      accept: mimeTypes?.join(','),
       "aria-hidden": "true",
       className: `${baseClass}__hidden-input`,
       multiple: multipleFiles,
       onChange: handleFileSelection,
       ref: inputRef,
       type: "file"
-    }), _jsxs("p", {
+    }), /*#__PURE__*/_jsxs("p", {
       className: `${baseClass}__label`,
-      children: [t("general:or"), " ", t("upload:dragAndDrop")]
+      children: [t('general:or'), " ", t('upload:dragAndDrop')]
     })]
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","Button","handleDragOver","e","preventDefault","stopPropagation","baseClass","Dropzone","t0","$","className","mimeTypes","multipleFiles","onChange","onPasteUrlClick","dropRef","useRef","dragging","setDragging","useState","inputRef","t","t1","clipboardData","files","length","handlePaste","t2","Symbol","for","e_0","handleDragEnter","t3","e_1","handleDragLeave","t4","e_2","dataTransfer","clearData","handleDrop","t5","e_3","target","handleFileSelection","t6","useEffect","div","current","addEventListener","removeEventListener","t7","t8","filter","Boolean","classes","join","_jsxs","ref","children","_jsx","buttonStyle","onClick","click","size","accept","multiple","type"],"sources":["../../../src/elements/Dropzone/index.tsx"],"sourcesContent":["'use client'\nimport 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  readonly className?: string\n  readonly mimeTypes?: string[]\n  readonly multipleFiles?: boolean\n  readonly onChange: (e: FileList) => void\n  readonly onPasteUrlClick?: () => void\n}\n\nexport const Dropzone: React.FC<Props> = ({\n  className,\n  mimeTypes,\n  multipleFiles,\n  onChange,\n  onPasteUrlClick,\n}) => {\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=\"medium\"\n      >\n        {t('upload:selectFile')}\n      </Button>\n      {typeof onPasteUrlClick === 'function' && (\n        <Button\n          buttonStyle=\"secondary\"\n          className={`${baseClass}__file-button`}\n          onClick={onPasteUrlClick}\n          size=\"medium\"\n        >\n          {t('upload:pasteURL')}\n        </Button>\n      )}\n      <input\n        accept={mimeTypes?.join(',')}\n        aria-hidden=\"true\"\n        className={`${baseClass}__hidden-input`}\n        multiple={multipleFiles}\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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,cAAA,GAAkBC,CAAA;EACtBA,CAAA,CAAEC,cAAc;EAChBD,CAAA,CAAEE,eAAe;AACnB;AAEA,MAAMC,SAAA,GAAY;AAUlB,OAAO,MAAMC,QAAA,GAA4BC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,SAAA;IAAAC,SAAA;IAAAC,aAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAN,EAMzC;EACC,MAAAO,OAAA,GAAgBhB,KAAA,CAAAiB,MAAA,KAA6B;EAC7C,OAAAC,QAAA,EAAAC,WAAA,IAAgCnB,KAAA,CAAAoB,QAAA,MAAe;EAC/C,MAAAC,QAAA,GAAiBrB,KAAA,CAAAiB,MAAA,KAAa;EAE9B;IAAAK;EAAA,IAAcrB,cAAA;EAAA,IAAAsB,EAAA;EAAA,IAAAb,CAAA,QAAAI,QAAA;IAGZS,EAAA,GAAAnB,CAAA;MACEA,CAAA,CAAAC,cAAA,CAAgB;MAChBD,CAAA,CAAAE,eAAA,CAAiB;MAAA,IAEbF,CAAA,CAAAoB,aAAA,CAAAC,KAAA,IAAyBrB,CAAA,CAAAoB,aAAA,CAAAC,KAAA,CAAAC,MAAA,IAA+B;QAC1DZ,QAAA,CAASV,CAAA,CAAAoB,aAAA,CAAAC,KAAqB;MAAA;IAAA;IAElCf,CAAA,MAAAI,QAAA;IAAAJ,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EARF,MAAAiB,WAAA,GAAoBJ,EASR;EAAA,IAAAK,EAAA;EAAA,IAAAlB,CAAA,QAAAmB,MAAA,CAAAC,GAAA;IAG8BF,EAAA,GAAAG,GAAA;MACxC3B,GAAA,CAAAC,cAAA,CAAgB;MAChBD,GAAA,CAAAE,eAAA,CAAiB;MACjBa,WAAA,KAAY;IAAA;IACdT,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAJA,MAAAsB,eAAA,GAAwBJ,EAInB;EAAA,IAAAK,EAAA;EAAA,IAAAvB,CAAA,QAAAmB,MAAA,CAAAC,GAAA;IAEqCG,EAAA,GAAAC,GAAA;MACxC9B,GAAA,CAAAC,cAAA,CAAgB;MAChBD,GAAA,CAAAE,eAAA,CAAiB;MACjBa,WAAA,MAAY;IAAA;IACdT,CAAA,MAAAuB,EAAA;EAAA;IAAAA,EAAA,GAAAvB,CAAA;EAAA;EAJA,MAAAyB,eAAA,GAAwBF,EAInB;EAAA,IAAAG,EAAA;EAAA,IAAA1B,CAAA,QAAAI,QAAA;IAGHsB,EAAA,GAAAC,GAAA;MACEjC,GAAA,CAAAC,cAAA,CAAgB;MAChBD,GAAA,CAAAE,eAAA,CAAiB;MACjBa,WAAA,MAAY;MAAA,IAERf,GAAA,CAAAkC,YAAA,CAAAb,KAAA,IAAwBrB,GAAA,CAAAkC,YAAA,CAAAb,KAAA,CAAAC,MAAA,IAA8B;QACxDZ,QAAA,CAASV,GAAA,CAAAkC,YAAA,CAAAb,KAAoB;QAC7BN,WAAA,MAAY;QAEZf,GAAA,CAAAkC,YAAA,CAAAC,SAAA,CAAwB;MAAA;IAAA;IAE5B7B,CAAA,MAAAI,QAAA;IAAAJ,CAAA,MAAA0B,EAAA;EAAA;IAAAA,EAAA,GAAA1B,CAAA;EAAA;EAZF,MAAA8B,UAAA,GAAmBJ,EAaP;EAAA,IAAAK,EAAA;EAAA,IAAA/B,CAAA,QAAAI,QAAA;IAIV2B,EAAA,GAAAC,GAAA;MAAA,IACMtC,GAAA,CAAAuC,MAAA,CAAAlB,KAAA,IAAkBrB,GAAA,CAAAuC,MAAA,CAAAlB,KAAA,CAAAC,MAAA,IAAwB;QAC5CZ,QAAA,CAASV,GAAA,CAAAuC,MAAA,CAAAlB,KAAc;MAAA;IAAA;IAE3Bf,CAAA,MAAAI,QAAA;IAAAJ,CAAA,MAAA+B,EAAA;EAAA;IAAAA,EAAA,GAAA/B,CAAA;EAAA;EALF,MAAAkC,mBAAA,GAA4BH,EAMhB;EAAA,IAAAI,EAAA;EAAA,IAAAnC,CAAA,QAAA8B,UAAA,IAAA9B,CAAA,QAAAiB,WAAA;IAuBTkB,EAAA,IAACb,eAAA,EAAiBG,eAAA,EAAiBK,UAAA,EAAYb,WAAA;IAAYjB,CAAA,MAAA8B,UAAA;IAAA9B,CAAA,MAAAiB,WAAA;IAAAjB,CAAA,OAAAmC,EAAA;EAAA;IAAAA,EAAA,GAAAnC,CAAA;EAAA;EApB9DV,KAAA,CAAA8C,SAAA;IACE,MAAAC,GAAA,GAAY/B,OAAA,CAAAgC,OAAA;IAAe,IAEvBD,GAAA;MACFA,GAAA,CAAAE,gBAAA,CAAqB,aAAajB,eAAA;MAClCe,GAAA,CAAAE,gBAAA,CAAqB,aAAad,eAAA;MAClCY,GAAA,CAAAE,gBAAA,CAAqB,YAAA9C,cAAY;MACjC4C,GAAA,CAAAE,gBAAA,CAAqB,QAAQT,UAAA;MAC7BO,GAAA,CAAAE,gBAAA,CAAqB,SAAStB,WAAA;MAAA;QAG5BoB,GAAA,CAAAG,mBAAA,CAAwB,aAAalB,eAAA;QACrCe,GAAA,CAAAG,mBAAA,CAAwB,aAAaf,eAAA;QACrCY,GAAA,CAAAG,mBAAA,CAAwB,YAAA/C,cAAY;QACpC4C,GAAA,CAAAG,mBAAA,CAAwB,QAAQV,UAAA;QAChCO,GAAA,CAAAG,mBAAA,CAAwB,SAASvB,WAAA;MAAA;IAAA;IAAA;EAAA,GAKpCkB,EAA2D;EAEvB,MAAAM,EAAA,GAAAjC,QAAA,GAAW,aAAa;EAAA,IAAAkC,EAAA;EAAA,IAAA1C,CAAA,SAAAC,SAAA,IAAAD,CAAA,SAAAyC,EAAA;IAA/CC,EAAA,IAAA7C,SAAA,EAAYI,SAAA,EAAWwC,EAAwB,EAAAE,MAAA,CAAAC,OAAW;IAAA5C,CAAA,OAAAC,SAAA;IAAAD,CAAA,OAAAyC,EAAA;IAAAzC,CAAA,OAAA0C,EAAA;EAAA;IAAAA,EAAA,GAAA1C,CAAA;EAAA;EAA1E,MAAA6C,OAAA,GAAgBH,EAA0D,CAAAI,IAAA,CAAc;EAAA,OAGtFC,KAAA,CAAC;IAAA9C,SAAA,EAAe4C,OAAA;IAAAG,GAAA,EAAc1C,OAAA;IAAA2C,QAAA,GAC5BC,IAAA,CAAA1D,MAAA;MAAA2D,WAAA,EACc;MAAAlD,SAAA,EACD,GAAAJ,SAAA,eAA2B;MAAAuD,OAAA,EAAAA,CAAA;QAEpCzC,QAAA,CAAA2B,OAAA,CAAAe,KAAA,CAAsB;MAAA;MAAAC,IAAA,EAEnB;MAAAL,QAAA,EAEJrC,CAAA,CAAE;IAAA,C,GAEJ,OAAOP,eAAA,KAAoB,cAC1B6C,IAAA,CAAA1D,MAAA;MAAA2D,WAAA,EACc;MAAAlD,SAAA,EACD,GAAAJ,SAAA,eAA2B;MAAAuD,OAAA,EAC7B/C,eAAA;MAAAiD,IAAA,EACJ;MAAAL,QAAA,EAEJrC,CAAA,CAAE;IAAA,C,GAGPsC,IAAA,CAAC;MAAAK,MAAA,EACSrD,SAAA,EAAA4C,IAAA,CAAgB;MAAA,eACZ;MAAA7C,SAAA,EACD,GAAAJ,SAAA,gBAA4B;MAAA2D,QAAA,EAC7BrD,aAAA;MAAAC,QAAA,EACA8B,mBAAA;MAAAc,GAAA,EACLrC,QAAA;MAAA8C,IAAA,EACA;IAAA,C,GAGPV,KAAA,CAAC;MAAA9C,SAAA,EAAa,GAAAJ,SAAA,SAAqB;MAAAoD,QAAA,GAChCrC,CAAA,CAAE,eAAc,KAAEA,CAAA,CAAE;IAAA,C;;CAI7B","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useTranslation","Button","handleDragOver","e","preventDefault","stopPropagation","baseClass","Dropzone","className","mimeTypes","multipleFiles","onChange","onPasteUrlClick","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","_jsxs","ref","_jsx","buttonStyle","onClick","click","size","accept","multiple","type"],"sources":["../../../src/elements/Dropzone/index.tsx"],"sourcesContent":["'use client'\nimport 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  readonly className?: string\n  readonly mimeTypes?: string[]\n  readonly multipleFiles?: boolean\n  readonly onChange: (e: FileList) => void\n  readonly onPasteUrlClick?: () => void\n}\n\nexport const Dropzone: React.FC<Props> = ({\n  className,\n  mimeTypes,\n  multipleFiles,\n  onChange,\n  onPasteUrlClick,\n}) => {\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=\"medium\"\n      >\n        {t('upload:selectFile')}\n      </Button>\n      {typeof onPasteUrlClick === 'function' && (\n        <Button\n          buttonStyle=\"secondary\"\n          className={`${baseClass}__file-button`}\n          onClick={onPasteUrlClick}\n          size=\"medium\"\n        >\n          {t('upload:pasteURL')}\n        </Button>\n      )}\n      <input\n        accept={mimeTypes?.join(',')}\n        aria-hidden=\"true\"\n        className={`${baseClass}__hidden-input`}\n        multiple={multipleFiles}\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"],"mappings":"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","ignoreList":[]}