@gravity-ui/dynamic-forms 5.25.0 → 5.27.0

package/build/cjs/lib/unstable/core/SchemaRendererNode/SchemaRendererNode.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SchemaRendererNode = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
+const get_1 = tslib_1.__importDefault(require("lodash/get"));
 const noop_1 = tslib_1.__importDefault(require("lodash/noop"));
 const react_final_form_1 = require("react-final-form");
 const constants_1 = require("../constants");
@@ -11,9 +12,9 @@ const useSchemaRendererState_1 = require("../useSchemaRendererState");
 const utils_1 = require("../utils");
 const utils_2 = require("./utils");
 const SchemaRendererNodeComponent = ({ headName, modeOverride, name, schemaOverride, schemaPath, }) => {
-    var _a;
+    var _a, _b, _c, _d, _e, _f;
     const form = (0, react_final_form_1.useForm)();
-    const compareValuesRef = react_1.default.useRef((0, utils_2.getCompareValues)());
+    const strictCheckerRef = react_1.default.useRef((0, utils_1.getStrictModeChecker)());
     const fieldRef = react_1.default.useRef(null);
     const unsubscribeRef = react_1.default.useRef(null);
     const [ticks, setTicks] = react_1.default.useState({ input: 0, meta: 0 });
@@ -34,13 +35,15 @@ const SchemaRendererNodeComponent = ({ headName, modeOverride, name, schemaOverr
     const schema = react_1.default.useMemo(() => (0, utils_2.getAccumulatedSchema)(schemaPath, srState === null || srState === void 0 ? void 0 : srState.schema, schemaOverride), [schemaOverride, schemaPath, srState === null || srState === void 0 ? void 0 : srState.schema]);
     const error = srState === null || srState === void 0 ? void 0 : srState.errors[name];
     const mode = modeOverride || (srState === null || srState === void 0 ? void 0 : srState.mode);
-    const jsonDefaultValues = ((_a = srState === null || srState === void 0 ? void 0 : srState.settings) === null || _a === void 0 ? void 0 : _a.jsonDefaultValues) || false;
+    // todo: check parent
+    const required = (_b = (_a = schema === null || schema === void 0 ? void 0 : schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) === null || _b === void 0 ? void 0 : _b.required;
+    const coerceInitialValues = (_d = (_c = srState === null || srState === void 0 ? void 0 : srState.settings) === null || _c === void 0 ? void 0 : _c.coerceInitialValues) !== null && _d !== void 0 ? _d : true;
+    const jsonDefaultValues = (_f = (_e = srState === null || srState === void 0 ? void 0 : srState.settings) === null || _e === void 0 ? void 0 : _e.jsonDefaultValues) !== null && _f !== void 0 ? _f : false;
     const kit = react_1.default.useMemo(() => (0, utils_2.getRenderKit)({ config: srState === null || srState === void 0 ? void 0 : srState.config, schema }), [schema, srState === null || srState === void 0 ? void 0 : srState.config]);
     react_1.default.useMemo(() => {
         var _a;
-        if (compareValuesRef.current({
+        if (!strictCheckerRef.current.checkDiff({
             form,
-            jsonDefaultValues,
             headName,
             name,
             default: schema === null || schema === void 0 ? void 0 : schema.default,
@@ -51,13 +54,35 @@ const SchemaRendererNodeComponent = ({ headName, modeOverride, name, schemaOverr
         }
         (_a = unsubscribeRef.current) === null || _a === void 0 ? void 0 : _a.call(unsubscribeRef);
         const initialState = { schemaPath };
-        let defaultValue = schema === null || schema === void 0 ? void 0 : schema.default;
-        if (jsonDefaultValues && typeof defaultValue === 'string') {
-            try {
-                defaultValue = JSON.parse(defaultValue);
+        const defaultValue = (() => {
+            let result = schema === null || schema === void 0 ? void 0 : schema.default;
+            if (jsonDefaultValues) {
+                try {
+                    result = JSON.parse(result);
+                }
+                catch (_a) {
+                    result = undefined;
+                }
             }
-            catch (_b) { }
-        }
+            if (result === undefined && required) {
+                if ((Array.isArray(schema.type) &&
+                    schema.type.length &&
+                    !schema.type.filter((t) => t !== constants_1.JsonSchemaType.Array).length) ||
+                    schema.type === constants_1.JsonSchemaType.Array) {
+                    result = [];
+                }
+                else if ((Array.isArray(schema.type) &&
+                    schema.type.length &&
+                    !schema.type.filter((t) => t !== constants_1.JsonSchemaType.Object).length) ||
+                    schema.type === constants_1.JsonSchemaType.Object) {
+                    result = {};
+                }
+            }
+            if (coerceInitialValues) {
+                result = (0, utils_2.coerceToJsonSchemaType)(result, schema === null || schema === void 0 ? void 0 : schema.type);
+            }
+            return result;
+        })();
         const unsubscribe = form.registerField(name, (f) => {
             const prevF = fieldRef.current;
             if (prevF) {
@@ -85,14 +110,30 @@ const SchemaRendererNodeComponent = ({ headName, modeOverride, name, schemaOverr
             silent: true,
             validateFields: [(0, utils_1.getServiceFieldName)(useSchemaRenderer_1.SCHEMA_RENDERER_SERVICE_FIELD, headName)],
         });
-        if (defaultValue !== undefined) {
-            (0, utils_2.scheduleFlush)(form);
-        }
+        const castParams = (() => {
+            if (!coerceInitialValues) {
+                return undefined;
+            }
+            const formValues = form.getState().values;
+            const currentValue = name ? (0, get_1.default)(formValues, name) : formValues;
+            if (currentValue === undefined) {
+                return undefined;
+            }
+            const coercedCurrentValue = (0, utils_2.coerceToJsonSchemaType)(currentValue, schema === null || schema === void 0 ? void 0 : schema.type);
+            if (coercedCurrentValue !== undefined && coercedCurrentValue !== currentValue) {
+                return { name, value: coercedCurrentValue };
+            }
+            if (defaultValue !== undefined && defaultValue !== currentValue) {
+                return { name, value: defaultValue };
+            }
+            return undefined;
+        })();
+        (0, utils_2.scheduleFlush)(form, headName, castParams);
         unsubscribeRef.current = () => {
             unsubscribe();
-            (0, utils_2.scheduleFlush)(form);
+            (0, utils_2.scheduleFlush)(form, headName);
         };
-    }, [form, jsonDefaultValues, headName, name, schema === null || schema === void 0 ? void 0 : schema.default, schema === null || schema === void 0 ? void 0 : schema.type, schemaPath]);
+    }, [form, headName, name, schema === null || schema === void 0 ? void 0 : schema.default, schema === null || schema === void 0 ? void 0 : schema.type, schemaPath]);
     const input = react_1.default.useMemo(() => {
         var _a;
         const fieldState = form.getFieldState(name);
@@ -116,8 +157,12 @@ const SchemaRendererNodeComponent = ({ headName, modeOverride, name, schemaOverr
         };
     }, [error, form, name, ticks.meta]);
     react_1.default.useEffect(() => {
+        const strictChecker = strictCheckerRef.current;
         return () => {
             var _a;
+            if (strictChecker.isStrict()) {
+                return;
+            }
             (_a = unsubscribeRef.current) === null || _a === void 0 ? void 0 : _a.call(unsubscribeRef);
         };
     }, []);

package/build/cjs/lib/unstable/core/SchemaRendererNode/utils.d.ts

@@ -1,6 +1,6 @@
 import type { FormApi } from 'final-form';
 import { SchemaRendererMode } from '../constants';
-import type { JsonSchema, NodeEntity, NodeLayout, NodesConfig } from '../types';
+import type { FieldValue, JsonSchema, NodeEntity, NodeLayout, NodesConfig } from '../types';
 type GetRenderKitParams<Schema extends JsonSchema> = {
     config?: NodesConfig;
     schema?: Schema;
@@ -23,6 +23,9 @@ type GetRenderKitReturn<Schema extends JsonSchema> = {
 };
 export declare const getRenderKit: <Schema extends JsonSchema>({ config, schema, }: GetRenderKitParams<Schema>) => GetRenderKitReturn<Schema>;
 export declare const getAccumulatedSchema: (schemaPath: string, rootSchema?: JsonSchema, override?: JsonSchema, collectedPaths?: Set<string>) => JsonSchema;
-export declare const scheduleFlush: (form: FormApi) => void;
-export declare const getCompareValues: () => (currentValues: Record<string, unknown>) => boolean;
+export declare const scheduleFlush: (form: FormApi, headName: string, change?: {
+    name: string;
+    value: FieldValue;
+}) => void;
+export declare const coerceToJsonSchemaType: (value: FieldValue, type?: JsonSchema["type"]) => FieldValue;
 export {};

package/build/cjs/lib/unstable/core/SchemaRendererNode/utils.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCompareValues = exports.scheduleFlush = exports.getAccumulatedSchema = exports.getRenderKit = void 0;
+exports.coerceToJsonSchemaType = exports.scheduleFlush = exports.getAccumulatedSchema = exports.getRenderKit = void 0;
 const tslib_1 = require("tslib");
 const get_1 = tslib_1.__importDefault(require("lodash/get"));
+const isObjectLike_1 = tslib_1.__importDefault(require("lodash/isObjectLike"));
 const isString_1 = tslib_1.__importDefault(require("lodash/isString"));
 const set_1 = tslib_1.__importDefault(require("lodash/set"));
 const constants_1 = require("../constants");
+const useSchemaRenderer_1 = require("../useSchemaRenderer");
 const utils_1 = require("../utils");
 const fixType = (value) => value;
 const mergeValues = (first, second) => {
@@ -161,26 +163,73 @@ const getAccumulatedSchema = (schemaPath, rootSchema, override, collectedPaths =
 };
 exports.getAccumulatedSchema = getAccumulatedSchema;
 const flushes = new WeakMap();
-const scheduleFlush = (form) => {
-    if (flushes.get(form)) {
+const scheduleFlush = (form, headName, change) => {
+    const scheduled = flushes.get(form);
+    if (scheduled) {
+        scheduled.headNames.add(headName);
+        if (change) {
+            scheduled.changes.set(change.name, change.value);
+        }
         return;
     }
-    flushes.set(form, true);
+    const changes = new Map();
+    const headNames = new Set([headName]);
+    if (change) {
+        changes.set(change.name, change.value);
+    }
+    flushes.set(form, { changes, headNames });
     queueMicrotask(() => {
         flushes.delete(form);
-        form.batch(() => { });
+        form.batch(() => {
+            changes.forEach((value, name) => {
+                form.change(name, value);
+            });
+        });
+        headNames.forEach((name) => {
+            var _a;
+            const srName = (0, utils_1.getServiceFieldName)(useSchemaRenderer_1.SCHEMA_RENDERER_SERVICE_FIELD, name);
+            const srField = form.getFieldState(srName);
+            const srState = (_a = srField === null || srField === void 0 ? void 0 : srField.data) === null || _a === void 0 ? void 0 : _a.state;
+            srState === null || srState === void 0 ? void 0 : srState.runValidate();
+        });
     });
 };
 exports.scheduleFlush = scheduleFlush;
-const getCompareValues = () => {
-    let cachedValues;
-    return (currentValues) => {
-        if (!cachedValues ||
-            [...Object.keys(cachedValues), ...Object.keys(currentValues)].some((key) => cachedValues[key] !== currentValues[key])) {
-            cachedValues = Object.assign({}, currentValues);
+// eslint-disable-next-line complexity
+const coerceToJsonSchemaType = (value, type) => {
+    if (value === undefined || value === null || !type) {
+        return value;
+    }
+    const typeArray = Array.isArray(type) ? type : [type];
+    if (typeArray.length &&
+        typeArray.some((t) => t === constants_1.JsonSchemaType.Number || t === constants_1.JsonSchemaType.Integer) &&
+        !typeArray.filter((t) => t !== constants_1.JsonSchemaType.Number &&
+            t !== constants_1.JsonSchemaType.Integer &&
+            t !== constants_1.JsonSchemaType.Null).length) {
+        if ((0, utils_1.isStringNumber)(value)) {
+            return Number(value);
+        }
+        return value;
+    }
+    if (typeArray.length &&
+        typeArray.some((t) => t === constants_1.JsonSchemaType.Boolean) &&
+        !typeArray.filter((t) => t !== constants_1.JsonSchemaType.Boolean && t !== constants_1.JsonSchemaType.Null).length) {
+        if (value === 'true' || value === 1) {
+            return true;
+        }
+        if (value === 'false' || value === 0) {
             return false;
         }
-        return true;
-    };
+        return value;
+    }
+    if (typeArray.length &&
+        typeArray.some((t) => t === constants_1.JsonSchemaType.String) &&
+        !typeArray.filter((t) => t !== constants_1.JsonSchemaType.String && t !== constants_1.JsonSchemaType.Null).length) {
+        if (!(typeof value === 'string' || (0, isObjectLike_1.default)(value))) {
+            return String(value);
+        }
+        return value;
+    }
+    return value;
 };
-exports.getCompareValues = getCompareValues;
+exports.coerceToJsonSchemaType = coerceToJsonSchemaType;

package/build/cjs/lib/unstable/core/index.d.ts

@@ -5,4 +5,4 @@ export type * from './types';
 export { SCHEMA_RENDERER_SERVICE_FIELD, type SchemaRendererState, type SchemaPatch, type SchemaPatchRemover, type UseSchemaRendererParams, useSchemaRenderer, } from './useSchemaRenderer';
 export { type UseSchemaRendererStateParams, useSchemaRendererState } from './useSchemaRendererState';
 export { useSchemaRendererTools } from './useSchemaRendererTools';
-export { createNodeParametersDefiner, defineNodeEntityConfig, defineNodeLayoutConfig, getServiceFieldName, getSchemaByPointer, } from './utils';
+export { createNodeParametersDefiner, defineNodeEntityConfig, defineNodeLayoutConfig, getServiceFieldName, getSchemaByPointer, isStringFloat, isStringInt, isStringNumber, } from './utils';

package/build/cjs/lib/unstable/core/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSchemaByPointer = exports.getServiceFieldName = exports.defineNodeLayoutConfig = exports.defineNodeEntityConfig = exports.createNodeParametersDefiner = exports.useSchemaRendererTools = exports.useSchemaRendererState = exports.useSchemaRenderer = exports.SCHEMA_RENDERER_SERVICE_FIELD = exports.SchemaRendererMode = exports.SchemaRendererEventType = exports.JsonSchemaType = exports.NodeType = exports.SchemaRenderer = exports.getRenderKit = exports.getAccumulatedSchema = exports.SchemaRendererNode = void 0;
+exports.isStringNumber = exports.isStringInt = exports.isStringFloat = exports.getSchemaByPointer = exports.getServiceFieldName = exports.defineNodeLayoutConfig = exports.defineNodeEntityConfig = exports.createNodeParametersDefiner = exports.useSchemaRendererTools = exports.useSchemaRendererState = exports.useSchemaRenderer = exports.SCHEMA_RENDERER_SERVICE_FIELD = exports.SchemaRendererMode = exports.SchemaRendererEventType = exports.JsonSchemaType = exports.NodeType = exports.SchemaRenderer = exports.getRenderKit = exports.getAccumulatedSchema = exports.SchemaRendererNode = void 0;
 var SchemaRendererNode_1 = require("./SchemaRendererNode");
 Object.defineProperty(exports, "SchemaRendererNode", { enumerable: true, get: function () { return SchemaRendererNode_1.SchemaRendererNode; } });
 Object.defineProperty(exports, "getAccumulatedSchema", { enumerable: true, get: function () { return SchemaRendererNode_1.getAccumulatedSchema; } });
@@ -25,3 +25,6 @@ Object.defineProperty(exports, "defineNodeEntityConfig", { enumerable: true, get
 Object.defineProperty(exports, "defineNodeLayoutConfig", { enumerable: true, get: function () { return utils_1.defineNodeLayoutConfig; } });
 Object.defineProperty(exports, "getServiceFieldName", { enumerable: true, get: function () { return utils_1.getServiceFieldName; } });
 Object.defineProperty(exports, "getSchemaByPointer", { enumerable: true, get: function () { return utils_1.getSchemaByPointer; } });
+Object.defineProperty(exports, "isStringFloat", { enumerable: true, get: function () { return utils_1.isStringFloat; } });
+Object.defineProperty(exports, "isStringInt", { enumerable: true, get: function () { return utils_1.isStringInt; } });
+Object.defineProperty(exports, "isStringNumber", { enumerable: true, get: function () { return utils_1.isStringNumber; } });

package/build/cjs/lib/unstable/core/useSchemaRenderer/types/state.d.ts

@@ -18,6 +18,7 @@ export interface SchemaRendererState<UserContext extends Record<string, unknown>
     runValidate: () => void;
     schema: JsonSchema;
     settings: {
+        coerceInitialValues: boolean;
         jsonDefaultValues: boolean;
     };
     subscribe: (subscriber: SchemaRendererSubscriber) => string;

package/build/cjs/lib/unstable/core/useSchemaRenderer/useSchemaRenderer.d.ts

@@ -3,6 +3,7 @@ import { type SchemaRendererMode } from '../constants';
 import type { ErrorMessages, FieldValue, JsonSchema, NodesConfig } from '../types';
 import type { SchemaRendererState } from './types';
 export interface UseSchemaRendererParams {
+    coerceInitialValues?: boolean;
     config?: NodesConfig;
     connectValidate?: boolean;
     errorMessages?: ErrorMessages;
@@ -13,4 +14,4 @@ export interface UseSchemaRendererParams {
     validateOnBlur: boolean;
     userContext?: SchemaRendererState['userContext'];
 }
-export declare const useSchemaRenderer: ({ config, connectValidate, errorMessages, jsonDefaultValues, mode, name: headName, schema: originalSchema, validateOnBlur, userContext, }: UseSchemaRendererParams) => FieldValidator<FieldValue>;
+export declare const useSchemaRenderer: ({ coerceInitialValues, config, connectValidate, errorMessages, jsonDefaultValues, mode, name: headName, schema: originalSchema, validateOnBlur, userContext, }: UseSchemaRendererParams) => FieldValidator<FieldValue>;

package/build/cjs/lib/unstable/core/useSchemaRenderer/useSchemaRenderer.js

@@ -10,8 +10,9 @@ const constants_1 = require("../constants");
 const utils_1 = require("../utils");
 const constants_2 = require("./constants");
 const utils_2 = require("./utils");
-const useSchemaRenderer = ({ config, connectValidate = true, errorMessages, jsonDefaultValues = false, mode, name: headName, schema: originalSchema, validateOnBlur, userContext, }) => {
+const useSchemaRenderer = ({ coerceInitialValues = true, config, connectValidate = true, errorMessages, jsonDefaultValues = false, mode, name: headName, schema: originalSchema, validateOnBlur, userContext, }) => {
     const form = (0, react_final_form_1.useForm)();
+    const strictCheckerRef = react_1.default.useRef((0, utils_1.getStrictModeChecker)());
     const stateRef = react_1.default.useRef(null);
     const prevParamsRef = react_1.default.useRef(null);
     const unsubscribeRef = react_1.default.useRef(null);
@@ -19,9 +20,7 @@ const useSchemaRenderer = ({ config, connectValidate = true, errorMessages, json
     const dispatchEvent = react_1.default.useMemo(() => (0, utils_2.getDispatch)(form, headName), [form, headName]);
     const runValidate = react_1.default.useMemo(() => (0, utils_2.getRunValidate)(form, headName, validateOnBlur), [form, headName, validateOnBlur]);
     const validate = react_1.default.useMemo(() => (0, utils_2.getValidate)(form, headName), [form, headName]);
-    react_1.default.useMemo(() => {
-        var _a;
-        (_a = unsubscribeRef.current) === null || _a === void 0 ? void 0 : _a.call(unsubscribeRef);
+    const { initialEvents, initialState } = react_1.default.useMemo(() => {
         const prevParams = prevParamsRef.current;
         const prevState = stateRef.current;
         const configUpdated = config !== (prevParams === null || prevParams === void 0 ? void 0 : prevParams.config);
@@ -30,7 +29,8 @@ const useSchemaRenderer = ({ config, connectValidate = true, errorMessages, json
         const modeUpdated = mode !== (prevParams === null || prevParams === void 0 ? void 0 : prevParams.mode);
         const schemaUpdated = originalSchema !== (prevParams === null || prevParams === void 0 ? void 0 : prevParams.schema);
         const userContextUpdated = userContext !== (prevParams === null || prevParams === void 0 ? void 0 : prevParams.userContext);
-        const settingsUpdated = jsonDefaultValues !== (prevParams === null || prevParams === void 0 ? void 0 : prevParams.jsonDefaultValues);
+        const settingsUpdated = coerceInitialValues !== (prevParams === null || prevParams === void 0 ? void 0 : prevParams.coerceInitialValues) ||
+            jsonDefaultValues !== (prevParams === null || prevParams === void 0 ? void 0 : prevParams.jsonDefaultValues);
         const initialState = {
             cache: nameUpdated || schemaUpdated || !(prevState === null || prevState === void 0 ? void 0 : prevState.cache) ? {} : prevState.cache,
             config: config || {},
@@ -47,7 +47,7 @@ const useSchemaRenderer = ({ config, connectValidate = true, errorMessages, json
                 ? {}
                 : prevState.regularErrors,
             runValidate,
-            settings: { jsonDefaultValues },
+            settings: { coerceInitialValues, jsonDefaultValues },
             schema: nameUpdated || schemaUpdated ? (0, cloneDeep_1.default)(originalSchema) : (prevState === null || prevState === void 0 ? void 0 : prevState.schema) || {},
             subscribe,
             subscribers: (prevState === null || prevState === void 0 ? void 0 : prevState.subscribers) || { byId: {}, byName: new Map(), byPath: new Map() },
@@ -55,8 +55,7 @@ const useSchemaRenderer = ({ config, connectValidate = true, errorMessages, json
             userContext: userContextUpdated ? userContext || {} : (prevState === null || prevState === void 0 ? void 0 : prevState.userContext) || {},
             waiters: nameUpdated || schemaUpdated || !(prevState === null || prevState === void 0 ? void 0 : prevState.waiters) ? {} : prevState.waiters,
         };
-        const getValidator = connectValidate ? () => validate : undefined;
-        let initialEvents = [
+        const initialEvents = [
             ...(configUpdated ? [constants_1.SchemaRendererEventType.Config] : []),
             ...(errorMessagesUpdated ? [constants_1.SchemaRendererEventType.ErrorMessages] : []),
             ...(nameUpdated ? [constants_1.SchemaRendererEventType.Name] : []),
@@ -65,15 +64,8 @@ const useSchemaRenderer = ({ config, connectValidate = true, errorMessages, json
             ...(userContextUpdated ? [constants_1.SchemaRendererEventType.UserContext] : []),
             ...(settingsUpdated ? [constants_1.SchemaRendererEventType.Settings] : []),
         ].map((type) => ({ type, all: true }));
-        unsubscribeRef.current = form.registerField((0, utils_1.getServiceFieldName)(constants_2.SCHEMA_RENDERER_SERVICE_FIELD, headName), (f) => {
-            var _a;
-            const state = (_a = f.data) === null || _a === void 0 ? void 0 : _a.state;
-            if (state && initialEvents.length) {
-                state.dispatchEvent(initialEvents);
-                initialEvents = [];
-            }
-        }, { data: true }, { data: { state: initialState }, getValidator, silent: true, validateFields: [headName] });
         prevParamsRef.current = {
+            coerceInitialValues,
             config,
             errorMessages,
             jsonDefaultValues,
@@ -84,12 +76,12 @@ const useSchemaRenderer = ({ config, connectValidate = true, errorMessages, json
             validateOnBlur,
         };
         stateRef.current = initialState;
+        return { initialEvents, initialState };
     }, [
+        coerceInitialValues,
         config,
-        connectValidate,
         dispatchEvent,
         errorMessages,
-        form,
         jsonDefaultValues,
         headName,
         mode,
@@ -97,13 +89,42 @@ const useSchemaRenderer = ({ config, connectValidate = true, errorMessages, json
         runValidate,
         subscribe,
         unsubscribe,
-        validate,
         validateOnBlur,
         userContext,
     ]);
+    react_1.default.useMemo(() => {
+        var _a;
+        if (!strictCheckerRef.current.checkDiff({
+            connectValidate,
+            form,
+            headName,
+            validate,
+        })) {
+            return;
+        }
+        const getValidator = connectValidate ? () => validate : undefined;
+        (_a = unsubscribeRef.current) === null || _a === void 0 ? void 0 : _a.call(unsubscribeRef);
+        unsubscribeRef.current = form.registerField((0, utils_1.getServiceFieldName)(constants_2.SCHEMA_RENDERER_SERVICE_FIELD, headName), () => { }, { data: true }, {
+            data: { state: stateRef.current },
+            getValidator,
+            silent: true,
+            validateFields: [headName],
+        });
+    }, [connectValidate, form, headName, validate]);
+    react_1.default.useEffect(() => {
+        const srField = form.getFieldState((0, utils_1.getServiceFieldName)(constants_2.SCHEMA_RENDERER_SERVICE_FIELD, headName));
+        if (srField === null || srField === void 0 ? void 0 : srField.data) {
+            srField.data.state = initialState;
+            initialState.dispatchEvent(initialEvents);
+        }
+    }, [initialEvents, initialState]);
     react_1.default.useEffect(() => {
+        const strictChecker = strictCheckerRef.current;
         return () => {
             var _a;
+            if (strictChecker.isStrict()) {
+                return;
+            }
             (_a = unsubscribeRef.current) === null || _a === void 0 ? void 0 : _a.call(unsubscribeRef);
         };
     }, []);

package/build/cjs/lib/unstable/core/useSchemaRenderer/utils/get-validate.js

@@ -70,9 +70,14 @@ const getValidate = (form, headName) => {
         Object.keys(Object.assign(Object.assign({}, srState.errors), allErrors)).forEach((key) => {
             if (srState.errors[key] !== allErrors[key]) {
                 newErrors[key] = allErrors[key];
+                if (allErrors[key] === undefined) {
+                    delete srState.errors[key];
+                }
+                else {
+                    srState.errors[key] = allErrors[key];
+                }
             }
         });
-        srState.errors = allErrors;
         srState.waiters = Object.assign(Object.assign({}, srState.waiters), waiters);
         if (Object.values(newErrors).length) {
             srState.dispatchEvent([

package/build/cjs/lib/unstable/core/useSchemaRendererState/useSchemaRendererState.js

@@ -9,11 +9,21 @@ const useSchemaRenderer_1 = require("../useSchemaRenderer");
 const utils_1 = require("../utils");
 const useSchemaRendererState = ({ headName, name, schemaPath, subscriptions = Object.values(constants_1.SchemaRendererEventType), }) => {
     const form = (0, react_final_form_1.useForm)();
+    const strictCheckerRef = react_1.default.useRef((0, utils_1.getStrictModeChecker)());
     const uuidRef = react_1.default.useRef(null);
     const [tick, setTick] = react_1.default.useState(0);
     const srName = react_1.default.useMemo(() => (0, utils_1.getServiceFieldName)(useSchemaRenderer_1.SCHEMA_RENDERER_SERVICE_FIELD, headName), [headName]);
     react_1.default.useMemo(() => {
         var _a;
+        if (!strictCheckerRef.current.checkDiff({
+            form,
+            headName,
+            name,
+            schemaPath,
+            subscriptions: subscriptions.join(','),
+        })) {
+            return;
+        }
         const srField = form.getFieldState(srName);
         const srState = (_a = srField === null || srField === void 0 ? void 0 : srField.data) === null || _a === void 0 ? void 0 : _a.state;
         if (srState) {
@@ -48,8 +58,12 @@ const useSchemaRendererState = ({ headName, name, schemaPath, subscriptions = Ob
         return undefined;
     }, [form, srName, tick]);
     react_1.default.useEffect(() => {
+        const strictChecker = strictCheckerRef.current;
         return () => {
             var _a;
+            if (strictChecker.isStrict()) {
+                return;
+            }
             const srField = form.getFieldState(srName);
             const srState = (_a = srField === null || srField === void 0 ? void 0 : srField.data) === null || _a === void 0 ? void 0 : _a.state;
             if (srState && uuidRef.current) {

package/build/cjs/lib/unstable/core/utils/common.d.ts

@@ -58,3 +58,6 @@ export declare const arrayPathToDotBracket: (arrayPath: string[]) => string;
 export declare const getSchemaByPointer: (schema: JsonSchema, pointer: string | string[]) => JsonSchema | undefined;
 export declare const getValuePaths: (value: unknown, path?: string[]) => string[][];
 export declare const getServiceFieldName: (serviceFieldName: string, headName: string) => string;
+export declare const isStringInt: (v: unknown) => v is string;
+export declare const isStringFloat: (v: unknown) => v is string;
+export declare const isStringNumber: (v: unknown) => v is string;

package/build/cjs/lib/unstable/core/utils/common.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getServiceFieldName = exports.getValuePaths = exports.getSchemaByPointer = exports.arrayPathToDotBracket = exports.dotBracketToArrayPath = exports.pointerToArrayPath = void 0;
+exports.isStringNumber = exports.isStringFloat = exports.isStringInt = exports.getServiceFieldName = exports.getValuePaths = exports.getSchemaByPointer = exports.arrayPathToDotBracket = exports.dotBracketToArrayPath = exports.pointerToArrayPath = void 0;
 const tslib_1 = require("tslib");
 const get_1 = tslib_1.__importDefault(require("lodash/get"));
 /**
@@ -116,3 +116,9 @@ const getValuePaths = (value, path = []) => {
 exports.getValuePaths = getValuePaths;
 const getServiceFieldName = (serviceFieldName, headName) => headName ? `${serviceFieldName}.${headName}` : serviceFieldName;
 exports.getServiceFieldName = getServiceFieldName;
+const isStringInt = (v) => /^-?(0|[1-9][0-9]*)$/.test(`${v}`);
+exports.isStringInt = isStringInt;
+const isStringFloat = (v) => /^-?(0|[1-9][0-9]*)(\.[0-9]+)?$/.test(`${v}`);
+exports.isStringFloat = isStringFloat;
+const isStringNumber = (v) => (0, exports.isStringInt)(v) || (0, exports.isStringFloat)(v);
+exports.isStringNumber = isStringNumber;

package/build/cjs/lib/unstable/core/utils/index.d.ts

@@ -1,2 +1,3 @@
 export * from './common';
 export * from './definers';
+export * from './strict-mode';

package/build/cjs/lib/unstable/core/utils/index.js

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./common"), exports);
 tslib_1.__exportStar(require("./definers"), exports);
+tslib_1.__exportStar(require("./strict-mode"), exports);

package/build/cjs/lib/unstable/core/utils/strict-mode.d.ts

@@ -0,0 +1,6 @@
+export declare const getStrictModeChecker: () => {
+    cachedValues: Record<string, unknown> | undefined;
+    hasDiff: boolean | undefined;
+    checkDiff: (currentValues: Record<string, unknown>) => boolean;
+    isStrict: () => boolean | undefined;
+};

package/build/cjs/lib/unstable/core/utils/strict-mode.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStrictModeChecker = void 0;
+const getStrictModeChecker = () => {
+    const checker = {
+        cachedValues: undefined,
+        hasDiff: undefined,
+        checkDiff: (currentValues) => {
+            const cachedValues = checker.cachedValues;
+            if (!cachedValues ||
+                [...Object.keys(cachedValues), ...Object.keys(currentValues)].some((key) => cachedValues[key] !== currentValues[key])) {
+                checker.cachedValues = Object.assign({}, currentValues);
+                checker.hasDiff = true;
+                return true;
+            }
+            checker.hasDiff = false;
+            return false;
+        },
+        isStrict: () => {
+            if (checker.hasDiff === undefined) {
+                return undefined;
+            }
+            const hasDiff = checker.hasDiff;
+            checker.hasDiff = undefined;
+            return !hasDiff;
+        },
+    };
+    return checker;
+};
+exports.getStrictModeChecker = getStrictModeChecker;

package/build/cjs/lib/unstable/kit/components/EntityError/EntityError.js

@@ -8,7 +8,7 @@ const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('entity-error');
 const EntityError = ({ errorMessage, validationState }) => {
     if (validationState === 'invalid' && errorMessage) {
-        return (react_1.default.createElement(uikit_1.Text, { className: b(), color: "danger" }, errorMessage));
+        return (react_1.default.createElement(uikit_1.Text, { className: b(), color: "danger", wordBreak: "break-word", "data-sr-error": "true" }, errorMessage));
     }
     return null;
 };

package/build/cjs/lib/unstable/kit/entities/Alert/Alert.js

@@ -29,17 +29,17 @@ const Alert = ({ headName, props, schema }) => {
     const msg = react_1.default.useMemo(() => {
         if (message) {
             if (typeof message === 'string') {
-                return (react_1.default.createElement("div", { className: b('message', { expanded }) },
+                return (react_1.default.createElement("div", { className: b('message', { expanded: expanded || !title }) },
                     react_1.default.createElement(components_1.HTMLContent, { content: message, headName: headName })));
             }
             return message;
         }
         if (schema.description) {
-            return (react_1.default.createElement("div", { className: b('message', { expanded }) },
+            return (react_1.default.createElement("div", { className: b('message', { expanded: expanded || !title }) },
                 react_1.default.createElement(components_1.HTMLContent, { content: schema.description, headName: headName })));
         }
         return undefined;
-    }, [expanded, headName, message, schema.description]);
+    }, [expanded, headName, message, schema.description, title]);
     return (react_1.default.createElement(components_1.EntityContainer, { className: b({ expanded }), stretch: "fit", fill: "populated" },
         react_1.default.createElement(uikit_1.Alert, Object.assign({ icon: icon, message: msg, title: title }, entityRestProps))));
 };

package/build/cjs/lib/unstable/kit/entities/FewOfNested/FewOfNested.js

@@ -31,7 +31,12 @@ const FewOfNested = ({ Layout, headName, input, layoutProps, meta, mode, props,
         const { Entity, Layout, entityProps, independent, layoutProps } = renderKit[mode];
         const togglerInput = Object.assign(Object.assign({}, input), { name: togglerArrayRemoveButton ? name : `${name}._____toggler`, value: togglerValues, onChange: (value) => {
                 if (Array.isArray(value)) {
-                    setTogglerValues(value.filter(isString_1.default));
+                    const nextTogglerValues = value.filter(isString_1.default);
+                    setTogglerValues(nextTogglerValues);
+                    input.onChange(nextTogglerValues.reduce((acc, togglerValue) => {
+                        var _a;
+                        return (Object.assign(Object.assign({}, acc), { [togglerValue]: (_a = input.value) === null || _a === void 0 ? void 0 : _a[togglerValue] }));
+                    }, {}));
                 }
             } });
         const togglerMeta = Object.assign(Object.assign({}, meta), { error: undefined });

package/build/cjs/lib/unstable/kit/entities/OneOfNested/OneOfNested.js

@@ -15,7 +15,15 @@ const OneOfNested = ({ Layout, headName, input, layoutProps, meta, mode, props,
         headName,
         subscriptions: [core_1.SchemaRendererEventType.Config],
     });
-    const [togglerValue, setTogglerValue] = react_1.default.useState(Object.keys(value || (overviewFlag ? undefined : schema.properties) || {})[0]);
+    const [togglerValue, setTogglerValue] = react_1.default.useState(() => {
+        if (value && Object.keys(value).length) {
+            return Object.keys(value)[0];
+        }
+        if (!overviewFlag && schema.properties) {
+            return Object.keys(schema.properties)[0];
+        }
+        return undefined;
+    });
     const toggler = react_1.default.useMemo(() => {
         var _a;
         let result = null;
@@ -27,7 +35,9 @@ const OneOfNested = ({ Layout, headName, input, layoutProps, meta, mode, props,
                 ? booleanToKey.true === togglerValue
                 : togglerValue, onChange: (value) => {
                 const nextValue = `${value}`;
-                setTogglerValue((booleanToKey === null || booleanToKey === void 0 ? void 0 : booleanToKey[nextValue]) || nextValue);
+                const nextTogglerValue = (booleanToKey === null || booleanToKey === void 0 ? void 0 : booleanToKey[nextValue]) || nextValue;
+                setTogglerValue(nextTogglerValue);
+                input.onChange({ [nextTogglerValue]: undefined });
             } });
         const togglerMeta = Object.assign(Object.assign({}, meta), { error: undefined });
         if (Entity) {

package/build/cjs/lib/unstable/kit/form-entities/StringNumberWithScaleInput/StringNumberWithScaleInput.d.ts

@@ -1,5 +1,5 @@
 import { type TextInputProps } from '@gravity-ui/uikit';
-import type { JsonSchemaString, NodeEntity } from '../../../core';
+import { type JsonSchemaString, type NodeEntity } from '../../../core';
 export interface StringNumberWithScaleInputProps extends Omit<TextInputProps, 'defaultValue' | 'value' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'errorMessage' | 'validationState' | 'qa'> {
     defaultType?: string;
     viewType?: string;