@webiny/app-headless-cms 0.0.0-unstable.6f45466a1d → 0.0.0-unstable.7be00a75a9

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

@@ -1,58 +1,45 @@
-import React, { useCallback, useRef, cloneElement } from "react";
+import react, { cloneElement, useCallback, useRef } from "react";
 import { getValue } from "./functions/getValue.js";
 import { setValue } from "./functions/setValue.js";
-import { Bind as BaseFormBind } from "@webiny/form";
+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
-    }) => {
-      return /*#__PURE__*/React.createElement(BaseFormBind, {
-        name: "predefinedValues.values"
-      }, bind => {
-        const props = {
-          ...bind,
-          value: getValue({
-            bind,
-            index,
-            name
-          }),
-          onChange: value => {
-            setValue({
-              value,
-              bind,
-              index,
-              name
+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);
             });
-          }
-        };
-        if (typeof children === "function") {
-          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
-  }));
+        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
+    }));
 };
-export default PredefinedValues;
+const EditFieldDialog_PredefinedValues = PredefinedValues;
+export default EditFieldDialog_PredefinedValues;
 
 //# sourceMappingURL=PredefinedValues.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useRef","cloneElement","getValue","setValue","Bind","BaseFormBind","useModelField","PredefinedValues","field","fieldPlugin","memoizedBindComponents","getBind","index","memoKey","current","children","name","createElement","bind","props","value","onChange","renderPredefinedValues","Fragment","type"],"sources":["PredefinedValues.tsx"],"sourcesContent":["import React, { useCallback, useRef, cloneElement } from \"react\";\nimport { getValue } from \"./functions/getValue.js\";\nimport { setValue } from \"./functions/setValue.js\";\nimport type { BindComponent } from \"@webiny/form\";\nimport { Bind as BaseFormBind } from \"@webiny/form\";\nimport { useModelField } from \"~/admin/hooks/index.js\";\n\ninterface MemoizedBindComponents {\n    [key: string]: BindComponent;\n}\n\nconst PredefinedValues = () => {\n    const { field, fieldPlugin } = useModelField();\n    const memoizedBindComponents = useRef<MemoizedBindComponents>({});\n\n    const getBind = useCallback((index = -1) => {\n        const memoKey = index;\n        if (memoizedBindComponents.current[memoKey]) {\n            return memoizedBindComponents.current[memoKey];\n        }\n\n        const Bind: BindComponent = ({ children, name }) => {\n            return (\n                <BaseFormBind name={\"predefinedValues.values\"}>\n                    {bind => {\n                        const props = {\n                            ...bind,\n                            value: getValue({ bind, index, name }),\n                            onChange: (value: string[]) => {\n                                setValue({ value, bind, index, name });\n                            }\n                        };\n\n                        if (typeof children === \"function\") {\n                            return children(props);\n                        }\n\n                        return cloneElement(children as unknown as React.ReactElement, props);\n                    }}\n                </BaseFormBind>\n            );\n        };\n\n        memoizedBindComponents.current[memoKey] = Bind;\n\n        return memoizedBindComponents.current[memoKey];\n    }, []);\n    if (!fieldPlugin.field.renderPredefinedValues) {\n        return (\n            <>{`Missing \"field.renderPredefinedValues\" method in field type plugin: \"${field.type}\".`}</>\n        );\n    }\n\n    return <>{fieldPlugin.field.renderPredefinedValues({ getBind })}</>;\n};\n\nexport default PredefinedValues;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,MAAM,EAAEC,YAAY,QAAQ,OAAO;AAChE,SAASC,QAAQ;AACjB,SAASC,QAAQ;AAEjB,SAASC,IAAI,IAAIC,YAAY,QAAQ,cAAc;AACnD,SAASC,aAAa;AAMtB,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAC3B,MAAM;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGH,aAAa,CAAC,CAAC;EAC9C,MAAMI,sBAAsB,GAAGV,MAAM,CAAyB,CAAC,CAAC,CAAC;EAEjE,MAAMW,OAAO,GAAGZ,WAAW,CAAC,CAACa,KAAK,GAAG,CAAC,CAAC,KAAK;IACxC,MAAMC,OAAO,GAAGD,KAAK;IACrB,IAAIF,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC,EAAE;MACzC,OAAOH,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC;IAClD;IAEA,MAAMT,IAAmB,GAAGA,CAAC;MAAEW,QAAQ;MAAEC;IAAK,CAAC,KAAK;MAChD,oBACIlB,KAAA,CAAAmB,aAAA,CAACZ,YAAY;QAACW,IAAI,EAAE;MAA0B,GACzCE,IAAI,IAAI;QACL,MAAMC,KAAK,GAAG;UACV,GAAGD,IAAI;UACPE,KAAK,EAAElB,QAAQ,CAAC;YAAEgB,IAAI;YAAEN,KAAK;YAAEI;UAAK,CAAC,CAAC;UACtCK,QAAQ,EAAGD,KAAe,IAAK;YAC3BjB,QAAQ,CAAC;cAAEiB,KAAK;cAAEF,IAAI;cAAEN,KAAK;cAAEI;YAAK,CAAC,CAAC;UAC1C;QACJ,CAAC;QAED,IAAI,OAAOD,QAAQ,KAAK,UAAU,EAAE;UAChC,OAAOA,QAAQ,CAACI,KAAK,CAAC;QAC1B;QAEA,oBAAOlB,YAAY,CAACc,QAAQ,EAAmCI,KAAK,CAAC;MACzE,CACU,CAAC;IAEvB,CAAC;IAEDT,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC,GAAGT,IAAI;IAE9C,OAAOM,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC;EAClD,CAAC,EAAE,EAAE,CAAC;EACN,IAAI,CAACJ,WAAW,CAACD,KAAK,CAACc,sBAAsB,EAAE;IAC3C,oBACIxB,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAyB,QAAA,QAAG,wEAAwEf,KAAK,CAACgB,IAAI,IAAO,CAAC;EAErG;EAEA,oBAAO1B,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAyB,QAAA,QAAGd,WAAW,CAACD,KAAK,CAACc,sBAAsB,CAAC;IAAEX;EAAQ,CAAC,CAAI,CAAC;AACvE,CAAC;AAED,eAAeJ,gBAAgB","ignoreList":[]}
+{"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/RulesEditor/RulesEditor.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { FieldOption } from "@webiny/app-headless-cms-common/Fields/fieldOptions.js";
+interface ActionOption {
+    value: string;
+    label: string;
+}
+interface RulesTabProps {
+    fieldOptions: FieldOption[];
+    actionOptions?: ActionOption[];
+}
+export declare const RulesEditor: ({ fieldOptions, actionOptions }: RulesTabProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,225 @@
+import react, { useCallback, useMemo } from "react";
+import { Button, Grid, Input, Select, Separator } from "@webiny/admin-ui";
+import { useBind } from "@webiny/form";
+import { ReactComponent } from "@webiny/icons/delete.svg";
+import { ReactComponent as add_svg_ReactComponent } from "@webiny/icons/add.svg";
+import { VALUE_HIDDEN_OPERATORS, getOperatorOptions } from "@webiny/app-headless-cms-common/Fields/operatorOptions.js";
+const DEFAULT_ACTION_OPTIONS = [
+    {
+        value: "hide",
+        label: "Hide"
+    },
+    {
+        value: "disable",
+        label: "Disable"
+    }
+];
+const RuleRow = ({ rule, index, fieldOptions, actionOptions, onChange, onRemove })=>{
+    const selectedFieldOption = useMemo(()=>fieldOptions.find((o)=>o.value === rule.target), [
+        fieldOptions,
+        rule.target
+    ]);
+    const operatorOptions = useMemo(()=>selectedFieldOption ? getOperatorOptions(selectedFieldOption.fieldType) : [], [
+        selectedFieldOption
+    ]);
+    const operatorSelectOptions = useMemo(()=>operatorOptions.map((o)=>({
+                value: o.value,
+                label: o.label
+            })), [
+        operatorOptions
+    ]);
+    const fieldSelectOptions = useMemo(()=>fieldOptions.map((o)=>({
+                value: o.value,
+                label: o.label
+            })), [
+        fieldOptions
+    ]);
+    const showValue = rule.operator && !VALUE_HIDDEN_OPERATORS.has(rule.operator);
+    const handleFieldChange = useCallback((value)=>{
+        const newTarget = value ?? "";
+        const newFieldOption = fieldOptions.find((o)=>o.value === newTarget);
+        const newOps = newFieldOption ? getOperatorOptions(newFieldOption.fieldType) : [];
+        const currentOpValid = newOps.some((o)=>o.value === rule.operator);
+        onChange(index, {
+            ...rule,
+            target: newTarget,
+            operator: currentOpValid ? rule.operator : "",
+            value: currentOpValid ? rule.value : null
+        });
+    }, [
+        fieldOptions,
+        rule,
+        index,
+        onChange
+    ]);
+    const handleOperatorChange = useCallback((value)=>{
+        const op = value ?? "";
+        onChange(index, {
+            ...rule,
+            operator: op,
+            value: VALUE_HIDDEN_OPERATORS.has(op) ? null : rule.value
+        });
+    }, [
+        rule,
+        index,
+        onChange
+    ]);
+    const handleValueChange = useCallback((value)=>{
+        let parsed = value ?? "";
+        if (selectedFieldOption?.fieldType === "number" && "" !== parsed) {
+            const num = Number(parsed);
+            if (!isNaN(num)) parsed = num;
+        }
+        if (selectedFieldOption?.fieldType === "boolean") {
+            if ("true" === parsed) parsed = true;
+            else if ("false" === parsed) parsed = false;
+        }
+        onChange(index, {
+            ...rule,
+            value: parsed
+        });
+    }, [
+        rule,
+        index,
+        onChange,
+        selectedFieldOption
+    ]);
+    const handleActionChange = useCallback((value)=>{
+        onChange(index, {
+            ...rule,
+            action: value ?? actionOptions[0]?.value ?? "hide"
+        });
+    }, [
+        rule,
+        index,
+        onChange,
+        actionOptions
+    ]);
+    const isBooleanField = selectedFieldOption?.fieldType === "boolean";
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Separator, {
+        className: 0 === index ? "mb-lg" : "my-lg",
+        variant: "accent",
+        labelPosition: "start"
+    }, "Rule #", index + 1), /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Select, {
+        displayResetAction: false,
+        label: "Field",
+        value: rule.target,
+        options: fieldSelectOptions,
+        onChange: handleFieldChange
+    })), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement(Select, {
+        displayResetAction: false,
+        label: "Operator",
+        value: rule.operator,
+        options: operatorSelectOptions,
+        onChange: handleOperatorChange,
+        disabled: !rule.target
+    })), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, isBooleanField ? /*#__PURE__*/ react.createElement(Select, {
+        disabled: !showValue,
+        displayResetAction: false,
+        label: "Value",
+        value: String(rule.value ?? ""),
+        options: [
+            {
+                value: "true",
+                label: "True"
+            },
+            {
+                value: "false",
+                label: "False"
+            }
+        ],
+        onChange: handleValueChange
+    }) : /*#__PURE__*/ react.createElement(Input, {
+        disabled: !showValue,
+        label: "Value",
+        value: null != rule.value ? String(rule.value) : "",
+        type: selectedFieldOption?.fieldType === "number" ? "number" : "text",
+        onChange: handleValueChange
+    })), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Select, {
+        label: "Action",
+        displayResetAction: false,
+        value: rule.action,
+        options: actionOptions,
+        onChange: handleActionChange
+    })), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12,
+        className: "flex justify-between"
+    }, /*#__PURE__*/ react.createElement(Button, {
+        className: "[&_svg]:fill-destructive text-destructive-primary",
+        containerClassName: "flex ml-auto",
+        text: "Remove rule",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: ()=>onRemove(index),
+        variant: "ghost"
+    }))));
+};
+const RulesEditor = ({ fieldOptions, actionOptions = DEFAULT_ACTION_OPTIONS })=>{
+    const bind = useBind({
+        name: "rules"
+    });
+    const allRules = bind.value || [];
+    const entryRules = allRules.filter((r)=>"condition" === r.type);
+    const otherRules = allRules.filter((r)=>"condition" !== r.type);
+    const addRule = ()=>{
+        const newRule = {
+            type: "condition",
+            target: "",
+            operator: "",
+            value: null,
+            action: actionOptions[0]?.value ?? "hide"
+        };
+        bind.onChange([
+            ...otherRules,
+            ...entryRules,
+            newRule
+        ]);
+    };
+    const updateRule = (index, updated)=>{
+        const next = [
+            ...entryRules
+        ];
+        next[index] = updated;
+        bind.onChange([
+            ...otherRules,
+            ...next
+        ]);
+    };
+    const removeRule = (index)=>{
+        bind.onChange([
+            ...otherRules,
+            ...entryRules.filter((_, i)=>i !== index)
+        ]);
+    };
+    return /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, entryRules.map((rule, index)=>/*#__PURE__*/ react.createElement(RuleRow, {
+            key: index,
+            rule: rule,
+            index: index,
+            fieldOptions: fieldOptions,
+            actionOptions: actionOptions,
+            onChange: updateRule,
+            onRemove: removeRule
+        })), entryRules.length > 0 ? /*#__PURE__*/ react.createElement(Separator, {
+        variant: "accent",
+        className: "mt-lg"
+    }) : null, /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-center mt-md"
+    }, /*#__PURE__*/ react.createElement(Button, {
+        onClick: addRule,
+        text: "Add Rule",
+        icon: /*#__PURE__*/ react.createElement(add_svg_ReactComponent, null),
+        size: "sm"
+    }))));
+};
+export { RulesEditor };
+
+//# sourceMappingURL=RulesEditor.js.map

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.js

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

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