@webiny/app-headless-cms 6.4.5 → 6.6.0-alpha.0

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

@@ -1,148 +0,0 @@
-import zod from "zod";
-import react, { useCallback, useEffect, useMemo, useRef } from "react";
-import camelCase from "lodash/camelCase.js";
-import { Grid, Input, Switch, Tags, Textarea } from "@webiny/admin-ui";
-import { validation } from "@webiny/validation";
-import { Bind, useForm } from "@webiny/form";
-import { useModelFieldEditor } from "../index.js";
-import { useModelEditor, useModelField } from "../../../hooks/index.js";
-const fieldIdSchema = zod.string().max(100).regex(/^!?[a-zA-Z]/, {
-    message: "Must not start with a number."
-}).regex(/^(^[a-zA-Z0-9]+)$/, {
-    message: "Must be alphanumeric string."
-});
-const GeneralTab = ()=>{
-    const form = useForm();
-    const { field, fieldPlugin } = useModelField();
-    const inputRef = useRef(null);
-    const { data: contentModel } = useModelEditor();
-    const editorContext = useModelFieldEditor();
-    const { getField } = editorContext;
-    useEffect(()=>{
-        setTimeout(()=>{
-            if (!inputRef.current) return;
-            inputRef.current.focus();
-        }, 400);
-    }, []);
-    const afterChangeLabel = useCallback((value)=>{
-        form.setValue("fieldId", camelCase(value));
-    }, []);
-    const beforeChangeFieldId = useCallback((value, baseOnChange)=>{
-        baseOnChange(value.trim());
-    }, []);
-    const fieldIdValidator = useCallback((fieldId)=>{
-        const result = fieldIdSchema.safeParse(fieldId);
-        if (!result.success) throw new Error(result.error.issues[0].message);
-    }, []);
-    const uniqueFieldIdValidator = useCallback((fieldId)=>{
-        const existingField = getField({
-            fieldId
-        });
-        if (existingField && existingField.id !== field.id) throw new Error("Please enter a unique Field ID.");
-        const parent = editorContext.parentEditorContext;
-        if (parent && editorContext.parent && !editorContext.getFieldPlugin(editorContext.parent.type)) {
-            const parentField = parent.getField({
-                fieldId
-            });
-            if (parentField && parentField.id !== field.id) throw new Error("Please enter a unique Field ID.");
-        }
-        return true;
-    }, []);
-    let additionalSettings = null;
-    if ("function" == typeof fieldPlugin.field.renderSettings) additionalSettings = fieldPlugin.field.renderSettings({
-        afterChangeLabel,
-        uniqueFieldIdValidator,
-        contentModel
-    });
-    const predefinedValuesEnabled = useMemo(()=>(fieldPlugin.field.allowPredefinedValues || false) && "function" == typeof fieldPlugin.field.renderPredefinedValues, [
-        field.fieldId
-    ]);
-    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Grid, {
-        gap: "comfortable"
-    }, /*#__PURE__*/ react.createElement(Grid.Column, {
-        span: 6
-    }, /*#__PURE__*/ react.createElement(Bind, {
-        name: "label",
-        validators: validation.create("required"),
-        afterChange: (value)=>{
-            if (field.id) return;
-            afterChangeLabel(value);
-        }
-    }, /*#__PURE__*/ react.createElement(Input, {
-        label: "Label",
-        size: "lg",
-        inputRef: inputRef,
-        "data-testid": "cms.editor.field.settings.general.label"
-    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
-        span: 6
-    }, /*#__PURE__*/ react.createElement(Bind, {
-        name: "fieldId",
-        validators: [
-            validation.create("required"),
-            uniqueFieldIdValidator,
-            fieldIdValidator
-        ],
-        beforeChange: beforeChangeFieldId
-    }, /*#__PURE__*/ react.createElement(Input, {
-        label: "Field ID",
-        size: "lg",
-        "data-testid": `cms.editor.field.settings.general.label-${field.id}`
-    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
-        span: 6
-    }, /*#__PURE__*/ react.createElement(Bind, {
-        name: "list"
-    }, /*#__PURE__*/ react.createElement(Switch, {
-        label: fieldPlugin.field.listLabel,
-        disabled: !fieldPlugin.field.allowList,
-        "data-testid": "cms.editor.field.settings.general.switch-multiplevalues"
-    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
-        span: 6
-    }, /*#__PURE__*/ react.createElement(Bind, {
-        name: "predefinedValues.enabled"
-    }, /*#__PURE__*/ react.createElement(Switch, {
-        label: "Use predefined values",
-        disabled: !predefinedValuesEnabled,
-        "data-testid": "cms.editor.field.settings.general.switch-predefinedvalues"
-    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
-        span: 12
-    }, /*#__PURE__*/ react.createElement(Bind, {
-        name: "description"
-    }, /*#__PURE__*/ react.createElement(Input, {
-        label: "Description",
-        description: "This text will be shown below the label (optional)",
-        size: "lg",
-        "data-testid": "cms.editor.field.settings.general.description"
-    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
-        span: 12
-    }, /*#__PURE__*/ react.createElement(Bind, {
-        name: "note"
-    }, /*#__PURE__*/ react.createElement(Input, {
-        label: "Note",
-        description: "This text will be shown below the input (optional)",
-        size: "lg",
-        "data-testid": "cms.editor.field.settings.general.note"
-    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
-        span: 12
-    }, /*#__PURE__*/ react.createElement(Bind, {
-        name: "help"
-    }, /*#__PURE__*/ react.createElement(Textarea, {
-        label: "Help",
-        description: "This text will be shown in a tooltip (optional)",
-        size: "lg",
-        "data-testid": "cms.editor.field.settings.general.help"
-    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
-        span: 12
-    }, /*#__PURE__*/ react.createElement(Bind, {
-        name: "tags"
-    }, /*#__PURE__*/ react.createElement(Tags, {
-        label: "Tags",
-        description: "Field tags are useful for developers and are not visible in the UI (optional)",
-        "data-testid": "cms.editor.field.settings.general.tags"
-    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
-        span: 12
-    }, additionalSettings)));
-};
-const EditFieldDialog_GeneralTab = GeneralTab;
-export default EditFieldDialog_GeneralTab;
-
-//# sourceMappingURL=GeneralTab.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"admin/components/FieldEditor/EditFieldDialog/GeneralTab.js","sources":["../../../../../src/admin/components/FieldEditor/EditFieldDialog/GeneralTab.tsx"],"sourcesContent":["import zod from \"zod\";\nimport React, { useEffect, useCallback, useRef, useMemo } from \"react\";\nimport camelCase from \"lodash/camelCase.js\";\nimport { Grid, Switch, Input, Textarea } from \"@webiny/admin-ui\";\nimport { validation } from \"@webiny/validation\";\nimport { Tags } from \"@webiny/admin-ui\";\nimport { useForm, Bind } from \"@webiny/form\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor/index.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { useModelField } from \"~/admin/hooks/index.js\";\n\nconst fieldIdSchema = zod\n    .string()\n    .max(100)\n    .regex(/^!?[a-zA-Z]/, {\n        message: `Must not start with a number.`\n    })\n    .regex(/^(^[a-zA-Z0-9]+)$/, {\n        message: `Must be alphanumeric string.`\n    });\n\nconst GeneralTab = () => {\n    const form = useForm();\n    const { field, fieldPlugin } = useModelField();\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const { data: contentModel } = useModelEditor();\n    const editorContext = useModelFieldEditor();\n    const { getField } = editorContext;\n\n    // Had problems with autofocusing the \"label\" field. A couple of comments on this.\n    // 1. It's probably caused by the Tabs component which wraps this component.\n    // 2. It seems that the \"autoFocus\" prop on the Input doesn't work. I can't see it attached in the actual DOM.\n    // 3. This works, but it's not 100%. Visually, the cursor is frozen, and that's probably caused by a bug / design\n    //    in the RMWC / Material library. If you were to click somewhere on screen, and then apply focus, then\n    //    it seems it's behaving correctly. ¯\\_(ツ)_/¯\n    useEffect(() => {\n        setTimeout(() => {\n            if (!inputRef.current) {\n                return;\n            }\n            inputRef.current.focus();\n        }, /* The value of 400 was determined by manual testing. */ 400);\n    }, []);\n\n    const afterChangeLabel = useCallback((value: string) => {\n        form.setValue(\"fieldId\", camelCase(value));\n    }, []);\n\n    const beforeChangeFieldId = useCallback(\n        (value: string, baseOnChange: (value: string) => void) => {\n            baseOnChange(value.trim());\n        },\n        []\n    );\n\n    const fieldIdValidator = useCallback((fieldId: string) => {\n        const result = fieldIdSchema.safeParse(fieldId);\n\n        if (!result.success) {\n            throw new Error(result.error.issues[0].message);\n        }\n    }, []);\n\n    const uniqueFieldIdValidator = useCallback((fieldId: string) => {\n        // Check the current context.\n        const existingField = getField({ fieldId });\n        if (existingField && existingField.id !== field.id) {\n            throw new Error(\"Please enter a unique Field ID.\");\n        }\n\n        // If we're inside a layout field (e.g. a tab), also check the parent context\n        // where hoisted fields live. A layout field context has a parent with no\n        // registered field type plugin (synthetic parent).\n        const parent = editorContext.parentEditorContext;\n        if (\n            parent &&\n            editorContext.parent &&\n            !editorContext.getFieldPlugin(editorContext.parent.type)\n        ) {\n            const parentField = parent.getField({ fieldId });\n            if (parentField && parentField.id !== field.id) {\n                throw new Error(\"Please enter a unique Field ID.\");\n            }\n        }\n\n        return true;\n    }, []);\n\n    let additionalSettings: React.ReactNode | null = null;\n    if (typeof fieldPlugin.field.renderSettings === \"function\") {\n        additionalSettings = fieldPlugin.field.renderSettings({\n            afterChangeLabel,\n            uniqueFieldIdValidator,\n            contentModel\n        });\n    }\n\n    const predefinedValuesEnabled = useMemo(\n        (): boolean =>\n            (fieldPlugin.field.allowPredefinedValues || false) &&\n            typeof fieldPlugin.field.renderPredefinedValues === \"function\",\n        [field.fieldId]\n    );\n\n    return (\n        <>\n            <Grid gap={\"comfortable\"}>\n                <Grid.Column span={6}>\n                    <Bind\n                        name={\"label\"}\n                        validators={validation.create(\"required\")}\n                        afterChange={(value: string) => {\n                            if (field.id) {\n                                return;\n                            }\n                            afterChangeLabel(value);\n                        }}\n                    >\n                        <Input\n                            label={\"Label\"}\n                            size={\"lg\"}\n                            inputRef={inputRef}\n                            data-testid=\"cms.editor.field.settings.general.label\"\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <Bind\n                        name={\"fieldId\"}\n                        validators={[\n                            validation.create(\"required\"),\n                            uniqueFieldIdValidator,\n                            fieldIdValidator\n                        ]}\n                        beforeChange={beforeChangeFieldId}\n                    >\n                        <Input\n                            label={\"Field ID\"}\n                            size={\"lg\"}\n                            data-testid={`cms.editor.field.settings.general.label-${field.id}`}\n                        />\n                    </Bind>\n                </Grid.Column>\n\n                <Grid.Column span={6}>\n                    <Bind name={\"list\"}>\n                        <Switch\n                            label={fieldPlugin.field.listLabel}\n                            disabled={!fieldPlugin.field.allowList}\n                            data-testid={`cms.editor.field.settings.general.switch-multiplevalues`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <Bind name={\"predefinedValues.enabled\"}>\n                        <Switch\n                            label={\"Use predefined values\"}\n                            disabled={!predefinedValuesEnabled}\n                            data-testid={`cms.editor.field.settings.general.switch-predefinedvalues`}\n                        />\n                    </Bind>\n                </Grid.Column>\n\n                <Grid.Column span={12}>\n                    <Bind name={\"description\"}>\n                        <Input\n                            label={\"Description\"}\n                            description={\"This text will be shown below the label (optional)\"}\n                            size={\"lg\"}\n                            data-testid={`cms.editor.field.settings.general.description`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"note\"}>\n                        <Input\n                            label={\"Note\"}\n                            description={\"This text will be shown below the input (optional)\"}\n                            size={\"lg\"}\n                            data-testid={`cms.editor.field.settings.general.note`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"help\"}>\n                        <Textarea\n                            label={\"Help\"}\n                            description={\"This text will be shown in a tooltip (optional)\"}\n                            size={\"lg\"}\n                            data-testid={`cms.editor.field.settings.general.help`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"tags\"}>\n                        <Tags\n                            label={\"Tags\"}\n                            description={\n                                \"Field tags are useful for developers and are not visible in the UI (optional)\"\n                            }\n                            data-testid={`cms.editor.field.settings.general.tags`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>{additionalSettings}</Grid.Column>\n            </Grid>\n        </>\n    );\n};\n\nexport default GeneralTab;\n"],"names":["fieldIdSchema","zod","GeneralTab","form","useForm","field","fieldPlugin","useModelField","inputRef","useRef","contentModel","useModelEditor","editorContext","useModelFieldEditor","getField","useEffect","setTimeout","afterChangeLabel","useCallback","value","camelCase","beforeChangeFieldId","baseOnChange","fieldIdValidator","fieldId","result","Error","uniqueFieldIdValidator","existingField","parent","parentField","additionalSettings","predefinedValuesEnabled","useMemo","Grid","Bind","validation","Input","Switch","Textarea","Tags"],"mappings":"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"}

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

@@ -1,3 +0,0 @@
-import React from "react";
-declare const PredefinedValues: () => React.JSX.Element;
-export default PredefinedValues;

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

@@ -1,45 +0,0 @@
-import react, { cloneElement, useCallback, useRef } from "react";
-import { getValue } from "./functions/getValue.js";
-import { setValue } from "./functions/setValue.js";
-import { Bind as form_Bind } from "@webiny/form";
-import { useModelField } from "../../../hooks/index.js";
-const PredefinedValues = ()=>{
-    const { field, fieldPlugin } = useModelField();
-    const memoizedBindComponents = useRef({});
-    const getBind = useCallback((index = -1)=>{
-        const memoKey = index;
-        if (memoizedBindComponents.current[memoKey]) return memoizedBindComponents.current[memoKey];
-        const Bind = ({ children, name })=>/*#__PURE__*/ react.createElement(form_Bind, {
-                name: "predefinedValues.values"
-            }, (bind)=>{
-                const props = {
-                    ...bind,
-                    value: getValue({
-                        bind,
-                        index,
-                        name
-                    }),
-                    onChange: (value)=>{
-                        setValue({
-                            value,
-                            bind,
-                            index,
-                            name
-                        });
-                    }
-                };
-                if ("function" == typeof children) return children(props);
-                return /*#__PURE__*/ cloneElement(children, props);
-            });
-        memoizedBindComponents.current[memoKey] = Bind;
-        return memoizedBindComponents.current[memoKey];
-    }, []);
-    if (!fieldPlugin.field.renderPredefinedValues) return /*#__PURE__*/ react.createElement(react.Fragment, null, `Missing "field.renderPredefinedValues" method in field type plugin: "${field.type}".`);
-    return /*#__PURE__*/ react.createElement(react.Fragment, null, fieldPlugin.field.renderPredefinedValues({
-        getBind
-    }));
-};
-const EditFieldDialog_PredefinedValues = PredefinedValues;
-export default EditFieldDialog_PredefinedValues;
-
-//# sourceMappingURL=PredefinedValues.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"admin/components/FieldEditor/EditFieldDialog/PredefinedValues.js","sources":["../../../../../src/admin/components/FieldEditor/EditFieldDialog/PredefinedValues.tsx"],"sourcesContent":["import React, { useCallback, useRef, cloneElement } from \"react\";\nimport { getValue } from \"./functions/getValue.js\";\nimport { setValue } from \"./functions/setValue.js\";\nimport type { BindComponent } from \"@webiny/form\";\nimport { Bind as BaseFormBind } from \"@webiny/form\";\nimport { useModelField } from \"~/admin/hooks/index.js\";\n\ninterface MemoizedBindComponents {\n    [key: string]: BindComponent;\n}\n\nconst PredefinedValues = () => {\n    const { field, fieldPlugin } = useModelField();\n    const memoizedBindComponents = useRef<MemoizedBindComponents>({});\n\n    const getBind = useCallback((index = -1) => {\n        const memoKey = index;\n        if (memoizedBindComponents.current[memoKey]) {\n            return memoizedBindComponents.current[memoKey];\n        }\n\n        const Bind: BindComponent = ({ children, name }) => {\n            return (\n                <BaseFormBind name={\"predefinedValues.values\"}>\n                    {bind => {\n                        const props = {\n                            ...bind,\n                            value: getValue({ bind, index, name }),\n                            onChange: (value: string[]) => {\n                                setValue({ value, bind, index, name });\n                            }\n                        };\n\n                        if (typeof children === \"function\") {\n                            return children(props);\n                        }\n\n                        return cloneElement(children as unknown as React.ReactElement, props);\n                    }}\n                </BaseFormBind>\n            );\n        };\n\n        memoizedBindComponents.current[memoKey] = Bind;\n\n        return memoizedBindComponents.current[memoKey];\n    }, []);\n    if (!fieldPlugin.field.renderPredefinedValues) {\n        return (\n            <>{`Missing \"field.renderPredefinedValues\" method in field type plugin: \"${field.type}\".`}</>\n        );\n    }\n\n    return <>{fieldPlugin.field.renderPredefinedValues({ getBind })}</>;\n};\n\nexport default PredefinedValues;\n"],"names":["PredefinedValues","field","fieldPlugin","useModelField","memoizedBindComponents","useRef","getBind","useCallback","index","memoKey","Bind","children","name","BaseFormBind","bind","props","getValue","value","setValue","cloneElement"],"mappings":";;;;;AAWA,MAAMA,mBAAmB;IACrB,MAAM,EAAEC,KAAK,EAAEC,WAAW,EAAE,GAAGC;IAC/B,MAAMC,yBAAyBC,OAA+B,CAAC;IAE/D,MAAMC,UAAUC,YAAY,CAACC,QAAQ,EAAE;QACnC,MAAMC,UAAUD;QAChB,IAAIJ,uBAAuB,OAAO,CAACK,QAAQ,EACvC,OAAOL,uBAAuB,OAAO,CAACK,QAAQ;QAGlD,MAAMC,OAAsB,CAAC,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GACpC,WAAP,GACI,oBAACC,WAAYA;gBAAC,MAAM;eACfC,CAAAA;gBACG,MAAMC,QAAQ;oBACV,GAAGD,IAAI;oBACP,OAAOE,SAAS;wBAAEF;wBAAMN;wBAAOI;oBAAK;oBACpC,UAAU,CAACK;wBACPC,SAAS;4BAAED;4BAAOH;4BAAMN;4BAAOI;wBAAK;oBACxC;gBACJ;gBAEA,IAAI,AAAoB,cAApB,OAAOD,UACP,OAAOA,SAASI;gBAGpB,OAAO,WAAP,GAAOI,aAAaR,UAA2CI;YACnE;QAKZX,uBAAuB,OAAO,CAACK,QAAQ,GAAGC;QAE1C,OAAON,uBAAuB,OAAO,CAACK,QAAQ;IAClD,GAAG,EAAE;IACL,IAAI,CAACP,YAAY,KAAK,CAAC,sBAAsB,EACzC,OAAO,WAAP,GACI,0CAAG,CAAC,qEAAqE,EAAED,MAAM,IAAI,CAAC,EAAE,CAAC;IAIjG,OAAO,WAAP,GAAO,0CAAGC,YAAY,KAAK,CAAC,sBAAsB,CAAC;QAAEI;IAAQ;AACjE;AAEA,yCAAeN"}

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"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":"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"}

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

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

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

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

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

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

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

@@ -1,10 +0,0 @@
-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 };
-
-//# sourceMappingURL=getValue.js.map

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

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

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

@@ -1,12 +0,0 @@
-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 };
-
-//# sourceMappingURL=setValue.js.map

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

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

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