@gravity-ui/dynamic-forms 5.9.2 → 5.9.4

package/build/cjs/lib/core/constants.js

@@ -8,4 +8,4 @@ var SpecTypes;
     SpecTypes["Number"] = "number";
     SpecTypes["Object"] = "object";
     SpecTypes["String"] = "string";
-})(SpecTypes = exports.SpecTypes || (exports.SpecTypes = {}));
+})(SpecTypes || (exports.SpecTypes = SpecTypes = {}));

package/build/cjs/lib/kit/components/Inputs/ArrayBase/ArrayBase.css

@@ -22,7 +22,7 @@
   align-items: flex-end;
 }
 .df-array-base_add-button-right .df-transparent {
-  align-items: flex-end;
+  align-items: flex-start;
 }
 .df-array-base__items-wrapper_add-button-down {
   margin-bottom: var(--df-spacing-inputs, var(--g-spacing-4));

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateInput = exports.DEFAULT_DATE_FORMAT = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const date_components_1 = require("@gravity-ui/date-components");
 const date_utils_1 = require("@gravity-ui/date-utils");
 const utils_1 = require("../../../utils");
@@ -13,7 +13,7 @@ const DateInput = ({ name, input, spec, inputProps, }) => {
     const dateInput = spec.viewSpec.dateInput;
     const timeZone = (dateInput === null || dateInput === void 0 ? void 0 : dateInput.timeZone) && (0, date_utils_1.isValidTimeZone)(dateInput.timeZone) ? dateInput.timeZone : undefined;
     const outputFormat = dateInput === null || dateInput === void 0 ? void 0 : dateInput.outputFormat;
-    const onUpdate = (0, react_1.useCallback)((date) => {
+    const onUpdate = react_1.default.useCallback((date) => {
         if (!date) {
             onChange(undefined);
         }

package/build/cjs/lib/kit/components/Inputs/FileInput/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.readFile = void 0;
+exports.readFile = readFile;
 function readFile(file, readAsMethod = 'readAsBinaryString') {
     return new Promise((resolve, reject) => {
         const reader = new FileReader();
@@ -13,4 +13,3 @@ function readFile(file, readAsMethod = 'readAsBinaryString') {
         reader[readAsMethod](file);
     });
 }
-exports.readFile = readFile;

package/build/cjs/lib/kit/components/Inputs/TimeRangeSelector/components/TimeRangeSelect/TimeRangeSelect.js

@@ -27,7 +27,7 @@ const TimeRangeSelect = ({ name, spec, options, value, props, handleChange, }) =
         }
         return 28;
     }, [(_a = spec.viewSpec.selectParams) === null || _a === void 0 ? void 0 : _a.meta]);
-    return (react_1.default.createElement(Row_1.Row, Object.assign({}, Object.assign(Object.assign({}, props), { spec })),
+    return (react_1.default.createElement(Row_1.Row, Object.assign({}, props, { spec }),
         react_1.default.createElement(uikit_1.Select, { className: b('select'), filterable: filterable, value: _value, options: options, onUpdate: handleChange, disabled: spec.viewSpec.disabled, placeholder: spec.viewSpec.placeholder, filterPlaceholder: (_b = spec.viewSpec.selectParams) === null || _b === void 0 ? void 0 : _b.filterPlaceholder, renderOption: renderOption, getOptionHeight: getOptionHeight, qa: name, popupClassName: b('select-popup') })));
 };
 exports.TimeRangeSelect = TimeRangeSelect;

package/build/cjs/lib/kit/i18n/configure.js

@@ -5,7 +5,7 @@ var Lang;
 (function (Lang) {
     Lang["Ru"] = "ru";
     Lang["En"] = "en";
-})(Lang = exports.Lang || (exports.Lang = {}));
+})(Lang || (exports.Lang = Lang = {}));
 let config = {};
 let subscribers = [];
 const configure = (newConfig) => {

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

@@ -41,6 +41,8 @@
   "label_error-space-start": "Value must not start with a space",
   "label_error-zero-start": "Value must not start with a zero",
   "label_error-dot-end": "Value must not end with a dot",
+  "label_error-invalid-zero-format": "Invalid zero value format",
+  "label_error-zero-end": "Value must not end with a zero",
   "label_delete": "Delete",
   "button_cancel": "Close",
   "button-upload_file": "Upload file",

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

@@ -41,6 +41,8 @@
   "label_error-space-start": "Значение не должно начинаться с пробела",
   "label_error-zero-start": "Значение не должно начинаться с нуля",
   "label_error-dot-end": "Значение не должно заканчиваться точкой",
+  "label_error-invalid-zero-format": "Неверный формат значения нуля",
+  "label_error-zero-end": "Значение не должно заканчиваться нулем",
   "label_delete": "Удалить",
   "button_cancel": "Закрыть",
   "button-upload_file": "Загрузить файл",

package/build/cjs/lib/kit/utils/objectKeys.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.objectKeys = void 0;
+exports.objectKeys = objectKeys;
 function objectKeys(obj) {
     return Object.keys(obj);
 }
-exports.objectKeys = objectKeys;

package/build/cjs/lib/kit/validators/messages.js

@@ -31,6 +31,8 @@ const getErrorMessages = () => ({
     SPACE_END: (0, i18n_1.default)('label_error-space-end'),
     DOT_END: (0, i18n_1.default)('label_error-dot-end'),
     ZERO_START: (0, i18n_1.default)('label_error-zero-start'),
+    INVALID_ZERO_FORMAT: (0, i18n_1.default)('label_error-invalid-zero-format'),
+    ZERO_END: (0, i18n_1.default)('label_error-zero-end'),
 });
 exports.ErrorMessages = getErrorMessages();
 (0, configure_1.subscribeConfigure)(() => {

package/build/cjs/lib/kit/validators/validators.js

@@ -41,7 +41,7 @@ const getBooleanValidator = (params = {}) => {
 };
 exports.getBooleanValidator = getBooleanValidator;
 const getNumberValidator = (params = {}) => {
-    const { ignoreRequiredCheck, ignoreSpaceStartCheck, ignoreSpaceEndCheck, ignoreNumberCheck, ignoreMaximumCheck, ignoreMinimumCheck, ignoreIntCheck, ignoreDotEnd, ignoreZeroStart, customErrorMessages, } = params;
+    const { ignoreRequiredCheck, ignoreSpaceStartCheck, ignoreSpaceEndCheck, ignoreNumberCheck, ignoreMaximumCheck, ignoreMinimumCheck, ignoreIntCheck, ignoreDotEnd, ignoreZeroStart, ignoreInvalidZeroFormat, ignoreZeroEnd, customErrorMessages, } = params;
     // eslint-disable-next-line complexity
     return (spec, value = '') => {
         const errorMessages = Object.assign(Object.assign({}, validators_1.ErrorMessages), customErrorMessages);
@@ -69,6 +69,16 @@ const getNumberValidator = (params = {}) => {
                         stringValue[2] !== '.'))) {
                 return errorMessages.ZERO_START;
             }
+            if (!ignoreInvalidZeroFormat &&
+                stringValue.trim().length > 1 &&
+                Number(stringValue.trim()) === 0) {
+                return errorMessages.INVALID_ZERO_FORMAT;
+            }
+            if (!ignoreZeroEnd &&
+                !(0, helpers_1.isInt)(stringValue) &&
+                stringValue[stringValue.length - 1] === '0') {
+                return errorMessages.ZERO_END;
+            }
         }
         if (!ignoreMaximumCheck &&
             (0, isNumber_1.default)(spec.maximum) &&

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { FormValue, Spec } from '../../../types';
 import type { FieldValue, ValidateError } from '../types';
 export interface ControllerProps<DirtyValue extends FieldValue, SpecType extends Spec> {
@@ -7,4 +8,4 @@ export interface ControllerProps<DirtyValue extends FieldValue, SpecType extends
     parentOnChange: ((childName: string, childValue: FieldValue, childErrors: Record<string, ValidateError>) => void) | null;
     parentOnUnmount: ((childName: string) => void) | null;
 }
-export declare const Controller: <DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec<any, undefined, undefined>>({ spec: _spec, name, value: valueFromParent, parentOnChange, parentOnUnmount, }: ControllerProps<DirtyValue, SpecType>) => JSX.Element | null;
+export declare const Controller: <DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec>({ spec: _spec, name, value: valueFromParent, parentOnChange, parentOnUnmount, }: ControllerProps<DirtyValue, SpecType>) => React.JSX.Element | null;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type React from 'react';
 import type { FormValue, Spec } from '../../../types';
 import type { DynamicFormConfig, DynamicFormMutatorsStore, DynamicFormsContext, FieldRenderProps, FieldValue, IndependentInputEntity, InputEntity, LayoutType, ValidateError } from '../types';
 export interface GetSpecParams<SpecType extends Spec> {
@@ -63,7 +63,7 @@ export interface ControllerStore<DirtyValue extends FieldValue, Value extends Fo
     config: DynamicFormConfig;
     tools: DynamicFormsContext['tools'];
     mutatorsStore: DynamicFormMutatorsStore;
-    render: (props: FieldRenderProps<DirtyValue>) => JSX.Element | null;
+    render: (props: FieldRenderProps<DirtyValue>) => React.JSX.Element | null;
     validate: (value?: Value) => ValidateError;
     parentOnChange: ((childName: string, childValue: FieldValue, childErrors: Record<string, ValidateError>) => void) | null;
     parentOnUnmount: ((childName: string) => void) | null;

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

@@ -1,13 +1,14 @@
+import React from 'react';
 import type { FormValue, Spec } from '../../../types';
 import type { BaseValidateError, FieldRenderProps, FieldValue, ValidateError } from '../types';
 import type { 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<any, undefined, undefined>>(store: ControllerStore<DirtyValue, Value, SpecType>) => void;
-export declare const callUnmout: <DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec<any, undefined, undefined>>(store: ControllerStore<DirtyValue, Value, SpecType>) => void;
-export declare const getSpec: <SpecType extends Spec<any, undefined, undefined>>({ name, spec, mutatorsStore, }: GetSpecParams<SpecType>) => SpecType;
-export declare const getComponents: <DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec<any, undefined, undefined>>({ spec, config, }: GetComponentsParams<SpecType>) => GetComponentsReturn<DirtyValue, SpecType>;
-export declare const getRender: <DirtyValue extends FieldValue, SpecType extends Spec<any, undefined, undefined>>({ 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<any, undefined, undefined>>({ spec, config, }: GetValidateParams<SpecType>) => (value?: Value | undefined) => ValidateError;
-export declare const getFieldInitials: <DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec<any, undefined, undefined>>({ name, spec, valueFromParent, initialValue, validate, mutatorsStore, }: GetFieldInitialsParams<DirtyValue, Value, SpecType>) => {
+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, 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>) => React.JSX.Element | null;
+export declare const getValidate: <DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec>({ spec, config, }: GetValidateParams<SpecType>) => (value?: Value) => ValidateError;
+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;
@@ -21,6 +22,6 @@ export declare const getFieldInitials: <DirtyValue extends FieldValue, Value ext
     visited: boolean;
     childErrors: {};
 };
-export declare const getFieldMethods: <DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec<any, undefined, undefined>>() => GetFieldMethodsReturn<DirtyValue, Value, SpecType>;
-export declare const initializeStore: <DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec<any, undefined, undefined>>({ 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<any, undefined, undefined>>({ store, setStore, spec: _spec, name, parentOnChange, parentOnUnmount, mutatorsStore, valueFromParent, config, tools, methodOnChange, }: UpdateStoreParams<DirtyValue, Value, SpecType>) => void;
+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, 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/hooks/useGenerateRandomValue.d.ts

@@ -1 +1 @@
-export declare const useGenerateRandomValue: () => ((spec: import("../../..").StringSpec<any, undefined, undefined>) => string) | undefined;
+export declare const useGenerateRandomValue: () => ((spec: import("../../..").StringSpec) => string) | undefined;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { DynamicFieldStore, FieldValue } from '../types';
 interface UseIntegrationFFParams {
     store: DynamicFieldStore;
@@ -5,5 +6,5 @@ interface UseIntegrationFFParams {
     destroyOnUnregister?: boolean;
     storeSubscriber?: (store: FieldValue) => void;
 }
-export declare const useIntegrationFF: ({ store, withoutDebounce, destroyOnUnregister, storeSubscriber, }: UseIntegrationFFParams) => JSX.Element;
+export declare const useIntegrationFF: ({ store, withoutDebounce, destroyOnUnregister, storeSubscriber, }: UseIntegrationFFParams) => React.JSX.Element;
 export {};

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import type { Spec } from '../../../../types';
 import type { FieldValue } from '../../types';
 import './useSearch.css';
-export declare const useSearch: (spec: Spec, value: FieldValue, name: string) => (children: JSX.Element | null) => JSX.Element | null;
+export declare const useSearch: (spec: Spec, value: FieldValue, name: string) => (children: React.JSX.Element | null) => React.JSX.Element | null;

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

@@ -10,8 +10,8 @@ export type IndependentInputProps<Value extends FieldValue, InputComponentProps
     Layout: LayoutType<Value, InputComponentProps, LayoutComponentProps, SpecType> | undefined;
     layoutProps?: LayoutComponentProps;
 } & InputProps<Value, InputComponentProps, LayoutComponentProps, SpecType>;
-export type InputType<Value extends FieldValue, InputComponentProps extends Record<string, any> | undefined = undefined, LayoutComponentProps extends Record<string, any> | undefined = undefined, SpecType extends Spec<undefined, InputComponentProps, LayoutComponentProps> = Spec> = (props: InputProps<Value, InputComponentProps, LayoutComponentProps, SpecType>) => React.ReactElement | null;
-export type IndependentInputType<Value extends FieldValue, InputComponentProps extends Record<string, any> | undefined = undefined, LayoutComponentProps extends Record<string, any> | undefined = undefined, SpecType extends Spec<undefined, InputComponentProps, LayoutComponentProps> = Spec> = (props: IndependentInputProps<Value, InputComponentProps, LayoutComponentProps, SpecType>) => React.ReactElement | null;
+export type InputType<Value extends FieldValue, InputComponentProps extends Record<string, any> | undefined = undefined, LayoutComponentProps extends Record<string, any> | undefined = undefined, SpecType extends Spec<undefined, InputComponentProps, LayoutComponentProps> = Spec> = (props: InputProps<Value, InputComponentProps, LayoutComponentProps, SpecType>) => React.ReactNode | Promise<React.ReactNode>;
+export type IndependentInputType<Value extends FieldValue, InputComponentProps extends Record<string, any> | undefined = undefined, LayoutComponentProps extends Record<string, any> | undefined = undefined, SpecType extends Spec<undefined, InputComponentProps, LayoutComponentProps> = Spec> = (props: IndependentInputProps<Value, InputComponentProps, LayoutComponentProps, SpecType>) => React.ReactNode | Promise<React.ReactNode>;
 export type InputEntity<Value extends FieldValue, InputComponentProps extends Record<string, any> | undefined = undefined, LayoutComponentProps extends Record<string, any> | undefined = undefined, SpecType extends Spec<undefined, InputComponentProps, LayoutComponentProps> = Spec> = {
     Component: InputType<Value, InputComponentProps, LayoutComponentProps, SpecType>;
     independent?: false;

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

@@ -2,8 +2,8 @@ import type React from 'react';
 import type { Spec } from '../../../types';
 import type { FieldValue, InputProps } from './';
 export type LayoutProps<Value extends FieldValue, InputComponentProps extends Record<string, any> | undefined = undefined, LayoutComponentProps extends Record<string, any> | undefined = undefined, SpecType extends Spec<undefined, InputComponentProps, LayoutComponentProps> = Spec> = {
-    children: React.ReactElement;
+    children: React.ReactNode;
     layoutProps?: LayoutComponentProps;
 } & Omit<InputProps<Value, InputComponentProps, LayoutComponentProps, SpecType>, 'inputProps'>;
-export type LayoutType<Value extends FieldValue, InputComponentProps extends Record<string, any> | undefined = undefined, LayoutComponentProps extends Record<string, any> | undefined = undefined, SpecType extends Spec<undefined, InputComponentProps, LayoutComponentProps> = Spec> = (props: LayoutProps<Value, InputComponentProps, LayoutComponentProps, SpecType>) => React.ReactElement | null;
+export type LayoutType<Value extends FieldValue, InputComponentProps extends Record<string, any> | undefined = undefined, LayoutComponentProps extends Record<string, any> | undefined = undefined, SpecType extends Spec<undefined, InputComponentProps, LayoutComponentProps> = Spec> = (props: LayoutProps<Value, InputComponentProps, LayoutComponentProps, SpecType>) => React.ReactNode | Promise<React.ReactNode>;
 export type LayoutsMap<Value extends FieldValue, SpecType extends Spec<undefined, any, any> = Spec> = Record<string, LayoutType<Value, any, any, SpecType> | undefined>;

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

@@ -1,6 +1,6 @@
 import type { FormValue, Spec } from '../../../types';
 export declare const isCorrectConfig: (candidate: any) => boolean;
-export declare const transformArrIn: <Type extends FormValue, ReturnType_1 extends FormValue = Type>(value: Type) => ReturnType_1;
-export declare const transformArrOut: <Type extends FormValue, ReturnType_1 extends FormValue = Type>(value: Type) => ReturnType_1;
+export declare const transformArrIn: <Type extends FormValue, ReturnType extends FormValue = Type>(value: Type) => ReturnType;
+export declare const transformArrOut: <Type extends FormValue, ReturnType extends FormValue = Type>(value: Type) => ReturnType;
 export declare const isArrayItem: (name: string) => boolean;
 export declare const withGenerateButton: (spec: Spec) => boolean | undefined;

package/build/esm/lib/core/components/View/DynamicView.d.ts

@@ -14,4 +14,4 @@ export interface DynamicViewProps {
     showLayoutDescription?: boolean;
     shared?: Record<string, any>;
 }
-export declare const DynamicView: ({ value, spec, config, Link, Monaco, showLayoutDescription, shared: externalShared, }: DynamicViewProps) => JSX.Element | null;
+export declare const DynamicView: ({ value, spec, config, Link, Monaco, showLayoutDescription, shared: externalShared, }: DynamicViewProps) => React.JSX.Element | null;

package/build/esm/lib/core/components/View/ViewController.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import type { Spec } from '../../types';
 export interface ViewControllerProps<SpecType extends Spec> {
     spec: SpecType;
     name: string;
 }
-export declare const ViewController: <SpecType extends Spec<any, undefined, undefined>>({ spec, name, }: ViewControllerProps<SpecType>) => JSX.Element;
+export declare const ViewController: <SpecType extends Spec>({ spec, name, }: ViewControllerProps<SpecType>) => React.JSX.Element;

package/build/esm/lib/core/components/View/hooks/useComponents.d.ts

@@ -1,6 +1,6 @@
 import type { FormValue, Spec } from '../../../types';
 import type { DynamicViewConfig, IndependentViewEntity, ViewEntity, ViewLayoutType } from '../types';
-export declare const useComponents: <Value extends FormValue, SpecType extends Spec<any, undefined, undefined>>(spec: SpecType, config: DynamicViewConfig) => {
+export declare const useComponents: <Value extends FormValue, SpecType extends Spec>(spec: SpecType, config: DynamicViewConfig) => {
     viewEntity: ViewEntity<Value, SpecType> | IndependentViewEntity<Value, SpecType> | undefined;
     Layout: ViewLayoutType<Value, SpecType> | undefined;
 };

package/build/esm/lib/core/components/View/hooks/useRender.d.ts

@@ -12,4 +12,4 @@ export interface UseRenderParams<Value extends FormValue, SpecType extends Spec>
         link: SpecType['viewSpec']['link'];
     }>;
 }
-export declare const useRender: <Value extends FormValue, SpecType extends Spec<any, undefined, undefined>>({ value, name, spec, viewEntity, Layout, Link, }: UseRenderParams<Value, SpecType>) => JSX.Element | null;
+export declare const useRender: <Value extends FormValue, SpecType extends Spec>({ value, name, spec, viewEntity, Layout, Link, }: UseRenderParams<Value, SpecType>) => React.JSX.Element | null;

package/build/esm/lib/core/components/View/types/layout.d.ts

@@ -2,7 +2,7 @@ import type React from 'react';
 import type { FormValue, Spec } from '../../../';
 import type { ViewProps } from './';
 export type ViewLayoutProps<Value extends FormValue, SpecType extends Spec<undefined, undefined, Record<string, any> | undefined> = Spec> = {
-    children: React.ReactElement;
+    children: React.ReactNode;
 } & ViewProps<Value, SpecType>;
-export type ViewLayoutType<Value extends FormValue, SpecType extends Spec> = (props: ViewLayoutProps<Value, SpecType>) => React.ReactElement | null;
+export type ViewLayoutType<Value extends FormValue, SpecType extends Spec> = (props: ViewLayoutProps<Value, SpecType>) => React.ReactNode | Promise<React.ReactNode>;
 export type ViewLayoutsMap<Value extends FormValue, SpecType extends Spec> = Record<string, ViewLayoutType<Value, SpecType> | undefined>;

package/build/esm/lib/core/components/View/types/views.d.ts

@@ -10,8 +10,8 @@ export type ViewProps<Value extends FormValue, SpecType extends Spec<undefined,
 export type IndependentViewProps<Value extends FormValue, SpecType extends Spec> = {
     Layout: ViewLayoutType<Value, SpecType> | undefined;
 } & ViewProps<Value, SpecType>;
-export type ViewType<Value extends FormValue, SpecType extends Spec> = (props: ViewProps<Value, SpecType>) => React.ReactElement | null;
-export type IndependentViewType<Value extends FormValue, SpecType extends Spec> = (props: IndependentViewProps<Value, SpecType>) => React.ReactElement | null;
+export type ViewType<Value extends FormValue, SpecType extends Spec> = (props: ViewProps<Value, SpecType>) => React.ReactNode | Promise<React.ReactNode>;
+export type IndependentViewType<Value extends FormValue, SpecType extends Spec> = (props: IndependentViewProps<Value, SpecType>) => React.ReactNode | Promise<React.ReactNode>;
 export type ViewEntity<Value extends FormValue, SpecType extends Spec> = {
     Component: ViewType<Value, SpecType>;
     independent?: false;

package/build/esm/lib/core/helpers.d.ts

@@ -1,7 +1,7 @@
 import type { ArraySpec, BooleanSpec, NumberSpec, ObjectSpec, StringSpec } from './types';
 export declare const isCorrectSpec: (candidate: any) => boolean;
-export declare const isArraySpec: (candidate: any) => candidate is ArraySpec<any, undefined, undefined>;
-export declare const isBooleanSpec: (candidate: any) => candidate is BooleanSpec<any, undefined, undefined>;
-export declare const isNumberSpec: (candidate: any) => candidate is NumberSpec<any, undefined, undefined>;
-export declare const isObjectSpec: (candidate: any) => candidate is ObjectSpec<any, undefined, undefined>;
-export declare const isStringSpec: (candidate: any) => candidate is StringSpec<any, undefined, undefined>;
+export declare const isArraySpec: (candidate: any) => candidate is ArraySpec;
+export declare const isBooleanSpec: (candidate: any) => candidate is BooleanSpec;
+export declare const isNumberSpec: (candidate: any) => candidate is NumberSpec;
+export declare const isObjectSpec: (candidate: any) => candidate is ObjectSpec;
+export declare const isStringSpec: (candidate: any) => candidate is StringSpec;

package/build/esm/lib/core/types/specs.d.ts

@@ -1,5 +1,4 @@
 import type { AlertProps, ButtonSize, LabelProps, TextProps } from '@gravity-ui/uikit';
-import type { ColorTextBaseProps } from '@gravity-ui/uikit/build/esm/components/Text/colorText/colorText';
 import type { ReadAsMethod, SpecTypes } from '../constants';
 import type { ArrayValue, ObjectValue } from './';
 export interface ArraySpec<LinkType = any, InputComponentProps extends Record<string, any> | undefined = undefined, LayoutComponentProps extends Record<string, any> | undefined = undefined> {
@@ -154,7 +153,7 @@ export interface StringSpec<LinkType = any, InputComponentProps extends Record<s
             themeLabel?: LabelProps['theme'];
             text: string;
             icon?: string;
-            iconColor?: ColorTextBaseProps['color'];
+            iconColor?: TextProps['color'];
             titleAlert?: string;
             themeAlert?: AlertProps['theme'];
             viewAlert?: AlertProps['view'];

package/build/esm/lib/kit/components/Inputs/ArrayBase/ArrayBase.css

@@ -22,7 +22,7 @@
   align-items: flex-end;
 }
 .df-array-base_add-button-right .df-transparent {
-  align-items: flex-end;
+  align-items: flex-start;
 }
 .df-array-base__items-wrapper_add-button-down {
   margin-bottom: var(--df-spacing-inputs, var(--g-spacing-4));

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

@@ -1,4 +1,4 @@
-import React, { useCallback } from 'react';
+import React from 'react';
 import { DatePicker } from '@gravity-ui/date-components';
 import { dateTimeParse, isValidTimeZone } from '@gravity-ui/date-utils';
 import { block } from '../../../utils';
@@ -10,7 +10,7 @@ export const DateInput = ({ name, input, spec, inputProps, }) => {
     const dateInput = spec.viewSpec.dateInput;
     const timeZone = (dateInput === null || dateInput === void 0 ? void 0 : dateInput.timeZone) && isValidTimeZone(dateInput.timeZone) ? dateInput.timeZone : undefined;
     const outputFormat = dateInput === null || dateInput === void 0 ? void 0 : dateInput.outputFormat;
-    const onUpdate = useCallback((date) => {
+    const onUpdate = React.useCallback((date) => {
         if (!date) {
             onChange(undefined);
         }

package/build/esm/lib/kit/components/Inputs/Text/Text.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import type { TextInputProps as TextInputBaseProps } from '@gravity-ui/uikit';
 import type { NumberInputProps, StringInputProps } from '../../../../core';
 export interface TextProps extends Omit<TextInputBaseProps, 'value' | 'onBlur' | 'onFocus' | 'onUpdate' | 'disabled' | 'placeholder' | 'qa'> {
 }
-export declare const Text: <T extends NumberInputProps<TextProps> | StringInputProps<TextProps>>({ name, input: { value, onBlur, onChange, onFocus }, spec, inputProps, }: T) => JSX.Element;
+export declare const Text: <T extends NumberInputProps<TextProps> | StringInputProps<TextProps>>({ name, input: { value, onBlur, onChange, onFocus }, spec, inputProps, }: T) => React.JSX.Element;

package/build/esm/lib/kit/components/Inputs/TimeRangeSelector/components/TimeRangeSelect/TimeRangeSelect.js

@@ -24,6 +24,6 @@ export const TimeRangeSelect = ({ name, spec, options, value, props, handleChang
         }
         return 28;
     }, [(_a = spec.viewSpec.selectParams) === null || _a === void 0 ? void 0 : _a.meta]);
-    return (React.createElement(Row, Object.assign({}, Object.assign(Object.assign({}, props), { spec })),
+    return (React.createElement(Row, Object.assign({}, props, { spec }),
         React.createElement(Select, { className: b('select'), filterable: filterable, value: _value, options: options, onUpdate: handleChange, disabled: spec.viewSpec.disabled, placeholder: spec.viewSpec.placeholder, filterPlaceholder: (_b = spec.viewSpec.selectParams) === null || _b === void 0 ? void 0 : _b.filterPlaceholder, renderOption: renderOption, getOptionHeight: getOptionHeight, qa: name, popupClassName: b('select-popup') })));
 };

package/build/esm/lib/kit/components/Inputs/TimeRangeSelector/utils.d.ts

@@ -1,10 +1,11 @@
+import React from 'react';
 export declare const filterTimeArray: (times: {
     id: string;
     value: string;
-    content: string | JSX.Element;
+    content: string | React.JSX.Element;
     key: string;
-}[], cutoff: string, direction: 'greater' | 'less') => {
-    content: string | JSX.Element;
+}[], cutoff: string, direction: "greater" | "less") => {
+    content: string | React.JSX.Element;
     disabled: boolean;
     id: string;
     value: string;

package/build/esm/lib/kit/components/Layouts/Accordeon/Accordeon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { TextProps } from '@gravity-ui/uikit';
 import type { ArrayLayoutProps, ObjectLayoutProps } from '../../../../core';
 interface AccordeonLayoutProps {
     variantTitle?: TextProps['variant'];
 }
-export declare const Accordeon: <T extends ArrayLayoutProps<Record<string, any> | undefined, AccordeonLayoutProps | undefined> | ObjectLayoutProps<Record<string, any> | undefined, AccordeonLayoutProps | undefined>>({ name, spec, input, meta, children, }: T) => JSX.Element;
+export declare const Accordeon: <T extends ArrayLayoutProps<Record<string, any> | undefined, AccordeonLayoutProps | undefined> | ObjectLayoutProps<Record<string, any> | undefined, AccordeonLayoutProps | undefined>>({ name, spec, input, meta, children, }: T) => React.JSX.Element;
 export {};

package/build/esm/lib/kit/components/Layouts/AccordeonCard/AccordeonCardForm.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { ArrayLayoutProps, ObjectLayoutProps } from '../../../../core';
 import './AccordeonCardForm.css';
-export declare const AccordeonCardForm: <T extends ArrayLayoutProps<undefined, undefined> | ObjectLayoutProps<undefined, undefined>>({ name, spec, input, children, meta, }: T) => JSX.Element;
+export declare const AccordeonCardForm: <T extends ArrayLayoutProps | ObjectLayoutProps>({ name, spec, input, children, meta, }: T) => React.JSX.Element;

package/build/esm/lib/kit/components/Layouts/CardAccordeon.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import type { FieldValue, LayoutProps, Spec } from '../../../core';
-export declare const CardAccordeon: <T extends FieldValue, S extends Spec<any, undefined, undefined>>({ name, spec, input, meta, children, }: LayoutProps<T, undefined, undefined, S>) => JSX.Element;
+export declare const CardAccordeon: <T extends FieldValue, S extends Spec>({ name, spec, input, meta, children, }: LayoutProps<T, undefined, undefined, S>) => React.JSX.Element;

package/build/esm/lib/kit/components/Layouts/CardSection.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import type { FieldValue, LayoutProps, Spec } from '../../../core';
-export declare const CardSection: <T extends FieldValue, S extends Spec<any, undefined, undefined>>({ name, spec, input, meta, children, }: LayoutProps<T, undefined, undefined, S>) => JSX.Element;
+export declare const CardSection: <T extends FieldValue, S extends Spec>({ name, spec, input, meta, children, }: LayoutProps<T, undefined, undefined, S>) => React.JSX.Element;

package/build/esm/lib/kit/components/Layouts/Column/Column.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { FieldValue, LayoutProps, Spec } from '../../../../core';
 import './Column.css';
-export declare const Column: <T extends FieldValue, S extends Spec<any, undefined, undefined>>(props: LayoutProps<T, undefined, undefined, S>) => JSX.Element;
+export declare const Column: <T extends FieldValue, S extends Spec>(props: LayoutProps<T, undefined, undefined, S>) => React.JSX.Element;

package/build/esm/lib/kit/components/Layouts/Row/Row.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import type { FieldValue, LayoutProps, Spec } from '../../../../core';
 import './Row.css';
-export declare const Row: <T extends FieldValue, S extends Spec<any, undefined, undefined>>(props: LayoutProps<T, undefined, undefined, S>) => JSX.Element;
-export declare const RowVerbose: <T extends FieldValue, S extends Spec<any, undefined, undefined>>(props: LayoutProps<T, undefined, undefined, S>) => JSX.Element;
+export declare const Row: <T extends FieldValue, S extends Spec>(props: LayoutProps<T, undefined, undefined, S>) => React.JSX.Element;
+export declare const RowVerbose: <T extends FieldValue, S extends Spec>(props: LayoutProps<T, undefined, undefined, S>) => React.JSX.Element;

package/build/esm/lib/kit/components/Layouts/Section/Section.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { FieldValue, FormValue, LayoutProps, Spec, ViewLayoutProps } from '../../../../core';
 import './Section.css';
 interface SectionProps {
@@ -6,10 +7,10 @@ interface SectionProps {
     ignoreDescription?: boolean;
     descriptionAsSubtitle?: boolean;
 }
-export declare const Section: <D extends FieldValue, T extends FormValue, S extends Spec<any, undefined, undefined>>(props: (LayoutProps<D, undefined, undefined, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => JSX.Element;
-export declare const Section2: <D extends FieldValue, T extends FormValue, S extends Spec<any, undefined, undefined>>(props: (LayoutProps<D, undefined, undefined, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => JSX.Element;
-export declare const SectionWithSubtitle: <D extends FieldValue, T extends FormValue, S extends Spec<any, undefined, undefined>>(props: (LayoutProps<D, undefined, undefined, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => JSX.Element;
-export declare const SectionWithSubtitle2: <D extends FieldValue, T extends FormValue, S extends Spec<any, undefined, undefined>>(props: (LayoutProps<D, undefined, undefined, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => JSX.Element;
-export declare const Group: <D extends FieldValue, T extends FormValue, S extends Spec<any, undefined, undefined>>(props: (LayoutProps<D, undefined, undefined, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => JSX.Element;
-export declare const Group2: <D extends FieldValue, T extends FormValue, S extends Spec<any, undefined, undefined>>(props: (LayoutProps<D, undefined, undefined, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => JSX.Element;
+export declare const Section: <D extends FieldValue, T extends FormValue, S extends Spec>(props: (LayoutProps<D, undefined, undefined, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => React.JSX.Element;
+export declare const Section2: <D extends FieldValue, T extends FormValue, S extends Spec>(props: (LayoutProps<D, undefined, undefined, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => React.JSX.Element;
+export declare const SectionWithSubtitle: <D extends FieldValue, T extends FormValue, S extends Spec>(props: (LayoutProps<D, undefined, undefined, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => React.JSX.Element;
+export declare const SectionWithSubtitle2: <D extends FieldValue, T extends FormValue, S extends Spec>(props: (LayoutProps<D, undefined, undefined, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => React.JSX.Element;
+export declare const Group: <D extends FieldValue, T extends FormValue, S extends Spec>(props: (LayoutProps<D, undefined, undefined, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => React.JSX.Element;
+export declare const Group2: <D extends FieldValue, T extends FormValue, S extends Spec>(props: (LayoutProps<D, undefined, undefined, S> | ViewLayoutProps<T, S>) & Pick<SectionProps, "ignoreDescription">) => React.JSX.Element;
 export {};

package/build/esm/lib/kit/components/Layouts/TableCell/TableCell.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import type { FieldValue, LayoutProps, Spec } from '../../../../core';
-export declare const TableCell: <T extends FieldValue, S extends Spec<any, undefined, undefined>>({ name, meta, children, }: LayoutProps<T, undefined, undefined, S>) => JSX.Element;
+export declare const TableCell: <T extends FieldValue, S extends Spec>({ name, meta, children, }: LayoutProps<T, undefined, undefined, S>) => React.JSX.Element;

package/build/esm/lib/kit/components/Layouts/Transparent/Transparent.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { FieldValue, LayoutProps, Spec } from '../../../../core';
 import './Transparent.css';
-export declare const Transparent: <T extends FieldValue, S extends Spec<any, undefined, undefined>>({ name, spec, input, meta, children, }: LayoutProps<T, undefined, undefined, S>) => JSX.Element;
+export declare const Transparent: <T extends FieldValue, S extends Spec>({ name, spec, input, meta, children, }: LayoutProps<T, undefined, undefined, S>) => React.JSX.Element;

package/build/esm/lib/kit/components/LazyLoader/LazyLoader.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export type LazyLoaderProps = {
     component: React.LazyExoticComponent<React.ComponentType<any>>;
-    initialFallback?: JSX.Element;
+    initialFallback?: React.JSX.Element;
 };
-export declare const LazyLoader: ({ component, initialFallback, }: LazyLoaderProps) => JSX.Element;
+export declare const LazyLoader: ({ component, initialFallback, }: LazyLoaderProps) => React.JSX.Element;

package/build/esm/lib/kit/components/SimpleVerticalAccordeon/SimpleVerticalAccordeon.d.ts

@@ -30,12 +30,12 @@ export declare class SimpleVerticalAccordeon extends React.Component<SimpleVerti
         open: boolean;
         withBranchView: boolean;
     };
-    componentRef: React.RefObject<HTMLDivElement>;
-    titleRef: React.RefObject<HTMLElement>;
+    componentRef: React.RefObject<HTMLDivElement | null>;
+    titleRef: React.RefObject<HTMLElement | null>;
     constructor(props: SimpleVerticalAccordeonProps);
     componentDidUpdate(prevProps: Readonly<SimpleVerticalAccordeonProps>): void;
     componentDidMount(): void;
-    render(): false | JSX.Element | null;
+    render(): false | React.JSX.Element | null;
     checkVisibility: () => void;
     private handleClick;
     private getTitle;

package/build/esm/lib/kit/components/ViewLayouts/ViewAccordeon/ViewAccordeon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { TextProps } from '@gravity-ui/uikit';
 import type { ArrayValue, ObjectValue, Spec, ViewLayoutProps } from '../../../../core';
 interface ViewAccordeonLayoutProps {
     variantTitle?: TextProps['variant'];
 }
-export declare const ViewAccordeon: <T extends ViewLayoutProps<ArrayValue | ObjectValue, Spec<any, any, ViewAccordeonLayoutProps>>>({ name, value, spec, children, }: T) => JSX.Element | null;
+export declare const ViewAccordeon: <T extends ViewLayoutProps<ArrayValue | ObjectValue, Spec<any, any, ViewAccordeonLayoutProps>>>({ name, value, spec, children, }: T) => React.JSX.Element | null;
 export {};

package/build/esm/lib/kit/components/ViewLayouts/ViewAccordeonCard/ViewAccordeonCard.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import type { ArrayViewLayoutProps, ObjectViewLayoutProps } from '../../../../core';
-export declare const ViewAccordeonCard: <T extends ArrayViewLayoutProps | ObjectViewLayoutProps>({ value, name, spec, children, }: T) => JSX.Element | null;
+export declare const ViewAccordeonCard: <T extends ArrayViewLayoutProps | ObjectViewLayoutProps>({ value, name, spec, children, }: T) => React.JSX.Element | null;

package/build/esm/lib/kit/components/ViewLayouts/ViewCardAccordeon.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import type { ArrayViewLayoutProps, ObjectViewLayoutProps } from '../../../core';
-export declare const ViewCardAccordeon: <T extends ArrayViewLayoutProps | ObjectViewLayoutProps>({ name, value, spec, children, }: T) => JSX.Element | null;
+export declare const ViewCardAccordeon: <T extends ArrayViewLayoutProps | ObjectViewLayoutProps>({ name, value, spec, children, }: T) => React.JSX.Element | null;

package/build/esm/lib/kit/components/ViewLayouts/ViewCardSection.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import type { FormValue, Spec, ViewLayoutProps } from '../../../core';
-export declare const ViewCardSection: <T extends FormValue, S extends Spec<any, undefined, undefined>>({ name, value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element | null;
+export declare const ViewCardSection: <T extends FormValue, S extends Spec>({ name, value, spec, children, }: ViewLayoutProps<T, S>) => React.JSX.Element | null;

package/build/esm/lib/kit/components/ViewLayouts/ViewColumn/ViewColumn.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { FormValue, Spec, ViewLayoutProps } from '../../../../core';
 import './ViewColumn.css';
-export declare const ViewColumn: <T extends FormValue, S extends Spec<any, undefined, undefined>>({ value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element | null;
+export declare const ViewColumn: <T extends FormValue, S extends Spec>({ value, spec, children, }: ViewLayoutProps<T, S>) => React.JSX.Element | null;

package/build/esm/lib/kit/components/ViewLayouts/ViewRow/ViewRow.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { FormValue, Spec, ViewLayoutProps } from '../../../../core';
 import './ViewRow.css';
-export declare const ViewRow: <T extends FormValue, S extends Spec<any, undefined, undefined>>({ value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element | null;
+export declare const ViewRow: <T extends FormValue, S extends Spec>({ value, spec, children, }: ViewLayoutProps<T, S>) => React.JSX.Element | null;

package/build/esm/lib/kit/components/ViewLayouts/ViewSection/ViewSection.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import type { FormValue, Spec, ViewLayoutProps } from '../../../../core';
-export declare const ViewSection: <T extends FormValue, S extends Spec<any, undefined, undefined>>(props: ViewLayoutProps<T, S>) => JSX.Element | null;
-export declare const ViewSection2: <T extends FormValue, S extends Spec<any, undefined, undefined>>(props: ViewLayoutProps<T, S>) => JSX.Element | null;
-export declare const ViewGroup: <T extends FormValue, S extends Spec<any, undefined, undefined>>(props: ViewLayoutProps<T, S>) => JSX.Element | null;
-export declare const ViewGroup2: <T extends FormValue, S extends Spec<any, undefined, undefined>>(props: ViewLayoutProps<T, S>) => JSX.Element | null;
+export declare const ViewSection: <T extends FormValue, S extends Spec>(props: ViewLayoutProps<T, S>) => React.JSX.Element | null;
+export declare const ViewSection2: <T extends FormValue, S extends Spec>(props: ViewLayoutProps<T, S>) => React.JSX.Element | null;
+export declare const ViewGroup: <T extends FormValue, S extends Spec>(props: ViewLayoutProps<T, S>) => React.JSX.Element | null;
+export declare const ViewGroup2: <T extends FormValue, S extends Spec>(props: ViewLayoutProps<T, S>) => React.JSX.Element | null;

package/build/esm/lib/kit/components/ViewLayouts/ViewTableCell/ViewTableCell.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { FormValue, Spec, ViewLayoutProps } from '../../../../core';
 import './ViewTableCell.css';
-export declare const ViewTableCell: <T extends FormValue, S extends Spec<any, undefined, undefined>>({ value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element;
+export declare const ViewTableCell: <T extends FormValue, S extends Spec>({ value, spec, children, }: ViewLayoutProps<T, S>) => React.JSX.Element;

package/build/esm/lib/kit/components/ViewLayouts/ViewTransparent/ViewTransparent.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { FormValue, Spec, ViewLayoutProps } from '../../../../core';
 import './ViewTransparent.css';
-export declare const ViewTransparent: <T extends FormValue, S extends Spec<any, undefined, undefined>>({ value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element | null;
+export declare const ViewTransparent: <T extends FormValue, S extends Spec>({ value, spec, children, }: ViewLayoutProps<T, S>) => React.JSX.Element | null;

package/build/esm/lib/kit/components/Views/BaseView/BaseView.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { BooleanViewProps, NumberViewProps, StringViewProps } from '../../../../core';
-export declare const BaseView: <T extends BooleanViewProps | NumberViewProps | StringViewProps>({ value, spec, linkValue, }: React.PropsWithChildren<T>) => JSX.Element;
+export declare const BaseView: <T extends BooleanViewProps | NumberViewProps | StringViewProps>({ value, spec, linkValue, }: React.PropsWithChildren<T>) => React.JSX.Element;

package/build/esm/lib/kit/hooks/useOneOf/useOneOf.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { ObjectIndependentInputProps } from '../../../core';
 import './useOneOf.css';
 export interface UseOneOfParams {
@@ -7,6 +8,6 @@ export interface UseOneOfParams {
 export declare const useOneOf: ({ props, onTogglerChange }: UseOneOfParams) => {
     oneOfValue: string;
     specProperties: Record<string, import("../../../core").Spec<any, undefined, undefined>>;
-    toggler: JSX.Element;
-    togglerInput: JSX.Element;
+    toggler: React.JSX.Element;
+    togglerInput: React.JSX.Element;
 };

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

@@ -41,6 +41,8 @@
   "label_error-space-start": "Value must not start with a space",
   "label_error-zero-start": "Value must not start with a zero",
   "label_error-dot-end": "Value must not end with a dot",
+  "label_error-invalid-zero-format": "Invalid zero value format",
+  "label_error-zero-end": "Value must not end with a zero",
   "label_delete": "Delete",
   "button_cancel": "Close",
   "button-upload_file": "Upload file",

package/build/esm/lib/kit/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

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

@@ -41,6 +41,8 @@
   "label_error-space-start": "Значение не должно начинаться с пробела",
   "label_error-zero-start": "Значение не должно начинаться с нуля",
   "label_error-dot-end": "Значение не должно заканчиваться точкой",
+  "label_error-invalid-zero-format": "Неверный формат значения нуля",
+  "label_error-zero-end": "Значение не должно заканчиваться нулем",
   "label_delete": "Удалить",
   "button_cancel": "Закрыть",
   "button-upload_file": "Загрузить файл",

package/build/esm/lib/kit/utils/common.d.ts

@@ -1,4 +1,4 @@
 import type { FormValue, Spec, StringSpec } from '../../core';
 export declare const isNotEmptyValue: (value: FormValue | undefined, spec: Spec | undefined) => boolean;
-export declare const prepareSpec: <Type extends Spec<any, undefined, undefined>>(spec: Type, parseJsonDefaultValue?: boolean, overridePatternError?: ((pattern?: string) => string) | undefined) => Type;
+export declare const prepareSpec: <Type extends Spec>(spec: Type, parseJsonDefaultValue?: boolean, overridePatternError?: (pattern?: string) => string) => Type;
 export declare const isCorrectSizeParams: (spec: StringSpec) => boolean;

package/build/esm/lib/kit/utils/objectInline.d.ts

@@ -1,4 +1,4 @@
 import type { Spec } from '../../core';
 export declare const filterPropertiesForObjectInline: (properties: Record<string, Spec>) => {
-    [k: string]: Spec<any, undefined, undefined>;
+    [k: string]: Spec;
 };

package/build/esm/lib/kit/utils/objectKeys.d.ts

@@ -1,4 +1,4 @@
 type Dictionary<T> = Record<string, T>;
 type KeysOf<T> = T extends Dictionary<unknown> ? `${Exclude<keyof T, symbol>}` : never;
-export declare function objectKeys<T extends Dictionary<unknown>>(obj: T): KeysOf<T>[];
+export declare function objectKeys<T extends Dictionary<unknown>>(obj: T): Array<KeysOf<T>>;
 export {};

package/build/esm/lib/kit/validators/messages.js

@@ -27,6 +27,8 @@ const getErrorMessages = () => ({
     SPACE_END: i18n('label_error-space-end'),
     DOT_END: i18n('label_error-dot-end'),
     ZERO_START: i18n('label_error-zero-start'),
+    INVALID_ZERO_FORMAT: i18n('label_error-invalid-zero-format'),
+    ZERO_END: i18n('label_error-zero-end'),
 });
 export let ErrorMessages = getErrorMessages();
 subscribeConfigure(() => {

package/build/esm/lib/kit/validators/types.d.ts

@@ -13,4 +13,6 @@ export interface ErrorMessagesType {
     SPACE_END: string;
     DOT_END: string;
     ZERO_START: string;
+    INVALID_ZERO_FORMAT: string;
+    ZERO_END: string;
 }

package/build/esm/lib/kit/validators/validators.d.ts

@@ -21,6 +21,8 @@ export interface GetNumberValidatorParams extends CommonValidatorParams {
     ignoreIntCheck?: boolean;
     ignoreDotEnd?: boolean;
     ignoreZeroStart?: boolean;
+    ignoreInvalidZeroFormat?: boolean;
+    ignoreZeroEnd?: boolean;
 }
 export declare const getNumberValidator: (params?: GetNumberValidatorParams) => (spec: NumberSpec, value?: string | number) => string | false;
 export interface GetObjectValidatorParams extends CommonValidatorParams {

package/build/esm/lib/kit/validators/validators.js

@@ -35,7 +35,7 @@ export const getBooleanValidator = (params = {}) => {
     };
 };
 export const getNumberValidator = (params = {}) => {
-    const { ignoreRequiredCheck, ignoreSpaceStartCheck, ignoreSpaceEndCheck, ignoreNumberCheck, ignoreMaximumCheck, ignoreMinimumCheck, ignoreIntCheck, ignoreDotEnd, ignoreZeroStart, customErrorMessages, } = params;
+    const { ignoreRequiredCheck, ignoreSpaceStartCheck, ignoreSpaceEndCheck, ignoreNumberCheck, ignoreMaximumCheck, ignoreMinimumCheck, ignoreIntCheck, ignoreDotEnd, ignoreZeroStart, ignoreInvalidZeroFormat, ignoreZeroEnd, customErrorMessages, } = params;
     // eslint-disable-next-line complexity
     return (spec, value = '') => {
         const errorMessages = Object.assign(Object.assign({}, ErrorMessages), customErrorMessages);
@@ -63,6 +63,16 @@ export const getNumberValidator = (params = {}) => {
                         stringValue[2] !== '.'))) {
                 return errorMessages.ZERO_START;
             }
+            if (!ignoreInvalidZeroFormat &&
+                stringValue.trim().length > 1 &&
+                Number(stringValue.trim()) === 0) {
+                return errorMessages.INVALID_ZERO_FORMAT;
+            }
+            if (!ignoreZeroEnd &&
+                !isInt(stringValue) &&
+                stringValue[stringValue.length - 1] === '0') {
+                return errorMessages.ZERO_END;
+            }
         }
         if (!ignoreMaximumCheck &&
             isNumber(spec.maximum) &&

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dynamic-forms",
-  "version": "5.9.2",
+  "version": "5.9.4",
   "description": "",
   "license": "MIT",
   "main": "build/cjs/index.js",
@@ -54,8 +54,8 @@
   "devDependencies": {
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-typescript": "^7.18.6",
-    "@commitlint/cli": "^17.0.0",
-    "@commitlint/config-conventional": "^17.0.0",
+    "@commitlint/cli": "^20.1.0",
+    "@commitlint/config-conventional": "^20.0.0",
     "@gravity-ui/eslint-config": "^3.3.0",
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/stylelint-config": "^4.0.1",
@@ -75,8 +75,8 @@
     "@testing-library/user-event": "^14.4.3",
     "@types/jest": "^29.5.0",
     "@types/lodash": "^4.14.180",
-    "@types/react": "^18.0.28",
-    "@types/react-dom": "^18.0.11",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@types/react-is": "^17.0.3",
     "@types/uuid": "^9.0.4",
     "@vitejs/plugin-react": "^4.2.0",
@@ -99,10 +99,10 @@
     "postcss": "^8.4.19",
     "prettier": "^3.0.3",
     "randexp": "^0.5.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
     "react-final-form": "^6.5.3",
-    "react-is": "^18.2.0",
+    "react-is": "^19.2.0",
     "react-monaco-editor": "^0.46.0",
     "rimraf": "5.0.5",
     "sass": "^1.57.1",
@@ -112,16 +112,16 @@
     "stylelint": "^15.10.3",
     "stylelint-scss": "^5.1.0",
     "ts-jest": "^29.0.5",
-    "typescript": "^4.9.5",
+    "typescript": "^5.8.4",
     "uuid": "^9.0.1"
   },
   "peerDependencies": {
     "@gravity-ui/uikit": "^7.0.0",
     "final-form": "^4.20.2",
-    "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0",
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-final-form": "^6.5.3",
-    "react-is": "^16.0.0 || ^17.0.0 || ^18.0.0"
+    "react-is": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "nano-staged": {
     "*.{scss}": [