npm - @webiny/app-headless-cms - Versions diffs - 6.0.0-beta.0 → 6.0.0-rc.0 - Mend

@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1596) hide show

package/admin/plugins/fieldValidators/unique.js CHANGED Viewed

@@ -1,10 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = exports.default = function _default() {
+export default () => {
   return {
     type: "cms-model-field-validator",
     name: "cms-editor-field-validator-unique",
@@ -13,7 +7,7 @@ var _default = exports.default = function _default() {
       label: "Unique",
       description: "You won't be able to submit the form if this field is not unique",
       defaultMessage: "Value must be unique.",
-      validate: async function validate() {
+      validate: async () => {
         /**
          * We let this validator be executed on the API side.
          */

package/admin/plugins/fieldValidators/unique.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_default","~~type","name","validator","label","description","defaultMessage","validate"],"sources":["unique.tsx"],"sourcesContent":["import { CmsModelFieldValidatorPlugin } from \"~/types\";\n\nexport default (): CmsModelFieldValidatorPlugin => {\n return {\n type: \"cms-model-field-validator\",\n name: \"cms-editor-field-validator-unique\",\n validator: {\n name: \"unique\",\n label: \"Unique\",\n description: \"You won't be able to submit the form if this field is not unique\",\n defaultMessage: \"Value must be unique.\",\n validate: async () => {\n /*\n We let this validator be executed on the API side.\n */\n return true;\n }\n }\n };\n};\n"],"mappings":"~~;;;;;;iCAEe~~,~~SAAAA~~,~~SAAA,EAAoC~~;EAC/C,OAAO;~~IACHC~~,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,mCAAmC;IACzCC,SAAS,EAAE;MACPD,IAAI,EAAE,QAAQ;MACdE,KAAK,EAAE,QAAQ;MACfC,WAAW,EAAE,kEAAkE;MAC/EC,cAAc,EAAE,uBAAuB;MACvCC,QAAQ,EAAE,~~eAAAA~~,~~SAAA~~,~~EAAY~~;QAClB;AAChB;AACA;QACgB,OAAO,IAAI;MACf;IACJ;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["type","name","validator","label","description","defaultMessage","validate"],"sources":["unique.tsx"],"sourcesContent":["import type { CmsModelFieldValidatorPlugin } from \"~/types.js\";\n\nexport default (): CmsModelFieldValidatorPlugin => {\n return {\n type: \"cms-model-field-validator\",\n name: \"cms-editor-field-validator-unique\",\n validator: {\n name: \"unique\",\n label: \"Unique\",\n description: \"You won't be able to submit the form if this field is not unique\",\n defaultMessage: \"Value must be unique.\",\n validate: async () => {\n /*\n We let this validator be executed on the API side.\n */\n return true;\n }\n }\n };\n};\n"],"mappings":"AAEA,eAAe,MAAoC;EAC/C,OAAO;IACHA,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,mCAAmC;IACzCC,SAAS,EAAE;MACPD,IAAI,EAAE,QAAQ;MACdE,KAAK,EAAE,QAAQ;MACfC,WAAW,EAAE,kEAAkE;MAC/EC,cAAc,EAAE,uBAAuB;MACvCC,QAAQ,EAAE,MAAAA,CAAA,KAAY;QAClB;AAChB;AACA;QACgB,OAAO,IAAI;MACf;IACJ;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/admin/plugins/fields/PredefinedValuesDynamicFieldset.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import { BindComponent } from "../../../types";
+import type { BindComponent } from "../../../types.js";
 export interface PredefinedValuesDynamicFieldsetProps {
     getBind: (value?: any) => BindComponent;
     renderValueInput?: ((Bind: BindComponent) => React.ReactNode) | null;

package/admin/plugins/fields/PredefinedValuesDynamicFieldset.js CHANGED Viewed

@@ -1,158 +1,124 @@
-"use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _emotion = require("emotion");
-var _Grid = require("@webiny/ui/Grid");
-var _i18n = require("@webiny/app/i18n");
-var _DynamicFieldset = require("@webiny/ui/DynamicFieldset");
-var _Typography = require("@webiny/ui/Typography");
-var _Button = require("@webiny/ui/Button");
-var _Input = require("@webiny/ui/Input");
-var _Switch = require("@webiny/ui/Switch");
-var _form = require("@webiny/form");
-var _hooks = require("../../hooks");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/dynamic-fieldset-predefined-values");
-var Fieldset = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1vzahbl1"
-} : {
-  target: "e1vzahbl1",
-  label: "Fieldset"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1ismlu1",
-  styles: "position:relative;width:100%;margin-bottom:15px;.webiny-ui-button{position:absolute;display:block;right:10px;top:13px;}"
-} : {
-  name: "1ismlu1",
-  styles: "position:relative;width:100%;margin-bottom:15px;.webiny-ui-button{position:absolute;display:block;right:10px;top:13px;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByZWRlZmluZWRWYWx1ZXNEeW5hbWljRmllbGRzZXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCaUIiLCJmaWxlIjoiUHJlZGVmaW5lZFZhbHVlc0R5bmFtaWNGaWVsZHNldC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBHcmlkLCBDZWxsLCBHcmlkSW5uZXIgfSBmcm9tIFwiQHdlYmlueS91aS9HcmlkXCI7XG5pbXBvcnQgeyBpMThuIH0gZnJvbSBcIkB3ZWJpbnkvYXBwL2kxOG5cIjtcbmltcG9ydCB7IER5bmFtaWNGaWVsZHNldCB9IGZyb20gXCJAd2ViaW55L3VpL0R5bmFtaWNGaWVsZHNldFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IEJ1dHRvblByaW1hcnksIEJ1dHRvblNlY29uZGFyeSB9IGZyb20gXCJAd2ViaW55L3VpL0J1dHRvblwiO1xuaW1wb3J0IHsgSW5wdXQgfSBmcm9tIFwiQHdlYmlueS91aS9JbnB1dFwiO1xuaW1wb3J0IHsgU3dpdGNoIH0gZnJvbSBcIkB3ZWJpbnkvdWkvU3dpdGNoXCI7XG5pbXBvcnQgeyBCaW5kQ29tcG9uZW50LCBDbXNNb2RlbEZpZWxkIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IEJpbmRDb21wb25lbnRSZW5kZXJQcm9wLCBGb3JtQVBJLCB1c2VGb3JtIH0gZnJvbSBcIkB3ZWJpbnkvZm9ybVwiO1xuaW1wb3J0IHsgdXNlTW9kZWxGaWVsZCB9IGZyb20gXCJ+L2FkbWluL2hvb2tzXCI7XG5cbmNvbnN0IHQgPSBpMThuLm5zKFwiYXBwLWhlYWRsZXNzLWNtcy9hZG1pbi9maWVsZHMvZHluYW1pYy1maWVsZHNldC1wcmVkZWZpbmVkLXZhbHVlc1wiKTtcblxuY29uc3QgRmllbGRzZXQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1hcmdpbkJvdHRvbTogMTUsXG4gICAgXCIud2ViaW55LXVpLWJ1dHRvblwiOiB7XG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgcmlnaHQ6IDEwLFxuICAgICAgICB0b3A6IDEzXG4gICAgfVxufSk7XG5cbmNvbnN0IGNvbnRyb2xCdXR0b25zID0gY3NzKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIFwiPmJ1dHRvblwiOiB7XG4gICAgICAgIG1hcmdpblJpZ2h0OiAxNVxuICAgIH1cbn0pO1xuXG5jb25zdCBlbXB0eVN0eWxlcyA9IGNzcyh7XG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiXG59KTtcblxuY29uc3QgSGVhZGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gICAgbWFyZ2luQm90dG9tOiAxNVxufSk7XG5cbmludGVyZmFjZSBQcmVkZWZpbmVkVmFsdWUge1xuICAgIHNlbGVjdGVkPzogYm9vbGVhbjtcbn1cblxuaW50ZXJmYWNlIE9uU2VsZWN0ZWRQYXJhbXMge1xuICAgIGZvcm06IEZvcm1BUEk7XG4gICAgYmluZDogQmluZENvbXBvbmVudFJlbmRlclByb3A7XG4gICAgZmllbGQ6IENtc01vZGVsRmllbGQ7XG4gICAgaW5kZXg6IG51bWJlcjtcbiAgICB2YWx1ZTogYm9vbGVhbjtcbn1cbmNvbnN0IG9uU2VsZWN0ZWRDaGFuZ2UgPSAocGFyYW1zOiBPblNlbGVjdGVkUGFyYW1zKSA9PiB7XG4gICAgY29uc3QgeyBmb3JtLCBiaW5kLCBmaWVsZCwgaW5kZXg6IHRhcmdldEluZGV4LCB2YWx1ZTogc2V0VG9WYWx1ZSB9ID0gcGFyYW1zO1xuXG4gICAgZm9ybS5zZXRWYWx1ZShcbiAgICAgICAgXCJwcmVkZWZpbmVkVmFsdWVzLnZhbHVlc1wiLFxuICAgICAgICBiaW5kLnZhbHVlLm1hcCgodmFsdWU6IFByZWRlZmluZWRWYWx1ZSwgaW5kZXg6IG51bWJlcikgPT4ge1xuICAgICAgICAgICAgY29uc3QgZGVmYXVsdFZhbHVlID0gZmllbGQubXVsdGlwbGVWYWx1ZXMgPyB2YWx1ZS5zZWxlY3RlZCA6IGZhbHNlO1xuICAgICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgICAgICAuLi52YWx1ZSxcbiAgICAgICAgICAgICAgICBzZWxlY3RlZDogaW5kZXggPT09IHRhcmdldEluZGV4ID8gc2V0VG9WYWx1ZSA6IGRlZmF1bHRWYWx1ZVxuICAgICAgICAgICAgfTtcbiAgICAgICAgfSlcbiAgICApO1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBQcmVkZWZpbmVkVmFsdWVzRHluYW1pY0ZpZWxkc2V0UHJvcHMge1xuICAgIGdldEJpbmQ6ICh2YWx1ZT86IGFueSkgPT4gQmluZENvbXBvbmVudDtcbiAgICByZW5kZXJWYWx1ZUlucHV0PzogKChCaW5kOiBCaW5kQ29tcG9uZW50KSA9PiBSZWFjdC5SZWFjdE5vZGUpIHwgbnVsbDtcbn1cbmNvbnN0IFByZWRlZmluZWRWYWx1ZXNEeW5hbWljRmllbGRzZXQgPSAoe1xuICAgIGdldEJpbmQsXG4gICAgcmVuZGVyVmFsdWVJbnB1dCA9IG51bGxcbn06IFByZWRlZmluZWRWYWx1ZXNEeW5hbWljRmllbGRzZXRQcm9wcykgPT4ge1xuICAgIGNvbnN0IEJpbmQgPSBnZXRCaW5kKCk7XG4gICAgY29uc3QgeyBmaWVsZCB9ID0gdXNlTW9kZWxGaWVsZCgpO1xuICAgIGNvbnN0IGZvcm0gPSB1c2VGb3JtKCk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8R3JpZD5cbiAgICAgICAgICAgIDxDZWxsIHNwYW49ezEyfT5cbiAgICAgICAgICAgICAgICA8QmluZD5cbiAgICAgICAgICAgICAgICAgICAge2JpbmQgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RHluYW1pY0ZpZWxkc2V0IHsuLi5iaW5kfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgeyh7IGFjdGlvbnMsIGhlYWRlciwgcm93LCBlbXB0eSB9KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3JvdygoeyBpbmRleCB9KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBCaW5kID0gZ2V0QmluZChpbmRleCk7XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8R3JpZElubmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPENlbGwgc3Bhbj17NH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZpZWxkc2V0PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QmluZCBuYW1lPXtcImxhYmVsXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPElucHV0IGxhYmVsPXt0YExhYmVsYH0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9CaW5kPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvRmllbGRzZXQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0NlbGw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Q2VsbCBzcGFuPXs0fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmllbGRzZXQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtyZW5kZXJWYWx1ZUlucHV0ID8gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVuZGVyVmFsdWVJbnB1dChCaW5kKVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJpbmQgbmFtZT17XCJ2YWx1ZVwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8SW5wdXRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9e3RgVmFsdWVgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0JpbmQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9GaWVsZHNldD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQ2VsbD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDZWxsIHNwYW49ezJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWVsZHNldD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJpbmQgbmFtZT17XCJzZWxlY3RlZFwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTd2l0Y2hcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD17XCJTZWxlY3RlZFwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRlc2NyaXB0aW9uPXtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXCJNYXJrIGFzIHNlbGVjdGVkIHZhbHVlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e3ZhbHVlID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25TZWxlY3RlZENoYW5nZSh7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb3JtLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYmluZCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpZWxkLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW5kZXgsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9CaW5kPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvRmllbGRzZXQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0NlbGw+XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDZWxsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3Bhbj17Mn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NvbnRyb2xCdXR0b25zfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25QcmltYXJ5XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNtYWxsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2FjdGlvbnMuYWRkKGluZGV4KX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvblByaW1hcnk+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblNlY29uZGFyeVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzbWFsbFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXthY3Rpb25zLnJlbW92ZShpbmRleCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAtXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9CdXR0b25TZWNvbmRhcnk+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0NlbGw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvR3JpZElubmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2VtcHR5KCgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8SGVhZGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB1c2U9e1wib3ZlcmxpbmVcIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID57dGBQcmVkZWZpbmVkIHZhbHVlc2B9PC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0hlYWRlcj5cblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8R3JpZElubmVyIGNsYXNzTmFtZT17ZW1wdHlTdHlsZXN9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPENlbGwgc3Bhbj17MTJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJzdWJ0aXRsZTFcIn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt0YFRoZXJlIGFyZSBubyBwcmVkZWZpbmVkIHZhbHVlcyBhdmFpbGFibGUuYH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0NlbGw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Q2VsbCBzcGFuPXsxMn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblByaW1hcnlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17YWN0aW9ucy5hZGQoKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+e3RgQWRkIGEgcHJlZGVmaW5lZCB2YWx1ZWB9PC9CdXR0b25QcmltYXJ5PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0dyaWRJbm5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtoZWFkZXIoKCkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEhlYWRlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB1c2U9e1wib3ZlcmxpbmVcIn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+e3RgUHJlZGVmaW5lZCB2YWx1ZXNgfTwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvSGVhZGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0R5bmFtaWNGaWVsZHNldD5cbiAgICAgICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgPC9CaW5kPlxuICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICA8L0dyaWQ+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFByZWRlZmluZWRWYWx1ZXNEeW5hbWljRmllbGRzZXQ7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var controlButtons = (0, _emotion.css)({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  ">button": {
-    marginRight: 15
-  }
-});
-var emptyStyles = (0, _emotion.css)({
-  textAlign: "center"
-});
-var Header = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1vzahbl0"
-} : {
-  target: "e1vzahbl0",
-  label: "Header"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1y41875",
-  styles: "display:flex;justify-content:space-between;margin-bottom:15px"
-} : {
-  name: "1y41875",
-  styles: "display:flex;justify-content:space-between;margin-bottom:15px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByZWRlZmluZWRWYWx1ZXNEeW5hbWljRmllbGRzZXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDZSIsImZpbGUiOiJQcmVkZWZpbmVkVmFsdWVzRHluYW1pY0ZpZWxkc2V0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCB7IEdyaWQsIENlbGwsIEdyaWRJbm5lciB9IGZyb20gXCJAd2ViaW55L3VpL0dyaWRcIjtcbmltcG9ydCB7IGkxOG4gfSBmcm9tIFwiQHdlYmlueS9hcHAvaTE4blwiO1xuaW1wb3J0IHsgRHluYW1pY0ZpZWxkc2V0IH0gZnJvbSBcIkB3ZWJpbnkvdWkvRHluYW1pY0ZpZWxkc2V0XCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgQnV0dG9uUHJpbWFyeSwgQnV0dG9uU2Vjb25kYXJ5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uXCI7XG5pbXBvcnQgeyBJbnB1dCB9IGZyb20gXCJAd2ViaW55L3VpL0lucHV0XCI7XG5pbXBvcnQgeyBTd2l0Y2ggfSBmcm9tIFwiQHdlYmlueS91aS9Td2l0Y2hcIjtcbmltcG9ydCB7IEJpbmRDb21wb25lbnQsIENtc01vZGVsRmllbGQgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgQmluZENvbXBvbmVudFJlbmRlclByb3AsIEZvcm1BUEksIHVzZUZvcm0gfSBmcm9tIFwiQHdlYmlueS9mb3JtXCI7XG5pbXBvcnQgeyB1c2VNb2RlbEZpZWxkIH0gZnJvbSBcIn4vYWRtaW4vaG9va3NcIjtcblxuY29uc3QgdCA9IGkxOG4ubnMoXCJhcHAtaGVhZGxlc3MtY21zL2FkbWluL2ZpZWxkcy9keW5hbWljLWZpZWxkc2V0LXByZWRlZmluZWQtdmFsdWVzXCIpO1xuXG5jb25zdCBGaWVsZHNldCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgbWFyZ2luQm90dG9tOiAxNSxcbiAgICBcIi53ZWJpbnktdWktYnV0dG9uXCI6IHtcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICByaWdodDogMTAsXG4gICAgICAgIHRvcDogMTNcbiAgICB9XG59KTtcblxuY29uc3QgY29udHJvbEJ1dHRvbnMgPSBjc3Moe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgXCI+YnV0dG9uXCI6IHtcbiAgICAgICAgbWFyZ2luUmlnaHQ6IDE1XG4gICAgfVxufSk7XG5cbmNvbnN0IGVtcHR5U3R5bGVzID0gY3NzKHtcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCJcbn0pO1xuXG5jb25zdCBIZWFkZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICBtYXJnaW5Cb3R0b206IDE1XG59KTtcblxuaW50ZXJmYWNlIFByZWRlZmluZWRWYWx1ZSB7XG4gICAgc2VsZWN0ZWQ/OiBib29sZWFuO1xufVxuXG5pbnRlcmZhY2UgT25TZWxlY3RlZFBhcmFtcyB7XG4gICAgZm9ybTogRm9ybUFQSTtcbiAgICBiaW5kOiBCaW5kQ29tcG9uZW50UmVuZGVyUHJvcDtcbiAgICBmaWVsZDogQ21zTW9kZWxGaWVsZDtcbiAgICBpbmRleDogbnVtYmVyO1xuICAgIHZhbHVlOiBib29sZWFuO1xufVxuY29uc3Qgb25TZWxlY3RlZENoYW5nZSA9IChwYXJhbXM6IE9uU2VsZWN0ZWRQYXJhbXMpID0+IHtcbiAgICBjb25zdCB7IGZvcm0sIGJpbmQsIGZpZWxkLCBpbmRleDogdGFyZ2V0SW5kZXgsIHZhbHVlOiBzZXRUb1ZhbHVlIH0gPSBwYXJhbXM7XG5cbiAgICBmb3JtLnNldFZhbHVlKFxuICAgICAgICBcInByZWRlZmluZWRWYWx1ZXMudmFsdWVzXCIsXG4gICAgICAgIGJpbmQudmFsdWUubWFwKCh2YWx1ZTogUHJlZGVmaW5lZFZhbHVlLCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBkZWZhdWx0VmFsdWUgPSBmaWVsZC5tdWx0aXBsZVZhbHVlcyA/IHZhbHVlLnNlbGVjdGVkIDogZmFsc2U7XG4gICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgIC4uLnZhbHVlLFxuICAgICAgICAgICAgICAgIHNlbGVjdGVkOiBpbmRleCA9PT0gdGFyZ2V0SW5kZXggPyBzZXRUb1ZhbHVlIDogZGVmYXVsdFZhbHVlXG4gICAgICAgICAgICB9O1xuICAgICAgICB9KVxuICAgICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFByZWRlZmluZWRWYWx1ZXNEeW5hbWljRmllbGRzZXRQcm9wcyB7XG4gICAgZ2V0QmluZDogKHZhbHVlPzogYW55KSA9PiBCaW5kQ29tcG9uZW50O1xuICAgIHJlbmRlclZhbHVlSW5wdXQ/OiAoKEJpbmQ6IEJpbmRDb21wb25lbnQpID0+IFJlYWN0LlJlYWN0Tm9kZSkgfCBudWxsO1xufVxuY29uc3QgUHJlZGVmaW5lZFZhbHVlc0R5bmFtaWNGaWVsZHNldCA9ICh7XG4gICAgZ2V0QmluZCxcbiAgICByZW5kZXJWYWx1ZUlucHV0ID0gbnVsbFxufTogUHJlZGVmaW5lZFZhbHVlc0R5bmFtaWNGaWVsZHNldFByb3BzKSA9PiB7XG4gICAgY29uc3QgQmluZCA9IGdldEJpbmQoKTtcbiAgICBjb25zdCB7IGZpZWxkIH0gPSB1c2VNb2RlbEZpZWxkKCk7XG4gICAgY29uc3QgZm9ybSA9IHVzZUZvcm0oKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxHcmlkPlxuICAgICAgICAgICAgPENlbGwgc3Bhbj17MTJ9PlxuICAgICAgICAgICAgICAgIDxCaW5kPlxuICAgICAgICAgICAgICAgICAgICB7YmluZCA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxEeW5hbWljRmllbGRzZXQgey4uLmJpbmR9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7KHsgYWN0aW9ucywgaGVhZGVyLCByb3csIGVtcHR5IH0pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7cm93KCh7IGluZGV4IH0pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IEJpbmQgPSBnZXRCaW5kKGluZGV4KTtcblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxHcmlkSW5uZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Q2VsbCBzcGFuPXs0fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RmllbGRzZXQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCaW5kIG5hbWU9e1wibGFiZWxcIn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8SW5wdXQgbGFiZWw9e3RgTGFiZWxgfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0JpbmQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9GaWVsZHNldD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQ2VsbD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDZWxsIHNwYW49ezR9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWVsZHNldD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3JlbmRlclZhbHVlSW5wdXQgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZW5kZXJWYWx1ZUlucHV0KEJpbmQpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QmluZCBuYW1lPXtcInZhbHVlXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJbnB1dFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD17dGBWYWx1ZWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQmluZD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0ZpZWxkc2V0PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPENlbGwgc3Bhbj17Mn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZpZWxkc2V0PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QmluZCBuYW1lPXtcInNlbGVjdGVkXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFN3aXRjaFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPXtcIlNlbGVjdGVkXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGVzY3JpcHRpb249e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBcIk1hcmsgYXMgc2VsZWN0ZWQgdmFsdWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17dmFsdWUgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvblNlbGVjdGVkQ2hhbmdlKHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZvcm0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiaW5kLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmllbGQsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0JpbmQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9GaWVsZHNldD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQ2VsbD5cblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPENlbGxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzcGFuPXsyfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y29udHJvbEJ1dHRvbnN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblByaW1hcnlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc21hbGxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17YWN0aW9ucy5hZGQoaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgK1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uUHJpbWFyeT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uU2Vjb25kYXJ5XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNtYWxsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2FjdGlvbnMucmVtb3ZlKGluZGV4KX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvblNlY29uZGFyeT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQ2VsbD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9HcmlkSW5uZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7ZW1wdHkoKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxIZWFkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHVzZT17XCJvdmVybGluZVwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPnt0YFByZWRlZmluZWQgdmFsdWVzYH08L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvSGVhZGVyPlxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxHcmlkSW5uZXIgY2xhc3NOYW1lPXtlbXB0eVN0eWxlc30+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Q2VsbCBzcGFuPXsxMn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcInN1YnRpdGxlMVwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3RgVGhlcmUgYXJlIG5vIHByZWRlZmluZWQgdmFsdWVzIGF2YWlsYWJsZS5gfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQ2VsbD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDZWxsIHNwYW49ezEyfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uUHJpbWFyeVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXthY3Rpb25zLmFkZCgpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID57dGBBZGQgYSBwcmVkZWZpbmVkIHZhbHVlYH08L0J1dHRvblByaW1hcnk+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0NlbGw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvR3JpZElubmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2hlYWRlcigoKSA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8SGVhZGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHVzZT17XCJvdmVybGluZVwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID57dGBQcmVkZWZpbmVkIHZhbHVlc2B9PC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9IZWFkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvRHluYW1pY0ZpZWxkc2V0PlxuICAgICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICA8L0JpbmQ+XG4gICAgICAgICAgICA8L0NlbGw+XG4gICAgICAgIDwvR3JpZD5cbiAgICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgUHJlZGVmaW5lZFZhbHVlc0R5bmFtaWNGaWVsZHNldDtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var onSelectedChange = function onSelectedChange(params) {
-  var form = params.form,
-    bind = params.bind,
-    field = params.field,
-    targetIndex = params.index,
-    setToValue = params.value;
-  form.setValue("predefinedValues.values", bind.value.map(function (value, index) {
-    var defaultValue = field.multipleValues ? value.selected : false;
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, value), {}, {
+import React from "react";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { ReactComponent as RemoveIcon } from "@webiny/icons/remove.svg";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useForm } from "@webiny/form";
+import { useModelField } from "../../hooks/index.js";
+import { Button, DynamicFieldset, Grid, Icon, IconButton, Input, Switch, Text } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields/dynamic-fieldset-predefined-values");
+const Header = props => {
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    className: "flex justify-between mb-md"
+  }, props));
+};
+const onSelectedChange = params => {
+  const {
+    form,
+    bind,
+    field,
+    index: targetIndex,
+    value: setToValue
+  } = params;
+  form.setValue("predefinedValues.values", bind.value.map((value, index) => {
+    const defaultValue = field.list ? value.selected : false;
+    return {
+      ...value,
       selected: index === targetIndex ? setToValue : defaultValue
-    });
+    };
   }));
 };
-var PredefinedValuesDynamicFieldset = function PredefinedValuesDynamicFieldset(_ref) {
-  var getBind = _ref.getBind,
-    _ref$renderValueInput = _ref.renderValueInput,
-    renderValueInput = _ref$renderValueInput === void 0 ? null : _ref$renderValueInput;
-  var Bind = getBind();
-  var _useModelField = (0, _hooks.useModelField)(),
-    field = _useModelField.field;
-  var form = (0, _form.useForm)();
-  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+const PredefinedValuesDynamicFieldset = ({
+  getBind,
+  renderValueInput = null
+}) => {
+  const Bind = getBind();
+  const {
+    field
+  } = useModelField();
+  const form = useForm();
+  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-    return /*#__PURE__*/_react.default.createElement(_DynamicFieldset.DynamicFieldset, bind, function (_ref2) {
-      var actions = _ref2.actions,
-        header = _ref2.header,
-        row = _ref2.row,
-        empty = _ref2.empty;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, row(function (_ref3) {
-        var index = _ref3.index;
-        var Bind = getBind(index);
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.GridInner, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  }, /*#__PURE__*/React.createElement(Bind, null, bind => {
+    return /*#__PURE__*/React.createElement(DynamicFieldset, bind, ({
+      actions,
+      header,
+      row,
+      empty
+    }) => {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, row(({
+        index
+      }) => {
+        const Bind = getBind(index);
+        return /*#__PURE__*/React.createElement("div", {
+          className: "mb-md"
+        }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
           span: 4
-        }, /*#__PURE__*/_react.default.createElement(Fieldset, null, /*#__PURE__*/_react.default.createElement(Bind, {
+        }, /*#__PURE__*/React.createElement(Bind, {
           name: "label"
-        }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-          label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Label"])))
-        })))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+        }, /*#__PURE__*/React.createElement(Input, {
+          label: t`Label`,
+          size: "lg"
+        }))), /*#__PURE__*/React.createElement(Grid.Column, {
           span: 4
-        }, /*#__PURE__*/_react.default.createElement(Fieldset, null, renderValueInput ? renderValueInput(Bind) : /*#__PURE__*/_react.default.createElement(Bind, {
+        }, renderValueInput ? renderValueInput(Bind) : /*#__PURE__*/React.createElement(Bind, {
           name: "value"
-        }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-          label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Value"])))
-        })))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+        }, /*#__PURE__*/React.createElement(Input, {
+          label: t`Value`,
+          size: "lg"
+        }))), /*#__PURE__*/React.createElement(Grid.Column, {
           span: 2
-        }, /*#__PURE__*/_react.default.createElement(Fieldset, null, /*#__PURE__*/_react.default.createElement(Bind, {
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "flex flex-col justify-end h-full py-sm-plus"
+        }, /*#__PURE__*/React.createElement(Bind, {
           name: "selected"
-        }, /*#__PURE__*/_react.default.createElement(_Switch.Switch, {
-          label: "Selected",
-          description: "Mark as selected value",
-          onChange: function onChange(value) {
+        }, /*#__PURE__*/React.createElement(Switch, {
+          label: t`Selected`,
+          description: t`Mark as selected value.`,
+          onChange: value => {
             onSelectedChange({
-              form: form,
-              bind: bind,
-              field: field,
-              index: index,
-              value: value
+              form,
+              bind,
+              field,
+              index,
+              value
             });
           }
-        })))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-          span: 2,
-          className: controlButtons
-        }, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-          small: true,
+        })))), /*#__PURE__*/React.createElement(Grid.Column, {
+          span: 2
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "flex justify-end items-end gap-sm h-full py-sm-plus"
+        }, /*#__PURE__*/React.createElement(IconButton, {
+          variant: "primary",
+          size: "sm",
+          icon: /*#__PURE__*/React.createElement(Icon, {
+            label: "Add",
+            icon: /*#__PURE__*/React.createElement(AddIcon, null)
+          }),
           onClick: actions.add(index)
-        }, "+"), /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, {
-          small: true,
+        }), /*#__PURE__*/React.createElement(IconButton, {
+          variant: "secondary",
+          size: "sm",
+          icon: /*#__PURE__*/React.createElement(Icon, {
+            label: "Remove",
+            icon: /*#__PURE__*/React.createElement(RemoveIcon, null)
+          }),
           onClick: actions.remove(index)
-        }, "-"))));
-      }), empty(function () {
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Header, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-          use: "overline"
-        }, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Predefined values"]))))), /*#__PURE__*/_react.default.createElement(_Grid.GridInner, {
-          className: emptyStyles
-        }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+        })))));
+      }), empty(() => {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(Text, null, t`Predefined values`)), /*#__PURE__*/React.createElement(Grid, {
+          className: "text-center"
+        }, /*#__PURE__*/React.createElement(Grid.Column, {
           span: 12
-        }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-          use: "subtitle1"
-        }, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["There are no predefined values available."]))))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+        }, /*#__PURE__*/React.createElement(Text, null, t`There are no predefined values available.`)), /*#__PURE__*/React.createElement(Grid.Column, {
           span: 12
-        }, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-          onClick: actions.add()
-        }, t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Add a predefined value"])))))));
-      }), header(function () {
-        return /*#__PURE__*/_react.default.createElement(Header, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-          use: "overline"
-        }, t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Predefined values"])))));
-      }));
+        }, /*#__PURE__*/React.createElement(Button, {
+          onClick: actions.add(),
+          text: t`Add a predefined value`
+        }))));
+      }), header(() => /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(Text, null, t`Predefined values`))));
     });
   })));
 };
-var _default = exports.default = PredefinedValuesDynamicFieldset;
+export default PredefinedValuesDynamicFieldset;
 //# sourceMappingURL=PredefinedValuesDynamicFieldset.js.map

package/admin/plugins/fields/PredefinedValuesDynamicFieldset.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_Grid","_i18n","_DynamicFieldset","_Typography","_Button","_Input","_Switch","_form","_hooks","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_EMOTION_STRINGIFIED_CSS_ERROR__","t","i18n","ns","Fieldset","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","controlButtons","css","display","alignItems","justifyContent","marginRight","emptyStyles","textAlign","Header","onSelectedChange","params","form","bind","field","targetIndex","index","setToValue","value","setValue","defaultValue","multipleValues","selected","_objectSpread2","PredefinedValuesDynamicFieldset","_ref","getBind","_ref$renderValueInput","renderValueInput","Bind","_useModelField","useModelField","useForm","createElement","Grid","Cell","span","DynamicFieldset","_ref2","actions","header","row","empty","Fragment","_ref3","GridInner","Input","_taggedTemplateLiteral2","Switch","description","onChange","className","ButtonPrimary","small","onClick","add","ButtonSecondary","remove","Typography","use","_default","exports"],"sources":["PredefinedValuesDynamicFieldset.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { Grid, Cell, GridInner } from \"@webiny/ui/Grid\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DynamicFieldset } from \"@webiny/ui/DynamicFieldset\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Switch } from \"@webiny/ui/Switch\";\nimport { BindComponent, CmsModelField } from \"~/types\";\nimport { BindComponentRenderProp, FormAPI, useForm } from \"@webiny/form\";\nimport { useModelField } from \"~/admin/hooks\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/dynamic-fieldset-predefined-values\");\n\nconst Fieldset = styled(\"div\")({\n position: \"relative\",\n width: \"100%\",\n marginBottom: 15,\n \".webiny-ui-button\": {\n position: \"absolute\",\n display: \"block\",\n right: 10,\n top: 13\n }\n});\n\nconst controlButtons = css({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n \">button\": {\n marginRight: 15\n }\n});\n\nconst emptyStyles = css({\n textAlign: \"center\"\n});\n\nconst Header = styled(\"div\")({\n display: \"flex\",\n justifyContent: \"space-between\",\n marginBottom: 15\n});\n\ninterface PredefinedValue {\n selected?: boolean;\n}\n\ninterface OnSelectedParams {\n form: FormAPI;\n bind: BindComponentRenderProp;\n field: CmsModelField;\n index: number;\n value: boolean;\n}\nconst onSelectedChange = (params: OnSelectedParams) => {\n const { form, bind, field, index: targetIndex, value: setToValue } = params;\n\n form.setValue(\n \"predefinedValues.values\",\n bind.value.map((value: PredefinedValue, index: number) => {\n const defaultValue = field.multipleValues ? value.selected : false;\n return {\n ...value,\n selected: index === targetIndex ? setToValue : defaultValue\n };\n })\n );\n};\n\nexport interface PredefinedValuesDynamicFieldsetProps {\n getBind: (value?: any) => BindComponent;\n renderValueInput?: ((Bind: BindComponent) => React.ReactNode) \| null;\n}\nconst PredefinedValuesDynamicFieldset = ({\n getBind,\n renderValueInput = null\n}: PredefinedValuesDynamicFieldsetProps) => {\n const Bind = getBind();\n const { field } = useModelField();\n const form = useForm();\n\n return (\n <Grid>\n <Cell span={12}>\n <Bind>\n {bind => {\n return (\n <DynamicFieldset {...bind}>\n {({ actions, header, row, empty }) => {\n return (\n <React.Fragment>\n {row(({ index }) => {\n const Bind = getBind(index);\n\n return (\n <React.Fragment>\n <GridInner>\n <Cell span={4}>\n <Fieldset>\n <Bind name={\"label\"}>\n <Input label={t`Label`} />\n </Bind>\n </Fieldset>\n </Cell>\n <Cell span={4}>\n <Fieldset>\n {renderValueInput ? (\n renderValueInput(Bind)\n ) : (\n <Bind name={\"value\"}>\n <Input\n label={t`Value`}\n />\n </Bind>\n )}\n </Fieldset>\n </Cell>\n <Cell span={2}>\n <Fieldset>\n <Bind name={\"selected\"}>\n <Switch\n label={\"Selected\"}\n description={\n \"Mark as selected value\"\n }\n onChange={value => {\n onSelectedChange({\n form,\n bind,\n field,\n index,\n value\n });\n }}\n />\n </Bind>\n </Fieldset>\n </Cell>\n\n <Cell\n span={2}\n className={controlButtons}\n >\n <ButtonPrimary\n small\n onClick={actions.add(index)}\n >\n +\n </ButtonPrimary>\n <ButtonSecondary\n small\n onClick={actions.remove(index)}\n >\n -\n </ButtonSecondary>\n </Cell>\n </GridInner>\n </React.Fragment>\n );\n })}\n {empty(() => {\n return (\n <React.Fragment>\n <Header>\n <Typography\n use={\"overline\"}\n >{t`Predefined values`}</Typography>\n </Header>\n\n <GridInner className={emptyStyles}>\n <Cell span={12}>\n <Typography use={\"subtitle1\"}>\n {t`There are no predefined values available.`}\n </Typography>\n </Cell>\n <Cell span={12}>\n <ButtonPrimary\n onClick={actions.add()}\n >{t`Add a predefined value`}</ButtonPrimary>\n </Cell>\n </GridInner>\n </React.Fragment>\n );\n })}\n {header(() => (\n <Header>\n <Typography\n use={\"overline\"}\n >{t`Predefined values`}</Typography>\n </Header>\n ))}\n </React.Fragment>\n );\n }}\n </DynamicFieldset>\n );\n }}\n </Bind>\n </Cell>\n </Grid>\n );\n};\n\nexport default PredefinedValuesDynamicFieldset;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","ReactComponent","AddIcon","RemoveIcon","i18n","useForm","useModelField","Button","DynamicFieldset","Grid","Icon","IconButton","Input","Switch","Text","t","ns","Header","props","createElement","Object","assign","className","onSelectedChange","params","form","bind","field","index","targetIndex","value","setToValue","setValue","map","defaultValue","list","selected","PredefinedValuesDynamicFieldset","getBind","renderValueInput","Bind","Column","span","actions","header","row","empty","Fragment","name","label","size","description","onChange","variant","icon","onClick","add","remove","text"],"sources":["PredefinedValuesDynamicFieldset.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as RemoveIcon } from \"@webiny/icons/remove.svg\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { BindComponent, CmsModelField } from \"~/types.js\";\nimport type { BindComponentRenderProp, FormAPI } from \"@webiny/form\";\nimport { useForm } from \"@webiny/form\";\nimport { useModelField } from \"~/admin/hooks/index.js\";\nimport {\n Button,\n DynamicFieldset,\n Grid,\n Icon,\n IconButton,\n Input,\n Switch,\n Text\n} from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/dynamic-fieldset-predefined-values\");\n\nconst Header = (props: React.HTMLProps<HTMLDivElement>) => {\n return <div className={\"flex justify-between mb-md\"} {...props} />;\n};\n\ninterface PredefinedValue {\n selected?: boolean;\n}\n\ninterface OnSelectedParams {\n form: FormAPI;\n bind: BindComponentRenderProp;\n field: CmsModelField;\n index: number;\n value: boolean;\n}\nconst onSelectedChange = (params: OnSelectedParams) => {\n const { form, bind, field, index: targetIndex, value: setToValue } = params;\n\n form.setValue(\n \"predefinedValues.values\",\n bind.value.map((value: PredefinedValue, index: number) => {\n const defaultValue = field.list ? value.selected : false;\n return {\n ...value,\n selected: index === targetIndex ? setToValue : defaultValue\n };\n })\n );\n};\n\nexport interface PredefinedValuesDynamicFieldsetProps {\n getBind: (value?: any) => BindComponent;\n renderValueInput?: ((Bind: BindComponent) => React.ReactNode) \| null;\n}\nconst PredefinedValuesDynamicFieldset = ({\n getBind,\n renderValueInput = null\n}: PredefinedValuesDynamicFieldsetProps) => {\n const Bind = getBind();\n const { field } = useModelField();\n const form = useForm();\n\n return (\n <Grid>\n <Grid.Column span={12}>\n <Bind>\n {bind => {\n return (\n <DynamicFieldset {...bind}>\n {({ actions, header, row, empty }) => {\n return (\n <React.Fragment>\n {row(({ index }) => {\n const Bind = getBind(index);\n\n return (\n <div className={\"mb-md\"}>\n <Grid>\n <Grid.Column span={4}>\n <Bind name={\"label\"}>\n <Input\n label={t`Label`}\n size={\"lg\"}\n />\n </Bind>\n </Grid.Column>\n <Grid.Column span={4}>\n {renderValueInput ? (\n renderValueInput(Bind)\n ) : (\n <Bind name={\"value\"}>\n <Input\n label={t`Value`}\n size={\"lg\"}\n />\n </Bind>\n )}\n </Grid.Column>\n <Grid.Column span={2}>\n <div\n className={\n \"flex flex-col justify-end h-full py-sm-plus\"\n }\n >\n <Bind name={\"selected\"}>\n <Switch\n label={t`Selected`}\n description={t`Mark as selected value.`}\n onChange={value => {\n onSelectedChange({\n form,\n bind,\n field,\n index,\n value\n });\n }}\n />\n </Bind>\n </div>\n </Grid.Column>\n\n <Grid.Column span={2}>\n <div\n className={\n \"flex justify-end items-end gap-sm h-full py-sm-plus\"\n }\n >\n <IconButton\n variant={\"primary\"}\n size={\"sm\"}\n icon={\n <Icon\n label={\"Add\"}\n icon={<AddIcon />}\n />\n }\n onClick={actions.add(index)}\n />\n <IconButton\n variant={\"secondary\"}\n size={\"sm\"}\n icon={\n <Icon\n label={\"Remove\"}\n icon={\n <RemoveIcon />\n }\n />\n }\n onClick={actions.remove(\n index\n )}\n />\n </div>\n </Grid.Column>\n </Grid>\n </div>\n );\n })}\n {empty(() => {\n return (\n <React.Fragment>\n <Header>\n <Text>{t`Predefined values`}</Text>\n </Header>\n\n <Grid className={\"text-center\"}>\n <Grid.Column span={12}>\n <Text>{t`There are no predefined values available.`}</Text>\n </Grid.Column>\n <Grid.Column span={12}>\n <Button\n onClick={actions.add()}\n text={t`Add a predefined value`}\n />\n </Grid.Column>\n </Grid>\n </React.Fragment>\n );\n })}\n {header(() => (\n <Header>\n <Text>{t`Predefined values`}</Text>\n </Header>\n ))}\n </React.Fragment>\n );\n }}\n </DynamicFieldset>\n );\n }}\n </Bind>\n </Grid.Column>\n </Grid>\n );\n};\n\nexport default PredefinedValuesDynamicFieldset;\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fields/boolean.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { CmsModelFieldTypePlugin } from "../../../types";
+import type { CmsModelFieldTypePlugin } from "../../../types.js";
 declare const plugin: CmsModelFieldTypePlugin;
 export default plugin;

package/admin/plugins/fields/boolean.js CHANGED Viewed

@@ -1,53 +1,41 @@
-"use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _toggle_on = require("@material-design-icons/svg/outlined/toggle_on.svg");
-var _i18n = require("@webiny/app/i18n");
-var _Grid = require("@webiny/ui/Grid");
-var _form = require("@webiny/form");
-var _Radio = require("@webiny/ui/Radio");
-var _templateObject, _templateObject2, _templateObject3;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
-var Options = function Options(_ref) {
-  var _onChange = _ref.onChange,
-    initialValue = _ref.value;
-  var value = initialValue === true || initialValue === "true";
-  return /*#__PURE__*/_react.default.createElement(_Radio.RadioGroup, {
-    label: "Default value"
-  }, function () {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
-      label: "True",
-      value: value,
-      onChange: function onChange() {
-        _onChange(true);
-      }
-    })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
-      label: "False",
-      value: !value,
-      onChange: function onChange() {
-        _onChange(false);
-      }
-    })));
+import React from "react";
+import { ReactComponent as BooleanIcon } from "@webiny/icons/toggle_on.svg";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Bind } from "@webiny/form";
+import { Grid, RadioGroup } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields");
+const Options = ({
+  onChange,
+  value: initialValue
+}) => {
+  const value = initialValue === true || initialValue === "true";
+  return /*#__PURE__*/React.createElement(RadioGroup, {
+    label: "Default value",
+    value: String(value),
+    onChange: value => {
+      onChange(value === "true");
+    },
+    items: [{
+      value: "true",
+      label: "True"
+    }, {
+      value: "false",
+      label: "False"
+    }]
   });
 };
-var plugin = {
+const plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-boolean",
   field: {
     type: "boolean",
-    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Boolean"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Store boolean (\"yes\" or \"no\" ) values."]))),
-    icon: /*#__PURE__*/_react.default.createElement(_toggle_on.ReactComponent, null),
-    allowMultipleValues: false,
+    label: t`Boolean`,
+    description: t`Store boolean ("yes" or "no" ) values.`,
+    icon: /*#__PURE__*/React.createElement(BooleanIcon, null),
+    allowList: false,
     allowPredefinedValues: false,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a list of booleans"]))),
-    createField: function createField() {
+    listLabel: t`Use as a list of booleans`,
+    createField() {
       return {
         type: this.type,
         validation: [],
@@ -59,13 +47,13 @@ var plugin = {
         }
       };
     },
-    renderSettings: function renderSettings() {
-      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    renderSettings() {
+      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
         span: 12
-      }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+      }, /*#__PURE__*/React.createElement(Bind, {
         name: "settings.defaultValue"
-      }, function (bind) {
-        return /*#__PURE__*/_react.default.createElement(Options, {
+      }, bind => {
+        return /*#__PURE__*/React.createElement(Options, {
           onChange: bind.onChange,
           value: bind.value
         });
@@ -73,6 +61,6 @@ var plugin = {
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 //# sourceMappingURL=boolean.js.map