@gravity-ui/dynamic-forms 3.4.0 → 3.4.1

package/build/cjs/lib/core/components/Form/Controller/Controller.js

@@ -7,12 +7,12 @@ const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const hooks_1 = require("../hooks");
 const utils_1 = require("./utils");
 const Controller = ({ spec: _spec, name, value: valueFromParent, parentOnChange, parentOnUnmount, }) => {
-    const { config, tools, mutators, __mirror } = (0, hooks_1.useDynamicFormsCtx)();
+    const { config, tools, mutatorsStore, __mirror } = (0, hooks_1.useDynamicFormsCtx)();
     const firstRenderRef = react_1.default.useRef(true);
     const [store, setStore] = react_1.default.useState((0, utils_1.initializeStore)({
         name,
         spec: _spec,
-        mutators,
+        mutatorsStore,
         config,
         valueFromParent,
         tools,
@@ -92,7 +92,7 @@ const Controller = ({ spec: _spec, name, value: valueFromParent, parentOnChange,
                 name,
                 parentOnChange,
                 parentOnUnmount,
-                mutators,
+                mutatorsStore,
                 config,
                 tools,
                 methodOnChange: fieldMethods.onChange,
@@ -104,7 +104,7 @@ const Controller = ({ spec: _spec, name, value: valueFromParent, parentOnChange,
         name,
         parentOnChange,
         parentOnUnmount,
-        mutators,
+        mutatorsStore,
         config,
         tools.onChange,
         tools.onUnmount,

package/build/cjs/lib/core/components/Form/Controller/utils.js

@@ -9,10 +9,14 @@ const constants_1 = require("../../../constants");
 const helpers_1 = require("../../../helpers");
 const constants_2 = require("../constants");
 const utils_1 = require("../utils");
-const isErrorMutatorCorrect = (errorMutator) => errorMutator !== constants_2.EMPTY_MUTATOR && (lodash_1.default.isString(errorMutator) || lodash_1.default.isBoolean(errorMutator));
+const isErrorMutatorCorrect = (errorMutator) => errorMutator !== constants_2.EMPTY_MUTATOR &&
+    (lodash_1.default.isString(errorMutator.value) ||
+        lodash_1.default.isBoolean(errorMutator.value) ||
+        lodash_1.default.isUndefined(errorMutator.value));
 const isValueMutatorCorrect = (valueMutator, spec) => valueMutator !== constants_2.EMPTY_MUTATOR &&
-    (typeof valueMutator === spec.type ||
-        (lodash_1.default.isArray(valueMutator) && spec.type === constants_1.SpecTypes.Array));
+    (typeof valueMutator.value === spec.type ||
+        (lodash_1.default.isArray(valueMutator.value) && spec.type === constants_1.SpecTypes.Array) ||
+        valueMutator.value === undefined);
 const updateParentStore = (store) => {
     (store.parentOnChange ? store.parentOnChange : store.tools.onChange)(store.name, store.state.value, Object.assign(Object.assign({}, store.state.childErrors), { [store.name]: store.state.error }));
 };
@@ -21,10 +25,10 @@ const callUnmout = (store) => {
     (store.parentOnUnmount ? store.parentOnUnmount : store.tools.onUnmount)(store.name);
 };
 exports.callUnmout = callUnmout;
-const getSpec = ({ name, spec, mutators, }) => {
-    const mutator = lodash_1.default.get(mutators.spec, name, constants_2.EMPTY_MUTATOR);
+const getSpec = ({ name, spec, mutatorsStore, }) => {
+    const mutator = lodash_1.default.get(mutatorsStore.spec, name, constants_2.EMPTY_MUTATOR);
     if (mutator !== constants_2.EMPTY_MUTATOR) {
-        const mutatedSpec = lodash_1.default.merge(lodash_1.default.cloneDeep(spec), mutator);
+        const mutatedSpec = lodash_1.default.merge(lodash_1.default.cloneDeep(spec), mutator.value);
         if ((0, helpers_1.isCorrectSpec)(mutatedSpec)) {
             return mutatedSpec;
         }
@@ -90,11 +94,11 @@ const getValidate = ({ spec, config, }) => {
     return validate;
 };
 exports.getValidate = getValidate;
-const getFieldInitials = ({ name, spec, valueFromParent, initialValue, validate, mutators, }) => {
-    const valueMutator = (0, utils_1.transformArrIn)(lodash_1.default.get(mutators.values, name, constants_2.EMPTY_MUTATOR));
+const getFieldInitials = ({ name, spec, valueFromParent, initialValue, validate, mutatorsStore, }) => {
+    const valueMutator = (0, utils_1.transformArrIn)(lodash_1.default.get(mutatorsStore.values, name, constants_2.EMPTY_MUTATOR));
     let value = lodash_1.default.cloneDeep(valueFromParent);
     if (isValueMutatorCorrect(valueMutator, spec)) {
-        value = valueMutator;
+        value = valueMutator.value;
     }
     if (lodash_1.default.isNil(value)) {
         if (spec.defaultValue) {
@@ -111,11 +115,11 @@ const getFieldInitials = ({ name, spec, valueFromParent, initialValue, validate,
             }
         }
     }
-    let errorMutator = lodash_1.default.get(mutators.errors, name, constants_2.EMPTY_MUTATOR);
+    let errorMutator = lodash_1.default.get(mutatorsStore.errors, name, constants_2.EMPTY_MUTATOR);
     if (!isErrorMutatorCorrect(errorMutator)) {
-        errorMutator = undefined;
+        errorMutator = { value: undefined };
     }
-    const error = (validate === null || validate === void 0 ? void 0 : validate((0, utils_1.transformArrOut)(value))) || errorMutator;
+    const error = (validate === null || validate === void 0 ? void 0 : validate((0, utils_1.transformArrOut)(value))) || (errorMutator === null || errorMutator === void 0 ? void 0 : errorMutator.value);
     const dirty = !lodash_1.default.isEqual(value, initialValue);
     return {
         initialValue,
@@ -209,8 +213,8 @@ const getFieldMethods = () => {
     };
 };
 exports.getFieldMethods = getFieldMethods;
-const initializeStore = ({ name, spec: _spec, mutators, config, valueFromParent, tools, parentOnChange, parentOnUnmount, }) => {
-    const spec = (0, exports.getSpec)({ name, spec: _spec, mutators });
+const initializeStore = ({ name, spec: _spec, mutatorsStore, config, valueFromParent, tools, parentOnChange, parentOnUnmount, }) => {
+    const spec = (0, exports.getSpec)({ name, spec: _spec, mutatorsStore });
     const components = (0, exports.getComponents)({ spec, config });
     const render = (0, exports.getRender)(Object.assign({ name, spec }, components));
     const validate = (0, exports.getValidate)({ spec, config });
@@ -219,7 +223,7 @@ const initializeStore = ({ name, spec: _spec, mutators, config, valueFromParent,
         spec,
         valueFromParent,
         validate,
-        mutators,
+        mutatorsStore,
         initialValue: lodash_1.default.get(tools.initialValue, name),
     });
     const initialsStore = {
@@ -228,7 +232,7 @@ const initializeStore = ({ name, spec: _spec, mutators, config, valueFromParent,
         initialSpec: _spec,
         config,
         tools,
-        mutators,
+        mutatorsStore,
         render,
         validate,
         parentOnChange,
@@ -241,14 +245,14 @@ const initializeStore = ({ name, spec: _spec, mutators, config, valueFromParent,
     return initialsStore;
 };
 exports.initializeStore = initializeStore;
-const updateStore = ({ store, setStore, spec: _spec, name, parentOnChange, parentOnUnmount, mutators, valueFromParent, config, tools, methodOnChange, }) => {
-    const storeSpecMutator = lodash_1.default.get(store.mutators.spec, store.name, constants_2.EMPTY_MUTATOR);
-    const storeValueMutator = lodash_1.default.get(store.mutators.values, store.name, constants_2.EMPTY_MUTATOR);
-    const storeErrorMutator = lodash_1.default.get(store.mutators.errors, store.name, constants_2.EMPTY_MUTATOR);
-    const specMutator = lodash_1.default.get(mutators.spec, name, constants_2.EMPTY_MUTATOR);
-    const valueMutator = lodash_1.default.get(mutators.values, name, constants_2.EMPTY_MUTATOR);
-    const errorMutator = lodash_1.default.get(mutators.errors, name, constants_2.EMPTY_MUTATOR);
-    const valueMutatorUpdated = isValueMutatorCorrect(valueMutator, (0, exports.getSpec)({ name, spec: _spec, mutators })) &&
+const updateStore = ({ store, setStore, spec: _spec, name, parentOnChange, parentOnUnmount, mutatorsStore, valueFromParent, config, tools, methodOnChange, }) => {
+    const storeSpecMutator = lodash_1.default.get(store.mutatorsStore.spec, store.name, constants_2.EMPTY_MUTATOR);
+    const storeValueMutator = lodash_1.default.get(store.mutatorsStore.values, store.name, constants_2.EMPTY_MUTATOR);
+    const storeErrorMutator = lodash_1.default.get(store.mutatorsStore.errors, store.name, constants_2.EMPTY_MUTATOR);
+    const specMutator = lodash_1.default.get(mutatorsStore.spec, name, constants_2.EMPTY_MUTATOR);
+    const valueMutator = lodash_1.default.get(mutatorsStore.values, name, constants_2.EMPTY_MUTATOR);
+    const errorMutator = lodash_1.default.get(mutatorsStore.errors, name, constants_2.EMPTY_MUTATOR);
+    const valueMutatorUpdated = isValueMutatorCorrect(valueMutator, (0, exports.getSpec)({ name, spec: _spec, mutatorsStore })) &&
         valueMutator !== storeValueMutator;
     const errorMutatorUpdated = isErrorMutatorCorrect(errorMutator) && errorMutator !== storeErrorMutator;
     const updateState = valueMutatorUpdated || errorMutatorUpdated;
@@ -265,7 +269,7 @@ const updateStore = ({ store, setStore, spec: _spec, name, parentOnChange, paren
         setStore((0, exports.initializeStore)({
             name,
             spec: _spec,
-            mutators,
+            mutatorsStore,
             config,
             valueFromParent,
             tools,
@@ -277,7 +281,7 @@ const updateStore = ({ store, setStore, spec: _spec, name, parentOnChange, paren
         let nextStore = Object.assign(Object.assign({}, (0, exports.initializeStore)({
             name,
             spec: _spec,
-            mutators,
+            mutatorsStore,
             config,
             valueFromParent,
             tools,
@@ -285,7 +289,9 @@ const updateStore = ({ store, setStore, spec: _spec, name, parentOnChange, paren
             parentOnUnmount,
         })), { state: store.state });
         if (updateState) {
-            nextStore = methodOnChange(nextStore, Object.assign({ valOrSetter: (value) => valueMutatorUpdated ? valueMutator : value }, (errorMutatorUpdated ? { errorMutator } : {})));
+            nextStore = methodOnChange(nextStore, Object.assign({ valOrSetter: (value) => valueMutatorUpdated ? valueMutator.value : value }, (errorMutatorUpdated
+                ? { errorMutator: errorMutator.value }
+                : {})));
         }
         setStore(nextStore);
     }
@@ -294,12 +300,16 @@ const updateStore = ({ store, setStore, spec: _spec, name, parentOnChange, paren
             parentOnUnmount,
             tools });
         if (updateState) {
-            nextStore = methodOnChange(nextStore, Object.assign({ valOrSetter: (value) => valueMutatorUpdated ? valueMutator : value }, (errorMutatorUpdated ? { errorMutator } : {})));
+            nextStore = methodOnChange(nextStore, Object.assign({ valOrSetter: (value) => valueMutatorUpdated ? valueMutator.value : value }, (errorMutatorUpdated
+                ? { errorMutator: errorMutator.value }
+                : {})));
         }
         setStore(nextStore);
     }
     else if (updateState) {
-        setStore(methodOnChange(store, Object.assign({ valOrSetter: (value) => valueMutatorUpdated ? valueMutator : value }, (errorMutatorUpdated ? { errorMutator } : {}))));
+        setStore(methodOnChange(Object.assign(Object.assign({}, store), { mutatorsStore }), Object.assign({ valOrSetter: (value) => valueMutatorUpdated ? valueMutator.value : value }, (errorMutatorUpdated
+            ? { errorMutator: errorMutator.value }
+            : {}))));
     }
 };
 exports.updateStore = updateStore;

package/build/cjs/lib/core/components/Form/DynamicField.js

@@ -14,7 +14,7 @@ const DynamicField = ({ name, spec, config, Monaco, generateRandomValue, search,
     const SearchContext = (0, hooks_1.useCreateSearchContext)();
     const { tools, store } = (0, hooks_1.useStore)(name);
     const watcher = (0, hooks_1.useIntegrationFF)(store, withoutInsertFFDebounce);
-    const { mutators, mutateDFState } = (0, hooks_1.useMutators)(externalMutators);
+    const { mutatorsStore, mutateDFState } = (0, hooks_1.useMutators)(externalMutators);
     const { store: searchStore, setField, removeField, isHiddenField } = (0, hooks_1.useSearchStore)();
     const context = react_1.default.useMemo(() => ({
         config,
@@ -22,9 +22,9 @@ const DynamicField = ({ name, spec, config, Monaco, generateRandomValue, search,
         generateRandomValue,
         tools: Object.assign(Object.assign({}, tools), { mutateDFState }),
         store,
-        mutators,
+        mutatorsStore,
         __mirror,
-    }), [tools, config, Monaco, __mirror, generateRandomValue, mutators, mutateDFState, store]);
+    }), [tools, config, Monaco, __mirror, generateRandomValue, mutatorsStore, mutateDFState, store]);
     const searchContext = react_1.default.useMemo(() => ({
         setField,
         removeField,

package/build/cjs/lib/core/components/Form/hooks/useMutators.js

@@ -5,10 +5,8 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const useMutators = (externalMutators) => {
-    const firstRenderRef = react_1.default.useRef(true);
-    const [store, setStore] = react_1.default.useState(externalMutators || {});
-    const mutateDFState = react_1.default.useCallback((mutators) => {
-        const mergeSpec = (a, b) => {
+    const merge = react_1.default.useCallback((mutators, store) => {
+        const mergeSpec = (a = {}, b) => {
             const result = lodash_1.default.cloneDeep(a);
             const getKeys = (parent) => {
                 if (lodash_1.default.isObjectLike(parent)) {
@@ -24,11 +22,27 @@ const useMutators = (externalMutators) => {
                 return [];
             };
             getKeys(b).forEach((key) => {
-                lodash_1.default.set(result, key, lodash_1.default.get(b, key));
+                lodash_1.default.set(result, [key[0], 'value', ...key.slice(1)], lodash_1.default.get(b, key));
+            });
+            return result;
+        };
+        const mergeValuesOrErrors = (a = {}, b) => {
+            const result = lodash_1.default.cloneDeep(a);
+            Object.keys(b).forEach((key) => {
+                lodash_1.default.set(result, [key, 'value'], b[key]);
             });
             return result;
         };
-        setStore((store) => (Object.assign(Object.assign(Object.assign(Object.assign({}, store), (mutators.errors ? { errors: lodash_1.default.merge(store.errors, mutators.errors) } : {})), (mutators.values ? { values: lodash_1.default.merge(store.values, mutators.values) } : {})), (mutators.spec ? { spec: mergeSpec(store.spec || {}, mutators.spec) } : {}))));
+        return Object.assign(Object.assign(Object.assign(Object.assign({}, store), (mutators.errors
+            ? { errors: mergeValuesOrErrors(store.errors, mutators.errors) }
+            : {})), (mutators.values
+            ? { values: mergeValuesOrErrors(store.values, mutators.values) }
+            : {})), (mutators.spec ? { spec: mergeSpec(store.spec, mutators.spec) } : {}));
+    }, []);
+    const firstRenderRef = react_1.default.useRef(true);
+    const [store, setStore] = react_1.default.useState(merge(externalMutators || {}, {}));
+    const mutateDFState = react_1.default.useCallback((mutators) => {
+        setStore((store) => merge(mutators, store));
     }, [setStore]);
     react_1.default.useEffect(() => {
         if (firstRenderRef.current) {
@@ -38,6 +52,6 @@ const useMutators = (externalMutators) => {
             mutateDFState(externalMutators);
         }
     }, [externalMutators]);
-    return { mutators: store, mutateDFState };
+    return { mutatorsStore: store, mutateDFState };
 };
 exports.useMutators = useMutators;

package/build/cjs/lib/kit/components/Inputs/TextArea/TextArea.js

@@ -6,6 +6,6 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const TextArea = ({ name, input, spec }) => {
     const { value, onBlur, onChange, onFocus } = input;
-    return (react_1.default.createElement(uikit_1.TextArea, { value: value, onBlur: onBlur, onFocus: onFocus, onUpdate: onChange, maxRows: 20, minRows: 8, hasClear: true, disabled: spec.viewSpec.disabled, placeholder: spec.viewSpec.placeholder, qa: name }));
+    return (react_1.default.createElement(uikit_1.TextArea, { value: value || '', onBlur: onBlur, onFocus: onFocus, onUpdate: onChange, maxRows: 20, minRows: 8, hasClear: true, disabled: spec.viewSpec.disabled, placeholder: spec.viewSpec.placeholder, qa: name }));
 };
 exports.TextArea = TextArea;

package/build/cjs/lib/kit/components/Layouts/Row/Row.css

@@ -55,6 +55,7 @@
 }
 .df-row__right-inner {
   display: flex;
+  justify-content: space-around;
 }
 .df-row__description {
   margin-top: 10px;

package/build/cjs/lib/kit/components/Views/CardOneOfView.js

@@ -23,6 +23,6 @@ const CardOneOfView = (props) => {
     if (!value || !Object.keys(value).length) {
         return null;
     }
-    return (react_1.default.createElement(__1.Card, { name: name, title: title, open: open, onToggle: onToggle, disableHeaderToggle: true, checkEmptyBody: true }, specProperties[valueKey] ? (react_1.default.createElement(core_1.ViewController, { spec: specProperties[valueKey], name: `${name}.${valueKey}`, key: `${name}.${valueKey}` })) : null));
+    return (react_1.default.createElement(__1.Card, { name: name, title: title, open: open, onToggle: onToggle, disableHeaderToggle: true, checkEmptyBody: true }, specProperties[valueKey] ? (react_1.default.createElement(core_1.ViewController, { spec: specProperties[valueKey], name: `${name ? name + '.' : ''}${valueKey}`, key: `${name ? name + '.' : ''}${valueKey}` })) : null));
 };
 exports.CardOneOfView = CardOneOfView;

package/build/cjs/lib/kit/components/Views/MultiOneOfView/MultiOneOfView.js

@@ -36,7 +36,7 @@ const MultiOneOfView = (props) => {
     return (react_1.default.createElement(react_1.default.Fragment, null,
         selectView,
         react_1.default.createElement("div", { className: b('content', { flat: withoutIndent, 'multiple-values': items.length > 1 }) },
-            react_1.default.createElement(GroupIndent_1.GroupIndent, null, values.map((value) => (react_1.default.createElement(react_1.default.Fragment, { key: value }, specProperties && specProperties[value] ? (react_1.default.createElement(core_1.ViewController, { name: `${name}.${value}`, spec: specProperties[value] })) : null)))))));
+            react_1.default.createElement(GroupIndent_1.GroupIndent, null, values.map((value) => (react_1.default.createElement(react_1.default.Fragment, { key: value }, specProperties && specProperties[value] ? (react_1.default.createElement(core_1.ViewController, { name: `${name ? name + '.' : ''}${value}`, spec: specProperties[value] })) : null)))))));
 };
 exports.MultiOneOfView = MultiOneOfView;
 const MultiOneOfFlatView = (props) => (react_1.default.createElement(exports.MultiOneOfView, Object.assign({}, props, { withoutIndent: true })));

package/build/cjs/lib/kit/components/Views/OneOfView/OneOfView.js

@@ -31,7 +31,7 @@ const OneOfViewComponent = (props) => {
     return (react_1.default.createElement("div", { className: b({ flat: props.withoutIndent }) },
         wrappedValue,
         specProperties[valueKey] ? (react_1.default.createElement(__1.GroupIndent, null,
-            react_1.default.createElement(core_1.ViewController, { spec: specProperties[valueKey], name: `${name}.${valueKey}`, key: `${name}.${valueKey}` }))) : null));
+            react_1.default.createElement(core_1.ViewController, { spec: specProperties[valueKey], name: `${name ? name + '.' : ''}${valueKey}`, key: `${name ? name + '.' : ''}${valueKey}` }))) : null));
 };
 exports.OneOfView = OneOfViewComponent;
 const OneOfFlatView = (props) => (react_1.default.createElement(OneOfViewComponent, Object.assign({}, props, { withoutIndent: true })));

package/build/cjs/lib/kit/components/Views/TextLinkView/TextLinkView.js

@@ -22,7 +22,7 @@ const TextLinkView = (_a) => {
     if (!childSpec || !(value === null || value === void 0 ? void 0 : value.text)) {
         return null;
     }
-    const content = react_1.default.createElement(core_1.ViewController, { spec: childSpec, name: `${name}.${TEXT_LINK_PROPERTY_NAME}` });
+    const content = (react_1.default.createElement(core_1.ViewController, { spec: childSpec, name: `${name ? name + '.' : ''}${TEXT_LINK_PROPERTY_NAME}` }));
     if (Layout) {
         return (react_1.default.createElement(Layout, Object.assign({ spec: spec, name: name, value: value }, restProps), content));
     }

package/build/esm/lib/core/components/Form/Controller/Controller.js

@@ -3,12 +3,12 @@ import _ from 'lodash';
 import { useControllerMirror, useDynamicFormsCtx, useSearch } from '../hooks';
 import { callUnmout, getFieldMethods, initializeStore, updateStore } from './utils';
 export const Controller = ({ spec: _spec, name, value: valueFromParent, parentOnChange, parentOnUnmount, }) => {
-    const { config, tools, mutators, __mirror } = useDynamicFormsCtx();
+    const { config, tools, mutatorsStore, __mirror } = useDynamicFormsCtx();
     const firstRenderRef = React.useRef(true);
     const [store, setStore] = React.useState(initializeStore({
         name,
         spec: _spec,
-        mutators,
+        mutatorsStore,
         config,
         valueFromParent,
         tools,
@@ -88,7 +88,7 @@ export const Controller = ({ spec: _spec, name, value: valueFromParent, parentOn
                 name,
                 parentOnChange,
                 parentOnUnmount,
-                mutators,
+                mutatorsStore,
                 config,
                 tools,
                 methodOnChange: fieldMethods.onChange,
@@ -100,7 +100,7 @@ export const Controller = ({ spec: _spec, name, value: valueFromParent, parentOn
         name,
         parentOnChange,
         parentOnUnmount,
-        mutators,
+        mutatorsStore,
         config,
         tools.onChange,
         tools.onUnmount,

package/build/esm/lib/core/components/Form/Controller/types.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import { FormValue, Spec } from '../../../types';
-import { DynamicFormConfig, DynamicFormMutators, DynamicFormsContext, FieldRenderProps, FieldValue, IndependentInputEntity, InputEntity, LayoutType, ValidateError } from '../types';
+import { DynamicFormConfig, DynamicFormMutatorsStore, DynamicFormsContext, FieldRenderProps, FieldValue, IndependentInputEntity, InputEntity, LayoutType, ValidateError } from '../types';
 export interface GetSpecParams<SpecType extends Spec> {
     name: string;
     spec: SpecType;
-    mutators: DynamicFormMutators;
+    mutatorsStore: DynamicFormMutatorsStore;
 }
 export interface GetComponentsParams<SpecType extends Spec> {
     spec: SpecType;
@@ -30,7 +30,7 @@ export interface GetFieldInitialsParams<DirtyValue extends FieldValue, Value ext
     valueFromParent: DirtyValue;
     initialValue: DirtyValue;
     validate: (value?: Value) => ValidateError;
-    mutators: DynamicFormMutators;
+    mutatorsStore: DynamicFormMutatorsStore;
 }
 export type FieldMethod<DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec, Params extends any = undefined> = (store: ControllerStore<DirtyValue, Value, SpecType>, params: Params) => ControllerStore<DirtyValue, Value, SpecType>;
 export interface GetFieldMethodsReturn<DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec> {
@@ -49,7 +49,7 @@ export interface GetFieldMethodsReturn<DirtyValue extends FieldValue, Value exte
 export interface InitializeStoreParams<DirtyValue extends FieldValue, SpecType extends Spec> {
     name: string;
     spec: SpecType;
-    mutators: DynamicFormMutators;
+    mutatorsStore: DynamicFormMutatorsStore;
     config: DynamicFormConfig;
     valueFromParent: DirtyValue;
     tools: DynamicFormsContext['tools'];
@@ -62,7 +62,7 @@ export interface ControllerStore<DirtyValue extends FieldValue, Value extends Fo
     initialSpec: SpecType;
     config: DynamicFormConfig;
     tools: DynamicFormsContext['tools'];
-    mutators: DynamicFormMutators;
+    mutatorsStore: DynamicFormMutatorsStore;
     render: (props: FieldRenderProps<DirtyValue>) => JSX.Element | null;
     validate: (value?: Value) => ValidateError;
     parentOnChange: ((childName: string, childValue: FieldValue, childErrors: Record<string, ValidateError>) => void) | null;
@@ -90,7 +90,7 @@ export interface UpdateStoreParams<DirtyValue extends FieldValue, Value extends
     name: string;
     parentOnChange: ((childName: string, childValue: FieldValue, childErrors: Record<string, ValidateError>) => void) | null;
     parentOnUnmount: ((childName: string) => void) | null;
-    mutators: DynamicFormMutators;
+    mutatorsStore: DynamicFormMutatorsStore;
     valueFromParent: DirtyValue;
     config: DynamicFormConfig;
     tools: DynamicFormsContext['tools'];

package/build/esm/lib/core/components/Form/Controller/utils.d.ts

@@ -1,17 +1,17 @@
 import { FormValue, Spec } from '../../../types';
-import { FieldRenderProps, FieldValue, ValidateError } from '../types';
+import { BaseValidateError, FieldRenderProps, FieldValue, ValidateError } from '../types';
 import { ControllerStore, GetComponentsParams, GetComponentsReturn, GetFieldInitialsParams, GetFieldMethodsReturn, GetRenderParams, GetSpecParams, GetValidateParams, InitializeStoreParams, UpdateStoreParams } from './types';
 export declare const updateParentStore: <DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec>(store: ControllerStore<DirtyValue, Value, SpecType>) => void;
 export declare const callUnmout: <DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec>(store: ControllerStore<DirtyValue, Value, SpecType>) => void;
-export declare const getSpec: <SpecType extends Spec>({ name, spec, mutators, }: GetSpecParams<SpecType>) => SpecType;
+export declare const getSpec: <SpecType extends Spec>({ name, spec, mutatorsStore, }: GetSpecParams<SpecType>) => SpecType;
 export declare const getComponents: <DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec>({ spec, config, }: GetComponentsParams<SpecType>) => GetComponentsReturn<DirtyValue, SpecType>;
 export declare const getRender: <DirtyValue extends FieldValue, SpecType extends Spec>({ name, spec, inputEntity, Layout, }: GetRenderParams<DirtyValue, SpecType>) => (props: FieldRenderProps<DirtyValue>) => JSX.Element | null;
 export declare const getValidate: <DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec>({ spec, config, }: GetValidateParams<SpecType>) => (value?: Value | undefined) => ValidateError;
-export declare const getFieldInitials: <DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec>({ name, spec, valueFromParent, initialValue, validate, mutators, }: GetFieldInitialsParams<DirtyValue, Value, SpecType>) => {
+export declare const getFieldInitials: <DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec>({ name, spec, valueFromParent, initialValue, validate, mutatorsStore, }: GetFieldInitialsParams<DirtyValue, Value, SpecType>) => {
     initialValue: DirtyValue;
     active: boolean;
     dirty: boolean;
-    error: string | boolean | import("../types").AsyncValidateError | undefined;
+    error: BaseValidateError | import("../types").AsyncValidateError;
     invalid: boolean;
     modified: boolean;
     pristine: boolean;
@@ -22,5 +22,5 @@ export declare const getFieldInitials: <DirtyValue extends FieldValue, Value ext
     childErrors: {};
 };
 export declare const getFieldMethods: <DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec>() => GetFieldMethodsReturn<DirtyValue, Value, SpecType>;
-export declare const initializeStore: <DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec>({ name, spec: _spec, mutators, config, valueFromParent, tools, parentOnChange, parentOnUnmount, }: InitializeStoreParams<DirtyValue, SpecType>) => ControllerStore<DirtyValue, Value, SpecType>;
-export declare const updateStore: <DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec>({ store, setStore, spec: _spec, name, parentOnChange, parentOnUnmount, mutators, valueFromParent, config, tools, methodOnChange, }: UpdateStoreParams<DirtyValue, Value, SpecType>) => void;
+export declare const initializeStore: <DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec>({ name, spec: _spec, mutatorsStore, config, valueFromParent, tools, parentOnChange, parentOnUnmount, }: InitializeStoreParams<DirtyValue, SpecType>) => ControllerStore<DirtyValue, Value, SpecType>;
+export declare const updateStore: <DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec>({ store, setStore, spec: _spec, name, parentOnChange, parentOnUnmount, mutatorsStore, valueFromParent, config, tools, methodOnChange, }: UpdateStoreParams<DirtyValue, Value, SpecType>) => void;

package/build/esm/lib/core/components/Form/Controller/utils.js

@@ -5,20 +5,24 @@ import { SpecTypes } from '../../../constants';
 import { isArraySpec, isCorrectSpec, isNumberSpec, isObjectSpec } from '../../../helpers';
 import { EMPTY_MUTATOR, OBJECT_ARRAY_CNT, OBJECT_ARRAY_FLAG } from '../constants';
 import { isArrayItem, isCorrectConfig, transformArrIn, transformArrOut } from '../utils';
-const isErrorMutatorCorrect = (errorMutator) => errorMutator !== EMPTY_MUTATOR && (_.isString(errorMutator) || _.isBoolean(errorMutator));
+const isErrorMutatorCorrect = (errorMutator) => errorMutator !== EMPTY_MUTATOR &&
+    (_.isString(errorMutator.value) ||
+        _.isBoolean(errorMutator.value) ||
+        _.isUndefined(errorMutator.value));
 const isValueMutatorCorrect = (valueMutator, spec) => valueMutator !== EMPTY_MUTATOR &&
-    (typeof valueMutator === spec.type ||
-        (_.isArray(valueMutator) && spec.type === SpecTypes.Array));
+    (typeof valueMutator.value === spec.type ||
+        (_.isArray(valueMutator.value) && spec.type === SpecTypes.Array) ||
+        valueMutator.value === undefined);
 export const updateParentStore = (store) => {
     (store.parentOnChange ? store.parentOnChange : store.tools.onChange)(store.name, store.state.value, Object.assign(Object.assign({}, store.state.childErrors), { [store.name]: store.state.error }));
 };
 export const callUnmout = (store) => {
     (store.parentOnUnmount ? store.parentOnUnmount : store.tools.onUnmount)(store.name);
 };
-export const getSpec = ({ name, spec, mutators, }) => {
-    const mutator = _.get(mutators.spec, name, EMPTY_MUTATOR);
+export const getSpec = ({ name, spec, mutatorsStore, }) => {
+    const mutator = _.get(mutatorsStore.spec, name, EMPTY_MUTATOR);
     if (mutator !== EMPTY_MUTATOR) {
-        const mutatedSpec = _.merge(_.cloneDeep(spec), mutator);
+        const mutatedSpec = _.merge(_.cloneDeep(spec), mutator.value);
         if (isCorrectSpec(mutatedSpec)) {
             return mutatedSpec;
         }
@@ -80,11 +84,11 @@ export const getValidate = ({ spec, config, }) => {
     }
     return validate;
 };
-export const getFieldInitials = ({ name, spec, valueFromParent, initialValue, validate, mutators, }) => {
-    const valueMutator = transformArrIn(_.get(mutators.values, name, EMPTY_MUTATOR));
+export const getFieldInitials = ({ name, spec, valueFromParent, initialValue, validate, mutatorsStore, }) => {
+    const valueMutator = transformArrIn(_.get(mutatorsStore.values, name, EMPTY_MUTATOR));
     let value = _.cloneDeep(valueFromParent);
     if (isValueMutatorCorrect(valueMutator, spec)) {
-        value = valueMutator;
+        value = valueMutator.value;
     }
     if (_.isNil(value)) {
         if (spec.defaultValue) {
@@ -101,11 +105,11 @@ export const getFieldInitials = ({ name, spec, valueFromParent, initialValue, va
             }
         }
     }
-    let errorMutator = _.get(mutators.errors, name, EMPTY_MUTATOR);
+    let errorMutator = _.get(mutatorsStore.errors, name, EMPTY_MUTATOR);
     if (!isErrorMutatorCorrect(errorMutator)) {
-        errorMutator = undefined;
+        errorMutator = { value: undefined };
     }
-    const error = (validate === null || validate === void 0 ? void 0 : validate(transformArrOut(value))) || errorMutator;
+    const error = (validate === null || validate === void 0 ? void 0 : validate(transformArrOut(value))) || (errorMutator === null || errorMutator === void 0 ? void 0 : errorMutator.value);
     const dirty = !_.isEqual(value, initialValue);
     return {
         initialValue,
@@ -197,8 +201,8 @@ export const getFieldMethods = () => {
         onItemRemove,
     };
 };
-export const initializeStore = ({ name, spec: _spec, mutators, config, valueFromParent, tools, parentOnChange, parentOnUnmount, }) => {
-    const spec = getSpec({ name, spec: _spec, mutators });
+export const initializeStore = ({ name, spec: _spec, mutatorsStore, config, valueFromParent, tools, parentOnChange, parentOnUnmount, }) => {
+    const spec = getSpec({ name, spec: _spec, mutatorsStore });
     const components = getComponents({ spec, config });
     const render = getRender(Object.assign({ name, spec }, components));
     const validate = getValidate({ spec, config });
@@ -207,7 +211,7 @@ export const initializeStore = ({ name, spec: _spec, mutators, config, valueFrom
         spec,
         valueFromParent,
         validate,
-        mutators,
+        mutatorsStore,
         initialValue: _.get(tools.initialValue, name),
     });
     const initialsStore = {
@@ -216,7 +220,7 @@ export const initializeStore = ({ name, spec: _spec, mutators, config, valueFrom
         initialSpec: _spec,
         config,
         tools,
-        mutators,
+        mutatorsStore,
         render,
         validate,
         parentOnChange,
@@ -228,14 +232,14 @@ export const initializeStore = ({ name, spec: _spec, mutators, config, valueFrom
     }
     return initialsStore;
 };
-export const updateStore = ({ store, setStore, spec: _spec, name, parentOnChange, parentOnUnmount, mutators, valueFromParent, config, tools, methodOnChange, }) => {
-    const storeSpecMutator = _.get(store.mutators.spec, store.name, EMPTY_MUTATOR);
-    const storeValueMutator = _.get(store.mutators.values, store.name, EMPTY_MUTATOR);
-    const storeErrorMutator = _.get(store.mutators.errors, store.name, EMPTY_MUTATOR);
-    const specMutator = _.get(mutators.spec, name, EMPTY_MUTATOR);
-    const valueMutator = _.get(mutators.values, name, EMPTY_MUTATOR);
-    const errorMutator = _.get(mutators.errors, name, EMPTY_MUTATOR);
-    const valueMutatorUpdated = isValueMutatorCorrect(valueMutator, getSpec({ name, spec: _spec, mutators })) &&
+export const updateStore = ({ store, setStore, spec: _spec, name, parentOnChange, parentOnUnmount, mutatorsStore, valueFromParent, config, tools, methodOnChange, }) => {
+    const storeSpecMutator = _.get(store.mutatorsStore.spec, store.name, EMPTY_MUTATOR);
+    const storeValueMutator = _.get(store.mutatorsStore.values, store.name, EMPTY_MUTATOR);
+    const storeErrorMutator = _.get(store.mutatorsStore.errors, store.name, EMPTY_MUTATOR);
+    const specMutator = _.get(mutatorsStore.spec, name, EMPTY_MUTATOR);
+    const valueMutator = _.get(mutatorsStore.values, name, EMPTY_MUTATOR);
+    const errorMutator = _.get(mutatorsStore.errors, name, EMPTY_MUTATOR);
+    const valueMutatorUpdated = isValueMutatorCorrect(valueMutator, getSpec({ name, spec: _spec, mutatorsStore })) &&
         valueMutator !== storeValueMutator;
     const errorMutatorUpdated = isErrorMutatorCorrect(errorMutator) && errorMutator !== storeErrorMutator;
     const updateState = valueMutatorUpdated || errorMutatorUpdated;
@@ -252,7 +256,7 @@ export const updateStore = ({ store, setStore, spec: _spec, name, parentOnChange
         setStore(initializeStore({
             name,
             spec: _spec,
-            mutators,
+            mutatorsStore,
             config,
             valueFromParent,
             tools,
@@ -264,7 +268,7 @@ export const updateStore = ({ store, setStore, spec: _spec, name, parentOnChange
         let nextStore = Object.assign(Object.assign({}, initializeStore({
             name,
             spec: _spec,
-            mutators,
+            mutatorsStore,
             config,
             valueFromParent,
             tools,
@@ -272,7 +276,9 @@ export const updateStore = ({ store, setStore, spec: _spec, name, parentOnChange
             parentOnUnmount,
         })), { state: store.state });
         if (updateState) {
-            nextStore = methodOnChange(nextStore, Object.assign({ valOrSetter: (value) => valueMutatorUpdated ? valueMutator : value }, (errorMutatorUpdated ? { errorMutator } : {})));
+            nextStore = methodOnChange(nextStore, Object.assign({ valOrSetter: (value) => valueMutatorUpdated ? valueMutator.value : value }, (errorMutatorUpdated
+                ? { errorMutator: errorMutator.value }
+                : {})));
         }
         setStore(nextStore);
     }
@@ -281,11 +287,15 @@ export const updateStore = ({ store, setStore, spec: _spec, name, parentOnChange
             parentOnUnmount,
             tools });
         if (updateState) {
-            nextStore = methodOnChange(nextStore, Object.assign({ valOrSetter: (value) => valueMutatorUpdated ? valueMutator : value }, (errorMutatorUpdated ? { errorMutator } : {})));
+            nextStore = methodOnChange(nextStore, Object.assign({ valOrSetter: (value) => valueMutatorUpdated ? valueMutator.value : value }, (errorMutatorUpdated
+                ? { errorMutator: errorMutator.value }
+                : {})));
         }
         setStore(nextStore);
     }
     else if (updateState) {
-        setStore(methodOnChange(store, Object.assign({ valOrSetter: (value) => valueMutatorUpdated ? valueMutator : value }, (errorMutatorUpdated ? { errorMutator } : {}))));
+        setStore(methodOnChange(Object.assign(Object.assign({}, store), { mutatorsStore }), Object.assign({ valOrSetter: (value) => valueMutatorUpdated ? valueMutator.value : value }, (errorMutatorUpdated
+            ? { errorMutator: errorMutator.value }
+            : {}))));
     }
 };

package/build/esm/lib/core/components/Form/DynamicField.js

@@ -10,7 +10,7 @@ export const DynamicField = ({ name, spec, config, Monaco, generateRandomValue,
     const SearchContext = useCreateSearchContext();
     const { tools, store } = useStore(name);
     const watcher = useIntegrationFF(store, withoutInsertFFDebounce);
-    const { mutators, mutateDFState } = useMutators(externalMutators);
+    const { mutatorsStore, mutateDFState } = useMutators(externalMutators);
     const { store: searchStore, setField, removeField, isHiddenField } = useSearchStore();
     const context = React.useMemo(() => ({
         config,
@@ -18,9 +18,9 @@ export const DynamicField = ({ name, spec, config, Monaco, generateRandomValue,
         generateRandomValue,
         tools: Object.assign(Object.assign({}, tools), { mutateDFState }),
         store,
-        mutators,
+        mutatorsStore,
         __mirror,
-    }), [tools, config, Monaco, __mirror, generateRandomValue, mutators, mutateDFState, store]);
+    }), [tools, config, Monaco, __mirror, generateRandomValue, mutatorsStore, mutateDFState, store]);
     const searchContext = React.useMemo(() => ({
         setField,
         removeField,

package/build/esm/lib/core/components/Form/hooks/useMutators.d.ts

@@ -1,5 +1,5 @@
-import { DynamicFormMutators } from '../types';
+import { DynamicFormMutators, DynamicFormMutatorsStore } from '../types';
 export declare const useMutators: (externalMutators?: DynamicFormMutators) => {
-    mutators: DynamicFormMutators;
+    mutatorsStore: DynamicFormMutatorsStore;
     mutateDFState: (mutators: DynamicFormMutators) => void;
 };

package/build/esm/lib/core/components/Form/hooks/useMutators.js

@@ -1,10 +1,8 @@
 import React from 'react';
 import _ from 'lodash';
 export const useMutators = (externalMutators) => {
-    const firstRenderRef = React.useRef(true);
-    const [store, setStore] = React.useState(externalMutators || {});
-    const mutateDFState = React.useCallback((mutators) => {
-        const mergeSpec = (a, b) => {
+    const merge = React.useCallback((mutators, store) => {
+        const mergeSpec = (a = {}, b) => {
             const result = _.cloneDeep(a);
             const getKeys = (parent) => {
                 if (_.isObjectLike(parent)) {
@@ -20,11 +18,27 @@ export const useMutators = (externalMutators) => {
                 return [];
             };
             getKeys(b).forEach((key) => {
-                _.set(result, key, _.get(b, key));
+                _.set(result, [key[0], 'value', ...key.slice(1)], _.get(b, key));
+            });
+            return result;
+        };
+        const mergeValuesOrErrors = (a = {}, b) => {
+            const result = _.cloneDeep(a);
+            Object.keys(b).forEach((key) => {
+                _.set(result, [key, 'value'], b[key]);
             });
             return result;
         };
-        setStore((store) => (Object.assign(Object.assign(Object.assign(Object.assign({}, store), (mutators.errors ? { errors: _.merge(store.errors, mutators.errors) } : {})), (mutators.values ? { values: _.merge(store.values, mutators.values) } : {})), (mutators.spec ? { spec: mergeSpec(store.spec || {}, mutators.spec) } : {}))));
+        return Object.assign(Object.assign(Object.assign(Object.assign({}, store), (mutators.errors
+            ? { errors: mergeValuesOrErrors(store.errors, mutators.errors) }
+            : {})), (mutators.values
+            ? { values: mergeValuesOrErrors(store.values, mutators.values) }
+            : {})), (mutators.spec ? { spec: mergeSpec(store.spec, mutators.spec) } : {}));
+    }, []);
+    const firstRenderRef = React.useRef(true);
+    const [store, setStore] = React.useState(merge(externalMutators || {}, {}));
+    const mutateDFState = React.useCallback((mutators) => {
+        setStore((store) => merge(mutators, store));
     }, [setStore]);
     React.useEffect(() => {
         if (firstRenderRef.current) {
@@ -34,5 +48,5 @@ export const useMutators = (externalMutators) => {
             mutateDFState(externalMutators);
         }
     }, [externalMutators]);
-    return { mutators: store, mutateDFState };
+    return { mutatorsStore: store, mutateDFState };
 };

package/build/esm/lib/core/components/Form/types/context.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { MonacoEditorProps } from 'react-monaco-editor/lib/types';
 import { StringSpec } from '../../../types';
-import { DynamicFieldStore, DynamicFormConfig, DynamicFormMutators, FieldValue, ValidateError, WonderMirror } from './';
+import { DynamicFieldStore, DynamicFormConfig, DynamicFormMutators, DynamicFormMutatorsStore, FieldValue, ValidateError, WonderMirror } from './';
 export interface DynamicFormsContext {
     config: DynamicFormConfig;
     Monaco?: React.ComponentType<MonacoEditorProps>;
@@ -14,6 +14,6 @@ export interface DynamicFormsContext {
         mutateDFState: (mutators: DynamicFormMutators) => void;
     };
     store: DynamicFieldStore;
-    mutators: DynamicFormMutators;
+    mutatorsStore: DynamicFormMutatorsStore;
     __mirror?: WonderMirror;
 }

package/build/esm/lib/core/components/Form/types/mutators.d.ts

@@ -16,3 +16,14 @@ export interface DynamicFormMutators {
     values?: Record<string, FormValue>;
     spec?: Record<string, SpecMutator>;
 }
+export interface DynamicFormMutatorsStore {
+    errors?: Record<string, {
+        value: BaseValidateError;
+    }>;
+    values?: Record<string, {
+        value: FormValue;
+    }>;
+    spec?: Record<string, {
+        value: SpecMutator;
+    }>;
+}

package/build/esm/lib/kit/components/Inputs/TextArea/TextArea.js

@@ -2,5 +2,5 @@ import React from 'react';
 import { TextArea as TextAreaBase } from '@gravity-ui/uikit';
 export const TextArea = ({ name, input, spec }) => {
     const { value, onBlur, onChange, onFocus } = input;
-    return (React.createElement(TextAreaBase, { value: value, onBlur: onBlur, onFocus: onFocus, onUpdate: onChange, maxRows: 20, minRows: 8, hasClear: true, disabled: spec.viewSpec.disabled, placeholder: spec.viewSpec.placeholder, qa: name }));
+    return (React.createElement(TextAreaBase, { value: value || '', onBlur: onBlur, onFocus: onFocus, onUpdate: onChange, maxRows: 20, minRows: 8, hasClear: true, disabled: spec.viewSpec.disabled, placeholder: spec.viewSpec.placeholder, qa: name }));
 };

package/build/esm/lib/kit/components/Layouts/Row/Row.css

@@ -55,6 +55,7 @@
 }
 .df-row__right-inner {
   display: flex;
+  justify-content: space-around;
 }
 .df-row__description {
   margin-top: 10px;

package/build/esm/lib/kit/components/Views/CardOneOfView.js

@@ -19,5 +19,5 @@ export const CardOneOfView = (props) => {
     if (!value || !Object.keys(value).length) {
         return null;
     }
-    return (React.createElement(Card, { name: name, title: title, open: open, onToggle: onToggle, disableHeaderToggle: true, checkEmptyBody: true }, specProperties[valueKey] ? (React.createElement(ViewController, { spec: specProperties[valueKey], name: `${name}.${valueKey}`, key: `${name}.${valueKey}` })) : null));
+    return (React.createElement(Card, { name: name, title: title, open: open, onToggle: onToggle, disableHeaderToggle: true, checkEmptyBody: true }, specProperties[valueKey] ? (React.createElement(ViewController, { spec: specProperties[valueKey], name: `${name ? name + '.' : ''}${valueKey}`, key: `${name ? name + '.' : ''}${valueKey}` })) : null));
 };

package/build/esm/lib/kit/components/Views/MultiOneOfView/MultiOneOfView.js

@@ -33,6 +33,6 @@ export const MultiOneOfView = (props) => {
     return (React.createElement(React.Fragment, null,
         selectView,
         React.createElement("div", { className: b('content', { flat: withoutIndent, 'multiple-values': items.length > 1 }) },
-            React.createElement(GroupIndent, null, values.map((value) => (React.createElement(React.Fragment, { key: value }, specProperties && specProperties[value] ? (React.createElement(ViewController, { name: `${name}.${value}`, spec: specProperties[value] })) : null)))))));
+            React.createElement(GroupIndent, null, values.map((value) => (React.createElement(React.Fragment, { key: value }, specProperties && specProperties[value] ? (React.createElement(ViewController, { name: `${name ? name + '.' : ''}${value}`, spec: specProperties[value] })) : null)))))));
 };
 export const MultiOneOfFlatView = (props) => (React.createElement(MultiOneOfView, Object.assign({}, props, { withoutIndent: true })));

package/build/esm/lib/kit/components/Views/OneOfView/OneOfView.js

@@ -28,7 +28,7 @@ const OneOfViewComponent = (props) => {
     return (React.createElement("div", { className: b({ flat: props.withoutIndent }) },
         wrappedValue,
         specProperties[valueKey] ? (React.createElement(GroupIndent, null,
-            React.createElement(ViewController, { spec: specProperties[valueKey], name: `${name}.${valueKey}`, key: `${name}.${valueKey}` }))) : null));
+            React.createElement(ViewController, { spec: specProperties[valueKey], name: `${name ? name + '.' : ''}${valueKey}`, key: `${name ? name + '.' : ''}${valueKey}` }))) : null));
 };
 export const OneOfView = OneOfViewComponent;
 export const OneOfFlatView = (props) => (React.createElement(OneOfViewComponent, Object.assign({}, props, { withoutIndent: true })));

package/build/esm/lib/kit/components/Views/TextLinkView/TextLinkView.js

@@ -19,7 +19,7 @@ export const TextLinkView = (_a) => {
     if (!childSpec || !(value === null || value === void 0 ? void 0 : value.text)) {
         return null;
     }
-    const content = React.createElement(ViewController, { spec: childSpec, name: `${name}.${TEXT_LINK_PROPERTY_NAME}` });
+    const content = (React.createElement(ViewController, { spec: childSpec, name: `${name ? name + '.' : ''}${TEXT_LINK_PROPERTY_NAME}` }));
     if (Layout) {
         return (React.createElement(Layout, Object.assign({ spec: spec, name: name, value: value }, restProps), content));
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dynamic-forms",
-  "version": "3.4.0",
+  "version": "3.4.1",
   "description": "",
   "license": "MIT",
   "main": "build/cjs/index.js",
@@ -38,8 +38,9 @@
     "playwright:install": "playwright install --with-deps",
     "playwright": "playwright test --config=playwright/playwright.config.ts",
     "playwright:update": "npm run playwright -- -u",
-    "playwright:docker": "docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.39.0-jammy /bin/bash -c 'npm ci && npx  playwright install && npm run playwright'",
-    "playwright:docker:update": " docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.39.0-jammy /bin/bash -c 'npm ci && npx  playwright install && npm run playwright:update'"
+    "playwright:docker": "./scripts/playwright-docker.sh 'npm run playwright'",
+    "playwright:docker:update": "./scripts/playwright-docker.sh 'npm run playwright:update'",
+    "playwright:docker:clear-cache": "./scripts/playwright-docker.sh clear-cache"
   },
   "dependencies": {
     "@bem-react/classname": "^1.6.0",