@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

package/admin/plugins/fieldValidators/patternPlugins/email.d.ts

@@ -1,3 +1,3 @@
-import { CmsEditorFieldValidatorPatternPlugin } from "../../../../types";
-declare const _default: CmsEditorFieldValidatorPatternPlugin;
-export default _default;
+import { CmsModelFieldRegexValidatorExpressionPlugin } from "../../../../types";
+declare const plugin: CmsModelFieldRegexValidatorExpressionPlugin;
+export default plugin;

package/admin/plugins/fieldValidators/patternPlugins/email.js

@@ -1,9 +1,19 @@
-export default {
-  type: "cms-editor-field-validator-pattern",
-  name: "cms-editor-field-validator-pattern-email",
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var plugin = {
+  type: "cms-model-field-regex-validator-expression",
+  name: "cms-model-field-regex-validator-expression",
   pattern: {
-    message: "Please enter a valid e-mail.",
     name: "email",
-    label: "E-mail"
+    label: "E-mail",
+    message: "Please enter a valid e-mail.",
+    regex: "^\\w[\\w.-]*@([\\w-]+\\.)+[\\w-]+$",
+    flags: "i"
   }
-};
+};
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/fieldValidators/patternPlugins/email.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["plugin","type","name","pattern","label","message","regex","flags"],"sources":["email.ts"],"sourcesContent":["import { CmsModelFieldRegexValidatorExpressionPlugin } from \"~/types\";\n\nconst plugin: CmsModelFieldRegexValidatorExpressionPlugin = {\n    type: \"cms-model-field-regex-validator-expression\",\n    name: \"cms-model-field-regex-validator-expression\",\n    pattern: {\n        name: \"email\",\n        label: \"E-mail\",\n        message: \"Please enter a valid e-mail.\",\n        regex: `^\\\\w[\\\\w.-]*@([\\\\w-]+\\\\.)+[\\\\w-]+$`,\n        flags: \"i\"\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;AAEA,IAAMA,MAAmD,GAAG;EACxDC,IAAI,EAAE,4CAA4C;EAClDC,IAAI,EAAE,4CAA4C;EAClDC,OAAO,EAAE;IACLD,IAAI,EAAE,OAAO;IACbE,KAAK,EAAE,QAAQ;IACfC,OAAO,EAAE,8BAA8B;IACvCC,KAAK,sCAAsC;IAC3CC,KAAK,EAAE;EACX;AACJ,CAAC;AAAC,eACaP,MAAM;AAAA"}

package/admin/plugins/fieldValidators/patternPlugins/lowerCase.d.ts

@@ -1,3 +1,3 @@
-import { CmsEditorFieldValidatorPatternPlugin } from "../../../../types";
-declare const _default: CmsEditorFieldValidatorPatternPlugin;
-export default _default;
+import { CmsModelFieldRegexValidatorExpressionPlugin } from "../../../../types";
+declare const plugin: CmsModelFieldRegexValidatorExpressionPlugin;
+export default plugin;

package/admin/plugins/fieldValidators/patternPlugins/lowerCase.js

@@ -1,9 +1,19 @@
-export default {
-  type: "cms-editor-field-validator-pattern",
-  name: "cms-editor-field-validator-pattern-lower-case",
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var plugin = {
+  type: "cms-model-field-regex-validator-expression",
+  name: "cms-model-field-regex-validator-expression-case",
   pattern: {
     message: "Only lower case characters are allowed.",
     name: "lowerCase",
-    label: "Lower case"
+    label: "Lower case",
+    regex: "^([a-z]*)$",
+    flags: ""
   }
-};
+};
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/fieldValidators/patternPlugins/lowerCase.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["plugin","type","name","pattern","message","label","regex","flags"],"sources":["lowerCase.ts"],"sourcesContent":["import { CmsModelFieldRegexValidatorExpressionPlugin } from \"~/types\";\n\nconst plugin: CmsModelFieldRegexValidatorExpressionPlugin = {\n    type: \"cms-model-field-regex-validator-expression\",\n    name: \"cms-model-field-regex-validator-expression-case\",\n    pattern: {\n        message: \"Only lower case characters are allowed.\",\n        name: \"lowerCase\",\n        label: \"Lower case\",\n        regex: `^([a-z]*)$`,\n        flags: \"\"\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;AAEA,IAAMA,MAAmD,GAAG;EACxDC,IAAI,EAAE,4CAA4C;EAClDC,IAAI,EAAE,iDAAiD;EACvDC,OAAO,EAAE;IACLC,OAAO,EAAE,yCAAyC;IAClDF,IAAI,EAAE,WAAW;IACjBG,KAAK,EAAE,YAAY;IACnBC,KAAK,cAAc;IACnBC,KAAK,EAAE;EACX;AACJ,CAAC;AAAC,eAEaP,MAAM;AAAA"}

package/admin/plugins/fieldValidators/patternPlugins/lowerCaseSpace.d.ts

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

package/admin/plugins/fieldValidators/patternPlugins/lowerCaseSpace.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var plugin = {
+  type: "cms-model-field-regex-validator-expression",
+  name: "cms-model-field-regex-validator-expression-lower-case-space",
+  pattern: {
+    message: "Only lower case characters and space are allowed.",
+    name: "lowerCaseSpace",
+    label: "Lower case + space",
+    regex: "^([a-z\\s]+)$",
+    flags: ""
+  }
+};
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/fieldValidators/patternPlugins/lowerCaseSpace.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["plugin","type","name","pattern","message","label","regex","flags"],"sources":["lowerCaseSpace.ts"],"sourcesContent":["import { CmsModelFieldRegexValidatorExpressionPlugin } from \"~/types\";\n\nconst plugin: CmsModelFieldRegexValidatorExpressionPlugin = {\n    type: \"cms-model-field-regex-validator-expression\",\n    name: \"cms-model-field-regex-validator-expression-lower-case-space\",\n    pattern: {\n        message: \"Only lower case characters and space are allowed.\",\n        name: \"lowerCaseSpace\",\n        label: \"Lower case + space\",\n        regex: `^([a-z\\\\s]+)$`,\n        flags: \"\"\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;AAEA,IAAMA,MAAmD,GAAG;EACxDC,IAAI,EAAE,4CAA4C;EAClDC,IAAI,EAAE,6DAA6D;EACnEC,OAAO,EAAE;IACLC,OAAO,EAAE,mDAAmD;IAC5DF,IAAI,EAAE,gBAAgB;IACtBG,KAAK,EAAE,oBAAoB;IAC3BC,KAAK,iBAAiB;IACtBC,KAAK,EAAE;EACX;AACJ,CAAC;AAAC,eACaP,MAAM;AAAA"}

package/admin/plugins/fieldValidators/patternPlugins/upperCase.d.ts

@@ -1,3 +1,3 @@
-import { CmsEditorFieldValidatorPatternPlugin } from "../../../../types";
-declare const _default: CmsEditorFieldValidatorPatternPlugin;
-export default _default;
+import { CmsModelFieldRegexValidatorExpressionPlugin } from "../../../../types";
+declare const plugin: CmsModelFieldRegexValidatorExpressionPlugin;
+export default plugin;

package/admin/plugins/fieldValidators/patternPlugins/upperCase.js

@@ -1,9 +1,19 @@
-export default {
-  type: "cms-editor-field-validator-pattern",
-  name: "cms-editor-field-validator-pattern-upper-case",
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var plugin = {
+  type: "cms-model-field-regex-validator-expression",
+  name: "cms-model-field-regex-validator-expression-upper-case",
   pattern: {
     message: "Only upper case characters are allowed.",
     name: "upperCase",
-    label: "Upper case"
+    label: "Upper case",
+    regex: "^([A-Z]*)$",
+    flags: ""
   }
-};
+};
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/fieldValidators/patternPlugins/upperCase.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["plugin","type","name","pattern","message","label","regex","flags"],"sources":["upperCase.ts"],"sourcesContent":["import { CmsModelFieldRegexValidatorExpressionPlugin } from \"~/types\";\n\nconst plugin: CmsModelFieldRegexValidatorExpressionPlugin = {\n    type: \"cms-model-field-regex-validator-expression\",\n    name: \"cms-model-field-regex-validator-expression-upper-case\",\n    pattern: {\n        message: \"Only upper case characters are allowed.\",\n        name: \"upperCase\",\n        label: \"Upper case\",\n        regex: `^([A-Z]*)$`,\n        flags: \"\"\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;AAEA,IAAMA,MAAmD,GAAG;EACxDC,IAAI,EAAE,4CAA4C;EAClDC,IAAI,EAAE,uDAAuD;EAC7DC,OAAO,EAAE;IACLC,OAAO,EAAE,yCAAyC;IAClDF,IAAI,EAAE,WAAW;IACjBG,KAAK,EAAE,YAAY;IACnBC,KAAK,cAAc;IACnBC,KAAK,EAAE;EACX;AACJ,CAAC;AAAC,eACaP,MAAM;AAAA"}

package/admin/plugins/fieldValidators/patternPlugins/upperCaseSpace.d.ts

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

package/admin/plugins/fieldValidators/patternPlugins/upperCaseSpace.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var plugin = {
+  type: "cms-model-field-regex-validator-expression",
+  name: "cms-model-field-regex-validator-expression-upper-case-space",
+  pattern: {
+    message: "Only upper case characters and space are allowed.",
+    name: "upperCaseSpace",
+    label: "Upper case + space",
+    regex: "^([A-Z\\s]+)$",
+    flags: ""
+  }
+};
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/fieldValidators/patternPlugins/upperCaseSpace.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["plugin","type","name","pattern","message","label","regex","flags"],"sources":["upperCaseSpace.ts"],"sourcesContent":["import { CmsModelFieldRegexValidatorExpressionPlugin } from \"~/types\";\n\nconst plugin: CmsModelFieldRegexValidatorExpressionPlugin = {\n    type: \"cms-model-field-regex-validator-expression\",\n    name: \"cms-model-field-regex-validator-expression-upper-case-space\",\n    pattern: {\n        message: \"Only upper case characters and space are allowed.\",\n        name: \"upperCaseSpace\",\n        label: \"Upper case + space\",\n        regex: `^([A-Z\\\\s]+)$`,\n        flags: \"\"\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;AAEA,IAAMA,MAAmD,GAAG;EACxDC,IAAI,EAAE,4CAA4C;EAClDC,IAAI,EAAE,6DAA6D;EACnEC,OAAO,EAAE;IACLC,OAAO,EAAE,mDAAmD;IAC5DF,IAAI,EAAE,gBAAgB;IACtBG,KAAK,EAAE,oBAAoB;IAC3BC,KAAK,iBAAiB;IACtBC,KAAK,EAAE;EACX;AACJ,CAAC;AAAC,eACaP,MAAM;AAAA"}

package/admin/plugins/fieldValidators/patternPlugins/url.d.ts

@@ -1,3 +1,3 @@
-import { CmsEditorFieldValidatorPatternPlugin } from "../../../../types";
-declare const _default: CmsEditorFieldValidatorPatternPlugin;
-export default _default;
+import { CmsModelFieldRegexValidatorExpressionPlugin } from "../../../../types";
+declare const plugin: CmsModelFieldRegexValidatorExpressionPlugin;
+export default plugin;

package/admin/plugins/fieldValidators/patternPlugins/url.js

@@ -1,9 +1,19 @@
-export default {
-  type: "cms-editor-field-validator-pattern",
-  name: "cms-editor-field-validator-pattern-url",
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var plugin = {
+  type: "cms-model-field-regex-validator-expression",
+  name: "cms-model-field-regex-validator-expression-url",
   pattern: {
     message: "Please enter a valid URL.",
     name: "url",
-    label: "URL"
+    label: "URL",
+    regex: "^(ftp|http|https):\\/\\/(\\w+:{0,1}\\w*@)?(\\S+)(:[0-9]+)?(\\/|\\/([\\w#!:.?+=&%@!\\-\\/]))?$",
+    flags: "i"
   }
-};
+};
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/fieldValidators/patternPlugins/url.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["plugin","type","name","pattern","message","label","regex","flags"],"sources":["url.ts"],"sourcesContent":["import { CmsModelFieldRegexValidatorExpressionPlugin } from \"~/types\";\n\nconst plugin: CmsModelFieldRegexValidatorExpressionPlugin = {\n    type: \"cms-model-field-regex-validator-expression\",\n    name: \"cms-model-field-regex-validator-expression-url\",\n    pattern: {\n        message: \"Please enter a valid URL.\",\n        name: \"url\",\n        label: \"URL\",\n        regex: \"^(ftp|http|https):\\\\/\\\\/(\\\\w+:{0,1}\\\\w*@)?(\\\\S+)(:[0-9]+)?(\\\\/|\\\\/([\\\\w#!:.?+=&%@!\\\\-\\\\/]))?$\",\n        flags: \"i\"\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;AAEA,IAAMA,MAAmD,GAAG;EACxDC,IAAI,EAAE,4CAA4C;EAClDC,IAAI,EAAE,gDAAgD;EACtDC,OAAO,EAAE;IACLC,OAAO,EAAE,2BAA2B;IACpCF,IAAI,EAAE,KAAK;IACXG,KAAK,EAAE,KAAK;IACZC,KAAK,EAAE,+FAA+F;IACtGC,KAAK,EAAE;EACX;AACJ,CAAC;AAAC,eACaP,MAAM;AAAA"}

package/admin/plugins/fieldValidators/required.d.ts

@@ -1,3 +1,3 @@
-import { CmsEditorFieldValidatorPlugin } from "../../../types";
-declare const _default: CmsEditorFieldValidatorPlugin;
-export default _default;
+import { CmsModelFieldValidatorPlugin } from "../../../types";
+declare const plugin: CmsModelFieldValidatorPlugin;
+export default plugin;

package/admin/plugins/fieldValidators/required.js

@@ -1,10 +1,22 @@
-export default {
-  type: "cms-editor-field-validator",
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _validation = require("@webiny/validation");
+var plugin = {
+  type: "cms-model-field-validator",
   name: "cms-editor-field-validator-required",
   validator: {
     name: "required",
     label: "Required",
     description: "You won't be able to submit the form if this field is empty",
-    defaultMessage: "Value is required."
+    defaultMessage: "Value is required.",
+    validate: function validate(value) {
+      return _validation.validation.validate(value, "required");
+    }
   }
-};
+};
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/fieldValidators/required.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["plugin","type","name","validator","label","description","defaultMessage","validate","value","validation"],"sources":["required.tsx"],"sourcesContent":["import { CmsModelFieldValidatorPlugin } from \"~/types\";\nimport { validation } from \"@webiny/validation\";\n\nconst plugin: CmsModelFieldValidatorPlugin = {\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-required\",\n    validator: {\n        name: \"required\",\n        label: \"Required\",\n        description: \"You won't be able to submit the form if this field is empty\",\n        defaultMessage: \"Value is required.\",\n        validate: value => {\n            return validation.validate(value, \"required\");\n        }\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;AACA;AAEA,IAAMA,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,qCAAqC;EAC3CC,SAAS,EAAE;IACPD,IAAI,EAAE,UAAU;IAChBE,KAAK,EAAE,UAAU;IACjBC,WAAW,EAAE,6DAA6D;IAC1EC,cAAc,EAAE,oBAAoB;IACpCC,QAAQ,EAAE,kBAAAC,KAAK,EAAI;MACf,OAAOC,sBAAU,CAACF,QAAQ,CAACC,KAAK,EAAE,UAAU,CAAC;IACjD;EACJ;AACJ,CAAC;AAAC,eACaR,MAAM;AAAA"}

package/admin/plugins/fieldValidators/unique.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _default = function _default() {
+  return {
+    type: "cms-model-field-validator",
+    name: "cms-editor-field-validator-unique",
+    validator: {
+      name: "unique",
+      label: "Unique",
+      description: "You won't be able to submit the form if this field is not unique",
+      defaultMessage: "Value must be unique.",
+      validate: function () {
+        var _validate = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+          return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                return _context.abrupt("return", true);
+              case 1:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function validate() {
+          return _validate.apply(this, arguments);
+        }
+        return validate;
+      }()
+    }
+  };
+};
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["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":";;;;;;;;;eAEe,oBAAoC;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;QAAA,uGAAE;UAAA;YAAA;cAAA;gBAAA,iCAIC,IAAI;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA,CACd;QAAA;UAAA;QAAA;QAAA;MAAA;IACL;EACJ,CAAC;AACL,CAAC;AAAA"}

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

@@ -1,6 +1,8 @@
-/// <reference types="react" />
-declare function PredefinedValuesDynamicFieldset({ getBind, renderValueInput }: {
-    getBind: any;
-    renderValueInput?: any;
-}): JSX.Element;
+import React from "react";
+import { BindComponent } from "../../../types";
+export interface Props {
+    getBind: (value?: any) => BindComponent;
+    renderValueInput?: (Bind: BindComponent) => React.ReactNode;
+}
+declare const PredefinedValuesDynamicFieldset: React.FC<Props>;
 export default PredefinedValuesDynamicFieldset;

package/admin/plugins/fields/PredefinedValuesDynamicFieldset.js

@@ -1,18 +1,26 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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 _react = _interopRequireDefault(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+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 _hooks = require("../../hooks");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
-import React from "react";
-import styled from "@emotion/styled";
-import { css } from "emotion";
-import { Grid, Cell, GridInner } from "@webiny/ui/Grid";
-import { i18n } from "@webiny/app/i18n";
-import { DynamicFieldset } from "@webiny/ui/DynamicFieldset";
-import { Typography } from "@webiny/ui/Typography";
-import { ButtonPrimary, ButtonSecondary } from "@webiny/ui/Button";
-import { Input } from "@webiny/ui/Input";
-var t = i18n.ns("app-headless-cms/admin/fields/dynamic-fieldset-predefined-values");
-var Fieldset = /*#__PURE__*/styled("div", {
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/dynamic-fieldset-predefined-values");
+var Fieldset = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1vzahbl0",
   label: "Fieldset"
 })({
@@ -26,7 +34,7 @@ var Fieldset = /*#__PURE__*/styled("div", {
     top: 13
   }
 });
-var controlButtons = /*#__PURE__*/css({
+var controlButtons = /*#__PURE__*/(0, _emotion.css)({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
@@ -34,10 +42,10 @@ var controlButtons = /*#__PURE__*/css({
     marginRight: 15
   }
 }, "label:controlButtons;");
-var emptyStyles = /*#__PURE__*/css({
+var emptyStyles = /*#__PURE__*/(0, _emotion.css)({
   textAlign: "center"
 }, "label:emptyStyles;");
-var Header = /*#__PURE__*/styled("div", {
+var Header = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1vzahbl1",
   label: "Header"
 })({
@@ -45,64 +53,94 @@ var Header = /*#__PURE__*/styled("div", {
   justifyContent: "space-between",
   marginBottom: 15
 });
-
-function PredefinedValuesDynamicFieldset(_ref) {
+var onSelectedChange = function onSelectedChange(params) {
+  var bind = params.bind,
+    field = params.field,
+    targetIndex = params.index,
+    setToValue = params.value;
+  bind.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), {}, {
+      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;
+    _ref$renderValueInput = _ref.renderValueInput,
+    renderValueInput = _ref$renderValueInput === void 0 ? null : _ref$renderValueInput;
   var Bind = getBind();
-  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+  var _useModelField = (0, _hooks.useModelField)(),
+    field = _useModelField.field;
+  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Bind, null, /*#__PURE__*/React.createElement(DynamicFieldset, null, function (_ref2) {
-    var actions = _ref2.actions,
+  }, /*#__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.createElement(React.Fragment, null, row(function (_ref3) {
-      var index = _ref3.index;
-      var Bind = getBind(index);
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GridInner, null, /*#__PURE__*/React.createElement(Cell, {
-        span: 5
-      }, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(Bind, {
-        name: "label"
-      }, /*#__PURE__*/React.createElement(Input, {
-        label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Label"])))
-      })))), /*#__PURE__*/React.createElement(Cell, {
-        span: 5
-      }, /*#__PURE__*/React.createElement(Fieldset, null, renderValueInput ? renderValueInput(Bind) : /*#__PURE__*/React.createElement(Bind, {
-        name: "value"
-      }, /*#__PURE__*/React.createElement(Input, {
-        label: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Value"])))
-      })))), /*#__PURE__*/React.createElement(Cell, {
-        span: 2,
-        className: controlButtons
-      }, /*#__PURE__*/React.createElement(ButtonPrimary, {
-        small: true,
-        onClick: actions.add(index)
-      }, "+"), /*#__PURE__*/React.createElement(ButtonSecondary, {
-        small: true,
-        onClick: actions.remove(index)
-      }, "-"))));
-    }), empty(function () {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(Typography, {
-        use: "overline"
-      }, t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Predefined values"]))))), /*#__PURE__*/React.createElement(GridInner, {
-        className: emptyStyles
-      }, /*#__PURE__*/React.createElement(Cell, {
-        span: 12
-      }, /*#__PURE__*/React.createElement(Typography, {
-        use: "subtitle1"
-      }, t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["There are no predefined values available."]))))), /*#__PURE__*/React.createElement(Cell, {
-        span: 12
-      }, /*#__PURE__*/React.createElement(ButtonPrimary, {
-        onClick: actions.add()
-      }, t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Add a predefined value"])))))));
-    }), header(function () {
-      return /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(Typography, {
-        use: "overline"
-      }, t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Predefined values"])))));
-    }));
-  }))));
-}
-
-export default PredefinedValuesDynamicFieldset;
+      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, {
+          span: 4
+        }, /*#__PURE__*/_react.default.createElement(Fieldset, null, /*#__PURE__*/_react.default.createElement(Bind, {
+          name: "label"
+        }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+          label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Label"])))
+        })))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+          span: 4
+        }, /*#__PURE__*/_react.default.createElement(Fieldset, null, renderValueInput ? renderValueInput(Bind) : /*#__PURE__*/_react.default.createElement(Bind, {
+          name: "value"
+        }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+          label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Value"])))
+        })))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+          span: 2
+        }, /*#__PURE__*/_react.default.createElement(Fieldset, null, /*#__PURE__*/_react.default.createElement(Bind, {
+          name: "selected"
+        }, /*#__PURE__*/_react.default.createElement(_Switch.Switch, {
+          label: "Selected",
+          description: "Mark as selected value",
+          onChange: function onChange(value) {
+            onSelectedChange({
+              bind: bind,
+              field: field,
+              index: index,
+              value: value
+            });
+          }
+        })))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+          span: 2,
+          className: controlButtons
+        }, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+          small: true,
+          onClick: actions.add(index)
+        }, "+"), /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, {
+          small: true,
+          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, {
+          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, {
+          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"])))));
+      }));
+    });
+  })));
+};
+var _default = PredefinedValuesDynamicFieldset;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","Fieldset","styled","position","width","marginBottom","display","right","top","controlButtons","css","alignItems","justifyContent","marginRight","emptyStyles","textAlign","Header","onSelectedChange","params","bind","field","targetIndex","index","setToValue","value","form","setValue","map","defaultValue","multipleValues","selected","PredefinedValuesDynamicFieldset","getBind","renderValueInput","Bind","useModelField","actions","header","row","empty","add","remove"],"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 } 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    bind: BindComponentRenderProp;\n    field: CmsModelField;\n    index: number;\n    value: boolean;\n}\nconst onSelectedChange = (params: OnSelectedParams) => {\n    const { bind, field, index: targetIndex, value: setToValue } = params;\n    bind.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 Props {\n    getBind: (value?: any) => BindComponent;\n    renderValueInput?: (Bind: BindComponent) => React.ReactNode;\n}\nconst PredefinedValuesDynamicFieldset: React.FC<Props> = ({ getBind, renderValueInput = null }) => {\n    const Bind = getBind();\n    const { field } = useModelField();\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                                                                                    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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"}

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

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