@webiny/app-headless-cms 0.0.0-ee-vpcs.549378cf03

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

@@ -0,0 +1,227 @@
+"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.d.ts

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,26 @@
+"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;
+  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

@@ -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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,31 @@
+"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;
+  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

@@ -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/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,115 @@
+"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;

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

@@ -0,0 +1 @@
+{"version":3,"names":["isValidatorDefinition","obj","Array","isArray","isValidatorDefinitionFactory","getValidatorPlugin","name","plugin","plugins","byType","find","validator","Error","getValidatorConfigs","field","validators","configs","resolvedValidator","push","CmsModelFieldValidatorConfigAdapter","getValidators","fieldPlugin","key","defaultValidators","title","description","fieldValidators","resolvedValidators","getListValidators","getFieldValidators"],"sources":["getValidators.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport {\n    CmsModelField,\n    CmsEditorFieldTypePlugin,\n    CmsModelFieldValidatorPlugin,\n    CmsModelFieldValidatorsGroup,\n    CmsModelFieldValidatorConfig,\n    CmsModelFieldValidatorsFactory\n} from \"~/types\";\nimport { CmsModelFieldValidatorConfigAdapter } from \"~/utils/CmsModelFieldValidatorConfigAdapter\";\n\nexport interface Validator {\n    optional: boolean;\n    validator: CmsModelFieldValidatorPlugin[\"validator\"];\n}\n\nconst isValidatorDefinition = (obj: unknown): obj is CmsModelFieldValidatorsGroup => {\n    return obj ? !Array.isArray(obj) : false;\n};\n\nconst isValidatorDefinitionFactory = (obj: unknown): obj is CmsModelFieldValidatorsFactory => {\n    return typeof obj === \"function\";\n};\n\ninterface GetValidatorsParams {\n    field: CmsModelField;\n    fieldPlugin: CmsEditorFieldTypePlugin;\n    key: \"validators\" | \"listValidators\";\n    defaultValidators: string[];\n}\n\nexport interface ValidationSection {\n    title?: string;\n    description?: string;\n    validators: CmsModelFieldValidatorConfigAdapter[];\n}\n\nconst getValidatorPlugin = (name: string) => {\n    const plugin = plugins\n        .byType<CmsModelFieldValidatorPlugin>(\"cms-model-field-validator\")\n        .find(plugin => plugin.validator.name === name);\n\n    if (!plugin) {\n        throw new Error(`Missing CMS field validator plugin \"${name}\"!`);\n    }\n\n    return plugin.validator as CmsModelFieldValidatorConfig;\n};\n\nconst getValidatorConfigs = (\n    field: CmsModelField,\n    validators: Array<CmsModelFieldValidatorConfig | string>\n) => {\n    const configs: CmsModelFieldValidatorConfigAdapter[] = [];\n\n    for (const validator of validators) {\n        let resolvedValidator;\n        if (typeof validator === \"string\") {\n            resolvedValidator = getValidatorPlugin(validator);\n        } else {\n            resolvedValidator = validator;\n        }\n\n        configs.push(new CmsModelFieldValidatorConfigAdapter(field, resolvedValidator));\n    }\n\n    return configs;\n};\n\nconst getValidators = ({\n    field,\n    fieldPlugin,\n    key,\n    defaultValidators\n}: GetValidatorsParams): ValidationSection => {\n    let title = \"\";\n    let description = \"\";\n    let fieldValidators = fieldPlugin.field[key];\n\n    if (isValidatorDefinitionFactory(fieldValidators)) {\n        fieldValidators = fieldValidators(field);\n    }\n\n    let resolvedValidators: (string | CmsModelFieldValidatorConfig)[] | undefined;\n    if (isValidatorDefinition(fieldValidators)) {\n        title = fieldValidators.title || \"\";\n        description = fieldValidators.description || \"\";\n        resolvedValidators = fieldValidators.validators;\n    } else {\n        resolvedValidators = fieldValidators;\n    }\n\n    const validators = getValidatorConfigs(field, resolvedValidators || defaultValidators);\n\n    return {\n        title,\n        description,\n        validators\n    };\n};\n\nexport const getListValidators = (field: CmsModelField, fieldPlugin: CmsEditorFieldTypePlugin) => {\n    return getValidators({\n        field,\n        fieldPlugin,\n        key: \"listValidators\",\n        defaultValidators: [\"minLength\", \"maxLength\"]\n    });\n};\n\nexport const getFieldValidators = (field: CmsModelField, fieldPlugin: CmsEditorFieldTypePlugin) => {\n    return getValidators({\n        field,\n        fieldPlugin,\n        key: \"validators\",\n        defaultValidators: []\n    });\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import React from "react";
+import { FormOnSubmit } from "@webiny/form";
+import { CmsModelField } from "../../../types";
+interface EditFieldDialogProps {
+    onClose: () => void;
+    onSubmit: FormOnSubmit<CmsModelField>;
+}
+declare const EditFieldDialog: React.FC<EditFieldDialogProps>;
+export default EditFieldDialog;