payload 1.15.5 → 2.0.0-beta.0

package/dist/admin/components/elements/CodeEditor/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/Collapsible/index.js

@@ -1,77 +1,116 @@
 "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(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Collapsible", {
+    enumerable: true,
+    get: function() {
+        return Collapsible;
     }
-    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 });
-exports.Collapsible = void 0;
-const react_1 = __importStar(require("react"));
-const react_animate_height_1 = __importDefault(require("react-animate-height"));
-const react_i18next_1 = require("react-i18next");
-const provider_1 = require("./provider");
-const Chevron_1 = __importDefault(require("../../icons/Chevron"));
-const Drag_1 = __importDefault(require("../../icons/Drag"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactanimateheight = /*#__PURE__*/ _interop_require_default(require("react-animate-height"));
+const _reacti18next = require("react-i18next");
+const _Chevron = /*#__PURE__*/ _interop_require_default(require("../../icons/Chevron"));
+const _Drag = /*#__PURE__*/ _interop_require_default(require("../../icons/Drag"));
 require("./index.scss");
+const _provider = require("./provider");
+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 = 'collapsible';
-const Collapsible = ({ children, collapsed: collapsedFromProps, onToggle, className, header, initCollapsed, dragHandleProps, actions, collapsibleStyle = 'default', }) => {
-    const [collapsedLocal, setCollapsedLocal] = (0, react_1.useState)(Boolean(initCollapsed));
-    const [hoveringToggle, setHoveringToggle] = (0, react_1.useState)(false);
-    const isNested = (0, provider_1.useCollapsible)();
-    const { t } = (0, react_i18next_1.useTranslation)('fields');
+const Collapsible = ({ actions, children, className, collapsed: collapsedFromProps, collapsibleStyle = 'default', dragHandleProps, header, initCollapsed, onToggle })=>{
+    const [collapsedLocal, setCollapsedLocal] = (0, _react.useState)(Boolean(initCollapsed));
+    const [hoveringToggle, setHoveringToggle] = (0, _react.useState)(false);
+    const isNested = (0, _provider.useCollapsible)();
+    const { t } = (0, _reacti18next.useTranslation)('fields');
     const collapsed = typeof collapsedFromProps === 'boolean' ? collapsedFromProps : collapsedLocal;
-    return (react_1.default.createElement("div", { className: [
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: [
             baseClass,
             className,
             dragHandleProps && `${baseClass}--has-drag-handle`,
             collapsed && `${baseClass}--collapsed`,
             isNested && `${baseClass}--nested`,
             hoveringToggle && `${baseClass}--hovered`,
-            `${baseClass}--style-${collapsibleStyle}`,
-        ].filter(Boolean).join(' ') },
-        react_1.default.createElement(provider_1.CollapsibleProvider, null,
-            react_1.default.createElement("div", { className: `${baseClass}__toggle-wrap`, onMouseEnter: () => setHoveringToggle(true), onMouseLeave: () => setHoveringToggle(false) },
-                dragHandleProps && (react_1.default.createElement("div", { className: `${baseClass}__drag`, ...dragHandleProps.attributes, ...dragHandleProps.listeners },
-                    react_1.default.createElement(Drag_1.default, null))),
-                react_1.default.createElement("button", { type: "button", className: [
-                        `${baseClass}__toggle`,
-                        `${baseClass}__toggle--${collapsed ? 'collapsed' : 'open'}`,
-                    ].filter(Boolean).join(' '), onClick: () => {
-                        if (typeof onToggle === 'function')
-                            onToggle(!collapsed);
-                        setCollapsedLocal(!collapsed);
-                    } },
-                    react_1.default.createElement("span", null, t('toggleBlock'))),
-                header && (react_1.default.createElement("div", { className: [
-                        `${baseClass}__header-wrap`,
-                        dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`,
-                    ].filter(Boolean).join(' ') }, header && header)),
-                react_1.default.createElement("div", { className: `${baseClass}__actions-wrap` },
-                    actions && (react_1.default.createElement("div", { className: `${baseClass}__actions` }, actions)),
-                    react_1.default.createElement(Chevron_1.default, { className: `${baseClass}__indicator` }))),
-            react_1.default.createElement(react_animate_height_1.default, { height: collapsed ? 0 : 'auto', duration: 200 },
-                react_1.default.createElement("div", { className: `${baseClass}__content` }, children)))));
+            `${baseClass}--style-${collapsibleStyle}`
+        ].filter(Boolean).join(' ')
+    }, /*#__PURE__*/ _react.default.createElement(_provider.CollapsibleProvider, null, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__toggle-wrap`,
+        onMouseEnter: ()=>setHoveringToggle(true),
+        onMouseLeave: ()=>setHoveringToggle(false)
+    }, dragHandleProps && /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__drag`,
+        ...dragHandleProps.attributes,
+        ...dragHandleProps.listeners
+    }, /*#__PURE__*/ _react.default.createElement(_Drag.default, null)), /*#__PURE__*/ _react.default.createElement("button", {
+        className: [
+            `${baseClass}__toggle`,
+            `${baseClass}__toggle--${collapsed ? 'collapsed' : 'open'}`
+        ].filter(Boolean).join(' '),
+        onClick: ()=>{
+            if (typeof onToggle === 'function') onToggle(!collapsed);
+            setCollapsedLocal(!collapsed);
+        },
+        type: "button"
+    }, /*#__PURE__*/ _react.default.createElement("span", null, t('toggleBlock'))), header && /*#__PURE__*/ _react.default.createElement("div", {
+        className: [
+            `${baseClass}__header-wrap`,
+            dragHandleProps && `${baseClass}__header-wrap--has-drag-handle`
+        ].filter(Boolean).join(' ')
+    }, header && header), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__actions-wrap`
+    }, actions && /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__actions`
+    }, actions), /*#__PURE__*/ _react.default.createElement(_Chevron.default, {
+        className: `${baseClass}__indicator`
+    }))), /*#__PURE__*/ _react.default.createElement(_reactanimateheight.default, {
+        duration: 200,
+        height: collapsed ? 0 : 'auto'
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__content`
+    }, children))));
 };
-exports.Collapsible = Collapsible;
-//# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL0NvbGxhcHNpYmxlL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBBbmltYXRlSGVpZ2h0IGZyb20gJ3JlYWN0LWFuaW1hdGUtaGVpZ2h0J1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0J1xuXG5pbXBvcnQgdHlwZSB7IFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuaW1wb3J0IENoZXZyb24gZnJvbSAnLi4vLi4vaWNvbnMvQ2hldnJvbidcbmltcG9ydCBEcmFnSGFuZGxlIGZyb20gJy4uLy4uL2ljb25zL0RyYWcnXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcbmltcG9ydCB7IENvbGxhcHNpYmxlUHJvdmlkZXIsIHVzZUNvbGxhcHNpYmxlIH0gZnJvbSAnLi9wcm92aWRlcidcblxuY29uc3QgYmFzZUNsYXNzID0gJ2NvbGxhcHNpYmxlJ1xuXG5leHBvcnQgY29uc3QgQ29sbGFwc2libGU6IFJlYWN0LkZDPFByb3BzPiA9ICh7XG4gIGFjdGlvbnMsXG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIGNvbGxhcHNlZDogY29sbGFwc2VkRnJvbVByb3BzLFxuICBjb2xsYXBzaWJsZVN0eWxlID0gJ2RlZmF1bHQnLFxuICBkcmFnSGFuZGxlUHJvcHMsXG4gIGhlYWRlcixcbiAgaW5pdENvbGxhcHNlZCxcbiAgb25Ub2dnbGUsXG59KSA9PiB7XG4gIGNvbnN0IFtjb2xsYXBzZWRMb2NhbCwgc2V0Q29sbGFwc2VkTG9jYWxdID0gdXNlU3RhdGUoQm9vbGVhbihpbml0Q29sbGFwc2VkKSlcbiAgY29uc3QgW2hvdmVyaW5nVG9nZ2xlLCBzZXRIb3ZlcmluZ1RvZ2dsZV0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgaXNOZXN0ZWQgPSB1c2VDb2xsYXBzaWJsZSgpXG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oJ2ZpZWxkcycpXG5cbiAgY29uc3QgY29sbGFwc2VkID0gdHlwZW9mIGNvbGxhcHNlZEZyb21Qcm9wcyA9PT0gJ2Jvb2xlYW4nID8gY29sbGFwc2VkRnJvbVByb3BzIDogY29sbGFwc2VkTG9jYWxcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17W1xuICAgICAgICBiYXNlQ2xhc3MsXG4gICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgZHJhZ0hhbmRsZVByb3BzICYmIGAke2Jhc2VDbGFzc30tLWhhcy1kcmFnLWhhbmRsZWAsXG4gICAgICAgIGNvbGxhcHNlZCAmJiBgJHtiYXNlQ2xhc3N9LS1jb2xsYXBzZWRgLFxuICAgICAgICBpc05lc3RlZCAmJiBgJHtiYXNlQ2xhc3N9LS1uZXN0ZWRgLFxuICAgICAgICBob3ZlcmluZ1RvZ2dsZSAmJiBgJHtiYXNlQ2xhc3N9LS1ob3ZlcmVkYCxcbiAgICAgICAgYCR7YmFzZUNsYXNzfS0tc3R5bGUtJHtjb2xsYXBzaWJsZVN0eWxlfWAsXG4gICAgICBdXG4gICAgICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAgICAgLmpvaW4oJyAnKX1cbiAgICA+XG4gICAgICA8Q29sbGFwc2libGVQcm92aWRlcj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fdG9nZ2xlLXdyYXBgfVxuICAgICAgICAgIG9uTW91c2VFbnRlcj17KCkgPT4gc2V0SG92ZXJpbmdUb2dnbGUodHJ1ZSl9XG4gICAgICAgICAgb25Nb3VzZUxlYXZlPXsoKSA9PiBzZXRIb3ZlcmluZ1RvZ2dsZShmYWxzZSl9XG4gICAgICAgID5cbiAgICAgICAgICB7ZHJhZ0hhbmRsZVByb3BzICYmIChcbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19kcmFnYH1cbiAgICAgICAgICAgICAgey4uLmRyYWdIYW5kbGVQcm9wcy5hdHRyaWJ1dGVzfVxuICAgICAgICAgICAgICB7Li4uZHJhZ0hhbmRsZVByb3BzLmxpc3RlbmVyc31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPERyYWdIYW5kbGUgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICl9XG4gICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgY2xhc3NOYW1lPXtbXG4gICAgICAgICAgICAgIGAke2Jhc2VDbGFzc31fX3RvZ2dsZWAsXG4gICAgICAgICAgICAgIGAke2Jhc2VDbGFzc31fX3RvZ2dsZS0tJHtjb2xsYXBzZWQgPyAnY29sbGFwc2VkJyA6ICdvcGVuJ31gLFxuICAgICAgICAgICAgXVxuICAgICAgICAgICAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgICAgICAgICAgIC5qb2luKCcgJyl9XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgIGlmICh0eXBlb2Ygb25Ub2dnbGUgPT09ICdmdW5jdGlvbicpIG9uVG9nZ2xlKCFjb2xsYXBzZWQpXG4gICAgICAgICAgICAgIHNldENvbGxhcHNlZExvY2FsKCFjb2xsYXBzZWQpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPHNwYW4+e3QoJ3RvZ2dsZUJsb2NrJyl9PC9zcGFuPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIHtoZWFkZXIgJiYgKFxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICBjbGFzc05hbWU9e1tcbiAgICAgICAgICAgICAgICBgJHtiYXNlQ2xhc3N9X19oZWFkZXItd3JhcGAsXG4gICAgICAgICAgICAgICAgZHJhZ0hhbmRsZVByb3BzICYmIGAke2Jhc2VDbGFzc31fX2hlYWRlci13cmFwLS1oYXMtZHJhZy1oYW5kbGVgLFxuICAgICAgICAgICAgICBdXG4gICAgICAgICAgICAgICAgLmZpbHRlcihCb29sZWFuKVxuICAgICAgICAgICAgICAgIC5qb2luKCcgJyl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtoZWFkZXIgJiYgaGVhZGVyfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fYWN0aW9ucy13cmFwYH0+XG4gICAgICAgICAgICB7YWN0aW9ucyAmJiA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fYWN0aW9uc2B9PnthY3Rpb25zfTwvZGl2Pn1cbiAgICAgICAgICAgIDxDaGV2cm9uIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9faW5kaWNhdG9yYH0gLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxBbmltYXRlSGVpZ2h0IGR1cmF0aW9uPXsyMDB9IGhlaWdodD17Y29sbGFwc2VkID8gMCA6ICdhdXRvJ30+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2NvbnRlbnRgfT57Y2hpbGRyZW59PC9kaXY+XG4gICAgICAgIDwvQW5pbWF0ZUhlaWdodD5cbiAgICAgIDwvQ29sbGFwc2libGVQcm92aWRlcj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIkNvbGxhcHNpYmxlIiwiYmFzZUNsYXNzIiwiYWN0aW9ucyIsImNoaWxkcmVuIiwiY2xhc3NOYW1lIiwiY29sbGFwc2VkIiwiY29sbGFwc2VkRnJvbVByb3BzIiwiY29sbGFwc2libGVTdHlsZSIsImRyYWdIYW5kbGVQcm9wcyIsImhlYWRlciIsImluaXRDb2xsYXBzZWQiLCJvblRvZ2dsZSIsImNvbGxhcHNlZExvY2FsIiwic2V0Q29sbGFwc2VkTG9jYWwiLCJ1c2VTdGF0ZSIsIkJvb2xlYW4iLCJob3ZlcmluZ1RvZ2dsZSIsInNldEhvdmVyaW5nVG9nZ2xlIiwiaXNOZXN0ZWQiLCJ1c2VDb2xsYXBzaWJsZSIsInQiLCJ1c2VUcmFuc2xhdGlvbiIsImRpdiIsImZpbHRlciIsImpvaW4iLCJDb2xsYXBzaWJsZVByb3ZpZGVyIiwib25Nb3VzZUVudGVyIiwib25Nb3VzZUxlYXZlIiwiYXR0cmlidXRlcyIsImxpc3RlbmVycyIsIkRyYWdIYW5kbGUiLCJidXR0b24iLCJvbkNsaWNrIiwidHlwZSIsInNwYW4iLCJDaGV2cm9uIiwiQW5pbWF0ZUhlaWdodCIsImR1cmF0aW9uIiwiaGVpZ2h0Il0sIm1hcHBpbmdzIjoiOzs7OytCQWFhQTs7O2VBQUFBOzs7K0RBYm1COzJFQUNOOzhCQUNLO2dFQUlYOzZEQUNHO1FBQ2hCOzBCQUM2Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRXBELE1BQU1DLFlBQVk7QUFFWCxNQUFNRCxjQUErQixDQUFDLEVBQzNDRSxPQUFPLEVBQ1BDLFFBQVEsRUFDUkMsU0FBUyxFQUNUQyxXQUFXQyxrQkFBa0IsRUFDN0JDLG1CQUFtQixTQUFTLEVBQzVCQyxlQUFlLEVBQ2ZDLE1BQU0sRUFDTkMsYUFBYSxFQUNiQyxRQUFRLEVBQ1Q7SUFDQyxNQUFNLENBQUNDLGdCQUFnQkMsa0JBQWtCLEdBQUdDLElBQUFBLGVBQVEsRUFBQ0MsUUFBUUw7SUFDN0QsTUFBTSxDQUFDTSxnQkFBZ0JDLGtCQUFrQixHQUFHSCxJQUFBQSxlQUFRLEVBQUM7SUFDckQsTUFBTUksV0FBV0MsSUFBQUEsd0JBQWM7SUFDL0IsTUFBTSxFQUFFQyxDQUFDLEVBQUUsR0FBR0MsSUFBQUEsNEJBQWMsRUFBQztJQUU3QixNQUFNaEIsWUFBWSxPQUFPQyx1QkFBdUIsWUFBWUEscUJBQXFCTTtJQUVqRixxQkFDRSw2QkFBQ1U7UUFDQ2xCLFdBQVc7WUFDVEg7WUFDQUc7WUFDQUksbUJBQW1CLENBQUMsRUFBRVAsVUFBVSxpQkFBaUIsQ0FBQztZQUNsREksYUFBYSxDQUFDLEVBQUVKLFVBQVUsV0FBVyxDQUFDO1lBQ3RDaUIsWUFBWSxDQUFDLEVBQUVqQixVQUFVLFFBQVEsQ0FBQztZQUNsQ2Usa0JBQWtCLENBQUMsRUFBRWYsVUFBVSxTQUFTLENBQUM7WUFDekMsQ0FBQyxFQUFFQSxVQUFVLFFBQVEsRUFBRU0saUJBQWlCLENBQUM7U0FDMUMsQ0FDRWdCLE1BQU0sQ0FBQ1IsU0FDUFMsSUFBSSxDQUFDO3FCQUVSLDZCQUFDQyw2QkFBbUIsc0JBQ2xCLDZCQUFDSDtRQUNDbEIsV0FBVyxDQUFDLEVBQUVILFVBQVUsYUFBYSxDQUFDO1FBQ3RDeUIsY0FBYyxJQUFNVCxrQkFBa0I7UUFDdENVLGNBQWMsSUFBTVYsa0JBQWtCO09BRXJDVCxpQ0FDQyw2QkFBQ2M7UUFDQ2xCLFdBQVcsQ0FBQyxFQUFFSCxVQUFVLE1BQU0sQ0FBQztRQUM5QixHQUFHTyxnQkFBZ0JvQixVQUFVO1FBQzdCLEdBQUdwQixnQkFBZ0JxQixTQUFTO3FCQUU3Qiw2QkFBQ0MsYUFBVSx3QkFHZiw2QkFBQ0M7UUFDQzNCLFdBQVc7WUFDVCxDQUFDLEVBQUVILFVBQVUsUUFBUSxDQUFDO1lBQ3RCLENBQUMsRUFBRUEsVUFBVSxVQUFVLEVBQUVJLFlBQVksY0FBYyxPQUFPLENBQUM7U0FDNUQsQ0FDRWtCLE1BQU0sQ0FBQ1IsU0FDUFMsSUFBSSxDQUFDO1FBQ1JRLFNBQVM7WUFDUCxJQUFJLE9BQU9yQixhQUFhLFlBQVlBLFNBQVMsQ0FBQ047WUFDOUNRLGtCQUFrQixDQUFDUjtRQUNyQjtRQUNBNEIsTUFBSztxQkFFTCw2QkFBQ0MsY0FBTWQsRUFBRSxrQkFFVlgsd0JBQ0MsNkJBQUNhO1FBQ0NsQixXQUFXO1lBQ1QsQ0FBQyxFQUFFSCxVQUFVLGFBQWEsQ0FBQztZQUMzQk8sbUJBQW1CLENBQUMsRUFBRVAsVUFBVSw4QkFBOEIsQ0FBQztTQUNoRSxDQUNFc0IsTUFBTSxDQUFDUixTQUNQUyxJQUFJLENBQUM7T0FFUGYsVUFBVUEsdUJBR2YsNkJBQUNhO1FBQUlsQixXQUFXLENBQUMsRUFBRUgsVUFBVSxjQUFjLENBQUM7T0FDekNDLHlCQUFXLDZCQUFDb0I7UUFBSWxCLFdBQVcsQ0FBQyxFQUFFSCxVQUFVLFNBQVMsQ0FBQztPQUFHQyx3QkFDdEQsNkJBQUNpQyxnQkFBTztRQUFDL0IsV0FBVyxDQUFDLEVBQUVILFVBQVUsV0FBVyxDQUFDO3dCQUdqRCw2QkFBQ21DLDJCQUFhO1FBQUNDLFVBQVU7UUFBS0MsUUFBUWpDLFlBQVksSUFBSTtxQkFDcEQsNkJBQUNpQjtRQUFJbEIsV0FBVyxDQUFDLEVBQUVILFVBQVUsU0FBUyxDQUFDO09BQUdFO0FBS3BEIn0=

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

@@ -1,8 +1,8 @@
 @import '../../../scss/styles.scss';
 
 .collapsible {
-  --toggle-pad-h: #{base(.75)};
-  --toggle-pad-v: #{base(.5)};
+  --toggle-pad-h: #{base(0.75)};
+  --toggle-pad-v: #{base(0.5)};
 
   border-radius: $style-radius-m;
 
@@ -10,16 +10,12 @@
     position: relative;
   }
 
-  &--nested {
-    margin-bottom: $baseline !important;
-  }
-
   &__drag {
-    opacity: .5;
+    opacity: 0.5;
     position: absolute;
     z-index: 1;
     top: var(--toggle-pad-v);
-    left: base(.5);
+    left: base(0.5);
   }
 
   &__toggle {
@@ -43,7 +39,7 @@
       border: 1px solid var(--theme-elevation-300);
     }
 
-    >.collapsible__toggle-wrap {
+    > .collapsible__toggle-wrap {
       .row-label {
         color: var(--theme-text);
       }
@@ -52,7 +48,7 @@
       }
     }
     &.collapsible--hovered {
-      >.collapsible__toggle-wrap .collapsible__toggle {
+      > .collapsible__toggle-wrap .collapsible__toggle {
         background: var(--theme-elevation-100);
       }
     }
@@ -71,13 +67,13 @@
     left: 0;
     pointer-events: none;
 
-    >* {
+    > * {
       pointer-events: all;
     }
   }
 
   &__header-wrap--has-drag-handle {
-    left: base(.875);
+    left: base(0.875);
   }
 
   &--collapsed {
@@ -104,14 +100,14 @@
   }
 
   &__indicator {
-    transform: rotate(.5turn);
+    transform: rotate(0.5turn);
   }
 
   &__content {
     background-color: var(--theme-elevation-0);
     border-bottom-left-radius: $style-radius-s;
     border-bottom-right-radius: $style-radius-s;
-    padding: $baseline $baseline 0 $baseline;
+    padding: var(--base);
   }
 
   @include small-break {
@@ -121,7 +117,7 @@
   }
 }
 
-html[data-theme=dark] {
+html[data-theme='dark'] {
   .collapsible {
     &--style-error {
       border: 1px solid var(--theme-error-400);
@@ -129,7 +125,7 @@ html[data-theme=dark] {
         border: 1px solid var(--theme-error-500);
       }
 
-      >.collapsible__toggle-wrap {
+      > .collapsible__toggle-wrap {
         .row-label {
           color: var(--theme-error-500);
         }
@@ -138,7 +134,7 @@ html[data-theme=dark] {
         }
       }
       &.collapsible--hovered {
-        >.collapsible__toggle-wrap .collapsible__toggle {
+        > .collapsible__toggle-wrap .collapsible__toggle {
           background: var(--theme-error-150);
         }
       }
@@ -146,7 +142,7 @@ html[data-theme=dark] {
   }
 }
 
-html[data-theme=light] {
+html[data-theme='light'] {
   .collapsible {
     &--style-error {
       border: 1px solid var(--theme-error-500);
@@ -154,7 +150,7 @@ html[data-theme=light] {
         border: 1px solid var(--theme-error-600);
       }
 
-      >.collapsible__toggle-wrap {
+      > .collapsible__toggle-wrap {
         .row-label {
           color: var(--theme-error-750);
         }
@@ -163,7 +159,7 @@ html[data-theme=light] {
         }
       }
       &.collapsible--hovered {
-        >.collapsible__toggle-wrap .collapsible__toggle {
+        > .collapsible__toggle-wrap .collapsible__toggle {
           background: var(--theme-error-100);
         }
       }

package/dist/admin/components/elements/Collapsible/provider.js

@@ -1,36 +1,71 @@
 "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(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    CollapsibleProvider: function() {
+        return CollapsibleProvider;
+    },
+    useCollapsible: function() {
+        return useCollapsible;
+    },
+    default: function() {
+        return _default;
     }
-    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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCollapsible = exports.CollapsibleProvider = void 0;
-const react_1 = __importStar(require("react"));
-const Context = (0, react_1.createContext)(false);
-const CollapsibleProvider = ({ children, withinCollapsible = true }) => {
-    return (react_1.default.createElement(Context.Provider, { value: withinCollapsible }, children));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+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 Context = /*#__PURE__*/ (0, _react.createContext)(false);
+const CollapsibleProvider = ({ children, withinCollapsible = true })=>{
+    return /*#__PURE__*/ _react.default.createElement(Context.Provider, {
+        value: withinCollapsible
+    }, children);
 };
-exports.CollapsibleProvider = CollapsibleProvider;
-const useCollapsible = () => (0, react_1.useContext)(Context);
-exports.useCollapsible = useCollapsible;
-exports.default = Context;
-//# sourceMappingURL=provider.js.map
+const useCollapsible = ()=>(0, _react.useContext)(Context);
+const _default = Context;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL0NvbGxhcHNpYmxlL3Byb3ZpZGVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgY3JlYXRlQ29udGV4dCwgdXNlQ29udGV4dCB9IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBDb250ZXh0ID0gY3JlYXRlQ29udGV4dChmYWxzZSlcblxuZXhwb3J0IGNvbnN0IENvbGxhcHNpYmxlUHJvdmlkZXI6IFJlYWN0LkZDPHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgd2l0aGluQ29sbGFwc2libGU/OiBib29sZWFuXG59PiA9ICh7IGNoaWxkcmVuLCB3aXRoaW5Db2xsYXBzaWJsZSA9IHRydWUgfSkgPT4ge1xuICByZXR1cm4gPENvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3dpdGhpbkNvbGxhcHNpYmxlfT57Y2hpbGRyZW59PC9Db250ZXh0LlByb3ZpZGVyPlxufVxuXG5leHBvcnQgY29uc3QgdXNlQ29sbGFwc2libGUgPSAoKTogYm9vbGVhbiA9PiB1c2VDb250ZXh0KENvbnRleHQpXG5cbmV4cG9ydCBkZWZhdWx0IENvbnRleHRcbiJdLCJuYW1lcyI6WyJDb2xsYXBzaWJsZVByb3ZpZGVyIiwidXNlQ29sbGFwc2libGUiLCJDb250ZXh0IiwiY3JlYXRlQ29udGV4dCIsImNoaWxkcmVuIiwid2l0aGluQ29sbGFwc2libGUiLCJQcm92aWRlciIsInZhbHVlIiwidXNlQ29udGV4dCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7SUFJYUEsbUJBQW1CO2VBQW5CQTs7SUFPQUMsY0FBYztlQUFkQTs7SUFFYixPQUFzQjtlQUF0Qjs7OytEQWJpRDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVqRCxNQUFNQyx3QkFBVUMsSUFBQUEsb0JBQWEsRUFBQztBQUV2QixNQUFNSCxzQkFHUixDQUFDLEVBQUVJLFFBQVEsRUFBRUMsb0JBQW9CLElBQUksRUFBRTtJQUMxQyxxQkFBTyw2QkFBQ0gsUUFBUUksUUFBUTtRQUFDQyxPQUFPRjtPQUFvQkQ7QUFDdEQ7QUFFTyxNQUFNSCxpQkFBaUIsSUFBZU8sSUFBQUEsaUJBQVUsRUFBQ047TUFFeEQsV0FBZUEifQ==

package/dist/admin/components/elements/Collapsible/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/ColumnSelector/index.js

@@ -1,67 +1,106 @@
 "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(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
     }
-    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_i18next_1 = require("react-i18next");
-const Pill_1 = __importDefault(require("../Pill"));
-const Plus_1 = __importDefault(require("../../icons/Plus"));
-const X_1 = __importDefault(require("../../icons/X"));
-const getTranslation_1 = require("../../../../utilities/getTranslation");
-const EditDepth_1 = require("../../utilities/EditDepth");
-const DraggableSortable_1 = __importDefault(require("../DraggableSortable"));
-const TableColumns_1 = require("../TableColumns");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reacti18next = require("react-i18next");
+const _getTranslation = require("../../../../utilities/getTranslation");
+const _Plus = /*#__PURE__*/ _interop_require_default(require("../../icons/Plus"));
+const _X = /*#__PURE__*/ _interop_require_default(require("../../icons/X"));
+const _EditDepth = require("../../utilities/EditDepth");
+const _DraggableSortable = /*#__PURE__*/ _interop_require_default(require("../DraggableSortable"));
+const _Pill = /*#__PURE__*/ _interop_require_default(require("../Pill"));
+const _TableColumns = require("../TableColumns");
 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 = 'column-selector';
-const ColumnSelector = (props) => {
-    const { collection, } = props;
-    const { columns, toggleColumn, moveColumn, } = (0, TableColumns_1.useTableColumns)();
-    const { i18n } = (0, react_i18next_1.useTranslation)();
-    const uuid = (0, react_1.useId)();
-    const editDepth = (0, EditDepth_1.useEditDepth)();
+const ColumnSelector = (props)=>{
+    const { collection } = props;
+    const { columns, moveColumn, toggleColumn } = (0, _TableColumns.useTableColumns)();
+    const { i18n } = (0, _reacti18next.useTranslation)();
+    const uuid = (0, _react.useId)();
+    const editDepth = (0, _EditDepth.useEditDepth)();
     if (!columns) {
         return null;
     }
-    return (react_1.default.createElement(DraggableSortable_1.default, { className: baseClass, ids: columns.map((col) => col.accessor), onDragEnd: ({ moveFromIndex, moveToIndex }) => {
+    return /*#__PURE__*/ _react.default.createElement(_DraggableSortable.default, {
+        className: baseClass,
+        ids: columns.map((col)=>col.accessor),
+        onDragEnd: ({ moveFromIndex, moveToIndex })=>{
             moveColumn({
                 fromIndex: moveFromIndex,
-                toIndex: moveToIndex,
+                toIndex: moveToIndex
             });
-        } }, columns.map((col, i) => {
-        const { accessor, active, label, name, } = col;
-        if (col.accessor === '_select')
-            return null;
-        return (react_1.default.createElement(Pill_1.default, { draggable: true, id: accessor, onClick: () => {
-                toggleColumn(accessor);
-            }, alignIcon: "left", key: `${collection.slug}-${col.name || i}${editDepth ? `-${editDepth}-` : ''}${uuid}`, icon: active ? react_1.default.createElement(X_1.default, null) : react_1.default.createElement(Plus_1.default, null), "aria-checked": active, className: [
+        }
+    }, columns.map((col, i)=>{
+        const { name, accessor, active, label } = col;
+        if (col.accessor === '_select') return null;
+        return /*#__PURE__*/ _react.default.createElement(_Pill.default, {
+            alignIcon: "left",
+            "aria-checked": active,
+            className: [
                 `${baseClass}__column`,
-                active && `${baseClass}__column--active`,
-            ].filter(Boolean).join(' ') }, (0, getTranslation_1.getTranslation)(label || name, i18n)));
-    })));
+                active && `${baseClass}__column--active`
+            ].filter(Boolean).join(' '),
+            draggable: true,
+            icon: active ? /*#__PURE__*/ _react.default.createElement(_X.default, null) : /*#__PURE__*/ _react.default.createElement(_Plus.default, null),
+            id: accessor,
+            key: `${collection.slug}-${col.name || i}${editDepth ? `-${editDepth}-` : ''}${uuid}`,
+            onClick: ()=>{
+                toggleColumn(accessor);
+            }
+        }, (0, _getTranslation.getTranslation)(label || name, i18n));
+    }));
 };
-exports.default = ColumnSelector;
-//# sourceMappingURL=index.js.map
+const _default = ColumnSelector;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hZG1pbi9jb21wb25lbnRzL2VsZW1lbnRzL0NvbHVtblNlbGVjdG9yL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlSWQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCdcblxuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCB7IGdldFRyYW5zbGF0aW9uIH0gZnJvbSAnLi4vLi4vLi4vLi4vdXRpbGl0aWVzL2dldFRyYW5zbGF0aW9uJ1xuaW1wb3J0IFBsdXMgZnJvbSAnLi4vLi4vaWNvbnMvUGx1cydcbmltcG9ydCBYIGZyb20gJy4uLy4uL2ljb25zL1gnXG5pbXBvcnQgeyB1c2VFZGl0RGVwdGggfSBmcm9tICcuLi8uLi91dGlsaXRpZXMvRWRpdERlcHRoJ1xuaW1wb3J0IERyYWdnYWJsZVNvcnRhYmxlIGZyb20gJy4uL0RyYWdnYWJsZVNvcnRhYmxlJ1xuaW1wb3J0IFBpbGwgZnJvbSAnLi4vUGlsbCdcbmltcG9ydCB7IHVzZVRhYmxlQ29sdW1ucyB9IGZyb20gJy4uL1RhYmxlQ29sdW1ucydcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAnY29sdW1uLXNlbGVjdG9yJ1xuXG5jb25zdCBDb2x1bW5TZWxlY3RvcjogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY29sbGVjdGlvbiB9ID0gcHJvcHNcblxuICBjb25zdCB7IGNvbHVtbnMsIG1vdmVDb2x1bW4sIHRvZ2dsZUNvbHVtbiB9ID0gdXNlVGFibGVDb2x1bW5zKClcblxuICBjb25zdCB7IGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKClcbiAgY29uc3QgdXVpZCA9IHVzZUlkKClcbiAgY29uc3QgZWRpdERlcHRoID0gdXNlRWRpdERlcHRoKClcblxuICBpZiAoIWNvbHVtbnMpIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RHJhZ2dhYmxlU29ydGFibGVcbiAgICAgIGNsYXNzTmFtZT17YmFzZUNsYXNzfVxuICAgICAgaWRzPXtjb2x1bW5zLm1hcCgoY29sKSA9PiBjb2wuYWNjZXNzb3IpfVxuICAgICAgb25EcmFnRW5kPXsoeyBtb3ZlRnJvbUluZGV4LCBtb3ZlVG9JbmRleCB9KSA9PiB7XG4gICAgICAgIG1vdmVDb2x1bW4oe1xuICAgICAgICAgIGZyb21JbmRleDogbW92ZUZyb21JbmRleCxcbiAgICAgICAgICB0b0luZGV4OiBtb3ZlVG9JbmRleCxcbiAgICAgICAgfSlcbiAgICAgIH19XG4gICAgPlxuICAgICAge2NvbHVtbnMubWFwKChjb2wsIGkpID0+IHtcbiAgICAgICAgY29uc3QgeyBuYW1lLCBhY2Nlc3NvciwgYWN0aXZlLCBsYWJlbCB9ID0gY29sXG5cbiAgICAgICAgaWYgKGNvbC5hY2Nlc3NvciA9PT0gJ19zZWxlY3QnKSByZXR1cm4gbnVsbFxuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFBpbGxcbiAgICAgICAgICAgIGFsaWduSWNvbj1cImxlZnRcIlxuICAgICAgICAgICAgYXJpYS1jaGVja2VkPXthY3RpdmV9XG4gICAgICAgICAgICBjbGFzc05hbWU9e1tgJHtiYXNlQ2xhc3N9X19jb2x1bW5gLCBhY3RpdmUgJiYgYCR7YmFzZUNsYXNzfV9fY29sdW1uLS1hY3RpdmVgXVxuICAgICAgICAgICAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgICAgICAgICAgIC5qb2luKCcgJyl9XG4gICAgICAgICAgICBkcmFnZ2FibGVcbiAgICAgICAgICAgIGljb249e2FjdGl2ZSA/IDxYIC8+IDogPFBsdXMgLz59XG4gICAgICAgICAgICBpZD17YWNjZXNzb3J9XG4gICAgICAgICAgICBrZXk9e2Ake2NvbGxlY3Rpb24uc2x1Z30tJHtjb2wubmFtZSB8fCBpfSR7ZWRpdERlcHRoID8gYC0ke2VkaXREZXB0aH0tYCA6ICcnfSR7dXVpZH1gfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICB0b2dnbGVDb2x1bW4oYWNjZXNzb3IpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtnZXRUcmFuc2xhdGlvbihsYWJlbCB8fCBuYW1lLCBpMThuKX1cbiAgICAgICAgICA8L1BpbGw+XG4gICAgICAgIClcbiAgICAgIH0pfVxuICAgIDwvRHJhZ2dhYmxlU29ydGFibGU+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ29sdW1uU2VsZWN0b3JcbiJdLCJuYW1lcyI6WyJiYXNlQ2xhc3MiLCJDb2x1bW5TZWxlY3RvciIsInByb3BzIiwiY29sbGVjdGlvbiIsImNvbHVtbnMiLCJtb3ZlQ29sdW1uIiwidG9nZ2xlQ29sdW1uIiwidXNlVGFibGVDb2x1bW5zIiwiaTE4biIsInVzZVRyYW5zbGF0aW9uIiwidXVpZCIsInVzZUlkIiwiZWRpdERlcHRoIiwidXNlRWRpdERlcHRoIiwiRHJhZ2dhYmxlU29ydGFibGUiLCJjbGFzc05hbWUiLCJpZHMiLCJtYXAiLCJjb2wiLCJhY2Nlc3NvciIsIm9uRHJhZ0VuZCIsIm1vdmVGcm9tSW5kZXgiLCJtb3ZlVG9JbmRleCIsImZyb21JbmRleCIsInRvSW5kZXgiLCJpIiwibmFtZSIsImFjdGl2ZSIsImxhYmVsIiwiUGlsbCIsImFsaWduSWNvbiIsImFyaWEtY2hlY2tlZCIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwiZHJhZ2dhYmxlIiwiaWNvbiIsIlgiLCJQbHVzIiwiaWQiLCJrZXkiLCJzbHVnIiwib25DbGljayIsImdldFRyYW5zbGF0aW9uIl0sIm1hcHBpbmdzIjoiOzs7OytCQW9FQTs7O2VBQUE7OzsrREFwRTZCOzhCQUNFO2dDQUlBOzZEQUNkOzBEQUNIOzJCQUNlOzBFQUNDOzZEQUNiOzhCQUNlO1FBQ3pCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQSxZQUFZO0FBRWxCLE1BQU1DLGlCQUFrQyxDQUFDQztJQUN2QyxNQUFNLEVBQUVDLFVBQVUsRUFBRSxHQUFHRDtJQUV2QixNQUFNLEVBQUVFLE9BQU8sRUFBRUMsVUFBVSxFQUFFQyxZQUFZLEVBQUUsR0FBR0MsSUFBQUEsNkJBQWU7SUFFN0QsTUFBTSxFQUFFQyxJQUFJLEVBQUUsR0FBR0MsSUFBQUEsNEJBQWM7SUFDL0IsTUFBTUMsT0FBT0MsSUFBQUEsWUFBSztJQUNsQixNQUFNQyxZQUFZQyxJQUFBQSx1QkFBWTtJQUU5QixJQUFJLENBQUNULFNBQVM7UUFDWixPQUFPO0lBQ1Q7SUFFQSxxQkFDRSw2QkFBQ1UsMEJBQWlCO1FBQ2hCQyxXQUFXZjtRQUNYZ0IsS0FBS1osUUFBUWEsR0FBRyxDQUFDLENBQUNDLE1BQVFBLElBQUlDLFFBQVE7UUFDdENDLFdBQVcsQ0FBQyxFQUFFQyxhQUFhLEVBQUVDLFdBQVcsRUFBRTtZQUN4Q2pCLFdBQVc7Z0JBQ1RrQixXQUFXRjtnQkFDWEcsU0FBU0Y7WUFDWDtRQUNGO09BRUNsQixRQUFRYSxHQUFHLENBQUMsQ0FBQ0MsS0FBS087UUFDakIsTUFBTSxFQUFFQyxJQUFJLEVBQUVQLFFBQVEsRUFBRVEsTUFBTSxFQUFFQyxLQUFLLEVBQUUsR0FBR1Y7UUFFMUMsSUFBSUEsSUFBSUMsUUFBUSxLQUFLLFdBQVcsT0FBTztRQUV2QyxxQkFDRSw2QkFBQ1UsYUFBSTtZQUNIQyxXQUFVO1lBQ1ZDLGdCQUFjSjtZQUNkWixXQUFXO2dCQUFDLENBQUMsRUFBRWYsVUFBVSxRQUFRLENBQUM7Z0JBQUUyQixVQUFVLENBQUMsRUFBRTNCLFVBQVUsZ0JBQWdCLENBQUM7YUFBQyxDQUMxRWdDLE1BQU0sQ0FBQ0MsU0FDUEMsSUFBSSxDQUFDO1lBQ1JDLFdBQUFBO1lBQ0FDLE1BQU1ULHVCQUFTLDZCQUFDVSxVQUFDLHdCQUFNLDZCQUFDQyxhQUFJO1lBQzVCQyxJQUFJcEI7WUFDSnFCLEtBQUssQ0FBQyxFQUFFckMsV0FBV3NDLElBQUksQ0FBQyxDQUFDLEVBQUV2QixJQUFJUSxJQUFJLElBQUlELEVBQUUsRUFBRWIsWUFBWSxDQUFDLENBQUMsRUFBRUEsVUFBVSxDQUFDLENBQUMsR0FBRyxHQUFHLEVBQUVGLEtBQUssQ0FBQztZQUNyRmdDLFNBQVM7Z0JBQ1BwQyxhQUFhYTtZQUNmO1dBRUN3QixJQUFBQSw4QkFBYyxFQUFDZixTQUFTRixNQUFNbEI7SUFHckM7QUFHTjtNQUVBLFdBQWVQIn0=

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

@@ -4,11 +4,11 @@
   display: flex;
   flex-wrap: wrap;
   background: var(--theme-elevation-50);
-  padding: base(1) base(1) base(.5);
+  padding: base(1) base(1) base(0.5);
 
   &__column {
-    margin-right: base(.5);
-    margin-bottom: base(.5);
+    margin-right: base(0.5);
+    margin-bottom: base(0.5);
     background-color: transparent;
     box-shadow: 0 0 0 1px var(--theme-elevation-200);
 
@@ -16,4 +16,8 @@
       background-color: var(--theme-elevation-150);
     }
   }
+
+  @include small-break {
+    padding: calc(var(--base) / 2) calc(var(--base) / 2) 0;
+  }
 }