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

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

@@ -1,31 +1,25 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _camelCase = _interopRequireDefault(require("lodash/camelCase"));
-var _Input = require("@webiny/ui/Input");
-var _Switch = require("@webiny/ui/Switch");
-var _Grid = require("@webiny/ui/Grid");
-var _validation = require("@webiny/validation");
-var _Tags = require("@webiny/ui/Tags");
-var _form = require("@webiny/form");
-var _ = require("./..");
-var _hooks = require("../../../hooks");
-var GeneralTab = function GeneralTab() {
-  var form = (0, _form.useForm)();
-  var _useModelField = (0, _hooks.useModelField)(),
-    field = _useModelField.field,
-    fieldPlugin = _useModelField.fieldPlugin;
-  var inputRef = (0, _react.useRef)(null);
-  var _useModelEditor = (0, _hooks.useModelEditor)(),
-    contentModel = _useModelEditor.data;
-  var _useModelFieldEditor = (0, _.useModelFieldEditor)(),
-    getField = _useModelFieldEditor.getField;
+import React, { useEffect, useCallback, useRef, useMemo } from "react";
+import camelCase from "lodash/camelCase.js";
+import { Grid, Switch, Input, Textarea } from "@webiny/admin-ui";
+import { validation } from "@webiny/validation";
+import { Tags } from "@webiny/ui/Tags/index.js";
+import { useForm, Bind } from "@webiny/form";
+import { useModelFieldEditor } from "../index.js";
+import { useModelEditor } from "../../../hooks/index.js";
+import { useModelField } from "../../../hooks/index.js";
+const GeneralTab = () => {
+  const form = useForm();
+  const {
+    field,
+    fieldPlugin
+  } = useModelField();
+  const inputRef = useRef(null);
+  const {
+    data: contentModel
+  } = useModelEditor();
+  const {
+    getField
+  } = useModelFieldEditor();
 
   // Had problems with autofocusing the "label" field. A couple of comments on this.
   // 1. It's probably caused by the Tabs component which wraps this component.
@@ -33,29 +27,29 @@ var GeneralTab = function GeneralTab() {
   // 3. This works, but it's not 100%. Visually, the cursor is frozen, and that's probably caused by a bug / design
   //    in the RMWC / Material library. If you were to click somewhere on screen, and then apply focus, then
   //    it seems it's behaving correctly. ¯\_(ツ)_/¯
-  (0, _react.useEffect)(function () {
-    setTimeout(function () {
+  useEffect(() => {
+    setTimeout(() => {
       if (!inputRef.current) {
         return;
       }
       inputRef.current.focus();
     }, /* The value of 400 was determined by manual testing. */400);
   }, []);
-  var afterChangeLabel = (0, _react.useCallback)(function (value) {
-    form.setValue("fieldId", (0, _camelCase.default)(value));
+  const afterChangeLabel = useCallback(value => {
+    form.setValue("fieldId", camelCase(value));
   }, []);
-  var beforeChangeFieldId = (0, _react.useCallback)(function (value, baseOnChange) {
+  const beforeChangeFieldId = useCallback((value, baseOnChange) => {
     baseOnChange(value.trim());
   }, []);
-  var fieldIdValidator = (0, _react.useCallback)(function (fieldId) {
+  const fieldIdValidator = useCallback(fieldId => {
     if (fieldId.trim().toLowerCase() !== "id") {
       return true;
     }
-    throw new Error("Cannot use \"id\" as Field ID.");
+    throw new Error(`Cannot use "id" as Field ID.`);
   }, []);
-  var uniqueFieldIdValidator = (0, _react.useCallback)(function (fieldId) {
-    var existingField = getField({
-      fieldId: fieldId
+  const uniqueFieldIdValidator = useCallback(fieldId => {
+    const existingField = getField({
+      fieldId
     });
     if (!existingField) {
       return false;
@@ -65,76 +59,99 @@ var GeneralTab = function GeneralTab() {
     }
     throw new Error("Please enter a unique Field ID.");
   }, []);
-  var additionalSettings = null;
+  let additionalSettings = null;
   if (typeof fieldPlugin.field.renderSettings === "function") {
     additionalSettings = fieldPlugin.field.renderSettings({
-      afterChangeLabel: afterChangeLabel,
-      uniqueFieldIdValidator: uniqueFieldIdValidator,
-      contentModel: contentModel
+      afterChangeLabel,
+      uniqueFieldIdValidator,
+      contentModel
     });
   }
-  var predefinedValuesEnabled = (0, _react.useMemo)(function () {
-    return (fieldPlugin.field.allowPredefinedValues || false) && typeof fieldPlugin.field.renderPredefinedValues === "function";
-  }, [field.fieldId]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  const predefinedValuesEnabled = useMemo(() => (fieldPlugin.field.allowPredefinedValues || false) && typeof fieldPlugin.field.renderPredefinedValues === "function", [field.fieldId]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, {
+    gap: "comfortable"
+  }, /*#__PURE__*/React.createElement(Grid.Column, {
     span: 6
-  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+  }, /*#__PURE__*/React.createElement(Bind, {
     name: "label",
-    validators: _validation.validation.create("required"),
-    afterChange: function afterChange(value) {
+    validators: validation.create("required"),
+    afterChange: value => {
       if (field.id) {
         return;
       }
       afterChangeLabel(value);
     }
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+  }, /*#__PURE__*/React.createElement(Input, {
     label: "Label",
+    size: "lg",
     inputRef: inputRef,
     "data-testid": "cms.editor.field.settings.general.label"
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 6
-  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+  }, /*#__PURE__*/React.createElement(Bind, {
     name: "fieldId",
-    validators: [_validation.validation.create("required"), uniqueFieldIdValidator, fieldIdValidator],
+    validators: [validation.create("required"), uniqueFieldIdValidator, fieldIdValidator],
     beforeChange: beforeChangeFieldId
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+  }, /*#__PURE__*/React.createElement(Input, {
     label: "Field ID",
-    "data-testid": "cms.editor.field.settings.general.label-".concat(field.id)
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    size: "lg",
+    "data-testid": `cms.editor.field.settings.general.label-${field.id}`
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 6
-  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
-    name: "multipleValues"
-  }, /*#__PURE__*/_react.default.createElement(_Switch.Switch, {
-    label: fieldPlugin.field.multipleValuesLabel,
-    disabled: !fieldPlugin.field.allowMultipleValues,
-    "data-testid": "cms.editor.field.settings.general.switch-multiplevalues"
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "list"
+  }, /*#__PURE__*/React.createElement(Switch, {
+    label: fieldPlugin.field.listLabel,
+    disabled: !fieldPlugin.field.allowList,
+    "data-testid": `cms.editor.field.settings.general.switch-multiplevalues`
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 6
-  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+  }, /*#__PURE__*/React.createElement(Bind, {
     name: "predefinedValues.enabled"
-  }, /*#__PURE__*/_react.default.createElement(_Switch.Switch, {
+  }, /*#__PURE__*/React.createElement(Switch, {
     label: "Use predefined values",
     disabled: !predefinedValuesEnabled,
-    "data-testid": "cms.editor.field.settings.general.switch-predefinedvalues"
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    "data-testid": `cms.editor.field.settings.general.switch-predefinedvalues`
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "description"
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Description",
+    description: "This text will be shown below the label (optional)",
+    size: "lg",
+    "data-testid": `cms.editor.field.settings.general.description`
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
-    name: "helpText"
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    label: "Help text",
-    description: "Help text (optional)",
-    "data-testid": "cms.editor.field.settings.general.helptext"
-  }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "note"
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Note",
+    description: "This text will be shown below the input (optional)",
+    size: "lg",
+    "data-testid": `cms.editor.field.settings.general.note`
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "help"
+  }, /*#__PURE__*/React.createElement(Textarea, {
+    label: "Help",
+    description: "This text will be shown in a tooltip (optional)",
+    size: "lg",
+    "data-testid": `cms.editor.field.settings.general.help`
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
     name: "tags"
-  }, /*#__PURE__*/_react.default.createElement(_Tags.Tags, {
+  }, /*#__PURE__*/React.createElement(Tags, {
     label: "Tags",
+    description: "Field tags are useful for developers and are not visible in the UI (optional)",
     protectedTags: fieldPlugin.field.tags,
-    description: "Field tags (optional)",
-    "data-testid": "cms.editor.field.settings.general.tags"
-  })))), additionalSettings);
+    "data-testid": `cms.editor.field.settings.general.tags`
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, additionalSettings)));
 };
-var _default = exports.default = GeneralTab;
+export default GeneralTab;
 
 //# sourceMappingURL=GeneralTab.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_camelCase","_interopRequireDefault","_Input","_Switch","_Grid","_validation","_Tags","_form","_","_hooks","GeneralTab","form","useForm","_useModelField","useModelField","field","fieldPlugin","inputRef","useRef","_useModelEditor","useModelEditor","contentModel","data","_useModelFieldEditor","useModelFieldEditor","getField","useEffect","setTimeout","current","focus","afterChangeLabel","useCallback","value","setValue","camelCase","beforeChangeFieldId","baseOnChange","trim","fieldIdValidator","fieldId","toLowerCase","Error","uniqueFieldIdValidator","existingField","id","additionalSettings","renderSettings","predefinedValuesEnabled","useMemo","allowPredefinedValues","renderPredefinedValues","default","createElement","Fragment","Grid","Cell","span","Bind","name","validators","validation","create","afterChange","Input","label","beforeChange","concat","Switch","multipleValuesLabel","disabled","allowMultipleValues","description","Tags","protectedTags","tags","_default","exports"],"sources":["GeneralTab.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useRef, useMemo } from \"react\";\nimport camelCase from \"lodash/camelCase\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Switch } from \"@webiny/ui/Switch\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { validation } from \"@webiny/validation\";\nimport { Tags } from \"@webiny/ui/Tags\";\nimport { useForm, Bind } from \"@webiny/form\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor\";\nimport { useModelEditor } from \"~/admin/hooks\";\nimport { useModelField } from \"~/admin/hooks\";\n\nconst GeneralTab = () => {\n    const form = useForm();\n    const { field, fieldPlugin } = useModelField();\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const { data: contentModel } = useModelEditor();\n    const { getField } = useModelFieldEditor();\n\n    // Had problems with autofocusing the \"label\" field. A couple of comments on this.\n    // 1. It's probably caused by the Tabs component which wraps this component.\n    // 2. It seems that the \"autoFocus\" prop on the Input doesn't work. I can't see it attached in the actual DOM.\n    // 3. This works, but it's not 100%. Visually, the cursor is frozen, and that's probably caused by a bug / design\n    //    in the RMWC / Material library. If you were to click somewhere on screen, and then apply focus, then\n    //    it seems it's behaving correctly. ¯\\_(ツ)_/¯\n    useEffect(() => {\n        setTimeout(() => {\n            if (!inputRef.current) {\n                return;\n            }\n            inputRef.current.focus();\n        }, /* The value of 400 was determined by manual testing. */ 400);\n    }, []);\n\n    const afterChangeLabel = useCallback((value: string) => {\n        form.setValue(\"fieldId\", camelCase(value));\n    }, []);\n\n    const beforeChangeFieldId = useCallback(\n        (value: string, baseOnChange: (value: string) => void) => {\n            baseOnChange(value.trim());\n        },\n        []\n    );\n\n    const fieldIdValidator = useCallback((fieldId: string) => {\n        if (fieldId.trim().toLowerCase() !== \"id\") {\n            return true;\n        }\n\n        throw new Error(`Cannot use \"id\" as Field ID.`);\n    }, []);\n\n    const uniqueFieldIdValidator = useCallback((fieldId: string) => {\n        const existingField = getField({ fieldId });\n        if (!existingField) {\n            return false;\n        }\n\n        if (existingField.id === field.id) {\n            return true;\n        }\n        throw new Error(\"Please enter a unique Field ID.\");\n    }, []);\n\n    let additionalSettings: React.ReactNode | null = null;\n    if (typeof fieldPlugin.field.renderSettings === \"function\") {\n        additionalSettings = fieldPlugin.field.renderSettings({\n            afterChangeLabel,\n            uniqueFieldIdValidator,\n            contentModel\n        });\n    }\n\n    const predefinedValuesEnabled = useMemo(\n        (): boolean =>\n            (fieldPlugin.field.allowPredefinedValues || false) &&\n            typeof fieldPlugin.field.renderPredefinedValues === \"function\",\n        [field.fieldId]\n    );\n\n    return (\n        <>\n            <Grid>\n                <Cell span={6}>\n                    <Bind\n                        name={\"label\"}\n                        validators={validation.create(\"required\")}\n                        afterChange={(value: string) => {\n                            if (field.id) {\n                                return;\n                            }\n                            afterChangeLabel(value);\n                        }}\n                    >\n                        <Input\n                            label={\"Label\"}\n                            inputRef={inputRef}\n                            data-testid=\"cms.editor.field.settings.general.label\"\n                        />\n                    </Bind>\n                </Cell>\n                <Cell span={6}>\n                    <Bind\n                        name={\"fieldId\"}\n                        validators={[\n                            validation.create(\"required\"),\n                            uniqueFieldIdValidator,\n                            fieldIdValidator\n                        ]}\n                        beforeChange={beforeChangeFieldId}\n                    >\n                        <Input\n                            label={\"Field ID\"}\n                            data-testid={`cms.editor.field.settings.general.label-${field.id}`}\n                        />\n                    </Bind>\n                </Cell>\n\n                <Cell span={6}>\n                    <Bind name={\"multipleValues\"}>\n                        <Switch\n                            label={fieldPlugin.field.multipleValuesLabel}\n                            disabled={!fieldPlugin.field.allowMultipleValues}\n                            data-testid={`cms.editor.field.settings.general.switch-multiplevalues`}\n                        />\n                    </Bind>\n                </Cell>\n                <Cell span={6}>\n                    <Bind name={\"predefinedValues.enabled\"}>\n                        <Switch\n                            label={\"Use predefined values\"}\n                            disabled={!predefinedValuesEnabled}\n                            data-testid={`cms.editor.field.settings.general.switch-predefinedvalues`}\n                        />\n                    </Bind>\n                </Cell>\n\n                <Cell span={12}>\n                    <Bind name={\"helpText\"}>\n                        <Input\n                            label={\"Help text\"}\n                            description={\"Help text (optional)\"}\n                            data-testid={`cms.editor.field.settings.general.helptext`}\n                        />\n                    </Bind>\n                </Cell>\n                <Cell span={12}>\n                    <Bind name={\"tags\"}>\n                        <Tags\n                            label={\"Tags\"}\n                            protectedTags={fieldPlugin.field.tags}\n                            description={\"Field tags (optional)\"}\n                            data-testid={`cms.editor.field.settings.general.tags`}\n                        />\n                    </Bind>\n                </Cell>\n            </Grid>\n            {additionalSettings}\n        </>\n    );\n};\n\nexport default GeneralTab;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useCallback","useRef","useMemo","camelCase","Grid","Switch","Input","Textarea","validation","Tags","useForm","Bind","useModelFieldEditor","useModelEditor","useModelField","GeneralTab","form","field","fieldPlugin","inputRef","data","contentModel","getField","setTimeout","current","focus","afterChangeLabel","value","setValue","beforeChangeFieldId","baseOnChange","trim","fieldIdValidator","fieldId","toLowerCase","Error","uniqueFieldIdValidator","existingField","id","additionalSettings","renderSettings","predefinedValuesEnabled","allowPredefinedValues","renderPredefinedValues","createElement","Fragment","gap","Column","span","name","validators","create","afterChange","label","size","beforeChange","listLabel","disabled","allowList","description","protectedTags","tags"],"sources":["GeneralTab.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useRef, useMemo } from \"react\";\nimport camelCase from \"lodash/camelCase.js\";\nimport { Grid, Switch, Input, Textarea } from \"@webiny/admin-ui\";\nimport { validation } from \"@webiny/validation\";\nimport { Tags } from \"@webiny/ui/Tags/index.js\";\nimport { useForm, Bind } from \"@webiny/form\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor/index.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { useModelField } from \"~/admin/hooks/index.js\";\n\nconst GeneralTab = () => {\n    const form = useForm();\n    const { field, fieldPlugin } = useModelField();\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const { data: contentModel } = useModelEditor();\n    const { getField } = useModelFieldEditor();\n\n    // Had problems with autofocusing the \"label\" field. A couple of comments on this.\n    // 1. It's probably caused by the Tabs component which wraps this component.\n    // 2. It seems that the \"autoFocus\" prop on the Input doesn't work. I can't see it attached in the actual DOM.\n    // 3. This works, but it's not 100%. Visually, the cursor is frozen, and that's probably caused by a bug / design\n    //    in the RMWC / Material library. If you were to click somewhere on screen, and then apply focus, then\n    //    it seems it's behaving correctly. ¯\\_(ツ)_/¯\n    useEffect(() => {\n        setTimeout(() => {\n            if (!inputRef.current) {\n                return;\n            }\n            inputRef.current.focus();\n        }, /* The value of 400 was determined by manual testing. */ 400);\n    }, []);\n\n    const afterChangeLabel = useCallback((value: string) => {\n        form.setValue(\"fieldId\", camelCase(value));\n    }, []);\n\n    const beforeChangeFieldId = useCallback(\n        (value: string, baseOnChange: (value: string) => void) => {\n            baseOnChange(value.trim());\n        },\n        []\n    );\n\n    const fieldIdValidator = useCallback((fieldId: string) => {\n        if (fieldId.trim().toLowerCase() !== \"id\") {\n            return true;\n        }\n\n        throw new Error(`Cannot use \"id\" as Field ID.`);\n    }, []);\n\n    const uniqueFieldIdValidator = useCallback((fieldId: string) => {\n        const existingField = getField({ fieldId });\n        if (!existingField) {\n            return false;\n        }\n\n        if (existingField.id === field.id) {\n            return true;\n        }\n        throw new Error(\"Please enter a unique Field ID.\");\n    }, []);\n\n    let additionalSettings: React.ReactNode | null = null;\n    if (typeof fieldPlugin.field.renderSettings === \"function\") {\n        additionalSettings = fieldPlugin.field.renderSettings({\n            afterChangeLabel,\n            uniqueFieldIdValidator,\n            contentModel\n        });\n    }\n\n    const predefinedValuesEnabled = useMemo(\n        (): boolean =>\n            (fieldPlugin.field.allowPredefinedValues || false) &&\n            typeof fieldPlugin.field.renderPredefinedValues === \"function\",\n        [field.fieldId]\n    );\n\n    return (\n        <>\n            <Grid gap={\"comfortable\"}>\n                <Grid.Column span={6}>\n                    <Bind\n                        name={\"label\"}\n                        validators={validation.create(\"required\")}\n                        afterChange={(value: string) => {\n                            if (field.id) {\n                                return;\n                            }\n                            afterChangeLabel(value);\n                        }}\n                    >\n                        <Input\n                            label={\"Label\"}\n                            size={\"lg\"}\n                            inputRef={inputRef}\n                            data-testid=\"cms.editor.field.settings.general.label\"\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <Bind\n                        name={\"fieldId\"}\n                        validators={[\n                            validation.create(\"required\"),\n                            uniqueFieldIdValidator,\n                            fieldIdValidator\n                        ]}\n                        beforeChange={beforeChangeFieldId}\n                    >\n                        <Input\n                            label={\"Field ID\"}\n                            size={\"lg\"}\n                            data-testid={`cms.editor.field.settings.general.label-${field.id}`}\n                        />\n                    </Bind>\n                </Grid.Column>\n\n                <Grid.Column span={6}>\n                    <Bind name={\"list\"}>\n                        <Switch\n                            label={fieldPlugin.field.listLabel}\n                            disabled={!fieldPlugin.field.allowList}\n                            data-testid={`cms.editor.field.settings.general.switch-multiplevalues`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <Bind name={\"predefinedValues.enabled\"}>\n                        <Switch\n                            label={\"Use predefined values\"}\n                            disabled={!predefinedValuesEnabled}\n                            data-testid={`cms.editor.field.settings.general.switch-predefinedvalues`}\n                        />\n                    </Bind>\n                </Grid.Column>\n\n                <Grid.Column span={12}>\n                    <Bind name={\"description\"}>\n                        <Input\n                            label={\"Description\"}\n                            description={\"This text will be shown below the label (optional)\"}\n                            size={\"lg\"}\n                            data-testid={`cms.editor.field.settings.general.description`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"note\"}>\n                        <Input\n                            label={\"Note\"}\n                            description={\"This text will be shown below the input (optional)\"}\n                            size={\"lg\"}\n                            data-testid={`cms.editor.field.settings.general.note`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"help\"}>\n                        <Textarea\n                            label={\"Help\"}\n                            description={\"This text will be shown in a tooltip (optional)\"}\n                            size={\"lg\"}\n                            data-testid={`cms.editor.field.settings.general.help`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"tags\"}>\n                        <Tags\n                            label={\"Tags\"}\n                            description={\n                                \"Field tags are useful for developers and are not visible in the UI (optional)\"\n                            }\n                            protectedTags={fieldPlugin.field.tags}\n                            data-testid={`cms.editor.field.settings.general.tags`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>{additionalSettings}</Grid.Column>\n            </Grid>\n        </>\n    );\n};\n\nexport default GeneralTab;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,65 +1,58 @@
-"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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
-var _getValue = require("./functions/getValue");
-var _setValue = require("./functions/setValue");
-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 getBind = (0, _react.useCallback)(function () {
-    var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
-    var memoKey = index;
+import React, { useCallback, useRef, cloneElement } from "react";
+import { getValue } from "./functions/getValue.js";
+import { setValue } from "./functions/setValue.js";
+import { Bind as BaseFormBind } from "@webiny/form";
+import { useModelField } from "../../../hooks/index.js";
+const PredefinedValues = () => {
+  const {
+    field,
+    fieldPlugin
+  } = useModelField();
+  const memoizedBindComponents = useRef({});
+  const getBind = useCallback((index = -1) => {
+    const memoKey = index;
     if (memoizedBindComponents.current[memoKey]) {
       return memoizedBindComponents.current[memoKey];
     }
-    var Bind = function Bind(_ref) {
-      var children = _ref.children,
-        name = _ref.name;
-      return /*#__PURE__*/_react.default.createElement(_form.Bind, {
+    const Bind = ({
+      children,
+      name
+    }) => {
+      return /*#__PURE__*/React.createElement(BaseFormBind, {
         name: "predefinedValues.values"
-      }, function (bind) {
-        var props = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, bind), {}, {
-          value: (0, _getValue.getValue)({
-            bind: bind,
-            index: index,
-            name: name
+      }, bind => {
+        const props = {
+          ...bind,
+          value: getValue({
+            bind,
+            index,
+            name
           }),
-          onChange: function onChange(value) {
-            (0, _setValue.setValue)({
-              value: value,
-              bind: bind,
-              index: index,
-              name: name
+          onChange: value => {
+            setValue({
+              value,
+              bind,
+              index,
+              name
             });
           }
-        });
+        };
         if (typeof children === "function") {
           return children(props);
         }
-        return /*#__PURE__*/(0, _react.cloneElement)(children, props);
+        return /*#__PURE__*/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.createElement(React.Fragment, null, `Missing "field.renderPredefinedValues" method in field type plugin: "${field.type}".`);
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, fieldPlugin.field.renderPredefinedValues({
-    getBind: getBind
+  return /*#__PURE__*/React.createElement(React.Fragment, null, fieldPlugin.field.renderPredefinedValues({
+    getBind
   }));
 };
-var _default = exports.default = PredefinedValues;
+export default PredefinedValues;
 
 //# sourceMappingURL=PredefinedValues.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_getValue","_setValue","_form","_hooks","PredefinedValues","_useModelField","useModelField","field","fieldPlugin","memoizedBindComponents","useRef","getBind","useCallback","index","arguments","length","undefined","memoKey","current","Bind","_ref","children","name","default","createElement","bind","props","_objectSpread2","value","getValue","onChange","setValue","cloneElement","renderPredefinedValues","Fragment","concat","type","_default","exports"],"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: (value: string[]) => {\n                                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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAMA,IAAMK,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;EAC3B,IAAAC,cAAA,GAA+B,IAAAC,oBAAa,EAAC,CAAC;IAAtCC,KAAK,GAAAF,cAAA,CAALE,KAAK;IAAEC,WAAW,GAAAH,cAAA,CAAXG,WAAW;EAC1B,IAAMC,sBAAsB,GAAG,IAAAC,aAAM,EAAyB,CAAC,CAAC,CAAC;EAEjE,IAAMC,OAAO,GAAG,IAAAC,kBAAW,EAAC,YAAgB;IAAA,IAAfC,KAAK,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;IACnC,IAAMG,OAAO,GAAGJ,KAAK;IACrB,IAAIJ,sBAAsB,CAACS,OAAO,CAACD,OAAO,CAAC,EAAE;MACzC,OAAOR,sBAAsB,CAACS,OAAO,CAACD,OAAO,CAAC;IAClD;IAEA,IAAME,IAAmB,GAAG,SAAtBA,IAAmBA,CAAAC,IAAA,EAA2B;MAAA,IAArBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;QAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MACzC,oBACIzB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACtB,KAAA,CAAAiB,IAAY;QAACG,IAAI,EAAE;MAA0B,GACzC,UAAAG,IAAI,EAAI;QACL,IAAMC,KAAK,OAAAC,cAAA,CAAAJ,OAAA,MAAAI,cAAA,CAAAJ,OAAA,MACJE,IAAI;UACPG,KAAK,EAAE,IAAAC,kBAAQ,EAAC;YAAEJ,IAAI,EAAJA,IAAI;YAAEZ,KAAK,EAALA,KAAK;YAAES,IAAI,EAAJA;UAAK,CAAC,CAAC;UACtCQ,QAAQ,EAAE,SAAAA,SAACF,KAAe,EAAK;YAC3B,IAAAG,kBAAQ,EAAC;cAAEH,KAAK,EAALA,KAAK;cAAEH,IAAI,EAAJA,IAAI;cAAEZ,KAAK,EAALA,KAAK;cAAES,IAAI,EAAJA;YAAK,CAAC,CAAC;UAC1C;QAAC,EACJ;QAED,IAAI,OAAOD,QAAQ,KAAK,UAAU,EAAE;UAChC,OAAOA,QAAQ,CAACK,KAAK,CAAC;QAC1B;QAEA,oBAAO,IAAAM,mBAAY,EAACX,QAAQ,EAAmCK,KAAK,CAAC;MACzE,CACU,CAAC;IAEvB,CAAC;IAEDjB,sBAAsB,CAACS,OAAO,CAACD,OAAO,CAAC,GAAGE,IAAI;IAE9C,OAAOV,sBAAsB,CAACS,OAAO,CAACD,OAAO,CAAC;EAClD,CAAC,EAAE,EAAE,CAAC;EACN,IAAI,CAACT,WAAW,CAACD,KAAK,CAAC0B,sBAAsB,EAAE;IAC3C,oBACIpC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAA3B,MAAA,CAAA0B,OAAA,CAAAW,QAAA,mFAAAC,MAAA,CAA2E5B,KAAK,CAAC6B,IAAI,QAAO,CAAC;EAErG;EAEA,oBAAOvC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAA3B,MAAA,CAAA0B,OAAA,CAAAW,QAAA,QAAG1B,WAAW,CAACD,KAAK,CAAC0B,sBAAsB,CAAC;IAAEtB,OAAO,EAAPA;EAAQ,CAAC,CAAI,CAAC;AACvE,CAAC;AAAC,IAAA0B,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAEanB,gBAAgB","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useRef","cloneElement","getValue","setValue","Bind","BaseFormBind","useModelField","PredefinedValues","field","fieldPlugin","memoizedBindComponents","getBind","index","memoKey","current","children","name","createElement","bind","props","value","onChange","renderPredefinedValues","Fragment","type"],"sources":["PredefinedValues.tsx"],"sourcesContent":["import React, { useCallback, useRef, cloneElement } from \"react\";\nimport { getValue } from \"./functions/getValue.js\";\nimport { setValue } from \"./functions/setValue.js\";\nimport type { BindComponent } from \"@webiny/form\";\nimport { Bind as BaseFormBind } from \"@webiny/form\";\nimport { useModelField } from \"~/admin/hooks/index.js\";\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: (value: string[]) => {\n                                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,OAAOA,KAAK,IAAIC,WAAW,EAAEC,MAAM,EAAEC,YAAY,QAAQ,OAAO;AAChE,SAASC,QAAQ;AACjB,SAASC,QAAQ;AAEjB,SAASC,IAAI,IAAIC,YAAY,QAAQ,cAAc;AACnD,SAASC,aAAa;AAMtB,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAC3B,MAAM;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGH,aAAa,CAAC,CAAC;EAC9C,MAAMI,sBAAsB,GAAGV,MAAM,CAAyB,CAAC,CAAC,CAAC;EAEjE,MAAMW,OAAO,GAAGZ,WAAW,CAAC,CAACa,KAAK,GAAG,CAAC,CAAC,KAAK;IACxC,MAAMC,OAAO,GAAGD,KAAK;IACrB,IAAIF,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC,EAAE;MACzC,OAAOH,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC;IAClD;IAEA,MAAMT,IAAmB,GAAGA,CAAC;MAAEW,QAAQ;MAAEC;IAAK,CAAC,KAAK;MAChD,oBACIlB,KAAA,CAAAmB,aAAA,CAACZ,YAAY;QAACW,IAAI,EAAE;MAA0B,GACzCE,IAAI,IAAI;QACL,MAAMC,KAAK,GAAG;UACV,GAAGD,IAAI;UACPE,KAAK,EAAElB,QAAQ,CAAC;YAAEgB,IAAI;YAAEN,KAAK;YAAEI;UAAK,CAAC,CAAC;UACtCK,QAAQ,EAAGD,KAAe,IAAK;YAC3BjB,QAAQ,CAAC;cAAEiB,KAAK;cAAEF,IAAI;cAAEN,KAAK;cAAEI;YAAK,CAAC,CAAC;UAC1C;QACJ,CAAC;QAED,IAAI,OAAOD,QAAQ,KAAK,UAAU,EAAE;UAChC,OAAOA,QAAQ,CAACI,KAAK,CAAC;QAC1B;QAEA,oBAAOlB,YAAY,CAACc,QAAQ,EAAmCI,KAAK,CAAC;MACzE,CACU,CAAC;IAEvB,CAAC;IAEDT,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC,GAAGT,IAAI;IAE9C,OAAOM,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC;EAClD,CAAC,EAAE,EAAE,CAAC;EACN,IAAI,CAACJ,WAAW,CAACD,KAAK,CAACc,sBAAsB,EAAE;IAC3C,oBACIxB,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAyB,QAAA,QAAG,wEAAwEf,KAAK,CAACgB,IAAI,IAAO,CAAC;EAErG;EAEA,oBAAO1B,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAyB,QAAA,QAAGd,WAAW,CAACD,KAAK,CAACc,sBAAsB,CAAC;IAAEX;EAAQ,CAAC,CAAI,CAAC;AACvE,CAAC;AAED,eAAeJ,gBAAgB","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+import React from "react";
+import type { CmsModelField } from "@webiny/app-headless-cms-common/types/index.js";
+interface ValidationTabProps {
+    field: CmsModelField;
+}
+export declare const ValidationTab: ({ field }: ValidationTabProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,31 @@
+import React from "react";
+import { ValidationsSection } from "./ValidationsSection.js";
+import { getFieldValidators, getListValidators } from "../getValidators.js";
+import { useModelField } from "../../../ModelFieldProvider/index.js";
+import { ValidatorsList } from "./ValidatorsList.js";
+export const ValidationTab = ({
+  field
+}) => {
+  const {
+    fieldPlugin
+  } = useModelField();
+  const individualValidation = getFieldValidators(field, fieldPlugin);
+  const hasValidators = individualValidation.validators.length > 0;
+  const listValidation = getListValidators(field, fieldPlugin);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, field.list ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ValidationsSection, {
+    validators: listValidation.validators,
+    fieldKey: "listValidators",
+    title: listValidation.title || "List validators",
+    description: listValidation.description || "These validators are applied to the entire list of values."
+  }), hasValidators ? /*#__PURE__*/React.createElement(ValidationsSection, {
+    fieldKey: "validators",
+    validators: individualValidation.validators,
+    title: individualValidation.title || "Individual value validators",
+    description: individualValidation.description || "These validators are applied to each value in the list."
+  }) : null) : null, !field.list && hasValidators ? /*#__PURE__*/React.createElement(ValidatorsList, {
+    name: "validation",
+    validators: individualValidation.validators
+  }) : null);
+};
+
+//# sourceMappingURL=ValidationTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ValidationsSection","getFieldValidators","getListValidators","useModelField","ValidatorsList","ValidationTab","field","fieldPlugin","individualValidation","hasValidators","validators","length","listValidation","createElement","Fragment","list","fieldKey","title","description","name"],"sources":["ValidationTab.tsx"],"sourcesContent":["import React from \"react\";\nimport { ValidationsSection } from \"~/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidationsSection.js\";\nimport {\n    getFieldValidators,\n    getListValidators\n} from \"~/admin/components/FieldEditor/EditFieldDialog/getValidators.js\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport { ValidatorsList } from \"~/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidatorsList.js\";\nimport type { CmsModelField } from \"@webiny/app-headless-cms-common/types/index.js\";\n\ninterface ValidationTabProps {\n    field: CmsModelField;\n}\n\nexport const ValidationTab = ({ field }: ValidationTabProps) => {\n    const { fieldPlugin } = useModelField();\n\n    const individualValidation = getFieldValidators(field, fieldPlugin);\n    const hasValidators = individualValidation.validators.length > 0;\n    const listValidation = getListValidators(field, fieldPlugin);\n\n    return (\n        <>\n            {field.list ? (\n                <>\n                    <ValidationsSection\n                        validators={listValidation.validators}\n                        fieldKey={\"listValidators\"}\n                        title={listValidation.title || \"List validators\"}\n                        description={\n                            listValidation.description ||\n                            \"These validators are applied to the entire list of values.\"\n                        }\n                    />\n\n                    {hasValidators ? (\n                        <ValidationsSection\n                            fieldKey={\"validators\"}\n                            validators={individualValidation.validators}\n                            title={individualValidation.title || \"Individual value validators\"}\n                            description={\n                                individualValidation.description ||\n                                \"These validators are applied to each value in the list.\"\n                            }\n                        />\n                    ) : null}\n                </>\n            ) : null}\n\n            {!field.list && hasValidators ? (\n                <ValidatorsList name={\"validation\"} validators={individualValidation.validators} />\n            ) : null}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB;AAC3B,SACIC,kBAAkB,EAClBC,iBAAiB;AAErB,SAASC,aAAa;AACtB,SAASC,cAAc;AAOvB,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC;AAA0B,CAAC,KAAK;EAC5D,MAAM;IAAEC;EAAY,CAAC,GAAGJ,aAAa,CAAC,CAAC;EAEvC,MAAMK,oBAAoB,GAAGP,kBAAkB,CAACK,KAAK,EAAEC,WAAW,CAAC;EACnE,MAAME,aAAa,GAAGD,oBAAoB,CAACE,UAAU,CAACC,MAAM,GAAG,CAAC;EAChE,MAAMC,cAAc,GAAGV,iBAAiB,CAACI,KAAK,EAAEC,WAAW,CAAC;EAE5D,oBACIR,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,QACKR,KAAK,CAACS,IAAI,gBACPhB,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACIf,KAAA,CAAAc,aAAA,CAACb,kBAAkB;IACfU,UAAU,EAAEE,cAAc,CAACF,UAAW;IACtCM,QAAQ,EAAE,gBAAiB;IAC3BC,KAAK,EAAEL,cAAc,CAACK,KAAK,IAAI,iBAAkB;IACjDC,WAAW,EACPN,cAAc,CAACM,WAAW,IAC1B;EACH,CACJ,CAAC,EAEDT,aAAa,gBACVV,KAAA,CAAAc,aAAA,CAACb,kBAAkB;IACfgB,QAAQ,EAAE,YAAa;IACvBN,UAAU,EAAEF,oBAAoB,CAACE,UAAW;IAC5CO,KAAK,EAAET,oBAAoB,CAACS,KAAK,IAAI,6BAA8B;IACnEC,WAAW,EACPV,oBAAoB,CAACU,WAAW,IAChC;EACH,CACJ,CAAC,GACF,IACN,CAAC,GACH,IAAI,EAEP,CAACZ,KAAK,CAACS,IAAI,IAAIN,aAAa,gBACzBV,KAAA,CAAAc,aAAA,CAACT,cAAc;IAACe,IAAI,EAAE,YAAa;IAACT,UAAU,EAAEF,oBAAoB,CAACE;EAAW,CAAE,CAAC,GACnF,IACN,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/components/FieldEditor/EditFieldDialog/{ValidationsSection.d.ts → ValidationTab/ValidationsSection.d.ts}

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsModelFieldValidatorConfigAdapter } from "../../../../utils/CmsModelFieldValidatorConfigAdapter";
+import type { CmsModelFieldValidatorConfigAdapter } from "../../../../../utils/CmsModelFieldValidatorConfigAdapter.js";
 interface ValidatorsSectionProps {
     title: string;
     fieldKey: "validators" | "listValidators";

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

@@ -0,0 +1,30 @@
+import React from "react";
+import { ValidatorsList } from "./ValidatorsList.js";
+import { Grid, Heading, Text } from "@webiny/admin-ui";
+const bindTo = {
+  validators: "validation",
+  listValidators: "listValidation"
+};
+export const ValidationsSection = ({
+  title,
+  description,
+  fieldKey,
+  validators
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "mb-xl"
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: 5
+  }, title), /*#__PURE__*/React.createElement(Text, {
+    size: "sm"
+  }, description)), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(ValidatorsList, {
+    name: bindTo[fieldKey],
+    validators: validators
+  }))));
+};
+
+//# sourceMappingURL=ValidationsSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ValidatorsList","Grid","Heading","Text","bindTo","validators","listValidators","ValidationsSection","title","description","fieldKey","createElement","className","Column","span","level","size","name"],"sources":["ValidationsSection.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ValidatorsList } from \"./ValidatorsList.js\";\nimport type { CmsModelFieldValidatorConfigAdapter } from \"~/utils/CmsModelFieldValidatorConfigAdapter.js\";\nimport { Grid, Heading, Text } from \"@webiny/admin-ui\";\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        <div className=\"mb-xl\">\n            <Grid>\n                <Grid.Column span={12}>\n                    <Heading level={5}>{title}</Heading>\n                    <Text size={\"sm\"}>{description}</Text>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <ValidatorsList name={bindTo[fieldKey]} validators={validators} />\n                </Grid.Column>\n            </Grid>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc;AAEvB,SAASC,IAAI,EAAEC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAStD,MAAMC,MAAM,GAAG;EACXC,UAAU,EAAE,YAAY;EACxBC,cAAc,EAAE;AACpB,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAC/BC,KAAK;EACLC,WAAW;EACXC,QAAQ;EACRL;AACoB,CAAC,KAAK;EAC1B,oBACIN,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAAO,gBAClBb,KAAA,CAAAY,aAAA,CAACV,IAAI,qBACDF,KAAA,CAAAY,aAAA,CAACV,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBf,KAAA,CAAAY,aAAA,CAACT,OAAO;IAACa,KAAK,EAAE;EAAE,GAAEP,KAAe,CAAC,eACpCT,KAAA,CAAAY,aAAA,CAACR,IAAI;IAACa,IAAI,EAAE;EAAK,GAAEP,WAAkB,CAC5B,CAAC,eACdV,KAAA,CAAAY,aAAA,CAACV,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBf,KAAA,CAAAY,aAAA,CAACX,cAAc;IAACiB,IAAI,EAAEb,MAAM,CAACM,QAAQ,CAAE;IAACL,UAAU,EAAEA;EAAW,CAAE,CACxD,CACX,CACL,CAAC;AAEd,CAAC","ignoreList":[]}

package/admin/components/FieldEditor/EditFieldDialog/{ValidatorsList.d.ts → ValidationTab/ValidatorsList.d.ts}

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsModelFieldValidatorConfigAdapter } from "../../../../utils/CmsModelFieldValidatorConfigAdapter";
+import type { CmsModelFieldValidatorConfigAdapter } from "../../../../../utils/CmsModelFieldValidatorConfigAdapter.js";
 interface ValidatorsTabProps {
     name: string;
     validators: CmsModelFieldValidatorConfigAdapter[];