@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/FieldEditor/EditFieldDialog/RulesEditor/RulesEditor.js","sources":["../../../../../../src/admin/components/FieldEditor/EditFieldDialog/RulesEditor/RulesEditor.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { Grid, Select, Input, Button, Separator } from \"@webiny/admin-ui\";\nimport { useBind } from \"@webiny/form\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport type { FieldRule, FieldRuleAction } from \"~/types.js\";\nimport type { FieldOption } from \"@webiny/app-headless-cms-common/Fields/fieldOptions.js\";\nimport {\n    getOperatorOptions,\n    VALUE_HIDDEN_OPERATORS\n} from \"@webiny/app-headless-cms-common/Fields/operatorOptions.js\";\nimport type { Operator } from \"@webiny/app-headless-cms-common/Fields/evaluateExpression.js\";\n\nconst DEFAULT_ACTION_OPTIONS = [\n    { value: \"hide\", label: \"Hide\" },\n    { value: \"disable\", label: \"Disable\" }\n];\n\ninterface ActionOption {\n    value: string;\n    label: string;\n}\n\ninterface RuleRowProps {\n    rule: FieldRule;\n    index: number;\n    fieldOptions: FieldOption[];\n    actionOptions: ActionOption[];\n    onChange: (index: number, updated: FieldRule) => void;\n    onRemove: (index: number) => void;\n}\n\nconst RuleRow = ({\n    rule,\n    index,\n    fieldOptions,\n    actionOptions,\n    onChange,\n    onRemove\n}: RuleRowProps) => {\n    const selectedFieldOption = useMemo(\n        () => fieldOptions.find(o => o.value === rule.target),\n        [fieldOptions, rule.target]\n    );\n\n    const operatorOptions = useMemo(\n        () => (selectedFieldOption ? getOperatorOptions(selectedFieldOption.fieldType) : []),\n        [selectedFieldOption]\n    );\n\n    const operatorSelectOptions = useMemo(\n        () => operatorOptions.map(o => ({ value: o.value, label: o.label })),\n        [operatorOptions]\n    );\n\n    const fieldSelectOptions = useMemo(\n        () => fieldOptions.map(o => ({ value: o.value, label: o.label })),\n        [fieldOptions]\n    );\n\n    const showValue = rule.operator && !VALUE_HIDDEN_OPERATORS.has(rule.operator as Operator);\n\n    const handleFieldChange = useCallback(\n        (value: string | null) => {\n            const newTarget = value ?? \"\";\n            const newFieldOption = fieldOptions.find(o => o.value === newTarget);\n            // Reset operator and value when field changes\n            const newOps = newFieldOption ? getOperatorOptions(newFieldOption.fieldType) : [];\n            const currentOpValid = newOps.some(o => o.value === rule.operator);\n            onChange(index, {\n                ...rule,\n                target: newTarget,\n                operator: currentOpValid ? rule.operator : \"\",\n                value: currentOpValid ? rule.value : null\n            });\n        },\n        [fieldOptions, rule, index, onChange]\n    );\n\n    const handleOperatorChange = useCallback(\n        (value: string | null) => {\n            const op = value ?? \"\";\n            onChange(index, {\n                ...rule,\n                operator: op,\n                value: VALUE_HIDDEN_OPERATORS.has(op as Operator) ? null : rule.value\n            });\n        },\n        [rule, index, onChange]\n    );\n\n    const handleValueChange = useCallback(\n        (value: string | null) => {\n            let parsed: string | number | boolean | null = value ?? \"\";\n\n            // Auto-parse numbers for numeric field types\n            if (selectedFieldOption?.fieldType === \"number\" && parsed !== \"\") {\n                const num = Number(parsed);\n                if (!isNaN(num)) {\n                    parsed = num;\n                }\n            }\n\n            // Auto-parse booleans\n            if (selectedFieldOption?.fieldType === \"boolean\") {\n                if (parsed === \"true\") {\n                    parsed = true;\n                } else if (parsed === \"false\") {\n                    parsed = false;\n                }\n            }\n\n            onChange(index, { ...rule, value: parsed });\n        },\n        [rule, index, onChange, selectedFieldOption]\n    );\n\n    const handleActionChange = useCallback(\n        (value: string | null) => {\n            onChange(index, {\n                ...rule,\n                action: (value ?? actionOptions[0]?.value ?? \"hide\") as FieldRuleAction\n            });\n        },\n        [rule, index, onChange, actionOptions]\n    );\n\n    // For boolean fields, show a dropdown for value\n    const isBooleanField = selectedFieldOption?.fieldType === \"boolean\";\n\n    return (\n        <>\n            <Separator\n                className={index === 0 ? \"mb-lg\" : \"my-lg\"}\n                variant={\"accent\"}\n                labelPosition={\"start\"}\n            >\n                Rule #{index + 1}\n            </Separator>\n            <Grid>\n                <Grid.Column span={12}>\n                    <Select\n                        displayResetAction={false}\n                        label={\"Field\"}\n                        value={rule.target}\n                        options={fieldSelectOptions}\n                        onChange={handleFieldChange}\n                    />\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <Select\n                        displayResetAction={false}\n                        label={\"Operator\"}\n                        value={rule.operator}\n                        options={operatorSelectOptions}\n                        onChange={handleOperatorChange}\n                        disabled={!rule.target}\n                    />\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    {isBooleanField ? (\n                        <Select\n                            disabled={!showValue}\n                            displayResetAction={false}\n                            label={\"Value\"}\n                            value={String(rule.value ?? \"\")}\n                            options={[\n                                { value: \"true\", label: \"True\" },\n                                { value: \"false\", label: \"False\" }\n                            ]}\n                            onChange={handleValueChange}\n                        />\n                    ) : (\n                        <Input\n                            disabled={!showValue}\n                            label={\"Value\"}\n                            value={rule.value != null ? String(rule.value) : \"\"}\n                            type={selectedFieldOption?.fieldType === \"number\" ? \"number\" : \"text\"}\n                            onChange={handleValueChange}\n                        />\n                    )}\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Select\n                        label={\"Action\"}\n                        displayResetAction={false}\n                        value={rule.action}\n                        options={actionOptions}\n                        onChange={handleActionChange}\n                    />\n                </Grid.Column>\n                <Grid.Column span={12} className={\"flex justify-between\"}>\n                    <Button\n                        className={\"[&_svg]:fill-destructive text-destructive-primary\"}\n                        containerClassName={\"flex ml-auto\"}\n                        text={\"Remove rule\"}\n                        icon={<DeleteIcon />}\n                        onClick={() => onRemove(index)}\n                        variant={\"ghost\"}\n                    />\n                </Grid.Column>\n            </Grid>\n        </>\n    );\n};\n\ninterface RulesTabProps {\n    fieldOptions: FieldOption[];\n    actionOptions?: ActionOption[];\n}\n\nexport const RulesEditor = ({\n    fieldOptions,\n    actionOptions = DEFAULT_ACTION_OPTIONS\n}: RulesTabProps) => {\n    const bind = useBind({ name: \"rules\" });\n    const allRules: FieldRule[] = bind.value || [];\n    const entryRules = allRules.filter(r => r.type === \"condition\");\n    const otherRules = allRules.filter(r => r.type !== \"condition\");\n\n    const addRule = () => {\n        const newRule: FieldRule = {\n            type: \"condition\",\n            target: \"\",\n            operator: \"\",\n            value: null,\n            action: (actionOptions[0]?.value ?? \"hide\") as FieldRuleAction\n        };\n        bind.onChange([...otherRules, ...entryRules, newRule]);\n    };\n\n    const updateRule = (index: number, updated: FieldRule) => {\n        const next = [...entryRules];\n        next[index] = updated;\n        bind.onChange([...otherRules, ...next]);\n    };\n\n    const removeRule = (index: number) => {\n        bind.onChange([...otherRules, ...entryRules.filter((_, i) => i !== index)]);\n    };\n\n    return (\n        <Grid>\n            <Grid.Column span={12}>\n                {entryRules.map((rule, index) => (\n                    <RuleRow\n                        key={index}\n                        rule={rule}\n                        index={index}\n                        fieldOptions={fieldOptions}\n                        actionOptions={actionOptions}\n                        onChange={updateRule}\n                        onRemove={removeRule}\n                    />\n                ))}\n                {entryRules.length > 0 ? (\n                    <Separator variant={\"accent\"} className={\"mt-lg\"} />\n                ) : null}\n                <div className={\"flex justify-center mt-md\"}>\n                    <Button onClick={addRule} text={\"Add Rule\"} icon={<AddIcon />} size={\"sm\"} />\n                </div>\n            </Grid.Column>\n        </Grid>\n    );\n};\n"],"names":["DEFAULT_ACTION_OPTIONS","RuleRow","rule","index","fieldOptions","actionOptions","onChange","onRemove","selectedFieldOption","useMemo","o","operatorOptions","getOperatorOptions","operatorSelectOptions","fieldSelectOptions","showValue","VALUE_HIDDEN_OPERATORS","handleFieldChange","useCallback","value","newTarget","newFieldOption","newOps","currentOpValid","handleOperatorChange","op","handleValueChange","parsed","num","Number","isNaN","handleActionChange","isBooleanField","Separator","Grid","Select","String","Input","Button","DeleteIcon","RulesEditor","bind","useBind","allRules","entryRules","r","otherRules","addRule","newRule","updateRule","updated","next","removeRule","_","i","AddIcon"],"mappings":"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"}

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

@@ -0,0 +1 @@
+export { RulesEditor } from "./RulesEditor.js";

package/admin/components/FieldEditor/EditFieldDialog/RulesEditor/index.js

@@ -0,0 +1 @@
+export { RulesEditor } from "./RulesEditor.js";

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,28 @@
+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";
+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);
+};
+export { ValidationTab };
+
+//# sourceMappingURL=ValidationTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidationTab.js","sources":["../../../../../../src/admin/components/FieldEditor/EditFieldDialog/ValidationTab/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"],"names":["ValidationTab","field","fieldPlugin","useModelField","individualValidation","getFieldValidators","hasValidators","listValidation","getListValidators","ValidationsSection","ValidatorsList"],"mappings":";;;;;AAcO,MAAMA,gBAAgB,CAAC,EAAEC,KAAK,EAAsB;IACvD,MAAM,EAAEC,WAAW,EAAE,GAAGC;IAExB,MAAMC,uBAAuBC,mBAAmBJ,OAAOC;IACvD,MAAMI,gBAAgBF,qBAAqB,UAAU,CAAC,MAAM,GAAG;IAC/D,MAAMG,iBAAiBC,kBAAkBP,OAAOC;IAEhD,OAAO,WAAP,GACI,0CACKD,MAAM,IAAI,GAAG,WAAH,GACP,wDACI,oBAACQ,oBAAkBA;QACf,YAAYF,eAAe,UAAU;QACrC,UAAU;QACV,OAAOA,eAAe,KAAK,IAAI;QAC/B,aACIA,eAAe,WAAW,IAC1B;QAIPD,gBAAgB,WAAhBA,GACG,oBAACG,oBAAkBA;QACf,UAAU;QACV,YAAYL,qBAAqB,UAAU;QAC3C,OAAOA,qBAAqB,KAAK,IAAI;QACrC,aACIA,qBAAqB,WAAW,IAChC;SAGR,QAER,MAEH,CAACH,MAAM,IAAI,IAAIK,gBAAgB,WAAhBA,GACZ,oBAACI,gBAAcA;QAAC,MAAM;QAAc,YAAYN,qBAAqB,UAAU;SAC/E;AAGhB"}

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

@@ -0,0 +1,10 @@
+import React from "react";
+import type { CmsModelFieldValidatorConfigAdapter } from "../../../../../utils/CmsModelFieldValidatorConfigAdapter.js";
+interface ValidatorsSectionProps {
+    title: string;
+    fieldKey: "validators" | "listValidators";
+    description: string;
+    validators: CmsModelFieldValidatorConfigAdapter[];
+}
+export declare const ValidationsSection: ({ title, description, fieldKey, validators }: ValidatorsSectionProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,24 @@
+import react from "react";
+import { ValidatorsList } from "./ValidatorsList.js";
+import { Grid, Heading, Text } from "@webiny/admin-ui";
+const bindTo = {
+    validators: "validation",
+    listValidators: "listValidation"
+};
+const ValidationsSection = ({ title, description, fieldKey, validators })=>/*#__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
+    }))));
+export { ValidationsSection };
+
+//# sourceMappingURL=ValidationsSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidationsSection.js","sources":["../../../../../../src/admin/components/FieldEditor/EditFieldDialog/ValidationTab/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"],"names":["bindTo","ValidationsSection","title","description","fieldKey","validators","Grid","Heading","Text","ValidatorsList"],"mappings":";;;AAaA,MAAMA,SAAS;IACX,YAAY;IACZ,gBAAgB;AACpB;AAEO,MAAMC,qBAAqB,CAAC,EAC/BC,KAAK,EACLC,WAAW,EACXC,QAAQ,EACRC,UAAU,EACW,GACd,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,SAAOA;QAAC,OAAO;OAAIL,QAAAA,WAAAA,GACpB,oBAACM,MAAIA;QAAC,MAAM;OAAOL,eAAAA,WAAAA,GAEvB,oBAACG,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACG,gBAAcA;QAAC,MAAMT,MAAM,CAACI,SAAS;QAAE,YAAYC"}

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

@@ -0,0 +1,8 @@
+import React from "react";
+import type { CmsModelFieldValidatorConfigAdapter } from "../../../../../utils/CmsModelFieldValidatorConfigAdapter.js";
+interface ValidatorsTabProps {
+    name: string;
+    validators: CmsModelFieldValidatorConfigAdapter[];
+}
+export declare const ValidatorsList: (props: ValidatorsTabProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,158 @@
+import react, { Fragment } from "react";
+import { css } from "@emotion/css";
+import cloneDeep from "lodash/cloneDeep.js";
+import debounce from "lodash/debounce.js";
+import { plugins } from "@webiny/plugins";
+import { Accordion, Grid, Input, Switch, Tooltip } from "@webiny/admin-ui";
+import { Bind as form_Bind, Form } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import styled from "@emotion/styled";
+const Variable = styled.span`
+    font-weight: bold;
+    cursor: pointer;
+`;
+const Comma = styled.span`
+    padding-right: 5px;
+`;
+const noPadding = css`
+    .webiny-ui-accordion-item__content {
+        padding: 0 !important;
+    }
+`;
+const gridBottomPadding = css`
+    :not(:last-child) {
+        padding-bottom: 0;
+    }
+`;
+const onEnabledChange = (params)=>{
+    const { data, validationValue, onChangeValidation, validator } = params;
+    if (data) {
+        const index = validationValue.findIndex((item)=>item.name === validator.getName());
+        onChangeValidation([
+            ...validationValue.slice(0, index),
+            ...validationValue.slice(index + 1)
+        ]);
+        return;
+    }
+    onChangeValidation([
+        ...validationValue,
+        {
+            name: validator.getName(),
+            settings: validator.getDefaultSettings(),
+            message: validator.getDefaultMessage()
+        }
+    ]);
+};
+const onFormChange = debounce(({ data, validationValue, onChangeValidation, validatorIndex })=>{
+    const newValidationValue = cloneDeep(validationValue);
+    newValidationValue[validatorIndex] = {
+        ...newValidationValue[validatorIndex],
+        ...cloneDeep(data)
+    };
+    onChangeValidation(newValidationValue);
+}, 200);
+const renderEmpty = ()=>null;
+const getValidatorPlugin = (name)=>{
+    const plugin = plugins.byType("cms-model-field-validator").find((plugin)=>plugin.validator.name === name);
+    if (!plugin) return null;
+    return plugin.validator;
+};
+const ValidatorItem = ({ validator, value, onChange })=>{
+    const validatorName = validator.getName();
+    const plugin = getValidatorPlugin(validatorName);
+    if (!plugin) return /*#__PURE__*/ react.createElement(react.Fragment, null);
+    const validatorIndex = (value || []).findIndex((item)=>item.name === validatorName);
+    const data = (value || [])[validatorIndex];
+    if ("function" == typeof plugin.renderCustomUi) return /*#__PURE__*/ react.createElement(Fragment, {
+        key: validatorName
+    }, plugin.renderCustomUi());
+    const renderSettings = plugin.renderSettings || renderEmpty;
+    const actions = validator.isRequired() ? null : /*#__PURE__*/ react.createElement(Switch, {
+        label: "Enabled",
+        checked: validatorIndex >= 0,
+        onChange: ()=>onEnabledChange({
+                data,
+                validationValue: value,
+                onChangeValidation: onChange,
+                validator: validator
+            })
+    });
+    const description = [
+        /*#__PURE__*/ react.createElement("span", {
+            key: "msg"
+        }, "This message will be displayed to the user.")
+    ];
+    const variables = validator.getVariables();
+    if (variables.length) {
+        description.push(/*#__PURE__*/ react.createElement("span", {
+            key: "vars"
+        }, "\xa0Available variables:\xa0"));
+        for(let i = 0; i < variables.length; i++){
+            const variable = variables[i];
+            description.push(/*#__PURE__*/ react.createElement(Tooltip, {
+                key: variable.name,
+                content: variable.description,
+                side: "bottom",
+                trigger: /*#__PURE__*/ react.createElement(Variable, {
+                    dangerouslySetInnerHTML: {
+                        __html: `{${variable.name}}`
+                    }
+                })
+            }));
+            if (i < variables.length - 1) description.push(/*#__PURE__*/ react.createElement(Comma, {
+                key: `comma-${i}`
+            }, ","));
+        }
+        description.push(/*#__PURE__*/ react.createElement(Comma, {
+            key: "dot"
+        }, "."));
+    }
+    return /*#__PURE__*/ react.createElement(Accordion.Item, {
+        key: validator.getName(),
+        "data-testid": `cms.editor.field-validator.${validator.getName()}`,
+        interactive: false,
+        open: !!data,
+        title: validator.getLabel(),
+        description: validator.getDescription(),
+        actions: actions,
+        className: noPadding
+    }, data && /*#__PURE__*/ react.createElement(Form, {
+        data: data,
+        onChange: (data)=>onFormChange({
+                data,
+                validationValue: value,
+                onChangeValidation: onChange,
+                validatorIndex
+            })
+    }, ({ Bind })=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Grid, {
+            className: gridBottomPadding
+        }, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "message",
+            validators: validation.create("required")
+        }, (bind)=>/*#__PURE__*/ react.createElement(Input, {
+                ...bind,
+                label: "Message",
+                "data-testid": "cms.editfield.validators.required",
+                description: /*#__PURE__*/ react.createElement(react.Fragment, null, description)
+            }))), /*#__PURE__*/ react.createElement(react.Fragment, null, renderSettings(validator))))));
+};
+const ValidatorsList = (props)=>{
+    const { name, validators } = props;
+    return /*#__PURE__*/ react.createElement(form_Bind, {
+        name: name,
+        defaultValue: []
+    }, (bind)=>{
+        const { value, onChange } = bind;
+        return /*#__PURE__*/ react.createElement(Accordion, null, validators.map((validator)=>/*#__PURE__*/ react.createElement(ValidatorItem, {
+                key: validator.getName(),
+                value: value,
+                onChange: onChange,
+                validator: validator
+            })));
+    });
+};
+export { ValidatorsList };
+
+//# sourceMappingURL=ValidatorsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidatorsList.js","sources":["../../../../../../src/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidatorsList.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { css } from \"@emotion/css\";\nimport cloneDeep from \"lodash/cloneDeep.js\";\nimport debounce from \"lodash/debounce.js\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Switch } from \"@webiny/admin-ui\";\nimport { Form, Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { Input } from \"@webiny/admin-ui\";\nimport type { CmsModelFieldValidator, CmsModelFieldValidatorPlugin } from \"~/types.js\";\nimport type { Validator } from \"@webiny/validation/types.js\";\nimport { Accordion } from \"@webiny/admin-ui\";\nimport type { CmsModelFieldValidatorConfigAdapter } from \"~/utils/CmsModelFieldValidatorConfigAdapter.js\";\nimport styled from \"@emotion/styled\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport { Grid } from \"@webiny/admin-ui\";\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        <Switch\n            label=\"Enabled\"\n            checked={validatorIndex >= 0}\n            onChange={() =>\n                onEnabledChange({\n                    data,\n                    validationValue: value,\n                    onChangeValidation: onChange,\n                    validator: validator\n                })\n            }\n        />\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\n                    key={variable.name}\n                    content={variable.description}\n                    side={\"bottom\"}\n                    trigger={\n                        <Variable dangerouslySetInnerHTML={{ __html: `{${variable.name}}` }} />\n                    }\n                />\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        <Accordion.Item\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                                <Grid.Column 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                                </Grid.Column>\n                                <>{renderSettings(validator)}</>\n                            </Grid>\n                        </>\n                    )}\n                </Form>\n            )}\n        </Accordion.Item>\n    );\n};\n\nexport const ValidatorsList = (props: ValidatorsTabProps) => {\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"],"names":["Variable","styled","Comma","noPadding","css","gridBottomPadding","onEnabledChange","params","data","validationValue","onChangeValidation","validator","index","item","onFormChange","debounce","validatorIndex","newValidationValue","cloneDeep","renderEmpty","getValidatorPlugin","name","plugin","plugins","ValidatorItem","value","onChange","validatorName","Fragment","renderSettings","actions","Switch","description","variables","i","variable","Tooltip","Accordion","Form","Bind","Grid","validation","bind","Input","ValidatorsList","props","validators"],"mappings":";;;;;;;;;AAiBA,MAAMA,WAAWC,OAAO,IAAI,CAAC;;;AAG7B,CAAC;AAED,MAAMC,QAAQD,OAAO,IAAI,CAAC;;AAE1B,CAAC;AAED,MAAME,YAAYC,GAAG,CAAC;;;;AAItB,CAAC;AAED,MAAMC,oBAAoBD,GAAG,CAAC;;;;AAI9B,CAAC;AAaD,MAAME,kBAAkB,CAACC;IACrB,MAAM,EAAEC,IAAI,EAAEC,eAAe,EAAEC,kBAAkB,EAAEC,SAAS,EAAE,GAAGJ;IACjE,IAAIC,MAAM;QACN,MAAMI,QAAQH,gBAAgB,SAAS,CAACI,CAAAA,OAAQA,KAAK,IAAI,KAAKF,UAAU,OAAO;QAC/ED,mBAAmB;eACZD,gBAAgB,KAAK,CAAC,GAAGG;eACzBH,gBAAgB,KAAK,CAACG,QAAQ;SACpC;QACD;IACJ;IACAF,mBAAmB;WACZD;QACH;YACI,MAAME,UAAU,OAAO;YACvB,UAAUA,UAAU,kBAAkB;YACtC,SAASA,UAAU,iBAAiB;QACxC;KACH;AACL;AAEA,MAAMG,eAAeC,SAAS,CAAC,EAAEP,IAAI,EAAEC,eAAe,EAAEC,kBAAkB,EAAEM,cAAc,EAAE;IACxF,MAAMC,qBAAqBC,UAAUT;IACrCQ,kBAAkB,CAACD,eAAe,GAAG;QACjC,GAAGC,kBAAkB,CAACD,eAAe;QACrC,GAAGE,UAAUV,KAAK;IACtB;IACAE,mBAAmBO;AACvB,GAAG;AAOH,MAAME,cAAc,IAAM;AAE1B,MAAMC,qBAAqB,CAACC;IACxB,MAAMC,SAASC,QAAAA,MACJ,CAA+B,6BACrC,IAAI,CAACD,CAAAA,SAAUA,OAAO,SAAS,CAAC,IAAI,KAAKD;IAE9C,IAAI,CAACC,QACD,OAAO;IAGX,OAAOA,OAAO,SAAS;AAC3B;AAQA,MAAME,gBAAgB,CAAC,EAAEb,SAAS,EAAEc,KAAK,EAAEC,QAAQ,EAAsB;IACrE,MAAMC,gBAAgBhB,UAAU,OAAO;IAEvC,MAAMW,SAASF,mBAAmBO;IAClC,IAAI,CAACL,QACD,OAAO,WAAP,GAAO;IAGX,MAAMN,iBAAmBS,AAAAA,CAAAA,SAAS,EAAC,EAAmB,SAAS,CAC3DZ,CAAAA,OAAQA,KAAK,IAAI,KAAKc;IAG1B,MAAMnB,OAAQiB,AAAAA,CAAAA,SAAS,EAAC,CAAE,CAACT,eAAe;IAE1C,IAAI,AAAiC,cAAjC,OAAOM,OAAO,cAAc,EAC5B,OAAO,WAAP,GAAO,oBAACM,UAAQA;QAAC,KAAKD;OAAgBL,OAAO,cAAc;IAG/D,MAAMO,iBAAiBP,OAAO,cAAc,IAAIH;IAEhD,MAAMW,UAAU,AAACnB,UAAU,UAAU,KAajC,OAbsC,WAAL,GACjC,oBAACoB,QAAMA;QACH,OAAM;QACN,SAASf,kBAAkB;QAC3B,UAAU,IACNV,gBAAgB;gBACZE;gBACA,iBAAiBiB;gBACjB,oBAAoBC;gBACpB,WAAWf;YACf;;IAKZ,MAAMqB,cAAc;sBAAC,oBAAC;YAAK,KAAK;WAAO;KAAmD;IAC1F,MAAMC,YAAYtB,UAAU,YAAY;IAExC,IAAIsB,UAAU,MAAM,EAAE;QAClBD,YAAY,IAAI,CAAC,WAAD,GAAC,oBAAC;YAAK,KAAK;WAAQ;QACpC,IAAK,IAAIE,IAAI,GAAGA,IAAID,UAAU,MAAM,EAAEC,IAAK;YACvC,MAAMC,WAAWF,SAAS,CAACC,EAAE;YAE7BF,YAAY,IAAI,CAAC,WAAD,GACZ,oBAACI,SAAOA;gBACJ,KAAKD,SAAS,IAAI;gBAClB,SAASA,SAAS,WAAW;gBAC7B,MAAM;gBACN,uBACI,oBAACnC,UAAQA;oBAAC,yBAAyB;wBAAE,QAAQ,CAAC,CAAC,EAAEmC,SAAS,IAAI,CAAC,CAAC,CAAC;oBAAC;;;YAK9E,IAAID,IAAID,UAAU,MAAM,GAAG,GACvBD,YAAY,IAAI,CAAC,WAAD,GAAC,oBAAC9B,OAAKA;gBAAC,KAAK,CAAC,MAAM,EAAEgC,GAAG;eAAE;QAEnD;QACAF,YAAY,IAAI,CAAC,WAAD,GAAC,oBAAC9B,OAAKA;YAAC,KAAK;WAAO;IACxC;IAEA,OAAO,WAAP,GACI,oBAACmC,UAAU,IAAI;QACX,KAAK1B,UAAU,OAAO;QACtB,eAAa,CAAC,2BAA2B,EAAEA,UAAU,OAAO,IAAI;QAChE,aAAa;QACb,MAAM,CAAC,CAACH;QACR,OAAOG,UAAU,QAAQ;QACzB,aAAaA,UAAU,cAAc;QACrC,SAASmB;QACT,WAAW3B;OAEVK,QAAQ,WAARA,GACG,oBAAC8B,MAAIA;QACD,MAAM9B;QACN,UAAUA,CAAAA,OACNM,aAAa;gBACTN;gBACA,iBAAiBiB;gBACjB,oBAAoBC;gBACpBV;YACJ;OAGH,CAAC,EAAEuB,IAAI,EAAE,iBACN,wDACI,oBAACC,MAAIA;YAAC,WAAWnC;yBACb,oBAACmC,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACD,MAAAA;YACG,MAAM;YACN,YAAYE,WAAW,MAAM,CAAC;WAE7BC,CAAAA,OACU,WAAP,GACI,oBAACC,OAAKA;gBACD,GAAGD,IAAI;gBACR,OAAO;gBACP,eAAY;gBACZ,2BAAa,0CAAGV;kBAG5B,cAGR,0CAAGH,eAAelB;AAQlD;AAEO,MAAMiC,iBAAiB,CAACC;IAC3B,MAAM,EAAExB,IAAI,EAAEyB,UAAU,EAAE,GAAGD;IAE7B,OAAO,WAAP,GACI,oBAACN,WAAIA;QAAC,MAAMlB;QAAM,cAAc,EAAE;OAC7BqB,CAAAA;QACG,MAAM,EAAEjB,KAAK,EAAEC,QAAQ,EAAE,GAAGgB;QAC5B,OAAO,WAAP,GACI,oBAACL,WAASA,MACLS,WAAW,GAAG,CAACnC,CAAAA,YACL,WAAP,GACI,oBAACa,eAAaA;gBACV,KAAKb,UAAU,OAAO;gBACtB,OAAOc;gBACP,UAAUC;gBACV,WAAWf;;IAMnC;AAGZ"}

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

@@ -0,0 +1 @@
+export * from "./ValidationTab.js";

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

@@ -0,0 +1 @@
+export * from "./ValidationTab.js";

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["getValue","params","bind","index","name","value","get"],"sources":["getValue.ts"],"sourcesContent":["import get from \"lodash/get\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface Params {\n    bind: BindComponentRenderProp;\n    index: number;\n    name: string;\n}\nconst getValue = (params: Params): string[] | undefined => {\n    const { bind, index, name } = params;\n    const value = bind.value || [];\n\n    if (index >= 0) {\n        return get(value, `${index}.${name}`);\n    }\n\n    return value;\n};\n\nexport default getValue;\n"],"mappings":";;;;;;;;;AAAA;;AAQA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,MAAD,EAA0C;EACvD,IAAQC,IAAR,GAA8BD,MAA9B,CAAQC,IAAR;EAAA,IAAcC,KAAd,GAA8BF,MAA9B,CAAcE,KAAd;EAAA,IAAqBC,IAArB,GAA8BH,MAA9B,CAAqBG,IAArB;EACA,IAAMC,KAAK,GAAGH,IAAI,CAACG,KAAL,IAAc,EAA5B;;EAEA,IAAIF,KAAK,IAAI,CAAb,EAAgB;IACZ,OAAO,IAAAG,YAAA,EAAID,KAAJ,YAAcF,KAAd,cAAuBC,IAAvB,EAAP;EACH;;EAED,OAAOC,KAAP;AACH,CATD;;eAWeL,Q"}
+{"version":3,"file":"admin/components/FieldEditor/EditFieldDialog/functions/getValue.js","sources":["../../../../../../src/admin/components/FieldEditor/EditFieldDialog/functions/getValue.ts"],"sourcesContent":["import get from \"lodash/get.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface Params {\n    bind: BindComponentRenderProp;\n    index: number;\n    name: string;\n}\n\nexport const 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"],"names":["getValue","params","bind","index","name","value","get"],"mappings":";AASO,MAAMA,WAAW,CAACC;IACrB,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGH;IAC9B,MAAMI,QAAQH,KAAK,KAAK,IAAI,EAAE;IAE9B,IAAIC,SAAS,GACT,OAAOG,IAAID,OAAO,GAAGF,MAAM,CAAC,EAAEC,MAAM;IAGxC,OAAOC;AACX"}

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

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

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

@@ -1,31 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _set = _interopRequireDefault(require("lodash/set"));
-
-var setValue = function setValue(params) {
-  var value = params.value,
-      bind = params.bind,
-      index = params.index,
-      name = params.name;
-  var newValue = (0, _toConsumableArray2.default)(bind.value || []);
-
-  if (index >= 0) {
-    (0, _set.default)(newValue, "".concat(index, ".").concat(name), value);
-  } else {
-    newValue = value;
-  }
-
-  bind.onChange(newValue);
+import { set } from "dot-prop-immutable";
+const setValue = (params)=>{
+    const { value, bind, index, name } = params;
+    const currentValue = [
+        ...bind.value || []
+    ];
+    if (index >= 0) bind.onChange(set(currentValue, `${index}.${name}`, value));
+    else bind.onChange(value);
 };
+export { setValue };
 
-var _default = setValue;
-exports.default = _default;
+//# sourceMappingURL=setValue.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["setValue","params","value","bind","index","name","newValue","set","onChange"],"sources":["setValue.ts"],"sourcesContent":["import set from \"lodash/set\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface Params {\n    value: string[];\n    bind: BindComponentRenderProp;\n    index: number;\n    name: string;\n}\nconst setValue = (params: Params): void => {\n    const { value, bind, index, name } = params;\n    let newValue = [...(bind.value || [])];\n    if (index >= 0) {\n        set(newValue, `${index}.${name}`, value);\n    } else {\n        newValue = value;\n    }\n\n    bind.onChange(newValue);\n};\n\nexport default setValue;\n"],"mappings":";;;;;;;;;;;AAAA;;AASA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,MAAD,EAA0B;EACvC,IAAQC,KAAR,GAAqCD,MAArC,CAAQC,KAAR;EAAA,IAAeC,IAAf,GAAqCF,MAArC,CAAeE,IAAf;EAAA,IAAqBC,KAArB,GAAqCH,MAArC,CAAqBG,KAArB;EAAA,IAA4BC,IAA5B,GAAqCJ,MAArC,CAA4BI,IAA5B;EACA,IAAIC,QAAQ,oCAAQH,IAAI,CAACD,KAAL,IAAc,EAAtB,CAAZ;;EACA,IAAIE,KAAK,IAAI,CAAb,EAAgB;IACZ,IAAAG,YAAA,EAAID,QAAJ,YAAiBF,KAAjB,cAA0BC,IAA1B,GAAkCH,KAAlC;EACH,CAFD,MAEO;IACHI,QAAQ,GAAGJ,KAAX;EACH;;EAEDC,IAAI,CAACK,QAAL,CAAcF,QAAd;AACH,CAVD;;eAYeN,Q"}
+{"version":3,"file":"admin/components/FieldEditor/EditFieldDialog/functions/setValue.js","sources":["../../../../../../src/admin/components/FieldEditor/EditFieldDialog/functions/setValue.ts"],"sourcesContent":["import { set } from \"dot-prop-immutable\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface Params {\n    value: string[];\n    bind: BindComponentRenderProp;\n    index: number;\n    name: string;\n}\n\nexport const setValue = (params: Params): void => {\n    const { value, bind, index, name } = params;\n    const currentValue = [...(bind.value || [])];\n    if (index >= 0) {\n        bind.onChange(set(currentValue, `${index}.${name}`, value));\n    } else {\n        bind.onChange(value);\n    }\n};\n"],"names":["setValue","params","value","bind","index","name","currentValue","set"],"mappings":";AAUO,MAAMA,WAAW,CAACC;IACrB,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGJ;IACrC,MAAMK,eAAe;WAAKH,KAAK,KAAK,IAAI,EAAE;KAAE;IAC5C,IAAIC,SAAS,GACTD,KAAK,QAAQ,CAACI,IAAID,cAAc,GAAGF,MAAM,CAAC,EAAEC,MAAM,EAAEH;SAEpDC,KAAK,QAAQ,CAACD;AAEtB"}

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

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

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

@@ -0,0 +1,54 @@
+import { plugins } from "@webiny/plugins";
+import { CmsModelFieldValidatorConfigAdapter } from "../../../../utils/CmsModelFieldValidatorConfigAdapter.js";
+const isValidatorDefinition = (obj)=>obj ? !Array.isArray(obj) : false;
+const isValidatorDefinitionFactory = (obj)=>"function" == typeof obj;
+const getValidatorPlugin = (name)=>{
+    const plugin = plugins.byType("cms-model-field-validator").find((plugin)=>plugin.validator.name === name);
+    if (!plugin) throw new Error(`Missing CMS field validator plugin "${name}"!`);
+    return plugin.validator;
+};
+const getValidatorConfigs = (field, validators)=>{
+    const configs = [];
+    for (const validator of validators){
+        let resolvedValidator;
+        resolvedValidator = "string" == typeof validator ? getValidatorPlugin(validator) : validator;
+        configs.push(new CmsModelFieldValidatorConfigAdapter(field, resolvedValidator));
+    }
+    return configs;
+};
+const getValidators = ({ field, fieldPlugin, key, defaultValidators })=>{
+    let title = "";
+    let description = "";
+    let fieldValidators = fieldPlugin.field[key];
+    if (isValidatorDefinitionFactory(fieldValidators)) fieldValidators = fieldValidators(field);
+    let resolvedValidators;
+    if (isValidatorDefinition(fieldValidators)) {
+        title = fieldValidators.title || "";
+        description = fieldValidators.description || "";
+        resolvedValidators = fieldValidators.validators;
+    } else resolvedValidators = fieldValidators;
+    const validators = getValidatorConfigs(field, resolvedValidators || defaultValidators);
+    return {
+        title,
+        description,
+        validators
+    };
+};
+const getListValidators = (field, fieldPlugin)=>getValidators({
+        field,
+        fieldPlugin,
+        key: "listValidators",
+        defaultValidators: [
+            "minLength",
+            "maxLength"
+        ]
+    });
+const getFieldValidators = (field, fieldPlugin)=>getValidators({
+        field,
+        fieldPlugin,
+        key: "validators",
+        defaultValidators: []
+    });
+export { getFieldValidators, getListValidators };
+
+//# sourceMappingURL=getValidators.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/FieldEditor/EditFieldDialog/getValidators.js","sources":["../../../../../src/admin/components/FieldEditor/EditFieldDialog/getValidators.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport type {\n    CmsModelField,\n    CmsModelFieldTypePlugin,\n    CmsModelFieldValidatorPlugin,\n    CmsModelFieldValidatorsGroup,\n    CmsModelFieldValidatorConfig,\n    CmsModelFieldValidatorsFactory\n} from \"~/types.js\";\nimport { CmsModelFieldValidatorConfigAdapter } from \"~/utils/CmsModelFieldValidatorConfigAdapter.js\";\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: CmsModelFieldTypePlugin;\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: CmsModelFieldTypePlugin) => {\n    return getValidators({\n        field,\n        fieldPlugin,\n        key: \"listValidators\",\n        defaultValidators: [\"minLength\", \"maxLength\"]\n    });\n};\n\nexport const getFieldValidators = (field: CmsModelField, fieldPlugin: CmsModelFieldTypePlugin) => {\n    return getValidators({\n        field,\n        fieldPlugin,\n        key: \"validators\",\n        defaultValidators: []\n    });\n};\n"],"names":["isValidatorDefinition","obj","Array","isValidatorDefinitionFactory","getValidatorPlugin","name","plugin","plugins","Error","getValidatorConfigs","field","validators","configs","validator","resolvedValidator","CmsModelFieldValidatorConfigAdapter","getValidators","fieldPlugin","key","defaultValidators","title","description","fieldValidators","resolvedValidators","getListValidators","getFieldValidators"],"mappings":";;AAgBA,MAAMA,wBAAwB,CAACC,MACpBA,MAAM,CAACC,MAAM,OAAO,CAACD,OAAO;AAGvC,MAAME,+BAA+B,CAACF,MAC3B,AAAe,cAAf,OAAOA;AAgBlB,MAAMG,qBAAqB,CAACC;IACxB,MAAMC,SAASC,QAAAA,MACJ,CAA+B,6BACrC,IAAI,CAACD,CAAAA,SAAUA,OAAO,SAAS,CAAC,IAAI,KAAKD;IAE9C,IAAI,CAACC,QACD,MAAM,IAAIE,MAAM,CAAC,oCAAoC,EAAEH,KAAK,EAAE,CAAC;IAGnE,OAAOC,OAAO,SAAS;AAC3B;AAEA,MAAMG,sBAAsB,CACxBC,OACAC;IAEA,MAAMC,UAAiD,EAAE;IAEzD,KAAK,MAAMC,aAAaF,WAAY;QAChC,IAAIG;QAEAA,oBADA,AAAqB,YAArB,OAAOD,YACaT,mBAAmBS,aAEnBA;QAGxBD,QAAQ,IAAI,CAAC,IAAIG,oCAAoCL,OAAOI;IAChE;IAEA,OAAOF;AACX;AAEA,MAAMI,gBAAgB,CAAC,EACnBN,KAAK,EACLO,WAAW,EACXC,GAAG,EACHC,iBAAiB,EACC;IAClB,IAAIC,QAAQ;IACZ,IAAIC,cAAc;IAClB,IAAIC,kBAAkBL,YAAY,KAAK,CAACC,IAAI;IAE5C,IAAIf,6BAA6BmB,kBAC7BA,kBAAkBA,gBAAgBZ;IAGtC,IAAIa;IACJ,IAAIvB,sBAAsBsB,kBAAkB;QACxCF,QAAQE,gBAAgB,KAAK,IAAI;QACjCD,cAAcC,gBAAgB,WAAW,IAAI;QAC7CC,qBAAqBD,gBAAgB,UAAU;IACnD,OACIC,qBAAqBD;IAGzB,MAAMX,aAAaF,oBAAoBC,OAAOa,sBAAsBJ;IAEpE,OAAO;QACHC;QACAC;QACAV;IACJ;AACJ;AAEO,MAAMa,oBAAoB,CAACd,OAAsBO,cAC7CD,cAAc;QACjBN;QACAO;QACA,KAAK;QACL,mBAAmB;YAAC;YAAa;SAAY;IACjD;AAGG,MAAMQ,qBAAqB,CAACf,OAAsBO,cAC9CD,cAAc;QACjBN;QACAO;QACA,KAAK;QACL,mBAAmB,EAAE;IACzB"}

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

@@ -0,0 +1,2 @@
+import type { CmsModelFieldRendererPlugin } from "@webiny/app-headless-cms-common/types/index.js";
+export declare const useRendererPlugins: () => import("@webiny/plugins/PluginsContainer").WithName<CmsModelFieldRendererPlugin>[];

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

@@ -0,0 +1,20 @@
+import { plugins } from "@webiny/plugins";
+import { useModel } from "../../ModelProvider/index.js";
+import { useModelField } from "../../ModelFieldProvider/index.js";
+const hiddenLast = (a, b)=>{
+    if ("hidden" === a.renderer.rendererName) return 1;
+    if ("hidden" === b.renderer.rendererName) return -1;
+    return 0;
+};
+const useRendererPlugins = ()=>{
+    const { model } = useModel();
+    const { field, fieldPlugin } = useModelField();
+    return plugins.byType("cms-editor-field-renderer").filter((item)=>item.renderer.canUse({
+            field,
+            fieldPlugin,
+            model
+        })).sort(hiddenLast);
+};
+export { useRendererPlugins };
+
+//# sourceMappingURL=useRendererPlugins.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/FieldEditor/EditFieldDialog/useRendererPlugins.js","sources":["../../../../../src/admin/components/FieldEditor/EditFieldDialog/useRendererPlugins.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport type { CmsModelFieldRendererPlugin } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { useModel } from \"~/admin/components/ModelProvider/index.js\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider/index.js\";\n\n/**\n * We want the \"hidden\" renderer to always be the last one in the list.\n * @param a\n * @param b\n */\nconst hiddenLast = (a: CmsModelFieldRendererPlugin, b: CmsModelFieldRendererPlugin) => {\n    if (a.renderer.rendererName === \"hidden\") {\n        return 1;\n    }\n\n    if (b.renderer.rendererName === \"hidden\") {\n        return -1;\n    }\n\n    return 0;\n};\n\nexport const useRendererPlugins = () => {\n    const { model } = useModel();\n    const { field, fieldPlugin } = useModelField();\n\n    return plugins\n        .byType<CmsModelFieldRendererPlugin>(\"cms-editor-field-renderer\")\n        .filter(item => item.renderer.canUse({ field, fieldPlugin, model }))\n        .sort(hiddenLast);\n};\n"],"names":["hiddenLast","a","b","useRendererPlugins","model","useModel","field","fieldPlugin","useModelField","plugins","item"],"mappings":";;;AAUA,MAAMA,aAAa,CAACC,GAAgCC;IAChD,IAAID,AAA4B,aAA5BA,EAAE,QAAQ,CAAC,YAAY,EACvB,OAAO;IAGX,IAAIC,AAA4B,aAA5BA,EAAE,QAAQ,CAAC,YAAY,EACvB,OAAO;IAGX,OAAO;AACX;AAEO,MAAMC,qBAAqB;IAC9B,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAM,EAAEC,KAAK,EAAEC,WAAW,EAAE,GAAGC;IAE/B,OAAOC,QAAAA,MACI,CAA8B,6BACpC,MAAM,CAACC,CAAAA,OAAQA,KAAK,QAAQ,CAAC,MAAM,CAAC;YAAEJ;YAAOC;YAAaH;QAAM,IAChE,IAAI,CAACJ;AACd"}

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

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