@gravity-ui/dynamic-forms 5.19.1 → 5.21.0

package/build/esm/lib/unstable/kit/form-entities/ColorPickerInput/ColorPickerInput.d.ts

@@ -0,0 +1,6 @@
+import { type unstable_ColorPickerProps as ColorPickerProps } from '@gravity-ui/uikit/unstable';
+import type { JsonSchemaString, NodeEntity } from '../../../core';
+import './ColorPickerInput.css';
+export interface ColorPickerInputProps extends Omit<ColorPickerProps, 'value' | 'onUpdate'> {
+}
+export declare const ColorPickerInput: NodeEntity<JsonSchemaString, ColorPickerInputProps>;

package/build/esm/lib/unstable/kit/form-entities/ColorPickerInput/ColorPickerInput.js

@@ -0,0 +1,22 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { unstable_ColorPicker as ColorPicker, } from '@gravity-ui/uikit/unstable';
+import { EntityContainer } from '../../components';
+import { block, getBooleanValidationState } from '../../utils';
+import './ColorPickerInput.css';
+const b = block('color-picker-input');
+export const ColorPickerInput = ({ input, props, meta, schema, }) => {
+    const { name, onBlur, onChange, onFocus, value } = input;
+    const { onOpenChange: onOpenChangeProps } = props, restEntityProps = __rest(props, ["onOpenChange"]);
+    const onOpenChange = React.useCallback((open) => {
+        onOpenChangeProps === null || onOpenChangeProps === void 0 ? void 0 : onOpenChangeProps(open);
+        if (open) {
+            onFocus();
+        }
+        else {
+            onBlur();
+        }
+    }, [onBlur, onFocus, onOpenChangeProps]);
+    return (React.createElement(EntityContainer, { stretch: "max", className: b({ error: getBooleanValidationState(meta) }) },
+        React.createElement(ColorPicker, Object.assign({ disabled: schema.readOnly }, restEntityProps, { value: value !== null && value !== void 0 ? value : '', onUpdate: onChange, onOpenChange: onOpenChange, "data-qa": name }))));
+};

package/build/esm/lib/unstable/kit/form-entities/ColorPickerInput/index.d.ts

@@ -0,0 +1 @@
+export { ColorPickerInput, type ColorPickerInputProps } from './ColorPickerInput';

package/build/esm/lib/unstable/kit/form-entities/ColorPickerInput/index.js

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

package/build/esm/lib/unstable/kit/form-entities/DateInput/DateInput.css

@@ -0,0 +1,3 @@
+.sr-date-input_error .g-date-date-picker .g-text-input__content {
+  border: 1px solid var(--g-color-text-danger);
+}

package/build/esm/lib/unstable/kit/form-entities/DateInput/DateInput.d.ts

@@ -0,0 +1,7 @@
+import { type DatePickerProps } from '@gravity-ui/date-components';
+import type { JsonSchemaAny, NodeEntity } from '../../../core';
+import './DateInput.css';
+export interface DateInputProps extends Omit<DatePickerProps, 'value' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'errorMessage' | 'validationState'> {
+    outputFormat?: string;
+}
+export declare const DateInput: NodeEntity<JsonSchemaAny, DateInputProps>;

package/build/esm/lib/unstable/kit/form-entities/DateInput/DateInput.js

@@ -0,0 +1,44 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { DatePicker } from '@gravity-ui/date-components';
+import { isValidTimeZone } from '@gravity-ui/date-utils';
+import { EntityContainer } from '../../components';
+import { DEFAULT_DATE_FORMAT } from '../../constants';
+import { block, getBooleanValidationState, parseDate } from '../../utils';
+import './DateInput.css';
+const b = block('date-input');
+export const DateInput = ({ input, meta, props, schema, }) => {
+    var _a;
+    const { name, onBlur, onChange, onFocus, value: inputValue } = input;
+    const { format = DEFAULT_DATE_FORMAT, outputFormat, timeZone: timeZoneProp } = props, restEntityProps = __rest(props, ["format", "outputFormat", "timeZone"]);
+    const timeZone = timeZoneProp && isValidTimeZone(timeZoneProp) ? timeZoneProp : undefined;
+    const onUpdate = React.useCallback((date) => {
+        if (!date) {
+            onChange(undefined);
+            return;
+        }
+        if (outputFormat === 'date_time') {
+            onChange(date);
+            return;
+        }
+        if (outputFormat === 'date') {
+            onChange(date.toDate());
+            return;
+        }
+        if (outputFormat === 'timestamp') {
+            onChange({
+                seconds: Math.floor(date.toDate().getTime() / 1000),
+                nanos: 0,
+            });
+            return;
+        }
+        if (outputFormat === 'string' || !outputFormat) {
+            onChange(date.toISOString());
+            return;
+        }
+        onChange(date.format(outputFormat));
+    }, [outputFormat, onChange]);
+    const value = React.useMemo(() => parseDate(inputValue, outputFormat, timeZone), [inputValue, outputFormat, timeZone]);
+    return (React.createElement(EntityContainer, { stretch: "max", className: b({ error: getBooleanValidationState(meta) }) },
+        React.createElement(DatePicker, Object.assign({ format: format, popupPlacement: "bottom-start", placeholder: `${((_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0]) || ''}`, disabled: schema.readOnly, hasClear: true }, restEntityProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, timeZone: timeZone, errorMessage: undefined, validationState: undefined, "data-qa": name }))));
+};

package/build/esm/lib/unstable/kit/form-entities/FileInput/FileInput.d.ts

@@ -0,0 +1,6 @@
+import { type FileDropZoneProps } from '@gravity-ui/uikit/unstable';
+import type { JsonSchemaString, NodeEntity } from '../../../core';
+export interface FileInputProps extends Omit<FileDropZoneProps, 'multiple' | 'onUpdate' | 'errorMessage' | 'validationState'> {
+    readAsMethod?: 'readAsBinaryString' | 'readAsDataURL' | 'readAsText';
+}
+export declare const FileInput: NodeEntity<JsonSchemaString, FileInputProps>;

package/build/esm/lib/unstable/kit/form-entities/FileInput/FileInput.js

@@ -0,0 +1,49 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { Xmark } from '@gravity-ui/icons';
+import { FilePreview } from '@gravity-ui/uikit';
+import { unstable_FileDropZone as FileDropZone, } from '@gravity-ui/uikit/unstable';
+import { EntityContainer } from '../../components';
+import { getValidationState } from '../../utils';
+export const FileInput = ({ input, meta, props, schema, }) => {
+    const { onBlur, onChange, onFocus } = input;
+    const { readAsMethod = 'readAsBinaryString' } = props, restEntityProps = __rest(props, ["readAsMethod"]);
+    const counterRef = React.useRef(0);
+    const [file, setFile] = React.useState(null);
+    const actions = React.useMemo(() => [
+        {
+            id: 'remove',
+            title: '',
+            icon: React.createElement(Xmark, { width: 14, height: 14 }),
+            onClick: () => {
+                onChange(undefined);
+                setFile(null);
+            },
+            tooltipExtraProps: { disabled: true },
+        },
+    ], [onChange]);
+    const onUpdate = React.useCallback((files) => {
+        if (files.length) {
+            const reader = new FileReader();
+            if (typeof reader[readAsMethod] !== 'function') {
+                throw new Error(`Unknown parameter: ${readAsMethod}`);
+            }
+            const counter = ++counterRef.current;
+            reader.addEventListener('load', () => {
+                if (counter === counterRef.current) {
+                    onFocus();
+                    onChange(reader.result);
+                    onBlur();
+                    setFile(files[0]);
+                }
+            });
+            reader[readAsMethod](files[0]);
+        }
+    }, [onBlur, onChange, onFocus, readAsMethod]);
+    if (file) {
+        return (React.createElement(EntityContainer, { stretch: "fit" },
+            React.createElement(FilePreview, { file: file, actions: actions })));
+    }
+    return (React.createElement(EntityContainer, { stretch: "max" },
+        React.createElement(FileDropZone, Object.assign({ disabled: schema.readOnly, accept: [] }, restEntityProps, { onUpdate: onUpdate, errorMessage: undefined, validationState: getValidationState(meta), multiple: false }))));
+};

package/build/esm/lib/unstable/kit/form-entities/FileInput/index.d.ts

@@ -0,0 +1 @@
+export { FileInput, type FileInputProps } from './FileInput';

package/build/esm/lib/unstable/kit/form-entities/FileInput/index.js

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

package/build/esm/lib/unstable/kit/form-entities/MultiSelectInput/MultiSelectInput.d.ts

@@ -0,0 +1,7 @@
+import { type SelectProps } from '@gravity-ui/uikit';
+import type { JsonSchemaArray, NodeEntity } from '../../../core';
+export interface MultiSelectInputProps extends Omit<SelectProps, 'value' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'multiple' | 'errorMessage' | 'validationState' | 'qa'> {
+    enumDescriptions?: Record<string, string>;
+    optionsMeta?: Record<string, string>;
+}
+export declare const MultiSelectInput: NodeEntity<JsonSchemaArray, MultiSelectInputProps>;

package/build/esm/lib/unstable/kit/form-entities/MultiSelectInput/MultiSelectInput.js

@@ -0,0 +1,34 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { Flex, Select, Text } from '@gravity-ui/uikit';
+import isString from 'lodash/isString';
+import { EntityContainer } from '../../components';
+import { getValidationState } from '../../utils';
+export const MultiSelectInput = ({ input, meta, props, schema, }) => {
+    var _a, _b;
+    const { name, onBlur, onChange, onFocus, value: inputValue } = input;
+    const { enumDescriptions, optionsMeta } = props, restEntityProps = __rest(props, ["enumDescriptions", "optionsMeta"]);
+    const value = React.useMemo(() => (Array.isArray(inputValue) && inputValue.every(isString) ? inputValue : undefined), [inputValue]);
+    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(EntityContainer, { stretch: "max" },
+        React.createElement(Select, Object.assign({ width: "max", options: options, filterable: ((enumValues === null || enumValues === void 0 ? void 0 : enumValues.length) || 0) > 9, renderOption: renderOption, getOptionHeight: getOptionHeight, placeholder: `${((_b = (_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b[0]) || ''}`, disabled: schema.readOnly }, restEntityProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onChange, errorMessage: undefined, validationState: getValidationState(meta), multiple: true, qa: name }))));
+};

package/build/esm/lib/unstable/kit/form-entities/MultiSelectInput/index.d.ts

@@ -0,0 +1 @@
+export { MultiSelectInput, type MultiSelectInputProps } from './MultiSelectInput';

package/build/esm/lib/unstable/kit/form-entities/MultiSelectInput/index.js

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

package/build/esm/lib/unstable/kit/form-entities/NumberInput/NumberInput.css

@@ -0,0 +1,3 @@
+.sr-number-input_error .g-text-input__content {
+  outline: none;
+}

package/build/esm/lib/unstable/kit/form-entities/NumberInput/NumberInput.d.ts

@@ -0,0 +1,6 @@
+import { type NumberInputProps as UIKitNumberInputProps } from '@gravity-ui/uikit';
+import { type JsonSchemaNumber, type NodeEntity } from '../../../core';
+import './NumberInput.css';
+export interface NumberInputProps extends Omit<UIKitNumberInputProps, 'value' | 'defaultValue' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'errorMessage' | 'validationState' | 'qa'> {
+}
+export declare const NumberInput: NodeEntity<JsonSchemaNumber, NumberInputProps>;

package/build/esm/lib/unstable/kit/form-entities/NumberInput/NumberInput.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { NumberInput as UIKitNumberInput, } from '@gravity-ui/uikit';
+import { EntityContainer } from '../../components';
+import { block, getBooleanValidationState, getValidationState } from '../../utils';
+import './NumberInput.css';
+const b = block('number-input');
+export const NumberInput = ({ input, meta, props, schema, }) => {
+    var _a;
+    const { name, onBlur, onChange, onFocus, value } = input;
+    return (React.createElement(EntityContainer, { stretch: "max", className: b({ error: getBooleanValidationState(meta) }) },
+        React.createElement(UIKitNumberInput, Object.assign({ min: schema.minimum, max: schema.maximum, step: schema.multipleOf || 1, placeholder: `${((_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0]) || ''}`, disabled: schema.readOnly, allowDecimal: true, hasClear: true }, props, { value: value === undefined ? null : value, defaultValue: schema.default, onBlur: onBlur, onFocus: onFocus, onUpdate: onChange, errorMessage: undefined, validationState: getValidationState(meta), qa: name }))));
+};

package/build/esm/lib/unstable/kit/form-entities/NumberInput/index.d.ts

@@ -0,0 +1 @@
+export { NumberInput, type NumberInputProps } from './NumberInput';

package/build/esm/lib/unstable/kit/form-entities/NumberInput/index.js

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

package/build/esm/lib/unstable/kit/form-entities/NumberWithScaleInput/NumberWithScaleInput.css

@@ -0,0 +1,6 @@
+.sr-number-with-scale-input_error .g-text-input__content {
+  outline: none;
+}
+.sr-number-with-scale-input__input {
+  flex: 1;
+}

package/build/esm/lib/unstable/kit/form-entities/NumberWithScaleInput/NumberWithScaleInput.d.ts

@@ -0,0 +1,12 @@
+import { type NumberInputProps } from '@gravity-ui/uikit';
+import type { JsonSchemaNumber, NodeEntity } from '../../../core';
+import './NumberWithScaleInput.css';
+export interface NumberWithScaleInputProps extends Omit<NumberInputProps, 'defaultValue' | 'value' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'errorMessage' | 'validationState' | 'qa'> {
+    defaultType?: string;
+    scale?: Record<string, {
+        title: string;
+        factor: number;
+    }>;
+    viewType?: string;
+}
+export declare const NumberWithScaleInput: NodeEntity<JsonSchemaNumber, NumberWithScaleInputProps>;

package/build/esm/lib/unstable/kit/form-entities/NumberWithScaleInput/NumberWithScaleInput.js

@@ -0,0 +1,73 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { NumberInput, Select } from '@gravity-ui/uikit';
+import isNumber from 'lodash/isNumber';
+import { EntityContainer } from '../../components';
+import { block, getBooleanValidationState, getValidationState } from '../../utils';
+import './NumberWithScaleInput.css';
+const b = block('number-with-scale-input');
+export const NumberWithScaleInput = ({ input, meta, props, schema, }) => {
+    var _a;
+    const { name, onBlur, onChange, onFocus, value: inputValue } = input;
+    const { defaultType, viewType, scale, max, min, step } = props, restEntityProps = __rest(props, ["defaultType", "viewType", "scale", "max", "min", "step"]);
+    const scaleKit = React.useMemo(() => {
+        if (scale) {
+            const preparedScale = {};
+            let minScaleLength = 0;
+            Object.entries(scale).forEach(([key, value]) => {
+                if (isNumber(value.factor)) {
+                    preparedScale[key] = value;
+                    if ((value.title || key).length * 12 > minScaleLength) {
+                        minScaleLength = (value.title || key).length * 12;
+                    }
+                }
+            });
+            if (defaultType && preparedScale[defaultType]) {
+                return {
+                    scale: preparedScale,
+                    defaultType,
+                    viewType: viewType && preparedScale[viewType] ? [viewType] : [defaultType],
+                    minScaleLength: `${minScaleLength + 42}px`,
+                };
+            }
+        }
+        return null;
+    }, [defaultType, viewType, scale]);
+    const [scaleValue, setScaleValue] = React.useState((scaleKit === null || scaleKit === void 0 ? void 0 : scaleKit.viewType) || []);
+    const scaleOptions = React.useMemo(() => {
+        return Object.entries((scaleKit === null || scaleKit === void 0 ? void 0 : scaleKit.scale) || {}).map(([key, value]) => ({
+            value: key,
+            content: value.title || key,
+        }));
+    }, [scaleKit === null || scaleKit === void 0 ? void 0 : scaleKit.scale]);
+    const preparedInputProps = React.useMemo(() => {
+        var _a, _b;
+        const factor = (_b = (_a = scaleKit === null || scaleKit === void 0 ? void 0 : scaleKit.scale) === null || _a === void 0 ? void 0 : _a[scaleValue[0]]) === null || _b === void 0 ? void 0 : _b.factor;
+        const result = {
+            max: max || schema.maximum,
+            min: min || schema.minimum,
+            step: step || schema.multipleOf || 1,
+            defaultValue: schema.default,
+            value: inputValue === undefined ? null : inputValue,
+            onUpdate: onChange,
+        };
+        if (factor) {
+            return {
+                max: result.max ? result.max / factor : result.max,
+                min: result.min ? result.min / factor : result.min,
+                step: result.step / factor,
+                defaultValue: result.defaultValue
+                    ? result.defaultValue / factor
+                    : result.defaultValue,
+                value: result.value ? result.value / factor : result.value,
+                onUpdate: (value) => onChange(value ? value * factor : value),
+            };
+        }
+        return result;
+    }, [max, min, step, inputValue, onChange, scaleKit === null || scaleKit === void 0 ? void 0 : scaleKit.scale, scaleValue, schema]);
+    return (React.createElement(EntityContainer, { stretch: "max", className: b({ error: getBooleanValidationState(meta) }), direction: "row", gap: 2 },
+        React.createElement("div", { className: b('input') },
+            React.createElement(NumberInput, Object.assign({ placeholder: `${((_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0]) || ''}`, disabled: schema.readOnly, allowDecimal: true, hasClear: true }, restEntityProps, preparedInputProps, { onBlur: onBlur, onFocus: onFocus, errorMessage: undefined, validationState: getValidationState(meta), qa: name }))),
+        scaleOptions.length ? (React.createElement("div", { style: { width: scaleKit === null || scaleKit === void 0 ? void 0 : scaleKit.minScaleLength } },
+            React.createElement(Select, { width: "max", options: scaleOptions, value: scaleValue, onUpdate: setScaleValue, multiple: false }))) : null));
+};

package/build/esm/lib/unstable/kit/form-entities/NumberWithScaleInput/index.d.ts

@@ -0,0 +1 @@
+export { NumberWithScaleInput, type NumberWithScaleInputProps } from './NumberWithScaleInput';

package/build/esm/lib/unstable/kit/form-entities/NumberWithScaleInput/index.js

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

package/build/esm/lib/unstable/kit/form-entities/PasswordInput/PasswordInput.css

@@ -0,0 +1,3 @@
+.sr-password-input_error .g-text-input__content {
+  outline: none;
+}

package/build/esm/lib/unstable/kit/form-entities/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,6 @@
+import { type PasswordInputProps as UIKitPasswordInputProps } from '@gravity-ui/uikit';
+import type { JsonSchemaString, NodeEntity } from '../../../core';
+import './PasswordInput.css';
+export interface PasswordInputProps extends Omit<UIKitPasswordInputProps, 'value' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'errorMessage' | 'validationState' | 'qa'> {
+}
+export declare const PasswordInput: NodeEntity<JsonSchemaString, PasswordInputProps>;

package/build/esm/lib/unstable/kit/form-entities/PasswordInput/PasswordInput.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { PasswordInput as UIKitPasswordInput, } from '@gravity-ui/uikit';
+import { EntityContainer } from '../../components';
+import { block, getBooleanValidationState, getValidationState } from '../../utils';
+import './PasswordInput.css';
+const b = block('password-input');
+export const PasswordInput = ({ input, meta, props, schema, }) => {
+    var _a;
+    const { name, onBlur, onChange, onFocus, value } = input;
+    return (React.createElement(EntityContainer, { stretch: "max", className: b({ error: getBooleanValidationState(meta) }) },
+        React.createElement(UIKitPasswordInput, Object.assign({ autoComplete: "new-password", placeholder: (_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0], disabled: schema.readOnly, hasClear: true }, props, { value: value !== null && value !== void 0 ? value : '', onFocus: onFocus, onBlur: onBlur, onUpdate: onChange, errorMessage: undefined, validationState: getValidationState(meta), qa: name }))));
+};

package/build/esm/lib/unstable/kit/form-entities/PasswordInput/index.d.ts

@@ -0,0 +1 @@
+export { PasswordInput, type PasswordInputProps } from './PasswordInput';

package/build/esm/lib/unstable/kit/form-entities/PasswordInput/index.js

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

package/build/esm/lib/unstable/kit/form-entities/RadioGroupInput/RadioGroupInput.css

@@ -0,0 +1,13 @@
+.sr-radio-group-input_direction_horizontal {
+  min-height: 28px;
+  padding-top: 1px;
+}
+.sr-radio-group-input_direction_vertical {
+  padding-top: 7px;
+}
+.sr-radio-group-input_error .g-radio-group .g-radio_checked .g-radio__indicator:hover::before {
+  border: 1px solid var(--g-color-text-danger);
+}
+.sr-radio-group-input_error .g-radio-group .g-radio_checked .g-radio__indicator::before {
+  border: 1px solid var(--g-color-text-danger);
+}

package/build/esm/lib/unstable/kit/form-entities/RadioGroupInput/RadioGroupInput.d.ts

@@ -0,0 +1,8 @@
+import { type RadioGroupProps } from '@gravity-ui/uikit';
+import type { JsonSchemaString, NodeEntity } from '../../../core';
+import './RadioGroupInput.css';
+export interface RadioGroupInputProps extends Omit<RadioGroupProps, 'value' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'qa'> {
+    enumDescriptions?: Record<string, string>;
+    optionsDisabled?: Record<string, boolean>;
+}
+export declare const RadioGroupInput: NodeEntity<JsonSchemaString, RadioGroupInputProps>;

package/build/esm/lib/unstable/kit/form-entities/RadioGroupInput/RadioGroupInput.js

@@ -0,0 +1,21 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { RadioGroup } from '@gravity-ui/uikit';
+import { EntityContainer } from '../../components';
+import { block, getBooleanValidationState } from '../../utils';
+import './RadioGroupInput.css';
+const b = block('radio-group-input');
+export const RadioGroupInput = ({ input, meta, props, schema, }) => {
+    const { name, onBlur, onChange, onFocus, value } = input;
+    const { enumDescriptions, optionsDisabled, direction = 'horizontal' } = props, restEntityProps = __rest(props, ["enumDescriptions", "optionsDisabled", "direction"]);
+    const options = React.useMemo(() => {
+        var _a;
+        return (_a = schema.enum) === null || _a === void 0 ? void 0 : _a.map((value) => ({
+            value,
+            content: (enumDescriptions === null || enumDescriptions === void 0 ? void 0 : enumDescriptions[value]) || value,
+            disabled: optionsDisabled === null || optionsDisabled === void 0 ? void 0 : optionsDisabled[value],
+        }));
+    }, [enumDescriptions, optionsDisabled, schema.enum]);
+    return (React.createElement(EntityContainer, { stretch: "fit", className: b({ error: getBooleanValidationState(meta), direction }), justifyContent: "center" },
+        React.createElement(RadioGroup, Object.assign({ options: options, disabled: schema.readOnly }, restEntityProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onChange, direction: direction, qa: name }))));
+};

package/build/esm/lib/unstable/kit/form-entities/RadioGroupInput/index.d.ts

@@ -0,0 +1 @@
+export { RadioGroupInput, type RadioGroupInputProps } from './RadioGroupInput';

package/build/esm/lib/unstable/kit/form-entities/RadioGroupInput/index.js

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

package/build/esm/lib/unstable/kit/form-entities/RangeInput/RangeInput.css

@@ -0,0 +1,8 @@
+.sr-range-input .sr-range-input__items > * {
+  margin-bottom: 0;
+}
+.sr-range-input__delimiter {
+  min-height: 28px;
+  display: flex;
+  align-items: center;
+}

package/build/esm/lib/unstable/kit/form-entities/RangeInput/RangeInput.d.ts

@@ -0,0 +1,7 @@
+import { type JsonSchemaObject, type NodeEntity } from '../../../core';
+import './RangeInput.css';
+export interface RangeInputProps {
+    propertyKeys?: [string, string];
+    separator?: string;
+}
+export declare const RangeInput: NodeEntity<JsonSchemaObject, RangeInputProps>;

package/build/esm/lib/unstable/kit/form-entities/RangeInput/RangeInput.js

@@ -0,0 +1,67 @@
+import React from 'react';
+import { Flex, Text } from '@gravity-ui/uikit';
+import isFinite from 'lodash/isFinite';
+import { SchemaRendererNode, useSchemaRendererTools, } from '../../../core';
+import { EntityContainer } from '../../components';
+import { DASH } from '../../constants';
+import { block } from '../../utils';
+import './RangeInput.css';
+const b = block('range-input');
+export const RangeInput = ({ headName, input, props, schemaPath, }) => {
+    const { name, value: inputValue } = input;
+    const { propertyKeys, separator = DASH } = props;
+    const prevValueRef = React.useRef(null);
+    const { addSchemaPatches, removeSchemaPatches } = useSchemaRendererTools();
+    const [fromKey, toKey] = propertyKeys || ['from', 'to'];
+    const fromName = `${name ? name + '.' : ''}${fromKey}`;
+    const toName = `${name ? name + '.' : ''}${toKey}`;
+    React.useEffect(() => {
+        var _a, _b, _c, _d, _e, _f;
+        const patches = [];
+        const patchesToRemove = [];
+        if (((_a = prevValueRef.current) === null || _a === void 0 ? void 0 : _a[fromKey]) !== (inputValue === null || inputValue === void 0 ? void 0 : inputValue[fromKey])) {
+            if (isFinite(Number((_b = prevValueRef.current) === null || _b === void 0 ? void 0 : _b[fromKey]))) {
+                patchesToRemove.push({
+                    headName,
+                    name: toName,
+                    schema: { minimum: Number((_c = prevValueRef.current) === null || _c === void 0 ? void 0 : _c[fromKey]) },
+                });
+            }
+            if (isFinite(Number(inputValue === null || inputValue === void 0 ? void 0 : inputValue[fromKey]))) {
+                patches.push({
+                    headName,
+                    name: toName,
+                    schema: { minimum: Number(inputValue === null || inputValue === void 0 ? void 0 : inputValue[fromKey]) },
+                });
+            }
+        }
+        if (((_d = prevValueRef.current) === null || _d === void 0 ? void 0 : _d[toKey]) !== (inputValue === null || inputValue === void 0 ? void 0 : inputValue[toKey])) {
+            if (isFinite(Number((_e = prevValueRef.current) === null || _e === void 0 ? void 0 : _e[toKey]))) {
+                patchesToRemove.push({
+                    headName,
+                    name: fromName,
+                    schema: { maximum: Number((_f = prevValueRef.current) === null || _f === void 0 ? void 0 : _f[toKey]) },
+                });
+            }
+            if (isFinite(Number(inputValue === null || inputValue === void 0 ? void 0 : inputValue[toKey]))) {
+                patches.push({
+                    headName,
+                    name: fromName,
+                    schema: { maximum: Number(inputValue === null || inputValue === void 0 ? void 0 : inputValue[toKey]) },
+                });
+            }
+        }
+        if (patchesToRemove.length) {
+            removeSchemaPatches({ patchesToRemove });
+        }
+        if (patches.length) {
+            addSchemaPatches({ patches });
+        }
+        prevValueRef.current = inputValue;
+    }, [inputValue === null || inputValue === void 0 ? void 0 : inputValue[fromKey], inputValue === null || inputValue === void 0 ? void 0 : inputValue[toKey]]);
+    return (React.createElement(EntityContainer, { stretch: "max", className: b() },
+        React.createElement(Flex, { className: b('items'), direction: "row", alignItems: "flex-start", gap: 2 },
+            React.createElement(SchemaRendererNode, { headName: headName, name: fromName, schemaPath: `${schemaPath}/properties/${fromKey}` }),
+            React.createElement(Text, { className: b('delimiter') }, separator),
+            React.createElement(SchemaRendererNode, { headName: headName, name: toName, schemaPath: `${schemaPath}/properties/${toKey}` }))));
+};

package/build/esm/lib/unstable/kit/form-entities/RangeInput/index.d.ts

@@ -0,0 +1 @@
+export { RangeInput, type RangeInputProps } from './RangeInput';

package/build/esm/lib/unstable/kit/form-entities/RangeInput/index.js

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

package/build/esm/lib/unstable/kit/form-entities/RangeSliderInput/RangeSliderInput.d.ts

@@ -0,0 +1,6 @@
+import { type SliderProps } from '@gravity-ui/uikit';
+import type { JsonSchemaObject, NodeEntity } from '../../../core';
+export interface RangeSliderInputProps extends Omit<SliderProps, 'defaultValue' | 'value' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'errorMessage' | 'validationState' | 'qa'> {
+    propertyKeys?: [string, string];
+}
+export declare const RangeSliderInput: NodeEntity<JsonSchemaObject, RangeSliderInputProps>;

package/build/esm/lib/unstable/kit/form-entities/RangeSliderInput/RangeSliderInput.js

@@ -0,0 +1,31 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { Slider } from '@gravity-ui/uikit';
+import { EntityContainer } from '../../components';
+import { getValidationState } from '../../utils';
+export const RangeSliderInput = ({ input, meta, props, schema, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    const { name, onBlur, onChange, onFocus, value: inputValue } = input;
+    const { propertyKeys } = props, restEntityProps = __rest(props, ["propertyKeys"]);
+    const [fromKey, toKey] = propertyKeys || ['from', 'to'];
+    const min = ((_a = schema.properties) === null || _a === void 0 ? void 0 : _a[fromKey]) && 'minimum' in schema.properties[fromKey]
+        ? (_c = (_b = schema.properties) === null || _b === void 0 ? void 0 : _b[fromKey]) === null || _c === void 0 ? void 0 : _c.minimum
+        : undefined;
+    const max = ((_d = schema.properties) === null || _d === void 0 ? void 0 : _d[toKey]) && 'maximum' in schema.properties[toKey]
+        ? (_f = (_e = schema.properties) === null || _e === void 0 ? void 0 : _e[toKey]) === null || _f === void 0 ? void 0 : _f.maximum
+        : undefined;
+    const value = isNaN(Number(inputValue === null || inputValue === void 0 ? void 0 : inputValue[fromKey])) || isNaN(Number(inputValue === null || inputValue === void 0 ? void 0 : inputValue[toKey]))
+        ? undefined
+        : [Number(inputValue === null || inputValue === void 0 ? void 0 : inputValue[fromKey]), Number(inputValue === null || inputValue === void 0 ? void 0 : inputValue[toKey])];
+    const defaultValue = isNaN(Number((_g = schema.default) === null || _g === void 0 ? void 0 : _g[fromKey])) || isNaN(Number((_h = schema.default) === null || _h === void 0 ? void 0 : _h[toKey]))
+        ? undefined
+        : [Number((_j = schema.default) === null || _j === void 0 ? void 0 : _j[fromKey]), Number((_k = schema.default) === null || _k === void 0 ? void 0 : _k[toKey])];
+    const onUpdate = React.useCallback((next) => {
+        if (!Array.isArray(next)) {
+            return;
+        }
+        onChange({ [fromKey]: next[0], [toKey]: next[1] });
+    }, [fromKey, toKey, onChange]);
+    return (React.createElement(EntityContainer, { stretch: "max" },
+        React.createElement(Slider, Object.assign({ min: min, max: max, step: 1, marks: 2, disabled: schema.readOnly, tooltipDisplay: "on" }, restEntityProps, { defaultValue: defaultValue, value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, errorMessage: undefined, validationState: getValidationState(meta), qa: name }))));
+};

package/build/esm/lib/unstable/kit/form-entities/RangeSliderInput/index.d.ts

@@ -0,0 +1 @@
+export { RangeSliderInput, type RangeSliderInputProps } from './RangeSliderInput';

package/build/esm/lib/unstable/kit/form-entities/RangeSliderInput/index.js

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

package/build/esm/lib/unstable/kit/form-entities/SegmentedRadioGroupInput/SegmentedRadioGroupInput.css

@@ -0,0 +1,6 @@
+.sr-segmented-radio-group-input_error .g-segmented-radio-group .g-segmented-radio-group__option_checked:hover::after {
+  border: 1px solid var(--g-color-text-danger);
+}
+.sr-segmented-radio-group-input_error .g-segmented-radio-group .g-segmented-radio-group__option_checked::after {
+  border: 1px solid var(--g-color-text-danger);
+}

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

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