payload 1.6.4-beta.0 → 1.6.4

package/dist/admin/components/elements/ArrayAction/index.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrayAction = void 0;
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Popup_1 = __importDefault(require("../Popup"));
+const More_1 = __importDefault(require("../../icons/More"));
+const Chevron_1 = __importDefault(require("../../icons/Chevron"));
+const Plus_1 = __importDefault(require("../../icons/Plus"));
+const X_1 = __importDefault(require("../../icons/X"));
+const Copy_1 = __importDefault(require("../../icons/Copy"));
+require("./index.scss");
+const baseClass = 'array-actions';
+const ArrayAction = ({ moveRow, index, rowCount, addRow, duplicateRow, removeRow, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)('general');
+    return (react_1.default.createElement(Popup_1.default, { horizontalAlign: "center", className: baseClass, buttonClassName: `${baseClass}__button`, button: react_1.default.createElement(More_1.default, null), render: ({ close }) => {
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                index !== 0 && (react_1.default.createElement("button", { className: `${baseClass}__action ${baseClass}__move-up`, type: "button", onClick: () => {
+                        moveRow(index, index - 1);
+                        close();
+                    } },
+                    react_1.default.createElement(Chevron_1.default, null),
+                    t('moveUp'))),
+                index < rowCount - 1 && (react_1.default.createElement("button", { className: `${baseClass}__action ${baseClass}__move-down`, type: "button", onClick: () => {
+                        moveRow(index, index + 1);
+                        close();
+                    } },
+                    react_1.default.createElement(Chevron_1.default, null),
+                    t('moveDown'))),
+                react_1.default.createElement("button", { className: `${baseClass}__action ${baseClass}__add`, type: "button", onClick: () => {
+                        addRow(index);
+                        close();
+                    } },
+                    react_1.default.createElement(Plus_1.default, null),
+                    t('addBelow')),
+                react_1.default.createElement("button", { className: `${baseClass}__action ${baseClass}__duplicate`, type: "button", onClick: () => {
+                        duplicateRow(index);
+                        close();
+                    } },
+                    react_1.default.createElement(Copy_1.default, null),
+                    t('duplicate')),
+                react_1.default.createElement("button", { className: `${baseClass}__action ${baseClass}__remove`, type: "button", onClick: () => {
+                        removeRow(index);
+                        close();
+                    } },
+                    react_1.default.createElement(X_1.default, null),
+                    t('remove'))));
+        } }));
+};
+exports.ArrayAction = ArrayAction;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/elements/ArrayAction/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/ArrayAction/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAC/C,qDAA6B;AAC7B,4DAAoC;AACpC,kEAA0C;AAE1C,4DAAoC;AACpC,sDAA8B;AAC9B,4DAAoC;AAEpC,wBAAsB;AAEtB,MAAM,SAAS,GAAG,eAAe,CAAC;AAE3B,MAAM,WAAW,GAAoB,CAAC,EAC3C,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,EAAC,SAAS,CAAC,CAAC;IACxC,OAAO,CACL,8BAAC,eAAK,IACJ,eAAe,EAAC,QAAQ,EACxB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,GAAG,SAAS,UAAU,EACvC,MAAM,EAAE,8BAAC,cAAI,OAAG,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;YACpB,OAAO,CACL,8BAAC,eAAK,CAAC,QAAQ;gBACZ,KAAK,KAAK,CAAC,IAAI,CACd,0CACE,SAAS,EAAE,GAAG,SAAS,YAAY,SAAS,WAAW,EACvD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;wBAC1B,KAAK,EAAE,CAAC;oBACV,CAAC;oBAED,8BAAC,iBAAO,OAAG;oBACV,CAAC,CAAC,QAAQ,CAAC,CACL,CACV;gBACA,KAAK,GAAG,QAAQ,GAAG,CAAC,IAAI,CACvB,0CACE,SAAS,EAAE,GAAG,SAAS,YAAY,SAAS,aAAa,EACzD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;wBAC1B,KAAK,EAAE,CAAC;oBACV,CAAC;oBAED,8BAAC,iBAAO,OAAG;oBACV,CAAC,CAAC,UAAU,CAAC,CACP,CACV;gBACD,0CACE,SAAS,EAAE,GAAG,SAAS,YAAY,SAAS,OAAO,EACnD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;wBACZ,MAAM,CAAC,KAAK,CAAC,CAAC;wBACd,KAAK,EAAE,CAAC;oBACV,CAAC;oBAED,8BAAC,cAAI,OAAG;oBACP,CAAC,CAAC,UAAU,CAAC,CACP;gBACT,0CACE,SAAS,EAAE,GAAG,SAAS,YAAY,SAAS,aAAa,EACzD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;wBACZ,YAAY,CAAC,KAAK,CAAC,CAAC;wBACpB,KAAK,EAAE,CAAC;oBACV,CAAC;oBAED,8BAAC,cAAI,OAAG;oBACP,CAAC,CAAC,WAAW,CAAC,CACR;gBACT,0CACE,SAAS,EAAE,GAAG,SAAS,YAAY,SAAS,UAAU,EACtD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;wBACZ,SAAS,CAAC,KAAK,CAAC,CAAC;wBACjB,KAAK,EAAE,CAAC;oBACV,CAAC;oBAED,8BAAC,WAAC,OAAG;oBACJ,CAAC,CAAC,QAAQ,CAAC,CACL,CACM,CAClB,CAAC;QACJ,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAlFW,QAAA,WAAW,eAkFtB"}

package/dist/admin/components/elements/ArrayAction/index.scss

@@ -0,0 +1,54 @@
+@import '../../../scss/styles.scss';
+
+.array-actions {
+  &__button {
+    @extend %btn-reset;
+    cursor: pointer;
+    border-radius: 100px;
+
+    &:hover {
+      background: var(--theme-elevation-0);
+    }
+  }
+
+  &.popup--active .array-actions__button {
+    background: var(--theme-elevation-0);
+  }
+
+  &__button,
+  &__action {
+    @extend %btn-reset;
+    cursor: pointer;
+  }
+
+  &__actions {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  &__action {
+    @extend %btn-reset;
+    display: block;
+
+    svg {
+      position: relative;
+      top: -1px;
+      margin-right: base(.25);
+
+      .stroke {
+        stroke-width: 1px;
+      }
+    }
+
+    &:hover {
+      opacity: .7;
+    }
+  }
+
+  &__move-up {
+    svg {
+      transform: rotate(180deg);
+    }
+  }
+}

package/dist/admin/components/elements/ArrayAction/types.d.ts

@@ -0,0 +1,8 @@
+export type Props = {
+    addRow: (current: number, blockType?: string) => void;
+    duplicateRow: (current: number) => void;
+    removeRow: (index: number) => void;
+    moveRow: (from: number, to: number) => void;
+    index: number;
+    rowCount: number;
+};

package/dist/admin/components/elements/ArrayAction/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/admin/components/elements/ArrayAction/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/ArrayAction/types.ts"],"names":[],"mappings":""}

package/dist/admin/components/elements/Autosave/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const Autosave: React.FC<Props>;
+export default Autosave;

package/dist/admin/components/elements/Autosave/index.js

@@ -0,0 +1,156 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_router_dom_1 = require("react-router-dom");
+const react_toastify_1 = require("react-toastify");
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../utilities/Config");
+const context_1 = require("../../forms/Form/context");
+const Locale_1 = require("../../utilities/Locale");
+const reduceFieldsToValues_1 = __importDefault(require("../../forms/Form/reduceFieldsToValues"));
+const DocumentInfo_1 = require("../../utilities/DocumentInfo");
+const useDebounce_1 = __importDefault(require("../../../hooks/useDebounce"));
+require("./index.scss");
+const baseClass = 'autosave';
+const Autosave = ({ collection, global, id, publishedDocUpdatedAt }) => {
+    var _a, _b, _c, _d;
+    const { serverURL, routes: { api, admin } } = (0, Config_1.useConfig)();
+    const { versions, getVersions } = (0, DocumentInfo_1.useDocumentInfo)();
+    const [fields] = (0, context_1.useAllFormFields)();
+    const modified = (0, context_1.useFormModified)();
+    const locale = (0, Locale_1.useLocale)();
+    const { replace } = (0, react_router_dom_1.useHistory)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('version');
+    let interval = 800;
+    if ((collection === null || collection === void 0 ? void 0 : collection.versions.drafts) && ((_b = (_a = collection.versions) === null || _a === void 0 ? void 0 : _a.drafts) === null || _b === void 0 ? void 0 : _b.autosave))
+        interval = collection.versions.drafts.autosave.interval;
+    if ((global === null || global === void 0 ? void 0 : global.versions.drafts) && ((_d = (_c = global.versions) === null || _c === void 0 ? void 0 : _c.drafts) === null || _d === void 0 ? void 0 : _d.autosave))
+        interval = global.versions.drafts.autosave.interval;
+    const [saving, setSaving] = (0, react_1.useState)(false);
+    const [lastSaved, setLastSaved] = (0, react_1.useState)();
+    const debouncedFields = (0, useDebounce_1.default)(fields, interval);
+    const fieldRef = (0, react_1.useRef)(fields);
+    const modifiedRef = (0, react_1.useRef)(modified);
+    // Store fields in ref so the autosave func
+    // can always retrieve the most to date copies
+    // after the timeout has executed
+    fieldRef.current = fields;
+    // Store modified in ref so the autosave func
+    // can bail out if modified becomes false while
+    // timing out during autosave
+    modifiedRef.current = modified;
+    const createCollectionDoc = (0, react_1.useCallback)(async () => {
+        const res = await fetch(`${serverURL}${api}/${collection.slug}?locale=${locale}&fallback-locale=null&depth=0&draft=true&autosave=true`, {
+            method: 'POST',
+            credentials: 'include',
+            headers: {
+                'Content-Type': 'application/json',
+                'Accept-Language': i18n.language,
+            },
+            body: JSON.stringify({}),
+        });
+        if (res.status === 201) {
+            const json = await res.json();
+            replace(`${admin}/collections/${collection.slug}/${json.doc.id}`, {
+                state: {
+                    data: json.doc,
+                },
+            });
+        }
+        else {
+            react_toastify_1.toast.error(t('error:autosaving'));
+        }
+    }, [i18n, serverURL, api, collection, locale, replace, admin, t]);
+    (0, react_1.useEffect)(() => {
+        // If no ID, but this is used for a collection doc,
+        // Immediately save it and set lastSaved
+        if (!id && collection) {
+            createCollectionDoc();
+        }
+    }, [id, collection, createCollectionDoc]);
+    // When debounced fields change, autosave
+    (0, react_1.useEffect)(() => {
+        const autosave = async () => {
+            if (modified) {
+                setSaving(true);
+                let url;
+                let method;
+                if (collection && id) {
+                    url = `${serverURL}${api}/${collection.slug}/${id}?draft=true&autosave=true&locale=${locale}`;
+                    method = 'PATCH';
+                }
+                if (global) {
+                    url = `${serverURL}${api}/globals/${global.slug}?draft=true&autosave=true&locale=${locale}`;
+                    method = 'POST';
+                }
+                if (url) {
+                    setTimeout(async () => {
+                        if (modifiedRef.current) {
+                            const body = {
+                                ...(0, reduceFieldsToValues_1.default)(fieldRef.current, true),
+                                _status: 'draft',
+                            };
+                            const res = await fetch(url, {
+                                method,
+                                credentials: 'include',
+                                headers: {
+                                    'Content-Type': 'application/json',
+                                    'Accept-Language': i18n.language,
+                                },
+                                body: JSON.stringify(body),
+                            });
+                            if (res.status === 200) {
+                                setLastSaved(new Date().getTime());
+                                getVersions();
+                            }
+                        }
+                        setSaving(false);
+                    }, 1000);
+                }
+            }
+        };
+        autosave();
+    }, [i18n, debouncedFields, modified, serverURL, api, collection, global, id, getVersions, locale, modifiedRef]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if ((_a = versions === null || versions === void 0 ? void 0 : versions.docs) === null || _a === void 0 ? void 0 : _a[0]) {
+            setLastSaved(new Date(versions.docs[0].updatedAt).getTime());
+        }
+        else if (publishedDocUpdatedAt) {
+            setLastSaved(new Date(publishedDocUpdatedAt).getTime());
+        }
+    }, [publishedDocUpdatedAt, versions]);
+    return (react_1.default.createElement("div", { className: baseClass },
+        saving && t('saving'),
+        (!saving && lastSaved) && (react_1.default.createElement(react_1.default.Fragment, null, t('lastSavedAgo', {
+            distance: Math.round((Number(new Date(lastSaved)) - Number(new Date())) / 1000 / 60),
+        })))));
+};
+exports.default = Autosave;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Autosave/index.tsx"],"names":[],"mappings":"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"}

package/dist/admin/components/elements/Autosave/index.scss

@@ -0,0 +1,5 @@
+@import '../../../scss/styles.scss';
+
+.autosave {
+  min-height: $baseline;
+}

package/dist/admin/components/elements/Autosave/types.d.ts

@@ -0,0 +1,8 @@
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+import { SanitizedGlobalConfig } from '../../../../globals/config/types';
+export type Props = {
+    collection?: SanitizedCollectionConfig;
+    global?: SanitizedGlobalConfig;
+    id?: string | number;
+    publishedDocUpdatedAt: string;
+};

package/dist/admin/components/elements/Autosave/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/admin/components/elements/Autosave/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Autosave/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+export declare const Banner: React.FC<Props>;
+export default Banner;

package/dist/admin/components/elements/Banner/index.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Banner = void 0;
+const react_1 = __importDefault(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+require("./index.scss");
+const baseClass = 'banner';
+const Banner = ({ children, className, to, icon, alignIcon = 'right', onClick, type = 'default', }) => {
+    const classes = [
+        baseClass,
+        `${baseClass}--type-${type}`,
+        className && className,
+        to && `${baseClass}--has-link`,
+        (to || onClick) && `${baseClass}--has-action`,
+        icon && `${baseClass}--has-icon`,
+        icon && `${baseClass}--align-icon-${alignIcon}`,
+    ].filter(Boolean).join(' ');
+    let RenderedType = 'div';
+    if (onClick && !to)
+        RenderedType = 'button';
+    if (to)
+        RenderedType = react_router_dom_1.Link;
+    return (react_1.default.createElement(RenderedType, { className: classes, onClick: onClick, to: to || undefined },
+        (icon && alignIcon === 'left') && (react_1.default.createElement(react_1.default.Fragment, null, icon)),
+        react_1.default.createElement("span", { className: `${baseClass}__content` }, children),
+        (icon && alignIcon === 'right') && (react_1.default.createElement(react_1.default.Fragment, null, icon))));
+};
+exports.Banner = Banner;
+exports.default = exports.Banner;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Banner/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,uDAAwC;AAGxC,wBAAsB;AAEtB,MAAM,SAAS,GAAG,QAAQ,CAAC;AAEpB,MAAM,MAAM,GAAoB,CAAC,EACtC,QAAQ,EACR,SAAS,EACT,EAAE,EACF,IAAI,EACJ,SAAS,GAAG,OAAO,EACnB,OAAO,EACP,IAAI,GAAG,SAAS,GACjB,EAAE,EAAE;IACH,MAAM,OAAO,GAAG;QACd,SAAS;QACT,GAAG,SAAS,UAAU,IAAI,EAAE;QAC5B,SAAS,IAAI,SAAS;QACtB,EAAE,IAAI,GAAG,SAAS,YAAY;QAC9B,CAAC,EAAE,IAAI,OAAO,CAAC,IAAI,GAAG,SAAS,cAAc;QAC7C,IAAI,IAAI,GAAG,SAAS,YAAY;QAChC,IAAI,IAAI,GAAG,SAAS,gBAAgB,SAAS,EAAE;KAChD,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,IAAI,YAAY,GAAoD,KAAK,CAAC;IAE1E,IAAI,OAAO,IAAI,CAAC,EAAE;QAAE,YAAY,GAAG,QAAQ,CAAC;IAC5C,IAAI,EAAE;QAAE,YAAY,GAAG,uBAAI,CAAC;IAE5B,OAAO,CACL,8BAAC,YAAY,IACX,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,IAAI,SAAS;QAElB,CAAC,IAAI,IAAI,SAAS,KAAK,MAAM,CAAC,IAAI,CACjC,8BAAC,eAAK,CAAC,QAAQ,QACZ,IAAI,CACU,CAClB;QACD,wCAAM,SAAS,EAAE,GAAG,SAAS,WAAW,IACrC,QAAQ,CACJ;QACN,CAAC,IAAI,IAAI,SAAS,KAAK,OAAO,CAAC,IAAI,CAClC,8BAAC,eAAK,CAAC,QAAQ,QACZ,IAAI,CACU,CAClB,CACY,CAChB,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,MAAM,UA6CjB;AAEF,kBAAe,cAAM,CAAC"}

package/dist/admin/components/elements/Banner/index.scss

@@ -0,0 +1,72 @@
+@import '../../../scss/styles.scss';
+
+.banner {
+  font-size: 1rem;
+  line-height: base(1);
+  border: 0;
+  vertical-align: middle;
+  background: var(--theme-elevation-100);
+  color: var(--theme-elevation-800);
+  border-radius: $style-radius-s;
+  padding: base(.5);
+  margin-bottom: $baseline;
+
+  &--has-action {
+    cursor: pointer;
+    text-decoration: none;
+  }
+
+  &--has-icon {
+    display: flex;
+
+    svg {
+      display: block;
+    }
+  }
+
+  &--type-default {
+    &.button--has-action {
+      &:hover {
+        background: var(--theme-elevation-900);
+      }
+
+      &:active {
+        background: var(--theme-elevation-950);
+      }
+    }
+  }
+
+  &--type-error {
+    background: var(--theme-error-100);
+    color: var(--theme-error-500);
+
+    svg {
+      @include color-svg(var(--theme-error-500));
+    }
+
+    &.button--has-action {
+      &:hover {
+        background: var(--theme-error-200);
+      }
+
+      &:active {
+        background: var(--theme-error-300);
+      }
+    }
+  }
+
+  &--type-success {
+    background: var(--theme-success-500);
+    color: var(--color-base-800);
+
+    &.button--has-action {
+      &:hover {
+        background: var(--theme-success-200);
+      }
+
+      &:active {
+        background: var(--theme-success-200);
+      }
+    }
+  }
+}

package/dist/admin/components/elements/Banner/types.d.ts

@@ -0,0 +1,18 @@
+import { MouseEvent } from 'react';
+type onClick = (event: MouseEvent) => void;
+export type Props = {
+    children?: React.ReactNode;
+    className?: string;
+    icon?: React.ReactNode;
+    alignIcon?: 'left' | 'right';
+    onClick?: onClick;
+    to?: string;
+    type?: 'error' | 'success' | 'info' | 'default';
+};
+export type RenderedTypeProps = {
+    className?: string;
+    onClick?: onClick;
+    to: string;
+    children?: React.ReactNode;
+};
+export {};

package/dist/admin/components/elements/Banner/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/admin/components/elements/Banner/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Banner/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const Button: React.FC<Props>;
+export default Button;

package/dist/admin/components/elements/Button/index.js

@@ -0,0 +1,104 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const Plus_1 = __importDefault(require("../../icons/Plus"));
+const X_1 = __importDefault(require("../../icons/X"));
+const Chevron_1 = __importDefault(require("../../icons/Chevron"));
+const Edit_1 = __importDefault(require("../../icons/Edit"));
+const Swap_1 = __importDefault(require("../../icons/Swap"));
+const Tooltip_1 = __importDefault(require("../Tooltip"));
+require("./index.scss");
+const icons = {
+    plus: Plus_1.default,
+    x: X_1.default,
+    chevron: Chevron_1.default,
+    edit: Edit_1.default,
+    swap: Swap_1.default,
+};
+const baseClass = 'btn';
+const ButtonContents = ({ children, icon, tooltip, showTooltip }) => {
+    const BuiltInIcon = icons[icon];
+    return (react_1.default.createElement(react_1.Fragment, null,
+        react_1.default.createElement(Tooltip_1.default, { className: `${baseClass}__tooltip`, show: showTooltip }, tooltip),
+        react_1.default.createElement("span", { className: `${baseClass}__content` },
+            children && (react_1.default.createElement("span", { className: `${baseClass}__label` }, children)),
+            icon && (react_1.default.createElement("span", { className: `${baseClass}__icon` },
+                (0, react_1.isValidElement)(icon) && icon,
+                BuiltInIcon && react_1.default.createElement(BuiltInIcon, null))))));
+};
+const Button = (props) => {
+    const { className, id, type = 'button', el = 'button', to, url, children, onClick, disabled, icon, iconStyle = 'without-border', buttonStyle = 'primary', round, size = 'medium', iconPosition = 'right', newTab, tooltip, } = props;
+    const [showTooltip, setShowTooltip] = react_1.default.useState(false);
+    const classes = [
+        baseClass,
+        className && className,
+        buttonStyle && `${baseClass}--style-${buttonStyle}`,
+        icon && `${baseClass}--icon`,
+        iconStyle && `${baseClass}--icon-style-${iconStyle}`,
+        (icon && !children) && `${baseClass}--icon-only`,
+        disabled && `${baseClass}--disabled`,
+        round && `${baseClass}--round`,
+        size && `${baseClass}--size-${size}`,
+        iconPosition && `${baseClass}--icon-position-${iconPosition}`,
+        tooltip && `${baseClass}--has-tooltip`,
+    ].filter(Boolean).join(' ');
+    function handleClick(event) {
+        setShowTooltip(false);
+        if (type !== 'submit' && onClick)
+            event.preventDefault();
+        if (onClick)
+            onClick(event);
+    }
+    const buttonProps = {
+        id,
+        type,
+        className: classes,
+        disabled,
+        onMouseEnter: tooltip ? () => setShowTooltip(true) : undefined,
+        onMouseLeave: tooltip ? () => setShowTooltip(false) : undefined,
+        onClick: !disabled ? handleClick : undefined,
+        rel: newTab ? 'noopener noreferrer' : undefined,
+        target: newTab ? '_blank' : undefined,
+    };
+    switch (el) {
+        case 'link':
+            return (react_1.default.createElement(react_router_dom_1.Link, { ...buttonProps, to: to || url },
+                react_1.default.createElement(ButtonContents, { icon: icon, tooltip: tooltip, showTooltip: showTooltip }, children)));
+        case 'anchor':
+            return (react_1.default.createElement("a", { ...buttonProps, href: url },
+                react_1.default.createElement(ButtonContents, { icon: icon, tooltip: tooltip, showTooltip: showTooltip }, children)));
+        default:
+            const Tag = el; // eslint-disable-line no-case-declarations
+            return (react_1.default.createElement(Tag, { type: "submit", ...buttonProps },
+                react_1.default.createElement(ButtonContents, { icon: icon, tooltip: tooltip, showTooltip: showTooltip }, children)));
+    }
+};
+exports.default = Button;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Button/index.tsx"],"names":[],"mappings":"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"}