@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["getValue","params","bind","index","name","value","get"],"sources":["getValue.ts"],"sourcesContent":["import get from \"lodash/get\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface Params {\n    bind: BindComponentRenderProp;\n    index: number;\n    name: string;\n}\nconst getValue = (params: Params): string[] | undefined => {\n    const { bind, index, name } = params;\n    const value = bind.value || [];\n\n    if (index >= 0) {\n        return get(value, `${index}.${name}`);\n    }\n\n    return value;\n};\n\nexport default getValue;\n"],"mappings":";;;;;;;AAAA;AAQA,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,MAAc,EAA2B;EACvD,IAAQC,IAAI,GAAkBD,MAAM,CAA5BC,IAAI;IAAEC,KAAK,GAAWF,MAAM,CAAtBE,KAAK;IAAEC,IAAI,GAAKH,MAAM,CAAfG,IAAI;EACzB,IAAMC,KAAK,GAAGH,IAAI,CAACG,KAAK,IAAI,EAAE;EAE9B,IAAIF,KAAK,IAAI,CAAC,EAAE;IACZ,OAAO,IAAAG,YAAG,EAACD,KAAK,YAAKF,KAAK,cAAIC,IAAI,EAAG;EACzC;EAEA,OAAOC,KAAK;AAChB,CAAC;AAAC,eAEaL,QAAQ;AAAA"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["setValue","params","value","bind","index","name","newValue","set","onChange"],"sources":["setValue.ts"],"sourcesContent":["import set from \"lodash/set\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface Params {\n    value: string[];\n    bind: BindComponentRenderProp;\n    index: number;\n    name: string;\n}\nconst setValue = (params: Params): void => {\n    const { value, bind, index, name } = params;\n    let newValue = [...(bind.value || [])];\n    if (index >= 0) {\n        set(newValue, `${index}.${name}`, value);\n    } else {\n        newValue = value;\n    }\n\n    bind.onChange(newValue);\n};\n\nexport default setValue;\n"],"mappings":";;;;;;;;AAAA;AASA,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,MAAc,EAAW;EACvC,IAAQC,KAAK,GAAwBD,MAAM,CAAnCC,KAAK;IAAEC,IAAI,GAAkBF,MAAM,CAA5BE,IAAI;IAAEC,KAAK,GAAWH,MAAM,CAAtBG,KAAK;IAAEC,IAAI,GAAKJ,MAAM,CAAfI,IAAI;EAChC,IAAIC,QAAQ,oCAAQH,IAAI,CAACD,KAAK,IAAI,EAAE,CAAE;EACtC,IAAIE,KAAK,IAAI,CAAC,EAAE;IACZ,IAAAG,YAAG,EAACD,QAAQ,YAAKF,KAAK,cAAIC,IAAI,GAAIH,KAAK,CAAC;EAC5C,CAAC,MAAM;IACHI,QAAQ,GAAGJ,KAAK;EACpB;EAEAC,IAAI,CAACK,QAAQ,CAACF,QAAQ,CAAC;AAC3B,CAAC;AAAC,eAEaN,QAAQ;AAAA"}

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

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

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

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

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

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

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

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