payload 1.6.3 → 1.6.4-beta.0

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

@@ -1,101 +0,0 @@
-@import '../../../scss/styles.scss';
-
-.pill {
-  font-size: 1rem;
-  line-height: base(1);
-  border: 0;
-  display: inline-flex;
-  vertical-align: middle;
-  background: var(--theme-elevation-150);
-  color: var(--theme-elevation-800);
-  border-radius: $style-radius-s;
-  padding: 0 base(.25);
-  padding-left: base(.0875 + .25);
-  cursor: default;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-
-  &:active,
-  &:focus {
-    outline: none;
-  }
-
-  &--has-action {
-    cursor: pointer;
-    text-decoration: none;
-  }
-
-  &--has-icon {
-    svg {
-      display: block;
-    }
-  }
-
-  &--align-icon-left {
-    padding-left: base(.125);
-  }
-
-  &--align-icon-right {
-    padding-right: base(.125);
-  }
-
-  &--style-white {
-    background: var(--theme-elevation-0);
-
-    &.pill--has-action {
-      &:hover {
-        background: var(--theme-elevation-100);
-      }
-
-      &:active {
-        background: var(--theme-elevation-100);
-      }
-    }
-  }
-
-  &--style-light {
-    &.pill--has-action {
-      &:hover {
-        background: var(--theme-elevation-100);
-      }
-
-      &:active {
-        background: var(--theme-elevation-100);
-      }
-    }
-  }
-
-  &--style-light-gray {
-    background: var(--theme-elevation-100);
-    color: var(--theme-elevation-800);
-  }
-
-  &--style-warning {
-    background: var(--theme-warning-500);
-  }
-
-  &--style-success {
-    background: var(--theme-success-500);
-    color: var(--color-base-800);
-  }
-
-  &--style-dark {
-    background: var(--theme-elevation-800);
-    color: var(--theme-elevation-0);
-
-    svg {
-      @include color-svg(var(--theme-elevation-0));
-    }
-
-    &.pill--has-action {
-      &:hover {
-        background: var(--theme-elevation-750);
-      }
-
-      &:active {
-        background: var(--theme-elevation-700);
-      }
-    }
-  }
-}

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

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-export type Props = {
-    children?: React.ReactNode;
-    className?: string;
-    to?: string;
-    icon?: React.ReactNode;
-    alignIcon?: 'left' | 'right';
-    onClick?: () => void;
-    pillStyle?: 'white' | 'light' | 'dark' | 'light-gray' | 'warning' | 'success';
-};
-export type RenderedTypeProps = {
-    children: React.ReactNode;
-    className?: string;
-    to: string;
-    onClick?: () => void;
-    type?: 'button';
-};

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

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

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

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

package/dist/admin/components/elements/Popup/PopupButton/index.d.ts

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

package/dist/admin/components/elements/Popup/PopupButton/index.js

@@ -1,29 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-require("./index.scss");
-const baseClass = 'popup-button';
-const PopupButton = (props) => {
-    const { className, buttonType, button, setActive, active, } = props;
-    const classes = [
-        baseClass,
-        className,
-        `${baseClass}--${buttonType}`,
-    ].filter(Boolean).join(' ');
-    const handleClick = () => {
-        setActive(!active);
-    };
-    if (buttonType === 'none') {
-        return null;
-    }
-    if (buttonType === 'custom') {
-        return (react_1.default.createElement("div", { role: "button", tabIndex: 0, onKeyDown: (e) => { if (e.key === 'Enter')
-                handleClick(); }, onClick: handleClick, className: classes }, button));
-    }
-    return (react_1.default.createElement("button", { type: "button", onClick: () => setActive(!active), className: classes }, button));
-};
-exports.default = PopupButton;
-//# sourceMappingURL=index.js.map

package/dist/admin/components/elements/Popup/PopupButton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/elements/Popup/PopupButton/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAG1B,wBAAsB;AAEtB,MAAM,SAAS,GAAG,cAAc,CAAC;AAEjC,MAAM,WAAW,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC7C,MAAM,EACJ,SAAS,EACT,UAAU,EACV,MAAM,EACN,SAAS,EACT,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG;QACd,SAAS;QACT,SAAS;QACT,GAAG,SAAS,KAAK,UAAU,EAAE;KAC9B,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,IAAI,UAAU,KAAK,MAAM,EAAE;QACzB,OAAO,IAAI,CAAC;KACb;IAED,IAAI,UAAU,KAAK,QAAQ,EAAE;QAC3B,OAAO,CACL,uCACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;gBAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAC3D,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,OAAO,IAEjB,MAAM,CACH,CACP,CAAC;KACH;IAED,OAAO,CACL,0CACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,SAAS,EAAE,OAAO,IAEjB,MAAM,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/dist/admin/components/elements/Popup/PopupButton/index.scss

@@ -1,5 +0,0 @@
-@import '../../../../scss/styles.scss';
-
-.popup-button {
-  display: inline-flex;
-}

package/dist/admin/components/elements/Popup/PopupButton/types.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export type Props = {
-    className?: string;
-    buttonType: 'custom' | 'default' | 'none';
-    button: React.ReactNode;
-    setActive: (active: boolean) => void;
-    active: boolean;
-};

package/dist/admin/components/elements/Popup/PopupButton/types.js

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

package/dist/admin/components/elements/Popup/PopupButton/types.js.map

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

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

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

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

@@ -1,133 +0,0 @@
-"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 window_info_1 = require("@faceless-ui/window-info");
-const PopupButton_1 = __importDefault(require("./PopupButton"));
-const useIntersect_1 = __importDefault(require("../../../hooks/useIntersect"));
-require("./index.scss");
-const baseClass = 'popup';
-const Popup = (props) => {
-    const { className, buttonClassName, render, size = 'small', color = 'light', button, buttonType = 'default', children, showOnHover = false, horizontalAlign: horizontalAlignFromProps = 'left', verticalAlign: verticalAlignFromProps = 'top', initActive = false, onToggleOpen, padding, forceOpen, boundingRef, } = props;
-    const { width: windowWidth, height: windowHeight } = (0, window_info_1.useWindowInfo)();
-    const [intersectionRef, intersectionEntry] = (0, useIntersect_1.default)({
-        threshold: 1,
-        rootMargin: '-100px 0px 0px 0px',
-        root: (boundingRef === null || boundingRef === void 0 ? void 0 : boundingRef.current) || null,
-    });
-    const buttonRef = (0, react_1.useRef)(null);
-    const contentRef = (0, react_1.useRef)(null);
-    const [active, setActive] = (0, react_1.useState)(initActive);
-    const [verticalAlign, setVerticalAlign] = (0, react_1.useState)(verticalAlignFromProps);
-    const [horizontalAlign, setHorizontalAlign] = (0, react_1.useState)(horizontalAlignFromProps);
-    const setPosition = (0, react_1.useCallback)(({ horizontal = false, vertical = false }) => {
-        if (contentRef.current) {
-            const bounds = contentRef.current.getBoundingClientRect();
-            const { left: contentLeftPos, right: contentRightPos, top: contentTopPos, bottom: contentBottomPos, } = bounds;
-            let boundingTopPos = 100;
-            let boundingRightPos = window.innerWidth;
-            let boundingBottomPos = window.innerHeight;
-            let boundingLeftPos = 0;
-            if (boundingRef === null || boundingRef === void 0 ? void 0 : boundingRef.current) {
-                ({
-                    top: boundingTopPos,
-                    right: boundingRightPos,
-                    bottom: boundingBottomPos,
-                    left: boundingLeftPos,
-                } = boundingRef.current.getBoundingClientRect());
-            }
-            if (horizontal) {
-                if (contentRightPos > boundingRightPos && contentLeftPos > boundingLeftPos) {
-                    setHorizontalAlign('right');
-                }
-                else if (contentLeftPos < boundingLeftPos && contentRightPos < boundingRightPos) {
-                    setHorizontalAlign('left');
-                }
-            }
-            if (vertical) {
-                if (contentTopPos < boundingTopPos && contentBottomPos < boundingBottomPos) {
-                    setVerticalAlign('bottom');
-                }
-                else if (contentBottomPos > boundingBottomPos && contentTopPos > boundingTopPos) {
-                    setVerticalAlign('top');
-                }
-            }
-        }
-    }, [boundingRef]);
-    const handleClickOutside = (0, react_1.useCallback)((e) => {
-        if (contentRef.current.contains(e.target)) {
-            return;
-        }
-        setActive(false);
-    }, [contentRef]);
-    (0, react_1.useEffect)(() => {
-        setPosition({ horizontal: true });
-    }, [intersectionEntry, setPosition, windowWidth]);
-    (0, react_1.useEffect)(() => {
-        setPosition({ vertical: true });
-    }, [intersectionEntry, setPosition, windowHeight]);
-    (0, react_1.useEffect)(() => {
-        if (typeof onToggleOpen === 'function')
-            onToggleOpen(active);
-        if (active) {
-            document.addEventListener('mousedown', handleClickOutside);
-        }
-        else {
-            document.removeEventListener('mousedown', handleClickOutside);
-        }
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [active, handleClickOutside, onToggleOpen]);
-    (0, react_1.useEffect)(() => {
-        setActive(forceOpen);
-    }, [forceOpen]);
-    const classes = [
-        baseClass,
-        className,
-        `${baseClass}--size-${size}`,
-        `${baseClass}--color-${color}`,
-        `${baseClass}--v-align-${verticalAlign}`,
-        `${baseClass}--h-align-${horizontalAlign}`,
-        (active) && `${baseClass}--active`,
-    ].filter(Boolean).join(' ');
-    return (react_1.default.createElement("div", { className: classes },
-        react_1.default.createElement("div", { ref: buttonRef, className: `${baseClass}__wrapper` }, showOnHover
-            ? (react_1.default.createElement("div", { className: `${baseClass}__on-hover-watch`, onMouseEnter: () => setActive(true), onMouseLeave: () => setActive(false) },
-                react_1.default.createElement(PopupButton_1.default, { ...{ className: buttonClassName, buttonType, button, setActive, active } })))
-            : (react_1.default.createElement(PopupButton_1.default, { ...{ className: buttonClassName, buttonType, button, setActive, active } }))),
-        react_1.default.createElement("div", { className: `${baseClass}__content`, ref: contentRef },
-            react_1.default.createElement("div", { className: `${baseClass}__wrap`, ref: intersectionRef },
-                react_1.default.createElement("div", { className: `${baseClass}__scroll`, style: {
-                        padding,
-                    } },
-                    render && render({ close: () => setActive(false) }),
-                    children && children)))));
-};
-exports.default = Popup;
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,263 +0,0 @@
-@import '../../../scss/styles.scss';
-
-.popup {
-  position: relative;
-
-  &__content {
-    position: absolute;
-    background: var(--theme-input-bg);
-    opacity: 0;
-    visibility: hidden;
-    pointer-events: none;
-    z-index: var(--z-popup);
-    max-width: calc(100vw - #{$baseline});
-
-    &:after {
-      content: ' ';
-      position: absolute;
-      top: calc(100% - 1px);
-      border: 12px solid transparent;
-      border-top-color: var(--theme-input-bg);
-    }
-  }
-
-  &__wrap {
-    overflow: hidden;
-  }
-
-  &__scroll {
-    padding: $baseline;
-    padding-right: calc(var(--scrollbar-width) + #{$baseline});
-    overflow-y: auto;
-    width: calc(100% + var(--scrollbar-width));
-    white-space: nowrap;
-  }
-
-  &:focus,
-  &:active {
-    outline: none;
-  }
-
-  ////////////////////////////////
-  // SIZE
-  ////////////////////////////////
-
-  &--size-small {
-    .popup__scroll {
-      padding: base(.75) calc(var(--scrollbar-width) + #{base(.75)}) base(.75) base(.75);
-    }
-
-    .popup__content {
-      @include shadow-m;
-    }
-
-    &.popup--h-align-left {
-      .popup__content {
-        left: - base(.5);
-
-        &:after {
-          left: base(.425);
-        }
-      }
-    }
-  }
-
-  &--size-large {
-    .popup__content {
-      @include shadow-lg;
-    }
-
-    .popup__scroll {
-      padding: base(1.5) calc(var(--scrollbar-width) + #{base(1.5)}) base(1) base(1.5);
-    }
-  }
-
-  &--size-wide {
-    .popup__content {
-      @include shadow-m;
-
-      &:after {
-        border: 12px solid transparent;
-        border-top-color: var(--theme-input-bg);
-      }
-    }
-
-    .popup__scroll {
-      padding: base(.25) base(.5);
-    }
-
-    &.popup--align-left {
-      .popup__content {
-        left: - base(.5);
-
-        &:after {
-          left: base(.425);
-        }
-      }
-    }
-  }
-
-  ////////////////////////////////
-  // HORIZONTAL ALIGNMENT
-  ////////////////////////////////
-
-  &--h-align-left {
-    .popup__content {
-      left: - base(1.75);
-
-      &:after {
-        left: base(1.75);
-      }
-    }
-  }
-
-  &--h-align-center {
-    .popup__content {
-      left: 50%;
-      transform: translateX(-50%);
-
-      &:after {
-        left: 50%;
-        transform: translateX(-50%);
-      }
-    }
-  }
-
-  &--h-align-right {
-    .popup__content {
-      right: - base(1.75);
-
-      &:after {
-        right: base(1.75);
-      }
-    }
-  }
-
-  ////////////////////////////////
-  // VERTICAL ALIGNMENT
-  ////////////////////////////////
-
-  &--v-align-top {
-    .popup__content {
-      bottom: calc(100% + #{$baseline});
-    }
-  }
-
-  &--v-align-bottom {
-    .popup__content {
-      @include shadow-lg-top;
-      top: calc(100% + #{base(.5)});
-
-      &:after {
-        top: unset;
-        bottom: calc(100% - 1px);
-        border-top-color: transparent !important;
-        border-bottom-color: var(--theme-input-bg);
-      }
-    }
-
-    &.popup--color-dark {
-      .popup__content {
-        &:after {
-          border-bottom-color: var(--theme-elevation-800);
-        }
-      }
-    }
-  }
-
-  ////////////////////////////////
-  // COLOR
-  ////////////////////////////////
-
-  &--color-dark {
-    .popup__content {
-      background: var(--theme-elevation-800);
-      color: var(--theme-input-bg);
-
-      &:after {
-        border-top-color: var(--theme-elevation-800);
-      }
-    }
-  }
-
-  ////////////////////////////////
-  // ACTIVE
-  ////////////////////////////////
-
-  &--active {
-    .popup__content {
-      opacity: 1;
-      visibility: visible;
-      pointer-events: all;
-    }
-  }
-
-  @include mid-break {
-
-    &__scroll,
-    &--size-large .popup__scroll {
-      padding: base(.75);
-      padding-right: calc(var(--scrollbar-width) + #{base(.75)});
-    }
-
-    &--h-align-left {
-      .popup__content {
-        left: - base(.5);
-
-        &:after {
-          left: base(.5);
-        }
-      }
-    }
-
-    &--h-align-center {
-      .popup__content {
-        left: 50%;
-        transform: translateX(-0%);
-
-        &:after {
-          left: 50%;
-          transform: translateX(-0%);
-        }
-      }
-    }
-
-    &--h-align-right {
-      .popup__content {
-        right: - base(.5);
-
-        &:after {
-          right: base(.5);
-        }
-      }
-    }
-
-    &--force-h-align-left {
-      .popup__content {
-        left: - base(.5);
-        right: unset;
-        transform: unset;
-
-        &:after {
-          left: base(.5);
-          right: unset;
-          transform: unset;
-        }
-      }
-    }
-
-    &--force-h-align-right {
-      .popup__content {
-        right: - base(.5);
-        left: unset;
-        transform: unset;
-
-        &:after {
-          right: base(.5);
-          left: unset;
-          transform: unset;
-        }
-      }
-    }
-  }
-}

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

@@ -1,20 +0,0 @@
-import { CSSProperties } from 'react';
-export type Props = {
-    className?: string;
-    buttonClassName?: string;
-    render?: (any: any) => React.ReactNode;
-    children?: React.ReactNode;
-    verticalAlign?: 'top' | 'bottom';
-    horizontalAlign?: 'left' | 'center' | 'right';
-    size?: 'small' | 'large' | 'wide';
-    color?: 'light' | 'dark';
-    buttonType?: 'default' | 'custom' | 'none';
-    button?: React.ReactNode;
-    forceOpen?: boolean;
-    showOnHover?: boolean;
-    initActive?: boolean;
-    onToggleOpen?: (active: boolean) => void;
-    backgroundColor?: CSSProperties['backgroundColor'];
-    padding?: CSSProperties['padding'];
-    boundingRef?: React.MutableRefObject<HTMLElement>;
-};

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

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

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

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

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

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