@gravity-ui/dynamic-forms 5.20.0 → 5.21.0

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

@@ -1,39 +0,0 @@
-.sr-array-table__row {
-  width: 100%;
-  display: grid;
-  align-items: start;
-  grid-template-columns: 28px repeat(var(--columns-count), 1fr);
-  gap: calc(var(--g-spacing-base) * 3);
-  padding: calc(var(--g-spacing-base) * 2) 0;
-  border-bottom: 1px solid var(--g-color-line-generic);
-}
-.sr-array-table__row_head {
-  align-items: center;
-}
-.sr-array-table__row_with-remove-button {
-  grid-template-columns: 28px repeat(var(--columns-count), 1fr) 28px;
-}
-.sr-array-table__row:last-of-type {
-  border-bottom: none;
-}
-.sr-array-table__cell {
-  width: 100%;
-  min-height: 28px;
-  display: flex;
-  align-items: center;
-}
-.sr-array-table__index {
-  margin: 0 auto;
-}
-.sr-array-table__column-title {
-  display: flex;
-  align-items: center;
-  gap: 0 calc(var(--g-spacing-base) * 0.5);
-  flex-wrap: wrap;
-}
-.sr-array-table__column-title-word {
-  display: flex;
-  align-items: center;
-  gap: 0 calc(var(--g-spacing-base) * 1);
-  flex-wrap: wrap;
-}

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

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

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

@@ -1,88 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrayTable = 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 b = (0, utils_1.block)('array-table');
-const Component = ({ controlProps, input, schema }) => {
-    const { name, onBlur, onChange, onFocus, value } = input;
-    const addButton = react_1.default.useMemo(() => {
-        const itemsSchema = schema.items;
-        if (Array.isArray(itemsSchema)) {
-            return null;
-        }
-        const onClick = () => {
-            onFocus();
-            onChange([...(value || []), itemsSchema === null || itemsSchema === void 0 ? void 0 : itemsSchema.default]);
-            onBlur();
-        };
-        return (react_1.default.createElement(uikit_1.Button, { onClick: onClick, disabled: controlProps.disabled || schema.readOnly, qa: `${name}-add-button` },
-            react_1.default.createElement(uikit_1.Icon, { data: icons_1.Plus, size: 14 }),
-            controlProps.addButtonText || null));
-    }, [
-        controlProps.addButtonText,
-        controlProps.disabled,
-        name,
-        onBlur,
-        onChange,
-        onFocus,
-        schema.items,
-        schema.readOnly,
-        value,
-    ]);
-    const columns = react_1.default.useMemo(() => {
-        const columns = [];
-        const itemsSchema = schema.items;
-        if (itemsSchema) {
-            const itemSchema = Array.isArray(itemsSchema) ? itemsSchema[0] : itemsSchema;
-            if ('properties' in itemSchema &&
-                itemSchema.properties &&
-                Object.keys(itemSchema.properties).length > 0) {
-                const properties = itemSchema.properties;
-                (controlProps.order || Object.keys(properties)).forEach((columnKey) => {
-                    columns.push({ name: columnKey, schema: properties[columnKey] || {} });
-                });
-            }
-            else {
-                columns.push({ name: undefined, schema: itemSchema });
-            }
-        }
-        return columns;
-    }, [controlProps.order, schema.items]);
-    const { head, rows } = react_1.default.useMemo(() => {
-        let rowsCount = value === null || value === void 0 ? void 0 : value.length;
-        let withRemoveButton = true;
-        if (Array.isArray(schema.items)) {
-            rowsCount = schema.items.length;
-            withRemoveButton = false;
-        }
-        const head = (react_1.default.createElement("div", { className: b('row', { 'with-remove-button': withRemoveButton }), style: { '--columns-count': columns.length } },
-            react_1.default.createElement("div", { className: b('cell') },
-                react_1.default.createElement(uikit_1.Text, { className: b('index'), variant: "subheader-1" }, "#")),
-            columns.map((column, cIndex) => {
-                var _a;
-                return (react_1.default.createElement("div", { className: b('cell'), key: cIndex },
-                    react_1.default.createElement("div", { className: b('column-title') }, (_a = column.schema.title) === null || _a === void 0 ? void 0 : _a.split(' ').map((word, wIndex, array) => (react_1.default.createElement("div", { className: b('column-title-word'), key: word },
-                        react_1.default.createElement(uikit_1.Text, { variant: "subheader-1" }, word),
-                        wIndex + 1 === array.length && column.schema.description ? (react_1.default.createElement(uikit_1.HelpMark, null, column.schema.description)) : null))))));
-            })));
-        const rows = new Array(rowsCount).fill(null).map((_, rIndex) => (react_1.default.createElement("div", { className: b('row', { 'with-remove-button': withRemoveButton }), style: { '--columns-count': columns.length }, key: rIndex },
-            react_1.default.createElement("div", { className: b('cell') },
-                react_1.default.createElement(uikit_1.Text, { className: b('index'), variant: "subheader-1" }, rIndex + 1)),
-            columns.map((column, cIndex) => (react_1.default.createElement("div", { className: b('cell'), key: cIndex },
-                react_1.default.createElement(core_1.Entity, { name: `${name}[${rIndex}]${column.name === undefined ? '' : `.${column.name}`}`, schema: column.schema })))),
-            withRemoveButton ? (react_1.default.createElement("div", { className: b('cell') },
-                react_1.default.createElement(components_1.ArrayRemoveButton, { name: `${name}[${rIndex}]` }))) : null)));
-        return { head, rows };
-    }, [columns, name, schema.items, value === null || value === void 0 ? void 0 : value.length]);
-    return (react_1.default.createElement(components_1.ControlContainer, { stretch: "by-child", gap: 2 },
-        head,
-        rows,
-        addButton));
-};
-exports.ArrayTable = react_1.default.memo(Component);

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

@@ -1,11 +0,0 @@
-.sr-checkbox {
-  min-height: 28px;
-  display: flex;
-  justify-content: center;
-}
-.sr-checkbox_error .g-control-label .g-checkbox__indicator:hover::before {
-  border: 1px solid var(--g-color-text-danger);
-}
-.sr-checkbox_error .g-control-label .g-checkbox__indicator::before {
-  border: 1px solid var(--g-color-text-danger);
-}

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

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

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

@@ -1,20 +0,0 @@
-"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, }) => {
-    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.ControlContainer, { stretch: "fit", className: b({ error: (0, utils_1.getBooleanValidationState)(meta) }) },
-        react_1.default.createElement(uikit_1.Checkbox, Object.assign({ disabled: schema.readOnly }, controlProps, { checked: value !== null && value !== void 0 ? value : false, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, qa: name }))));
-};
-exports.Checkbox = react_1.default.memo(Component);

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

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

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

@@ -1,5 +0,0 @@
-"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

@@ -1,9 +0,0 @@
-.sr-checkbox-group__checkbox {
-  min-height: 28px;
-}
-.sr-checkbox-group__checkbox_error .g-control-label .g-checkbox__indicator:hover::before {
-  border: 1px solid var(--g-color-text-danger);
-}
-.sr-checkbox-group__checkbox_error .g-control-label .g-checkbox__indicator::before {
-  border: 1px solid var(--g-color-text-danger);
-}

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

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

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

@@ -1,42 +0,0 @@
-"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 { name, onBlur, onChange, onFocus, value: inputValue } = input;
-    const { direction, disabled, enumDescriptions, optionsDisabled } = controlProps;
-    const value = react_1.default.useMemo(() => (Array.isArray(inputValue) ? inputValue : []), [inputValue]);
-    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) => {
-        onFocus();
-        if (selected) {
-            onChange([...value, optionValue]);
-        }
-        else {
-            onChange(value.filter((el) => el !== optionValue));
-        }
-        onBlur();
-    }, [onBlur, onChange, onFocus, value]);
-    return (react_1.default.createElement(components_1.ControlContainer, { stretch: "fit", direction: direction, gap: direction === 'row' ? 2 : undefined }, options === null || options === void 0 ? void 0 : options.map(({ value: optionValue, text }) => (react_1.default.createElement(uikit_1.Flex, { className: b('checkbox', {
-            error: value.includes(optionValue) && (0, utils_1.getBooleanValidationState)(meta),
-        }), alignItems: "center", key: optionValue },
-        react_1.default.createElement(uikit_1.Checkbox, { checked: value.includes(optionValue), onFocus: onFocus, onBlur: onBlur, onUpdate: (checked) => onUpdate(optionValue, checked), content: text, disabled: disabled || (optionsDisabled === null || optionsDisabled === void 0 ? void 0 : optionsDisabled[optionValue]) || schema.readOnly, qa: `${name}-${optionValue}` }))))));
-};
-exports.CheckboxGroup = react_1.default.memo(Component);

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

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

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

@@ -1,5 +0,0 @@
-"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.css

@@ -1,6 +0,0 @@
-.sr-color-picker .g-color-picker__picker-wrapper {
-  width: 100%;
-}
-.sr-color-picker_error .g-color-picker__picker-wrapper .g-text-input__content {
-  border: 1px solid var(--g-color-text-danger);
-}

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

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

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

@@ -1,25 +0,0 @@
-"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 b = (0, utils_1.block)('color-picker');
-const Component = ({ controlProps, input, meta, schema, }) => {
-    const { name, onBlur, onChange, onFocus, value } = input;
-    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) {
-            onFocus();
-        }
-        else {
-            onBlur();
-        }
-    }, [onBlur, onFocus, onOpenChangeProps]);
-    return (react_1.default.createElement(components_1.ControlContainer, { stretch: "max", className: b({ error: (0, utils_1.getBooleanValidationState)(meta) }) },
-        react_1.default.createElement(unstable_1.unstable_ColorPicker, Object.assign({ disabled: schema.readOnly }, restControlProps, { value: value !== null && value !== void 0 ? value : '', onUpdate: onChange, onOpenChange: onOpenChange, "data-qa": name }))));
-};
-exports.ColorPicker = react_1.default.memo(Component);

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

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

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

@@ -1,5 +0,0 @@
-"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.d.ts

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

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

@@ -1,56 +0,0 @@
-"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");
-const b = (0, utils_1.block)('date-input');
-exports.DEFAULT_DATE_FORMAT = 'DD.MM.YYYY HH:mm';
-const Component = ({ controlProps, input, meta, schema }) => {
-    var _a;
-    const { name, onBlur, onChange, onFocus, value: inputValue } = input;
-    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) {
-            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_1.default.useMemo(() => {
-        if (!inputValue) {
-            return null;
-        }
-        let raw = inputValue;
-        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;
-    }, [inputValue, outputFormat, timeZone]);
-    return (react_1.default.createElement(components_1.ControlContainer, { stretch: "max", className: b({ error: (0, utils_1.getBooleanValidationState)(meta) }) },
-        react_1.default.createElement(date_components_1.DatePicker, Object.assign({ format: exports.DEFAULT_DATE_FORMAT, popupPlacement: "bottom-start", placeholder: `${(_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0]}`, disabled: schema.readOnly, hasClear: true }, restControlProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, timeZone: timeZone, errorMessage: undefined, validationState: undefined, "data-qa": name }))));
-};
-exports.DateInput = react_1.default.memo(Component);

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import { type JsonSchemaObject } from '../../../core';
-export interface DotValueProps {
-}
-export declare const DotValue: React.NamedExoticComponent<import("../../../core").ControlProps<JsonSchemaObject<any>, DotValueProps, {}>>;

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

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DotValue = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const get_1 = tslib_1.__importDefault(require("lodash/get"));
-const isString_1 = tslib_1.__importDefault(require("lodash/isString"));
-const core_1 = require("../../../core");
-const components_1 = require("../../components");
-const Component = ({ input, schema }) => {
-    var _a;
-    const { name, onBlur, onChange, onFocus, value } = input;
-    const childKey = 'value';
-    react_1.default.useLayoutEffect(() => {
-        if (value) {
-            const childValue = (0, get_1.default)(value, childKey);
-            if (childValue === null ||
-                childValue === undefined ||
-                childValue === '' ||
-                ((0, isString_1.default)(childValue) && childValue.endsWith('_UNSPECIFIED'))) {
-                onFocus();
-                onChange(undefined);
-                onBlur();
-            }
-        }
-    }, [value]);
-    return (react_1.default.createElement(components_1.ControlContainer, { stretch: "by-child" },
-        react_1.default.createElement(core_1.Entity, { name: `${name ? name + '.' : ''}${childKey}`, schema: (_a = schema.properties) === null || _a === void 0 ? void 0 : _a[childKey] })));
-};
-exports.DotValue = react_1.default.memo(Component);

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

@@ -1,14 +0,0 @@
-.sr-few-of-nested__content_with-indent {
-  position: relative;
-  padding-left: calc(var(--g-spacing-base) * 7);
-}
-.sr-few-of-nested__content_with-indent:before {
-  content: "";
-  display: block;
-  width: 1px;
-  height: calc(100% + var(--g-spacing-base) * 2);
-  background-color: var(--g-color-line-generic);
-  position: absolute;
-  left: calc(var(--g-spacing-base) * 3 + 1.5px);
-  bottom: 0;
-}

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { type JsonSchema, type JsonSchemaObject } from '../../../core';
-export interface FewOfNestedProps {
-    toggler: JsonSchema;
-    withIndent?: boolean;
-    togglerArrayRemoveButton?: boolean;
-}
-export declare const FewOfNested: React.NamedExoticComponent<import("../../../core").ControlProps<JsonSchemaObject<any>, FewOfNestedProps, {}>>;

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

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FewOfNested = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const isString_1 = tslib_1.__importDefault(require("lodash/isString"));
-const core_1 = require("../../../core");
-const components_1 = require("../../components");
-const utils_1 = require("../../utils");
-const b = (0, utils_1.block)('one-of-nested');
-const Component = ({ controlProps, input, meta, schema, Wrapper, wrapperProps, }) => {
-    const { name, value } = input;
-    const { togglerArrayRemoveButton = false, toggler: togglerSchema = {}, withIndent = false, } = controlProps;
-    const { config } = (0, core_1.useEntitiesState)(name);
-    const [togglerValues, setTogglerValues] = react_1.default.useState(() => {
-        if (value && Object.keys(value).length) {
-            return Object.keys(value);
-        }
-        if (schema.properties && Object.keys(schema.properties).length) {
-            return [Object.keys(schema.properties)[0]];
-        }
-        return [];
-    });
-    const toggler = react_1.default.useMemo(() => {
-        let result = null;
-        const formKit = (0, core_1.getRenderKit)({ config, schema: togglerSchema })[core_1.SchemaRendererMode.Form];
-        const togglerInput = Object.assign(Object.assign({}, input), { name: togglerArrayRemoveButton ? name : `${name}._____toggler`, value: togglerValues, onChange: (value) => {
-                if (Array.isArray(value)) {
-                    setTogglerValues(value.filter(isString_1.default));
-                }
-            } });
-        const togglerMeta = Object.assign(Object.assign({}, meta), { error: undefined });
-        if (formKit.Component) {
-            if (formKit.independent) {
-                result = (react_1.default.createElement(formKit.Component, { input: togglerInput, meta: togglerMeta, schema: togglerSchema, controlProps: formKit.props, Wrapper: formKit.Wrapper, wrapperProps: formKit.wrapperProps }));
-            }
-            else {
-                result = (react_1.default.createElement(formKit.Component, { input: togglerInput, meta: togglerMeta, schema: togglerSchema, controlProps: formKit.props }));
-                if (formKit.Wrapper) {
-                    result = (react_1.default.createElement(formKit.Wrapper, { input: togglerInput, meta: togglerMeta, schema: togglerSchema, wrapperProps: formKit.wrapperProps }, result));
-                }
-            }
-        }
-        return result;
-    }, [config, name, input, meta, togglerArrayRemoveButton, togglerSchema, togglerValues]);
-    const wrapperInput = react_1.default.useMemo(() => {
-        if (!togglerArrayRemoveButton) {
-            return input;
-        }
-        return Object.assign(Object.assign({}, input), { name: `${name}._____wrapper` });
-    }, [name, input, togglerArrayRemoveButton]);
-    let content = (react_1.default.createElement(components_1.ControlContainer, { stretch: "by-child" },
-        toggler,
-        togglerValues.length ? (react_1.default.createElement("div", { className: b('content', { 'with-indent': withIndent }) }, togglerValues.map((togglerValue) => {
-            var _a;
-            return (react_1.default.createElement(core_1.Entity, { key: togglerValue, name: `${name}.${togglerValue}`, schema: (_a = schema.properties) === null || _a === void 0 ? void 0 : _a[togglerValue] }));
-        }))) : null));
-    if (Wrapper) {
-        content = (react_1.default.createElement(Wrapper, { input: wrapperInput, meta: meta, schema: schema, wrapperProps: wrapperProps || {} }, content));
-    }
-    return content;
-};
-exports.FewOfNested = react_1.default.memo(Component);

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type FileDropZoneProps } from '@gravity-ui/uikit/unstable';
-import type { JsonSchemaString } from '../../../core';
-export interface FileInputProps extends Omit<FileDropZoneProps, 'multiple' | 'onUpdate' | 'errorMessage' | 'validationState'> {
-    readAsMethod?: 'readAsBinaryString' | 'readAsDataURL' | 'readAsText';
-}
-export declare const FileInput: React.NamedExoticComponent<import("../../../core").ControlProps<JsonSchemaString<any>, FileInputProps, {}>>;

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

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileInput = 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 unstable_1 = require("@gravity-ui/uikit/unstable");
-const components_1 = require("../../components");
-const utils_1 = require("../../utils");
-const Component = ({ controlProps, input, meta, schema, }) => {
-    const { onBlur, onChange, onFocus } = input;
-    const { readAsMethod = 'readAsBinaryString' } = controlProps, restControlProps = tslib_1.__rest(controlProps, ["readAsMethod"]);
-    const counterRef = react_1.default.useRef(0);
-    const [file, setFile] = react_1.default.useState(null);
-    const actions = react_1.default.useMemo(() => [
-        {
-            id: 'remove',
-            title: '',
-            icon: react_1.default.createElement(icons_1.Xmark, { width: 14, height: 14 }),
-            onClick: () => {
-                onChange(undefined);
-                setFile(null);
-            },
-            tooltipExtraProps: { disabled: true },
-        },
-    ], [onChange]);
-    const onUpdate = react_1.default.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_1.default.createElement(components_1.ControlContainer, { stretch: "fit" },
-            react_1.default.createElement(uikit_1.FilePreview, { file: file, actions: actions })));
-    }
-    return (react_1.default.createElement(components_1.ControlContainer, { stretch: "max" },
-        react_1.default.createElement(unstable_1.unstable_FileDropZone, Object.assign({ disabled: schema.readOnly, accept: [] }, restControlProps, { onUpdate: onUpdate, errorMessage: undefined, validationState: (0, utils_1.getValidationState)(meta), multiple: false }))));
-};
-exports.FileInput = react_1.default.memo(Component);

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import * as icons from '@gravity-ui/icons';
-import { type IconProps, type LabelProps as UIKitLabelProps } from '@gravity-ui/uikit';
-import type { JsonSchemaString } from '../../../core';
-export interface LabelProps extends UIKitLabelProps {
-    iconName?: keyof typeof icons;
-    iconProps?: Partial<IconProps>;
-}
-export declare const Label: React.NamedExoticComponent<import("../../../core").ControlProps<JsonSchemaString<any>, LabelProps, {}>>;

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

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Label = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const icons = tslib_1.__importStar(require("@gravity-ui/icons"));
-const uikit_1 = require("@gravity-ui/uikit");
-const components_1 = require("../../components");
-const Component = ({ controlProps, input, schema }) => {
-    const { value } = input;
-    const { iconName, iconProps, title } = controlProps, controlRestProps = tslib_1.__rest(controlProps, ["iconName", "iconProps", "title"]);
-    const icon = react_1.default.useMemo(() => iconName && icons[iconName] ? (react_1.default.createElement(uikit_1.Icon, Object.assign({ data: icons[iconName] }, iconProps))) : undefined, [iconName, iconProps]);
-    const content = react_1.default.useMemo(() => {
-        if (title) {
-            if (typeof title === 'string') {
-                return react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: title } });
-            }
-            return title;
-        }
-        if (schema.description) {
-            return react_1.default.createElement("span", { dangerouslySetInnerHTML: { __html: schema.description } });
-        }
-        return undefined;
-    }, [title, schema.description]);
-    return (react_1.default.createElement(components_1.ControlContainer, { stretch: "fit" },
-        react_1.default.createElement(uikit_1.Label, Object.assign({ size: "m", value: value, icon: icon }, controlRestProps), content)));
-};
-exports.Label = react_1.default.memo(Component);

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

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