@gravity-ui/dynamic-forms 5.18.0 → 5.19.1

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

@@ -0,0 +1,112 @@
+import { type SchemaRendererConfig } from '../../core';
+export declare const untypedConfig: {
+    readonly any: {
+        readonly controls: {
+            readonly date_input: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaAny<any>, import("../controls").DateInputProps, {}>>;
+            };
+        };
+        readonly views: {};
+        readonly wrappers: {
+            readonly row: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").RowProps>>;
+            readonly transparent: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, {}>>;
+        };
+        readonly validators: {};
+    };
+    readonly array: {
+        readonly controls: {
+            readonly base: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaArray<any>, import("../controls").ArrayBaseProps, {}>>;
+            };
+            readonly checkbox_group: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaArray<any>, import("../controls").CheckboxGroupProps, {}>>;
+            };
+            readonly select: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaArray<any>, import("../controls").MultiSelectProps, {}>>;
+            };
+        };
+        readonly views: {};
+        readonly wrappers: {
+            readonly row: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").RowProps>>;
+            readonly transparent: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, {}>>;
+        };
+        readonly validators: {};
+    };
+    readonly boolean: {
+        readonly controls: {
+            readonly base: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaBoolean<any>, import("../controls").CheckboxProps, {}>>;
+            };
+            readonly switch: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaBoolean<any>, import("../controls").SwitchProps, {}>>;
+            };
+        };
+        readonly views: {};
+        readonly wrappers: {
+            readonly row: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").RowProps>>;
+            readonly transparent: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, {}>>;
+        };
+        readonly validators: {};
+    };
+    readonly number: {
+        readonly controls: {
+            readonly base: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaNumber<any>, import("../controls").NumberBaseProps, {}>>;
+            };
+            readonly slider: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaNumber<any>, import("../controls").SliderProps, {}>>;
+            };
+        };
+        readonly views: {};
+        readonly wrappers: {
+            readonly row: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").RowProps>>;
+            readonly transparent: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, {}>>;
+        };
+        readonly validators: {};
+    };
+    readonly object: {
+        readonly controls: {
+            readonly base: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaObject<any>, import("../controls").ObjectBaseProps, {}>>;
+            };
+            readonly range_slider: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaObject<any>, import("../controls").RangeSliderProps, {}>>;
+            };
+        };
+        readonly views: {};
+        readonly wrappers: {
+            readonly row: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").RowProps>>;
+            readonly transparent: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, {}>>;
+        };
+        readonly validators: {};
+    };
+    readonly string: {
+        readonly controls: {
+            readonly base: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaString<any>, import("../controls").StringBaseProps, {}>>;
+            };
+            readonly color_picker: {
+                readonly Component: import("react").NamedExoticComponent<import("../../core").ControlProps<import("../../core").JsonSchemaString<any>, import("../controls").ColorPickerProps, {}>>;
+            };
+            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 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 views: {};
+        readonly wrappers: {
+            readonly row: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, import("../wrappers").RowProps>>;
+            readonly transparent: import("react").NamedExoticComponent<import("../../core").WrapperProps<import("../../core").JsonSchema, {}>>;
+        };
+        readonly validators: {};
+    };
+};
+export declare const config: SchemaRendererConfig;

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

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.config = exports.untypedConfig = void 0;
+const core_1 = require("../../core");
+const controls_1 = require("../controls");
+const wrappers_1 = require("../wrappers");
+exports.untypedConfig = {
+    [core_1.EntityType.Any]: {
+        controls: { date_input: { Component: controls_1.DateInput } },
+        views: {},
+        wrappers: { row: wrappers_1.Row, transparent: wrappers_1.Transparent },
+        validators: {},
+    },
+    [core_1.EntityType.Array]: {
+        controls: {
+            base: { Component: controls_1.ArrayBase },
+            checkbox_group: { Component: controls_1.CheckboxGroup },
+            select: { Component: controls_1.MultiSelect },
+        },
+        views: {},
+        wrappers: { row: wrappers_1.Row, transparent: wrappers_1.Transparent },
+        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 },
+        validators: {},
+    },
+    [core_1.EntityType.Number]: {
+        controls: {
+            base: { Component: controls_1.NumberBase },
+            slider: { Component: controls_1.Slider },
+        },
+        views: {},
+        wrappers: { row: wrappers_1.Row, transparent: wrappers_1.Transparent },
+        validators: {},
+    },
+    [core_1.EntityType.Object]: {
+        controls: {
+            base: { Component: controls_1.ObjectBase },
+            range_slider: { Component: controls_1.RangeSlider },
+        },
+        views: {},
+        wrappers: { row: wrappers_1.Row, transparent: wrappers_1.Transparent },
+        validators: {},
+    },
+    [core_1.EntityType.String]: {
+        controls: {
+            base: { Component: controls_1.StringBase },
+            color_picker: { Component: controls_1.ColorPicker },
+            password: { Component: controls_1.Password },
+            radio_group: { Component: controls_1.RadioGroup },
+            select: { Component: controls_1.Select },
+            textarea: { Component: controls_1.TextArea },
+        },
+        views: {},
+        wrappers: { row: wrappers_1.Row, transparent: wrappers_1.Transparent },
+        validators: {},
+    },
+};
+exports.config = exports.untypedConfig;

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

@@ -0,0 +1 @@
+export { config, untypedConfig } from './config';

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.untypedConfig = exports.config = void 0;
+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; } });

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type JsonSchemaArray } from '../../../core';
+export interface ArrayBaseProps {
+    addButtonText?: string;
+    addButtonPosition?: string;
+    disabled?: boolean;
+}
+export declare const ArrayBase: React.NamedExoticComponent<import("../../../core").ControlProps<JsonSchemaArray<any>, ArrayBaseProps, {}>>;

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

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrayBase = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+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 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` },
+            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,
+        schema.items,
+        schema.readOnly,
+    ]);
+    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 new Array((_a = input.value) === null || _a === void 0 ? void 0 : _a.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)));
+};
+exports.ArrayBase = react_1.default.memo(Component);

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

@@ -0,0 +1 @@
+export * from './ArrayBase';

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ArrayBase"), exports);

package/build/cjs/lib/unstable/kit/controls/Checkbox/Checkbox.css

@@ -0,0 +1,5 @@
+.sr-checkbox {
+  min-height: 28px;
+  display: flex;
+  align-items: center;
+}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { CheckboxProps as CheckboxBaseProps } from '@gravity-ui/uikit';
+import type { JsonSchemaBoolean } from '../../../core';
+export interface CheckboxProps extends Omit<CheckboxBaseProps, 'checked' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'qa'> {
+}
+export declare const Checkbox: React.NamedExoticComponent<import("../../../core").ControlProps<JsonSchemaBoolean<any>, CheckboxProps, {}>>;

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+const tslib_1 = require("tslib");
+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 b = (0, utils_1.block)('checkbox');
+const Component = ({ controlProps, input, meta, schema, }) => {
+    var _a;
+    return (react_1.default.createElement(components_1.ControlError, { errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta) },
+        react_1.default.createElement("div", { className: b() },
+            react_1.default.createElement(uikit_1.Checkbox, Object.assign({ disabled: schema.readOnly }, controlProps, { className: b(), checked: (_a = input.value) !== null && _a !== void 0 ? _a : false, onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: input.onChange, qa: input.name })))));
+};
+exports.Checkbox = react_1.default.memo(Component);

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

@@ -0,0 +1 @@
+export { Checkbox, type CheckboxProps } from './Checkbox';

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

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

package/build/cjs/lib/unstable/kit/controls/CheckboxGroup/CheckboxGroup.css

@@ -0,0 +1,3 @@
+.sr-checkbox-group {
+  padding-top: 7.5px;
+}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { JsonSchemaArray } from '../../../core';
+export interface CheckboxGroupProps {
+    enumDescriptions?: Record<string, string>;
+    optionsDisabled?: Record<string, boolean>;
+    direction?: 'row' | 'column';
+    disabled?: boolean;
+}
+export declare const CheckboxGroup: React.NamedExoticComponent<import("../../../core").ControlProps<JsonSchemaArray<any>, CheckboxGroupProps, {}>>;

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

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxGroup = void 0;
+const tslib_1 = require("tslib");
+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 b = (0, utils_1.block)('checkbox-group');
+const Component = ({ controlProps, input, meta, schema, }) => {
+    const { direction, disabled, enumDescriptions, optionsDisabled } = controlProps;
+    const value = react_1.default.useMemo(() => (Array.isArray(input.value) ? input.value : []), [input.value]);
+    const options = react_1.default.useMemo(() => {
+        var _a, _b;
+        if (schema.items && 'enum' in schema.items) {
+            return (_b = (_a = schema === null || schema === void 0 ? void 0 : schema.items) === null || _a === void 0 ? void 0 : _a.enum) === null || _b === void 0 ? void 0 : _b.map((el) => {
+                const value = `${el}`;
+                return {
+                    value,
+                    text: (enumDescriptions === null || enumDescriptions === void 0 ? void 0 : enumDescriptions[value]) || value,
+                };
+            });
+        }
+        return;
+    }, [enumDescriptions, schema]);
+    const onUpdate = react_1.default.useCallback((optionValue, selected) => {
+        if (selected) {
+            input.onChange([...value, optionValue]);
+        }
+        else {
+            input.onChange(value.filter((el) => el !== optionValue));
+        }
+    }, [input.onChange, value]);
+    return (react_1.default.createElement(components_1.ControlError, { errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta) },
+        react_1.default.createElement(uikit_1.Flex, { className: b(), direction: direction, gap: 2 }, options === null || options === void 0 ? void 0 : options.map(({ value: optionValue, text }) => (react_1.default.createElement(uikit_1.Checkbox, { checked: value.includes(optionValue), onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: (checked) => onUpdate(optionValue, checked), content: text, disabled: disabled || (optionsDisabled === null || optionsDisabled === void 0 ? void 0 : optionsDisabled[optionValue]) || schema.readOnly, qa: `${input.name}-${optionValue}`, key: optionValue }))))));
+};
+exports.CheckboxGroup = react_1.default.memo(Component);

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

@@ -0,0 +1 @@
+export { CheckboxGroup, type CheckboxGroupProps } from './CheckboxGroup';

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type unstable_ColorPickerProps as ColorPickerBaseProps } from '@gravity-ui/uikit/unstable';
+import type { JsonSchemaString } from '../../../core';
+export interface ColorPickerProps extends Omit<ColorPickerBaseProps, 'value' | 'onUpdate'> {
+}
+export declare const ColorPicker: React.NamedExoticComponent<import("../../../core").ControlProps<JsonSchemaString<any>, ColorPickerProps, {}>>;

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorPicker = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const unstable_1 = require("@gravity-ui/uikit/unstable");
+const components_1 = require("../../components");
+const utils_1 = require("../../utils");
+const Component = ({ controlProps, input, meta, schema, }) => {
+    var _a;
+    const { onOpenChange: onOpenChangeProps } = controlProps, restControlProps = tslib_1.__rest(controlProps, ["onOpenChange"]);
+    const onOpenChange = react_1.default.useCallback((open) => {
+        onOpenChangeProps === null || onOpenChangeProps === void 0 ? void 0 : onOpenChangeProps(open);
+        if (open) {
+            input.onFocus();
+        }
+        else {
+            input.onBlur();
+        }
+    }, [input.onBlur, input.onFocus, onOpenChangeProps]);
+    return (react_1.default.createElement(components_1.ControlError, { errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta) },
+        react_1.default.createElement(unstable_1.unstable_ColorPicker, Object.assign({ disabled: schema.readOnly }, restControlProps, { value: (_a = input.value) !== null && _a !== void 0 ? _a : '', onUpdate: input.onChange, onOpenChange: onOpenChange }))));
+};
+exports.ColorPicker = react_1.default.memo(Component);

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

@@ -0,0 +1 @@
+export { ColorPicker, type ColorPickerProps } from './ColorPicker';

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

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

package/build/cjs/lib/unstable/kit/controls/DateInput/DateInput.css

@@ -0,0 +1,3 @@
+.sr-date-input {
+  width: 100%;
+}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { DatePickerProps } from '@gravity-ui/date-components';
+import type { JsonSchemaAny } from '../../../core';
+export declare const DEFAULT_DATE_FORMAT = "DD.MM.YYYY HH:mm";
+export interface DateInputProps extends Omit<DatePickerProps, 'value' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'qa'> {
+    outputFormat?: string;
+}
+export declare const DateInput: React.NamedExoticComponent<import("../../../core").ControlProps<JsonSchemaAny<any>, DateInputProps, {}>>;

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

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateInput = exports.DEFAULT_DATE_FORMAT = void 0;
+const tslib_1 = require("tslib");
+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 components_1 = require("../../components");
+const utils_1 = require("../../utils");
+exports.DEFAULT_DATE_FORMAT = 'DD.MM.YYYY HH:mm';
+const b = (0, utils_1.block)('date-input');
+const Component = ({ controlProps, input, meta, schema }) => {
+    var _a;
+    const { outputFormat, timeZone: timeZoneProp } = controlProps, restControlProps = tslib_1.__rest(controlProps, ["outputFormat", "timeZone"]);
+    const timeZone = timeZoneProp && (0, date_utils_1.isValidTimeZone)(timeZoneProp) ? timeZoneProp : undefined;
+    const onUpdate = react_1.default.useCallback((date) => {
+        if (!date) {
+            input.onChange(undefined);
+            return;
+        }
+        if (outputFormat === 'date_time') {
+            input.onChange(date);
+            return;
+        }
+        if (outputFormat === 'date') {
+            input.onChange(date.toDate());
+            return;
+        }
+        if (outputFormat === 'timestamp') {
+            input.onChange({
+                seconds: Math.floor(date.toDate().getTime() / 1000),
+                nanos: 0,
+            });
+            return;
+        }
+        if (outputFormat === 'string' || !outputFormat) {
+            input.onChange(date.toISOString());
+            return;
+        }
+        input.onChange(date.format(outputFormat));
+    }, [outputFormat, input.onChange]);
+    const value = react_1.default.useMemo(() => {
+        if (!input.value) {
+            return null;
+        }
+        let raw = input.value;
+        if (typeof raw === 'object' && raw !== null && 'seconds' in raw && raw.seconds) {
+            raw = raw.seconds * 1000;
+        }
+        return (0, date_utils_1.dateTimeParse)(raw, { format: outputFormat, timeZone }) || null;
+    }, [input.value, outputFormat, timeZone]);
+    return (react_1.default.createElement(components_1.ControlError, { errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta) },
+        react_1.default.createElement(date_components_1.DatePicker, Object.assign({ className: b(), format: exports.DEFAULT_DATE_FORMAT, popupPlacement: "bottom-start", disabled: schema.readOnly, hasClear: true }, restControlProps, { value: value, onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: onUpdate, placeholder: `${(_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0]}`, timeZone: timeZone, "data-qa": input.name }))));
+};
+exports.DateInput = react_1.default.memo(Component);

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

@@ -0,0 +1 @@
+export { DateInput, type DateInputProps } from './DateInput';

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type SelectProps as SelectBaseProps } from '@gravity-ui/uikit';
+import type { JsonSchemaArray } from '../../../core';
+export interface MultiSelectProps extends Omit<SelectBaseProps, 'value' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'multiple' | 'qa'> {
+    enumDescriptions?: Record<string, string>;
+    optionsMeta?: Record<string, string>;
+}
+export declare const MultiSelect: React.NamedExoticComponent<import("../../../core").ControlProps<JsonSchemaArray<any>, MultiSelectProps, {}>>;

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiSelect = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const isString_1 = tslib_1.__importDefault(require("lodash/isString"));
+const utils_1 = require("../../utils");
+const Component = ({ controlProps, input, meta, schema, }) => {
+    var _a, _b;
+    const { enumDescriptions, optionsMeta } = controlProps, restControlProps = tslib_1.__rest(controlProps, ["enumDescriptions", "optionsMeta"]);
+    const value = react_1.default.useMemo(() => (Array.isArray(input.value) && input.value.every(isString_1.default) ? input.value : undefined), [input.value]);
+    const enumValues = schema.items && 'enum' in schema.items ? schema.items.enum : undefined;
+    const options = react_1.default.useMemo(() => {
+        if (enumValues) {
+            return enumValues === null || enumValues === void 0 ? void 0 : enumValues.map((el) => {
+                const value = `${el}`;
+                const text = (enumDescriptions === null || enumDescriptions === void 0 ? void 0 : enumDescriptions[value]) || value;
+                const optionMeta = optionsMeta === null || optionsMeta === void 0 ? void 0 : optionsMeta[value];
+                let content = text;
+                if (optionMeta) {
+                    content = (react_1.default.createElement(uikit_1.Flex, { direction: "column", gap: "0.5" },
+                        react_1.default.createElement(uikit_1.Text, null, text),
+                        react_1.default.createElement(uikit_1.Text, { color: "secondary" }, optionMeta)));
+                }
+                return { value, text, content, key: value, data: { optionMeta } };
+            });
+        }
+        return;
+    }, [enumDescriptions, enumValues, optionsMeta]);
+    const renderOption = react_1.default.useCallback((option) => (react_1.default.createElement(react_1.default.Fragment, { key: option.value }, option.content || option.text || option.value)), []);
+    const getOptionHeight = react_1.default.useCallback((option) => { var _a; return (((_a = option.data) === null || _a === void 0 ? void 0 : _a.optionMeta) ? 44 : 28); }, []);
+    return (react_1.default.createElement(uikit_1.Select, Object.assign({ width: "max", options: options, filterable: ((enumValues === null || enumValues === void 0 ? void 0 : enumValues.length) || 0) > 9, renderOption: renderOption, getOptionHeight: getOptionHeight, disabled: schema.readOnly }, restControlProps, { value: value, onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: input.onChange, errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta), placeholder: `${(_b = (_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b[0]}`, multiple: true, qa: input.name })));
+};
+exports.MultiSelect = react_1.default.memo(Component);

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

@@ -0,0 +1 @@
+export { MultiSelect, type MultiSelectProps } from './MultiSelect';

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

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

package/build/cjs/lib/unstable/kit/controls/NumberBase/Number.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type NumberInputProps } from '@gravity-ui/uikit';
+import { type JsonSchemaNumber } from '../../../core';
+export interface NumberBaseProps extends Omit<NumberInputProps, 'value' | 'defaultValue' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'errorMessage' | 'validationState' | 'placeholder' | 'qa'> {
+}
+export declare const NumberBase: React.NamedExoticComponent<import("../../../core").ControlProps<JsonSchemaNumber<any>, NumberBaseProps, {}>>;

package/build/cjs/lib/unstable/kit/controls/NumberBase/Number.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberBase = 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 Component = ({ controlProps, input, meta, schema, }) => {
+    var _a;
+    return (react_1.default.createElement(uikit_1.NumberInput, Object.assign({ allowDecimal: true, hiddenControls: true, hasClear: true, disabled: schema.readOnly }, controlProps, { value: input.value, defaultValue: schema.default, onBlur: input.onBlur, onFocus: input.onFocus, onUpdate: input.onChange, errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta), placeholder: `${((_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0]) || ''}`, qa: input.name })));
+};
+exports.NumberBase = react_1.default.memo(Component);

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

@@ -0,0 +1 @@
+export { NumberBase, type NumberBaseProps } from './Number';

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type JsonSchemaObject } from '../../../core';
+export interface ObjectBaseProps {
+    addButtonText?: string;
+    disabled?: boolean;
+    order?: string[];
+}
+export declare const ObjectBase: React.NamedExoticComponent<import("../../../core").ControlProps<JsonSchemaObject<any>, ObjectBaseProps, {}>>;

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ObjectBase = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+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, }) => {
+    const addButton = react_1.default.useMemo(() => {
+        const onClick = () => input.onChange(schema.default);
+        return (react_1.default.createElement(uikit_1.Button, { onClick: onClick, disabled: controlProps.disabled || schema.readOnly, qa: `${input.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,
+        schema.default,
+        schema.readOnly,
+    ]);
+    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" },
+                (controlProps.order || Object.keys(schema.properties || {})).map((property) => {
+                    var _a;
+                    return (react_1.default.createElement(core_1.Entity, { name: `${input.name ? input.name + '.' : ''}${property}`, schema: (_a = schema.properties) === null || _a === void 0 ? void 0 : _a[property], key: property }));
+                }),
+                input.value ? null : addButton))));
+};
+exports.ObjectBase = react_1.default.memo(Component);

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

@@ -0,0 +1 @@
+export { ObjectBase, type ObjectBaseProps } from './ObjectBase';