payload 1.15.6 → 2.0.0-beta.0

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

@@ -1,47 +1,104 @@
 "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"));
-const qs_1 = __importDefault(require("qs"));
-const react_router_dom_1 = require("react-router-dom");
-const react_i18next_1 = require("react-i18next");
-const SearchParams_1 = require("../../utilities/SearchParams");
-const Popup_1 = __importDefault(require("../Popup"));
-const Chevron_1 = __importDefault(require("../../icons/Chevron"));
-const defaults_1 = require("../../../../collections/config/defaults");
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _qs = /*#__PURE__*/ _interop_require_default(require("qs"));
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _reacti18next = require("react-i18next");
+const _reactrouterdom = require("react-router-dom");
+const _defaults = require("../../../../collections/config/defaults");
+const _Chevron = /*#__PURE__*/ _interop_require_default(require("../../icons/Chevron"));
+const _SearchParams = require("../../utilities/SearchParams");
+const _Popup = /*#__PURE__*/ _interop_require_default(require("../Popup"));
+const _PopupButtonList = /*#__PURE__*/ _interop_require_wildcard(require("../Popup/PopupButtonList"));
 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 = {};
+    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;
+}
 const baseClass = 'per-page';
-const defaultLimits = defaults_1.defaults.admin.pagination.limits;
-const PerPage = ({ limits = defaultLimits, limit, handleChange, modifySearchParams = true, resetPage = false }) => {
-    const params = (0, SearchParams_1.useSearchParams)();
-    const history = (0, react_router_dom_1.useHistory)();
-    const { t } = (0, react_i18next_1.useTranslation)('general');
-    return (react_1.default.createElement("div", { className: baseClass },
-        react_1.default.createElement(Popup_1.default, { horizontalAlign: "right", button: (react_1.default.createElement("strong", null,
-                t('perPage', { limit }),
-                react_1.default.createElement(Chevron_1.default, null))), render: ({ close }) => (react_1.default.createElement("div", null,
-                react_1.default.createElement("ul", null, limits.map((limitNumber, i) => (react_1.default.createElement("li", { className: `${baseClass}-item`, key: i },
-                    react_1.default.createElement("button", { type: "button", className: [
-                            `${baseClass}__button`,
-                            limitNumber === Number(limit) && `${baseClass}__button-active`,
-                        ].filter(Boolean).join(' '), onClick: () => {
-                            close();
-                            if (handleChange)
-                                handleChange(limitNumber);
-                            if (modifySearchParams) {
-                                history.replace({
-                                    search: qs_1.default.stringify({
-                                        ...params,
-                                        page: resetPage ? 1 : params.page,
-                                        limit: limitNumber,
-                                    }, { addQueryPrefix: true }),
-                                });
-                            }
-                        } },
-                        limitNumber === Number(limit) && (react_1.default.createElement(Chevron_1.default, null)),
-                        limitNumber))))))) })));
+const defaultLimits = _defaults.defaults.admin.pagination.limits;
+const PerPage = ({ handleChange, limit, limits = defaultLimits, modifySearchParams = true, resetPage = false })=>{
+    const params = (0, _SearchParams.useSearchParams)();
+    const history = (0, _reactrouterdom.useHistory)();
+    const { t } = (0, _reacti18next.useTranslation)('general');
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: baseClass
+    }, /*#__PURE__*/ _react.default.createElement(_Popup.default, {
+        button: /*#__PURE__*/ _react.default.createElement("strong", null, t('perPage', {
+            limit
+        }), /*#__PURE__*/ _react.default.createElement(_Chevron.default, null)),
+        horizontalAlign: "right",
+        render: ({ close })=>/*#__PURE__*/ _react.default.createElement(_PopupButtonList.ButtonGroup, null, limits.map((limitNumber, i)=>/*#__PURE__*/ _react.default.createElement(_PopupButtonList.Button, {
+                    className: [
+                        limitNumber === Number(limit) && `${baseClass}__button-active`
+                    ].filter(Boolean).join(' '),
+                    key: i,
+                    onClick: ()=>{
+                        close();
+                        if (handleChange) handleChange(limitNumber);
+                        if (modifySearchParams) {
+                            history.replace({
+                                search: _qs.default.stringify({
+                                    ...params,
+                                    limit: limitNumber,
+                                    page: resetPage ? 1 : params.page
+                                }, {
+                                    addQueryPrefix: true
+                                })
+                            });
+                        }
+                    }
+                }, limitNumber === Number(limit) && /*#__PURE__*/ _react.default.createElement(_Chevron.default, null), limitNumber))),
+        size: "small"
+    }));
 };
-exports.default = PerPage;
-//# sourceMappingURL=index.js.map
+const _default = PerPage;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL1BlclBhZ2UvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBxcyBmcm9tICdxcydcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCdcbmltcG9ydCB7IHVzZUhpc3RvcnkgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJ1xuXG5pbXBvcnQgeyBkZWZhdWx0cyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbGxlY3Rpb25zL2NvbmZpZy9kZWZhdWx0cydcbmltcG9ydCBDaGV2cm9uIGZyb20gJy4uLy4uL2ljb25zL0NoZXZyb24nXG5pbXBvcnQgeyB1c2VTZWFyY2hQYXJhbXMgfSBmcm9tICcuLi8uLi91dGlsaXRpZXMvU2VhcmNoUGFyYW1zJ1xuaW1wb3J0IFBvcHVwIGZyb20gJy4uL1BvcHVwJ1xuaW1wb3J0ICogYXMgUG9wdXBMaXN0IGZyb20gJy4uL1BvcHVwL1BvcHVwQnV0dG9uTGlzdCdcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAncGVyLXBhZ2UnXG5cbmNvbnN0IGRlZmF1bHRMaW1pdHMgPSBkZWZhdWx0cy5hZG1pbi5wYWdpbmF0aW9uLmxpbWl0c1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IHtcbiAgaGFuZGxlQ2hhbmdlPzogKGxpbWl0OiBudW1iZXIpID0+IHZvaWRcbiAgbGltaXQ6IG51bWJlclxuICBsaW1pdHM6IG51bWJlcltdXG4gIG1vZGlmeVNlYXJjaFBhcmFtcz86IGJvb2xlYW5cbiAgcmVzZXRQYWdlPzogYm9vbGVhblxufVxuXG5jb25zdCBQZXJQYWdlOiBSZWFjdC5GQzxQcm9wcz4gPSAoe1xuICBoYW5kbGVDaGFuZ2UsXG4gIGxpbWl0LFxuICBsaW1pdHMgPSBkZWZhdWx0TGltaXRzLFxuICBtb2RpZnlTZWFyY2hQYXJhbXMgPSB0cnVlLFxuICByZXNldFBhZ2UgPSBmYWxzZSxcbn0pID0+IHtcbiAgY29uc3QgcGFyYW1zID0gdXNlU2VhcmNoUGFyYW1zKClcbiAgY29uc3QgaGlzdG9yeSA9IHVzZUhpc3RvcnkoKVxuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCdnZW5lcmFsJylcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9PlxuICAgICAgPFBvcHVwXG4gICAgICAgIGJ1dHRvbj17XG4gICAgICAgICAgPHN0cm9uZz5cbiAgICAgICAgICAgIHt0KCdwZXJQYWdlJywgeyBsaW1pdCB9KX1cbiAgICAgICAgICAgIDxDaGV2cm9uIC8+XG4gICAgICAgICAgPC9zdHJvbmc+XG4gICAgICAgIH1cbiAgICAgICAgaG9yaXpvbnRhbEFsaWduPVwicmlnaHRcIlxuICAgICAgICByZW5kZXI9eyh7IGNsb3NlIH0pID0+IChcbiAgICAgICAgICA8UG9wdXBMaXN0LkJ1dHRvbkdyb3VwPlxuICAgICAgICAgICAge2xpbWl0cy5tYXAoKGxpbWl0TnVtYmVyLCBpKSA9PiAoXG4gICAgICAgICAgICAgIDxQb3B1cExpc3QuQnV0dG9uXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtbbGltaXROdW1iZXIgPT09IE51bWJlcihsaW1pdCkgJiYgYCR7YmFzZUNsYXNzfV9fYnV0dG9uLWFjdGl2ZWBdXG4gICAgICAgICAgICAgICAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgICAgICAgICAgICAgICAuam9pbignICcpfVxuICAgICAgICAgICAgICAgIGtleT17aX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICBjbG9zZSgpXG4gICAgICAgICAgICAgICAgICBpZiAoaGFuZGxlQ2hhbmdlKSBoYW5kbGVDaGFuZ2UobGltaXROdW1iZXIpXG4gICAgICAgICAgICAgICAgICBpZiAobW9kaWZ5U2VhcmNoUGFyYW1zKSB7XG4gICAgICAgICAgICAgICAgICAgIGhpc3RvcnkucmVwbGFjZSh7XG4gICAgICAgICAgICAgICAgICAgICAgc2VhcmNoOiBxcy5zdHJpbmdpZnkoXG4gICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgIC4uLnBhcmFtcyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgbGltaXQ6IGxpbWl0TnVtYmVyLFxuICAgICAgICAgICAgICAgICAgICAgICAgICBwYWdlOiByZXNldFBhZ2UgPyAxIDogcGFyYW1zLnBhZ2UsXG4gICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgeyBhZGRRdWVyeVByZWZpeDogdHJ1ZSB9LFxuICAgICAgICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtsaW1pdE51bWJlciA9PT0gTnVtYmVyKGxpbWl0KSAmJiA8Q2hldnJvbiAvPn1cbiAgICAgICAgICAgICAgICB7bGltaXROdW1iZXJ9XG4gICAgICAgICAgICAgIDwvUG9wdXBMaXN0LkJ1dHRvbj5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvUG9wdXBMaXN0LkJ1dHRvbkdyb3VwPlxuICAgICAgICApfVxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBQZXJQYWdlXG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiZGVmYXVsdExpbWl0cyIsImRlZmF1bHRzIiwiYWRtaW4iLCJwYWdpbmF0aW9uIiwibGltaXRzIiwiUGVyUGFnZSIsImhhbmRsZUNoYW5nZSIsImxpbWl0IiwibW9kaWZ5U2VhcmNoUGFyYW1zIiwicmVzZXRQYWdlIiwicGFyYW1zIiwidXNlU2VhcmNoUGFyYW1zIiwiaGlzdG9yeSIsInVzZUhpc3RvcnkiLCJ0IiwidXNlVHJhbnNsYXRpb24iLCJkaXYiLCJjbGFzc05hbWUiLCJQb3B1cCIsImJ1dHRvbiIsInN0cm9uZyIsIkNoZXZyb24iLCJob3Jpem9udGFsQWxpZ24iLCJyZW5kZXIiLCJjbG9zZSIsIlBvcHVwTGlzdCIsIkJ1dHRvbkdyb3VwIiwibWFwIiwibGltaXROdW1iZXIiLCJpIiwiQnV0dG9uIiwiTnVtYmVyIiwiZmlsdGVyIiwiQm9vbGVhbiIsImpvaW4iLCJrZXkiLCJvbkNsaWNrIiwicmVwbGFjZSIsInNlYXJjaCIsInFzIiwic3RyaW5naWZ5IiwicGFnZSIsImFkZFF1ZXJ5UHJlZml4Iiwic2l6ZSJdLCJtYXBwaW5ncyI6Ijs7OzsrQkFrRkE7OztlQUFBOzs7MkRBbEZlOzhEQUNHOzhCQUNhO2dDQUNKOzBCQUVGO2dFQUNMOzhCQUNZOzhEQUNkO3lFQUNTO1FBQ3BCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQSxZQUFZO0FBRWxCLE1BQU1DLGdCQUFnQkMsa0JBQVEsQ0FBQ0MsS0FBSyxDQUFDQyxVQUFVLENBQUNDLE1BQU07QUFVdEQsTUFBTUMsVUFBMkIsQ0FBQyxFQUNoQ0MsWUFBWSxFQUNaQyxLQUFLLEVBQ0xILFNBQVNKLGFBQWEsRUFDdEJRLHFCQUFxQixJQUFJLEVBQ3pCQyxZQUFZLEtBQUssRUFDbEI7SUFDQyxNQUFNQyxTQUFTQyxJQUFBQSw2QkFBZTtJQUM5QixNQUFNQyxVQUFVQyxJQUFBQSwwQkFBVTtJQUMxQixNQUFNLEVBQUVDLENBQUMsRUFBRSxHQUFHQyxJQUFBQSw0QkFBYyxFQUFDO0lBRTdCLHFCQUNFLDZCQUFDQztRQUFJQyxXQUFXbEI7cUJBQ2QsNkJBQUNtQixjQUFLO1FBQ0pDLHNCQUNFLDZCQUFDQyxnQkFDRU4sRUFBRSxXQUFXO1lBQUVQO1FBQU0sa0JBQ3RCLDZCQUFDYyxnQkFBTztRQUdaQyxpQkFBZ0I7UUFDaEJDLFFBQVEsQ0FBQyxFQUFFQyxLQUFLLEVBQUUsaUJBQ2hCLDZCQUFDQyxpQkFBVUMsV0FBVyxRQUNuQnRCLE9BQU91QixHQUFHLENBQUMsQ0FBQ0MsYUFBYUMsa0JBQ3hCLDZCQUFDSixpQkFBVUssTUFBTTtvQkFDZmIsV0FBVzt3QkFBQ1csZ0JBQWdCRyxPQUFPeEIsVUFBVSxDQUFDLEVBQUVSLFVBQVUsZUFBZSxDQUFDO3FCQUFDLENBQ3hFaUMsTUFBTSxDQUFDQyxTQUNQQyxJQUFJLENBQUM7b0JBQ1JDLEtBQUtOO29CQUNMTyxTQUFTO3dCQUNQWjt3QkFDQSxJQUFJbEIsY0FBY0EsYUFBYXNCO3dCQUMvQixJQUFJcEIsb0JBQW9COzRCQUN0QkksUUFBUXlCLE9BQU8sQ0FBQztnQ0FDZEMsUUFBUUMsV0FBRSxDQUFDQyxTQUFTLENBQ2xCO29DQUNFLEdBQUc5QixNQUFNO29DQUNUSCxPQUFPcUI7b0NBQ1BhLE1BQU1oQyxZQUFZLElBQUlDLE9BQU8rQixJQUFJO2dDQUNuQyxHQUNBO29DQUFFQyxnQkFBZ0I7Z0NBQUs7NEJBRTNCO3dCQUNGO29CQUNGO21CQUVDZCxnQkFBZ0JHLE9BQU94Qix3QkFBVSw2QkFBQ2MsZ0JBQU8sU0FDekNPO1FBS1RlLE1BQUs7O0FBSWI7TUFFQSxXQUFldEMifQ==

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

@@ -7,19 +7,14 @@
     margin: 0;
   }
 
-  .popup-button--default {
-    @extend %btn-reset;
-    position: relative;
-    cursor: pointer;
-  }
-
   &__button {
     @extend %btn-reset;
     cursor: pointer;
     text-align: left;
     width: 100%;
 
-    &:hover, &:focus-visible {
+    &:hover,
+    &:focus-visible {
       text-decoration: underline;
     }
   }
@@ -29,8 +24,8 @@
 
     svg {
       @include color-svg(var(--theme-elevation-1000));
-      margin-left: base(-.25);
-      margin-right: base(-.125);
+      margin-left: base(-0.25);
+      margin-right: base(-0.125);
       transform: rotate(-90deg);
     }
   }

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

@@ -1,32 +1,46 @@
 "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"));
-const react_router_dom_1 = require("react-router-dom");
-const useDraggableSortable_1 = require("../DraggableSortable/useDraggableSortable");
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _reactrouterdom = require("react-router-dom");
+const _useDraggableSortable = require("../DraggableSortable/useDraggableSortable");
 require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const baseClass = 'pill';
-const DraggablePill = (props) => {
-    const { className, id } = props;
-    const { attributes, listeners, transform, setNodeRef, isDragging } = (0, useDraggableSortable_1.useDraggableSortable)({
-        id,
+const DraggablePill = (props)=>{
+    const { id, className } = props;
+    const { attributes, isDragging, listeners, setNodeRef, transform } = (0, _useDraggableSortable.useDraggableSortable)({
+        id
     });
-    return (react_1.default.createElement(StaticPill, { ...props, className: [
+    return /*#__PURE__*/ _react.default.createElement(StaticPill, {
+        ...props,
+        className: [
             isDragging && `${baseClass}--is-dragging`,
-            className,
-        ].filter(Boolean).join(' '), elementProps: {
+            className
+        ].filter(Boolean).join(' '),
+        elementProps: {
             ...listeners,
             ...attributes,
-            style: {
-                transform,
-            },
             ref: setNodeRef,
-        } }));
+            style: {
+                transform
+            }
+        }
+    });
 };
-const StaticPill = (props) => {
-    const { className, to, icon, alignIcon = 'right', onClick, pillStyle = 'light', draggable, children, elementProps, rounded, 'aria-label': ariaLabel, 'aria-expanded': ariaExpanded, 'aria-controls': ariaControls, 'aria-checked': ariaChecked, } = props;
+const StaticPill = (props)=>{
+    const { alignIcon = 'right', 'aria-checked': ariaChecked, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, children, className, draggable, elementProps, icon, onClick, pillStyle = 'light', rounded, to } = props;
     const classes = [
         baseClass,
         `${baseClass}--style-${pillStyle}`,
@@ -36,23 +50,30 @@ const StaticPill = (props) => {
         icon && `${baseClass}--has-icon`,
         icon && `${baseClass}--align-icon-${alignIcon}`,
         draggable && `${baseClass}--draggable`,
-        rounded && `${baseClass}--rounded`,
+        rounded && `${baseClass}--rounded`
     ].filter(Boolean).join(' ');
     let Element = 'div';
-    if (onClick && !to)
-        Element = 'button';
-    if (to)
-        Element = react_router_dom_1.Link;
-    return (react_1.default.createElement(Element, { ...elementProps, "aria-label": ariaLabel, "aria-expanded": ariaExpanded, "aria-controls": ariaControls, "aria-checked": ariaChecked, className: classes, type: Element === 'button' ? 'button' : undefined, to: to || undefined, onClick: onClick },
-        (icon && alignIcon === 'left') && (react_1.default.createElement(react_1.default.Fragment, null, icon)),
-        children,
-        (icon && alignIcon === 'right') && (react_1.default.createElement(react_1.default.Fragment, null, icon))));
+    if (onClick && !to) Element = 'button';
+    if (to) Element = _reactrouterdom.Link;
+    return /*#__PURE__*/ _react.default.createElement(Element, {
+        ...elementProps,
+        "aria-checked": ariaChecked,
+        "aria-controls": ariaControls,
+        "aria-expanded": ariaExpanded,
+        "aria-label": ariaLabel,
+        className: classes,
+        onClick: onClick,
+        to: to || undefined,
+        type: Element === 'button' ? 'button' : undefined
+    }, icon && alignIcon === 'left' && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, icon), /*#__PURE__*/ _react.default.createElement("span", {
+        className: `${baseClass}__label`
+    }, children), icon && alignIcon === 'right' && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, icon));
 };
-const Pill = (props) => {
+const Pill = (props)=>{
     const { draggable } = props;
-    if (draggable)
-        return react_1.default.createElement(DraggablePill, { ...props });
-    return react_1.default.createElement(StaticPill, { ...props });
+    if (draggable) return /*#__PURE__*/ _react.default.createElement(DraggablePill, props);
+    return /*#__PURE__*/ _react.default.createElement(StaticPill, props);
 };
-exports.default = Pill;
-//# sourceMappingURL=index.js.map
+const _default = Pill;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL1BpbGwvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRWxlbWVudFR5cGUgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgTGluayB9IGZyb20gJ3JlYWN0LXJvdXRlci1kb20nXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMsIFJlbmRlcmVkVHlwZVByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuaW1wb3J0IHsgdXNlRHJhZ2dhYmxlU29ydGFibGUgfSBmcm9tICcuLi9EcmFnZ2FibGVTb3J0YWJsZS91c2VEcmFnZ2FibGVTb3J0YWJsZSdcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAncGlsbCdcblxuY29uc3QgRHJhZ2dhYmxlUGlsbDogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgaWQsIGNsYXNzTmFtZSB9ID0gcHJvcHNcblxuICBjb25zdCB7IGF0dHJpYnV0ZXMsIGlzRHJhZ2dpbmcsIGxpc3RlbmVycywgc2V0Tm9kZVJlZiwgdHJhbnNmb3JtIH0gPSB1c2VEcmFnZ2FibGVTb3J0YWJsZSh7XG4gICAgaWQsXG4gIH0pXG5cbiAgcmV0dXJuIChcbiAgICA8U3RhdGljUGlsbFxuICAgICAgey4uLnByb3BzfVxuICAgICAgY2xhc3NOYW1lPXtbaXNEcmFnZ2luZyAmJiBgJHtiYXNlQ2xhc3N9LS1pcy1kcmFnZ2luZ2AsIGNsYXNzTmFtZV0uZmlsdGVyKEJvb2xlYW4pLmpvaW4oJyAnKX1cbiAgICAgIGVsZW1lbnRQcm9wcz17e1xuICAgICAgICAuLi5saXN0ZW5lcnMsXG4gICAgICAgIC4uLmF0dHJpYnV0ZXMsXG4gICAgICAgIHJlZjogc2V0Tm9kZVJlZixcbiAgICAgICAgc3R5bGU6IHtcbiAgICAgICAgICB0cmFuc2Zvcm0sXG4gICAgICAgIH0sXG4gICAgICB9fVxuICAgIC8+XG4gIClcbn1cblxuY29uc3QgU3RhdGljUGlsbDogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBhbGlnbkljb24gPSAncmlnaHQnLFxuICAgICdhcmlhLWNoZWNrZWQnOiBhcmlhQ2hlY2tlZCxcbiAgICAnYXJpYS1jb250cm9scyc6IGFyaWFDb250cm9scyxcbiAgICAnYXJpYS1leHBhbmRlZCc6IGFyaWFFeHBhbmRlZCxcbiAgICAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbCxcbiAgICBjaGlsZHJlbixcbiAgICBjbGFzc05hbWUsXG4gICAgZHJhZ2dhYmxlLFxuICAgIGVsZW1lbnRQcm9wcyxcbiAgICBpY29uLFxuICAgIG9uQ2xpY2ssXG4gICAgcGlsbFN0eWxlID0gJ2xpZ2h0JyxcbiAgICByb3VuZGVkLFxuICAgIHRvLFxuICB9ID0gcHJvcHNcblxuICBjb25zdCBjbGFzc2VzID0gW1xuICAgIGJhc2VDbGFzcyxcbiAgICBgJHtiYXNlQ2xhc3N9LS1zdHlsZS0ke3BpbGxTdHlsZX1gLFxuICAgIGNsYXNzTmFtZSAmJiBjbGFzc05hbWUsXG4gICAgdG8gJiYgYCR7YmFzZUNsYXNzfS0taGFzLWxpbmtgLFxuICAgICh0byB8fCBvbkNsaWNrKSAmJiBgJHtiYXNlQ2xhc3N9LS1oYXMtYWN0aW9uYCxcbiAgICBpY29uICYmIGAke2Jhc2VDbGFzc30tLWhhcy1pY29uYCxcbiAgICBpY29uICYmIGAke2Jhc2VDbGFzc30tLWFsaWduLWljb24tJHthbGlnbkljb259YCxcbiAgICBkcmFnZ2FibGUgJiYgYCR7YmFzZUNsYXNzfS0tZHJhZ2dhYmxlYCxcbiAgICByb3VuZGVkICYmIGAke2Jhc2VDbGFzc30tLXJvdW5kZWRgLFxuICBdXG4gICAgLmZpbHRlcihCb29sZWFuKVxuICAgIC5qb2luKCcgJylcblxuICBsZXQgRWxlbWVudDogRWxlbWVudFR5cGUgfCBSZWFjdC5GQzxSZW5kZXJlZFR5cGVQcm9wcz4gPSAnZGl2J1xuXG4gIGlmIChvbkNsaWNrICYmICF0bykgRWxlbWVudCA9ICdidXR0b24nXG4gIGlmICh0bykgRWxlbWVudCA9IExpbmtcblxuICByZXR1cm4gKFxuICAgIDxFbGVtZW50XG4gICAgICB7Li4uZWxlbWVudFByb3BzfVxuICAgICAgYXJpYS1jaGVja2VkPXthcmlhQ2hlY2tlZH1cbiAgICAgIGFyaWEtY29udHJvbHM9e2FyaWFDb250cm9sc31cbiAgICAgIGFyaWEtZXhwYW5kZWQ9e2FyaWFFeHBhbmRlZH1cbiAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlc31cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICB0bz17dG8gfHwgdW5kZWZpbmVkfVxuICAgICAgdHlwZT17RWxlbWVudCA9PT0gJ2J1dHRvbicgPyAnYnV0dG9uJyA6IHVuZGVmaW5lZH1cbiAgICA+XG4gICAgICB7aWNvbiAmJiBhbGlnbkljb24gPT09ICdsZWZ0JyAmJiA8UmVhY3QuRnJhZ21lbnQ+e2ljb259PC9SZWFjdC5GcmFnbWVudD59XG4gICAgICA8c3BhbiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xhYmVsYH0+e2NoaWxkcmVufTwvc3Bhbj5cbiAgICAgIHtpY29uICYmIGFsaWduSWNvbiA9PT0gJ3JpZ2h0JyAmJiA8UmVhY3QuRnJhZ21lbnQ+e2ljb259PC9SZWFjdC5GcmFnbWVudD59XG4gICAgPC9FbGVtZW50PlxuICApXG59XG5cbmNvbnN0IFBpbGw6IFJlYWN0LkZDPFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGRyYWdnYWJsZSB9ID0gcHJvcHNcblxuICBpZiAoZHJhZ2dhYmxlKSByZXR1cm4gPERyYWdnYWJsZVBpbGwgey4uLnByb3BzfSAvPlxuICByZXR1cm4gPFN0YXRpY1BpbGwgey4uLnByb3BzfSAvPlxufVxuXG5leHBvcnQgZGVmYXVsdCBQaWxsXG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiRHJhZ2dhYmxlUGlsbCIsInByb3BzIiwiaWQiLCJjbGFzc05hbWUiLCJhdHRyaWJ1dGVzIiwiaXNEcmFnZ2luZyIsImxpc3RlbmVycyIsInNldE5vZGVSZWYiLCJ0cmFuc2Zvcm0iLCJ1c2VEcmFnZ2FibGVTb3J0YWJsZSIsIlN0YXRpY1BpbGwiLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiIsImVsZW1lbnRQcm9wcyIsInJlZiIsInN0eWxlIiwiYWxpZ25JY29uIiwiYXJpYUNoZWNrZWQiLCJhcmlhQ29udHJvbHMiLCJhcmlhRXhwYW5kZWQiLCJhcmlhTGFiZWwiLCJjaGlsZHJlbiIsImRyYWdnYWJsZSIsImljb24iLCJvbkNsaWNrIiwicGlsbFN0eWxlIiwicm91bmRlZCIsInRvIiwiY2xhc3NlcyIsIkVsZW1lbnQiLCJMaW5rIiwiYXJpYS1jaGVja2VkIiwiYXJpYS1jb250cm9scyIsImFyaWEtZXhwYW5kZWQiLCJhcmlhLWxhYmVsIiwidW5kZWZpbmVkIiwidHlwZSIsIlJlYWN0IiwiRnJhZ21lbnQiLCJzcGFuIiwiUGlsbCJdLCJtYXBwaW5ncyI6Ijs7OzsrQkFrR0E7OztlQUFBOzs7OERBaEdrQjtnQ0FDRztzQ0FJZ0I7UUFDOUI7Ozs7OztBQUVQLE1BQU1BLFlBQVk7QUFFbEIsTUFBTUMsZ0JBQWlDLENBQUNDO0lBQ3RDLE1BQU0sRUFBRUMsRUFBRSxFQUFFQyxTQUFTLEVBQUUsR0FBR0Y7SUFFMUIsTUFBTSxFQUFFRyxVQUFVLEVBQUVDLFVBQVUsRUFBRUMsU0FBUyxFQUFFQyxVQUFVLEVBQUVDLFNBQVMsRUFBRSxHQUFHQyxJQUFBQSwwQ0FBb0IsRUFBQztRQUN4RlA7SUFDRjtJQUVBLHFCQUNFLDZCQUFDUTtRQUNFLEdBQUdULEtBQUs7UUFDVEUsV0FBVztZQUFDRSxjQUFjLENBQUMsRUFBRU4sVUFBVSxhQUFhLENBQUM7WUFBRUk7U0FBVSxDQUFDUSxNQUFNLENBQUNDLFNBQVNDLElBQUksQ0FBQztRQUN2RkMsY0FBYztZQUNaLEdBQUdSLFNBQVM7WUFDWixHQUFHRixVQUFVO1lBQ2JXLEtBQUtSO1lBQ0xTLE9BQU87Z0JBQ0xSO1lBQ0Y7UUFDRjs7QUFHTjtBQUVBLE1BQU1FLGFBQThCLENBQUNUO0lBQ25DLE1BQU0sRUFDSmdCLFlBQVksT0FBTyxFQUNuQixnQkFBZ0JDLFdBQVcsRUFDM0IsaUJBQWlCQyxZQUFZLEVBQzdCLGlCQUFpQkMsWUFBWSxFQUM3QixjQUFjQyxTQUFTLEVBQ3ZCQyxRQUFRLEVBQ1JuQixTQUFTLEVBQ1RvQixTQUFTLEVBQ1RULFlBQVksRUFDWlUsSUFBSSxFQUNKQyxPQUFPLEVBQ1BDLFlBQVksT0FBTyxFQUNuQkMsT0FBTyxFQUNQQyxFQUFFLEVBQ0gsR0FBRzNCO0lBRUosTUFBTTRCLFVBQVU7UUFDZDlCO1FBQ0EsQ0FBQyxFQUFFQSxVQUFVLFFBQVEsRUFBRTJCLFVBQVUsQ0FBQztRQUNsQ3ZCLGFBQWFBO1FBQ2J5QixNQUFNLENBQUMsRUFBRTdCLFVBQVUsVUFBVSxDQUFDO1FBQzdCNkIsQ0FBQUEsTUFBTUgsT0FBTSxLQUFNLENBQUMsRUFBRTFCLFVBQVUsWUFBWSxDQUFDO1FBQzdDeUIsUUFBUSxDQUFDLEVBQUV6QixVQUFVLFVBQVUsQ0FBQztRQUNoQ3lCLFFBQVEsQ0FBQyxFQUFFekIsVUFBVSxhQUFhLEVBQUVrQixVQUFVLENBQUM7UUFDL0NNLGFBQWEsQ0FBQyxFQUFFeEIsVUFBVSxXQUFXLENBQUM7UUFDdEM0QixXQUFXLENBQUMsRUFBRTVCLFVBQVUsU0FBUyxDQUFDO0tBQ25DLENBQ0VZLE1BQU0sQ0FBQ0MsU0FDUEMsSUFBSSxDQUFDO0lBRVIsSUFBSWlCLFVBQXFEO0lBRXpELElBQUlMLFdBQVcsQ0FBQ0csSUFBSUUsVUFBVTtJQUM5QixJQUFJRixJQUFJRSxVQUFVQyxvQkFBSTtJQUV0QixxQkFDRSw2QkFBQ0Q7UUFDRSxHQUFHaEIsWUFBWTtRQUNoQmtCLGdCQUFjZDtRQUNkZSxpQkFBZWQ7UUFDZmUsaUJBQWVkO1FBQ2ZlLGNBQVlkO1FBQ1psQixXQUFXMEI7UUFDWEosU0FBU0E7UUFDVEcsSUFBSUEsTUFBTVE7UUFDVkMsTUFBTVAsWUFBWSxXQUFXLFdBQVdNO09BRXZDWixRQUFRUCxjQUFjLHdCQUFVLDZCQUFDcUIsY0FBSyxDQUFDQyxRQUFRLFFBQUVmLHFCQUNsRCw2QkFBQ2dCO1FBQUtyQyxXQUFXLENBQUMsRUFBRUosVUFBVSxPQUFPLENBQUM7T0FBR3VCLFdBQ3hDRSxRQUFRUCxjQUFjLHlCQUFXLDZCQUFDcUIsY0FBSyxDQUFDQyxRQUFRLFFBQUVmO0FBR3pEO0FBRUEsTUFBTWlCLE9BQXdCLENBQUN4QztJQUM3QixNQUFNLEVBQUVzQixTQUFTLEVBQUUsR0FBR3RCO0lBRXRCLElBQUlzQixXQUFXLHFCQUFPLDZCQUFDdkIsZUFBa0JDO0lBQ3pDLHFCQUFPLDZCQUFDUyxZQUFlVDtBQUN6QjtNQUVBLFdBQWV3QyJ9

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

@@ -12,7 +12,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   border: 0;
-  padding: 0 base(.25);
+  padding: 0 base(0.25);
   align-items: center;
   flex-shrink: 0;
 
@@ -32,6 +32,16 @@
     outline-offset: var(--accessibility-outline-offset);
   }
 
+  .icon {
+    flex-shrink: 0;
+  }
+
+  &__label {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
   &--has-action {
     cursor: pointer;
     text-decoration: none;
@@ -47,6 +57,16 @@
     }
   }
 
+  [dir='rtl'] &--align-icon-left {
+    padding-right: 0;
+    padding-left: 10px;
+  }
+
+  [dir='rtl'] &--align-icon-right {
+    padding-right: 10px;
+    padding-left: 0;
+  }
+
   &--align-icon-left {
     padding-left: 0;
   }
@@ -115,21 +135,20 @@
   }
 }
 
-
-html[data-theme=dark] {
+html[data-theme='dark'] {
   .pill {
     &--style-error {
       background: var(--theme-error-500);
-      color: var(--color-base-1000)
+      color: var(--color-base-1000);
     }
   }
 }
 
-html[data-theme=light] {
+html[data-theme='light'] {
   .pill {
     &--style-error {
       background: var(--theme-error-250);
-      color: var(--theme-error-750)
+      color: var(--theme-error-750);
     }
   }
 }

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

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

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

@@ -0,0 +1,108 @@
+"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, {
+    ButtonGroup: function() {
+        return ButtonGroup;
+    },
+    Button: function() {
+        return Button;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactrouterdom = require("react-router-dom");
+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 = {};
+    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;
+}
+const baseClass = 'popup-button-list';
+const ButtonGroup = ({ buttonSize = 'default', children, className, textAlign = 'left' })=>{
+    const classes = [
+        baseClass,
+        className,
+        `${baseClass}__text-align--${textAlign}`,
+        `${baseClass}__button-size--${buttonSize}`
+    ].filter(Boolean).join(' ');
+    return /*#__PURE__*/ _react.createElement("div", {
+        className: classes
+    }, children);
+};
+const Button = ({ id, children, className, onClick, to })=>{
+    const classes = [
+        `${baseClass}__button`,
+        className
+    ].filter(Boolean).join(' ');
+    if (to) {
+        return /*#__PURE__*/ _react.createElement(_reactrouterdom.Link, {
+            className: classes,
+            id: id,
+            onClick: ()=>{
+                if (onClick) {
+                    onClick();
+                }
+            },
+            to: to
+        }, children);
+    }
+    if (onClick) {
+        return /*#__PURE__*/ _react.createElement("button", {
+            className: classes,
+            id: id,
+            onClick: ()=>{
+                if (onClick) {
+                    onClick();
+                }
+            },
+            type: "button"
+        }, children);
+    }
+    return /*#__PURE__*/ _react.createElement("div", {
+        className: classes,
+        id: id
+    }, children);
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL1BvcHVwL1BvcHVwQnV0dG9uTGlzdC9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMaW5rUHJvcHMgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJ1xuXG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IExpbmsgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJ1xuXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ3BvcHVwLWJ1dHRvbi1saXN0J1xuZXhwb3J0IGNvbnN0IEJ1dHRvbkdyb3VwOiBSZWFjdC5GQzx7XG4gIGJ1dHRvblNpemU/OiAnZGVmYXVsdCcgfCAnc21hbGwnXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHRleHRBbGlnbj86ICdjZW50ZXInIHwgJ2xlZnQnIHwgJ3JpZ2h0J1xufT4gPSAoeyBidXR0b25TaXplID0gJ2RlZmF1bHQnLCBjaGlsZHJlbiwgY2xhc3NOYW1lLCB0ZXh0QWxpZ24gPSAnbGVmdCcgfSkgPT4ge1xuICBjb25zdCBjbGFzc2VzID0gW1xuICAgIGJhc2VDbGFzcyxcbiAgICBjbGFzc05hbWUsXG4gICAgYCR7YmFzZUNsYXNzfV9fdGV4dC1hbGlnbi0tJHt0ZXh0QWxpZ259YCxcbiAgICBgJHtiYXNlQ2xhc3N9X19idXR0b24tc2l6ZS0tJHtidXR0b25TaXplfWAsXG4gIF1cbiAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgLmpvaW4oJyAnKVxuICByZXR1cm4gPGRpdiBjbGFzc05hbWU9e2NsYXNzZXN9PntjaGlsZHJlbn08L2Rpdj5cbn1cblxudHlwZSBNZW51QnV0dG9uUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGlkPzogc3RyaW5nXG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkXG4gIHRvPzogTGlua1Byb3BzWyd0byddXG59XG5leHBvcnQgY29uc3QgQnV0dG9uOiBSZWFjdC5GQzxNZW51QnV0dG9uUHJvcHM+ID0gKHsgaWQsIGNoaWxkcmVuLCBjbGFzc05hbWUsIG9uQ2xpY2ssIHRvIH0pID0+IHtcbiAgY29uc3QgY2xhc3NlcyA9IFtgJHtiYXNlQ2xhc3N9X19idXR0b25gLCBjbGFzc05hbWVdLmZpbHRlcihCb29sZWFuKS5qb2luKCcgJylcblxuICBpZiAodG8pIHtcbiAgICByZXR1cm4gKFxuICAgICAgPExpbmtcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc2VzfVxuICAgICAgICBpZD17aWR9XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICBpZiAob25DbGljaykge1xuICAgICAgICAgICAgb25DbGljaygpXG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgICB0bz17dG99XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvTGluaz5cbiAgICApXG4gIH1cblxuICBpZiAob25DbGljaykge1xuICAgIHJldHVybiAoXG4gICAgICA8YnV0dG9uXG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlc31cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgICAgICAgIG9uQ2xpY2soKVxuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvYnV0dG9uPlxuICAgIClcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzZXN9IGlkPXtpZH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gIClcbn1cbiJdLCJuYW1lcyI6WyJCdXR0b25Hcm91cCIsIkJ1dHRvbiIsImJhc2VDbGFzcyIsImJ1dHRvblNpemUiLCJjaGlsZHJlbiIsImNsYXNzTmFtZSIsInRleHRBbGlnbiIsImNsYXNzZXMiLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiIsImRpdiIsImlkIiwib25DbGljayIsInRvIiwiTGluayIsImJ1dHRvbiIsInR5cGUiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0lBUWFBLFdBQVc7ZUFBWEE7O0lBd0JBQyxNQUFNO2VBQU5BOzs7K0RBOUJVO2dDQUNGO1FBRWQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQyxZQUFZO0FBQ1gsTUFBTUYsY0FLUixDQUFDLEVBQUVHLGFBQWEsU0FBUyxFQUFFQyxRQUFRLEVBQUVDLFNBQVMsRUFBRUMsWUFBWSxNQUFNLEVBQUU7SUFDdkUsTUFBTUMsVUFBVTtRQUNkTDtRQUNBRztRQUNBLENBQUMsRUFBRUgsVUFBVSxjQUFjLEVBQUVJLFVBQVUsQ0FBQztRQUN4QyxDQUFDLEVBQUVKLFVBQVUsZUFBZSxFQUFFQyxXQUFXLENBQUM7S0FDM0MsQ0FDRUssTUFBTSxDQUFDQyxTQUNQQyxJQUFJLENBQUM7SUFDUixxQkFBTyxxQkFBQ0M7UUFBSU4sV0FBV0U7T0FBVUg7QUFDbkM7QUFTTyxNQUFNSCxTQUFvQyxDQUFDLEVBQUVXLEVBQUUsRUFBRVIsUUFBUSxFQUFFQyxTQUFTLEVBQUVRLE9BQU8sRUFBRUMsRUFBRSxFQUFFO0lBQ3hGLE1BQU1QLFVBQVU7UUFBQyxDQUFDLEVBQUVMLFVBQVUsUUFBUSxDQUFDO1FBQUVHO0tBQVUsQ0FBQ0csTUFBTSxDQUFDQyxTQUFTQyxJQUFJLENBQUM7SUFFekUsSUFBSUksSUFBSTtRQUNOLHFCQUNFLHFCQUFDQyxvQkFBSTtZQUNIVixXQUFXRTtZQUNYSyxJQUFJQTtZQUNKQyxTQUFTO2dCQUNQLElBQUlBLFNBQVM7b0JBQ1hBO2dCQUNGO1lBQ0Y7WUFDQUMsSUFBSUE7V0FFSFY7SUFHUDtJQUVBLElBQUlTLFNBQVM7UUFDWCxxQkFDRSxxQkFBQ0c7WUFDQ1gsV0FBV0U7WUFDWEssSUFBSUE7WUFDSkMsU0FBUztnQkFDUCxJQUFJQSxTQUFTO29CQUNYQTtnQkFDRjtZQUNGO1lBQ0FJLE1BQUs7V0FFSmI7SUFHUDtJQUVBLHFCQUNFLHFCQUFDTztRQUFJTixXQUFXRTtRQUFTSyxJQUFJQTtPQUMxQlI7QUFHUCJ9

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

@@ -0,0 +1,47 @@
+@import '../../../../scss/styles.scss';
+
+.popup-button-list {
+  display: flex;
+  flex-direction: column;
+  text-align: left;
+  --list-button-padding: calc(var(--base) * 0.5);
+
+  &__text-align--left {
+    text-align: left;
+  }
+
+  &__text-align--center {
+    text-align: center;
+  }
+
+  &__text-align--right {
+    text-align: right;
+  }
+
+  &__button {
+    @extend %btn-reset;
+    padding-left: var(--list-button-padding);
+    padding-right: var(--list-button-padding);
+    padding-top: 2px;
+    padding-bottom: 2px;
+    cursor: pointer;
+    text-align: inherit;
+    line-height: var(--base);
+    text-decoration: none;
+    border-radius: 3px;
+
+    button {
+      @extend %btn-reset;
+
+      &:focus-visible {
+        outline: none;
+      }
+    }
+
+    &:hover,
+    &:focus-visible,
+    &:focus-within {
+      background-color: var(--popup-button-highlight);
+    }
+  }
+}

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

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PopupTrigger", {
+    enumerable: true,
+    get: function() {
+        return PopupTrigger;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const baseClass = 'popup-button';
+const PopupTrigger = (props)=>{
+    const { active, button, buttonType, className, setActive } = props;
+    const classes = [
+        baseClass,
+        className,
+        `${baseClass}--${buttonType}`
+    ].filter(Boolean).join(' ');
+    const handleClick = ()=>{
+        setActive(!active);
+    };
+    if (buttonType === 'none') {
+        return null;
+    }
+    if (buttonType === 'custom') {
+        return /*#__PURE__*/ _react.default.createElement("div", {
+            className: classes,
+            onClick: handleClick,
+            onKeyDown: (e)=>{
+                if (e.key === 'Enter') handleClick();
+            },
+            role: "button",
+            tabIndex: 0
+        }, button);
+    }
+    return /*#__PURE__*/ _react.default.createElement("button", {
+        className: classes,
+        onClick: ()=>setActive(!active),
+        type: "button"
+    }, button);
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL1BvcHVwL1BvcHVwVHJpZ2dlci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgdHlwZSB7IFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdwb3B1cC1idXR0b24nXG5cbmV4cG9ydCBjb25zdCBQb3B1cFRyaWdnZXI6IFJlYWN0LkZDPFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGFjdGl2ZSwgYnV0dG9uLCBidXR0b25UeXBlLCBjbGFzc05hbWUsIHNldEFjdGl2ZSB9ID0gcHJvcHNcblxuICBjb25zdCBjbGFzc2VzID0gW2Jhc2VDbGFzcywgY2xhc3NOYW1lLCBgJHtiYXNlQ2xhc3N9LS0ke2J1dHRvblR5cGV9YF0uZmlsdGVyKEJvb2xlYW4pLmpvaW4oJyAnKVxuXG4gIGNvbnN0IGhhbmRsZUNsaWNrID0gKCkgPT4ge1xuICAgIHNldEFjdGl2ZSghYWN0aXZlKVxuICB9XG5cbiAgaWYgKGJ1dHRvblR5cGUgPT09ICdub25lJykge1xuICAgIHJldHVybiBudWxsXG4gIH1cblxuICBpZiAoYnV0dG9uVHlwZSA9PT0gJ2N1c3RvbScpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzZXN9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbktleURvd249eyhlKSA9PiB7XG4gICAgICAgICAgaWYgKGUua2V5ID09PSAnRW50ZXInKSBoYW5kbGVDbGljaygpXG4gICAgICAgIH19XG4gICAgICAgIHJvbGU9XCJidXR0b25cIlxuICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgID5cbiAgICAgICAge2J1dHRvbn1cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGJ1dHRvbiBjbGFzc05hbWU9e2NsYXNzZXN9IG9uQ2xpY2s9eygpID0+IHNldEFjdGl2ZSghYWN0aXZlKX0gdHlwZT1cImJ1dHRvblwiPlxuICAgICAge2J1dHRvbn1cbiAgICA8L2J1dHRvbj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIlBvcHVwVHJpZ2dlciIsImJhc2VDbGFzcyIsInByb3BzIiwiYWN0aXZlIiwiYnV0dG9uIiwiYnV0dG9uVHlwZSIsImNsYXNzTmFtZSIsInNldEFjdGl2ZSIsImNsYXNzZXMiLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiIsImhhbmRsZUNsaWNrIiwiZGl2Iiwib25DbGljayIsIm9uS2V5RG93biIsImUiLCJrZXkiLCJyb2xlIiwidGFiSW5kZXgiLCJ0eXBlIl0sIm1hcHBpbmdzIjoiOzs7OytCQVFhQTs7O2VBQUFBOzs7OERBUks7UUFJWDs7Ozs7O0FBRVAsTUFBTUMsWUFBWTtBQUVYLE1BQU1ELGVBQWdDLENBQUNFO0lBQzVDLE1BQU0sRUFBRUMsTUFBTSxFQUFFQyxNQUFNLEVBQUVDLFVBQVUsRUFBRUMsU0FBUyxFQUFFQyxTQUFTLEVBQUUsR0FBR0w7SUFFN0QsTUFBTU0sVUFBVTtRQUFDUDtRQUFXSztRQUFXLENBQUMsRUFBRUwsVUFBVSxFQUFFLEVBQUVJLFdBQVcsQ0FBQztLQUFDLENBQUNJLE1BQU0sQ0FBQ0MsU0FBU0MsSUFBSSxDQUFDO0lBRTNGLE1BQU1DLGNBQWM7UUFDbEJMLFVBQVUsQ0FBQ0o7SUFDYjtJQUVBLElBQUlFLGVBQWUsUUFBUTtRQUN6QixPQUFPO0lBQ1Q7SUFFQSxJQUFJQSxlQUFlLFVBQVU7UUFDM0IscUJBQ0UsNkJBQUNRO1lBQ0NQLFdBQVdFO1lBQ1hNLFNBQVNGO1lBQ1RHLFdBQVcsQ0FBQ0M7Z0JBQ1YsSUFBSUEsRUFBRUMsR0FBRyxLQUFLLFNBQVNMO1lBQ3pCO1lBQ0FNLE1BQUs7WUFDTEMsVUFBVTtXQUVUZjtJQUdQO0lBRUEscUJBQ0UsNkJBQUNBO1FBQU9FLFdBQVdFO1FBQVNNLFNBQVMsSUFBTVAsVUFBVSxDQUFDSjtRQUFTaUIsTUFBSztPQUNqRWhCO0FBR1AifQ==

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

@@ -0,0 +1,14 @@
+@import '../../../../scss/styles.scss';
+
+.popup-button {
+  height: 100%;
+  color: currentColor;
+  padding: 0;
+  font-size: 1rem;
+  line-height: base(1);
+  background: transparent;
+  border: 0;
+  font-weight: 600;
+  cursor: pointer;
+  display: inline-flex;
+}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9