@gravity-ui/dynamic-forms 5.18.0 → 5.19.0

package/build/esm/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/esm/lib/unstable/kit/constants/config.js

@@ -0,0 +1,59 @@
+import { EntityType } from '../../core';
+import { ArrayBase, Checkbox, CheckboxGroup, ColorPicker, DateInput, MultiSelect, NumberBase, ObjectBase, Password, RadioGroup, RangeSlider, Select, Slider, StringBase, Switch, TextArea, } from '../controls';
+import { Row, Transparent } from '../wrappers';
+export const untypedConfig = {
+    [EntityType.Any]: {
+        controls: { date_input: { Component: DateInput } },
+        views: {},
+        wrappers: { row: Row, transparent: Transparent },
+        validators: {},
+    },
+    [EntityType.Array]: {
+        controls: {
+            base: { Component: ArrayBase },
+            checkbox_group: { Component: CheckboxGroup },
+            select: { Component: MultiSelect },
+        },
+        views: {},
+        wrappers: { row: Row, transparent: Transparent },
+        validators: {},
+    },
+    [EntityType.Boolean]: {
+        controls: { base: { Component: Checkbox }, switch: { Component: Switch } },
+        views: {},
+        wrappers: { row: Row, transparent: Transparent },
+        validators: {},
+    },
+    [EntityType.Number]: {
+        controls: {
+            base: { Component: NumberBase },
+            slider: { Component: Slider },
+        },
+        views: {},
+        wrappers: { row: Row, transparent: Transparent },
+        validators: {},
+    },
+    [EntityType.Object]: {
+        controls: {
+            base: { Component: ObjectBase },
+            range_slider: { Component: RangeSlider },
+        },
+        views: {},
+        wrappers: { row: Row, transparent: Transparent },
+        validators: {},
+    },
+    [EntityType.String]: {
+        controls: {
+            base: { Component: StringBase },
+            color_picker: { Component: ColorPicker },
+            password: { Component: Password },
+            radio_group: { Component: RadioGroup },
+            select: { Component: Select },
+            textarea: { Component: TextArea },
+        },
+        views: {},
+        wrappers: { row: Row, transparent: Transparent },
+        validators: {},
+    },
+};
+export const config = untypedConfig;

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

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

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

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

package/build/esm/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/esm/lib/unstable/kit/controls/ArrayBase/ArrayBase.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { Plus } from '@gravity-ui/icons';
+import { Button, Flex, Icon } from '@gravity-ui/uikit';
+import { Entity } from '../../../core';
+import { ControlError } from '../../components';
+import { getValidationState } from '../../utils';
+const Component = ({ controlProps, input, meta, schema, }) => {
+    var _a;
+    const addButton = React.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.createElement(Button, { onClick: onClick, disabled: controlProps.disabled || schema.readOnly, qa: `${input.name}-add-button` },
+            React.createElement(Icon, { data: Plus, size: 14 }),
+            controlProps.addButtonText || null));
+    }, [
+        controlProps.addButtonText,
+        controlProps.disabled,
+        input.onChange,
+        input.value,
+        schema.default,
+        schema.items,
+        schema.readOnly,
+    ]);
+    const items = React.useMemo(() => {
+        var _a;
+        const itemsSchema = schema.items;
+        if (Array.isArray(itemsSchema)) {
+            return itemsSchema.map((item, index) => (React.createElement(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.createElement(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.createElement(ControlError, { errorMessage: meta.error, validationState: getValidationState(meta) },
+        React.createElement(Flex, { direction: "column", gap: 2 },
+            React.createElement(Flex, { direction: "column" }, items),
+            addButton)));
+};
+export const ArrayBase = React.memo(Component);

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { CheckboxProps as CheckboxBaseProps } from '@gravity-ui/uikit';
+import type { JsonSchemaBoolean } from '../../../core';
+import './Checkbox.css';
+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/esm/lib/unstable/kit/controls/Checkbox/Checkbox.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Checkbox as CheckboxBase } from '@gravity-ui/uikit';
+import { ControlError } from '../../components';
+import { block, getValidationState } from '../../utils';
+import './Checkbox.css';
+const b = block('checkbox');
+const Component = ({ controlProps, input, meta, schema, }) => {
+    var _a;
+    return (React.createElement(ControlError, { errorMessage: meta.error, validationState: getValidationState(meta) },
+        React.createElement("div", { className: b() },
+            React.createElement(CheckboxBase, 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 })))));
+};
+export const Checkbox = React.memo(Component);

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { JsonSchemaArray } from '../../../core';
+import './CheckboxGroup.css';
+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/esm/lib/unstable/kit/controls/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Checkbox, Flex } from '@gravity-ui/uikit';
+import { ControlError } from '../../components';
+import { block, getValidationState } from '../../utils';
+import './CheckboxGroup.css';
+const b = block('checkbox-group');
+const Component = ({ controlProps, input, meta, schema, }) => {
+    const { direction, disabled, enumDescriptions, optionsDisabled } = controlProps;
+    const value = React.useMemo(() => (Array.isArray(input.value) ? input.value : []), [input.value]);
+    const options = React.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.useCallback((optionValue, selected) => {
+        if (selected) {
+            input.onChange([...value, optionValue]);
+        }
+        else {
+            input.onChange(value.filter((el) => el !== optionValue));
+        }
+    }, [input.onChange, value]);
+    return (React.createElement(ControlError, { errorMessage: meta.error, validationState: getValidationState(meta) },
+        React.createElement(Flex, { className: b(), direction: direction, gap: 2 }, options === null || options === void 0 ? void 0 : options.map(({ value: optionValue, text }) => (React.createElement(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 }))))));
+};
+export const CheckboxGroup = React.memo(Component);

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

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

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

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

package/build/esm/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/esm/lib/unstable/kit/controls/ColorPicker/ColorPicker.js

@@ -0,0 +1,21 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { unstable_ColorPicker as ColorPickerBase, } from '@gravity-ui/uikit/unstable';
+import { ControlError } from '../../components';
+import { getValidationState } from '../../utils';
+const Component = ({ controlProps, input, meta, schema, }) => {
+    var _a;
+    const { onOpenChange: onOpenChangeProps } = controlProps, restControlProps = __rest(controlProps, ["onOpenChange"]);
+    const onOpenChange = React.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.createElement(ControlError, { errorMessage: meta.error, validationState: getValidationState(meta) },
+        React.createElement(ColorPickerBase, Object.assign({ disabled: schema.readOnly }, restControlProps, { value: (_a = input.value) !== null && _a !== void 0 ? _a : '', onUpdate: input.onChange, onOpenChange: onOpenChange }))));
+};
+export const ColorPicker = React.memo(Component);

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { DatePickerProps } from '@gravity-ui/date-components';
+import type { JsonSchemaAny } from '../../../core';
+import './DateInput.css';
+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/esm/lib/unstable/kit/controls/DateInput/DateInput.js

@@ -0,0 +1,53 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { DatePicker } from '@gravity-ui/date-components';
+import { dateTimeParse, isValidTimeZone } from '@gravity-ui/date-utils';
+import { ControlError } from '../../components';
+import { block, getValidationState } from '../../utils';
+import './DateInput.css';
+export const DEFAULT_DATE_FORMAT = 'DD.MM.YYYY HH:mm';
+const b = block('date-input');
+const Component = ({ controlProps, input, meta, schema }) => {
+    var _a;
+    const { outputFormat, timeZone: timeZoneProp } = controlProps, restControlProps = __rest(controlProps, ["outputFormat", "timeZone"]);
+    const timeZone = timeZoneProp && isValidTimeZone(timeZoneProp) ? timeZoneProp : undefined;
+    const onUpdate = React.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.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 dateTimeParse(raw, { format: outputFormat, timeZone }) || null;
+    }, [input.value, outputFormat, timeZone]);
+    return (React.createElement(ControlError, { errorMessage: meta.error, validationState: getValidationState(meta) },
+        React.createElement(DatePicker, Object.assign({ className: b(), format: 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 }))));
+};
+export const DateInput = React.memo(Component);

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

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

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

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

package/build/esm/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/esm/lib/unstable/kit/controls/MultiSelect/MultiSelect.js

@@ -0,0 +1,32 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { Flex, Select as SelectBase, Text, } from '@gravity-ui/uikit';
+import isString from 'lodash/isString';
+import { getValidationState } from '../../utils';
+const Component = ({ controlProps, input, meta, schema, }) => {
+    var _a, _b;
+    const { enumDescriptions, optionsMeta } = controlProps, restControlProps = __rest(controlProps, ["enumDescriptions", "optionsMeta"]);
+    const value = React.useMemo(() => (Array.isArray(input.value) && input.value.every(isString) ? input.value : undefined), [input.value]);
+    const enumValues = schema.items && 'enum' in schema.items ? schema.items.enum : undefined;
+    const options = React.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.createElement(Flex, { direction: "column", gap: "0.5" },
+                        React.createElement(Text, null, text),
+                        React.createElement(Text, { color: "secondary" }, optionMeta)));
+                }
+                return { value, text, content, key: value, data: { optionMeta } };
+            });
+        }
+        return;
+    }, [enumDescriptions, enumValues, optionsMeta]);
+    const renderOption = React.useCallback((option) => (React.createElement(React.Fragment, { key: option.value }, option.content || option.text || option.value)), []);
+    const getOptionHeight = React.useCallback((option) => { var _a; return (((_a = option.data) === null || _a === void 0 ? void 0 : _a.optionMeta) ? 44 : 28); }, []);
+    return (React.createElement(SelectBase, 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: 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 })));
+};
+export const MultiSelect = React.memo(Component);

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

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

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

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

package/build/esm/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/esm/lib/unstable/kit/controls/NumberBase/Number.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { NumberInput } from '@gravity-ui/uikit';
+import { getValidationState } from '../../utils';
+const Component = ({ controlProps, input, meta, schema, }) => {
+    var _a;
+    return (React.createElement(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: getValidationState(meta), placeholder: `${((_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0]) || ''}`, qa: input.name })));
+};
+export const NumberBase = React.memo(Component);

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

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

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

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

package/build/esm/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/esm/lib/unstable/kit/controls/ObjectBase/ObjectBase.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { Plus } from '@gravity-ui/icons';
+import { Button, Flex, Icon } from '@gravity-ui/uikit';
+import { Entity } from '../../../core';
+import { ControlError } from '../../components';
+import { getValidationState } from '../../utils';
+const Component = ({ controlProps, input, meta, schema, }) => {
+    const addButton = React.useMemo(() => {
+        const onClick = () => input.onChange(schema.default);
+        return (React.createElement(Button, { onClick: onClick, disabled: controlProps.disabled || schema.readOnly, qa: `${input.name}-add-button` },
+            React.createElement(Icon, { data: Plus, size: 14 }),
+            controlProps.addButtonText || null));
+    }, [
+        controlProps.addButtonText,
+        controlProps.disabled,
+        input.onChange,
+        schema.default,
+        schema.readOnly,
+    ]);
+    return (React.createElement(ControlError, { errorMessage: meta.error, validationState: getValidationState(meta) },
+        React.createElement(Flex, { direction: "column", gap: 2 },
+            React.createElement(Flex, { direction: "column" },
+                (controlProps.order || Object.keys(schema.properties || {})).map((property) => {
+                    var _a;
+                    return (React.createElement(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))));
+};
+export const ObjectBase = React.memo(Component);

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

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

package/build/esm/lib/unstable/kit/controls/ObjectBase/index.js

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

package/build/esm/lib/unstable/kit/controls/Password/Password.d.ts

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

package/build/esm/lib/unstable/kit/controls/Password/Password.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PasswordInput } from '@gravity-ui/uikit';
+import { getValidationState } from '../../utils';
+const Component = ({ controlProps, input, meta, schema, }) => {
+    var _a, _b;
+    return (React.createElement(PasswordInput, Object.assign({ autoComplete: "new-password", hasClear: true, disabled: schema.readOnly }, controlProps, { value: (_a = input.value) !== null && _a !== void 0 ? _a : '', onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: input.onChange, errorMessage: meta.error, validationState: getValidationState(meta), placeholder: (_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0], qa: input.name })));
+};
+export const Password = React.memo(Component);

package/build/esm/lib/unstable/kit/controls/Password/index.d.ts

@@ -0,0 +1 @@
+export { Password, type PasswordProps } from './Password';

package/build/esm/lib/unstable/kit/controls/Password/index.js

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

package/build/esm/lib/unstable/kit/controls/RadioGroup/RadioGroup.css

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

package/build/esm/lib/unstable/kit/controls/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type RadioGroupProps as RadioGroupBaseProps } from '@gravity-ui/uikit';
+import type { JsonSchemaString } from '../../../core';
+import './RadioGroup.css';
+export interface RadioGroupProps extends Omit<RadioGroupBaseProps, 'value' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'qa'> {
+    enumDescriptions?: Record<string, string>;
+    optionsDisabled?: Record<string, boolean>;
+}
+export declare const RadioGroup: React.NamedExoticComponent<import("../../../core").ControlProps<JsonSchemaString<any>, RadioGroupProps, {}>>;