@gravity-ui/dynamic-forms 5.17.1 → 5.19.0

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HTMLContent = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const HTMLContent = (_a) => {
+    var { html } = _a, restProps = tslib_1.__rest(_a, ["html"]);
+    return react_1.default.createElement(uikit_1.Text, Object.assign({}, restProps, { dangerouslySetInnerHTML: { __html: html } }));
+};
+exports.HTMLContent = HTMLContent;

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

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

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

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

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

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.config = exports.untypedConfig = void 0;
+const constants_1 = require("../core/constants");
+const Accordeon_1 = require("./Accordeon");
+const Any_1 = require("./Any");
+const ArrayBase_1 = require("./ArrayBase");
+const MultiSelect_1 = require("./MultiSelect");
+const ObjectBase_1 = require("./ObjectBase");
+const Row_1 = require("./Row");
+const Text_1 = require("./Text");
+exports.untypedConfig = {
+    [constants_1.EntityType.Any]: {
+        controls: {
+            baseAny: { Component: Any_1.AnyInput },
+        },
+        views: {},
+        wrappers: {},
+        validators: {},
+    },
+    [constants_1.EntityType.Array]: {
+        controls: { selectArray: { Component: MultiSelect_1.MultiSelect }, baseArray: { Component: ArrayBase_1.ArrayBase } },
+        views: {},
+        wrappers: { accordeonArray: Accordeon_1.Accordeon, rowArray: Row_1.Row },
+        validators: { baseArray: (() => false) },
+    },
+    [constants_1.EntityType.Boolean]: {
+        controls: {},
+        views: {},
+        wrappers: {},
+        validators: { baseBoolean: (() => false) },
+    },
+    [constants_1.EntityType.Number]: {
+        controls: { baseNumber: { Component: Text_1.Text } },
+        views: {},
+        wrappers: { rowNumber: Row_1.Row },
+        validators: {
+            baseNumber: () => false,
+            asyncNumber: (() => new Promise((resolve) => {
+                setTimeout(() => {
+                    resolve('bocembocembocem');
+                }, 2000);
+            })),
+        },
+    },
+    [constants_1.EntityType.Object]: {
+        controls: { baseObject: { Component: ObjectBase_1.ObjectBase, independent: true } },
+        views: {},
+        wrappers: { accordeonObject: Accordeon_1.Accordeon },
+        validators: { baseObject: (() => false) },
+    },
+    [constants_1.EntityType.String]: {
+        controls: { baseString: { Component: Text_1.Text } },
+        views: {},
+        wrappers: { rowString: Row_1.Row },
+        validators: {
+            baseString: (() => 'jajaja'),
+            // async: (() =>
+            //     new Promise((resolve) => {
+            //         setTimeout(() => {
+            //             resolve('bocembocembocem');
+            //         }, 2000);
+            //     })) as AsyncValidator<JsonSchemaString>,
+            cccString: (() => 'ccc'),
+        },
+    },
+};
+exports.config = exports.untypedConfig;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ObjectBase = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
+const core_1 = require("../../../core");
+const components_1 = require("../../components");
+const utils_1 = require("../../utils");
+const Component = ({ controlProps, input, meta, schema, }) => {
+    const addButton = react_1.default.useMemo(() => {
+        const onClick = () => input.onChange(schema.default);
+        return (react_1.default.createElement(uikit_1.Button, { onClick: onClick, disabled: controlProps.disabled || schema.readOnly, qa: `${input.name}-add-button` },
+            react_1.default.createElement(uikit_1.Icon, { data: icons_1.Plus, size: 14 }),
+            controlProps.addButtonText || null));
+    }, [
+        controlProps.addButtonText,
+        controlProps.disabled,
+        input.onChange,
+        schema.default,
+        schema.readOnly,
+    ]);
+    return (react_1.default.createElement(components_1.ControlError, { errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta) },
+        react_1.default.createElement(uikit_1.Flex, { direction: "column", gap: 2 },
+            react_1.default.createElement(uikit_1.Flex, { direction: "column" },
+                (controlProps.order || Object.keys(schema.properties || {})).map((property) => {
+                    var _a;
+                    return (react_1.default.createElement(core_1.Entity, { name: `${input.name ? input.name + '.' : ''}${property}`, schema: (_a = schema.properties) === null || _a === void 0 ? void 0 : _a[property], key: property }));
+                }),
+                input.value ? null : addButton))));
+};
+exports.ObjectBase = react_1.default.memo(Component);

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

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

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Password = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const utils_1 = require("../../utils");
+const Component = ({ controlProps, input, meta, schema, }) => {
+    var _a, _b;
+    return (react_1.default.createElement(uikit_1.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: (0, utils_1.getValidationState)(meta), placeholder: (_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0], qa: input.name })));
+};
+exports.Password = react_1.default.memo(Component);

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

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

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

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

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroup = 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)('radio-group');
+const Component = ({ controlProps, input, meta, schema, }) => {
+    const { enumDescriptions, optionsDisabled } = controlProps, restControlProps = tslib_1.__rest(controlProps, ["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]);
+    return (react_1.default.createElement(components_1.ControlError, { errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta) },
+        react_1.default.createElement(uikit_1.Flex, { className: b(), alignItems: "center" },
+            react_1.default.createElement(uikit_1.RadioGroup, Object.assign({ options: options, disabled: schema.readOnly }, restControlProps, { value: input.value, onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: input.onChange, qa: input.name })))));
+};
+exports.RadioGroup = react_1.default.memo(Component);

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

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