@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.5e7233243f

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

@@ -1,14 +1,33 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import React, { useCallback, useRef, cloneElement } from "react";
-import getValue from "./functions/getValue";
-import setValue from "./functions/setValue";
-export default function PredefinedValues(_ref) {
+"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 memoizedBindComponents = useRef({});
+  var memoizedBindComponents = (0, _react.useRef)({});
   var BaseFormBind = form.Bind;
-  var getBind = useCallback(function () {
+  var getBind = (0, _react.useCallback)(function () {
     var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
     var memoKey = index;
 
@@ -16,40 +35,70 @@ export default function PredefinedValues(_ref) {
       return memoizedBindComponents.current[memoKey];
     }
 
-    memoizedBindComponents.current[memoKey] = function Bind(_ref2) {
+    var Bind = function Bind(_ref2) {
       var children = _ref2.children,
           name = _ref2.name;
-      return /*#__PURE__*/React.createElement(BaseFormBind, {
+      return /*#__PURE__*/_react.default.createElement(BaseFormBind, {
         name: "predefinedValues.values"
       }, function (bind) {
-        var props = _objectSpread(_objectSpread({}, bind), {}, {
-          value: getValue({
+        var props = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, bind), {}, {
+          value: (0, _getValue.default)({
             bind: bind,
             index: index,
             name: name
           }),
-          onChange: function onChange(value) {
-            setValue({
-              value: value,
-              bind: bind,
-              index: index,
-              name: name
-            });
-          }
+          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();
+                  }
+                }
+              }, _callee);
+            }));
+
+            function onChange(_x) {
+              return _onChange.apply(this, arguments);
+            }
+
+            return onChange;
+          }()
         });
 
         if (typeof children === "function") {
           return children(props);
         }
 
-        return /*#__PURE__*/cloneElement(children, props);
+        return /*#__PURE__*/(0, _react.cloneElement)(children, props);
       });
     };
 
+    memoizedBindComponents.current[memoKey] = Bind;
     return memoizedBindComponents.current[memoKey];
   }, []);
-  return fieldPlugin.field.renderPredefinedValues({
+
+  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
-  });
-}
+    getBind: getBind,
+    form: form
+  }));
+};
+
+var _default = PredefinedValues;
+exports.default = _default;

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

@@ -0,0 +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"}

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

@@ -1,10 +1,15 @@
 import React from "react";
-import { CmsEditorField } from "../../../../types";
+import { FormRenderPropParams } from "@webiny/form";
+import { CmsEditorField, CmsEditorFieldValidatorPlugin } from "../../../../types";
+interface ValidatorsTabPropsValidator {
+    optional: boolean;
+    validator: CmsEditorFieldValidatorPlugin["validator"];
+}
 interface ValidatorsTabProps {
     name: string;
-    validators: any[];
-    form: any;
+    validators: ValidatorsTabPropsValidator[];
+    form: FormRenderPropParams;
     field: CmsEditorField;
 }
-declare const ValidatorsTab: React.FunctionComponent<ValidatorsTabProps>;
+declare const ValidatorsTab: React.FC<ValidatorsTabProps>;
 export default ValidatorsTab;

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

@@ -1,49 +1,67 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _debounce from "lodash/debounce";
-import _cloneDeep from "lodash/cloneDeep";
-import React from "react";
-import { css } from "emotion";
-import { Switch } from "@webiny/ui/Switch";
-import { SimpleForm, SimpleFormContent, SimpleFormHeader } from "@webiny/app-admin/components/SimpleForm";
-import { Form } from "@webiny/form";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { validation } from "@webiny/validation";
-import { Input } from "@webiny/ui/Input";
-
-var onEnabledChange = function onEnabledChange(_ref) {
-  var data = _ref.data,
-      validationValue = _ref.validationValue,
-      onChangeValidation = _ref.onChangeValidation,
-      validator = _ref.validator;
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = 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 = _interopRequireDefault(require("react"));
+
+var _emotion = require("emotion");
+
+var _Switch = require("@webiny/ui/Switch");
+
+var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
+
+var _form = require("@webiny/form");
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _validation = require("@webiny/validation");
+
+var _Input = require("@webiny/ui/Input");
+
+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.name;
     });
-    onChangeValidation([].concat(_toConsumableArray(validationValue.slice(0, index)), _toConsumableArray(validationValue.slice(index + 1))));
-  } else {
-    onChangeValidation([].concat(_toConsumableArray(validationValue), [{
-      name: validator.name,
-      settings: validator.defaultSettings,
-      message: validator.defaultMessage
-    }]));
+    onChangeValidation([].concat((0, _toConsumableArray2.default)(validationValue.slice(0, index)), (0, _toConsumableArray2.default)(validationValue.slice(index + 1))));
+    return;
   }
-};
-
-var onFormChange = _debounce(function (_ref2) {
-  var data = _ref2.data,
-      validationValue = _ref2.validationValue,
-      onChangeValidation = _ref2.onChangeValidation,
-      validatorIndex = _ref2.validatorIndex;
 
-  var newValidationValue = _cloneDeep(validationValue);
+  onChangeValidation([].concat((0, _toConsumableArray2.default)(validationValue), [{
+    name: validator.name,
+    settings: validator.defaultSettings,
+    message: validator.defaultMessage
+  }]));
+};
 
-  newValidationValue[validatorIndex] = _objectSpread(_objectSpread({}, newValidationValue[validatorIndex]), _cloneDeep(data));
+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 noMargin = /*#__PURE__*/css({
+var noMargin = /*#__PURE__*/(0, _emotion.css)({
   margin: "0 !important"
 }, "label:noMargin;");
 
@@ -52,27 +70,27 @@ var ValidatorsTab = function ValidatorsTab(props) {
       name = props.name,
       validators = props.validators,
       Bind = props.form.Bind;
-  return /*#__PURE__*/React.createElement(Bind, {
+  return /*#__PURE__*/_react.default.createElement(Bind, {
     name: name,
     defaultValue: []
-  }, function (_ref3) {
-    var validationValue = _ref3.value,
-        onChangeValidation = _ref3.onChange;
-    return validators.map(function (_ref4) {
-      var optional = _ref4.optional,
-          validator = _ref4.validator;
+  }, function (bind) {
+    var validationValue = bind.value,
+        onChangeValidation = bind.onChange;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, validators.map(function (_ref2) {
+      var optional = _ref2.optional,
+          validator = _ref2.validator;
       var validatorIndex = (validationValue || []).findIndex(function (item) {
         return item.name === validator.name;
       });
       var data = (validationValue || [])[validatorIndex];
-      return /*#__PURE__*/React.createElement(SimpleForm, {
+      return /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleForm, {
         key: validator.name,
         noElevation: true,
         className: noMargin,
         "data-testid": "cms.editor.field-validator.".concat(validator.name)
-      }, /*#__PURE__*/React.createElement(SimpleFormHeader, {
+      }, /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormHeader, {
         title: validator.label
-      }, optional && /*#__PURE__*/React.createElement(Switch, {
+      }, optional && /*#__PURE__*/_react.default.createElement(_Switch.Switch, {
         label: "Enabled",
         value: validatorIndex >= 0,
         onChange: function onChange() {
@@ -83,7 +101,7 @@ var ValidatorsTab = function ValidatorsTab(props) {
             validator: validator
           });
         }
-      })), data && /*#__PURE__*/React.createElement(Form, {
+      })), data && /*#__PURE__*/_react.default.createElement(_form.Form, {
         data: data,
         onChange: function onChange(data) {
           return onFormChange({
@@ -93,29 +111,38 @@ var ValidatorsTab = function ValidatorsTab(props) {
             validatorIndex: validatorIndex
           });
         }
-      }, function (_ref5) {
-        var Bind = _ref5.Bind,
-            setValue = _ref5.setValue;
-        return /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+      }, function (_ref3) {
+        var Bind = _ref3.Bind,
+            setValue = _ref3.setValue;
+        return /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormContent, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
           span: 12
-        }, /*#__PURE__*/React.createElement(Bind, {
+        }, /*#__PURE__*/_react.default.createElement(Bind, {
           name: "message",
-          validators: validation.create("required")
-        }, /*#__PURE__*/React.createElement(Input, {
-          label: "Message",
-          description: "This message will be displayed to the user"
-        })))), typeof validator.renderSettings === "function" && validator.renderSettings({
+          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: "This message will be displayed to the user"
+          }));
+        }))), typeof validator.renderSettings === "function" && validator.renderSettings({
           field: field,
           setValue: setValue,
           setMessage: function setMessage(message) {
             setValue("message", message);
           },
           data: data,
+
+          /**
+           * TODO @ts-refactor
+           * Figure out type for Bind.
+           */
           Bind: Bind
         }));
       }));
-    });
+    }));
   });
 };
 
-export default ValidatorsTab;
+var _default = ValidatorsTab;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["onEnabledChange","params","data","validationValue","onChangeValidation","validator","index","findIndex","item","name","slice","settings","defaultSettings","message","defaultMessage","onFormChange","validatorIndex","newValidationValue","noMargin","css","margin","ValidatorsTab","props","field","validators","Bind","form","bind","value","onChange","map","optional","label","setValue","validation","create","renderSettings","setMessage"],"sources":["ValidatorsTab.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { cloneDeep, debounce } from \"lodash\";\nimport { Switch } from \"@webiny/ui/Switch\";\nimport {\n    SimpleForm,\n    SimpleFormContent,\n    SimpleFormHeader\n} from \"@webiny/app-admin/components/SimpleForm\";\nimport { Form, FormRenderPropParams } from \"@webiny/form\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { validation } from \"@webiny/validation\";\nimport { Input } from \"@webiny/ui/Input\";\nimport {\n    CmsEditorField,\n    CmsEditorFieldValidator,\n    CmsEditorFieldValidatorPlugin,\n    CmsEditorFieldValidatorPluginValidator\n} from \"~/types\";\nimport { Validator } from \"@webiny/validation/types\";\n\ninterface OnChangeValidationCallable {\n    (validators: CmsEditorFieldValidator[]): void;\n}\ninterface OnEnabledChangeParams {\n    data: CmsEditorFieldValidator;\n    validationValue: CmsEditorFieldValidator[];\n    onChangeValidation: OnChangeValidationCallable;\n    validator: CmsEditorFieldValidatorPluginValidator;\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.name);\n        onChangeValidation([\n            ...validationValue.slice(0, index),\n            ...validationValue.slice(index + 1)\n        ]);\n        return;\n    }\n    onChangeValidation([\n        ...validationValue,\n        {\n            name: validator.name,\n            settings: validator.defaultSettings,\n            message: validator.defaultMessage\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\nconst noMargin = css({\n    margin: \"0 !important\"\n});\n\ninterface ValidatorsTabPropsValidator {\n    optional: boolean;\n    validator: CmsEditorFieldValidatorPlugin[\"validator\"];\n}\ninterface ValidatorsTabProps {\n    name: string;\n    validators: ValidatorsTabPropsValidator[];\n    form: FormRenderPropParams;\n    field: CmsEditorField;\n}\n\nconst ValidatorsTab: React.FC<ValidatorsTabProps> = props => {\n    const {\n        field,\n        name,\n        validators,\n        form: { Bind }\n    } = props;\n\n    return (\n        <Bind name={name} defaultValue={[]}>\n            {bind => {\n                const { value: validationValue, onChange: onChangeValidation } = bind;\n                return (\n                    <>\n                        {validators.map(({ optional, validator }) => {\n                            const validatorIndex = (\n                                (validationValue || []) as Validator[]\n                            ).findIndex(item => item.name === validator.name);\n                            const data = (validationValue || [])[validatorIndex];\n\n                            return (\n                                <SimpleForm\n                                    key={validator.name}\n                                    noElevation\n                                    className={noMargin}\n                                    data-testid={`cms.editor.field-validator.${validator.name}`}\n                                >\n                                    <SimpleFormHeader title={validator.label}>\n                                        {optional && (\n                                            <Switch\n                                                label=\"Enabled\"\n                                                value={validatorIndex >= 0}\n                                                onChange={() =>\n                                                    onEnabledChange({\n                                                        data,\n                                                        validationValue,\n                                                        onChangeValidation,\n                                                        validator\n                                                    })\n                                                }\n                                            />\n                                        )}\n                                    </SimpleFormHeader>\n                                    {data && (\n                                        <Form\n                                            data={data}\n                                            onChange={data =>\n                                                onFormChange({\n                                                    data,\n                                                    validationValue,\n                                                    onChangeValidation,\n                                                    validatorIndex\n                                                })\n                                            }\n                                        >\n                                            {({ Bind, setValue }) => (\n                                                <SimpleFormContent>\n                                                    <Grid>\n                                                        <Cell span={12}>\n                                                            <Bind\n                                                                name={\"message\"}\n                                                                validators={validation.create(\n                                                                    \"required\"\n                                                                )}\n                                                            >\n                                                                {bind => {\n                                                                    return (\n                                                                        <Input\n                                                                            {...bind}\n                                                                            label={\"Message\"}\n                                                                            data-testid=\"cms.editfield.validators.required\"\n                                                                            description={\n                                                                                \"This message will be displayed to the user\"\n                                                                            }\n                                                                        />\n                                                                    );\n                                                                }}\n                                                            </Bind>\n                                                        </Cell>\n                                                    </Grid>\n\n                                                    {typeof validator.renderSettings ===\n                                                        \"function\" &&\n                                                        validator.renderSettings({\n                                                            field,\n                                                            setValue,\n                                                            setMessage: (message: string) => {\n                                                                setValue(\"message\", message);\n                                                            },\n                                                            data,\n                                                            /**\n                                                             * TODO @ts-refactor\n                                                             * Figure out type for Bind.\n                                                             */\n                                                            Bind: Bind as any\n                                                        })}\n                                                </SimpleFormContent>\n                                            )}\n                                        </Form>\n                                    )}\n                                </SimpleForm>\n                            );\n                        })}\n                    </>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport default ValidatorsTab;\n"],"mappings":"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"}

package/admin/components/FieldEditor/EditFieldDialog/functions/getValue.d.ts

@@ -1,6 +1,8 @@
-declare const getValue: ({ bind, index, name }: {
-    bind: any;
-    index: any;
-    name: any;
-}) => any;
+import { BindComponentRenderProp } from "@webiny/form";
+interface Params {
+    bind: BindComponentRenderProp;
+    index: number;
+    name: string;
+}
+declare const getValue: (params: Params) => string[] | undefined;
 export default getValue;

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

@@ -1,16 +1,26 @@
-import get from "lodash/get";
+"use strict";
 
-var getValue = function getValue(_ref) {
-  var bind = _ref.bind,
-      index = _ref.index,
-      name = _ref.name;
+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;
   var value = bind.value || [];
 
   if (index >= 0) {
-    return get(value, "".concat(index, ".").concat(name));
+    return (0, _get.default)(value, "".concat(index, ".").concat(name));
   }
 
   return value;
 };
 
-export default getValue;
+var _default = getValue;
+exports.default = _default;

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

@@ -0,0 +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"}

package/admin/components/FieldEditor/EditFieldDialog/functions/setValue.d.ts

@@ -1,7 +1,9 @@
-declare const setValue: ({ value, bind, index, name }: {
-    value: any;
-    bind: any;
-    index: any;
-    name: any;
-}) => void;
+import { BindComponentRenderProp } from "@webiny/form";
+interface Params {
+    value: string[];
+    bind: BindComponentRenderProp;
+    index: number;
+    name: string;
+}
+declare const setValue: (params: Params) => void;
 export default setValue;

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

@@ -1,16 +1,25 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import set from "lodash/set";
+"use strict";
 
-var setValue = function setValue(_ref) {
-  var value = _ref.value,
-      bind = _ref.bind,
-      index = _ref.index,
-      name = _ref.name;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
-  var newValue = _toConsumableArray(bind.value || []);
+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;
+  var newValue = (0, _toConsumableArray2.default)(bind.value || []);
 
   if (index >= 0) {
-    set(newValue, "".concat(index, ".").concat(name), value);
+    (0, _set.default)(newValue, "".concat(index, ".").concat(name), value);
   } else {
     newValue = value;
   }
@@ -18,4 +27,5 @@ var setValue = function setValue(_ref) {
   bind.onChange(newValue);
 };
 
-export default setValue;
+var _default = setValue;
+exports.default = _default;

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

@@ -0,0 +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"}

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import { CmsEditorField } from "../../../types";
-declare type EditFieldDialogProps = {
-    field: CmsEditorField;
-    onClose: Function;
-    onSubmit: (data: any) => void;
-};
-declare const EditFieldDialog: ({ field, onSubmit, ...props }: EditFieldDialogProps) => JSX.Element;
+interface EditFieldDialogProps {
+    field: CmsEditorField | null;
+    onClose: () => void;
+    onSubmit: (data: CmsEditorField) => void;
+}
+declare const EditFieldDialog: React.FC<EditFieldDialogProps>;
 export default EditFieldDialog;