@webiny/app-headless-cms 5.27.0 → 5.28.0-beta.0

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

@@ -1,15 +1,35 @@
-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";
+"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,
@@ -21,30 +41,27 @@ var onEnabledChange = function onEnabledChange(params) {
     var index = validationValue.findIndex(function (item) {
       return item.name === validator.name;
     });
-    onChangeValidation([].concat(_toConsumableArray(validationValue.slice(0, index)), _toConsumableArray(validationValue.slice(index + 1))));
+    onChangeValidation([].concat((0, _toConsumableArray2.default)(validationValue.slice(0, index)), (0, _toConsumableArray2.default)(validationValue.slice(index + 1))));
     return;
   }
 
-  onChangeValidation([].concat(_toConsumableArray(validationValue), [{
+  onChangeValidation([].concat((0, _toConsumableArray2.default)(validationValue), [{
     name: validator.name,
     settings: validator.defaultSettings,
     message: validator.defaultMessage
   }]));
 };
 
-var onFormChange = _debounce(function (_ref) {
+var onFormChange = (0, _debounce2.default)(function (_ref) {
   var data = _ref.data,
       validationValue = _ref.validationValue,
       onChangeValidation = _ref.onChangeValidation,
       validatorIndex = _ref.validatorIndex;
-
-  var newValidationValue = _cloneDeep(validationValue);
-
-  newValidationValue[validatorIndex] = _objectSpread(_objectSpread({}, newValidationValue[validatorIndex]), _cloneDeep(data));
+  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;");
 
@@ -53,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 (bind) {
     var validationValue = bind.value,
         onChangeValidation = bind.onChange;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, validators.map(function (_ref2) {
+    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() {
@@ -84,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({
@@ -97,13 +114,13 @@ var ValidatorsTab = function ValidatorsTab(props) {
       }, function (_ref3) {
         var Bind = _ref3.Bind,
             setValue = _ref3.setValue;
-        return /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+        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")
+          validators: _validation.validation.create("required")
         }, function (bind) {
-          return /*#__PURE__*/React.createElement(Input, Object.assign({}, bind, {
+          return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bind, {
             label: "Message",
             description: "This message will be displayed to the user"
           }));
@@ -126,4 +143,5 @@ var ValidatorsTab = function ValidatorsTab(props) {
   });
 };
 
-export default ValidatorsTab;
+var _default = ValidatorsTab;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["ValidatorsTab.tsx"],"names":["React","css","Switch","SimpleForm","SimpleFormContent","SimpleFormHeader","Form","Grid","Cell","validation","Input","onEnabledChange","params","data","validationValue","onChangeValidation","validator","index","findIndex","item","name","slice","settings","defaultSettings","message","defaultMessage","onFormChange","validatorIndex","newValidationValue","noMargin","margin","ValidatorsTab","props","field","validators","Bind","form","bind","value","onChange","map","optional","label","setValue","create","renderSettings","setMessage"],"mappings":"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","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                                                                            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"]}
+{"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                                                                            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.js

@@ -1,4 +1,13 @@
-import get from "lodash/get";
+"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,
@@ -7,10 +16,11 @@ var getValue = function getValue(params) {
   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

@@ -1 +1 @@
-{"version":3,"sources":["getValue.ts"],"names":["get","getValue","params","bind","index","name","value"],"mappings":"AAAA,OAAOA,GAAP,MAAgB,YAAhB;;AAQA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,MAAD,EAA0C;AACvD,MAAQC,IAAR,GAA8BD,MAA9B,CAAQC,IAAR;AAAA,MAAcC,KAAd,GAA8BF,MAA9B,CAAcE,KAAd;AAAA,MAAqBC,IAArB,GAA8BH,MAA9B,CAAqBG,IAArB;AACA,MAAMC,KAAK,GAAGH,IAAI,CAACG,KAAL,IAAc,EAA5B;;AAEA,MAAIF,KAAK,IAAI,CAAb,EAAgB;AACZ,WAAOJ,GAAG,CAACM,KAAD,YAAWF,KAAX,cAAoBC,IAApB,EAAV;AACH;;AAED,SAAOC,KAAP;AACH,CATD;;AAWA,eAAeL,QAAf","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"]}
+{"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.js

@@ -1,16 +1,25 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import set from "lodash/set";
+"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 = _toConsumableArray(bind.value || []);
+  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(params) {
   bind.onChange(newValue);
 };
 
-export default setValue;
+var _default = setValue;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["setValue.ts"],"names":["set","setValue","params","value","bind","index","name","newValue","onChange"],"mappings":";AAAA,OAAOA,GAAP,MAAgB,YAAhB;;AASA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,MAAD,EAA0B;AACvC,MAAQC,KAAR,GAAqCD,MAArC,CAAQC,KAAR;AAAA,MAAeC,IAAf,GAAqCF,MAArC,CAAeE,IAAf;AAAA,MAAqBC,KAArB,GAAqCH,MAArC,CAAqBG,KAArB;AAAA,MAA4BC,IAA5B,GAAqCJ,MAArC,CAA4BI,IAA5B;;AACA,MAAIC,QAAQ,sBAAQH,IAAI,CAACD,KAAL,IAAc,EAAtB,CAAZ;;AACA,MAAIE,KAAK,IAAI,CAAb,EAAgB;AACZL,IAAAA,GAAG,CAACO,QAAD,YAAcF,KAAd,cAAuBC,IAAvB,GAA+BH,KAA/B,CAAH;AACH,GAFD,MAEO;AACHI,IAAAA,QAAQ,GAAGJ,KAAX;AACH;;AAEDC,EAAAA,IAAI,CAACI,QAAL,CAAcD,QAAd;AACH,CAVD;;AAYA,eAAeN,QAAf","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"]}
+{"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.js

@@ -1,30 +1,63 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _cloneDeep from "lodash/cloneDeep";
+"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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _emotion = require("emotion");
+
+var _Dialog = require("@webiny/ui/Dialog");
+
+var _form = require("@webiny/form");
+
+var _Tabs = require("@webiny/ui/Tabs");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _plugins = require("@webiny/plugins");
+
+var _GeneralTab = _interopRequireDefault(require("./EditFieldDialog/GeneralTab"));
+
+var _AppearanceTab = _interopRequireDefault(require("./EditFieldDialog/AppearanceTab"));
+
+var _PredefinedValues = _interopRequireDefault(require("./EditFieldDialog/PredefinedValues"));
+
+var _ValidatorsTab = _interopRequireDefault(require("./EditFieldDialog/ValidatorsTab"));
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _Typography = require("@webiny/ui/Typography");
+
+var _Elevation = require("@webiny/ui/Elevation");
+
+var _useFieldEditor2 = require("./useFieldEditor");
+
+var _invariant = _interopRequireDefault(require("invariant"));
+
+var _Button = require("@webiny/ui/Button");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
 var _excluded = ["field", "onSubmit"];
-import React, { useState, useEffect, useCallback } from "react";
-import { css } from "emotion";
-import { Dialog, DialogContent, DialogTitle, DialogActions } from "@webiny/ui/Dialog";
-import { Form } from "@webiny/form";
-import { Tabs, Tab } from "@webiny/ui/Tabs";
-import { i18n } from "@webiny/app/i18n";
-import { plugins } from "@webiny/plugins";
-import GeneralTab from "./EditFieldDialog/GeneralTab";
-import AppearanceTab from "./EditFieldDialog/AppearanceTab";
-import PredefinedValues from "./EditFieldDialog/PredefinedValues";
-import ValidatorsTab from "./EditFieldDialog/ValidatorsTab";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { Typography } from "@webiny/ui/Typography";
-import { Elevation } from "@webiny/ui/Elevation";
-import { useFieldEditor } from "./useFieldEditor";
-import invariant from "invariant";
-import { ButtonDefault, ButtonPrimary } from "@webiny/ui/Button";
-var t = i18n.namespace("app-headless-cms/admin/components/editor");
-var dialogBody = /*#__PURE__*/css({
+
+var t = _i18n.i18n.namespace("app-headless-cms/admin/components/editor");
+
+var dialogBody = /*#__PURE__*/(0, _emotion.css)({
   "&.webiny-ui-dialog__content": {
     width: 875,
     height: 450
@@ -33,7 +66,8 @@ var dialogBody = /*#__PURE__*/css({
 
 var getValidators = function getValidators(fieldPlugin, key) {
   var defaultValidators = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var mappedValidators = plugins.byType("cms-editor-field-validator").map(function (_ref) {
+
+  var mappedValidators = _plugins.plugins.byType("cms-editor-field-validator").map(function (_ref) {
     var validator = _ref.validator;
     var allowedValidators = fieldPlugin.field[key] || defaultValidators;
 
@@ -51,6 +85,7 @@ var getValidators = function getValidators(fieldPlugin, key) {
 
     return null;
   });
+
   var filteredValidators = mappedValidators.filter(Boolean);
   return filteredValidators
   /**
@@ -77,7 +112,7 @@ var getFieldValidators = function getFieldValidators(fieldPlugin) {
   return getValidators(fieldPlugin, "validators");
 };
 
-var fieldEditorDialog = /*#__PURE__*/css({
+var fieldEditorDialog = /*#__PURE__*/(0, _emotion.css)({
   width: "100vw",
   height: "100vh",
   ".mdc-dialog__surface": {
@@ -96,31 +131,31 @@ var fieldEditorDialog = /*#__PURE__*/css({
 var EditFieldDialog = function EditFieldDialog(_ref2) {
   var field = _ref2.field,
       _onSubmit = _ref2.onSubmit,
-      props = _objectWithoutProperties(_ref2, _excluded);
+      props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
 
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       current = _useState2[0],
       setCurrent = _useState2[1];
 
-  var _useFieldEditor = useFieldEditor(),
+  var _useFieldEditor = (0, _useFieldEditor2.useFieldEditor)(),
       getFieldPlugin = _useFieldEditor.getFieldPlugin;
 
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     if (!field) {
       setCurrent(field);
       return;
     }
 
-    var clonedField = _cloneDeep(field);
+    var clonedField = (0, _cloneDeep2.default)(field);
 
     if (!clonedField.renderer || !clonedField.renderer.name) {
-      var _plugins$byType$filte = plugins.byType("cms-editor-field-renderer").filter(function (item) {
+      var _plugins$byType$filte = _plugins.plugins.byType("cms-editor-field-renderer").filter(function (item) {
         return item.renderer.canUse({
           field: field
         });
       }),
-          _plugins$byType$filte2 = _slicedToArray(_plugins$byType$filte, 1),
+          _plugins$byType$filte2 = (0, _slicedToArray2.default)(_plugins$byType$filte, 1),
           renderPlugin = _plugins$byType$filte2[0];
 
       if (renderPlugin) {
@@ -132,12 +167,12 @@ var EditFieldDialog = function EditFieldDialog(_ref2) {
 
     setCurrent(clonedField);
   }, [field]);
-  var onClose = useCallback(function () {
+  var onClose = (0, _react.useCallback)(function () {
     setCurrent(null);
     props.onClose();
   }, []);
   var render = null;
-  var headerTitle = t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Field Settings"])));
+  var headerTitle = t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Field Settings"])));
 
   if (current) {
     /**
@@ -148,11 +183,11 @@ var EditFieldDialog = function EditFieldDialog(_ref2) {
      * We will throw error because of that.
      */
 
-    invariant(fieldPlugin, "Missing field plugin for type \"".concat(current.type, "\"."));
-    headerTitle = t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Field Settings - {fieldTypeLabel}"])))({
+    (0, _invariant.default)(fieldPlugin, "Missing field plugin for type \"".concat(current.type, "\"."));
+    headerTitle = t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Field Settings - {fieldTypeLabel}"])))({
       fieldTypeLabel: fieldPlugin.field.label
     });
-    render = /*#__PURE__*/React.createElement(Form, {
+    render = /*#__PURE__*/_react.default.createElement(_form.Form, {
       data: current,
       onSubmit: function onSubmit(data) {
         /**
@@ -162,87 +197,88 @@ var EditFieldDialog = function EditFieldDialog(_ref2) {
       }
     }, function (form) {
       var predefinedValuesTabEnabled = fieldPlugin.field.allowPredefinedValues && form.data.predefinedValues && form.data.predefinedValues.enabled;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DialogContent, {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, {
         className: dialogBody
-      }, /*#__PURE__*/React.createElement(Tabs, null, /*#__PURE__*/React.createElement(Tab, {
-        label: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["General"])))
-      }, /*#__PURE__*/React.createElement(GeneralTab, {
+      }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs, null, /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
+        label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["General"])))
+      }, /*#__PURE__*/_react.default.createElement(_GeneralTab.default, {
         form: form,
         field: form.data,
         fieldPlugin: fieldPlugin
-      })), /*#__PURE__*/React.createElement(Tab, {
-        label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Predefined Values"]))),
+      })), /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
+        label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Predefined Values"]))),
         disabled: !predefinedValuesTabEnabled
-      }, predefinedValuesTabEnabled && /*#__PURE__*/React.createElement(PredefinedValues, {
+      }, predefinedValuesTabEnabled && /*#__PURE__*/_react.default.createElement(_PredefinedValues.default, {
         form: form,
         field: form.data,
         fieldPlugin: fieldPlugin
-      })), form.data.multipleValues && /*#__PURE__*/React.createElement(Tab, {
+      })), form.data.multipleValues && /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
         label: "Validators",
         "data-testid": "cms.editor.field.tabs.validators"
-      }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+      }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, /*#__PURE__*/React.createElement(Typography, {
+      }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
         use: "headline5"
-      }, "List validators"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Typography, {
+      }, "List validators"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
         use: "body2"
-      }, "These validators are applied to the entire list of values.")), /*#__PURE__*/React.createElement(Cell, {
+      }, "These validators are applied to the entire list of values.")), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, /*#__PURE__*/React.createElement(Elevation, {
+      }, /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
         z: 2
-      }, /*#__PURE__*/React.createElement(ValidatorsTab, {
+      }, /*#__PURE__*/_react.default.createElement(_ValidatorsTab.default, {
         field: current,
         name: "listValidation",
         validators: getListValidators(fieldPlugin),
         form: form
-      })))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+      })))), /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, /*#__PURE__*/React.createElement(Typography, {
+      }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
         use: "headline5"
-      }, "Individual value validators"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Typography, {
+      }, "Individual value validators"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
         use: "body2"
-      }, "These validators are applied to each value in the list.")), /*#__PURE__*/React.createElement(Cell, {
+      }, "These validators are applied to each value in the list.")), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, /*#__PURE__*/React.createElement(Elevation, {
+      }, /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
         z: 2
-      }, /*#__PURE__*/React.createElement(ValidatorsTab, {
+      }, /*#__PURE__*/_react.default.createElement(_ValidatorsTab.default, {
         field: current,
         form: form,
         name: "validation",
         validators: getFieldValidators(fieldPlugin)
-      }))))), !form.data.multipleValues && Array.isArray(fieldPlugin.field.validators) && fieldPlugin.field.validators.length > 0 && /*#__PURE__*/React.createElement(Tab, {
+      }))))), !form.data.multipleValues && Array.isArray(fieldPlugin.field.validators) && fieldPlugin.field.validators.length > 0 && /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
         label: "Validators",
         "data-testid": "cms.editor.field.tabs.validators"
-      }, /*#__PURE__*/React.createElement(ValidatorsTab, {
+      }, /*#__PURE__*/_react.default.createElement(_ValidatorsTab.default, {
         field: current,
         form: form,
         name: "validation",
         validators: getFieldValidators(fieldPlugin)
-      })), /*#__PURE__*/React.createElement(Tab, {
-        label: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Appearance"])))
-      }, /*#__PURE__*/React.createElement(AppearanceTab, {
+      })), /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
+        label: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Appearance"])))
+      }, /*#__PURE__*/_react.default.createElement(_AppearanceTab.default, {
         form: form,
         field: form.data // TODO @ts-refactor verify that this actually worked? There was no fieldPlugin in AppearanceTab props
         // @ts-ignore
         ,
         fieldPlugin: fieldPlugin
-      })))), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(ButtonDefault, {
+      })))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
         onClick: onClose
-      }, t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Cancel"])))), /*#__PURE__*/React.createElement(ButtonPrimary, {
+      }, t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
         onClick: function onClick(ev) {
           form.submit(ev);
         }
-      }, t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Save Field"]))))));
+      }, t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Save Field"]))))));
     });
   }
 
-  return /*#__PURE__*/React.createElement(Dialog, {
+  return /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
     preventOutsideDismiss: true,
     open: !!current,
     onClose: onClose,
     "data-testid": "cms-editor-edit-fields-dialog",
     className: fieldEditorDialog
-  }, /*#__PURE__*/React.createElement(DialogTitle, null, headerTitle), render);
+  }, /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, headerTitle), render);
 };
 
-export default EditFieldDialog;
+var _default = EditFieldDialog;
+exports.default = _default;