@gravity-ui/dynamic-forms 5.20.0 → 5.22.0

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RangeSliderInput = 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 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 = tslib_1.__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_1.default.useCallback((next) => {
+        if (!Array.isArray(next)) {
+            return;
+        }
+        onChange({ [fromKey]: next[0], [toKey]: next[1] });
+    }, [fromKey, toKey, onChange]);
+    return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max" },
+        react_1.default.createElement(uikit_1.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: (0, utils_1.getValidationState)(meta), qa: name }))));
+};
+exports.RangeSliderInput = RangeSliderInput;

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

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

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

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

package/build/cjs/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/cjs/lib/unstable/kit/form-entities/SegmentedRadioGroupInput/SegmentedRadioGroupInput.d.ts

@@ -0,0 +1,7 @@
+import { type SegmentedRadioGroupProps } from '@gravity-ui/uikit';
+import type { JsonSchemaString, NodeEntity } from '../../../core';
+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>;

package/build/cjs/lib/unstable/kit/form-entities/SegmentedRadioGroupInput/SegmentedRadioGroupInput.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SegmentedRadioGroupInput = 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)('segmented-radio-group-input');
+const SegmentedRadioGroupInput = ({ input, meta, props, schema }) => {
+    const { name, onBlur, onChange, onFocus, value } = input;
+    const { enumDescriptions, optionsDisabled } = props, restEntityProps = tslib_1.__rest(props, ["enumDescriptions", "optionsDisabled"]);
+    const options = react_1.default.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]);
+    const onUpdate = react_1.default.useCallback((value) => {
+        onFocus();
+        onChange(value);
+        onBlur();
+    }, [onBlur, onChange, onFocus]);
+    return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max", className: b({ error: (0, utils_1.getBooleanValidationState)(meta) }) },
+        react_1.default.createElement(uikit_1.SegmentedRadioGroup, Object.assign({ width: "max", disabled: schema.readOnly, options: options }, restEntityProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, qa: name }))));
+};
+exports.SegmentedRadioGroupInput = SegmentedRadioGroupInput;

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

@@ -0,0 +1 @@
+export { SegmentedRadioGroupInput, type SegmentedRadioGroupInputProps, } from './SegmentedRadioGroupInput';

package/build/cjs/lib/unstable/kit/form-entities/SegmentedRadioGroupInput/index.js

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

package/build/cjs/lib/unstable/kit/form-entities/SelectInput/SelectInput.d.ts

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

package/build/cjs/lib/unstable/kit/form-entities/SelectInput/SelectInput.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectInput = 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 components_1 = require("../../components");
+const utils_1 = require("../../utils");
+const SelectInput = ({ input, meta, props, schema, }) => {
+    var _a, _b;
+    const { name, onBlur, onChange, onFocus, value: inputValue } = input;
+    const { enumDescriptions, optionsMeta } = props, restEntityProps = tslib_1.__rest(props, ["enumDescriptions", "optionsMeta"]);
+    const value = react_1.default.useMemo(() => ((0, isString_1.default)(inputValue) ? [inputValue] : undefined), [inputValue]);
+    const onUpdate = react_1.default.useCallback((v) => onChange(v[0]), [onChange]);
+    const options = react_1.default.useMemo(() => {
+        var _a;
+        return (_a = schema.enum) === null || _a === void 0 ? void 0 : _a.map((value) => {
+            const optionMeta = optionsMeta === null || optionsMeta === void 0 ? void 0 : optionsMeta[value];
+            const text = (enumDescriptions === null || enumDescriptions === void 0 ? void 0 : enumDescriptions[value]) || 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 } };
+        });
+    }, [enumDescriptions, optionsMeta, schema.enum]);
+    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(components_1.EntityContainer, { stretch: "max" },
+        react_1.default.createElement(uikit_1.Select, Object.assign({ width: "max", options: options, filterable: (((_a = schema.enum) === null || _a === void 0 ? void 0 : _a.length) || 0) > 9, renderOption: renderOption, getOptionHeight: getOptionHeight, placeholder: ((_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0]) || '', disabled: schema.readOnly }, restEntityProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: name }))));
+};
+exports.SelectInput = SelectInput;

package/build/cjs/lib/unstable/kit/form-entities/SelectInput/index.d.ts

@@ -0,0 +1 @@
+export { SelectInput, type SelectInputProps } from './SelectInput';

package/build/cjs/lib/unstable/kit/form-entities/SelectInput/index.js

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

package/build/cjs/lib/unstable/kit/form-entities/SliderInput/SliderInput.d.ts

@@ -0,0 +1,5 @@
+import { type SliderProps } from '@gravity-ui/uikit';
+import type { JsonSchemaNumber, NodeEntity } from '../../../core';
+export interface SliderInputProps extends Omit<SliderProps, 'value' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'errorMessage' | 'validationState' | 'qa'> {
+}
+export declare const SliderInput: NodeEntity<JsonSchemaNumber, SliderInputProps>;

package/build/cjs/lib/unstable/kit/form-entities/SliderInput/SliderInput.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderInput = 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 SliderInput = ({ input, meta, props, schema, }) => {
+    const { name, onBlur, onChange, onFocus, value: inputValue } = input;
+    const value = isNaN(Number(inputValue)) ? undefined : Number(inputValue);
+    const onUpdate = react_1.default.useCallback((next) => {
+        if (Array.isArray(next)) {
+            return;
+        }
+        onChange(next);
+    }, [onChange]);
+    return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max" },
+        react_1.default.createElement(uikit_1.Slider, Object.assign({ min: schema.minimum, max: schema.maximum, step: 1, marks: 2, disabled: schema.readOnly, tooltipDisplay: "on" }, props, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: name }))));
+};
+exports.SliderInput = SliderInput;

package/build/cjs/lib/unstable/kit/form-entities/SliderInput/index.d.ts

@@ -0,0 +1 @@
+export { SliderInput, type SliderInputProps } from './SliderInput';

package/build/cjs/lib/unstable/kit/form-entities/SliderInput/index.js

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

package/build/cjs/lib/unstable/kit/form-entities/StringInput/StringInput.css

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

package/build/cjs/lib/unstable/kit/form-entities/StringInput/StringInput.d.ts

@@ -0,0 +1,5 @@
+import { type TextInputProps } from '@gravity-ui/uikit';
+import type { JsonSchemaString, NodeEntity } from '../../../core';
+export interface StringInputProps extends Omit<TextInputProps, 'type' | 'value' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'errorMessage' | 'validationState' | 'qa'> {
+}
+export declare const StringInput: NodeEntity<JsonSchemaString, StringInputProps>;

package/build/cjs/lib/unstable/kit/form-entities/StringInput/StringInput.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StringInput = 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)('string-input');
+const StringInput = ({ input, meta, props, schema, }) => {
+    var _a, _b;
+    return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max", className: b({ error: (0, utils_1.getBooleanValidationState)(meta) }) },
+        react_1.default.createElement(uikit_1.TextInput, Object.assign({ placeholder: (_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0], disabled: schema.readOnly, hasClear: true }, props, { value: (_b = input.value) !== null && _b !== void 0 ? _b : '', onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: input.onChange, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: input.name, type: "text" }))));
+};
+exports.StringInput = StringInput;

package/build/cjs/lib/unstable/kit/form-entities/StringInput/index.d.ts

@@ -0,0 +1 @@
+export { StringInput, type StringInputProps } from './StringInput';

package/build/cjs/lib/unstable/kit/form-entities/StringInput/index.js

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

package/build/cjs/lib/unstable/kit/form-entities/StringNumberWithScaleInput/StringNumberWithScaleInput.css

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

package/build/cjs/lib/unstable/kit/form-entities/StringNumberWithScaleInput/StringNumberWithScaleInput.d.ts

@@ -0,0 +1,11 @@
+import { type TextInputProps } from '@gravity-ui/uikit';
+import type { JsonSchemaString, NodeEntity } from '../../../core';
+export interface StringNumberWithScaleInputProps extends Omit<TextInputProps, 'defaultValue' | 'value' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'errorMessage' | 'validationState' | 'qa'> {
+    defaultType?: string;
+    viewType?: string;
+    scale?: Record<string, {
+        title: string;
+        factor: string;
+    }>;
+}
+export declare const StringNumberWithScaleInput: NodeEntity<JsonSchemaString, StringNumberWithScaleInputProps>;

package/build/cjs/lib/unstable/kit/form-entities/StringNumberWithScaleInput/StringNumberWithScaleInput.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StringNumberWithScaleInput = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const decimal_js_1 = tslib_1.__importDefault(require("decimal.js"));
+const components_1 = require("../../components");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('string-number-with-scale-input');
+const StringNumberWithScaleInput = ({ input, meta, props, schema }) => {
+    var _a;
+    const { name, onBlur, onChange, onFocus, value: inputValue } = input;
+    const { defaultType, viewType, scale } = props, restEntityProps = tslib_1.__rest(props, ["defaultType", "viewType", "scale"]);
+    const scaleKit = react_1.default.useMemo(() => {
+        if (scale) {
+            const preparedScale = {};
+            let minScaleLength = 0;
+            Object.entries(scale).forEach(([key, value]) => {
+                if ((0, utils_1.isStringNumber)(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_1.default.useState((scaleKit === null || scaleKit === void 0 ? void 0 : scaleKit.viewType) || []);
+    const scaleOptions = react_1.default.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_1.default.useMemo(() => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        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: (0, utils_1.isStringNumber)((_c = schema.stringNumber) === null || _c === void 0 ? void 0 : _c.maximum)
+                ? (_d = schema.stringNumber) === null || _d === void 0 ? void 0 : _d.maximum
+                : undefined,
+            min: (0, utils_1.isStringNumber)((_e = schema.stringNumber) === null || _e === void 0 ? void 0 : _e.minimum)
+                ? (_f = schema.stringNumber) === null || _f === void 0 ? void 0 : _f.minimum
+                : undefined,
+            step: (0, utils_1.isStringNumber)((_g = schema.stringNumber) === null || _g === void 0 ? void 0 : _g.multipleOf)
+                ? (_h = schema.stringNumber) === null || _h === void 0 ? void 0 : _h.multipleOf
+                : '1',
+            defaultValue: (0, utils_1.isStringNumber)(schema.default) ? schema.default : undefined,
+            value: inputValue || '',
+            onUpdate: onChange,
+        };
+        if (factor) {
+            return {
+                max: result.max ? new decimal_js_1.default(result.max).div(factor).toString() : undefined,
+                min: result.min ? new decimal_js_1.default(result.min).div(factor).toString() : undefined,
+                step: new decimal_js_1.default(result.step).div(factor).toString(),
+                value: (0, utils_1.isStringNumber)(result.value)
+                    ? new decimal_js_1.default(result.value).div(factor).toString()
+                    : result.value,
+                onUpdate: (value) => onChange((0, utils_1.isStringNumber)(value) ? new decimal_js_1.default(value).mul(factor).toString() : value),
+            };
+        }
+        return result;
+    }, [inputValue, onChange, scaleKit === null || scaleKit === void 0 ? void 0 : scaleKit.scale, scaleValue, schema]);
+    return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max", className: b({ error: (0, utils_1.getBooleanValidationState)(meta) }), direction: "row", gap: 2 },
+        react_1.default.createElement("div", { className: b('input') },
+            react_1.default.createElement(uikit_1.TextInput, Object.assign({ placeholder: `${((_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0]) || ''}`, disabled: schema.readOnly, hasClear: true }, restEntityProps, preparedInputProps, { onBlur: onBlur, onFocus: onFocus, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: name }))),
+        scaleOptions.length ? (react_1.default.createElement("div", { style: { width: scaleKit === null || scaleKit === void 0 ? void 0 : scaleKit.minScaleLength } },
+            react_1.default.createElement(uikit_1.Select, { width: "max", options: scaleOptions, value: scaleValue, onUpdate: setScaleValue, multiple: false, disabled: schema.readOnly || meta.error, qa: `${name}-scale` }))) : null));
+};
+exports.StringNumberWithScaleInput = StringNumberWithScaleInput;

package/build/cjs/lib/unstable/kit/form-entities/StringNumberWithScaleInput/index.d.ts

@@ -0,0 +1 @@
+export { StringNumberWithScaleInput, type StringNumberWithScaleInputProps, } from './StringNumberWithScaleInput';

package/build/cjs/lib/unstable/kit/form-entities/StringNumberWithScaleInput/index.js

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

package/build/cjs/lib/unstable/kit/form-entities/SwitchInput/SwitchInput.css

@@ -0,0 +1,11 @@
+.sr-switch-input {
+  min-height: 28px;
+}
+.sr-switch-input_error .g-switch .g-switch__indicator:hover::before {
+  border: 1px solid var(--g-color-text-danger);
+  box-sizing: border-box;
+}
+.sr-switch-input_error .g-switch .g-switch__indicator::before {
+  border: 1px solid var(--g-color-text-danger);
+  box-sizing: border-box;
+}

package/build/cjs/lib/unstable/kit/form-entities/SwitchInput/SwitchInput.d.ts

@@ -0,0 +1,5 @@
+import { type SwitchProps } from '@gravity-ui/uikit';
+import type { JsonSchemaBoolean, NodeEntity } from '../../../core';
+export interface SwitchInputProps extends Omit<SwitchProps, 'checked' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'qa'> {
+}
+export declare const SwitchInput: NodeEntity<JsonSchemaBoolean, SwitchInputProps>;

package/build/cjs/lib/unstable/kit/form-entities/SwitchInput/SwitchInput.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwitchInput = 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)('switch-input');
+const SwitchInput = ({ input, meta, props, schema, }) => {
+    const { name, onBlur, onChange, onFocus, value } = input;
+    const onUpdate = react_1.default.useCallback((value) => {
+        onFocus();
+        onChange(value);
+        onBlur();
+    }, [onBlur, onChange, onFocus]);
+    return (react_1.default.createElement(components_1.EntityContainer, { stretch: "fit", className: b({ error: (0, utils_1.getBooleanValidationState)(meta) }), justifyContent: "center" },
+        react_1.default.createElement(uikit_1.Switch, Object.assign({ disabled: schema.readOnly }, props, { checked: value !== null && value !== void 0 ? value : false, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, qa: name }))));
+};
+exports.SwitchInput = SwitchInput;

package/build/cjs/lib/unstable/kit/form-entities/SwitchInput/index.d.ts

@@ -0,0 +1 @@
+export { SwitchInput, type SwitchInputProps } from './SwitchInput';

package/build/cjs/lib/unstable/kit/form-entities/SwitchInput/index.js

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

package/build/cjs/lib/unstable/kit/form-entities/TextAreaInput/TextAreaInput.css

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

package/build/cjs/lib/unstable/kit/form-entities/TextAreaInput/TextAreaInput.d.ts

@@ -0,0 +1,5 @@
+import { type TextAreaProps } from '@gravity-ui/uikit';
+import { type JsonSchemaString, type NodeEntity } from '../../../core';
+export interface TextAreaInputProps extends Omit<TextAreaProps, 'value' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'errorMessage' | 'validationState' | 'qa'> {
+}
+export declare const TextAreaInput: NodeEntity<JsonSchemaString, TextAreaInputProps>;

package/build/cjs/lib/unstable/kit/form-entities/TextAreaInput/TextAreaInput.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextAreaInput = 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)('text-area-input');
+const TextAreaInput = ({ input, meta, props, schema, }) => {
+    var _a, _b;
+    return (react_1.default.createElement(components_1.EntityContainer, { stretch: "max", className: b({ error: (0, utils_1.getBooleanValidationState)(meta) }) },
+        react_1.default.createElement(uikit_1.TextArea, Object.assign({ maxRows: 20, minRows: 0, placeholder: (_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0], disabled: schema.readOnly, hasClear: true }, props, { value: (_b = input.value) !== null && _b !== void 0 ? _b : '', onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: input.onChange, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), qa: input.name }))));
+};
+exports.TextAreaInput = TextAreaInput;

package/build/cjs/lib/unstable/kit/form-entities/TextAreaInput/index.d.ts

@@ -0,0 +1 @@
+export { TextAreaInput, type TextAreaInputProps } from './TextAreaInput';

package/build/cjs/lib/unstable/kit/form-entities/TextAreaInput/index.js

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

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

@@ -0,0 +1,19 @@
+export { CheckboxInput, type CheckboxInputProps } from './CheckboxInput';
+export { CheckboxGroupInput, type CheckboxGroupInputProps } from './CheckboxGroupInput';
+export { ColorPickerInput, type ColorPickerInputProps } from './ColorPickerInput';
+export { DateInput, type DateInputProps } from './DateInput';
+export { FileInput, type FileInputProps } from './FileInput';
+export { MultiSelectInput, type MultiSelectInputProps } from './MultiSelectInput';
+export { NumberInput, type NumberInputProps } from './NumberInput';
+export { NumberWithScaleInput, type NumberWithScaleInputProps } from './NumberWithScaleInput';
+export { PasswordInput, type PasswordInputProps } from './PasswordInput';
+export { RadioGroupInput, type RadioGroupInputProps } from './RadioGroupInput';
+export { RangeInput, type RangeInputProps } from './RangeInput';
+export { RangeSliderInput, type RangeSliderInputProps } from './RangeSliderInput';
+export { SelectInput, type SelectInputProps } from './SelectInput';
+export { SegmentedRadioGroupInput, type SegmentedRadioGroupInputProps, } from './SegmentedRadioGroupInput';
+export { SliderInput, type SliderInputProps } from './SliderInput';
+export { StringInput, type StringInputProps } from './StringInput';
+export { StringNumberWithScaleInput, type StringNumberWithScaleInputProps, } from './StringNumberWithScaleInput';
+export { SwitchInput, type SwitchInputProps } from './SwitchInput';
+export { TextAreaInput, type TextAreaInputProps } from './TextAreaInput';

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextAreaInput = exports.SwitchInput = exports.StringNumberWithScaleInput = exports.StringInput = exports.SliderInput = exports.SegmentedRadioGroupInput = exports.SelectInput = exports.RangeSliderInput = exports.RangeInput = exports.RadioGroupInput = exports.PasswordInput = exports.NumberWithScaleInput = exports.NumberInput = exports.MultiSelectInput = exports.FileInput = exports.DateInput = exports.ColorPickerInput = exports.CheckboxGroupInput = exports.CheckboxInput = void 0;
+var CheckboxInput_1 = require("./CheckboxInput");
+Object.defineProperty(exports, "CheckboxInput", { enumerable: true, get: function () { return CheckboxInput_1.CheckboxInput; } });
+var CheckboxGroupInput_1 = require("./CheckboxGroupInput");
+Object.defineProperty(exports, "CheckboxGroupInput", { enumerable: true, get: function () { return CheckboxGroupInput_1.CheckboxGroupInput; } });
+var ColorPickerInput_1 = require("./ColorPickerInput");
+Object.defineProperty(exports, "ColorPickerInput", { enumerable: true, get: function () { return ColorPickerInput_1.ColorPickerInput; } });
+var DateInput_1 = require("./DateInput");
+Object.defineProperty(exports, "DateInput", { enumerable: true, get: function () { return DateInput_1.DateInput; } });
+var FileInput_1 = require("./FileInput");
+Object.defineProperty(exports, "FileInput", { enumerable: true, get: function () { return FileInput_1.FileInput; } });
+var MultiSelectInput_1 = require("./MultiSelectInput");
+Object.defineProperty(exports, "MultiSelectInput", { enumerable: true, get: function () { return MultiSelectInput_1.MultiSelectInput; } });
+var NumberInput_1 = require("./NumberInput");
+Object.defineProperty(exports, "NumberInput", { enumerable: true, get: function () { return NumberInput_1.NumberInput; } });
+var NumberWithScaleInput_1 = require("./NumberWithScaleInput");
+Object.defineProperty(exports, "NumberWithScaleInput", { enumerable: true, get: function () { return NumberWithScaleInput_1.NumberWithScaleInput; } });
+var PasswordInput_1 = require("./PasswordInput");
+Object.defineProperty(exports, "PasswordInput", { enumerable: true, get: function () { return PasswordInput_1.PasswordInput; } });
+var RadioGroupInput_1 = require("./RadioGroupInput");
+Object.defineProperty(exports, "RadioGroupInput", { enumerable: true, get: function () { return RadioGroupInput_1.RadioGroupInput; } });
+var RangeInput_1 = require("./RangeInput");
+Object.defineProperty(exports, "RangeInput", { enumerable: true, get: function () { return RangeInput_1.RangeInput; } });
+var RangeSliderInput_1 = require("./RangeSliderInput");
+Object.defineProperty(exports, "RangeSliderInput", { enumerable: true, get: function () { return RangeSliderInput_1.RangeSliderInput; } });
+var SelectInput_1 = require("./SelectInput");
+Object.defineProperty(exports, "SelectInput", { enumerable: true, get: function () { return SelectInput_1.SelectInput; } });
+var SegmentedRadioGroupInput_1 = require("./SegmentedRadioGroupInput");
+Object.defineProperty(exports, "SegmentedRadioGroupInput", { enumerable: true, get: function () { return SegmentedRadioGroupInput_1.SegmentedRadioGroupInput; } });
+var SliderInput_1 = require("./SliderInput");
+Object.defineProperty(exports, "SliderInput", { enumerable: true, get: function () { return SliderInput_1.SliderInput; } });
+var StringInput_1 = require("./StringInput");
+Object.defineProperty(exports, "StringInput", { enumerable: true, get: function () { return StringInput_1.StringInput; } });
+var StringNumberWithScaleInput_1 = require("./StringNumberWithScaleInput");
+Object.defineProperty(exports, "StringNumberWithScaleInput", { enumerable: true, get: function () { return StringNumberWithScaleInput_1.StringNumberWithScaleInput; } });
+var SwitchInput_1 = require("./SwitchInput");
+Object.defineProperty(exports, "SwitchInput", { enumerable: true, get: function () { return SwitchInput_1.SwitchInput; } });
+var TextAreaInput_1 = require("./TextAreaInput");
+Object.defineProperty(exports, "TextAreaInput", { enumerable: true, get: function () { return TextAreaInput_1.TextAreaInput; } });

package/build/cjs/lib/unstable/kit/form-layouts/FormColumn/FormColumn.css

@@ -0,0 +1,21 @@
+.sr-form-column {
+  margin-bottom: calc(var(--g-spacing-base) * 4);
+}
+.sr-form-column:last-child {
+  margin-bottom: 0;
+}
+.sr-form-column__top {
+  display: inline;
+}
+.sr-form-column__title {
+  min-height: 18px;
+  margin-right: calc(var(--g-spacing-base) * 1);
+}
+.sr-form-column__title_required::after {
+  content: "*";
+  margin-left: calc(var(--g-spacing-base) * 1);
+  color: var(--g-color-text-danger);
+}
+.sr-form-column__help-mark {
+  margin-top: 1.5px;
+}

package/build/cjs/lib/unstable/kit/form-layouts/FormColumn/FormColumn.d.ts

@@ -0,0 +1,5 @@
+import type { JsonSchema, NodeLayout } from '../../../core';
+export interface FormColumnProps {
+    descriptionType?: 'tooltip' | 'bottom';
+}
+export declare const FormColumn: NodeLayout<JsonSchema, FormColumnProps>;

package/build/cjs/lib/unstable/kit/form-layouts/FormColumn/FormColumn.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormColumn = 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)('form-column');
+const FormColumn = ({ children, headName, input, meta, schema, props, }) => {
+    const tooltip = react_1.default.useMemo(() => {
+        if (!schema.description || props.descriptionType === 'bottom') {
+            return null;
+        }
+        return (react_1.default.createElement(uikit_1.HelpMark, { className: b('help-mark') },
+            react_1.default.createElement(components_1.HTMLContent, { html: schema.description })));
+    }, [schema.description, props.descriptionType]);
+    const bottomDescription = react_1.default.useMemo(() => {
+        if (!schema.description || props.descriptionType !== 'bottom') {
+            return null;
+        }
+        return react_1.default.createElement(components_1.HTMLContent, { html: schema.description, color: "secondary" });
+    }, [schema.description, props.descriptionType]);
+    return (react_1.default.createElement(components_1.LayoutContainer, { className: b(), gap: 2 },
+        react_1.default.createElement(uikit_1.Flex, { direction: "column", gap: 0.5 },
+            react_1.default.createElement("div", { className: b('top') },
+                react_1.default.createElement(uikit_1.Text, { className: b('title', { required: props.required }), wordBreak: "break-word" }, schema.title),
+                tooltip,
+                react_1.default.createElement(components_1.ArrayRemoveButton, { name: input.name, headName: headName })),
+            bottomDescription),
+        react_1.default.createElement(uikit_1.Flex, { className: b('bottom'), direction: "column", gap: 0.5 },
+            children,
+            react_1.default.createElement(components_1.EntityError, { errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta) }))));
+};
+exports.FormColumn = FormColumn;

package/build/cjs/lib/unstable/kit/form-layouts/FormColumn/index.d.ts

@@ -0,0 +1 @@
+export { FormColumn, type FormColumnProps } from './FormColumn';

package/build/cjs/lib/unstable/kit/form-layouts/FormColumn/index.js

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

package/build/cjs/lib/unstable/kit/form-layouts/FormRow/FormRow.css

@@ -0,0 +1,25 @@
+.sr-form-row {
+  margin-bottom: calc(var(--g-spacing-base) * 4);
+}
+.sr-form-row:last-child {
+  margin-bottom: 0;
+}
+.sr-form-row__left {
+  display: inline;
+  min-width: 180px;
+  width: 180px;
+  min-height: 28px;
+  padding-top: 4.5px;
+}
+.sr-form-row__title {
+  min-height: 18px;
+  margin-right: calc(var(--g-spacing-base) * 1);
+}
+.sr-form-row__title_required::after {
+  content: "*";
+  margin-left: calc(var(--g-spacing-base) * 1);
+  color: var(--g-color-text-danger);
+}
+.sr-form-row__help-mark {
+  margin-top: 1.5px;
+}