@gravity-ui/dynamic-forms 5.19.1 → 5.20.0

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

@@ -1,2 +1,3 @@
 export { Entity, type EntityProps } from './Entity';
 export type { EntityState } from './types';
+export { getRenderKit } from './utils';

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

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Entity = void 0;
+exports.getRenderKit = exports.Entity = void 0;
 var Entity_1 = require("./Entity");
 Object.defineProperty(exports, "Entity", { enumerable: true, get: function () { return Entity_1.Entity; } });
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "getRenderKit", { enumerable: true, get: function () { return utils_1.getRenderKit; } });

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

@@ -1,5 +1,5 @@
-export { Entity, type EntityProps, type EntityState } from './Entity';
+export { Entity, type EntityProps, type EntityState, getRenderKit } from './Entity';
 export { SchemaRenderer, type SchemaRendererProps } from './SchemaRenderer';
 export { EntityType, JsonSchemaType, SchemaRendererMode } from './constants';
 export type * from './types';
-export { schemaRendererMutators, type UseSchemaRendererParams, type UseSchemaRendererReturn, useSchemaRenderer, useSchemaRendererMutators, } from './useSchemaRenderer';
+export { schemaRendererMutators, useEntitiesState, type UseSchemaRendererParams, type UseSchemaRendererReturn, useSchemaRenderer, useSchemaRendererMutators, } from './useSchemaRenderer';

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

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSchemaRendererMutators = exports.useSchemaRenderer = exports.schemaRendererMutators = exports.SchemaRendererMode = exports.JsonSchemaType = exports.EntityType = exports.SchemaRenderer = exports.Entity = void 0;
+exports.useSchemaRendererMutators = exports.useSchemaRenderer = exports.useEntitiesState = exports.schemaRendererMutators = exports.SchemaRendererMode = exports.JsonSchemaType = exports.EntityType = exports.SchemaRenderer = exports.getRenderKit = exports.Entity = void 0;
 var Entity_1 = require("./Entity");
 Object.defineProperty(exports, "Entity", { enumerable: true, get: function () { return Entity_1.Entity; } });
+Object.defineProperty(exports, "getRenderKit", { enumerable: true, get: function () { return Entity_1.getRenderKit; } });
 var SchemaRenderer_1 = require("./SchemaRenderer");
 Object.defineProperty(exports, "SchemaRenderer", { enumerable: true, get: function () { return SchemaRenderer_1.SchemaRenderer; } });
 var constants_1 = require("./constants");
@@ -11,5 +12,6 @@ Object.defineProperty(exports, "JsonSchemaType", { enumerable: true, get: functi
 Object.defineProperty(exports, "SchemaRendererMode", { enumerable: true, get: function () { return constants_1.SchemaRendererMode; } });
 var useSchemaRenderer_1 = require("./useSchemaRenderer");
 Object.defineProperty(exports, "schemaRendererMutators", { enumerable: true, get: function () { return useSchemaRenderer_1.schemaRendererMutators; } });
+Object.defineProperty(exports, "useEntitiesState", { enumerable: true, get: function () { return useSchemaRenderer_1.useEntitiesState; } });
 Object.defineProperty(exports, "useSchemaRenderer", { enumerable: true, get: function () { return useSchemaRenderer_1.useSchemaRenderer; } });
 Object.defineProperty(exports, "useSchemaRendererMutators", { enumerable: true, get: function () { return useSchemaRenderer_1.useSchemaRendererMutators; } });

package/build/cjs/lib/unstable/kit/components/ArrayRemoveButton/ArrayRemoveButton.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 export interface ArrayRemoveButtonProps {
     name: string;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 }
 export declare const ArrayRemoveButton: React.FC<ArrayRemoveButtonProps>;

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

@@ -7,21 +7,28 @@ const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
 const react_final_form_1 = require("react-final-form");
 const utils_1 = require("../../utils");
-const ArrayRemoveButton = ({ name }) => {
+const ArrayRemoveButton = ({ name, onClick }) => {
     const form = (0, react_final_form_1.useForm)();
+    const [ready, setReady] = react_1.default.useState(false);
     const arrayItem = (0, utils_1.isArrayItem)(name);
     const tupleItem = (0, utils_1.isTupleItem)(name, form);
-    const removeItem = react_1.default.useCallback(() => {
+    const removeItem = react_1.default.useCallback((event) => {
         var _a;
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
         const parentName = (0, utils_1.getArrayItemParentName)(name);
         const parentValue = (_a = form.getFieldState(parentName)) === null || _a === void 0 ? void 0 : _a.value;
         const index = Number((0, utils_1.getArrayItemIndex)(name));
         if (Array.isArray(parentValue)) {
+            form.focus(parentName);
             form.change(parentName, parentValue.filter((_, i) => i !== index));
+            form.blur(parentName);
         }
-    }, [form, name]);
-    if (arrayItem && !tupleItem) {
-        return (react_1.default.createElement(uikit_1.Button, { view: "flat-secondary", onClick: removeItem, qa: `${name}-remove-item` },
+    }, [form, name, onClick]);
+    react_1.default.useLayoutEffect(() => {
+        setReady(true);
+    }, []);
+    if (ready && arrayItem && !tupleItem) {
+        return (react_1.default.createElement(uikit_1.Button, { view: "flat-secondary", onClick: removeItem, qa: `${name}-remove-button` },
             react_1.default.createElement(uikit_1.Icon, { data: icons_1.TrashBin, size: 16 })));
     }
     return null;

package/build/cjs/lib/unstable/kit/components/ControlContainer/ControlContainer.css

@@ -0,0 +1,20 @@
+.sr-control-container {
+  display: flex;
+  flex-direction: column;
+}
+.sr-control-container_stretch_max {
+  width: 100%;
+  flex: 1 0 0;
+}
+.sr-control-container_stretch_fit {
+  width: fit-content;
+  flex: 0 0 auto;
+}
+.sr-control-container_stretch_by-child {
+  width: fit-content;
+  flex: 0 0 auto;
+}
+.sr-control-container_stretch_by-child:has([data-stretch=max]) {
+  width: 100%;
+  flex: 1 0 0;
+}

package/build/cjs/lib/unstable/kit/components/ControlContainer/ControlContainer.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type FlexProps } from '@gravity-ui/uikit';
+export interface ControlContainerProps extends FlexProps {
+    stretch: 'max' | 'fit' | 'by-child';
+    children: React.ReactNode;
+}
+export declare const ControlContainer: React.NamedExoticComponent<ControlContainerProps>;

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ControlContainer = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('control-container');
+const Component = (_a) => {
+    var { stretch, children } = _a, restFlexProps = tslib_1.__rest(_a, ["stretch", "children"]);
+    return (react_1.default.createElement("div", { className: b({ stretch }), "data-stretch": stretch },
+        react_1.default.createElement(uikit_1.Flex, Object.assign({ direction: "column" }, restFlexProps, { grow: 1 }), children)));
+};
+exports.ControlContainer = react_1.default.memo(Component);

package/build/cjs/lib/unstable/kit/components/ControlContainer/index.d.ts

@@ -0,0 +1 @@
+export { ControlContainer, type ControlContainerProps } from './ControlContainer';

package/build/cjs/lib/unstable/kit/components/ControlContainer/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ControlContainer = void 0;
+var ControlContainer_1 = require("./ControlContainer");
+Object.defineProperty(exports, "ControlContainer", { enumerable: true, get: function () { return ControlContainer_1.ControlContainer; } });

package/build/cjs/lib/unstable/kit/components/ControlError/ControlError.css

@@ -1,33 +1,3 @@
-.sr-control-error__children {
-  width: 100%;
-}
-.sr-control-error__children_errors .g-control-label:not(.g-control-label_disabled) .g-checkbox__indicator:hover::before {
-  border: 1px solid var(--g-color-text-danger);
-}
-.sr-control-error__children_errors .g-control-label:not(.g-control-label_disabled) .g-checkbox__indicator::before {
-  border: 1px solid var(--g-color-text-danger);
-}
-.sr-control-error__children_errors .g-text-input:not(.g-text-input_disabled) .g-text-input__content {
-  border-color: var(--g-color-text-danger);
-}
-.sr-control-error__children_errors .g-text-input:not(.g-text-input_disabled) .g-text-input__content:hover {
-  border-color: var(--g-color-text-danger);
-}
-.sr-control-error__children_errors .g-text-area__content {
-  border-color: var(--g-color-text-danger);
-}
-.sr-control-error__children_errors .g-text-area__content:hover {
-  border-color: var(--g-color-text-danger);
-}
-.sr-control-error__children_errors .g-select-control:not(.g-select-control_disabled) .g-select-control__button:hover::before {
-  border: 1px solid var(--g-color-text-danger) !important;
-}
-.sr-control-error__children_errors .g-select-control:not(.g-select-control_disabled) .g-select-control__button::before {
-  border: 1px solid var(--g-color-text-danger) !important;
-}
-.sr-control-error__children_errors .g-segmented-radio-group:not([aria-disabled=true]) .g-segmented-radio-group__option_checked:hover::after {
-  border: 1px solid var(--g-color-text-danger);
-}
-.sr-control-error__children_errors .g-segmented-radio-group:not([aria-disabled=true]) .g-segmented-radio-group__option_checked::after {
-  border: 1px solid var(--g-color-text-danger);
+.sr-control-error {
+  margin-top: 2px;
 }

package/build/cjs/lib/unstable/kit/components/ControlError/ControlError.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
 export interface ControlErrorProps {
-    className?: string;
     errorMessage?: string;
     validationState?: 'invalid';
-    children: React.ReactNode;
 }
 export declare const ControlError: React.FC<ControlErrorProps>;

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

@@ -6,10 +6,10 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('control-error');
-const ControlError = ({ className, errorMessage, validationState, children, }) => {
-    const error = validationState === 'invalid' && errorMessage ? (react_1.default.createElement(uikit_1.Text, { color: "danger" }, errorMessage)) : null;
-    return (react_1.default.createElement(uikit_1.Flex, { className: b(null, className), width: "100%", direction: "column", alignItems: "flex-start" },
-        react_1.default.createElement("div", { className: b('children', { errors: Boolean(error) }) }, children),
-        error));
+const ControlError = ({ errorMessage, validationState }) => {
+    if (validationState === 'invalid' && errorMessage) {
+        return (react_1.default.createElement(uikit_1.Text, { className: b(), color: "danger" }, errorMessage));
+    }
+    return null;
 };
 exports.ControlError = ControlError;

package/build/cjs/lib/unstable/kit/components/WrapperContainer/WrapperContainer.css

@@ -0,0 +1,8 @@
+.sr-wrapper-container {
+  width: fit-content;
+  flex: 0 0 auto;
+}
+.sr-wrapper-container:has([data-stretch=max]) {
+  width: 100%;
+  flex: 1 0 0;
+}

package/build/cjs/lib/unstable/kit/components/WrapperContainer/WrapperContainer.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type FlexProps } from '@gravity-ui/uikit';
+export interface WrapperContainerProps extends FlexProps {
+    children: React.ReactNode;
+}
+export declare const WrapperContainer: React.NamedExoticComponent<WrapperContainerProps>;

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WrapperContainer = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('wrapper-container');
+const Component = (_a) => {
+    var { className, children } = _a, restProps = tslib_1.__rest(_a, ["className", "children"]);
+    return (react_1.default.createElement(uikit_1.Flex, Object.assign({ className: b(null, className), direction: "column" }, restProps), children));
+};
+exports.WrapperContainer = react_1.default.memo(Component);

package/build/cjs/lib/unstable/kit/components/WrapperContainer/index.d.ts

@@ -0,0 +1 @@
+export { WrapperContainer, type WrapperContainerProps } from './WrapperContainer';

package/build/cjs/lib/unstable/kit/components/WrapperContainer/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WrapperContainer = void 0;
+var WrapperContainer_1 = require("./WrapperContainer");
+Object.defineProperty(exports, "WrapperContainer", { enumerable: true, get: function () { return WrapperContainer_1.WrapperContainer; } });

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

@@ -1,3 +1,5 @@
 export { ArrayRemoveButton, type ArrayRemoveButtonProps } from './ArrayRemoveButton';
+export { ControlContainer, type ControlContainerProps } from './ControlContainer';
 export { ControlError, type ControlErrorProps } from './ControlError';
 export { HTMLContent, type HTMLContentProps } from './HTMLContent';
+export { WrapperContainer, type WrapperContainerProps } from './WrapperContainer';

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

@@ -1,9 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HTMLContent = exports.ControlError = exports.ArrayRemoveButton = void 0;
+exports.WrapperContainer = exports.HTMLContent = exports.ControlError = exports.ControlContainer = exports.ArrayRemoveButton = void 0;
 var ArrayRemoveButton_1 = require("./ArrayRemoveButton");
 Object.defineProperty(exports, "ArrayRemoveButton", { enumerable: true, get: function () { return ArrayRemoveButton_1.ArrayRemoveButton; } });
+var ControlContainer_1 = require("./ControlContainer");
+Object.defineProperty(exports, "ControlContainer", { enumerable: true, get: function () { return ControlContainer_1.ControlContainer; } });
 var ControlError_1 = require("./ControlError");
 Object.defineProperty(exports, "ControlError", { enumerable: true, get: function () { return ControlError_1.ControlError; } });
 var HTMLContent_1 = require("./HTMLContent");
 Object.defineProperty(exports, "HTMLContent", { enumerable: true, get: function () { return HTMLContent_1.HTMLContent; } });
+var WrapperContainer_1 = require("./WrapperContainer");
+Object.defineProperty(exports, "WrapperContainer", { enumerable: true, get: function () { return WrapperContainer_1.WrapperContainer; } });

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

@@ -9,7 +9,9 @@ export declare const untypedConfig: {
         readonly views: {};
         readonly wrappers: {
             readonly row: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").RowProps>>;
+            readonly section: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").SectionProps>>;
             readonly transparent: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, {}>>;
+            readonly accordeon: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").AccordeonProps>>;
         };
         readonly validators: {};
     };
@@ -24,11 +26,16 @@ export declare const untypedConfig: {
             readonly select: {
                 readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaArray<any>, import("../controls").MultiSelectProps, {}>>;
             };
+            readonly array_table: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaArray<any>, import("../controls").ArrayTableProps, {}>>;
+            };
         };
         readonly views: {};
         readonly wrappers: {
             readonly row: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").RowProps>>;
+            readonly section: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").SectionProps>>;
             readonly transparent: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, {}>>;
+            readonly accordeon: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").AccordeonProps>>;
         };
         readonly validators: {};
     };
@@ -44,6 +51,7 @@ export declare const untypedConfig: {
         readonly views: {};
         readonly wrappers: {
             readonly row: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").RowProps>>;
+            readonly section: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").SectionProps>>;
             readonly transparent: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, {}>>;
         };
         readonly validators: {};
@@ -60,7 +68,9 @@ export declare const untypedConfig: {
         readonly views: {};
         readonly wrappers: {
             readonly row: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").RowProps>>;
+            readonly section: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").SectionProps>>;
             readonly transparent: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, {}>>;
+            readonly accordeon: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").AccordeonProps>>;
         };
         readonly validators: {};
     };
@@ -69,14 +79,30 @@ export declare const untypedConfig: {
             readonly base: {
                 readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaObject<any>, import("../controls").ObjectBaseProps, {}>>;
             };
+            readonly inline: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaObject<any>, import("../controls").ObjectInlineProps, {}>>;
+            };
+            readonly dot_value: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaObject<any>, import("../controls").DotValueProps, {}>>;
+            };
             readonly range_slider: {
                 readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaObject<any>, import("../controls").RangeSliderProps, {}>>;
             };
+            readonly one_of_nested: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaObject<any>, import("../controls").OneOfNestedProps, {}>>;
+                readonly independent: true;
+            };
+            readonly few_of_nested: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaObject<any>, import("../controls").FewOfNestedProps, {}>>;
+                readonly independent: true;
+            };
         };
         readonly views: {};
         readonly wrappers: {
             readonly row: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").RowProps>>;
+            readonly section: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").SectionProps>>;
             readonly transparent: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, {}>>;
+            readonly accordeon: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").AccordeonProps>>;
         };
         readonly validators: {};
     };
@@ -88,23 +114,40 @@ export declare const untypedConfig: {
             readonly color_picker: {
                 readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaString<any>, import("../controls").ColorPickerProps, {}>>;
             };
+            readonly file: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaString<any>, import("../controls").FileInputProps, {}>>;
+            };
             readonly password: {
                 readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaString<any>, import("../controls").PasswordProps, {}>>;
             };
             readonly radio_group: {
                 readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaString<any>, import("../controls").RadioGroupProps, {}>>;
             };
+            readonly segmented_radio_group: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaString<any>, import("../controls").SegmentedRadioGroupProps, {}>>;
+            };
             readonly select: {
                 readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaString<any>, import("../controls").SelectProps, {}>>;
             };
             readonly textarea: {
                 readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaString<any>, import("../controls").TextAreaProps, {}>>;
             };
+            readonly text_content: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaString<any>, import("../controls").TextContentProps, {}>>;
+            };
+            readonly label: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaString<any>, import("../controls").LabelProps, {}>>;
+            };
+            readonly alert: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaString<any>, import("../controls").AlertProps, {}>>;
+            };
         };
         readonly views: {};
         readonly wrappers: {
             readonly row: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").RowProps>>;
+            readonly section: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").SectionProps>>;
             readonly transparent: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, {}>>;
+            readonly accordeon: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").AccordeonProps>>;
         };
         readonly validators: {};
     };

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

@@ -8,7 +8,12 @@ exports.untypedConfig = {
     [core_1.EntityType.Any]: {
         controls: { date_input: { Component: controls_1.DateInput } },
         views: {},
-        wrappers: { row: wrappers_1.Row, transparent: wrappers_1.Transparent },
+        wrappers: {
+            row: wrappers_1.Row,
+            section: wrappers_1.Section,
+            transparent: wrappers_1.Transparent,
+            accordeon: wrappers_1.Accordeon,
+        },
         validators: {},
     },
     [core_1.EntityType.Array]: {
@@ -16,15 +21,25 @@ exports.untypedConfig = {
             base: { Component: controls_1.ArrayBase },
             checkbox_group: { Component: controls_1.CheckboxGroup },
             select: { Component: controls_1.MultiSelect },
+            array_table: { Component: controls_1.ArrayTable },
         },
         views: {},
-        wrappers: { row: wrappers_1.Row, transparent: wrappers_1.Transparent },
+        wrappers: {
+            row: wrappers_1.Row,
+            section: wrappers_1.Section,
+            transparent: wrappers_1.Transparent,
+            accordeon: wrappers_1.Accordeon,
+        },
         validators: {},
     },
     [core_1.EntityType.Boolean]: {
         controls: { base: { Component: controls_1.Checkbox }, switch: { Component: controls_1.Switch } },
         views: {},
-        wrappers: { row: wrappers_1.Row, transparent: wrappers_1.Transparent },
+        wrappers: {
+            row: wrappers_1.Row,
+            section: wrappers_1.Section,
+            transparent: wrappers_1.Transparent,
+        },
         validators: {},
     },
     [core_1.EntityType.Number]: {
@@ -33,29 +48,53 @@ exports.untypedConfig = {
             slider: { Component: controls_1.Slider },
         },
         views: {},
-        wrappers: { row: wrappers_1.Row, transparent: wrappers_1.Transparent },
+        wrappers: {
+            row: wrappers_1.Row,
+            section: wrappers_1.Section,
+            transparent: wrappers_1.Transparent,
+            accordeon: wrappers_1.Accordeon,
+        },
         validators: {},
     },
     [core_1.EntityType.Object]: {
         controls: {
             base: { Component: controls_1.ObjectBase },
+            inline: { Component: controls_1.ObjectInline },
+            dot_value: { Component: controls_1.DotValue },
             range_slider: { Component: controls_1.RangeSlider },
+            one_of_nested: { Component: controls_1.OneOfNested, independent: true },
+            few_of_nested: { Component: controls_1.FewOfNested, independent: true },
         },
         views: {},
-        wrappers: { row: wrappers_1.Row, transparent: wrappers_1.Transparent },
+        wrappers: {
+            row: wrappers_1.Row,
+            section: wrappers_1.Section,
+            transparent: wrappers_1.Transparent,
+            accordeon: wrappers_1.Accordeon,
+        },
         validators: {},
     },
     [core_1.EntityType.String]: {
         controls: {
             base: { Component: controls_1.StringBase },
             color_picker: { Component: controls_1.ColorPicker },
+            file: { Component: controls_1.FileInput },
             password: { Component: controls_1.Password },
             radio_group: { Component: controls_1.RadioGroup },
+            segmented_radio_group: { Component: controls_1.SegmentedRadioGroup },
             select: { Component: controls_1.Select },
             textarea: { Component: controls_1.TextArea },
+            text_content: { Component: controls_1.TextContent },
+            label: { Component: controls_1.Label },
+            alert: { Component: controls_1.Alert },
         },
         views: {},
-        wrappers: { row: wrappers_1.Row, transparent: wrappers_1.Transparent },
+        wrappers: {
+            row: wrappers_1.Row,
+            section: wrappers_1.Section,
+            transparent: wrappers_1.Transparent,
+            accordeon: wrappers_1.Accordeon,
+        },
         validators: {},
     },
 };

package/build/cjs/lib/unstable/kit/controls/Alert/Alert.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import * as icons from '@gravity-ui/icons';
+import { type IconProps, type AlertProps as UIKitAlertProps } from '@gravity-ui/uikit';
+import type { JsonSchemaString } from '../../../core';
+export interface AlertProps extends UIKitAlertProps {
+    iconName?: keyof typeof icons;
+    iconProps?: Partial<IconProps>;
+}
+export declare const Alert: React.NamedExoticComponent<import("../../../core").ControlProps<JsonSchemaString<any>, AlertProps, {}>>;

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const icons = tslib_1.__importStar(require("@gravity-ui/icons"));
+const uikit_1 = require("@gravity-ui/uikit");
+const components_1 = require("../../components");
+const Component = ({ controlProps, schema }) => {
+    const { iconName, iconProps, message } = controlProps, controlRestProps = tslib_1.__rest(controlProps, ["iconName", "iconProps", "message"]);
+    const icon = react_1.default.useMemo(() => iconName && icons[iconName] ? (react_1.default.createElement(uikit_1.Icon, Object.assign({ data: icons[iconName] }, iconProps))) : undefined, [iconName, iconProps]);
+    const msg = react_1.default.useMemo(() => {
+        if (message) {
+            if (typeof message === 'string') {
+                return react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: message } });
+            }
+            return message;
+        }
+        if (schema.description) {
+            return react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: schema.description } });
+        }
+        return undefined;
+    }, [message, schema.description]);
+    return (react_1.default.createElement(components_1.ControlContainer, { stretch: "fit" },
+        react_1.default.createElement(uikit_1.Alert, Object.assign({ icon: icon, message: msg }, controlRestProps))));
+};
+exports.Alert = react_1.default.memo(Component);

package/build/cjs/lib/unstable/kit/controls/Alert/index.d.ts

@@ -0,0 +1 @@
+export { Alert, type AlertProps } from './Alert';

package/build/cjs/lib/unstable/kit/controls/Alert/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = void 0;
+var Alert_1 = require("./Alert");
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return Alert_1.Alert; } });

package/build/cjs/lib/unstable/kit/controls/ArrayBase/ArrayBase.js

@@ -7,40 +7,43 @@ const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
 const core_1 = require("../../../core");
 const components_1 = require("../../components");
-const utils_1 = require("../../utils");
-const Component = ({ controlProps, input, meta, schema, }) => {
-    var _a;
+const Component = ({ controlProps, input, schema }) => {
+    const { name, onBlur, onChange, onFocus, value } = input;
     const addButton = react_1.default.useMemo(() => {
         const itemsSchema = schema.items;
         if (Array.isArray(itemsSchema)) {
             return null;
         }
-        const onClick = () => input.onChange([...(input.value || []), itemsSchema === null || itemsSchema === void 0 ? void 0 : itemsSchema.default]);
-        return (react_1.default.createElement(uikit_1.Button, { onClick: onClick, disabled: controlProps.disabled || schema.readOnly, qa: `${input.name}-add-button` },
+        const onClick = () => {
+            onFocus();
+            onChange([...(value || []), itemsSchema === null || itemsSchema === void 0 ? void 0 : itemsSchema.default]);
+            onBlur();
+        };
+        return (react_1.default.createElement(uikit_1.Button, { onClick: onClick, disabled: controlProps.disabled || schema.readOnly, qa: `${name}-add-button` },
             react_1.default.createElement(uikit_1.Icon, { data: icons_1.Plus, size: 14 }),
             controlProps.addButtonText || null));
     }, [
         controlProps.addButtonText,
         controlProps.disabled,
-        input.onChange,
-        input.value,
-        schema.default,
+        name,
+        onBlur,
+        onChange,
+        onFocus,
         schema.items,
         schema.readOnly,
+        value,
     ]);
     const items = react_1.default.useMemo(() => {
-        var _a;
         const itemsSchema = schema.items;
         if (Array.isArray(itemsSchema)) {
-            return itemsSchema.map((item, index) => (react_1.default.createElement(core_1.Entity, { name: `${input.name}[${index}]`, schema: item, key: index })));
+            return itemsSchema.map((item, index) => (react_1.default.createElement(core_1.Entity, { name: `${name}[${index}]`, schema: item, key: index })));
         }
-        return new Array((_a = input.value) === null || _a === void 0 ? void 0 : _a.length)
+        return new Array(value === null || value === void 0 ? void 0 : value.length)
             .fill(null)
-            .map((_, index) => (react_1.default.createElement(core_1.Entity, { name: `${input.name}[${index}]`, schema: itemsSchema, key: index })));
-    }, [input.name, (_a = input.value) === null || _a === void 0 ? void 0 : _a.length, schema.items]);
-    return (react_1.default.createElement(components_1.ControlError, { errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta) },
-        react_1.default.createElement(uikit_1.Flex, { direction: "column", gap: 2 },
-            react_1.default.createElement(uikit_1.Flex, { direction: "column" }, items),
-            addButton)));
+            .map((_, index) => (react_1.default.createElement(core_1.Entity, { name: `${name}[${index}]`, schema: itemsSchema, key: index })));
+    }, [name, schema.items, value === null || value === void 0 ? void 0 : value.length]);
+    return (react_1.default.createElement(components_1.ControlContainer, { stretch: "by-child", gap: 4 },
+        react_1.default.createElement(uikit_1.Flex, { direction: "column" }, items),
+        addButton));
 };
 exports.ArrayBase = react_1.default.memo(Component);