@payloadcms/ui 3.0.0-alpha.8 → 3.0.0-beta.0

package/dist/elements/Autosave/index.js

@@ -1,90 +1,30 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _navigation = require("next/navigation");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _reacttoastify = require("react-toastify");
-const _context = require("../../forms/Form/context");
-const _reduceFieldsToValues = /*#__PURE__*/ _interop_require_default(require("../../forms/Form/reduceFieldsToValues"));
-const _useDebounce = /*#__PURE__*/ _interop_require_default(require("../../hooks/useDebounce"));
-const _Config = require("../../providers/Config");
-const _DocumentInfo = require("../../providers/DocumentInfo");
-const _Locale = require("../../providers/Locale");
-const _Translation = require("../../providers/Translation");
-const _formatDate = require("../../utilities/formatDate");
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-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 React, { useEffect, useRef, useState } from 'react';
+import { useAllFormFields, useFormModified } from '../../forms/Form/context.js';
+import { useDebounce } from '../../hooks/useDebounce.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
+import { useLocale } from '../../providers/Locale/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { formatTimeToNow } from '../../utilities/formatDate.js';
+import { reduceFieldsToValues } from '../../utilities/reduceFieldsToValues.js';
 const baseClass = 'autosave';
-const Autosave = ({ id, collection, global, publishedDocUpdatedAt })=>{
-    const { routes: { admin, api }, serverURL } = (0, _Config.useConfig)();
-    const { docConfig, getVersions, versions } = (0, _DocumentInfo.useDocumentInfo)();
+export const Autosave = ({ id, collection, global: globalDoc, publishedDocUpdatedAt })=>{
+    const { routes: { api }, serverURL } = useConfig();
+    const { docConfig, getVersions, versions } = useDocumentInfo();
     const versionsConfig = docConfig?.versions;
-    const [fields] = (0, _context.useAllFormFields)();
-    const modified = (0, _context.useFormModified)();
-    const { code: locale } = (0, _Locale.useLocale)();
-    const router = (0, _navigation.useRouter)();
-    const { i18n, t } = (0, _Translation.useTranslation)();
+    const [fields] = useAllFormFields();
+    const modified = useFormModified();
+    const { code: locale } = useLocale();
+    const { i18n, t } = useTranslation();
     let interval = 800;
     if (versionsConfig.drafts && versionsConfig?.drafts?.autosave) interval = versionsConfig.drafts.autosave.interval;
-    const [saving, setSaving] = (0, _react.useState)(false);
-    const [lastSaved, setLastSaved] = (0, _react.useState)();
-    const debouncedFields = (0, _useDebounce.default)(fields, interval);
-    const fieldRef = (0, _react.useRef)(fields);
-    const modifiedRef = (0, _react.useRef)(modified);
-    const localeRef = (0, _react.useRef)(locale);
+    const [saving, setSaving] = useState(false);
+    const [lastSaved, setLastSaved] = useState();
+    const debouncedFields = useDebounce(fields, interval);
+    const fieldRef = useRef(fields);
+    const modifiedRef = useRef(modified);
+    const localeRef = useRef(locale);
     // Store fields in ref so the autosave func
     // can always retrieve the most to date copies
     // after the timeout has executed
@@ -93,47 +33,12 @@ const Autosave = ({ id, collection, global, publishedDocUpdatedAt })=>{
     // can bail out if modified becomes false while
     // timing out during autosave
     modifiedRef.current = modified;
-    const createCollectionDoc = (0, _react.useCallback)(async ()=>{
-        const res = await fetch(`${serverURL}${api}/${collection.slug}?locale=${locale}&fallback-locale=null&depth=0&draft=true&autosave=true`, {
-            body: JSON.stringify({}),
-            credentials: 'include',
-            headers: {
-                'Accept-Language': i18n.language,
-                'Content-Type': 'application/json'
-            },
-            method: 'POST'
-        });
-        if (res.status === 201) {
-            const json = await res.json();
-            router.replace(`${admin}/collections/${collection.slug}/${json.doc.id}`, {
-            });
-        } else {
-            _reacttoastify.toast.error(t('error:autosaving'));
-        }
-    }, [
-        i18n,
-        serverURL,
-        api,
-        collection,
-        locale,
-        router,
-        admin,
-        t
-    ]);
-    (0, _react.useEffect)(()=>{
-        // If no ID, but this is used for a collection doc,
-        // Immediately save it and set lastSaved
-        if (!id && collection) {
-            void createCollectionDoc();
-        }
-    }, [
-        id,
-        collection,
-        createCollectionDoc
-    ]);
+    // Store locale in ref so the autosave func
+    // can always retrieve the most to date locale
+    localeRef.current = locale;
     // When debounced fields change, autosave
-    (0, _react.useEffect)(()=>{
-        const autosave = async ()=>{
+    useEffect(()=>{
+        const autosave = ()=>{
             if (modified) {
                 setSaving(true);
                 let url;
@@ -142,15 +47,15 @@ const Autosave = ({ id, collection, global, publishedDocUpdatedAt })=>{
                     url = `${serverURL}${api}/${collection.slug}/${id}?draft=true&autosave=true&locale=${localeRef.current}`;
                     method = 'PATCH';
                 }
-                if (global) {
-                    url = `${serverURL}${api}/globals/${global.slug}?draft=true&autosave=true&locale=${localeRef.current}`;
+                if (globalDoc) {
+                    url = `${serverURL}${api}/globals/${globalDoc.slug}?draft=true&autosave=true&locale=${localeRef.current}`;
                     method = 'POST';
                 }
                 if (url) {
                     setTimeout(async ()=>{
                         if (modifiedRef.current) {
                             const body = {
-                                ...(0, _reduceFieldsToValues.default)(fieldRef.current, true),
+                                ...reduceFieldsToValues(fieldRef.current, true),
                                 _status: 'draft'
                             };
                             const res = await fetch(url, {
@@ -180,13 +85,11 @@ const Autosave = ({ id, collection, global, publishedDocUpdatedAt })=>{
         serverURL,
         api,
         collection,
-        global,
+        globalDoc,
         id,
-        getVersions,
-        localeRef,
-        modifiedRef
+        getVersions
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (versions?.docs?.[0]) {
             setLastSaved(new Date(versions.docs[0].updatedAt).getTime());
         } else if (publishedDocUpdatedAt) {
@@ -196,12 +99,14 @@ const Autosave = ({ id, collection, global, publishedDocUpdatedAt })=>{
         publishedDocUpdatedAt,
         versions
     ]);
-    return /*#__PURE__*/ _react.default.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         className: baseClass
-    }, saving && t('version:saving'), !saving && lastSaved && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, t('version:lastSavedAgo', {
-        distance: (0, _formatDate.formatTimeToNow)(lastSaved, i18n.language)
+    }, saving && t('general:saving'), !saving && lastSaved && /*#__PURE__*/ React.createElement(React.Fragment, null, t('version:lastSavedAgo', {
+        distance: formatTimeToNow({
+            date: lastSaved,
+            i18n
+        })
     })));
 };
-const _default = Autosave;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9BdXRvc2F2ZS9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG4vLyBUT0RPOiBhYnN0cmFjdCB0aGUgYG5leHQvbmF2aWdhdGlvbmAgZGVwZW5kZW5jeSBvdXQgZnJvbSB0aGlzIGNvbXBvbmVudFxuaW1wb3J0IHsgdXNlUm91dGVyIH0gZnJvbSAnbmV4dC9uYXZpZ2F0aW9uJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHRvYXN0IH0gZnJvbSAncmVhY3QtdG9hc3RpZnknXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5pbXBvcnQgeyB1c2VBbGxGb3JtRmllbGRzLCB1c2VGb3JtTW9kaWZpZWQgfSBmcm9tICcuLi8uLi9mb3Jtcy9Gb3JtL2NvbnRleHQnXG5pbXBvcnQgcmVkdWNlRmllbGRzVG9WYWx1ZXMgZnJvbSAnLi4vLi4vZm9ybXMvRm9ybS9yZWR1Y2VGaWVsZHNUb1ZhbHVlcydcbmltcG9ydCB1c2VEZWJvdW5jZSBmcm9tICcuLi8uLi9ob29rcy91c2VEZWJvdW5jZSdcbmltcG9ydCB7IHVzZUNvbmZpZyB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9Db25maWcnXG5pbXBvcnQgeyB1c2VEb2N1bWVudEluZm8gfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvRG9jdW1lbnRJbmZvJ1xuaW1wb3J0IHsgdXNlTG9jYWxlIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL0xvY2FsZSdcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL1RyYW5zbGF0aW9uJ1xuaW1wb3J0IHsgZm9ybWF0VGltZVRvTm93IH0gZnJvbSAnLi4vLi4vdXRpbGl0aWVzL2Zvcm1hdERhdGUnXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ2F1dG9zYXZlJ1xuXG5jb25zdCBBdXRvc2F2ZTogUmVhY3QuRkM8UHJvcHM+ID0gKHsgaWQsIGNvbGxlY3Rpb24sIGdsb2JhbCwgcHVibGlzaGVkRG9jVXBkYXRlZEF0IH0pID0+IHtcbiAgY29uc3Qge1xuICAgIHJvdXRlczogeyBhZG1pbiwgYXBpIH0sXG4gICAgc2VydmVyVVJMLFxuICB9ID0gdXNlQ29uZmlnKClcbiAgY29uc3QgeyBkb2NDb25maWcsIGdldFZlcnNpb25zLCB2ZXJzaW9ucyB9ID0gdXNlRG9jdW1lbnRJbmZvKClcbiAgY29uc3QgdmVyc2lvbnNDb25maWcgPSBkb2NDb25maWc/LnZlcnNpb25zXG5cbiAgY29uc3QgW2ZpZWxkc10gPSB1c2VBbGxGb3JtRmllbGRzKClcbiAgY29uc3QgbW9kaWZpZWQgPSB1c2VGb3JtTW9kaWZpZWQoKVxuICBjb25zdCB7IGNvZGU6IGxvY2FsZSB9ID0gdXNlTG9jYWxlKClcbiAgY29uc3Qgcm91dGVyID0gdXNlUm91dGVyKClcbiAgY29uc3QgeyBpMThuLCB0IH0gPSB1c2VUcmFuc2xhdGlvbigpXG5cbiAgbGV0IGludGVydmFsID0gODAwXG4gIGlmICh2ZXJzaW9uc0NvbmZpZy5kcmFmdHMgJiYgdmVyc2lvbnNDb25maWc/LmRyYWZ0cz8uYXV0b3NhdmUpXG4gICAgaW50ZXJ2YWwgPSB2ZXJzaW9uc0NvbmZpZy5kcmFmdHMuYXV0b3NhdmUuaW50ZXJ2YWxcblxuICBjb25zdCBbc2F2aW5nLCBzZXRTYXZpbmddID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFtsYXN0U2F2ZWQsIHNldExhc3RTYXZlZF0gPSB1c2VTdGF0ZTxudW1iZXI+KClcbiAgY29uc3QgZGVib3VuY2VkRmllbGRzID0gdXNlRGVib3VuY2UoZmllbGRzLCBpbnRlcnZhbClcbiAgY29uc3QgZmllbGRSZWYgPSB1c2VSZWYoZmllbGRzKVxuICBjb25zdCBtb2RpZmllZFJlZiA9IHVzZVJlZihtb2RpZmllZClcbiAgY29uc3QgbG9jYWxlUmVmID0gdXNlUmVmKGxvY2FsZSlcblxuICAvLyBTdG9yZSBmaWVsZHMgaW4gcmVmIHNvIHRoZSBhdXRvc2F2ZSBmdW5jXG4gIC8vIGNhbiBhbHdheXMgcmV0cmlldmUgdGhlIG1vc3QgdG8gZGF0ZSBjb3BpZXNcbiAgLy8gYWZ0ZXIgdGhlIHRpbWVvdXQgaGFzIGV4ZWN1dGVkXG4gIGZpZWxkUmVmLmN1cnJlbnQgPSBmaWVsZHNcblxuICAvLyBTdG9yZSBtb2RpZmllZCBpbiByZWYgc28gdGhlIGF1dG9zYXZlIGZ1bmNcbiAgLy8gY2FuIGJhaWwgb3V0IGlmIG1vZGlmaWVkIGJlY29tZXMgZmFsc2Ugd2hpbGVcbiAgLy8gdGltaW5nIG91dCBkdXJpbmcgYXV0b3NhdmVcbiAgbW9kaWZpZWRSZWYuY3VycmVudCA9IG1vZGlmaWVkXG5cbiAgY29uc3QgY3JlYXRlQ29sbGVjdGlvbkRvYyA9IHVzZUNhbGxiYWNrKGFzeW5jICgpID0+IHtcbiAgICBjb25zdCByZXMgPSBhd2FpdCBmZXRjaChcbiAgICAgIGAke3NlcnZlclVSTH0ke2FwaX0vJHtjb2xsZWN0aW9uLnNsdWd9P2xvY2FsZT0ke2xvY2FsZX0mZmFsbGJhY2stbG9jYWxlPW51bGwmZGVwdGg9MCZkcmFmdD10cnVlJmF1dG9zYXZlPXRydWVgLFxuICAgICAge1xuICAgICAgICBib2R5OiBKU09OLnN0cmluZ2lmeSh7fSksXG4gICAgICAgIGNyZWRlbnRpYWxzOiAnaW5jbHVkZScsXG4gICAgICAgIGhlYWRlcnM6IHtcbiAgICAgICAgICAnQWNjZXB0LUxhbmd1YWdlJzogaTE4bi5sYW5ndWFnZSxcbiAgICAgICAgICAnQ29udGVudC1UeXBlJzogJ2FwcGxpY2F0aW9uL2pzb24nLFxuICAgICAgICB9LFxuICAgICAgICBtZXRob2Q6ICdQT1NUJyxcbiAgICAgIH0sXG4gICAgKVxuXG4gICAgaWYgKHJlcy5zdGF0dXMgPT09IDIwMSkge1xuICAgICAgY29uc3QganNvbiA9IGF3YWl0IHJlcy5qc29uKClcbiAgICAgIHJvdXRlci5yZXBsYWNlKGAke2FkbWlufS9jb2xsZWN0aW9ucy8ke2NvbGxlY3Rpb24uc2x1Z30vJHtqc29uLmRvYy5pZH1gLCB7XG4gICAgICAgIC8vIHN0YXRlOiB7XG4gICAgICAgIC8vICAgZGF0YToganNvbi5kb2MsXG4gICAgICAgIC8vIH0sXG4gICAgICB9KVxuICAgIH0gZWxzZSB7XG4gICAgICB0b2FzdC5lcnJvcih0KCdlcnJvcjphdXRvc2F2aW5nJykpXG4gICAgfVxuICB9LCBbaTE4biwgc2VydmVyVVJMLCBhcGksIGNvbGxlY3Rpb24sIGxvY2FsZSwgcm91dGVyLCBhZG1pbiwgdF0pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAvLyBJZiBubyBJRCwgYnV0IHRoaXMgaXMgdXNlZCBmb3IgYSBjb2xsZWN0aW9uIGRvYyxcbiAgICAvLyBJbW1lZGlhdGVseSBzYXZlIGl0IGFuZCBzZXQgbGFzdFNhdmVkXG4gICAgaWYgKCFpZCAmJiBjb2xsZWN0aW9uKSB7XG4gICAgICB2b2lkIGNyZWF0ZUNvbGxlY3Rpb25Eb2MoKVxuICAgIH1cbiAgfSwgW2lkLCBjb2xsZWN0aW9uLCBjcmVhdGVDb2xsZWN0aW9uRG9jXSlcblxuICAvLyBXaGVuIGRlYm91bmNlZCBmaWVsZHMgY2hhbmdlLCBhdXRvc2F2ZVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgYXV0b3NhdmUgPSBhc3luYyAoKSA9PiB7XG4gICAgICBpZiAobW9kaWZpZWQpIHtcbiAgICAgICAgc2V0U2F2aW5nKHRydWUpXG5cbiAgICAgICAgbGV0IHVybDogc3RyaW5nXG4gICAgICAgIGxldCBtZXRob2Q6IHN0cmluZ1xuXG4gICAgICAgIGlmIChjb2xsZWN0aW9uICYmIGlkKSB7XG4gICAgICAgICAgdXJsID0gYCR7c2VydmVyVVJMfSR7YXBpfS8ke2NvbGxlY3Rpb24uc2x1Z30vJHtpZH0/ZHJhZnQ9dHJ1ZSZhdXRvc2F2ZT10cnVlJmxvY2FsZT0ke2xvY2FsZVJlZi5jdXJyZW50fWBcbiAgICAgICAgICBtZXRob2QgPSAnUEFUQ0gnXG4gICAgICAgIH1cblxuICAgICAgICBpZiAoZ2xvYmFsKSB7XG4gICAgICAgICAgdXJsID0gYCR7c2VydmVyVVJMfSR7YXBpfS9nbG9iYWxzLyR7Z2xvYmFsLnNsdWd9P2RyYWZ0PXRydWUmYXV0b3NhdmU9dHJ1ZSZsb2NhbGU9JHtsb2NhbGVSZWYuY3VycmVudH1gXG4gICAgICAgICAgbWV0aG9kID0gJ1BPU1QnXG4gICAgICAgIH1cblxuICAgICAgICBpZiAodXJsKSB7XG4gICAgICAgICAgc2V0VGltZW91dChhc3luYyAoKSA9PiB7XG4gICAgICAgICAgICBpZiAobW9kaWZpZWRSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgICBjb25zdCBib2R5ID0ge1xuICAgICAgICAgICAgICAgIC4uLnJlZHVjZUZpZWxkc1RvVmFsdWVzKGZpZWxkUmVmLmN1cnJlbnQsIHRydWUpLFxuICAgICAgICAgICAgICAgIF9zdGF0dXM6ICdkcmFmdCcsXG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICBjb25zdCByZXMgPSBhd2FpdCBmZXRjaCh1cmwsIHtcbiAgICAgICAgICAgICAgICBib2R5OiBKU09OLnN0cmluZ2lmeShib2R5KSxcbiAgICAgICAgICAgICAgICBjcmVkZW50aWFsczogJ2luY2x1ZGUnLFxuICAgICAgICAgICAgICAgIGhlYWRlcnM6IHtcbiAgICAgICAgICAgICAgICAgICdBY2NlcHQtTGFuZ3VhZ2UnOiBpMThuLmxhbmd1YWdlLFxuICAgICAgICAgICAgICAgICAgJ0NvbnRlbnQtVHlwZSc6ICdhcHBsaWNhdGlvbi9qc29uJyxcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIG1ldGhvZCxcbiAgICAgICAgICAgICAgfSlcblxuICAgICAgICAgICAgICBpZiAocmVzLnN0YXR1cyA9PT0gMjAwKSB7XG4gICAgICAgICAgICAgICAgc2V0TGFzdFNhdmVkKG5ldyBEYXRlKCkuZ2V0VGltZSgpKVxuICAgICAgICAgICAgICAgIHZvaWQgZ2V0VmVyc2lvbnMoKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHNldFNhdmluZyhmYWxzZSlcbiAgICAgICAgICB9LCAxMDAwKVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgdm9pZCBhdXRvc2F2ZSgpXG4gIH0sIFtcbiAgICBpMThuLFxuICAgIGRlYm91bmNlZEZpZWxkcyxcbiAgICBtb2RpZmllZCxcbiAgICBzZXJ2ZXJVUkwsXG4gICAgYXBpLFxuICAgIGNvbGxlY3Rpb24sXG4gICAgZ2xvYmFsLFxuICAgIGlkLFxuICAgIGdldFZlcnNpb25zLFxuICAgIGxvY2FsZVJlZixcbiAgICBtb2RpZmllZFJlZixcbiAgXSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICh2ZXJzaW9ucz8uZG9jcz8uWzBdKSB7XG4gICAgICBzZXRMYXN0U2F2ZWQobmV3IERhdGUodmVyc2lvbnMuZG9jc1swXS51cGRhdGVkQXQpLmdldFRpbWUoKSlcbiAgICB9IGVsc2UgaWYgKHB1Ymxpc2hlZERvY1VwZGF0ZWRBdCkge1xuICAgICAgc2V0TGFzdFNhdmVkKG5ldyBEYXRlKHB1Ymxpc2hlZERvY1VwZGF0ZWRBdCkuZ2V0VGltZSgpKVxuICAgIH1cbiAgfSwgW3B1Ymxpc2hlZERvY1VwZGF0ZWRBdCwgdmVyc2lvbnNdKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2Jhc2VDbGFzc30+XG4gICAgICB7c2F2aW5nICYmIHQoJ3ZlcnNpb246c2F2aW5nJyl9XG4gICAgICB7IXNhdmluZyAmJiBsYXN0U2F2ZWQgJiYgKFxuICAgICAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICAge3QoJ3ZlcnNpb246bGFzdFNhdmVkQWdvJywge1xuICAgICAgICAgICAgZGlzdGFuY2U6IGZvcm1hdFRpbWVUb05vdyhsYXN0U2F2ZWQsIGkxOG4ubGFuZ3VhZ2UpLFxuICAgICAgICAgIH0pfVxuICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBBdXRvc2F2ZVxuIl0sIm5hbWVzIjpbImJhc2VDbGFzcyIsIkF1dG9zYXZlIiwiaWQiLCJjb2xsZWN0aW9uIiwiZ2xvYmFsIiwicHVibGlzaGVkRG9jVXBkYXRlZEF0Iiwicm91dGVzIiwiYWRtaW4iLCJhcGkiLCJzZXJ2ZXJVUkwiLCJ1c2VDb25maWciLCJkb2NDb25maWciLCJnZXRWZXJzaW9ucyIsInZlcnNpb25zIiwidXNlRG9jdW1lbnRJbmZvIiwidmVyc2lvbnNDb25maWciLCJmaWVsZHMiLCJ1c2VBbGxGb3JtRmllbGRzIiwibW9kaWZpZWQiLCJ1c2VGb3JtTW9kaWZpZWQiLCJjb2RlIiwibG9jYWxlIiwidXNlTG9jYWxlIiwicm91dGVyIiwidXNlUm91dGVyIiwiaTE4biIsInQiLCJ1c2VUcmFuc2xhdGlvbiIsImludGVydmFsIiwiZHJhZnRzIiwiYXV0b3NhdmUiLCJzYXZpbmciLCJzZXRTYXZpbmciLCJ1c2VTdGF0ZSIsImxhc3RTYXZlZCIsInNldExhc3RTYXZlZCIsImRlYm91bmNlZEZpZWxkcyIsInVzZURlYm91bmNlIiwiZmllbGRSZWYiLCJ1c2VSZWYiLCJtb2RpZmllZFJlZiIsImxvY2FsZVJlZiIsImN1cnJlbnQiLCJjcmVhdGVDb2xsZWN0aW9uRG9jIiwidXNlQ2FsbGJhY2siLCJyZXMiLCJmZXRjaCIsInNsdWciLCJib2R5IiwiSlNPTiIsInN0cmluZ2lmeSIsImNyZWRlbnRpYWxzIiwiaGVhZGVycyIsImxhbmd1YWdlIiwibWV0aG9kIiwic3RhdHVzIiwianNvbiIsInJlcGxhY2UiLCJkb2MiLCJ0b2FzdCIsImVycm9yIiwidXNlRWZmZWN0IiwidXJsIiwic2V0VGltZW91dCIsInJlZHVjZUZpZWxkc1RvVmFsdWVzIiwiX3N0YXR1cyIsIkRhdGUiLCJnZXRUaW1lIiwiZG9jcyIsInVwZGF0ZWRBdCIsImRpdiIsImNsYXNzTmFtZSIsIlJlYWN0IiwiRnJhZ21lbnQiLCJkaXN0YW5jZSIsImZvcm1hdFRpbWVUb05vdyJdLCJtYXBwaW5ncyI6IkFB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
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Autosave/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload/types'\n\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { useAllFormFields, useFormModified } from '../../forms/Form/context.js'\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatTimeToNow } from '../../utilities/formatDate.js'\nimport { reduceFieldsToValues } from '../../utilities/reduceFieldsToValues.js'\nimport './index.scss'\n\nconst baseClass = 'autosave'\n\nexport type Props = {\n  collection?: ClientCollectionConfig\n  global?: ClientGlobalConfig\n  id?: number | string\n  publishedDocUpdatedAt: string\n}\n\nexport const Autosave: React.FC<Props> = ({\n  id,\n  collection,\n  global: globalDoc,\n  publishedDocUpdatedAt,\n}) => {\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const { docConfig, getVersions, versions } = useDocumentInfo()\n  const versionsConfig = docConfig?.versions\n\n  const [fields] = useAllFormFields()\n  const modified = useFormModified()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  let interval = 800\n  if (versionsConfig.drafts && versionsConfig?.drafts?.autosave)\n    interval = versionsConfig.drafts.autosave.interval\n\n  const [saving, setSaving] = useState(false)\n  const [lastSaved, setLastSaved] = useState<number>()\n  const debouncedFields = useDebounce(fields, interval)\n  const fieldRef = useRef(fields)\n  const modifiedRef = useRef(modified)\n  const localeRef = useRef(locale)\n\n  // Store fields in ref so the autosave func\n  // can always retrieve the most to date copies\n  // after the timeout has executed\n  fieldRef.current = fields\n\n  // Store modified in ref so the autosave func\n  // can bail out if modified becomes false while\n  // timing out during autosave\n  modifiedRef.current = modified\n\n  // Store locale in ref so the autosave func\n  // can always retrieve the most to date locale\n  localeRef.current = locale\n\n  // When debounced fields change, autosave\n  useEffect(() => {\n    const autosave = () => {\n      if (modified) {\n        setSaving(true)\n\n        let url: string\n        let method: string\n\n        if (collection && id) {\n          url = `${serverURL}${api}/${collection.slug}/${id}?draft=true&autosave=true&locale=${localeRef.current}`\n          method = 'PATCH'\n        }\n\n        if (globalDoc) {\n          url = `${serverURL}${api}/globals/${globalDoc.slug}?draft=true&autosave=true&locale=${localeRef.current}`\n          method = 'POST'\n        }\n\n        if (url) {\n          setTimeout(async () => {\n            if (modifiedRef.current) {\n              const body = {\n                ...reduceFieldsToValues(fieldRef.current, true),\n                _status: 'draft',\n              }\n              const res = await fetch(url, {\n                body: JSON.stringify(body),\n                credentials: 'include',\n                headers: {\n                  'Accept-Language': i18n.language,\n                  'Content-Type': 'application/json',\n                },\n                method,\n              })\n\n              if (res.status === 200) {\n                setLastSaved(new Date().getTime())\n                void getVersions()\n              }\n            }\n\n            setSaving(false)\n          }, 1000)\n        }\n      }\n    }\n\n    void autosave()\n  }, [i18n, debouncedFields, modified, serverURL, api, collection, globalDoc, id, getVersions])\n\n  useEffect(() => {\n    if (versions?.docs?.[0]) {\n      setLastSaved(new Date(versions.docs[0].updatedAt).getTime())\n    } else if (publishedDocUpdatedAt) {\n      setLastSaved(new Date(publishedDocUpdatedAt).getTime())\n    }\n  }, [publishedDocUpdatedAt, versions])\n\n  return (\n    <div className={baseClass}>\n      {saving && t('general:saving')}\n      {!saving && lastSaved && (\n        <React.Fragment>\n          {t('version:lastSavedAgo', {\n            distance: formatTimeToNow({ date: lastSaved, i18n }),\n          })}\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n"],"names":["React","useEffect","useRef","useState","useAllFormFields","useFormModified","useDebounce","useConfig","useDocumentInfo","useLocale","useTranslation","formatTimeToNow","reduceFieldsToValues","baseClass","Autosave","id","collection","global","globalDoc","publishedDocUpdatedAt","routes","api","serverURL","docConfig","getVersions","versions","versionsConfig","fields","modified","code","locale","i18n","t","interval","drafts","autosave","saving","setSaving","lastSaved","setLastSaved","debouncedFields","fieldRef","modifiedRef","localeRef","current","url","method","slug","setTimeout","body","_status","res","fetch","JSON","stringify","credentials","headers","language","status","Date","getTime","docs","updatedAt","div","className","Fragment","distance","date"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1,6 +1,22 @@
+import type { MouseEvent } from 'react';
 import React from 'react';
-import type { Props } from './types';
 import './index.scss';
+type onClick = (event: MouseEvent) => void;
+export type Props = {
+    alignIcon?: 'left' | 'right';
+    children?: React.ReactNode;
+    className?: string;
+    icon?: React.ReactNode;
+    onClick?: onClick;
+    to?: string;
+    type?: 'default' | 'error' | 'info' | 'success';
+};
+export type RenderedTypeProps = {
+    children?: React.ReactNode;
+    className?: string;
+    onClick?: onClick;
+    to: string;
+};
 export declare const Banner: React.FC<Props>;
-export default Banner;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Banner/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAqB,MAAM,SAAS,CAAA;AAEvD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiClC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Banner/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAMrB,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;AAE1C,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;CAChD,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,EAAE,MAAM,CAAA;CACX,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiClC,CAAA"}

package/dist/elements/Banner/index.js

@@ -1,32 +1,8 @@
-"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, {
-    Banner: function() {
-        return Banner;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _link = /*#__PURE__*/ _interop_require_default(require("next/link"));
-const _react = /*#__PURE__*/ _interop_require_default(require("react" // TODO: abstract this out to support all routers
-));
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import LinkImport from 'next/link.js'; // TODO: abstract this out to support all routers
+import React from 'react';
+const Link = LinkImport.default || LinkImport;
 const baseClass = 'banner';
-const Banner = ({ alignIcon = 'right', children, className, icon, onClick, to, type = 'default' })=>{
+export const Banner = ({ type = 'default', alignIcon = 'right', children, className, icon, onClick, to })=>{
     const classes = [
         baseClass,
         `${baseClass}--type-${type}`,
@@ -38,15 +14,14 @@ const Banner = ({ alignIcon = 'right', children, className, icon, onClick, to, t
     ].filter(Boolean).join(' ');
     let RenderedType = 'div';
     if (onClick && !to) RenderedType = 'button';
-    if (to) RenderedType = _link.default;
-    return /*#__PURE__*/ _react.default.createElement(RenderedType, {
+    if (to) RenderedType = Link;
+    return /*#__PURE__*/ React.createElement(RenderedType, {
         className: classes,
         href: to || '',
         onClick: onClick
-    }, icon && alignIcon === 'left' && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, icon), /*#__PURE__*/ _react.default.createElement("span", {
+    }, icon && alignIcon === 'left' && /*#__PURE__*/ React.createElement(React.Fragment, null, icon), /*#__PURE__*/ React.createElement("span", {
         className: `${baseClass}__content`
-    }, children), icon && alignIcon === 'right' && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, icon));
+    }, children), icon && alignIcon === 'right' && /*#__PURE__*/ React.createElement(React.Fragment, null, icon));
 };
-const _default = Banner;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9CYW5uZXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBMaW5rIGZyb20gJ25leHQvbGluaydcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCcgLy8gVE9ETzogYWJzdHJhY3QgdGhpcyBvdXQgdG8gc3VwcG9ydCBhbGwgcm91dGVyc1xuXG5pbXBvcnQgdHlwZSB7IFByb3BzLCBSZW5kZXJlZFR5cGVQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAnYmFubmVyJ1xuXG5leHBvcnQgY29uc3QgQmFubmVyOiBSZWFjdC5GQzxQcm9wcz4gPSAoe1xuICBhbGlnbkljb24gPSAncmlnaHQnLFxuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICBpY29uLFxuICBvbkNsaWNrLFxuICB0byxcbiAgdHlwZSA9ICdkZWZhdWx0Jyxcbn0pID0+IHtcbiAgY29uc3QgY2xhc3NlcyA9IFtcbiAgICBiYXNlQ2xhc3MsXG4gICAgYCR7YmFzZUNsYXNzfS0tdHlwZS0ke3R5cGV9YCxcbiAgICBjbGFzc05hbWUgJiYgY2xhc3NOYW1lLFxuICAgIHRvICYmIGAke2Jhc2VDbGFzc30tLWhhcy1saW5rYCxcbiAgICAodG8gfHwgb25DbGljaykgJiYgYCR7YmFzZUNsYXNzfS0taGFzLWFjdGlvbmAsXG4gICAgaWNvbiAmJiBgJHtiYXNlQ2xhc3N9LS1oYXMtaWNvbmAsXG4gICAgaWNvbiAmJiBgJHtiYXNlQ2xhc3N9LS1hbGlnbi1pY29uLSR7YWxpZ25JY29ufWAsXG4gIF1cbiAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgLmpvaW4oJyAnKVxuXG4gIGxldCBSZW5kZXJlZFR5cGU6IFJlYWN0LkNvbXBvbmVudFR5cGU8UmVuZGVyZWRUeXBlUHJvcHM+IHwgUmVhY3QuRWxlbWVudFR5cGUgPSAnZGl2J1xuXG4gIGlmIChvbkNsaWNrICYmICF0bykgUmVuZGVyZWRUeXBlID0gJ2J1dHRvbidcbiAgaWYgKHRvKSBSZW5kZXJlZFR5cGUgPSBMaW5rXG5cbiAgcmV0dXJuIChcbiAgICA8UmVuZGVyZWRUeXBlIGNsYXNzTmFtZT17Y2xhc3Nlc30gaHJlZj17dG8gfHwgJyd9IG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgICAge2ljb24gJiYgYWxpZ25JY29uID09PSAnbGVmdCcgJiYgPFJlYWN0LkZyYWdtZW50PntpY29ufTwvUmVhY3QuRnJhZ21lbnQ+fVxuICAgICAgPHNwYW4gY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19jb250ZW50YH0+e2NoaWxkcmVufTwvc3Bhbj5cbiAgICAgIHtpY29uICYmIGFsaWduSWNvbiA9PT0gJ3JpZ2h0JyAmJiA8UmVhY3QuRnJhZ21lbnQ+e2ljb259PC9SZWFjdC5GcmFnbWVudD59XG4gICAgPC9SZW5kZXJlZFR5cGU+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQmFubmVyXG4iXSwibmFtZXMiOlsiQmFubmVyIiwiYmFzZUNsYXNzIiwiYWxpZ25JY29uIiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJpY29uIiwib25DbGljayIsInRvIiwidHlwZSIsImNsYXNzZXMiLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiIsIlJlbmRlcmVkVHlwZSIsIkxpbmsiLCJocmVmIiwiUmVhY3QiLCJGcmFnbWVudCIsInNwYW4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0lBU2FBLE1BQU07ZUFBTkE7O0lBbUNiLE9BQXFCO2VBQXJCOzs7NkRBNUNpQjs4REFDQyxRQUFRLGlEQUFpRDs7UUFJcEU7Ozs7OztBQUVQLE1BQU1DLFlBQVk7QUFFWCxNQUFNRCxTQUEwQixDQUFDLEVBQ3RDRSxZQUFZLE9BQU8sRUFDbkJDLFFBQVEsRUFDUkMsU0FBUyxFQUNUQyxJQUFJLEVBQ0pDLE9BQU8sRUFDUEMsRUFBRSxFQUNGQyxPQUFPLFNBQVMsRUFDakI7SUFDQyxNQUFNQyxVQUFVO1FBQ2RSO1FBQ0EsQ0FBQyxFQUFFQSxVQUFVLE9BQU8sRUFBRU8sS0FBSyxDQUFDO1FBQzVCSixhQUFhQTtRQUNiRyxNQUFNLENBQUMsRUFBRU4sVUFBVSxVQUFVLENBQUM7UUFDN0JNLENBQUFBLE1BQU1ELE9BQU0sS0FBTSxDQUFDLEVBQUVMLFVBQVUsWUFBWSxDQUFDO1FBQzdDSSxRQUFRLENBQUMsRUFBRUosVUFBVSxVQUFVLENBQUM7UUFDaENJLFFBQVEsQ0FBQyxFQUFFSixVQUFVLGFBQWEsRUFBRUMsVUFBVSxDQUFDO0tBQ2hELENBQ0VRLE1BQU0sQ0FBQ0MsU0FDUEMsSUFBSSxDQUFDO0lBRVIsSUFBSUMsZUFBMkU7SUFFL0UsSUFBSVAsV0FBVyxDQUFDQyxJQUFJTSxlQUFlO0lBQ25DLElBQUlOLElBQUlNLGVBQWVDLGFBQUk7SUFFM0IscUJBQ0UsNkJBQUNEO1FBQWFULFdBQVdLO1FBQVNNLE1BQU1SLE1BQU07UUFBSUQsU0FBU0E7T0FDeERELFFBQVFILGNBQWMsd0JBQVUsNkJBQUNjLGNBQUssQ0FBQ0MsUUFBUSxRQUFFWixxQkFDbEQsNkJBQUNhO1FBQUtkLFdBQVcsQ0FBQyxFQUFFSCxVQUFVLFNBQVMsQ0FBQztPQUFHRSxXQUMxQ0UsUUFBUUgsY0FBYyx5QkFBVyw2QkFBQ2MsY0FBSyxDQUFDQyxRQUFRLFFBQUVaO0FBR3pEO01BRUEsV0FBZUwifQ==
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Banner/index.tsx"],"sourcesContent":["import LinkImport from 'next/link.js' // TODO: abstract this out to support all routers\nimport type { MouseEvent } from 'react'\n\nimport React from 'react'\n\nimport './index.scss'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nconst baseClass = 'banner'\n\ntype onClick = (event: MouseEvent) => void\n\nexport type Props = {\n  alignIcon?: 'left' | 'right'\n  children?: React.ReactNode\n  className?: string\n  icon?: React.ReactNode\n  onClick?: onClick\n  to?: string\n  type?: 'default' | 'error' | 'info' | 'success'\n}\n\nexport type RenderedTypeProps = {\n  children?: React.ReactNode\n  className?: string\n  onClick?: onClick\n  to: string\n}\n\nexport const Banner: React.FC<Props> = ({\n  type = 'default',\n  alignIcon = 'right',\n  children,\n  className,\n  icon,\n  onClick,\n  to,\n}) => {\n  const classes = [\n    baseClass,\n    `${baseClass}--type-${type}`,\n    className && className,\n    to && `${baseClass}--has-link`,\n    (to || onClick) && `${baseClass}--has-action`,\n    icon && `${baseClass}--has-icon`,\n    icon && `${baseClass}--align-icon-${alignIcon}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let RenderedType: React.ComponentType<RenderedTypeProps> | React.ElementType = 'div'\n\n  if (onClick && !to) RenderedType = 'button'\n  if (to) RenderedType = Link\n\n  return (\n    <RenderedType className={classes} href={to || ''} onClick={onClick}>\n      {icon && alignIcon === 'left' && <React.Fragment>{icon}</React.Fragment>}\n      <span className={`${baseClass}__content`}>{children}</span>\n      {icon && alignIcon === 'right' && <React.Fragment>{icon}</React.Fragment>}\n    </RenderedType>\n  )\n}\n"],"names":["LinkImport","React","Link","default","baseClass","Banner","type","alignIcon","children","className","icon","onClick","to","classes","filter","Boolean","join","RenderedType","href","Fragment","span"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,gBAAgB,eAAc,CAAC,iDAAiD;AAGvF,OAAOC,WAAW,QAAO;AAIzB,MAAMC,OAAQF,WAAWG,OAAO,IAAIH;AAEpC,MAAMI,YAAY;AAqBlB,OAAO,MAAMC,SAA0B,CAAC,EACtCC,OAAO,SAAS,EAChBC,YAAY,OAAO,EACnBC,QAAQ,EACRC,SAAS,EACTC,IAAI,EACJC,OAAO,EACPC,EAAE,EACH;IACC,MAAMC,UAAU;QACdT;QACA,CAAC,EAAEA,UAAU,OAAO,EAAEE,KAAK,CAAC;QAC5BG,aAAaA;QACbG,MAAM,CAAC,EAAER,UAAU,UAAU,CAAC;QAC7BQ,CAAAA,MAAMD,OAAM,KAAM,CAAC,EAAEP,UAAU,YAAY,CAAC;QAC7CM,QAAQ,CAAC,EAAEN,UAAU,UAAU,CAAC;QAChCM,QAAQ,CAAC,EAAEN,UAAU,aAAa,EAAEG,UAAU,CAAC;KAChD,CACEO,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIC,eAA2E;IAE/E,IAAIN,WAAW,CAACC,IAAIK,eAAe;IACnC,IAAIL,IAAIK,eAAef;IAEvB,qBACE,oBAACe;QAAaR,WAAWI;QAASK,MAAMN,MAAM;QAAID,SAASA;OACxDD,QAAQH,cAAc,wBAAU,oBAACN,MAAMkB,QAAQ,QAAET,qBAClD,oBAACU;QAAKX,WAAW,CAAC,EAAEL,UAAU,SAAS,CAAC;OAAGI,WAC1CE,QAAQH,cAAc,yBAAW,oBAACN,MAAMkB,QAAQ,QAAET;AAGzD,EAAC"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Props } from './types';
+import type { Props } from './types.js';
 import './index.scss';
 export declare const ButtonContents: ({ children, icon, showTooltip, tooltip }: {
     children: any;

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,SAAS,CAAA;AASpC,OAAO,cAAc,CAAA;AAarB,eAAO,MAAM,cAAc;;;;;uBAqB1B,CAAA;AAED,eAAO,MAAM,MAAM,qGAgGjB,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;AASvC,OAAO,cAAc,CAAA;AAarB,eAAO,MAAM,cAAc;;;;;uBAqB1B,CAAA;AAED,eAAO,MAAM,MAAM,qGAgGjB,CAAA"}

package/dist/elements/Button/index.js

@@ -1,97 +1,37 @@
 '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, {
-    Button: function() {
-        return Button;
-    },
-    ButtonContents: function() {
-        return ButtonContents;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _Chevron = require("../../icons/Chevron");
-const _Edit = require("../../icons/Edit");
-const _Link = require("../../icons/Link");
-const _Plus = require("../../icons/Plus");
-const _Swap = require("../../icons/Swap");
-const _X = require("../../icons/X");
-const _Tooltip = require("../Tooltip");
-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 React, { Fragment, forwardRef, isValidElement } from 'react';
+import { Chevron } from '../../icons/Chevron/index.js';
+import { Edit } from '../../icons/Edit/index.js';
+import { LinkIcon } from '../../icons/Link/index.js';
+import { Plus } from '../../icons/Plus/index.js';
+import { Swap } from '../../icons/Swap/index.js';
+import { X } from '../../icons/X/index.js';
+import { Tooltip } from '../Tooltip/index.js';
 const icons = {
-    chevron: _Chevron.Chevron,
-    edit: _Edit.Edit,
-    link: _Link.LinkIcon,
-    plus: _Plus.Plus,
-    swap: _Swap.Swap,
-    x: _X.X
+    chevron: Chevron,
+    edit: Edit,
+    link: LinkIcon,
+    plus: Plus,
+    swap: Swap,
+    x: X
 };
 const baseClass = 'btn';
-const ButtonContents = ({ children, icon, showTooltip, tooltip })=>{
+export const ButtonContents = ({ children, icon, showTooltip, tooltip })=>{
     const BuiltInIcon = icons[icon];
-    return /*#__PURE__*/ _react.default.createElement(_react.Fragment, null, tooltip && /*#__PURE__*/ _react.default.createElement(_Tooltip.Tooltip, {
+    return /*#__PURE__*/ React.createElement(Fragment, null, tooltip && /*#__PURE__*/ React.createElement(Tooltip, {
         className: `${baseClass}__tooltip`,
         show: showTooltip
-    }, tooltip), /*#__PURE__*/ _react.default.createElement("span", {
+    }, tooltip), /*#__PURE__*/ React.createElement("span", {
         className: `${baseClass}__content`
-    }, children && /*#__PURE__*/ _react.default.createElement("span", {
+    }, children && /*#__PURE__*/ React.createElement("span", {
         className: `${baseClass}__label`
-    }, children), icon && /*#__PURE__*/ _react.default.createElement("span", {
+    }, children), icon && /*#__PURE__*/ React.createElement("span", {
         className: `${baseClass}__icon`
-    }, /*#__PURE__*/ (0, _react.isValidElement)(icon) && icon, BuiltInIcon && /*#__PURE__*/ _react.default.createElement(BuiltInIcon, null))));
+    }, /*#__PURE__*/ isValidElement(icon) && icon, BuiltInIcon && /*#__PURE__*/ React.createElement(BuiltInIcon, null))));
 };
-const Button = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
-    const { id, Link, 'aria-label': ariaLabel, buttonStyle = 'primary', children, className, disabled, el = 'button', icon, iconPosition = 'right', iconStyle = 'without-border', newTab, onClick, round, size = 'medium', to, tooltip, type = 'button', url } = props;
-    const [showTooltip, setShowTooltip] = _react.default.useState(false);
+export const Button = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { id, type = 'button', Link, 'aria-label': ariaLabel, buttonStyle = 'primary', children, className, disabled, el = 'button', icon, iconPosition = 'right', iconStyle = 'without-border', newTab, onClick, round, size = 'medium', to, tooltip, url } = props;
+    const [showTooltip, setShowTooltip] = React.useState(false);
     const classes = [
         baseClass,
         className && className,
@@ -112,6 +52,7 @@ const Button = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
     }
     const buttonProps = {
         id,
+        type,
         'aria-disabled': disabled,
         'aria-label': ariaLabel,
         className: classes,
@@ -120,30 +61,29 @@ const Button = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
         onMouseEnter: tooltip ? ()=>setShowTooltip(true) : undefined,
         onMouseLeave: tooltip ? ()=>setShowTooltip(false) : undefined,
         rel: newTab ? 'noopener noreferrer' : undefined,
-        target: newTab ? '_blank' : undefined,
-        type
+        target: newTab ? '_blank' : undefined
     };
     switch(el){
         case 'link':
             if (!Link) {
-                console.error('Link is required when using el="link"');
+                console.error('Link is required when using el="link"', children);
                 return null;
             }
-            return /*#__PURE__*/ _react.default.createElement(Link, {
+            return /*#__PURE__*/ React.createElement(Link, {
                 ...buttonProps,
                 href: to || url,
                 to: to || url
-            }, /*#__PURE__*/ _react.default.createElement(ButtonContents, {
+            }, /*#__PURE__*/ React.createElement(ButtonContents, {
                 icon: icon,
                 showTooltip: showTooltip,
                 tooltip: tooltip
             }, children));
         case 'anchor':
-            return /*#__PURE__*/ _react.default.createElement("a", {
+            return /*#__PURE__*/ React.createElement("a", {
                 ...buttonProps,
                 href: url,
                 ref: ref
-            }, /*#__PURE__*/ _react.default.createElement(ButtonContents, {
+            }, /*#__PURE__*/ React.createElement(ButtonContents, {
                 icon: icon,
                 showTooltip: showTooltip,
                 tooltip: tooltip
@@ -151,11 +91,11 @@ const Button = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
         default:
             const Tag = el // eslint-disable-line no-case-declarations
             ;
-            return /*#__PURE__*/ _react.default.createElement(Tag, {
+            return /*#__PURE__*/ React.createElement(Tag, {
                 ref: ref,
                 type: "submit",
                 ...buttonProps
-            }, /*#__PURE__*/ _react.default.createElement(ButtonContents, {
+            }, /*#__PURE__*/ React.createElement(ButtonContents, {
                 icon: icon,
                 showTooltip: showTooltip,
                 tooltip: tooltip
@@ -163,4 +103,4 @@ const Button = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
     }
 });
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9CdXR0b24vaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50LCBmb3J3YXJkUmVmLCBpc1ZhbGlkRWxlbWVudCB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgdHlwZSB7IFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuaW1wb3J0IHsgQ2hldnJvbiB9IGZyb20gJy4uLy4uL2ljb25zL0NoZXZyb24nXG5pbXBvcnQgeyBFZGl0IH0gZnJvbSAnLi4vLi4vaWNvbnMvRWRpdCdcbmltcG9ydCB7IExpbmtJY29uIH0gZnJvbSAnLi4vLi4vaWNvbnMvTGluaydcbmltcG9ydCB7IFBsdXMgfSBmcm9tICcuLi8uLi9pY29ucy9QbHVzJ1xuaW1wb3J0IHsgU3dhcCB9IGZyb20gJy4uLy4uL2ljb25zL1N3YXAnXG5pbXBvcnQgeyBYIH0gZnJvbSAnLi4vLi4vaWNvbnMvWCdcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuLi9Ub29sdGlwJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGljb25zID0ge1xuICBjaGV2cm9uOiBDaGV2cm9uLFxuICBlZGl0OiBFZGl0LFxuICBsaW5rOiBMaW5rSWNvbixcbiAgcGx1czogUGx1cyxcbiAgc3dhcDogU3dhcCxcbiAgeDogWCxcbn1cblxuY29uc3QgYmFzZUNsYXNzID0gJ2J0bidcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbkNvbnRlbnRzID0gKHsgY2hpbGRyZW4sIGljb24sIHNob3dUb29sdGlwLCB0b29sdGlwIH0pID0+IHtcbiAgY29uc3QgQnVpbHRJbkljb24gPSBpY29uc1tpY29uXVxuXG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAge3Rvb2x0aXAgJiYgKFxuICAgICAgICA8VG9vbHRpcCBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3Rvb2x0aXBgfSBzaG93PXtzaG93VG9vbHRpcH0+XG4gICAgICAgICAge3Rvb2x0aXB9XG4gICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICl9XG4gICAgICA8c3BhbiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2NvbnRlbnRgfT5cbiAgICAgICAge2NoaWxkcmVuICYmIDxzcGFuIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbGFiZWxgfT57Y2hpbGRyZW59PC9zcGFuPn1cbiAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9faWNvbmB9PlxuICAgICAgICAgICAge2lzVmFsaWRFbGVtZW50KGljb24pICYmIGljb259XG4gICAgICAgICAgICB7QnVpbHRJbkljb24gJiYgPEJ1aWx0SW5JY29uIC8+fVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgKX1cbiAgICAgIDwvc3Bhbj5cbiAgICA8L0ZyYWdtZW50PlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBCdXR0b24gPSBmb3J3YXJkUmVmPEhUTUxBbmNob3JFbGVtZW50IHwgSFRNTEJ1dHRvbkVsZW1lbnQsIFByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgaWQsXG4gICAgTGluayxcbiAgICAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbCxcbiAgICBidXR0b25TdHlsZSA9ICdwcmltYXJ5JyxcbiAgICBjaGlsZHJlbixcbiAgICBjbGFzc05hbWUsXG4gICAgZGlzYWJsZWQsXG4gICAgZWwgPSAnYnV0dG9uJyxcbiAgICBpY29uLFxuICAgIGljb25Qb3NpdGlvbiA9ICdyaWdodCcsXG4gICAgaWNvblN0eWxlID0gJ3dpdGhvdXQtYm9yZGVyJyxcbiAgICBuZXdUYWIsXG4gICAgb25DbGljayxcbiAgICByb3VuZCxcbiAgICBzaXplID0gJ21lZGl1bScsXG4gICAgdG8sXG4gICAgdG9vbHRpcCxcbiAgICB0eXBlID0gJ2J1dHRvbicsXG4gICAgdXJsLFxuICB9ID0gcHJvcHNcblxuICBjb25zdCBbc2hvd1Rvb2x0aXAsIHNldFNob3dUb29sdGlwXSA9IFJlYWN0LnVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IGNsYXNzZXMgPSBbXG4gICAgYmFzZUNsYXNzLFxuICAgIGNsYXNzTmFtZSAmJiBjbGFzc05hbWUsXG4gICAgYnV0dG9uU3R5bGUgJiYgYCR7YmFzZUNsYXNzfS0tc3R5bGUtJHtidXR0b25TdHlsZX1gLFxuICAgIGljb24gJiYgYCR7YmFzZUNsYXNzfS0taWNvbmAsXG4gICAgaWNvblN0eWxlICYmIGAke2Jhc2VDbGFzc30tLWljb24tc3R5bGUtJHtpY29uU3R5bGV9YCxcbiAgICBpY29uICYmICFjaGlsZHJlbiAmJiBgJHtiYXNlQ2xhc3N9LS1pY29uLW9ubHlgLFxuICAgIGRpc2FibGVkICYmIGAke2Jhc2VDbGFzc30tLWRpc2FibGVkYCxcbiAgICByb3VuZCAmJiBgJHtiYXNlQ2xhc3N9LS1yb3VuZGAsXG4gICAgc2l6ZSAmJiBgJHtiYXNlQ2xhc3N9LS1zaXplLSR7c2l6ZX1gLFxuICAgIGljb25Qb3NpdGlvbiAmJiBgJHtiYXNlQ2xhc3N9LS1pY29uLXBvc2l0aW9uLSR7aWNvblBvc2l0aW9ufWAsXG4gICAgdG9vbHRpcCAmJiBgJHtiYXNlQ2xhc3N9LS1oYXMtdG9vbHRpcGAsXG4gIF1cbiAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgLmpvaW4oJyAnKVxuXG4gIGZ1bmN0aW9uIGhhbmRsZUNsaWNrKGV2ZW50KSB7XG4gICAgc2V0U2hvd1Rvb2x0aXAoZmFsc2UpXG4gICAgaWYgKHR5cGUgIT09ICdzdWJtaXQnICYmIG9uQ2xpY2spIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICBpZiAob25DbGljaykgb25DbGljayhldmVudClcbiAgfVxuXG4gIGNvbnN0IGJ1dHRvblByb3BzID0ge1xuICAgIGlkLFxuICAgICdhcmlhLWRpc2FibGVkJzogZGlzYWJsZWQsXG4gICAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gICAgY2xhc3NOYW1lOiBjbGFzc2VzLFxuICAgIGRpc2FibGVkLFxuICAgIG9uQ2xpY2s6ICFkaXNhYmxlZCA/IGhhbmRsZUNsaWNrIDogdW5kZWZpbmVkLFxuICAgIG9uTW91c2VFbnRlcjogdG9vbHRpcCA/ICgpID0+IHNldFNob3dUb29sdGlwKHRydWUpIDogdW5kZWZpbmVkLFxuICAgIG9uTW91c2VMZWF2ZTogdG9vbHRpcCA/ICgpID0+IHNldFNob3dUb29sdGlwKGZhbHNlKSA6IHVuZGVmaW5lZCxcbiAgICByZWw6IG5ld1RhYiA/ICdub29wZW5lciBub3JlZmVycmVyJyA6IHVuZGVmaW5lZCxcbiAgICB0YXJnZXQ6IG5ld1RhYiA/ICdfYmxhbmsnIDogdW5kZWZpbmVkLFxuICAgIHR5cGUsXG4gIH1cblxuICBzd2l0Y2ggKGVsKSB7XG4gICAgY2FzZSAnbGluayc6XG4gICAgICBpZiAoIUxpbmspIHtcbiAgICAgICAgY29uc29sZS5lcnJvcignTGluayBpcyByZXF1aXJlZCB3aGVuIHVzaW5nIGVsPVwibGlua1wiJylcbiAgICAgICAgcmV0dXJuIG51bGxcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPExpbmsgey4uLmJ1dHRvblByb3BzfSBocmVmPXt0byB8fCB1cmx9IHRvPXt0byB8fCB1cmx9PlxuICAgICAgICAgIDxCdXR0b25Db250ZW50cyBpY29uPXtpY29ufSBzaG93VG9vbHRpcD17c2hvd1Rvb2x0aXB9IHRvb2x0aXA9e3Rvb2x0aXB9PlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvQnV0dG9uQ29udGVudHM+XG4gICAgICAgIDwvTGluaz5cbiAgICAgIClcblxuICAgIGNhc2UgJ2FuY2hvcic6XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8YSB7Li4uYnV0dG9uUHJvcHN9IGhyZWY9e3VybH0gcmVmPXtyZWYgYXMgUmVhY3QuTGVnYWN5UmVmPEhUTUxBbmNob3JFbGVtZW50Pn0+XG4gICAgICAgICAgPEJ1dHRvbkNvbnRlbnRzIGljb249e2ljb259IHNob3dUb29sdGlwPXtzaG93VG9vbHRpcH0gdG9vbHRpcD17dG9vbHRpcH0+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9CdXR0b25Db250ZW50cz5cbiAgICAgICAgPC9hPlxuICAgICAgKVxuXG4gICAgZGVmYXVsdDpcbiAgICAgIGNvbnN0IFRhZyA9IGVsIC8vIGVzbGludC1kaXNhYmxlLWxpbmUgbm8tY2FzZS1kZWNsYXJhdGlvbnNcblxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFRhZyByZWY9e3JlZn0gdHlwZT1cInN1Ym1pdFwiIHsuLi5idXR0b25Qcm9wc30+XG4gICAgICAgICAgPEJ1dHRvbkNvbnRlbnRzIGljb249e2ljb259IHNob3dUb29sdGlwPXtzaG93VG9vbHRpcH0gdG9vbHRpcD17dG9vbHRpcH0+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9CdXR0b25Db250ZW50cz5cbiAgICAgICAgPC9UYWc+XG4gICAgICApXG4gIH1cbn0pXG4iXSwibmFtZXMiOlsiQnV0dG9uIiwiQnV0dG9uQ29udGVudHMiLCJpY29ucyIsImNoZXZyb24iLCJDaGV2cm9uIiwiZWRpdCIsIkVkaXQiLCJsaW5rIiwiTGlua0ljb24iLCJwbHVzIiwiUGx1cyIsInN3YXAiLCJTd2FwIiwieCIsIlgiLCJiYXNlQ2xhc3MiLCJjaGlsZHJlbiIsImljb24iLCJzaG93VG9vbHRpcCIsInRvb2x0aXAiLCJCdWlsdEluSWNvbiIsIkZyYWdtZW50IiwiVG9vbHRpcCIsImNsYXNzTmFtZSIsInNob3ciLCJzcGFuIiwiaXNWYWxpZEVsZW1lbnQiLCJmb3J3YXJkUmVmIiwicHJvcHMiLCJyZWYiLCJpZCIsIkxpbmsiLCJhcmlhTGFiZWwiLCJidXR0b25TdHlsZSIsImRpc2FibGVkIiwiZWwiLCJpY29uUG9zaXRpb24iLCJpY29uU3R5bGUiLCJuZXdUYWIiLCJvbkNsaWNrIiwicm91bmQiLCJzaXplIiwidG8iLCJ0eXBlIiwidXJsIiwic2V0U2hvd1Rvb2x0aXAiLCJSZWFjdCIsInVzZVN0YXRlIiwiY2xhc3NlcyIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwiaGFuZGxlQ2xpY2siLCJldmVudCIsInByZXZlbnREZWZhdWx0IiwiYnV0dG9uUHJvcHMiLCJ1bmRlZmluZWQiLCJvbk1vdXNlRW50ZXIiLCJvbk1vdXNlTGVhdmUiLCJyZWwiLCJ0YXJnZXQiLCJjb25zb2xlIiwiZXJyb3IiLCJocmVmIiwiYSIsIlRhZyJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7OztJQWdEYUEsTUFBTTtlQUFOQTs7SUF2QkFDLGNBQWM7ZUFBZEE7OzsrREF4QitDO3lCQUlwQztzQkFDSDtzQkFDSTtzQkFDSjtzQkFDQTttQkFDSDt5QkFDTTtRQUNqQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRVAsTUFBTUMsUUFBUTtJQUNaQyxTQUFTQyxnQkFBTztJQUNoQkMsTUFBTUMsVUFBSTtJQUNWQyxNQUFNQyxjQUFRO0lBQ2RDLE1BQU1DLFVBQUk7SUFDVkMsTUFBTUMsVUFBSTtJQUNWQyxHQUFHQyxJQUFDO0FBQ047QUFFQSxNQUFNQyxZQUFZO0FBRVgsTUFBTWQsaUJBQWlCLENBQUMsRUFBRWUsUUFBUSxFQUFFQyxJQUFJLEVBQUVDLFdBQVcsRUFBRUMsT0FBTyxFQUFFO0lBQ3JFLE1BQU1DLGNBQWNsQixLQUFLLENBQUNlLEtBQUs7SUFFL0IscUJBQ0UsNkJBQUNJLGVBQVEsUUFDTkYseUJBQ0MsNkJBQUNHLGdCQUFPO1FBQUNDLFdBQVcsQ0FBQyxFQUFFUixVQUFVLFNBQVMsQ0FBQztRQUFFUyxNQUFNTjtPQUNoREMsd0JBR0wsNkJBQUNNO1FBQUtGLFdBQVcsQ0FBQyxFQUFFUixVQUFVLFNBQVMsQ0FBQztPQUNyQ0MsMEJBQVksNkJBQUNTO1FBQUtGLFdBQVcsQ0FBQyxFQUFFUixVQUFVLE9BQU8sQ0FBQztPQUFHQyxXQUNyREMsc0JBQ0MsNkJBQUNRO1FBQUtGLFdBQVcsQ0FBQyxFQUFFUixVQUFVLE1BQU0sQ0FBQztxQkFDbENXLElBQUFBLHFCQUFjLEVBQUNULFNBQVNBLE1BQ3hCRyw2QkFBZSw2QkFBQ0E7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
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Button/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment, forwardRef, isValidElement } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { Edit } from '../../icons/Edit/index.js'\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { Plus } from '../../icons/Plus/index.js'\nimport { Swap } from '../../icons/Swap/index.js'\nimport { X } from '../../icons/X/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\n\nconst icons = {\n  chevron: Chevron,\n  edit: Edit,\n  link: LinkIcon,\n  plus: Plus,\n  swap: Swap,\n  x: X,\n}\n\nconst baseClass = 'btn'\n\nexport const ButtonContents = ({ children, icon, showTooltip, tooltip }) => {\n  const BuiltInIcon = icons[icon]\n\n  return (\n    <Fragment>\n      {tooltip && (\n        <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n          {tooltip}\n        </Tooltip>\n      )}\n      <span className={`${baseClass}__content`}>\n        {children && <span className={`${baseClass}__label`}>{children}</span>}\n        {icon && (\n          <span className={`${baseClass}__icon`}>\n            {isValidElement(icon) && icon}\n            {BuiltInIcon && <BuiltInIcon />}\n          </span>\n        )}\n      </span>\n    </Fragment>\n  )\n}\n\nexport const Button = forwardRef<HTMLAnchorElement | HTMLButtonElement, Props>((props, ref) => {\n  const {\n    id,\n    type = 'button',\n    Link,\n    'aria-label': ariaLabel,\n    buttonStyle = 'primary',\n    children,\n    className,\n    disabled,\n    el = 'button',\n    icon,\n    iconPosition = 'right',\n    iconStyle = 'without-border',\n    newTab,\n    onClick,\n    round,\n    size = 'medium',\n    to,\n    tooltip,\n    url,\n  } = props\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n\n  const classes = [\n    baseClass,\n    className && className,\n    buttonStyle && `${baseClass}--style-${buttonStyle}`,\n    icon && `${baseClass}--icon`,\n    iconStyle && `${baseClass}--icon-style-${iconStyle}`,\n    icon && !children && `${baseClass}--icon-only`,\n    disabled && `${baseClass}--disabled`,\n    round && `${baseClass}--round`,\n    size && `${baseClass}--size-${size}`,\n    iconPosition && `${baseClass}--icon-position-${iconPosition}`,\n    tooltip && `${baseClass}--has-tooltip`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  function handleClick(event) {\n    setShowTooltip(false)\n    if (type !== 'submit' && onClick) event.preventDefault()\n    if (onClick) onClick(event)\n  }\n\n  const buttonProps = {\n    id,\n    type,\n    'aria-disabled': disabled,\n    'aria-label': ariaLabel,\n    className: classes,\n    disabled,\n    onClick: !disabled ? handleClick : undefined,\n    onMouseEnter: tooltip ? () => setShowTooltip(true) : undefined,\n    onMouseLeave: tooltip ? () => setShowTooltip(false) : undefined,\n    rel: newTab ? 'noopener noreferrer' : undefined,\n    target: newTab ? '_blank' : undefined,\n  }\n\n  switch (el) {\n    case 'link':\n      if (!Link) {\n        console.error('Link is required when using el=\"link\"', children)\n        return null\n      }\n\n      return (\n        <Link {...buttonProps} href={to || url} to={to || url}>\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </Link>\n      )\n\n    case 'anchor':\n      return (\n        <a {...buttonProps} href={url} ref={ref as React.LegacyRef<HTMLAnchorElement>}>\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </a>\n      )\n\n    default:\n      const Tag = el // eslint-disable-line no-case-declarations\n\n      return (\n        <Tag ref={ref} type=\"submit\" {...buttonProps}>\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </Tag>\n      )\n  }\n})\n"],"names":["React","Fragment","forwardRef","isValidElement","Chevron","Edit","LinkIcon","Plus","Swap","X","Tooltip","icons","chevron","edit","link","plus","swap","x","baseClass","ButtonContents","children","icon","showTooltip","tooltip","BuiltInIcon","className","show","span","Button","props","ref","id","type","Link","ariaLabel","buttonStyle","disabled","el","iconPosition","iconStyle","newTab","onClick","round","size","to","url","setShowTooltip","useState","classes","filter","Boolean","join","handleClick","event","preventDefault","buttonProps","undefined","onMouseEnter","onMouseLeave","rel","target","console","error","href","a","Tag"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/elements/Button/types.d.ts

@@ -1,8 +1,7 @@
 import type { ElementType, MouseEvent } from 'react';
 import type React from 'react';
-import type { LinkType } from '../../exports/types';
 export type Props = {
-    Link?: LinkType;
+    Link?: React.ElementType;
     'aria-label'?: string;
     buttonId?: string;
     buttonStyle?: 'error' | 'icon-label' | 'none' | 'primary' | 'secondary' | 'transparent';