@webiny/app-headless-cms 0.0.0-unstable.40876133bb → 0.0.0-unstable.496cf268ac

package/admin/components/FieldEditor/EditFieldDialog/PredefinedValues.js

@@ -1,44 +1,34 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _getValue = _interopRequireDefault(require("./functions/getValue"));
-
 var _setValue = _interopRequireDefault(require("./functions/setValue"));
-
-var PredefinedValues = function PredefinedValues(_ref) {
-  var field = _ref.field,
-      fieldPlugin = _ref.fieldPlugin,
-      form = _ref.form;
+var _form = require("@webiny/form");
+var _hooks = require("../../../hooks");
+var PredefinedValues = function PredefinedValues() {
+  var _useModelField = (0, _hooks.useModelField)(),
+    field = _useModelField.field,
+    fieldPlugin = _useModelField.fieldPlugin;
   var memoizedBindComponents = (0, _react.useRef)({});
-  var BaseFormBind = form.Bind;
   var getBind = (0, _react.useCallback)(function () {
     var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
     var memoKey = index;
-
     if (memoizedBindComponents.current[memoKey]) {
       return memoizedBindComponents.current[memoKey];
     }
-
-    var Bind = function Bind(_ref2) {
-      var children = _ref2.children,
-          name = _ref2.name;
-      return /*#__PURE__*/_react.default.createElement(BaseFormBind, {
+    var Bind = function Bind(_ref) {
+      var children = _ref.children,
+        name = _ref.name;
+      return /*#__PURE__*/_react.default.createElement(_form.Bind, {
         name: "predefinedValues.values"
       }, function (bind) {
         var props = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, bind), {}, {
@@ -50,55 +40,42 @@ var PredefinedValues = function PredefinedValues(_ref) {
           onChange: function () {
             var _onChange = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value) {
               return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-                while (1) {
-                  switch (_context.prev = _context.next) {
-                    case 0:
-                      _context.next = 2;
-                      return (0, _setValue.default)({
-                        value: value,
-                        bind: bind,
-                        index: index,
-                        name: name
-                      });
-
-                    case 2:
-                    case "end":
-                      return _context.stop();
-                  }
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    _context.next = 2;
+                    return (0, _setValue.default)({
+                      value: value,
+                      bind: bind,
+                      index: index,
+                      name: name
+                    });
+                  case 2:
+                  case "end":
+                    return _context.stop();
                 }
               }, _callee);
             }));
-
             function onChange(_x) {
               return _onChange.apply(this, arguments);
             }
-
             return onChange;
           }()
         });
-
         if (typeof children === "function") {
           return children(props);
         }
-
         return /*#__PURE__*/(0, _react.cloneElement)(children, props);
       });
     };
-
     memoizedBindComponents.current[memoKey] = Bind;
     return memoizedBindComponents.current[memoKey];
   }, []);
-
   if (!fieldPlugin.field.renderPredefinedValues) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Missing \"field.renderPredefinedValues\" method in field type plugin: \"".concat(field.type, "\"."));
   }
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, fieldPlugin.field.renderPredefinedValues({
-    field: field,
-    getBind: getBind,
-    form: form
+    getBind: getBind
   }));
 };
-
 var _default = PredefinedValues;
 exports.default = _default;

package/admin/components/FieldEditor/EditFieldDialog/PredefinedValues.js.map

@@ -1 +1 @@
-{"version":3,"names":["PredefinedValues","field","fieldPlugin","form","memoizedBindComponents","useRef","BaseFormBind","Bind","getBind","useCallback","index","memoKey","current","children","name","bind","props","value","getValue","onChange","setValue","cloneElement","renderPredefinedValues","type"],"sources":["PredefinedValues.tsx"],"sourcesContent":["import React, { useCallback, useRef, cloneElement } from \"react\";\nimport getValue from \"./functions/getValue\";\nimport setValue from \"./functions/setValue\";\nimport { CmsEditorField, CmsEditorFieldTypePlugin } from \"~/types\";\nimport { BindComponent, FormRenderPropParams } from \"@webiny/form\";\n\nexport interface PredefinedValuesProps {\n    field: CmsEditorField;\n    fieldPlugin: CmsEditorFieldTypePlugin;\n    form: FormRenderPropParams;\n}\ninterface MemoizedBindComponents {\n    [key: string]: BindComponent;\n}\n\nconst PredefinedValues: React.FC<PredefinedValuesProps> = ({ field, fieldPlugin, form }) => {\n    const memoizedBindComponents = useRef<MemoizedBindComponents>({});\n    const { Bind: BaseFormBind } = form;\n\n    const getBind = useCallback((index = -1) => {\n        const memoKey = index;\n        if (memoizedBindComponents.current[memoKey]) {\n            return memoizedBindComponents.current[memoKey];\n        }\n\n        const Bind: BindComponent = ({ children, name }) => {\n            return (\n                <BaseFormBind name={\"predefinedValues.values\"}>\n                    {bind => {\n                        const props = {\n                            ...bind,\n                            value: getValue({ bind, index, name }),\n                            onChange: async (value: string[]) => {\n                                await setValue({ value, bind, index, name });\n                            }\n                        };\n\n                        if (typeof children === \"function\") {\n                            return children(props);\n                        }\n\n                        return cloneElement(children as unknown as React.ReactElement, props);\n                    }}\n                </BaseFormBind>\n            );\n        };\n\n        memoizedBindComponents.current[memoKey] = Bind;\n\n        return memoizedBindComponents.current[memoKey];\n    }, []);\n    if (!fieldPlugin.field.renderPredefinedValues) {\n        return (\n            <>{`Missing \"field.renderPredefinedValues\" method in field type plugin: \"${field.type}\".`}</>\n        );\n    }\n\n    return <>{fieldPlugin.field.renderPredefinedValues({ field, getBind, form })}</>;\n};\n\nexport default PredefinedValues;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAaA,IAAMA,gBAAiD,GAAG,SAApDA,gBAAoD,OAAkC;EAAA,IAA/BC,KAA+B,QAA/BA,KAA+B;EAAA,IAAxBC,WAAwB,QAAxBA,WAAwB;EAAA,IAAXC,IAAW,QAAXA,IAAW;EACxF,IAAMC,sBAAsB,GAAG,IAAAC,aAAA,EAA+B,EAA/B,CAA/B;EACA,IAAcC,YAAd,GAA+BH,IAA/B,CAAQI,IAAR;EAEA,IAAMC,OAAO,GAAG,IAAAC,kBAAA,EAAY,YAAgB;IAAA,IAAfC,KAAe,uEAAP,CAAC,CAAM;IACxC,IAAMC,OAAO,GAAGD,KAAhB;;IACA,IAAIN,sBAAsB,CAACQ,OAAvB,CAA+BD,OAA/B,CAAJ,EAA6C;MACzC,OAAOP,sBAAsB,CAACQ,OAAvB,CAA+BD,OAA/B,CAAP;IACH;;IAED,IAAMJ,IAAmB,GAAG,SAAtBA,IAAsB,QAAwB;MAAA,IAArBM,QAAqB,SAArBA,QAAqB;MAAA,IAAXC,IAAW,SAAXA,IAAW;MAChD,oBACI,6BAAC,YAAD;QAAc,IAAI,EAAE;MAApB,GACK,UAAAC,IAAI,EAAI;QACL,IAAMC,KAAK,+DACJD,IADI;UAEPE,KAAK,EAAE,IAAAC,iBAAA,EAAS;YAAEH,IAAI,EAAJA,IAAF;YAAQL,KAAK,EAALA,KAAR;YAAeI,IAAI,EAAJA;UAAf,CAAT,CAFA;UAGPK,QAAQ;YAAA,uGAAE,iBAAOF,KAAP;cAAA;gBAAA;kBAAA;oBAAA;sBAAA;sBAAA,OACA,IAAAG,iBAAA,EAAS;wBAAEH,KAAK,EAALA,KAAF;wBAASF,IAAI,EAAJA,IAAT;wBAAeL,KAAK,EAALA,KAAf;wBAAsBI,IAAI,EAAJA;sBAAtB,CAAT,CADA;;oBAAA;oBAAA;sBAAA;kBAAA;gBAAA;cAAA;YAAA,CAAF;;YAAA;cAAA;YAAA;;YAAA;UAAA;QAHD,EAAX;;QAQA,IAAI,OAAOD,QAAP,KAAoB,UAAxB,EAAoC;UAChC,OAAOA,QAAQ,CAACG,KAAD,CAAf;QACH;;QAED,oBAAO,IAAAK,mBAAA,EAAaR,QAAb,EAAwDG,KAAxD,CAAP;MACH,CAfL,CADJ;IAmBH,CApBD;;IAsBAZ,sBAAsB,CAACQ,OAAvB,CAA+BD,OAA/B,IAA0CJ,IAA1C;IAEA,OAAOH,sBAAsB,CAACQ,OAAvB,CAA+BD,OAA/B,CAAP;EACH,CA/Be,EA+Bb,EA/Ba,CAAhB;;EAgCA,IAAI,CAACT,WAAW,CAACD,KAAZ,CAAkBqB,sBAAvB,EAA+C;IAC3C,oBACI,8IAA2ErB,KAAK,CAACsB,IAAjF,SADJ;EAGH;;EAED,oBAAO,4DAAGrB,WAAW,CAACD,KAAZ,CAAkBqB,sBAAlB,CAAyC;IAAErB,KAAK,EAALA,KAAF;IAASO,OAAO,EAAPA,OAAT;IAAkBL,IAAI,EAAJA;EAAlB,CAAzC,CAAH,CAAP;AACH,CA3CD;;eA6CeH,gB"}
+{"version":3,"names":["PredefinedValues","useModelField","field","fieldPlugin","memoizedBindComponents","useRef","getBind","useCallback","index","memoKey","current","Bind","children","name","bind","props","value","getValue","onChange","setValue","cloneElement","renderPredefinedValues","type"],"sources":["PredefinedValues.tsx"],"sourcesContent":["import React, { useCallback, useRef, cloneElement } from \"react\";\nimport getValue from \"./functions/getValue\";\nimport setValue from \"./functions/setValue\";\nimport { BindComponent, Bind as BaseFormBind } from \"@webiny/form\";\nimport { useModelField } from \"~/admin/hooks\";\n\ninterface MemoizedBindComponents {\n    [key: string]: BindComponent;\n}\n\nconst PredefinedValues = () => {\n    const { field, fieldPlugin } = useModelField();\n    const memoizedBindComponents = useRef<MemoizedBindComponents>({});\n\n    const getBind = useCallback((index = -1) => {\n        const memoKey = index;\n        if (memoizedBindComponents.current[memoKey]) {\n            return memoizedBindComponents.current[memoKey];\n        }\n\n        const Bind: BindComponent = ({ children, name }) => {\n            return (\n                <BaseFormBind name={\"predefinedValues.values\"}>\n                    {bind => {\n                        const props = {\n                            ...bind,\n                            value: getValue({ bind, index, name }),\n                            onChange: async (value: string[]) => {\n                                await setValue({ value, bind, index, name });\n                            }\n                        };\n\n                        if (typeof children === \"function\") {\n                            return children(props);\n                        }\n\n                        return cloneElement(children as unknown as React.ReactElement, props);\n                    }}\n                </BaseFormBind>\n            );\n        };\n\n        memoizedBindComponents.current[memoKey] = Bind;\n\n        return memoizedBindComponents.current[memoKey];\n    }, []);\n    if (!fieldPlugin.field.renderPredefinedValues) {\n        return (\n            <>{`Missing \"field.renderPredefinedValues\" method in field type plugin: \"${field.type}\".`}</>\n        );\n    }\n\n    return <>{fieldPlugin.field.renderPredefinedValues({ getBind })}</>;\n};\n\nexport default PredefinedValues;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAMA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,GAAS;EAC3B,qBAA+B,IAAAC,oBAAa,GAAE;IAAtCC,KAAK,kBAALA,KAAK;IAAEC,WAAW,kBAAXA,WAAW;EAC1B,IAAMC,sBAAsB,GAAG,IAAAC,aAAM,EAAyB,CAAC,CAAC,CAAC;EAEjE,IAAMC,OAAO,GAAG,IAAAC,kBAAW,EAAC,YAAgB;IAAA,IAAfC,KAAK,uEAAG,CAAC,CAAC;IACnC,IAAMC,OAAO,GAAGD,KAAK;IACrB,IAAIJ,sBAAsB,CAACM,OAAO,CAACD,OAAO,CAAC,EAAE;MACzC,OAAOL,sBAAsB,CAACM,OAAO,CAACD,OAAO,CAAC;IAClD;IAEA,IAAME,IAAmB,GAAG,SAAtBA,IAAmB,OAA2B;MAAA,IAArBC,QAAQ,QAARA,QAAQ;QAAEC,IAAI,QAAJA,IAAI;MACzC,oBACI,6BAAC,UAAY;QAAC,IAAI,EAAE;MAA0B,GACzC,UAAAC,IAAI,EAAI;QACL,IAAMC,KAAK,+DACJD,IAAI;UACPE,KAAK,EAAE,IAAAC,iBAAQ,EAAC;YAAEH,IAAI,EAAJA,IAAI;YAAEN,KAAK,EAALA,KAAK;YAAEK,IAAI,EAAJA;UAAK,CAAC,CAAC;UACtCK,QAAQ;YAAA,uGAAE,iBAAOF,KAAe;cAAA;gBAAA;kBAAA;oBAAA;oBAAA,OACtB,IAAAG,iBAAQ,EAAC;sBAAEH,KAAK,EAALA,KAAK;sBAAEF,IAAI,EAAJA,IAAI;sBAAEN,KAAK,EAALA,KAAK;sBAAEK,IAAI,EAAJA;oBAAK,CAAC,CAAC;kBAAA;kBAAA;oBAAA;gBAAA;cAAA;YAAA,CAC/C;YAAA;cAAA;YAAA;YAAA;UAAA;QAAA,EACJ;QAED,IAAI,OAAOD,QAAQ,KAAK,UAAU,EAAE;UAChC,OAAOA,QAAQ,CAACG,KAAK,CAAC;QAC1B;QAEA,oBAAO,IAAAK,mBAAY,EAACR,QAAQ,EAAmCG,KAAK,CAAC;MACzE,CAAC,CACU;IAEvB,CAAC;IAEDX,sBAAsB,CAACM,OAAO,CAACD,OAAO,CAAC,GAAGE,IAAI;IAE9C,OAAOP,sBAAsB,CAACM,OAAO,CAACD,OAAO,CAAC;EAClD,CAAC,EAAE,EAAE,CAAC;EACN,IAAI,CAACN,WAAW,CAACD,KAAK,CAACmB,sBAAsB,EAAE;IAC3C,oBACI,8IAA2EnB,KAAK,CAACoB,IAAI,SAAQ;EAErG;EAEA,oBAAO,4DAAGnB,WAAW,CAACD,KAAK,CAACmB,sBAAsB,CAAC;IAAEf,OAAO,EAAPA;EAAQ,CAAC,CAAC,CAAI;AACvE,CAAC;AAAC,eAEaN,gBAAgB;AAAA"}

package/admin/components/FieldEditor/EditFieldDialog/ValidationsSection.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { CmsModelFieldValidatorConfigAdapter } from "../../../../utils/CmsModelFieldValidatorConfigAdapter";
+interface ValidatorsSectionProps {
+    title: string;
+    fieldKey: "validators" | "listValidators";
+    description: string;
+    validators: CmsModelFieldValidatorConfigAdapter[];
+}
+export declare const ValidationsSection: ({ title, description, fieldKey, validators }: ValidatorsSectionProps) => JSX.Element;
+export {};

package/admin/components/FieldEditor/EditFieldDialog/ValidationsSection.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ValidationsSection = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Grid = require("@webiny/ui/Grid");
+var _Typography = require("@webiny/ui/Typography");
+var _ValidatorsList = require("./ValidatorsList");
+var bindTo = {
+  validators: "validation",
+  listValidators: "listValidation"
+};
+var ValidationsSection = function ValidationsSection(_ref) {
+  var title = _ref.title,
+    description = _ref.description,
+    fieldKey = _ref.fieldKey,
+    validators = _ref.validators;
+  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 12
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    use: "headline5"
+  }, title), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    use: "body2"
+  }, description)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 12
+  }, /*#__PURE__*/_react.default.createElement(_ValidatorsList.ValidatorsList, {
+    name: bindTo[fieldKey],
+    validators: validators
+  })));
+};
+exports.ValidationsSection = ValidationsSection;

package/admin/components/FieldEditor/EditFieldDialog/ValidationsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["bindTo","validators","listValidators","ValidationsSection","title","description","fieldKey"],"sources":["ValidationsSection.tsx"],"sourcesContent":["import React from \"react\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ValidatorsList } from \"./ValidatorsList\";\nimport { CmsModelFieldValidatorConfigAdapter } from \"~/utils/CmsModelFieldValidatorConfigAdapter\";\n\ninterface ValidatorsSectionProps {\n    title: string;\n    fieldKey: \"validators\" | \"listValidators\";\n    description: string;\n    validators: CmsModelFieldValidatorConfigAdapter[];\n}\n\nconst bindTo = {\n    validators: \"validation\",\n    listValidators: \"listValidation\"\n};\n\nexport const ValidationsSection = ({\n    title,\n    description,\n    fieldKey,\n    validators\n}: ValidatorsSectionProps) => {\n    return (\n        <Grid>\n            <Cell span={12}>\n                <Typography use={\"headline5\"}>{title}</Typography>\n                <br />\n                <Typography use={\"body2\"}>{description}</Typography>\n            </Cell>\n            <Cell span={12}>\n                <ValidatorsList name={bindTo[fieldKey]} validators={validators} />\n            </Cell>\n        </Grid>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAUA,IAAMA,MAAM,GAAG;EACXC,UAAU,EAAE,YAAY;EACxBC,cAAc,EAAE;AACpB,CAAC;AAEM,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAKD;EAAA,IAJ1BC,KAAK,QAALA,KAAK;IACLC,WAAW,QAAXA,WAAW;IACXC,QAAQ,QAARA,QAAQ;IACRL,UAAU,QAAVA,UAAU;EAEV,oBACI,6BAAC,UAAI,qBACD,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAY,GAAEG,KAAK,CAAc,eAClD,wCAAM,eACN,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAQ,GAAEC,WAAW,CAAc,CACjD,eACP,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,8BAAc;IAAC,IAAI,EAAEL,MAAM,CAACM,QAAQ,CAAE;IAAC,UAAU,EAAEL;EAAW,EAAG,CAC/D,CACJ;AAEf,CAAC;AAAC"}

package/admin/components/FieldEditor/EditFieldDialog/ValidatorsList.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { CmsModelFieldValidatorConfigAdapter } from "../../../../utils/CmsModelFieldValidatorConfigAdapter";
+interface ValidatorsTabProps {
+    name: string;
+    validators: CmsModelFieldValidatorConfigAdapter[];
+}
+export declare const ValidatorsList: React.FC<ValidatorsTabProps>;
+export {};

package/admin/components/FieldEditor/EditFieldDialog/ValidatorsList.js

@@ -0,0 +1,189 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ValidatorsList = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _debounce2 = _interopRequireDefault(require("lodash/debounce"));
+var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
+var _react = _interopRequireWildcard(require("react"));
+var _emotion = require("emotion");
+var _plugins = require("@webiny/plugins");
+var _Switch = require("@webiny/ui/Switch");
+var _form = require("@webiny/form");
+var _Grid = require("@webiny/ui/Grid");
+var _validation = require("@webiny/validation");
+var _Input = require("@webiny/ui/Input");
+var _Accordion = require("@webiny/ui/Accordion");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Tooltip = require("@webiny/ui/Tooltip");
+var Variable = /*#__PURE__*/(0, _styled.default)("span", {
+  label: "Variable",
+  target: "e19f04zm0"
+})("font-weight:bold;cursor:pointer;");
+var Comma = /*#__PURE__*/(0, _styled.default)("span", {
+  label: "Comma",
+  target: "e19f04zm1"
+})("padding-right:5px;");
+var noPadding = /*#__PURE__*/(0, _emotion.css)(".webiny-ui-accordion-item__content{padding:0 !important;}label:noPadding;");
+var gridBottomPadding = /*#__PURE__*/(0, _emotion.css)(":not(:last-child){padding-bottom:0;}label:gridBottomPadding;");
+var onEnabledChange = function onEnabledChange(params) {
+  var data = params.data,
+    validationValue = params.validationValue,
+    onChangeValidation = params.onChangeValidation,
+    validator = params.validator;
+  if (data) {
+    var index = validationValue.findIndex(function (item) {
+      return item.name === validator.getName();
+    });
+    onChangeValidation([].concat((0, _toConsumableArray2.default)(validationValue.slice(0, index)), (0, _toConsumableArray2.default)(validationValue.slice(index + 1))));
+    return;
+  }
+  onChangeValidation([].concat((0, _toConsumableArray2.default)(validationValue), [{
+    name: validator.getName(),
+    settings: validator.getDefaultSettings(),
+    message: validator.getDefaultMessage()
+  }]));
+};
+var onFormChange = (0, _debounce2.default)(function (_ref) {
+  var data = _ref.data,
+    validationValue = _ref.validationValue,
+    onChangeValidation = _ref.onChangeValidation,
+    validatorIndex = _ref.validatorIndex;
+  var newValidationValue = (0, _cloneDeep2.default)(validationValue);
+  newValidationValue[validatorIndex] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, newValidationValue[validatorIndex]), (0, _cloneDeep2.default)(data));
+  onChangeValidation(newValidationValue);
+}, 200);
+var renderEmpty = function renderEmpty() {
+  return null;
+};
+var getValidatorPlugin = function getValidatorPlugin(name) {
+  var plugin = _plugins.plugins.byType("cms-model-field-validator").find(function (plugin) {
+    return plugin.validator.name === name;
+  });
+  if (!plugin) {
+    return null;
+  }
+  return plugin.validator;
+};
+var ValidatorItem = function ValidatorItem(_ref2) {
+  var validator = _ref2.validator,
+    value = _ref2.value,
+    _onChange = _ref2.onChange;
+  var validatorName = validator.getName();
+  var plugin = getValidatorPlugin(validatorName);
+  if (!plugin) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }
+  var validatorIndex = (value || []).findIndex(function (item) {
+    return item.name === validatorName;
+  });
+  var data = (value || [])[validatorIndex];
+  if (typeof plugin.renderCustomUi === "function") {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+      key: validatorName
+    }, plugin.renderCustomUi());
+  }
+  var renderSettings = plugin.renderSettings || renderEmpty;
+  var actions = !validator.isRequired() ? /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem.Actions, null, /*#__PURE__*/_react.default.createElement(_Switch.Switch, {
+    label: "Enabled",
+    value: validatorIndex >= 0,
+    onChange: function onChange() {
+      return onEnabledChange({
+        data: data,
+        validationValue: value,
+        onChangeValidation: _onChange,
+        validator: validator
+      });
+    }
+  })) : null;
+  var description = [/*#__PURE__*/_react.default.createElement("span", {
+    key: "msg"
+  }, "This message will be displayed to the user.")];
+  var variables = validator.getVariables();
+  if (variables.length) {
+    description.push( /*#__PURE__*/_react.default.createElement("span", {
+      key: "vars"
+    }, "\xA0Available variables:\xA0"));
+    for (var i = 0; i < variables.length; i++) {
+      var variable = variables[i];
+      description.push( /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+        key: variable.name,
+        content: variable.description,
+        placement: "bottom"
+      }, /*#__PURE__*/_react.default.createElement(Variable, {
+        dangerouslySetInnerHTML: {
+          __html: "{".concat(variable.name, "}")
+        }
+      })));
+      if (i < variables.length - 1) {
+        description.push( /*#__PURE__*/_react.default.createElement(Comma, {
+          key: "comma-".concat(i)
+        }, ","));
+      }
+    }
+    description.push( /*#__PURE__*/_react.default.createElement(Comma, {
+      key: "dot"
+    }, "."));
+  }
+  return /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
+    key: validator.getName(),
+    "data-testid": "cms.editor.field-validator.".concat(validator.getName()),
+    interactive: false,
+    open: !!data,
+    title: validator.getLabel(),
+    description: validator.getDescription(),
+    actions: actions,
+    className: noPadding
+  }, data && /*#__PURE__*/_react.default.createElement(_form.Form, {
+    data: data,
+    onChange: function onChange(data) {
+      return onFormChange({
+        data: data,
+        validationValue: value,
+        onChangeValidation: _onChange,
+        validatorIndex: validatorIndex
+      });
+    }
+  }, function (_ref3) {
+    var Bind = _ref3.Bind;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
+      className: gridBottomPadding
+    }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "message",
+      validators: _validation.validation.create("required")
+    }, function (bind) {
+      return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bind, {
+        label: "Message",
+        "data-testid": "cms.editfield.validators.required",
+        description: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, description)
+      }));
+    }))), renderSettings(validator));
+  }));
+};
+var ValidatorsList = function ValidatorsList(props) {
+  var name = props.name,
+    validators = props.validators;
+  return /*#__PURE__*/_react.default.createElement(_form.Bind, {
+    name: name,
+    defaultValue: []
+  }, function (bind) {
+    var value = bind.value,
+      onChange = bind.onChange;
+    return /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, null, validators.map(function (validator) {
+      return /*#__PURE__*/_react.default.createElement(ValidatorItem, {
+        key: validator.getName(),
+        value: value,
+        onChange: onChange,
+        validator: validator
+      });
+    }));
+  });
+};
+exports.ValidatorsList = ValidatorsList;

package/admin/components/FieldEditor/EditFieldDialog/ValidatorsList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Variable","styled","Comma","noPadding","css","gridBottomPadding","onEnabledChange","params","data","validationValue","onChangeValidation","validator","index","findIndex","item","name","getName","slice","settings","getDefaultSettings","message","getDefaultMessage","onFormChange","validatorIndex","newValidationValue","renderEmpty","getValidatorPlugin","plugin","plugins","byType","find","ValidatorItem","value","onChange","validatorName","renderCustomUi","renderSettings","actions","isRequired","description","variables","getVariables","length","push","i","variable","__html","getLabel","getDescription","Bind","validation","create","bind","ValidatorsList","props","validators","map"],"sources":["ValidatorsList.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { css } from \"emotion\";\nimport { cloneDeep, debounce } from \"lodash\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Switch } from \"@webiny/ui/Switch\";\nimport { Form, Bind } from \"@webiny/form\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { validation } from \"@webiny/validation\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CmsModelFieldValidator, CmsModelFieldValidatorPlugin } from \"~/types\";\nimport { Validator } from \"@webiny/validation/types\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport { CmsModelFieldValidatorConfigAdapter } from \"~/utils/CmsModelFieldValidatorConfigAdapter\";\nimport styled from \"@emotion/styled\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\n\nconst Variable = styled.span`\n    font-weight: bold;\n    cursor: pointer;\n`;\n\nconst Comma = styled.span`\n    padding-right: 5px;\n`;\n\nconst noPadding = css`\n    .webiny-ui-accordion-item__content {\n        padding: 0 !important;\n    }\n`;\n\nconst gridBottomPadding = css`\n    :not(:last-child) {\n        padding-bottom: 0;\n    }\n`;\n\ninterface OnChangeValidationCallable {\n    (validators: CmsModelFieldValidator[]): void;\n}\n\ninterface OnEnabledChangeParams {\n    data: CmsModelFieldValidator;\n    validationValue: CmsModelFieldValidator[];\n    onChangeValidation: OnChangeValidationCallable;\n    validator: CmsModelFieldValidatorConfigAdapter;\n}\n\nconst onEnabledChange = (params: OnEnabledChangeParams): void => {\n    const { data, validationValue, onChangeValidation, validator } = params;\n    if (data) {\n        const index = validationValue.findIndex(item => item.name === validator.getName());\n        onChangeValidation([\n            ...validationValue.slice(0, index),\n            ...validationValue.slice(index + 1)\n        ]);\n        return;\n    }\n    onChangeValidation([\n        ...validationValue,\n        {\n            name: validator.getName(),\n            settings: validator.getDefaultSettings(),\n            message: validator.getDefaultMessage()\n        }\n    ]);\n};\n\nconst onFormChange = debounce(({ data, validationValue, onChangeValidation, validatorIndex }) => {\n    const newValidationValue = cloneDeep(validationValue);\n    newValidationValue[validatorIndex] = {\n        ...newValidationValue[validatorIndex],\n        ...cloneDeep(data)\n    };\n    onChangeValidation(newValidationValue);\n}, 200);\n\ninterface ValidatorsTabProps {\n    name: string;\n    validators: CmsModelFieldValidatorConfigAdapter[];\n}\n\nconst renderEmpty = () => null;\n\nconst getValidatorPlugin = (name: string): CmsModelFieldValidatorPlugin[\"validator\"] | null => {\n    const plugin = plugins\n        .byType<CmsModelFieldValidatorPlugin>(\"cms-model-field-validator\")\n        .find(plugin => plugin.validator.name === name);\n\n    if (!plugin) {\n        return null;\n    }\n\n    return plugin.validator;\n};\n\ninterface ValidatorItemProps {\n    validator: CmsModelFieldValidatorConfigAdapter;\n    value: any;\n    onChange: OnChangeValidationCallable;\n}\n\nconst ValidatorItem = ({ validator, value, onChange }: ValidatorItemProps) => {\n    const validatorName = validator.getName();\n\n    const plugin = getValidatorPlugin(validatorName);\n    if (!plugin) {\n        return <></>;\n    }\n\n    const validatorIndex = ((value || []) as Validator[]).findIndex(\n        item => item.name === validatorName\n    );\n\n    const data = (value || [])[validatorIndex];\n\n    if (typeof plugin.renderCustomUi === \"function\") {\n        return <Fragment key={validatorName}>{plugin.renderCustomUi()}</Fragment>;\n    }\n\n    const renderSettings = plugin.renderSettings || renderEmpty;\n\n    const actions = !validator.isRequired() ? (\n        <AccordionItem.Actions>\n            <Switch\n                label=\"Enabled\"\n                value={validatorIndex >= 0}\n                onChange={() =>\n                    onEnabledChange({\n                        data,\n                        validationValue: value,\n                        onChangeValidation: onChange,\n                        validator: validator\n                    })\n                }\n            />\n        </AccordionItem.Actions>\n    ) : null;\n\n    const description = [<span key={\"msg\"}>This message will be displayed to the user.</span>];\n    const variables = validator.getVariables();\n\n    if (variables.length) {\n        description.push(<span key={\"vars\"}>&nbsp;Available variables:&nbsp;</span>);\n        for (let i = 0; i < variables.length; i++) {\n            const variable = variables[i];\n\n            description.push(\n                <Tooltip key={variable.name} content={variable.description} placement={\"bottom\"}>\n                    <Variable dangerouslySetInnerHTML={{ __html: `{${variable.name}}` }} />\n                </Tooltip>\n            );\n\n            if (i < variables.length - 1) {\n                description.push(<Comma key={`comma-${i}`}>,</Comma>);\n            }\n        }\n        description.push(<Comma key={\"dot\"}>.</Comma>);\n    }\n\n    return (\n        <AccordionItem\n            key={validator.getName()}\n            data-testid={`cms.editor.field-validator.${validator.getName()}`}\n            interactive={false}\n            open={!!data}\n            title={validator.getLabel()}\n            description={validator.getDescription()}\n            actions={actions}\n            className={noPadding}\n        >\n            {data && (\n                <Form\n                    data={data}\n                    onChange={data =>\n                        onFormChange({\n                            data,\n                            validationValue: value,\n                            onChangeValidation: onChange,\n                            validatorIndex\n                        })\n                    }\n                >\n                    {({ Bind }) => (\n                        <>\n                            <Grid className={gridBottomPadding}>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"message\"}\n                                        validators={validation.create(\"required\")}\n                                    >\n                                        {bind => {\n                                            return (\n                                                <Input\n                                                    {...bind}\n                                                    label={\"Message\"}\n                                                    data-testid=\"cms.editfield.validators.required\"\n                                                    description={<>{description}</>}\n                                                />\n                                            );\n                                        }}\n                                    </Bind>\n                                </Cell>\n                            </Grid>\n\n                            {renderSettings(validator)}\n                        </>\n                    )}\n                </Form>\n            )}\n        </AccordionItem>\n    );\n};\n\nexport const ValidatorsList: React.FC<ValidatorsTabProps> = props => {\n    const { name, validators } = props;\n\n    return (\n        <Bind name={name} defaultValue={[]}>\n            {bind => {\n                const { value, onChange } = bind;\n                return (\n                    <Accordion>\n                        {validators.map(validator => {\n                            return (\n                                <ValidatorItem\n                                    key={validator.getName()}\n                                    value={value}\n                                    onChange={onChange}\n                                    validator={validator}\n                                />\n                            );\n                        })}\n                    </Accordion>\n                );\n            }}\n        </Bind>\n    );\n};\n"],"mappings":"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"}

package/admin/components/FieldEditor/EditFieldDialog/functions/getValue.js

@@ -1,26 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var getValue = function getValue(params) {
   var bind = params.bind,
-      index = params.index,
-      name = params.name;
+    index = params.index,
+    name = params.name;
   var value = bind.value || [];
-
   if (index >= 0) {
     return (0, _get.default)(value, "".concat(index, ".").concat(name));
   }
-
   return value;
 };
-
 var _default = getValue;
 exports.default = _default;

package/admin/components/FieldEditor/EditFieldDialog/functions/getValue.js.map

@@ -1 +1 @@
-{"version":3,"names":["getValue","params","bind","index","name","value","get"],"sources":["getValue.ts"],"sourcesContent":["import get from \"lodash/get\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface Params {\n    bind: BindComponentRenderProp;\n    index: number;\n    name: string;\n}\nconst getValue = (params: Params): string[] | undefined => {\n    const { bind, index, name } = params;\n    const value = bind.value || [];\n\n    if (index >= 0) {\n        return get(value, `${index}.${name}`);\n    }\n\n    return value;\n};\n\nexport default getValue;\n"],"mappings":";;;;;;;;;AAAA;;AAQA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,MAAD,EAA0C;EACvD,IAAQC,IAAR,GAA8BD,MAA9B,CAAQC,IAAR;EAAA,IAAcC,KAAd,GAA8BF,MAA9B,CAAcE,KAAd;EAAA,IAAqBC,IAArB,GAA8BH,MAA9B,CAAqBG,IAArB;EACA,IAAMC,KAAK,GAAGH,IAAI,CAACG,KAAL,IAAc,EAA5B;;EAEA,IAAIF,KAAK,IAAI,CAAb,EAAgB;IACZ,OAAO,IAAAG,YAAA,EAAID,KAAJ,YAAcF,KAAd,cAAuBC,IAAvB,EAAP;EACH;;EAED,OAAOC,KAAP;AACH,CATD;;eAWeL,Q"}
+{"version":3,"names":["getValue","params","bind","index","name","value","get"],"sources":["getValue.ts"],"sourcesContent":["import get from \"lodash/get\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface Params {\n    bind: BindComponentRenderProp;\n    index: number;\n    name: string;\n}\nconst getValue = (params: Params): string[] | undefined => {\n    const { bind, index, name } = params;\n    const value = bind.value || [];\n\n    if (index >= 0) {\n        return get(value, `${index}.${name}`);\n    }\n\n    return value;\n};\n\nexport default getValue;\n"],"mappings":";;;;;;;AAAA;AAQA,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,MAAc,EAA2B;EACvD,IAAQC,IAAI,GAAkBD,MAAM,CAA5BC,IAAI;IAAEC,KAAK,GAAWF,MAAM,CAAtBE,KAAK;IAAEC,IAAI,GAAKH,MAAM,CAAfG,IAAI;EACzB,IAAMC,KAAK,GAAGH,IAAI,CAACG,KAAK,IAAI,EAAE;EAE9B,IAAIF,KAAK,IAAI,CAAC,EAAE;IACZ,OAAO,IAAAG,YAAG,EAACD,KAAK,YAAKF,KAAK,cAAIC,IAAI,EAAG;EACzC;EAEA,OAAOC,KAAK;AAChB,CAAC;AAAC,eAEaL,QAAQ;AAAA"}

package/admin/components/FieldEditor/EditFieldDialog/functions/setValue.js

@@ -1,31 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _set = _interopRequireDefault(require("lodash/set"));
-
 var setValue = function setValue(params) {
   var value = params.value,
-      bind = params.bind,
-      index = params.index,
-      name = params.name;
+    bind = params.bind,
+    index = params.index,
+    name = params.name;
   var newValue = (0, _toConsumableArray2.default)(bind.value || []);
-
   if (index >= 0) {
     (0, _set.default)(newValue, "".concat(index, ".").concat(name), value);
   } else {
     newValue = value;
   }
-
   bind.onChange(newValue);
 };
-
 var _default = setValue;
 exports.default = _default;

package/admin/components/FieldEditor/EditFieldDialog/functions/setValue.js.map

@@ -1 +1 @@
-{"version":3,"names":["setValue","params","value","bind","index","name","newValue","set","onChange"],"sources":["setValue.ts"],"sourcesContent":["import set from \"lodash/set\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface Params {\n    value: string[];\n    bind: BindComponentRenderProp;\n    index: number;\n    name: string;\n}\nconst setValue = (params: Params): void => {\n    const { value, bind, index, name } = params;\n    let newValue = [...(bind.value || [])];\n    if (index >= 0) {\n        set(newValue, `${index}.${name}`, value);\n    } else {\n        newValue = value;\n    }\n\n    bind.onChange(newValue);\n};\n\nexport default setValue;\n"],"mappings":";;;;;;;;;;;AAAA;;AASA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,MAAD,EAA0B;EACvC,IAAQC,KAAR,GAAqCD,MAArC,CAAQC,KAAR;EAAA,IAAeC,IAAf,GAAqCF,MAArC,CAAeE,IAAf;EAAA,IAAqBC,KAArB,GAAqCH,MAArC,CAAqBG,KAArB;EAAA,IAA4BC,IAA5B,GAAqCJ,MAArC,CAA4BI,IAA5B;EACA,IAAIC,QAAQ,oCAAQH,IAAI,CAACD,KAAL,IAAc,EAAtB,CAAZ;;EACA,IAAIE,KAAK,IAAI,CAAb,EAAgB;IACZ,IAAAG,YAAA,EAAID,QAAJ,YAAiBF,KAAjB,cAA0BC,IAA1B,GAAkCH,KAAlC;EACH,CAFD,MAEO;IACHI,QAAQ,GAAGJ,KAAX;EACH;;EAEDC,IAAI,CAACK,QAAL,CAAcF,QAAd;AACH,CAVD;;eAYeN,Q"}
+{"version":3,"names":["setValue","params","value","bind","index","name","newValue","set","onChange"],"sources":["setValue.ts"],"sourcesContent":["import set from \"lodash/set\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface Params {\n    value: string[];\n    bind: BindComponentRenderProp;\n    index: number;\n    name: string;\n}\nconst setValue = (params: Params): void => {\n    const { value, bind, index, name } = params;\n    let newValue = [...(bind.value || [])];\n    if (index >= 0) {\n        set(newValue, `${index}.${name}`, value);\n    } else {\n        newValue = value;\n    }\n\n    bind.onChange(newValue);\n};\n\nexport default setValue;\n"],"mappings":";;;;;;;;AAAA;AASA,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,MAAc,EAAW;EACvC,IAAQC,KAAK,GAAwBD,MAAM,CAAnCC,KAAK;IAAEC,IAAI,GAAkBF,MAAM,CAA5BE,IAAI;IAAEC,KAAK,GAAWH,MAAM,CAAtBG,KAAK;IAAEC,IAAI,GAAKJ,MAAM,CAAfI,IAAI;EAChC,IAAIC,QAAQ,oCAAQH,IAAI,CAACD,KAAK,IAAI,EAAE,CAAE;EACtC,IAAIE,KAAK,IAAI,CAAC,EAAE;IACZ,IAAAG,YAAG,EAACD,QAAQ,YAAKF,KAAK,cAAIC,IAAI,GAAIH,KAAK,CAAC;EAC5C,CAAC,MAAM;IACHI,QAAQ,GAAGJ,KAAK;EACpB;EAEAC,IAAI,CAACK,QAAQ,CAACF,QAAQ,CAAC;AAC3B,CAAC;AAAC,eAEaN,QAAQ;AAAA"}

package/admin/components/FieldEditor/EditFieldDialog/getValidators.d.ts

@@ -0,0 +1,13 @@
+import { CmsModelField, CmsEditorFieldTypePlugin, CmsModelFieldValidatorPlugin } from "../../../../types";
+import { CmsModelFieldValidatorConfigAdapter } from "../../../../utils/CmsModelFieldValidatorConfigAdapter";
+export interface Validator {
+    optional: boolean;
+    validator: CmsModelFieldValidatorPlugin["validator"];
+}
+export interface ValidationSection {
+    title?: string;
+    description?: string;
+    validators: CmsModelFieldValidatorConfigAdapter[];
+}
+export declare const getListValidators: (field: CmsModelField, fieldPlugin: CmsEditorFieldTypePlugin) => ValidationSection;
+export declare const getFieldValidators: (field: CmsModelField, fieldPlugin: CmsEditorFieldTypePlugin) => ValidationSection;

package/admin/components/FieldEditor/EditFieldDialog/getValidators.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getListValidators = exports.getFieldValidators = void 0;
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+var _plugins = require("@webiny/plugins");
+var _CmsModelFieldValidatorConfigAdapter = require("../../../../utils/CmsModelFieldValidatorConfigAdapter");
+var isValidatorDefinition = function isValidatorDefinition(obj) {
+  return obj ? !Array.isArray(obj) : false;
+};
+var isValidatorDefinitionFactory = function isValidatorDefinitionFactory(obj) {
+  return typeof obj === "function";
+};
+var getValidatorPlugin = function getValidatorPlugin(name) {
+  var plugin = _plugins.plugins.byType("cms-model-field-validator").find(function (plugin) {
+    return plugin.validator.name === name;
+  });
+  if (!plugin) {
+    throw new Error("Missing CMS field validator plugin \"".concat(name, "\"!"));
+  }
+  return plugin.validator;
+};
+var getValidatorConfigs = function getValidatorConfigs(field, validators) {
+  var configs = [];
+  var _iterator = (0, _createForOfIteratorHelper2.default)(validators),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var validator = _step.value;
+      var resolvedValidator = void 0;
+      if (typeof validator === "string") {
+        resolvedValidator = getValidatorPlugin(validator);
+      } else {
+        resolvedValidator = validator;
+      }
+      configs.push(new _CmsModelFieldValidatorConfigAdapter.CmsModelFieldValidatorConfigAdapter(field, resolvedValidator));
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return configs;
+};
+var getValidators = function getValidators(_ref) {
+  var field = _ref.field,
+    fieldPlugin = _ref.fieldPlugin,
+    key = _ref.key,
+    defaultValidators = _ref.defaultValidators;
+  var title = "";
+  var description = "";
+  var fieldValidators = fieldPlugin.field[key];
+  if (isValidatorDefinitionFactory(fieldValidators)) {
+    fieldValidators = fieldValidators(field);
+  }
+  var resolvedValidators;
+  if (isValidatorDefinition(fieldValidators)) {
+    title = fieldValidators.title || "";
+    description = fieldValidators.description || "";
+    resolvedValidators = fieldValidators.validators;
+  } else {
+    resolvedValidators = fieldValidators;
+  }
+  var validators = getValidatorConfigs(field, resolvedValidators || defaultValidators);
+  return {
+    title: title,
+    description: description,
+    validators: validators
+  };
+};
+var getListValidators = function getListValidators(field, fieldPlugin) {
+  return getValidators({
+    field: field,
+    fieldPlugin: fieldPlugin,
+    key: "listValidators",
+    defaultValidators: ["minLength", "maxLength"]
+  });
+};
+exports.getListValidators = getListValidators;
+var getFieldValidators = function getFieldValidators(field, fieldPlugin) {
+  return getValidators({
+    field: field,
+    fieldPlugin: fieldPlugin,
+    key: "validators",
+    defaultValidators: []
+  });
+};
+exports.getFieldValidators = getFieldValidators;