@gravity-ui/dynamic-forms 5.18.0 → 5.19.0

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

@@ -0,0 +1,22 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { Flex, RadioGroup as RadioGroupBase, } from '@gravity-ui/uikit';
+import { ControlError } from '../../components';
+import { block, getValidationState } from '../../utils';
+import './RadioGroup.css';
+const b = block('radio-group');
+const Component = ({ controlProps, input, meta, schema, }) => {
+    const { enumDescriptions, optionsDisabled } = controlProps, restControlProps = __rest(controlProps, ["enumDescriptions", "optionsDisabled"]);
+    const options = React.useMemo(() => {
+        var _a;
+        return (_a = schema.enum) === null || _a === void 0 ? void 0 : _a.map((value) => ({
+            value,
+            content: (enumDescriptions === null || enumDescriptions === void 0 ? void 0 : enumDescriptions[value]) || value,
+            disabled: optionsDisabled === null || optionsDisabled === void 0 ? void 0 : optionsDisabled[value],
+        }));
+    }, [enumDescriptions, optionsDisabled, schema.enum]);
+    return (React.createElement(ControlError, { errorMessage: meta.error, validationState: getValidationState(meta) },
+        React.createElement(Flex, { className: b(), alignItems: "center" },
+            React.createElement(RadioGroupBase, Object.assign({ options: options, disabled: schema.readOnly }, restControlProps, { value: input.value, onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: input.onChange, qa: input.name })))));
+};
+export const RadioGroup = React.memo(Component);

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

@@ -0,0 +1 @@
+export { RadioGroup, type RadioGroupProps } from './RadioGroup';

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

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

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type SliderProps as SliderBaseProps } from '@gravity-ui/uikit';
+import type { JsonSchemaObject } from '../../../core';
+import './RangeSlider.css';
+export interface RangeSliderProps extends Omit<SliderBaseProps, 'value' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'qa'> {
+    propertyKeys?: [string, string];
+}
+export declare const RangeSlider: React.NamedExoticComponent<import("../../../core").ControlProps<JsonSchemaObject<any>, RangeSliderProps, {}>>;

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

@@ -0,0 +1,31 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { Slider as SliderBase } from '@gravity-ui/uikit';
+import { block, getValidationState } from '../../utils';
+import './RangeSlider.css';
+const b = block('range-slider');
+const Component = ({ controlProps, input, meta, schema, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    const { propertyKeys } = controlProps, restControlProps = __rest(controlProps, ["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((_g = input.value) === null || _g === void 0 ? void 0 : _g[fromKey])) || isNaN(Number((_h = input.value) === null || _h === void 0 ? void 0 : _h[toKey]))
+        ? undefined
+        : [Number((_j = input.value) === null || _j === void 0 ? void 0 : _j[fromKey]), Number((_k = input.value) === null || _k === void 0 ? void 0 : _k[toKey])];
+    const defaultValue = isNaN(Number((_l = schema.default) === null || _l === void 0 ? void 0 : _l[fromKey])) || isNaN(Number((_m = schema.default) === null || _m === void 0 ? void 0 : _m[toKey]))
+        ? undefined
+        : [Number((_o = schema.default) === null || _o === void 0 ? void 0 : _o[fromKey]), Number((_p = schema.default) === null || _p === void 0 ? void 0 : _p[toKey])];
+    const onUpdate = React.useCallback((next) => {
+        if (!Array.isArray(next)) {
+            return;
+        }
+        input.onChange({ [fromKey]: next[0], [toKey]: next[1] });
+    }, [fromKey, toKey, input.onChange]);
+    return (React.createElement(SliderBase, Object.assign({ className: b(), min: min, max: max, step: 1, marks: 2, disabled: schema.readOnly, tooltipDisplay: "on" }, restControlProps, { defaultValue: defaultValue, value: value, onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: onUpdate, errorMessage: meta.error, validationState: getValidationState(meta), qa: input.name })));
+};
+export const RangeSlider = React.memo(Component);

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

@@ -0,0 +1 @@
+export { RangeSlider, type RangeSliderProps } from './RangeSlider';

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type SelectProps as SelectBaseProps } from '@gravity-ui/uikit';
+import type { JsonSchemaString } from '../../../core';
+export interface SelectProps extends Omit<SelectBaseProps, 'value' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'onOpenChange' | 'multiple' | 'qa'> {
+    enumDescriptions?: Record<string, string>;
+    optionsMeta?: Record<string, string>;
+    options?: SelectBaseProps['options'];
+}
+export declare const Select: React.NamedExoticComponent<import("../../../core").ControlProps<JsonSchemaString<any>, SelectProps, {}>>;

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

@@ -0,0 +1,29 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { Flex, Select as SelectBase, Text, } from '@gravity-ui/uikit';
+import isString from 'lodash/isString';
+import { getValidationState } from '../../utils';
+const Component = ({ controlProps, input, meta, schema }) => {
+    var _a, _b;
+    const { enumDescriptions, optionsMeta } = controlProps, restControlProps = __rest(controlProps, ["enumDescriptions", "optionsMeta"]);
+    const value = React.useMemo(() => (isString(input.value) ? [input.value] : undefined), [input.value]);
+    const onUpdate = React.useCallback((v) => input.onChange(v[0]), [input.onChange]);
+    const options = React.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.createElement(Flex, { direction: "column", gap: "0.5" },
+                    React.createElement(Text, null, text),
+                    React.createElement(Text, { color: "secondary" }, optionMeta)));
+            }
+            return { value, text, content, key: value, data: { optionMeta } };
+        });
+    }, [enumDescriptions, optionsMeta, schema.enum]);
+    const renderOption = React.useCallback((option) => (React.createElement(React.Fragment, { key: option.value }, option.content || option.text || option.value)), []);
+    const getOptionHeight = React.useCallback((option) => { var _a; return (((_a = option.data) === null || _a === void 0 ? void 0 : _a.optionMeta) ? 44 : 28); }, []);
+    return (React.createElement(SelectBase, Object.assign({ width: "max", options: options, filterable: (((_a = schema.enum) === null || _a === void 0 ? void 0 : _a.length) || 0) > 9, renderOption: renderOption, getOptionHeight: getOptionHeight, disabled: schema.readOnly }, restControlProps, { value: value, onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: onUpdate, errorMessage: meta.error, validationState: getValidationState(meta), placeholder: (_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0], qa: input.name })));
+};
+export const Select = React.memo(Component);

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

@@ -0,0 +1 @@
+export { Select, type SelectProps } from './Select';

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

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

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type SliderProps as SliderBaseProps } from '@gravity-ui/uikit';
+import type { JsonSchemaNumber } from '../../../core';
+import './Slider.css';
+export interface SliderProps extends Omit<SliderBaseProps, 'value' | 'onFocus' | 'onBlur' | 'onChange' | 'onUpdate' | 'errorMessage' | 'validationState' | 'qa'> {
+}
+export declare const Slider: React.NamedExoticComponent<import("../../../core").ControlProps<JsonSchemaNumber<any>, SliderProps, {}>>;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Slider as SliderBase } from '@gravity-ui/uikit';
+import { block, getValidationState } from '../../utils';
+import './Slider.css';
+const b = block('slider');
+const Component = ({ controlProps, input, meta, schema }) => {
+    const value = isNaN(Number(input.value)) ? undefined : Number(input.value);
+    const onUpdate = React.useCallback((next) => {
+        if (Array.isArray(next)) {
+            return;
+        }
+        input.onChange(next);
+    }, [input.onChange]);
+    return (React.createElement(SliderBase, Object.assign({ className: b(), min: schema.minimum, max: schema.maximum, step: 1, marks: 2, disabled: schema.readOnly, tooltipDisplay: "on" }, controlProps, { value: value, onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: onUpdate, errorMessage: meta.error, validationState: getValidationState(meta), qa: `${input.name}` })));
+};
+export const Slider = React.memo(Component);

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

@@ -0,0 +1 @@
+export { Slider, type SliderProps } from './Slider';

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+export { StringBase, type StringBaseProps } from './StringBase';

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

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Switch as SwitchBase } from '@gravity-ui/uikit';
+import { ControlError } from '../../components';
+import { block, getValidationState } from '../../utils';
+import './Switch.css';
+const b = block('switch');
+const Component = ({ controlProps, input, schema, meta, }) => {
+    var _a;
+    return (React.createElement(ControlError, { errorMessage: meta.error, validationState: getValidationState(meta) },
+        React.createElement("div", { className: b() },
+            React.createElement(SwitchBase, Object.assign({ disabled: schema.readOnly }, controlProps, { checked: (_a = input.value) !== null && _a !== void 0 ? _a : false, onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: input.onChange, qa: input.name })))));
+};
+export const Switch = React.memo(Component);

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

@@ -0,0 +1 @@
+export { Switch, type SwitchProps } from './Switch';

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+export { TextArea, type TextAreaProps } from './TextArea';

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

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

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

@@ -0,0 +1,16 @@
+export { ArrayBase, type ArrayBaseProps } from './ArrayBase';
+export { Checkbox, type CheckboxProps } from './Checkbox';
+export { CheckboxGroup, type CheckboxGroupProps } from './CheckboxGroup';
+export { ColorPicker, type ColorPickerProps } from './ColorPicker';
+export { DateInput, type DateInputProps } from './DateInput';
+export { MultiSelect, type MultiSelectProps } from './MultiSelect';
+export { NumberBase, type NumberBaseProps } from './NumberBase';
+export { ObjectBase, type ObjectBaseProps } from './ObjectBase';
+export { Password, type PasswordProps } from './Password';
+export { RadioGroup, type RadioGroupProps } from './RadioGroup';
+export { RangeSlider, type RangeSliderProps } from './RangeSlider';
+export { Select, type SelectProps } from './Select';
+export { Slider, type SliderProps } from './Slider';
+export { StringBase, type StringBaseProps } from './StringBase';
+export { Switch, type SwitchProps } from './Switch';
+export { TextArea, type TextAreaProps } from './TextArea';

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

@@ -0,0 +1,16 @@
+export { ArrayBase } from './ArrayBase';
+export { Checkbox } from './Checkbox';
+export { CheckboxGroup } from './CheckboxGroup';
+export { ColorPicker } from './ColorPicker';
+export { DateInput } from './DateInput';
+export { MultiSelect } from './MultiSelect';
+export { NumberBase } from './NumberBase';
+export { ObjectBase } from './ObjectBase';
+export { Password } from './Password';
+export { RadioGroup } from './RadioGroup';
+export { RangeSlider } from './RangeSlider';
+export { Select } from './Select';
+export { Slider } from './Slider';
+export { StringBase } from './StringBase';
+export { Switch } from './Switch';
+export { TextArea } from './TextArea';

package/build/esm/lib/unstable/kit/utils/cn.d.ts

@@ -0,0 +1 @@
+export declare const block: import("@bem-react/classname").ClassNameInitilizer;

package/build/esm/lib/unstable/kit/utils/cn.js

@@ -0,0 +1,3 @@
+import { withNaming } from '@bem-react/classname';
+const NAMESPACE = 'sr-';
+export const block = withNaming({ n: NAMESPACE, e: '__', m: '_' });

package/build/esm/lib/unstable/kit/utils/common.d.ts

@@ -0,0 +1,7 @@
+import type { FormApi } from 'final-form';
+import type { FieldMetaState } from 'react-final-form';
+export declare const getValidationState: (meta: FieldMetaState<any>) => "invalid" | undefined;
+export declare const getArrayItemParentName: (name: string) => string;
+export declare const getArrayItemIndex: (name: string) => string;
+export declare const isArrayItem: (name: string) => boolean;
+export declare const isTupleItem: (name: string, form: FormApi) => boolean;

package/build/esm/lib/unstable/kit/utils/common.js

@@ -0,0 +1,19 @@
+export const getValidationState = (meta) => {
+    if ((meta.touched || meta.submitFailed) && meta.error) {
+        return 'invalid';
+    }
+    return undefined;
+};
+export const getArrayItemParentName = (name) => name.slice(0, name.lastIndexOf('['));
+export const getArrayItemIndex = (name) => name.slice(name.lastIndexOf('[') + 1, -1);
+export const isArrayItem = (name) => name.endsWith(']');
+export const isTupleItem = (name, form) => {
+    var _a;
+    if (!isArrayItem(name)) {
+        return false;
+    }
+    const parentName = getArrayItemParentName(name);
+    const parentField = form.getFieldState(parentName);
+    const parentSchema = (_a = parentField === null || parentField === void 0 ? void 0 : parentField.data) === null || _a === void 0 ? void 0 : _a.schema;
+    return Array.isArray(parentSchema === null || parentSchema === void 0 ? void 0 : parentSchema.items);
+};

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

@@ -0,0 +1,2 @@
+export { block } from './cn';
+export { getArrayItemIndex, getArrayItemParentName, getValidationState, isArrayItem, isTupleItem, } from './common';

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

@@ -0,0 +1,2 @@
+export { block } from './cn';
+export { getArrayItemIndex, getArrayItemParentName, getValidationState, isArrayItem, isTupleItem, } from './common';

package/build/esm/lib/unstable/kit/wrappers/Row/Row.css

@@ -0,0 +1,27 @@
+.sr-row {
+  margin-bottom: calc(var(--g-spacing-base) * 4);
+}
+.sr-row:last-child {
+  margin-bottom: 0;
+}
+.sr-row__left {
+  display: inline;
+  width: 180px;
+  min-height: 28px;
+  padding-top: 5.5px;
+}
+.sr-row__title {
+  min-height: 18px;
+  margin-right: calc(var(--g-spacing-base) * 1);
+}
+.sr-row__title_required::after {
+  content: "*";
+  margin-left: calc(var(--g-spacing-base) * 1);
+  color: var(--g-color-text-danger);
+}
+.sr-row__right {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  gap: calc(var(--g-spacing-base) * 0.5);
+}

package/build/esm/lib/unstable/kit/wrappers/Row/Row.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { JsonSchema } from '../../../core';
+import './Row.css';
+export interface RowProps {
+    descriptionType?: 'tooltip' | 'bottom';
+}
+export declare const Row: React.NamedExoticComponent<import("../../../core").WrapperProps<JsonSchema, RowProps>>;

package/build/esm/lib/unstable/kit/wrappers/Row/Row.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { Flex, HelpMark, Text } from '@gravity-ui/uikit';
+import { ArrayRemoveButton, HTMLContent } from '../../components';
+import { block } from '../../utils';
+import './Row.css';
+const b = block('row');
+const Component = ({ children, input, schema, wrapperProps }) => {
+    const tooltip = React.useMemo(() => {
+        if (!schema.description || wrapperProps.descriptionType === 'bottom') {
+            return null;
+        }
+        return (React.createElement(HelpMark, null,
+            React.createElement(HTMLContent, { html: schema.description })));
+    }, [schema.description, wrapperProps.descriptionType]);
+    const bottomDescription = React.useMemo(() => {
+        if (!schema.description || wrapperProps.descriptionType !== 'bottom') {
+            return null;
+        }
+        return React.createElement(HTMLContent, { html: schema.description, color: "secondary" });
+    }, [schema.description, wrapperProps.descriptionType]);
+    return (React.createElement(Flex, { className: b(), alignItems: "flex-start", gap: 2 },
+        React.createElement("div", { className: b('left') },
+            React.createElement(Text, { className: b('title', { required: wrapperProps.required }), wordBreak: "break-word" }, schema.title),
+            tooltip),
+        React.createElement("div", { className: b('right') },
+            React.createElement(Flex, { gap: 2 },
+                children,
+                React.createElement(ArrayRemoveButton, { name: input.name })),
+            bottomDescription)));
+};
+export const Row = React.memo(Component);

package/build/esm/lib/unstable/kit/wrappers/Row/index.d.ts

@@ -0,0 +1 @@
+export { Row, type RowProps } from './Row';

package/build/esm/lib/unstable/kit/wrappers/Row/index.js

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

package/build/esm/lib/unstable/kit/wrappers/Transparent/Transparent.css

@@ -0,0 +1,6 @@
+.sr-transparent {
+  margin-bottom: calc(var(--g-spacing-base) * 4);
+}
+.sr-transparent:last-child {
+  margin-bottom: 0;
+}

package/build/esm/lib/unstable/kit/wrappers/Transparent/Transparent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { JsonSchema } from '../../../core';
+import './Transparent.css';
+export declare const Transparent: React.NamedExoticComponent<import("../../../core").WrapperProps<JsonSchema, {}>>;

package/build/esm/lib/unstable/kit/wrappers/Transparent/Transparent.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Flex } from '@gravity-ui/uikit';
+import { ArrayRemoveButton } from '../../components';
+import { block } from '../../utils';
+import './Transparent.css';
+const b = block('transparent');
+const Component = ({ children, input }) => {
+    return (React.createElement(Flex, { className: b(), gap: 2 },
+        children,
+        React.createElement(ArrayRemoveButton, { name: input.name })));
+};
+export const Transparent = React.memo(Component);

package/build/esm/lib/unstable/kit/wrappers/Transparent/index.d.ts

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

package/build/esm/lib/unstable/kit/wrappers/Transparent/index.js

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

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

@@ -0,0 +1,2 @@
+export { Row, type RowProps } from './Row';
+export { Transparent } from './Transparent';

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

@@ -0,0 +1,2 @@
+export { Row } from './Row';
+export { Transparent } from './Transparent';

package/build/esm/unstable.d.ts

@@ -0,0 +1,4 @@
+export * from './lib/unstable/core';
+export { config, untypedConfig } from './lib/unstable/kit/constants';
+export * from './lib/unstable/kit/controls';
+export * from './lib/unstable/kit/wrappers';

package/build/esm/unstable.js

@@ -0,0 +1,4 @@
+export * from './lib/unstable/core';
+export { config, untypedConfig } from './lib/unstable/kit/constants';
+export * from './lib/unstable/kit/controls';
+export * from './lib/unstable/kit/wrappers';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dynamic-forms",
-  "version": "5.18.0",
+  "version": "5.19.0",
   "description": "",
   "license": "MIT",
   "main": "build/cjs/index.js",
@@ -49,6 +49,7 @@
     "@gravity-ui/date-utils": "^2.5.5",
     "@gravity-ui/i18n": "^1.2.0",
     "@gravity-ui/icons": "^2.12.0",
+    "ajv": "^8.20.0",
     "lodash": "^4.17.20"
   },
   "devDependencies": {
@@ -80,7 +81,6 @@
     "@types/react-is": "^17.0.3",
     "@types/uuid": "^9.0.4",
     "@vitejs/plugin-react": "^4.2.0",
-    "ajv": "^8.20.0",
     "css-loader": "^5.2.6",
     "eslint": "^8.49.0",
     "final-form": "^4.20.2",
@@ -133,5 +133,27 @@
     "*.md": [
       "prettier --write"
     ]
+  },
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./build/esm/index.d.ts",
+        "default": "./build/esm/index.js"
+      },
+      "require": {
+        "types": "./build/cjs/index.d.ts",
+        "default": "./build/cjs/index.js"
+      }
+    },
+    "./unstable": {
+      "import": {
+        "types": "./build/esm/unstable.d.ts",
+        "default": "./build/esm/unstable.js"
+      },
+      "require": {
+        "types": "./build/cjs/unstable.d.ts",
+        "default": "./build/cjs/unstable.js"
+      }
+    }
   }
 }