@gravity-ui/dynamic-forms 5.24.0 → 5.26.0

package/build/cjs/lib/kit/i18n/en.json

@@ -35,6 +35,40 @@
     "Value can't be longer than {{count}} items",
     "Value can't be longer than {{count}} items"
   ],
+  "label-sr_error-additional-items": "Maximum allowed number of items is {{count}}",
+  "label-sr_error-additional-properties": "Maximum allowed number of properties is {{count}}",
+  "label-sr_error-any-of": "Incorrect value in field",
+  "label-sr_error-const": "Value must be {{expected}}",
+  "label-sr_error-contains": "At least one item must be added",
+  "label-sr_error-contains-min": "At least one item matching the condition must be added",
+  "label-sr_error-dependencies": "Field \"{{property}}\" is required",
+  "label-sr_error-enum": "Value {{value}} cannot be used",
+  "label-sr_error-exclusive-maximum": "Value must be less than {{count}}",
+  "label-sr_error-exclusive-minimum": "Value must be greater than {{count}}",
+  "label-sr_error-max-items": "Maximum allowed number of items is {{count}}",
+  "label-sr_error-max-length": "Maximum allowed number of characters is {{count}}",
+  "label-sr_error-max-properties": "Maximum allowed number of properties is {{count}}",
+  "label-sr_error-maximum": "Value must be less than or equal to {{count}}",
+  "label-sr_error-min-items": "Minimum allowed number of items is {{count}}",
+  "label-sr_error-min-length": "Minimum allowed number of characters is {{count}}",
+  "label-sr_error-min-properties": "Minimum allowed number of properties is {{count}}",
+  "label-sr_error-minimum": "Value must be greater than or equal to {{count}}",
+  "label-sr_error-multiple-of": "Value must be a multiple of {{count}}",
+  "label-sr_error-not": "Value cannot be used",
+  "label-sr_error-one-of": "Incorrect value in field",
+  "label-sr_error-pattern": "Value must match the pattern - {{pattern}}",
+  "label-sr_error-property-names": "Invalid property name \"{{property}}\"",
+  "label-sr_error-required": "Empty field",
+  "label-sr_error-type": "Value must be {{expected}}",
+  "label-sr_error-type-or": " or {{type}}",
+  "label-sr_error-unique-items": "Values must be unique",
+  "label-sr_type-array": "an array",
+  "label-sr_type-boolean": "a boolean",
+  "label-sr_type-integer": "an integer",
+  "label-sr_type-null": "null",
+  "label-sr_type-number": "a number",
+  "label-sr_type-object": "an object",
+  "label-sr_type-string": "a string",
   "label_error-min-number": "Value must be an integer no less than {{count}}",
   "label_error-max-number": "Value must not be greater than {{count}}",
   "label_error-min-number-with-scale": "Value must be no less than {{count}} {{scale}}",

package/build/cjs/lib/kit/i18n/ru.json

@@ -35,6 +35,40 @@
     "Значение не может быть длиннее {{count}} элементов",
     "Значение не может быть длиннее {{count}} элементов"
   ],
+  "label-sr_error-additional-items": "Максимальное допустимое количество элементов: {{count}}",
+  "label-sr_error-additional-properties": "Максимальное допустимое количество свойств: {{count}}",
+  "label-sr_error-any-of": "Поле заполнено неправильно",
+  "label-sr_error-const": "Значение должно быть равно {{expected}}",
+  "label-sr_error-contains": "Необходимо добавить хотя бы один элемент",
+  "label-sr_error-contains-min": "Необходимо добавить хотя бы один элемент, удовлетворяющий условию",
+  "label-sr_error-dependencies": "Необходимо заполнить поле \"{{property}}\"",
+  "label-sr_error-enum": "Значение {{value}} не допустимо к использованию",
+  "label-sr_error-exclusive-maximum": "Значение должно быть меньше {{count}}",
+  "label-sr_error-exclusive-minimum": "Значение должно быть больше {{count}}",
+  "label-sr_error-max-items": "Максимальное допустимое количество элементов: {{count}}",
+  "label-sr_error-max-length": "Максимальное допустимое количество символов: {{count}}",
+  "label-sr_error-max-properties": "Максимальное допустимое количество свойств: {{count}}",
+  "label-sr_error-maximum": "Значение должно быть меньше или равно {{count}}",
+  "label-sr_error-min-items": "Минимальное допустимое количество элементов: {{count}}",
+  "label-sr_error-min-length": "Минимальное допустимое количество символов: {{count}}",
+  "label-sr_error-min-properties": "Минимальное допустимое количество свойств: {{count}}",
+  "label-sr_error-minimum": "Значение должно быть больше или равно {{count}}",
+  "label-sr_error-multiple-of": "Значение должно быть кратно {{count}}",
+  "label-sr_error-not": "Значение не допустимо к использованию",
+  "label-sr_error-one-of": "Поле заполнено неправильно",
+  "label-sr_error-pattern": "Значение должно удовлетворять шаблону - {{pattern}}",
+  "label-sr_error-property-names": "Недопустимое имя свойства \"{{property}}\"",
+  "label-sr_error-required": "Поле не заполнено",
+  "label-sr_error-type": "Значение должно быть {{expected}}",
+  "label-sr_error-type-or": " или {{type}}",
+  "label-sr_error-unique-items": "Значения должны быть уникальными",
+  "label-sr_type-array": "массивом",
+  "label-sr_type-boolean": "булевым значением",
+  "label-sr_type-integer": "целым числом",
+  "label-sr_type-null": "null",
+  "label-sr_type-number": "числом",
+  "label-sr_type-object": "объектом",
+  "label-sr_type-string": "строкой",
   "label_error-min-number": "Значение должно быть числом не меньше {{count}}",
   "label_error-max-number": "Значение должно быть числом не больше {{count}}",
   "label_error-min-number-with-scale": "Значение должно быть не меньше {{count}} {{scale}}",

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

@@ -13,8 +13,7 @@ const utils_2 = require("./utils");
 const SchemaRendererNodeComponent = ({ headName, modeOverride, name, schemaOverride, schemaPath, }) => {
     var _a;
     const form = (0, react_final_form_1.useForm)();
-    const firstRenderRef = react_1.default.useRef(true);
-    const pendingTicksRef = react_1.default.useRef({ input: 0, meta: 0 });
+    const compareValuesRef = react_1.default.useRef((0, utils_2.getCompareValues)());
     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 });
@@ -39,6 +38,17 @@ const SchemaRendererNodeComponent = ({ headName, modeOverride, name, schemaOverr
     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({
+            form,
+            jsonDefaultValues,
+            headName,
+            name,
+            default: schema === null || schema === void 0 ? void 0 : schema.default,
+            type: schema === null || schema === void 0 ? void 0 : schema.type,
+            schemaPath,
+        })) {
+            return;
+        }
         (_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;
@@ -48,7 +58,7 @@ const SchemaRendererNodeComponent = ({ headName, modeOverride, name, schemaOverr
             }
             catch (_b) { }
         }
-        unsubscribeRef.current = form.registerField(name, (f) => {
+        const unsubscribe = form.registerField(name, (f) => {
             const prevF = fieldRef.current;
             if (prevF) {
                 let inputTick = 0;
@@ -62,23 +72,24 @@ const SchemaRendererNodeComponent = ({ headName, modeOverride, name, schemaOverr
                     metaTick = 1;
                 }
                 if (inputTick + metaTick) {
-                    if (firstRenderRef.current) {
-                        pendingTicksRef.current = { input: inputTick, meta: metaTick };
-                    }
-                    else {
-                        setTicks((t) => ({
-                            input: t.input + inputTick,
-                            meta: t.meta + metaTick,
-                        }));
-                    }
+                    setTicks((t) => ({
+                        input: t.input + inputTick,
+                        meta: t.meta + metaTick,
+                    }));
                 }
             }
             fieldRef.current = f;
         }, { submitFailed: true, touched: true, validating: true, value: true }, {
             data: { state: initialState },
             defaultValue,
+            silent: true,
             validateFields: [(0, utils_1.getServiceFieldName)(useSchemaRenderer_1.SCHEMA_RENDERER_SERVICE_FIELD, headName)],
         });
+        (0, utils_2.scheduleFlush)(form);
+        unsubscribeRef.current = () => {
+            unsubscribe();
+            (0, utils_2.scheduleFlush)(form);
+        };
     }, [form, jsonDefaultValues, 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;
@@ -103,13 +114,6 @@ const SchemaRendererNodeComponent = ({ headName, modeOverride, name, schemaOverr
         };
     }, [error, form, name, ticks.meta]);
     react_1.default.useEffect(() => {
-        firstRenderRef.current = false;
-        if (pendingTicksRef.current.input || pendingTicksRef.current.meta) {
-            setTicks((t) => ({
-                input: t.input + pendingTicksRef.current.input,
-                meta: t.meta + pendingTicksRef.current.meta,
-            }));
-        }
         return () => {
             var _a;
             (_a = unsubscribeRef.current) === null || _a === void 0 ? void 0 : _a.call(unsubscribeRef);

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

@@ -1,3 +1,4 @@
+import type { FormApi } from 'final-form';
 import { SchemaRendererMode } from '../constants';
 import type { JsonSchema, NodeEntity, NodeLayout, NodesConfig } from '../types';
 type GetRenderKitParams<Schema extends JsonSchema> = {
@@ -22,4 +23,6 @@ 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 {};

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAccumulatedSchema = exports.getRenderKit = void 0;
+exports.getCompareValues = exports.scheduleFlush = exports.getAccumulatedSchema = exports.getRenderKit = void 0;
 const tslib_1 = require("tslib");
 const get_1 = tslib_1.__importDefault(require("lodash/get"));
 const isString_1 = tslib_1.__importDefault(require("lodash/isString"));
@@ -160,3 +160,27 @@ const getAccumulatedSchema = (schemaPath, rootSchema, override, collectedPaths =
     return accumulatedSchema;
 };
 exports.getAccumulatedSchema = getAccumulatedSchema;
+const flushes = new WeakMap();
+const scheduleFlush = (form) => {
+    if (flushes.get(form)) {
+        return;
+    }
+    flushes.set(form, true);
+    queueMicrotask(() => {
+        flushes.delete(form);
+        form.batch(() => { });
+    });
+};
+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);
+            return false;
+        }
+        return true;
+    };
+};
+exports.getCompareValues = getCompareValues;

package/build/cjs/lib/unstable/core/types/validation.d.ts

@@ -12,7 +12,7 @@ export interface ErrorMessages {
     additionalProperties?: ((e: JSLErrors.AdditionalProperties) => string) | string;
     anyOf?: ((e: JSLErrors.AnyOf) => string) | string;
     const?: ((e: JSLErrors.Const) => string) | string;
-    contains?: ((e: JSLErrors.ContainsAny) => string) | string;
+    contains?: ((e: JSLErrors.ContainsAny | JSLErrors.ContainsMin) => string) | string;
     dependencies?: ((e: JSLErrors.Dependencies) => string) | string;
     enum?: ((e: JSLErrors.Enum) => string) | string;
     exclusiveMaximum?: ((e: JSLErrors.ExclusiveMaximum) => string) | string;

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

@@ -19,7 +19,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(() => {
+    const unsubscribeField = react_1.default.useMemo(() => {
         var _a;
         (_a = unsubscribeRef.current) === null || _a === void 0 ? void 0 : _a.call(unsubscribeRef);
         const prevParams = prevParamsRef.current;
@@ -72,7 +72,7 @@ const useSchemaRenderer = ({ config, connectValidate = true, errorMessages, json
                 state.dispatchEvent(initialEvents);
                 initialEvents = [];
             }
-        }, { data: true }, { data: { state: initialState }, getValidator, validateFields: [headName] });
+        }, { data: true }, { data: { state: initialState }, getValidator, silent: true, validateFields: [headName] });
         prevParamsRef.current = {
             config,
             errorMessages,
@@ -84,6 +84,7 @@ const useSchemaRenderer = ({ config, connectValidate = true, errorMessages, json
             validateOnBlur,
         };
         stateRef.current = initialState;
+        return unsubscribeRef.current;
     }, [
         config,
         connectValidate,
@@ -101,6 +102,9 @@ const useSchemaRenderer = ({ config, connectValidate = true, errorMessages, json
         validateOnBlur,
         userContext,
     ]);
+    react_1.default.useEffect(() => {
+        runValidate();
+    }, [unsubscribeField]);
     react_1.default.useEffect(() => {
         return () => {
             var _a;

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

@@ -70,9 +70,9 @@ 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];
+                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/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", "data-sr-error": "true" }, errorMessage));
     }
     return null;
 };

package/build/cjs/lib/unstable/kit/constants/index.d.ts

@@ -1,2 +1,3 @@
 export { DASH, DEFAULT_DATE_FORMAT } from './common';
 export { config, untypedConfig } from './config';
+export { errorMessages } from './messages';

package/build/cjs/lib/unstable/kit/constants/index.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.untypedConfig = exports.config = exports.DEFAULT_DATE_FORMAT = exports.DASH = void 0;
+exports.errorMessages = exports.untypedConfig = exports.config = exports.DEFAULT_DATE_FORMAT = exports.DASH = void 0;
 var common_1 = require("./common");
 Object.defineProperty(exports, "DASH", { enumerable: true, get: function () { return common_1.DASH; } });
 Object.defineProperty(exports, "DEFAULT_DATE_FORMAT", { enumerable: true, get: function () { return common_1.DEFAULT_DATE_FORMAT; } });
 var config_1 = require("./config");
 Object.defineProperty(exports, "config", { enumerable: true, get: function () { return config_1.config; } });
 Object.defineProperty(exports, "untypedConfig", { enumerable: true, get: function () { return config_1.untypedConfig; } });
+var messages_1 = require("./messages");
+Object.defineProperty(exports, "errorMessages", { enumerable: true, get: function () { return messages_1.errorMessages; } });

package/build/cjs/lib/unstable/kit/constants/messages.d.ts

@@ -0,0 +1,2 @@
+import type { ErrorMessages } from '../../core';
+export declare let errorMessages: Required<ErrorMessages>;

package/build/cjs/lib/unstable/kit/constants/messages.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.errorMessages = void 0;
+const tslib_1 = require("tslib");
+const get_1 = tslib_1.__importDefault(require("lodash/get"));
+const i18n_1 = tslib_1.__importDefault(require("../../../kit/i18n"));
+const configure_1 = require("../../../kit/i18n/configure");
+const TYPE_I18N_KEYS = {
+    array: 'label-sr_type-array',
+    boolean: 'label-sr_type-boolean',
+    integer: 'label-sr_type-integer',
+    null: 'label-sr_type-null',
+    number: 'label-sr_type-number',
+    object: 'label-sr_type-object',
+    string: 'label-sr_type-string',
+};
+const getErrorMessages = () => ({
+    additionalItems: (e) => {
+        const schema = e.data.schema;
+        if (Array.isArray(schema.items)) {
+            return (0, i18n_1.default)('label-sr_error-additional-items', { count: schema.items.length });
+        }
+        return e.message;
+    },
+    additionalProperties: (e) => {
+        const schema = e.data.schema;
+        if (schema.properties) {
+            return (0, i18n_1.default)('label-sr_error-additional-properties', {
+                count: Object.keys(schema.properties).length,
+            });
+        }
+        return e.message;
+    },
+    anyOf: (0, i18n_1.default)('label-sr_error-any-of'),
+    const: (e) => (0, i18n_1.default)('label-sr_error-const', { expected: JSON.stringify(e.data.expected) }),
+    contains: (e) => e.code === 'contains-min-error'
+        ? (0, i18n_1.default)('label-sr_error-contains-min')
+        : (0, i18n_1.default)('label-sr_error-contains'),
+    dependencies: (e) => {
+        let property = e.data.missingProperty;
+        const title = (0, get_1.default)(e, `data.schema.properties.${property}.title`);
+        if (typeof title === 'string') {
+            property = title;
+        }
+        return (0, i18n_1.default)('label-sr_error-dependencies', { property });
+    },
+    enum: (e) => (0, i18n_1.default)('label-sr_error-enum', { value: JSON.stringify(e.data.value) }),
+    exclusiveMaximum: (e) => (0, i18n_1.default)('label-sr_error-exclusive-maximum', { count: e.data.maximum }),
+    exclusiveMinimum: (e) => (0, i18n_1.default)('label-sr_error-exclusive-minimum', { count: e.data.minimum }),
+    maxItems: (e) => (0, i18n_1.default)('label-sr_error-max-items', { count: e.data.maximum }),
+    maxLength: (e) => (0, i18n_1.default)('label-sr_error-max-length', { count: e.data.maxLength }),
+    maxProperties: (e) => (0, i18n_1.default)('label-sr_error-max-properties', { count: e.data.maxProperties }),
+    maximum: (e) => (0, i18n_1.default)('label-sr_error-maximum', { count: e.data.maximum }),
+    minItems: (e) => (0, i18n_1.default)('label-sr_error-min-items', { count: e.data.minItems }),
+    minLength: (e) => (0, i18n_1.default)('label-sr_error-min-length', { count: e.data.minLength }),
+    minProperties: (e) => (0, i18n_1.default)('label-sr_error-min-properties', { count: e.data.minProperties }),
+    minimum: (e) => (0, i18n_1.default)('label-sr_error-minimum', { count: e.data.minimum }),
+    multipleOf: (e) => (0, i18n_1.default)('label-sr_error-multiple-of', { count: e.data.multipleOf }),
+    not: (0, i18n_1.default)('label-sr_error-not'),
+    oneOf: (0, i18n_1.default)('label-sr_error-one-of'),
+    pattern: (e) => (0, i18n_1.default)('label-sr_error-pattern', { pattern: e.data.pattern }),
+    propertyNames: (e) => (0, i18n_1.default)('label-sr_error-property-names', { property: e.data.property }),
+    required: (0, i18n_1.default)('label-sr_error-required'),
+    type: (e) => {
+        const types = e.data.expected.split(',');
+        let expected = '';
+        types.forEach((t, i, arr) => {
+            let type = t.trim();
+            if (TYPE_I18N_KEYS[type]) {
+                type = (0, i18n_1.default)(TYPE_I18N_KEYS[type]);
+            }
+            if (i === 0) {
+                expected += type;
+            }
+            else if (i === arr.length - 1) {
+                expected += (0, i18n_1.default)('label-sr_error-type-or', { type });
+            }
+            else {
+                expected += `, ${type}`;
+            }
+        });
+        return (0, i18n_1.default)('label-sr_error-type', { expected });
+    },
+    uniqueItems: (0, i18n_1.default)('label-sr_error-unique-items'),
+});
+exports.errorMessages = getErrorMessages();
+(0, configure_1.subscribeConfigure)(() => {
+    exports.errorMessages = getErrorMessages();
+});

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

@@ -60,7 +60,7 @@ const ArrayTable = ({ headName, input, mode, props, schema, schemaPath, }) => {
     }, [props.order, schema.items]);
     const { head, rows } = react_1.default.useMemo(() => {
         let tupleItems = false;
-        let rowsCount = value === null || value === void 0 ? void 0 : value.length;
+        let rowsCount = (value === null || value === void 0 ? void 0 : value.length) || 0;
         let withRemoveButton = true;
         const getItemName = (index, property) => `${name}[${index}]${property === undefined ? '' : `.${property}`}`;
         const getItemSchemaPath = (index, property) => `${schemaPath}/items${tupleItems ? `/${index}` : ''}${property === undefined ? '' : `/properties/${property}`}`;
@@ -97,7 +97,7 @@ const ArrayTable = ({ headName, input, mode, props, schema, schemaPath, }) => {
     }
     return (react_1.default.createElement(components_1.EntityContainer, { stretch: "by-child", gap: 2, fill: "by-child" },
         react_1.default.createElement("div", null,
-            head,
+            rows.length ? head : null,
             rows),
         addButton));
 };

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

@@ -27,7 +27,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/SegmentedRadioGroupInput/SegmentedRadioGroupInput.css

@@ -3,4 +3,8 @@
 }
 .sr-segmented-radio-group-input_error .g-segmented-radio-group .g-segmented-radio-group__option_checked::after {
   border: 1px solid var(--g-color-text-danger);
+}
+.sr-segmented-radio-group-input_overflowed {
+  height: 0;
+  opacity: 0;
 }

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

@@ -1,6 +1,6 @@
 import { type SegmentedRadioGroupProps } from '@gravity-ui/uikit';
 import type { JsonSchemaString, NodeEntity } from '../../../core';
-export interface SegmentedRadioGroupInputProps extends Omit<SegmentedRadioGroupProps, 'value' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'qa'> {
+export interface SegmentedRadioGroupInputProps extends Omit<SegmentedRadioGroupProps, 'children' | 'defaultValue' | 'value' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'qa'> {
     enumDescriptions?: Record<string, string>;
     optionsDisabled?: Record<string, boolean>;
 }

package/build/cjs/lib/unstable/kit/form-entities/SegmentedRadioGroupInput/SegmentedRadioGroupInput.js

@@ -6,12 +6,16 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components");
 const utils_1 = require("../../utils");
+const SelectInput_1 = require("../SelectInput");
 const b = (0, utils_1.block)('segmented-radio-group-input');
-const SegmentedRadioGroupInput = ({ input, meta, props, schema }) => {
-    var _a;
+const SegmentedRadioGroupInput = (_a) => {
+    var _b;
+    var { input, meta, props, schema } = _a, restProps = tslib_1.__rest(_a, ["input", "meta", "props", "schema"]);
     const { name, onBlur, onChange, onFocus, value } = input;
     const { enumDescriptions, optionsDisabled } = props, restEntityProps = tslib_1.__rest(props, ["enumDescriptions", "optionsDisabled"]);
-    const { disabled } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
+    const { disabled } = ((_b = schema.nodeParameters) === null || _b === void 0 ? void 0 : _b.flags) || {};
+    const ref = react_1.default.useRef(null);
+    const [overflowed, setOverflowed] = react_1.default.useState(false);
     const options = react_1.default.useMemo(() => {
         var _a;
         return (_a = schema.enum) === null || _a === void 0 ? void 0 : _a.map((value) => ({
@@ -25,7 +29,28 @@ const SegmentedRadioGroupInput = ({ input, meta, props, schema }) => {
         onChange(value);
         onBlur();
     }, [onBlur, onChange, onFocus]);
-    return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max", className: b({ error: (0, utils_1.getBooleanValidationState)(meta) }) },
-        react_1.default.createElement(uikit_1.SegmentedRadioGroup, Object.assign({ width: "max", disabled: disabled || schema.readOnly, options: options }, restEntityProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, qa: name }))));
+    react_1.default.useLayoutEffect(() => {
+        const root = ref.current;
+        if (!root) {
+            return;
+        }
+        const measure = () => {
+            const texts = root.querySelectorAll('.g-segmented-radio-group__option-text');
+            setOverflowed(Array.from(texts).some((node) => {
+                if (node.offsetWidth === 0 && node.scrollWidth === 0) {
+                    return false;
+                }
+                return node.scrollWidth > node.clientWidth;
+            }));
+        };
+        measure();
+        const observer = new ResizeObserver(measure);
+        observer.observe(root);
+        return () => observer.disconnect();
+    }, [options]);
+    return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max" },
+        overflowed ? (react_1.default.createElement(SelectInput_1.SelectInput, Object.assign({ input: input, meta: meta, props: props, schema: schema }, restProps))) : null,
+        react_1.default.createElement(components_1.EntityContainer, { stretch: "max", className: b({ error: (0, utils_1.getBooleanValidationState)(meta), overflowed }) },
+            react_1.default.createElement(uikit_1.SegmentedRadioGroup, Object.assign({ ref: ref, width: "max", disabled: disabled || schema.readOnly, options: options }, restEntityProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, qa: name })))));
 };
 exports.SegmentedRadioGroupInput = SegmentedRadioGroupInput;

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

@@ -1,8 +1,7 @@
 import { type SelectProps } from '@gravity-ui/uikit';
 import type { JsonSchemaString, NodeEntity } from '../../../core';
-export interface SelectInputProps extends Omit<SelectProps, 'value' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'multiple' | 'errorMessage' | 'validationState' | 'qa'> {
+export interface SelectInputProps extends Omit<SelectProps, 'defaultValue' | 'value' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'multiple' | 'errorMessage' | 'validationState' | 'qa'> {
     enumDescriptions?: Record<string, string>;
     optionsMeta?: Record<string, string>;
-    options?: SelectProps['options'];
 }
 export declare const SelectInput: NodeEntity<JsonSchemaString, SelectInputProps>;

package/build/cjs/lib/unstable/kit/form-layouts/FormRow/FormRow.css

@@ -22,4 +22,7 @@
 }
 .sr-form-row__help-mark {
   margin-top: 1.5px;
+}
+.sr-form-row__right {
+  max-width: calc(100% - 180px - var(--g-spacing-base) * 2);
 }

package/build/cjs/lib/unstable/kit/layouts/Accordeon/Accordeon.js

@@ -14,34 +14,36 @@ const Accordeon = ({ children, headName, input, meta, mode, schema, props, }) =>
     const { titleProps, togglerProps, withIndent = false, withDefaultSummary = false } = props, restLayoutProps = tslib_1.__rest(props, ["titleProps", "togglerProps", "withIndent", "withDefaultSummary"]);
     const { copy, required, hidden, open } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const overviewFlag = mode === core_1.SchemaRendererMode.Overview;
-    const summary = react_1.default.useMemo(() => {
-        const stopPropagation = (event) => {
-            event.stopPropagation();
-        };
-        return (react_1.default.createElement(uikit_1.Flex, { alignItems: "center", gap: 2 },
-            withDefaultSummary ? (react_1.default.createElement(uikit_1.Text, Object.assign({}, titleProps, { className: b('title', { required: required && !overviewFlag }, titleProps === null || titleProps === void 0 ? void 0 : titleProps.className) }), schema.title)) : (react_1.default.createElement(uikit_1.Disclosure.Summary, null, (props) => (react_1.default.createElement(uikit_1.Button, Object.assign({}, togglerProps, { className: b('toggler', togglerProps === null || togglerProps === void 0 ? void 0 : togglerProps.className) }),
-                react_1.default.createElement(uikit_1.Flex, { alignItems: "center", gap: 2, height: "100%" },
-                    react_1.default.createElement(uikit_1.Icon, { data: props.expanded ? icons_1.ChevronUp : icons_1.ChevronDown }),
-                    react_1.default.createElement(uikit_1.Text, Object.assign({}, titleProps, { className: b('title', { required: required && !overviewFlag }, titleProps === null || titleProps === void 0 ? void 0 : titleProps.className) }), schema.title)))))),
-            schema.description ? (react_1.default.createElement(uikit_1.HelpMark, { onClick: stopPropagation },
-                react_1.default.createElement(components_1.HTMLContent, { content: schema.description, headName: headName }))) : null,
-            overviewFlag ? (react_1.default.createElement(components_1.CopyButton, { className: b('copy-button'), copy: copy, value: input.value })) : null,
-            overviewFlag ? null : (react_1.default.createElement(components_1.ArrayRemoveButton, { name: input.name, headName: headName, onClick: stopPropagation }))));
-    }, [
-        copy,
-        headName,
-        input.name,
-        input.value,
-        overviewFlag,
-        required,
-        schema.title,
-        schema.description,
-        titleProps,
-        togglerProps,
-        withDefaultSummary,
-    ]);
+    const summary = react_1.default.useMemo(() => (react_1.default.createElement(uikit_1.Text, Object.assign({}, titleProps, { className: b('title', { required: required && !overviewFlag }, titleProps === null || titleProps === void 0 ? void 0 : titleProps.className) }), schema.title)), [overviewFlag, required, schema.title, titleProps]);
+    const helpMark = react_1.default.useMemo(() => {
+        if (schema.description) {
+            return (react_1.default.createElement(uikit_1.HelpMark, null,
+                react_1.default.createElement(components_1.HTMLContent, { content: schema.description, headName: headName })));
+        }
+        return null;
+    }, [schema.description, headName]);
+    const copyButton = react_1.default.useMemo(() => {
+        if (overviewFlag) {
+            return react_1.default.createElement(components_1.CopyButton, { className: b('copy-button'), copy: copy, value: input.value });
+        }
+        return null;
+    }, [overviewFlag, copy, input.value]);
+    const removeButton = react_1.default.useMemo(() => {
+        if (overviewFlag) {
+            return null;
+        }
+        return react_1.default.createElement(components_1.ArrayRemoveButton, { name: input.name, headName: headName });
+    }, [overviewFlag, input.name, headName]);
     return (react_1.default.createElement(components_1.LayoutContainer, { className: b({ 'without-default-summary': !withDefaultSummary }), hideEmpty: overviewFlag, hidden: hidden },
-        react_1.default.createElement(uikit_1.Disclosure, Object.assign({ summary: summary, defaultExpanded: open }, restLayoutProps),
+        react_1.default.createElement(uikit_1.Disclosure, Object.assign({ defaultExpanded: open, summary: summary }, restLayoutProps),
+            react_1.default.createElement(uikit_1.Disclosure.Summary, null, ({ expanded, onClick }, defaultSummary) => (react_1.default.createElement(uikit_1.Flex, { minHeight: "28px", alignItems: "center", gap: 2 },
+                withDefaultSummary ? (defaultSummary) : (react_1.default.createElement(uikit_1.Button, Object.assign({}, togglerProps, { onClick: onClick, className: b('toggler', togglerProps === null || togglerProps === void 0 ? void 0 : togglerProps.className) }),
+                    react_1.default.createElement(uikit_1.Flex, { alignItems: "center", gap: 2, height: "100%" },
+                        react_1.default.createElement(uikit_1.Icon, { data: expanded ? icons_1.ChevronUp : icons_1.ChevronDown }),
+                        summary))),
+                helpMark,
+                copyButton,
+                removeButton))),
             react_1.default.createElement(uikit_1.Flex, { direction: "column", gap: 0.5, grow: 1 },
                 react_1.default.createElement("div", { className: b('content', { 'with-indent': withIndent }) }, children),
                 overviewFlag ? null : (react_1.default.createElement(components_1.EntityError, { errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta) }))))));