@payloadcms/ui 3.0.0-canary.b8dd0db → 3.0.0-canary.bb00d64

package/dist/elements/BulkUpload/index.js

@@ -3,112 +3,192 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
+import { validateMimeType } from 'payload/shared';
 import React from 'react';
-import { EditDepthProvider, useEditDepth } from '../../providers/EditDepth/index.js';
-import { Drawer, DrawerToggler } from '../Drawer/index.js';
+import { toast } from 'sonner';
+import { useConfig } from '../../providers/Config/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Drawer, useDrawerDepth } from '../Drawer/index.js';
 import { AddFilesView } from './AddFilesView/index.js';
 import { AddingFilesView } from './AddingFilesView/index.js';
-import { DiscardWithoutSaving } from './DiscardWithoutSaving/index.js';
 import { FormsManagerProvider, useFormsManager } from './FormsManager/index.js';
-export const drawerSlug = 'bulk-upload-drawer';
+const drawerSlug = 'bulk-upload-drawer-slug';
 function DrawerContent() {
-  const $ = _c(8);
   const {
     addFiles,
-    forms
+    forms,
+    isInitializing
   } = useFormsManager();
   const {
     closeModal
   } = useModal();
-  let t0;
-  if ($[0] !== addFiles) {
-    t0 = acceptedFiles => {
-      addFiles(acceptedFiles);
-    };
-    $[0] = addFiles;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  const onDrop = t0;
-  if (!forms.length) {
-    let t1;
-    if ($[2] !== closeModal) {
-      t1 = () => closeModal(drawerSlug);
-      $[2] = closeModal;
-      $[3] = t1;
-    } else {
-      t1 = $[3];
+  const {
+    collectionSlug,
+    drawerSlug
+  } = useBulkUpload();
+  const {
+    config
+  } = useConfig();
+  const {
+    t
+  } = useTranslation();
+  const uploadCollection = config.collections.find(col => col.slug === collectionSlug);
+  const uploadConfig = uploadCollection?.upload;
+  const uploadMimeTypes = uploadConfig?.mimeTypes;
+  const onDrop = React.useCallback(acceptedFiles => {
+    const fileTransfer = new DataTransfer();
+    for (const candidateFile of acceptedFiles) {
+      if (uploadMimeTypes === undefined || uploadMimeTypes.length === 0 || validateMimeType(candidateFile.type, uploadMimeTypes)) {
+        fileTransfer.items.add(candidateFile);
+      }
     }
-    let t2;
-    if ($[4] !== t1 || $[5] !== onDrop) {
-      t2 = _jsx(AddFilesView, {
-        onCancel: t1,
-        onDrop
-      });
-      $[4] = t1;
-      $[5] = onDrop;
-      $[6] = t2;
+    if (fileTransfer.files.length === 0) {
+      toast.error(t('error:invalidFileType'));
     } else {
-      t2 = $[6];
+      void addFiles(fileTransfer.files);
     }
-    return t2;
+  }, [addFiles, t, uploadMimeTypes]);
+  if (!collectionSlug) {
+    return null;
+  }
+  if (!forms.length && !isInitializing) {
+    return /*#__PURE__*/_jsx(AddFilesView, {
+      acceptMimeTypes: uploadMimeTypes?.join(', '),
+      onCancel: () => closeModal(drawerSlug),
+      onDrop: onDrop
+    });
   } else {
-    let t1;
-    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-      t1 = _jsx(AddingFilesView, {});
-      $[7] = t1;
-    } else {
-      t1 = $[7];
-    }
-    return t1;
+    return /*#__PURE__*/_jsx(AddingFilesView, {});
   }
 }
-export function BulkUploadDrawer(t0) {
-  const $ = _c(4);
+export function BulkUploadDrawer() {
+  const $ = _c(2);
   const {
-    collectionSlug,
-    onSuccess
+    drawerSlug
+  } = useBulkUpload();
+  let t0;
+  if ($[0] !== drawerSlug) {
+    t0 = _jsx(Drawer, {
+      gutter: false,
+      Header: null,
+      slug: drawerSlug,
+      children: _jsx(FormsManagerProvider, {
+        children: _jsx(DrawerContent, {})
+      })
+    });
+    $[0] = drawerSlug;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+}
+const Context = /*#__PURE__*/React.createContext({
+  collectionSlug: '',
+  drawerSlug: '',
+  initialFiles: undefined,
+  maxFiles: undefined,
+  onCancel: () => null,
+  onSuccess: () => null,
+  setCollectionSlug: () => null,
+  setInitialFiles: () => null,
+  setMaxFiles: () => null,
+  setOnCancel: () => null,
+  setOnSuccess: () => null
+});
+export function BulkUploadProvider(t0) {
+  const $ = _c(14);
+  const {
+    children
   } = t0;
-  const currentDepth = useEditDepth();
-  const t1 = currentDepth || 1;
+  const [collection, setCollection] = React.useState();
+  const [onSuccessFunction, setOnSuccessFunction] = React.useState();
+  const [onCancelFunction, setOnCancelFunction] = React.useState();
+  const [initialFiles, setInitialFiles] = React.useState(undefined);
+  const [maxFiles, setMaxFiles] = React.useState(undefined);
+  const drawerSlug = useBulkUploadDrawerSlug();
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = slug => {
+      setCollection(slug);
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const setCollectionSlug = t1;
   let t2;
-  if ($[0] !== collectionSlug || $[1] !== onSuccess || $[2] !== t1) {
-    t2 = _jsx(EditDepthProvider, {
-      depth: t1,
-      children: _jsx(Drawer, {
-        Header: null,
-        gutter: false,
-        slug: drawerSlug,
-        children: _jsxs(FormsManagerProvider, {
-          collectionSlug,
-          onSuccess,
-          children: [_jsx(DrawerContent, {}), _jsx(DiscardWithoutSaving, {})]
-        })
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = onSuccess => {
+      setOnSuccessFunction(() => onSuccess);
+    };
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const setOnSuccess = t2;
+  let t3;
+  if ($[2] !== onCancelFunction) {
+    t3 = () => {
+      if (typeof onCancelFunction === "function") {
+        onCancelFunction();
+      }
+    };
+    $[2] = onCancelFunction;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== onSuccessFunction) {
+    t4 = (docIDs, errorCount) => {
+      if (typeof onSuccessFunction === "function") {
+        onSuccessFunction(docIDs, errorCount);
+      }
+    };
+    $[4] = onSuccessFunction;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== collection || $[7] !== drawerSlug || $[8] !== initialFiles || $[9] !== maxFiles || $[10] !== t3 || $[11] !== t4 || $[12] !== children) {
+    t5 = _jsx(Context.Provider, {
+      value: {
+        collectionSlug: collection,
+        drawerSlug,
+        initialFiles,
+        maxFiles,
+        onCancel: t3,
+        onSuccess: t4,
+        setCollectionSlug,
+        setInitialFiles,
+        setMaxFiles,
+        setOnCancel: setOnCancelFunction,
+        setOnSuccess
+      },
+      children: _jsxs(React.Fragment, {
+        children: [children, _jsx(BulkUploadDrawer, {})]
       })
     });
-    $[0] = collectionSlug;
-    $[1] = onSuccess;
-    $[2] = t1;
-    $[3] = t2;
+    $[6] = collection;
+    $[7] = drawerSlug;
+    $[8] = initialFiles;
+    $[9] = maxFiles;
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = children;
+    $[13] = t5;
   } else {
-    t2 = $[3];
+    t5 = $[13];
   }
-  return t2;
+  return t5;
 }
-export function BulkUploadToggler({
-  children,
-  collectionSlug,
-  onSuccess
-}) {
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(DrawerToggler, {
-      slug: drawerSlug,
-      children: children
-    }), /*#__PURE__*/_jsx(BulkUploadDrawer, {
-      collectionSlug: collectionSlug,
-      onSuccess: onSuccess
-    })]
-  });
+export const useBulkUpload = () => {
+  return React.useContext(Context);
+};
+export function useBulkUploadDrawerSlug() {
+  const depth = useDrawerDepth();
+  return `${drawerSlug}-${depth || 1}`;
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","React","EditDepthProvider","useEditDepth","Drawer","DrawerToggler","AddFilesView","AddingFilesView","DiscardWithoutSaving","FormsManagerProvider","useFormsManager","drawerSlug","DrawerContent","$","addFiles","forms","closeModal","t0","acceptedFiles","onDrop","length","t1","t2","_jsx","onCancel","BulkUploadDrawer","collectionSlug","onSuccess","currentDepth","depth","children","Header","gutter","slug","_jsxs","BulkUploadToggler","Fragment"],"sources":["../../../src/elements/BulkUpload/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { EditDepthProvider, useEditDepth } from '../../providers/EditDepth/index.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { AddFilesView } from './AddFilesView/index.js'\nimport { AddingFilesView } from './AddingFilesView/index.js'\nimport { DiscardWithoutSaving } from './DiscardWithoutSaving/index.js'\nimport { FormsManagerProvider, useFormsManager } from './FormsManager/index.js'\n\nexport const drawerSlug = 'bulk-upload-drawer'\n\nfunction DrawerContent() {\n  const { addFiles, forms } = useFormsManager()\n  const { closeModal } = useModal()\n\n  const onDrop = React.useCallback(\n    (acceptedFiles: FileList) => {\n      addFiles(acceptedFiles)\n    },\n    [addFiles],\n  )\n\n  if (!forms.length) {\n    return <AddFilesView onCancel={() => closeModal(drawerSlug)} onDrop={onDrop} />\n  } else {\n    return <AddingFilesView />\n  }\n}\n\nexport type BulkUploadProps = {\n  readonly children: React.ReactNode\n  readonly collectionSlug: string\n  readonly onSuccess: () => void\n}\n\nexport function BulkUploadDrawer({ collectionSlug, onSuccess }: Omit<BulkUploadProps, 'children'>) {\n  const currentDepth = useEditDepth()\n\n  return (\n    <EditDepthProvider depth={currentDepth || 1}>\n      <Drawer Header={null} gutter={false} slug={drawerSlug}>\n        <FormsManagerProvider collectionSlug={collectionSlug} onSuccess={onSuccess}>\n          <DrawerContent />\n          <DiscardWithoutSaving />\n        </FormsManagerProvider>\n      </Drawer>\n    </EditDepthProvider>\n  )\n}\n\nexport function BulkUploadToggler({ children, collectionSlug, onSuccess }: BulkUploadProps) {\n  return (\n    <React.Fragment>\n      <DrawerToggler slug={drawerSlug}>{children}</DrawerToggler>\n      <BulkUploadDrawer collectionSlug={collectionSlug} onSuccess={onSuccess} />\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAElB,SAASC,iBAAiB,EAAEC,YAAY,QAAQ;AAChD,SAASC,MAAM,EAAEC,aAAa,QAAQ;AACtC,SAASC,YAAY,QAAQ;AAC7B,SAASC,eAAe,QAAQ;AAChC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,oBAAoB,EAAEC,eAAe,QAAQ;AAEtD,OAAO,MAAMC,UAAA,GAAa;AAE1B,SAAAC,cAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EACE;IAAAe,QAAA;IAAAC;EAAA,IAA4BL,eAAA;EAC5B;IAAAM;EAAA,IAAuBhB,QAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAJ,CAAA,QAAAC,QAAA;IAGrBG,EAAA,GAAAC,aAAA;MACEJ,QAAA,CAASI,aAAA;IAAA;IACXL,CAAA,MAAAC,QAAA;IAAAD,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAHF,MAAAM,MAAA,GAAeF,EAIH;EAAA,KAGPF,KAAA,CAAAK,MAAA;IAAA,IAAAC,EAAA;IAAA,IAAAR,CAAA,QAAAG,UAAA;MAC4BK,EAAA,GAAAA,CAAA,KAAML,UAAA,CAAAL,UAAW;MAAAE,CAAA,MAAAG,UAAA;MAAAH,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IAAA,IAAAS,EAAA;IAAA,IAAAT,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAM,MAAA;MAAzCG,EAAA,GAAAC,IAAA,CAAAjB,YAAA;QAAAkB,QAAA,EAAwBH,EAAiB;QAAAF;MAAA,C;;;;;;;WAAzCG,E;;;;MAEAD,EAAA,GAAAE,IAAA,CAAAhB,eAAA,IAAC;MAAAM,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IAAA,OAADQ,EAAC;EAAA;AAAA;AAUZ,OAAO,SAAAI,iBAAAR,EAAA;EAAA,MAAAJ,CAAA,GAAAd,EAAA;EAA0B;IAAA2B,cAAA;IAAAC;EAAA,IAAAV,EAAgE;EAC/F,MAAAW,YAAA,GAAqBzB,YAAA;EAGO,MAAAkB,EAAA,GAAAO,YAAA,KAAgB;EAAA,IAAAN,EAAA;EAAA,IAAAT,CAAA,QAAAa,cAAA,IAAAb,CAAA,QAAAc,SAAA,IAAAd,CAAA,QAAAQ,EAAA;IAA1CC,EAAA,GAAAC,IAAA,CAAArB,iBAAA;MAAA2B,KAAA,EAA0BR,EAAgB;MAAAS,QAAA,EACxCP,IAAA,CAAAnB,MAAA;QAAA2B,MAAA;QAAAC,MAAA;QAAAC,IAAA,EAAAtB,UAAA;QAAAmB,QAAA,EACEI,KAAA,CAAAzB,oBAAA;UAAAiB,cAAA;UAAAC,SAAA;UAAAG,QAAA,GACEP,IAAA,CAAAX,aAAA,IAAC,GACDW,IAAA,CAAAf,oBAAA,IAAC;QAAA,C;;;;;;;;;;SAJPc,E;;AAWJ,OAAO,SAASa,kBAAkB;EAAEL,QAAQ;EAAEJ,cAAc;EAAEC;AAAS,CAAmB;EACxF,oBACEO,KAAA,CAACjC,KAAA,CAAMmC,QAAQ;4BACbb,IAAA,CAAClB,aAAA;MAAc4B,IAAA,EAAMtB,UAAA;gBAAamB;qBAClCP,IAAA,CAACE,gBAAA;MAAiBC,cAAA,EAAgBA,cAAA;MAAgBC,SAAA,EAAWA;;;AAGnE","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","validateMimeType","React","toast","useConfig","useTranslation","Drawer","useDrawerDepth","AddFilesView","AddingFilesView","FormsManagerProvider","useFormsManager","drawerSlug","DrawerContent","addFiles","forms","isInitializing","closeModal","collectionSlug","useBulkUpload","config","t","uploadCollection","collections","find","col","slug","uploadConfig","upload","uploadMimeTypes","mimeTypes","onDrop","useCallback","acceptedFiles","fileTransfer","DataTransfer","candidateFile","undefined","length","type","items","add","files","error","_jsx","acceptMimeTypes","join","onCancel","BulkUploadDrawer","$","t0","gutter","Header","children","Context","createContext","initialFiles","maxFiles","onSuccess","setCollectionSlug","setInitialFiles","setMaxFiles","setOnCancel","setOnSuccess","BulkUploadProvider","collection","setCollection","useState","onSuccessFunction","setOnSuccessFunction","onCancelFunction","setOnCancelFunction","useBulkUploadDrawerSlug","t1","Symbol","for","t2","t3","t4","docIDs","errorCount","t5","Provider","value","_jsxs","Fragment","useContext","depth"],"sources":["../../../src/elements/BulkUpload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { JsonObject } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { validateMimeType } from 'payload/shared'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer, useDrawerDepth } from '../Drawer/index.js'\nimport { AddFilesView } from './AddFilesView/index.js'\nimport { AddingFilesView } from './AddingFilesView/index.js'\nimport { FormsManagerProvider, useFormsManager } from './FormsManager/index.js'\n\nconst drawerSlug = 'bulk-upload-drawer-slug'\n\nfunction DrawerContent() {\n  const { addFiles, forms, isInitializing } = useFormsManager()\n  const { closeModal } = useModal()\n  const { collectionSlug, drawerSlug } = useBulkUpload()\n  const { config } = useConfig()\n  const { t } = useTranslation()\n\n  const uploadCollection = config.collections.find((col) => col.slug === collectionSlug)\n  const uploadConfig = uploadCollection?.upload\n  const uploadMimeTypes = uploadConfig?.mimeTypes\n\n  const onDrop = React.useCallback(\n    (acceptedFiles: FileList) => {\n      const fileTransfer = new DataTransfer()\n      for (const candidateFile of acceptedFiles) {\n        if (\n          uploadMimeTypes === undefined ||\n          uploadMimeTypes.length === 0 ||\n          validateMimeType(candidateFile.type, uploadMimeTypes)\n        ) {\n          fileTransfer.items.add(candidateFile)\n        }\n      }\n      if (fileTransfer.files.length === 0) {\n        toast.error(t('error:invalidFileType'))\n      } else {\n        void addFiles(fileTransfer.files)\n      }\n    },\n    [addFiles, t, uploadMimeTypes],\n  )\n\n  if (!collectionSlug) {\n    return null\n  }\n\n  if (!forms.length && !isInitializing) {\n    return (\n      <AddFilesView\n        acceptMimeTypes={uploadMimeTypes?.join(', ')}\n        onCancel={() => closeModal(drawerSlug)}\n        onDrop={onDrop}\n      />\n    )\n  } else {\n    return <AddingFilesView />\n  }\n}\n\nexport type BulkUploadProps = {\n  readonly children: React.ReactNode\n}\n\nexport function BulkUploadDrawer() {\n  const { drawerSlug } = useBulkUpload()\n\n  return (\n    <Drawer gutter={false} Header={null} slug={drawerSlug}>\n      <FormsManagerProvider>\n        <DrawerContent />\n      </FormsManagerProvider>\n    </Drawer>\n  )\n}\n\ntype BulkUploadContext = {\n  collectionSlug: string\n  drawerSlug: string\n  initialFiles: FileList\n  maxFiles: number\n  onCancel: () => void\n  onSuccess: (newDocs: JsonObject[], errorCount: number) => void\n  setCollectionSlug: (slug: string) => void\n  setInitialFiles: (files: FileList) => void\n  setMaxFiles: (maxFiles: number) => void\n  setOnCancel: (onCancel: BulkUploadContext['onCancel']) => void\n  setOnSuccess: (onSuccess: BulkUploadContext['onSuccess']) => void\n}\n\nconst Context = React.createContext<BulkUploadContext>({\n  collectionSlug: '',\n  drawerSlug: '',\n  initialFiles: undefined,\n  maxFiles: undefined,\n  onCancel: () => null,\n  onSuccess: () => null,\n  setCollectionSlug: () => null,\n  setInitialFiles: () => null,\n  setMaxFiles: () => null,\n  setOnCancel: () => null,\n  setOnSuccess: () => null,\n})\nexport function BulkUploadProvider({ children }: { readonly children: React.ReactNode }) {\n  const [collection, setCollection] = React.useState<string>()\n  const [onSuccessFunction, setOnSuccessFunction] = React.useState<BulkUploadContext['onSuccess']>()\n  const [onCancelFunction, setOnCancelFunction] = React.useState<BulkUploadContext['onCancel']>()\n  const [initialFiles, setInitialFiles] = React.useState<FileList>(undefined)\n  const [maxFiles, setMaxFiles] = React.useState<number>(undefined)\n  const drawerSlug = useBulkUploadDrawerSlug()\n\n  const setCollectionSlug: BulkUploadContext['setCollectionSlug'] = (slug) => {\n    setCollection(slug)\n  }\n\n  const setOnSuccess: BulkUploadContext['setOnSuccess'] = (onSuccess) => {\n    setOnSuccessFunction(() => onSuccess)\n  }\n\n  return (\n    <Context.Provider\n      value={{\n        collectionSlug: collection,\n        drawerSlug,\n        initialFiles,\n        maxFiles,\n        onCancel: () => {\n          if (typeof onCancelFunction === 'function') {\n            onCancelFunction()\n          }\n        },\n        onSuccess: (docIDs, errorCount) => {\n          if (typeof onSuccessFunction === 'function') {\n            onSuccessFunction(docIDs, errorCount)\n          }\n        },\n        setCollectionSlug,\n        setInitialFiles,\n        setMaxFiles,\n        setOnCancel: setOnCancelFunction,\n        setOnSuccess,\n      }}\n    >\n      <React.Fragment>\n        {children}\n        <BulkUploadDrawer />\n      </React.Fragment>\n    </Context.Provider>\n  )\n}\n\nexport const useBulkUpload = () => React.useContext(Context)\n\nexport function useBulkUploadDrawerSlug() {\n  const depth = useDrawerDepth()\n\n  return `${drawerSlug}-${depth || 1}`\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,QAAQ,QAAQ;AACzB,SAASC,gBAAgB,QAAQ;AACjC,OAAOC,KAAA,MAAW;AAClB,SAASC,KAAK,QAAQ;AAEtB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,EAAEC,cAAc,QAAQ;AACvC,SAASC,YAAY,QAAQ;AAC7B,SAASC,eAAe,QAAQ;AAChC,SAASC,oBAAoB,EAAEC,eAAe,QAAQ;AAEtD,MAAMC,UAAA,GAAa;AAEnB,SAASC,cAAA;EACP,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC;EAAc,CAAE,GAAGL,eAAA;EAC5C,MAAM;IAAEM;EAAU,CAAE,GAAGjB,QAAA;EACvB,MAAM;IAAEkB,cAAc;IAAEN;EAAU,CAAE,GAAGO,aAAA;EACvC,MAAM;IAAEC;EAAM,CAAE,GAAGhB,SAAA;EACnB,MAAM;IAAEiB;EAAC,CAAE,GAAGhB,cAAA;EAEd,MAAMiB,gBAAA,GAAmBF,MAAA,CAAOG,WAAW,CAACC,IAAI,CAAEC,GAAA,IAAQA,GAAA,CAAIC,IAAI,KAAKR,cAAA;EACvE,MAAMS,YAAA,GAAeL,gBAAA,EAAkBM,MAAA;EACvC,MAAMC,eAAA,GAAkBF,YAAA,EAAcG,SAAA;EAEtC,MAAMC,MAAA,GAAS7B,KAAA,CAAM8B,WAAW,CAC7BC,aAAA;IACC,MAAMC,YAAA,GAAe,IAAIC,YAAA;IACzB,KAAK,MAAMC,aAAA,IAAiBH,aAAA,EAAe;MACzC,IACEJ,eAAA,KAAoBQ,SAAA,IACpBR,eAAA,CAAgBS,MAAM,KAAK,KAC3BrC,gBAAA,CAAiBmC,aAAA,CAAcG,IAAI,EAAEV,eAAA,GACrC;QACAK,YAAA,CAAaM,KAAK,CAACC,GAAG,CAACL,aAAA;MACzB;IACF;IACA,IAAIF,YAAA,CAAaQ,KAAK,CAACJ,MAAM,KAAK,GAAG;MACnCnC,KAAA,CAAMwC,KAAK,CAACtB,CAAA,CAAE;IAChB,OAAO;MACL,KAAKP,QAAA,CAASoB,YAAA,CAAaQ,KAAK;IAClC;EACF,GACA,CAAC5B,QAAA,EAAUO,CAAA,EAAGQ,eAAA,CAAgB;EAGhC,IAAI,CAACX,cAAA,EAAgB;IACnB,OAAO;EACT;EAEA,IAAI,CAACH,KAAA,CAAMuB,MAAM,IAAI,CAACtB,cAAA,EAAgB;IACpC,oBACE4B,IAAA,CAACpC,YAAA;MACCqC,eAAA,EAAiBhB,eAAA,EAAiBiB,IAAA,CAAK;MACvCC,QAAA,EAAUA,CAAA,KAAM9B,UAAA,CAAWL,UAAA;MAC3BmB,MAAA,EAAQA;;EAGd,OAAO;IACL,oBAAOa,IAAA,CAACnC,eAAA;EACV;AACF;AAMA,OAAO,SAAAuC,iBAAA;EAAA,MAAAC,CAAA,GAAAlD,EAAA;EACL;IAAAa;EAAA,IAAuBO,aAAA;EAAA,IAAA+B,EAAA;EAAA,IAAAD,CAAA,QAAArC,UAAA;IAGrBsC,EAAA,GAAAN,IAAA,CAAAtC,MAAA;MAAA6C,MAAA;MAAAC,MAAA;MAAA1B,IAAA,EAA2Cd,UAAA;MAAAyC,QAAA,EACzCT,IAAA,CAAAlC,oBAAA;QAAA2C,QAAA,EACET,IAAA,CAAA/B,aAAA,IAAC;MAAA,C;;;;;;;SAFLqC,E;;AAsBJ,MAAMI,OAAA,gBAAUpD,KAAA,CAAMqD,aAAa,CAAoB;EACrDrC,cAAA,EAAgB;EAChBN,UAAA,EAAY;EACZ4C,YAAA,EAAcnB,SAAA;EACdoB,QAAA,EAAUpB,SAAA;EACVU,QAAA,EAAUA,CAAA,KAAM;EAChBW,SAAA,EAAWA,CAAA,KAAM;EACjBC,iBAAA,EAAmBA,CAAA,KAAM;EACzBC,eAAA,EAAiBA,CAAA,KAAM;EACvBC,WAAA,EAAaA,CAAA,KAAM;EACnBC,WAAA,EAAaA,CAAA,KAAM;EACnBC,YAAA,EAAcA,CAAA,KAAM;AACtB;AACA,OAAO,SAAAC,mBAAAd,EAAA;EAAA,MAAAD,CAAA,GAAAlD,EAAA;EAA4B;IAAAsD;EAAA,IAAAH,EAAoD;EACrF,OAAAe,UAAA,EAAAC,aAAA,IAAoChE,KAAA,CAAAiE,QAAA,CAAc;EAClD,OAAAC,iBAAA,EAAAC,oBAAA,IAAkDnE,KAAA,CAAAiE,QAAA,CAAc;EAChE,OAAAG,gBAAA,EAAAC,mBAAA,IAAgDrE,KAAA,CAAAiE,QAAA,CAAc;EAC9D,OAAAX,YAAA,EAAAI,eAAA,IAAwC1D,KAAA,CAAAiE,QAAA,CAAA9B,SAAyB;EACjE,OAAAoB,QAAA,EAAAI,WAAA,IAAgC3D,KAAA,CAAAiE,QAAA,CAAA9B,SAAuB;EACvD,MAAAzB,UAAA,GAAmB4D,uBAAA;EAAA,IAAAC,EAAA;EAAA,IAAAxB,CAAA,QAAAyB,MAAA,CAAAC,GAAA;IAE+CF,EAAA,GAAA/C,IAAA;MAChEwC,aAAA,CAAcxC,IAAA;IAAA;IAChBuB,CAAA,MAAAwB,EAAA;EAAA;IAAAA,EAAA,GAAAxB,CAAA;EAAA;EAFA,MAAAU,iBAAA,GAAkEc,EAElE;EAAA,IAAAG,EAAA;EAAA,IAAA3B,CAAA,QAAAyB,MAAA,CAAAC,GAAA;IAEwDC,EAAA,GAAAlB,SAAA;MACtDW,oBAAA,OAA2BX,SAAA;IAAA;IAC7BT,CAAA,MAAA2B,EAAA;EAAA;IAAAA,EAAA,GAAA3B,CAAA;EAAA;EAFA,MAAAc,YAAA,GAAwDa,EAExD;EAAA,IAAAC,EAAA;EAAA,IAAA5B,CAAA,QAAAqB,gBAAA;IASgBO,EAAA,GAAAA,CAAA;MAAA,IACJ,OAAOP,gBAAA,KAAqB;QAC9BA,gBAAA;MAAA;IAAA;IAEJrB,CAAA,MAAAqB,gBAAA;IAAArB,CAAA,MAAA4B,EAAA;EAAA;IAAAA,EAAA,GAAA5B,CAAA;EAAA;EAAA,IAAA6B,EAAA;EAAA,IAAA7B,CAAA,QAAAmB,iBAAA;IACWU,EAAA,GAAAA,CAAAC,MAAA,EAAAC,UAAA;MAAA,IACL,OAAOZ,iBAAA,KAAsB;QAC/BA,iBAAA,CAAkBW,MAAA,EAAQC,UAAA;MAAA;IAAA;IAE9B/B,CAAA,MAAAmB,iBAAA;IAAAnB,CAAA,MAAA6B,EAAA;EAAA;IAAAA,EAAA,GAAA7B,CAAA;EAAA;EAAA,IAAAgC,EAAA;EAAA,IAAAhC,CAAA,QAAAgB,UAAA,IAAAhB,CAAA,QAAArC,UAAA,IAAAqC,CAAA,QAAAO,YAAA,IAAAP,CAAA,QAAAQ,QAAA,IAAAR,CAAA,SAAA4B,EAAA,IAAA5B,CAAA,SAAA6B,EAAA,IAAA7B,CAAA,SAAAI,QAAA;IAfJ4B,EAAA,GAAArC,IAAA,CAAAU,OAAA,CAAA4B,QAAA;MAAAC,KAAA;QAAAjE,cAAA,EAEoB+C,UAAA;QAAArD,UAAA;QAAA4C,YAAA;QAAAC,QAAA;QAAAV,QAAA,EAIN8B,EAIV;QAAAnB,SAAA,EACWoB,EAIX;QAAAnB,iBAAA;QAAAC,eAAA;QAAAC,WAAA;QAAAC,WAAA,EAIaS,mBAAA;QAAAR;MAAA;MAAAV,QAAA,EAIf+B,KAAA,CAAAlF,KAAA,CAAAmF,QAAA;QAAAhC,QAAA,GACGA,QAAA,EACDT,IAAA,CAAAI,gBAAA,IAAC;MAAA,C;;;;;;;;;;;;;SAzBLiC,E;;AA+BJ,OAAO,MAAM9D,aAAA,GAAgBA,CAAA;EAAA,OAAMjB,KAAA,CAAAoF,UAAA,CAAAhC,OAAiB;AAAA;AAEpD,OAAO,SAAAkB,wBAAA;EACL,MAAAe,KAAA,GAAchF,cAAA;EAAA,OAEP,GAAAK,UAAA,IAAiB2E,KAAA,KAAS,EAAG;AAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAEnE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAUvC,OAAO,cAAc,CAAA;AAarB,eAAO,MAAM,cAAc;;;;;uBAqB1B,CAAA;AAED,eAAO,MAAM,MAAM,qGAuIjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAEnE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAUvC,OAAO,cAAc,CAAA;AAarB,eAAO,MAAM,cAAc;;;;;uBAqB1B,CAAA;AAED,eAAO,MAAM,MAAM,qGAiJjB,CAAA"}

package/dist/elements/Button/index.js

@@ -1,8 +1,7 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { Fragment, forwardRef, isValidElement } from 'react';
+import React, { forwardRef, Fragment, isValidElement } from 'react';
 import { ChevronIcon } from '../../icons/Chevron/index.js';
 import { EditIcon } from '../../icons/Edit/index.js';
 import { LinkIcon } from '../../icons/Link/index.js';
@@ -46,242 +45,128 @@ export const ButtonContents = ({
   });
 };
 export const Button = /*#__PURE__*/forwardRef((props, ref) => {
-  const $ = _c(48);
   const {
     id,
-    type: t0,
-    Link,
-    SubMenuPopupContent,
-    "aria-label": ariaLabel,
-    buttonStyle: t1,
+    type = 'button',
+    'aria-label': ariaLabel,
+    buttonStyle = 'primary',
     children,
     className,
     disabled,
-    el: t2,
+    el = 'button',
     icon,
-    iconPosition: t3,
-    iconStyle: t4,
+    iconPosition = 'right',
+    iconStyle = 'without-border',
+    Link,
     newTab,
     onClick,
     round,
-    size: t5,
+    size = 'medium',
+    SubMenuPopupContent,
     to,
     tooltip,
     url
   } = props;
-  const type = t0 === undefined ? "button" : t0;
-  const buttonStyle = t1 === undefined ? "primary" : t1;
-  const el = t2 === undefined ? "button" : t2;
-  const iconPosition = t3 === undefined ? "right" : t3;
-  const iconStyle = t4 === undefined ? "without-border" : t4;
-  const size = t5 === undefined ? "medium" : t5;
   const [showTooltip, setShowTooltip] = React.useState(false);
-  const t6 = className && className;
-  const t7 = icon && `${baseClass}--icon`;
-  const t8 = iconStyle && `${baseClass}--icon-style-${iconStyle}`;
-  const t9 = icon && !children && `${baseClass}--icon-only`;
-  const t10 = size && `${baseClass}--size-${size}`;
-  const t11 = icon && iconPosition && `${baseClass}--icon-position-${iconPosition}`;
-  const t12 = tooltip && `${baseClass}--has-tooltip`;
-  const t13 = !SubMenuPopupContent && `${baseClass}--withoutPopup`;
-  let t14;
-  if ($[0] !== t6 || $[1] !== t7 || $[2] !== t8 || $[3] !== t9 || $[4] !== t10 || $[5] !== t11 || $[6] !== t12 || $[7] !== t13) {
-    t14 = [baseClass, t6, t7, t8, t9, t10, t11, t12, t13].filter(Boolean);
-    $[0] = t6;
-    $[1] = t7;
-    $[2] = t8;
-    $[3] = t9;
-    $[4] = t10;
-    $[5] = t11;
-    $[6] = t12;
-    $[7] = t13;
-    $[8] = t14;
-  } else {
-    t14 = $[8];
-  }
-  const classes = t14.join(" ");
-  let t15;
-  if ($[9] !== type || $[10] !== onClick) {
-    t15 = function handleClick(event) {
-      setShowTooltip(false);
-      if (type !== "submit" && onClick) {
-        event.preventDefault();
-      }
-      if (onClick) {
-        onClick(event);
-      }
-    };
-    $[9] = type;
-    $[10] = onClick;
-    $[11] = t15;
-  } else {
-    t15 = $[11];
-  }
-  const handleClick = t15;
-  const t16 = buttonStyle && `${baseClass}--style-${buttonStyle}`;
-  const t17 = disabled && `${baseClass}--disabled`;
-  const t18 = round && `${baseClass}--round`;
-  const t19 = SubMenuPopupContent ? `${baseClass}--withPopup` : `${baseClass}--withoutPopup`;
-  let t20;
-  if ($[12] !== t16 || $[13] !== t17 || $[14] !== t18 || $[15] !== t19) {
-    t20 = [t16, t17, t18, t19].filter(Boolean);
-    $[12] = t16;
-    $[13] = t17;
-    $[14] = t18;
-    $[15] = t19;
-    $[16] = t20;
-  } else {
-    t20 = $[16];
-  }
-  const styleClasses = t20.join(" ");
-  let t21;
-  if ($[17] !== SubMenuPopupContent || $[18] !== classes || $[19] !== styleClasses) {
-    t21 = !SubMenuPopupContent ? [classes, styleClasses].join(" ") : classes;
-    $[17] = SubMenuPopupContent;
-    $[18] = classes;
-    $[19] = styleClasses;
-    $[20] = t21;
-  } else {
-    t21 = $[20];
-  }
-  const t22 = !disabled ? handleClick : undefined;
-  let t23;
-  if ($[21] !== tooltip) {
-    t23 = tooltip ? () => setShowTooltip(true) : undefined;
-    $[21] = tooltip;
-    $[22] = t23;
-  } else {
-    t23 = $[22];
-  }
-  let t24;
-  if ($[23] !== tooltip) {
-    t24 = tooltip ? () => setShowTooltip(false) : undefined;
-    $[23] = tooltip;
-    $[24] = t24;
-  } else {
-    t24 = $[24];
+  const classes = [baseClass, className && className, icon && `${baseClass}--icon`, iconStyle && `${baseClass}--icon-style-${iconStyle}`, icon && !children && `${baseClass}--icon-only`, size && `${baseClass}--size-${size}`, icon && iconPosition && `${baseClass}--icon-position-${iconPosition}`, tooltip && `${baseClass}--has-tooltip`, !SubMenuPopupContent && `${baseClass}--withoutPopup`].filter(Boolean).join(' ');
+  function handleClick(event) {
+    setShowTooltip(false);
+    if (type !== 'submit' && onClick) {
+      event.preventDefault();
+    }
+    if (onClick) {
+      onClick(event);
+    }
   }
-  const t25 = newTab ? "noopener noreferrer" : undefined;
-  const t26 = newTab ? "_blank" : undefined;
+  const styleClasses = [buttonStyle && `${baseClass}--style-${buttonStyle}`, disabled && `${baseClass}--disabled`, round && `${baseClass}--round`, SubMenuPopupContent ? `${baseClass}--withPopup` : `${baseClass}--withoutPopup`].filter(Boolean).join(' ');
+  const buttonProps = {
+    id,
+    type,
+    'aria-disabled': disabled,
+    'aria-label': ariaLabel,
+    className: !SubMenuPopupContent ? [classes, styleClasses].join(' ') : classes,
+    disabled,
+    onClick: !disabled ? handleClick : undefined,
+    onPointerEnter: tooltip ? () => setShowTooltip(true) : undefined,
+    onPointerLeave: tooltip ? () => setShowTooltip(false) : undefined,
+    rel: newTab ? 'noopener noreferrer' : undefined,
+    target: newTab ? '_blank' : undefined
+  };
   let buttonElement;
-  let t27;
-  if ($[25] !== id || $[26] !== type || $[27] !== disabled || $[28] !== ariaLabel || $[29] !== t21 || $[30] !== t22 || $[31] !== t23 || $[32] !== t24 || $[33] !== t25 || $[34] !== t26 || $[35] !== el || $[36] !== Link || $[37] !== children || $[38] !== to || $[39] !== url || $[40] !== icon || $[41] !== showTooltip || $[42] !== tooltip || $[43] !== ref || $[44] !== SubMenuPopupContent || $[45] !== styleClasses) {
-    t27 = Symbol.for("react.early_return_sentinel");
-    bb0: {
-      const buttonProps = {
-        id,
-        type,
-        "aria-disabled": disabled,
-        "aria-label": ariaLabel,
-        className: t21,
-        disabled,
-        onClick: t22,
-        onMouseEnter: t23,
-        onMouseLeave: t24,
-        rel: t25,
-        target: t26
-      };
-      bb1: switch (el) {
-        case "link":
-          {
-            if (!Link) {
-              console.error("Link is required when using el=\"link\"", children);
-              t27 = null;
-              break bb0;
-            }
-            let LinkTag = Link;
-            if (disabled) {
-              LinkTag = "div";
-            }
-            buttonElement = _jsx(LinkTag, {
-              ...buttonProps,
-              href: to || url,
-              to: to || url,
-              children: _jsx(ButtonContents, {
-                icon,
-                showTooltip,
-                tooltip,
-                children
-              })
-            });
-            break bb1;
-          }
-        case "anchor":
-          {
-            buttonElement = _jsx("a", {
-              ...buttonProps,
-              href: !disabled ? url : undefined,
-              ref,
-              children: _jsx(ButtonContents, {
-                icon,
-                showTooltip,
-                tooltip,
-                children
-              })
-            });
-            break bb1;
-          }
-        default:
-          {
-            const Tag = el;
-            buttonElement = _jsx(Tag, {
-              ref,
-              type: "submit",
-              ...buttonProps,
-              children: _jsx(ButtonContents, {
-                icon,
-                showTooltip,
-                tooltip,
-                children
-              })
-            });
-          }
+  let prefetch;
+  switch (el) {
+    case 'anchor':
+      buttonElement = /*#__PURE__*/_jsx("a", {
+        ...buttonProps,
+        href: !disabled ? url : undefined,
+        ref: ref,
+        children: /*#__PURE__*/_jsx(ButtonContents, {
+          icon: icon,
+          showTooltip: showTooltip,
+          tooltip: tooltip,
+          children: children
+        })
+      });
+      break;
+    case 'link':
+      if (!Link) {
+        console.error('Link is required when using el="link"', children);
+        return null;
       }
-      if (SubMenuPopupContent) {
-        t27 = _jsxs("div", {
-          className: styleClasses,
-          children: [buttonElement, _jsx(Popup, {
-            button: _jsx(ChevronIcon, {}),
-            className: disabled ? `${baseClass}--popup-disabled` : "",
-            horizontalAlign: "right",
-            noBackground: true,
-            size: "large",
-            verticalAlign: "bottom",
-            children: SubMenuPopupContent
-          })]
-        });
-        break bb0;
+      let LinkTag = Link // eslint-disable-line no-case-declarations
+      ;
+      if (disabled) {
+        LinkTag = 'div';
+      } else {
+        prefetch = false;
       }
-    }
-    $[25] = id;
-    $[26] = type;
-    $[27] = disabled;
-    $[28] = ariaLabel;
-    $[29] = t21;
-    $[30] = t22;
-    $[31] = t23;
-    $[32] = t24;
-    $[33] = t25;
-    $[34] = t26;
-    $[35] = el;
-    $[36] = Link;
-    $[37] = children;
-    $[38] = to;
-    $[39] = url;
-    $[40] = icon;
-    $[41] = showTooltip;
-    $[42] = tooltip;
-    $[43] = ref;
-    $[44] = SubMenuPopupContent;
-    $[45] = styleClasses;
-    $[46] = buttonElement;
-    $[47] = t27;
-  } else {
-    buttonElement = $[46];
-    t27 = $[47];
+      buttonElement = /*#__PURE__*/_jsx(LinkTag, {
+        ...buttonProps,
+        href: to || url,
+        prefetch: prefetch,
+        to: to || url,
+        children: /*#__PURE__*/_jsx(ButtonContents, {
+          icon: icon,
+          showTooltip: showTooltip,
+          tooltip: tooltip,
+          children: children
+        })
+      });
+      break;
+    default:
+      const Tag = el // eslint-disable-line no-case-declarations
+      ;
+      buttonElement = /*#__PURE__*/_jsx(Tag, {
+        ref: ref,
+        type: "submit",
+        ...buttonProps,
+        children: /*#__PURE__*/_jsx(ButtonContents, {
+          icon: icon,
+          showTooltip: showTooltip,
+          tooltip: tooltip,
+          children: children
+        })
+      });
+      break;
   }
-  if (t27 !== Symbol.for("react.early_return_sentinel")) {
-    return t27;
+  if (SubMenuPopupContent) {
+    return /*#__PURE__*/_jsxs("div", {
+      className: styleClasses,
+      children: [buttonElement, /*#__PURE__*/_jsx(Popup, {
+        button: /*#__PURE__*/_jsx(ChevronIcon, {}),
+        buttonSize: size,
+        className: disabled ? `${baseClass}--popup-disabled` : '',
+        horizontalAlign: "right",
+        noBackground: true,
+        render: ({
+          close
+        }) => SubMenuPopupContent({
+          close: () => close()
+        }),
+        size: "large",
+        verticalAlign: "bottom"
+      })]
+    });
   }
   return buttonElement;
 });