@gravity-ui/dynamic-forms 5.19.0 → 5.20.0

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

@@ -1,16 +1,26 @@
+export { Alert, type AlertProps } from './Alert';
 export { ArrayBase, type ArrayBaseProps } from './ArrayBase';
+export { ArrayTable, type ArrayTableProps } from './ArrayTable';
 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 { FewOfNested, type FewOfNestedProps } from './FewOfNested';
+export { FileInput, type FileInputProps } from './FileInput';
+export { Label, type LabelProps } from './Label';
 export { MultiSelect, type MultiSelectProps } from './MultiSelect';
 export { NumberBase, type NumberBaseProps } from './NumberBase';
 export { ObjectBase, type ObjectBaseProps } from './ObjectBase';
+export { ObjectInline, type ObjectInlineProps } from './ObjectInline';
+export { OneOfNested, type OneOfNestedProps } from './OneOfNested';
+export { DotValue, type DotValueProps } from './DotValue';
 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 { SegmentedRadioGroup, type SegmentedRadioGroupProps } from './SegmentedRadioGroup';
 export { Slider, type SliderProps } from './Slider';
 export { StringBase, type StringBaseProps } from './StringBase';
 export { Switch, type SwitchProps } from './Switch';
 export { TextArea, type TextAreaProps } from './TextArea';
+export { TextContent, type TextContentProps } from './TextContent';

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

@@ -1,16 +1,26 @@
+export { Alert } from './Alert';
 export { ArrayBase } from './ArrayBase';
+export { ArrayTable } from './ArrayTable';
 export { Checkbox } from './Checkbox';
 export { CheckboxGroup } from './CheckboxGroup';
 export { ColorPicker } from './ColorPicker';
 export { DateInput } from './DateInput';
+export { FewOfNested } from './FewOfNested';
+export { FileInput } from './FileInput';
+export { Label } from './Label';
 export { MultiSelect } from './MultiSelect';
 export { NumberBase } from './NumberBase';
 export { ObjectBase } from './ObjectBase';
+export { ObjectInline } from './ObjectInline';
+export { OneOfNested } from './OneOfNested';
+export { DotValue } from './DotValue';
 export { Password } from './Password';
 export { RadioGroup } from './RadioGroup';
 export { RangeSlider } from './RangeSlider';
 export { Select } from './Select';
+export { SegmentedRadioGroup } from './SegmentedRadioGroup';
 export { Slider } from './Slider';
 export { StringBase } from './StringBase';
 export { Switch } from './Switch';
 export { TextArea } from './TextArea';
+export { TextContent } from './TextContent';

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

@@ -1,6 +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 getBooleanValidationState: (meta: FieldMetaState<any>) => boolean;
 export declare const getArrayItemParentName: (name: string) => string;
 export declare const getArrayItemIndex: (name: string) => string;
 export declare const isArrayItem: (name: string) => boolean;

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

@@ -4,6 +4,9 @@ export const getValidationState = (meta) => {
     }
     return undefined;
 };
+export const getBooleanValidationState = (meta) => {
+    return getValidationState(meta) === 'invalid';
+};
 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(']');

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

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

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

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

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

@@ -0,0 +1,35 @@
+.sr-accordeon {
+  margin-bottom: calc(var(--g-spacing-base) * 4);
+}
+.sr-accordeon:last-child {
+  margin-bottom: 0;
+}
+.sr-accordeon .g-disclosure__trigger {
+  padding-left: 6.5px;
+}
+.sr-accordeon_without-default-summary .g-disclosure__trigger {
+  padding-left: 0;
+}
+.sr-accordeon_without-default-summary .g-disclosure__trigger .g-arrow-toggle {
+  display: none;
+}
+.sr-accordeon__toggler {
+  padding-left: 6px;
+}
+.sr-accordeon__content {
+  margin-top: calc(var(--g-spacing-base) * 4);
+}
+.sr-accordeon__content_with-indent {
+  position: relative;
+  padding-left: calc(var(--g-spacing-base) * 7);
+}
+.sr-accordeon__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/esm/lib/unstable/kit/wrappers/Accordeon/Accordeon.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type ButtonProps, type DisclosureProps, type TextProps } from '@gravity-ui/uikit';
+import type { JsonSchema } from '../../../core';
+import './Accordeon.css';
+export interface AccordeonProps extends DisclosureProps {
+    titleProps?: TextProps;
+    togglerProps?: ButtonProps;
+    withDefaultSummary?: boolean;
+    withIndent?: boolean;
+}
+export declare const Accordeon: React.NamedExoticComponent<import("../../../core").WrapperProps<JsonSchema, AccordeonProps>>;

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

@@ -0,0 +1,37 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { ChevronDown, ChevronUp } from '@gravity-ui/icons';
+import { Button, Disclosure, Flex, HelpMark, Icon, Text, } from '@gravity-ui/uikit';
+import { ArrayRemoveButton, ControlError, HTMLContent, WrapperContainer } from '../../components';
+import { block, getValidationState } from '../../utils';
+import './Accordeon.css';
+const b = block('accordeon');
+const Component = ({ children, input, meta, schema, wrapperProps, }) => {
+    const { withIndent = false, withDefaultSummary = false, titleProps, togglerProps } = wrapperProps, restWrapperProps = __rest(wrapperProps, ["withIndent", "withDefaultSummary", "titleProps", "togglerProps"]);
+    const summary = React.useMemo(() => {
+        const stopPropagation = (event) => {
+            event.stopPropagation();
+        };
+        return (React.createElement(Flex, { alignItems: "center", gap: 2 },
+            withDefaultSummary ? (React.createElement(Text, Object.assign({}, titleProps), schema.title)) : (React.createElement(Disclosure.Summary, null, (props) => (React.createElement(Button, Object.assign({}, togglerProps, { className: b('toggler', togglerProps === null || togglerProps === void 0 ? void 0 : togglerProps.className) }),
+                React.createElement(Flex, { alignItems: "center", gap: 2, height: "100%" },
+                    React.createElement(Icon, { data: props.expanded ? ChevronUp : ChevronDown }),
+                    React.createElement(Text, Object.assign({}, titleProps), schema.title)))))),
+            schema.description ? (React.createElement(HelpMark, { onClick: stopPropagation },
+                React.createElement(HTMLContent, { html: schema.description }))) : null,
+            React.createElement(ArrayRemoveButton, { name: input.name, onClick: stopPropagation })));
+    }, [
+        input.name,
+        schema.title,
+        schema.description,
+        titleProps,
+        togglerProps,
+        withDefaultSummary,
+    ]);
+    return (React.createElement(WrapperContainer, { className: b({ 'without-default-summary': !withDefaultSummary }) },
+        React.createElement(Disclosure, Object.assign({ summary: summary, defaultExpanded: true }, restWrapperProps),
+            React.createElement(Flex, { direction: "column", gap: 0.5, grow: 1 },
+                React.createElement("div", { className: b('content', { 'with-indent': withIndent }) }, children),
+                React.createElement(ControlError, { errorMessage: meta.error, validationState: getValidationState(meta) })))));
+};
+export const Accordeon = React.memo(Component);

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

@@ -0,0 +1 @@
+export { Accordeon, type AccordeonProps } from './Accordeon';

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

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

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

@@ -8,7 +8,7 @@
   display: inline;
   width: 180px;
   min-height: 28px;
-  padding-top: 5.5px;
+  padding-top: 4.5px;
 }
 .sr-row__title {
   min-height: 18px;
@@ -19,9 +19,6 @@
   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);
+.sr-row__help-mark {
+  margin-top: 1.5px;
 }

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

@@ -1,15 +1,15 @@
 import React from 'react';
 import { Flex, HelpMark, Text } from '@gravity-ui/uikit';
-import { ArrayRemoveButton, HTMLContent } from '../../components';
-import { block } from '../../utils';
+import { ArrayRemoveButton, ControlError, HTMLContent, WrapperContainer } from '../../components';
+import { block, getValidationState } from '../../utils';
 import './Row.css';
 const b = block('row');
-const Component = ({ children, input, schema, wrapperProps }) => {
+const Component = ({ children, input, meta, schema, wrapperProps, }) => {
     const tooltip = React.useMemo(() => {
         if (!schema.description || wrapperProps.descriptionType === 'bottom') {
             return null;
         }
-        return (React.createElement(HelpMark, null,
+        return (React.createElement(HelpMark, { className: b('help-mark') },
             React.createElement(HTMLContent, { html: schema.description })));
     }, [schema.description, wrapperProps.descriptionType]);
     const bottomDescription = React.useMemo(() => {
@@ -18,14 +18,15 @@ const Component = ({ children, input, schema, wrapperProps }) => {
         }
         return React.createElement(HTMLContent, { html: schema.description, color: "secondary" });
     }, [schema.description, wrapperProps.descriptionType]);
-    return (React.createElement(Flex, { className: b(), alignItems: "flex-start", gap: 2 },
+    return (React.createElement(WrapperContainer, { className: b(), direction: "row", 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 },
+        React.createElement(Flex, { className: b('right'), direction: "column", gap: 0.5, grow: 1 },
+            React.createElement(Flex, { grow: 1, gap: 2 },
                 children,
                 React.createElement(ArrayRemoveButton, { name: input.name })),
-            bottomDescription)));
+            bottomDescription,
+            React.createElement(ControlError, { errorMessage: meta.error, validationState: getValidationState(meta) }))));
 };
 export const Row = React.memo(Component);

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

@@ -0,0 +1,23 @@
+.sr-section {
+  margin-bottom: calc(var(--g-spacing-base) * 4);
+}
+.sr-section:last-child {
+  margin-bottom: 0;
+}
+.sr-section__header {
+  min-height: 28px;
+}
+.sr-section__content_with-indent {
+  position: relative;
+  padding-left: calc(var(--g-spacing-base) * 7);
+}
+.sr-section__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/esm/lib/unstable/kit/wrappers/Section/Section.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type TextProps } from '@gravity-ui/uikit';
+import type { JsonSchema } from '../../../core';
+import './Section.css';
+export interface SectionProps extends TextProps {
+    descriptionType?: 'tooltip' | 'bottom';
+    withIndent?: boolean;
+}
+export declare const Section: React.NamedExoticComponent<import("../../../core").WrapperProps<JsonSchema, SectionProps>>;

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

@@ -0,0 +1,34 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { Flex, HelpMark, Text } from '@gravity-ui/uikit';
+import { ArrayRemoveButton, ControlError, HTMLContent, WrapperContainer } from '../../components';
+import { block, getValidationState } from '../../utils';
+import './Section.css';
+const b = block('section');
+const Component = ({ children, input, meta, schema, wrapperProps, }) => {
+    const { descriptionType = 'tooltip', withIndent = false } = wrapperProps, restWrapperProps = __rest(wrapperProps, ["descriptionType", "withIndent"]);
+    const tooltip = React.useMemo(() => {
+        if (!schema.description || descriptionType === 'bottom') {
+            return null;
+        }
+        return (React.createElement(HelpMark, null,
+            React.createElement(HTMLContent, { html: schema.description })));
+    }, [schema.description, descriptionType]);
+    const bottomDescription = React.useMemo(() => {
+        if (!schema.description || descriptionType !== 'bottom') {
+            return null;
+        }
+        return React.createElement(HTMLContent, { html: schema.description, color: "secondary" });
+    }, [schema.description, descriptionType]);
+    return (React.createElement(WrapperContainer, { className: b(), gap: 0.5 },
+        React.createElement(Flex, { direction: "column", gap: 4 },
+            React.createElement(Flex, { direction: "column", gap: 2 },
+                React.createElement(Flex, { className: b('header'), gap: 2, alignItems: "center" },
+                    React.createElement(Text, Object.assign({ variant: "subheader-1" }, restWrapperProps), schema.title),
+                    tooltip,
+                    React.createElement(ArrayRemoveButton, { name: input.name })),
+                bottomDescription),
+            React.createElement("div", { className: b('content', { 'with-indent': withIndent }) }, children)),
+        React.createElement(ControlError, { errorMessage: meta.error, validationState: getValidationState(meta) })));
+};
+export const Section = React.memo(Component);

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

@@ -0,0 +1 @@
+export { Section, type SectionProps } from './Section';

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

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

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

@@ -1,12 +1,14 @@
 import React from 'react';
 import { Flex } from '@gravity-ui/uikit';
-import { ArrayRemoveButton } from '../../components';
-import { block } from '../../utils';
+import { ArrayRemoveButton, ControlError, WrapperContainer } from '../../components';
+import { block, getValidationState } 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 })));
+const Component = ({ children, input, meta }) => {
+    return (React.createElement(WrapperContainer, { className: b(), gap: 0.5 },
+        React.createElement(Flex, { grow: 1, gap: 2 },
+            children,
+            React.createElement(ArrayRemoveButton, { name: input.name })),
+        React.createElement(ControlError, { errorMessage: meta.error, validationState: getValidationState(meta) })));
 };
 export const Transparent = React.memo(Component);

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

@@ -1,2 +1,4 @@
+export { Accordeon, type AccordeonProps } from './Accordeon';
 export { Row, type RowProps } from './Row';
+export { Section, type SectionProps } from './Section';
 export { Transparent } from './Transparent';

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dynamic-forms",
-  "version": "5.19.0",
+  "version": "5.20.0",
   "description": "",
   "license": "MIT",
   "main": "build/cjs/index.js",

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

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Accordeon = void 0;
-const tslib_1 = require("tslib");
-// import {ArrayLayoutProps, ObjectLayoutProps, isArrayItem} from '../../../../core';
-const react_1 = tslib_1.__importDefault(require("react"));
-const components_1 = require("../../kit/components");
-// import {useErrorChecker} from '../../../hooks';
-// import {RemoveButton} from '../../kit/components/RemoveButton';
-const SimpleVerticalAccordeon_1 = require("../../kit/components/SimpleVerticalAccordeon");
-const Accordeon = ({ schema, input, meta, children, wrapperProps, }) => {
-    const [open, setOpen] = react_1.default.useState(Boolean(wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.open));
-    // const onDrop = React.useCallback(() => {
-    //     setOpen(false);
-    //     input.onDrop();
-    // }, [input.onDrop, setOpen]);
-    // const removeButton = React.useMemo(() => {
-    //     if (!isArrayItem(name) && (spec.required || !input.value)) {
-    //         return null;
-    //     }
-    //     return <RemoveButton name={name} onDrop={onDrop} />;
-    // }, [spec.required, input.value, onDrop, name]);
-    // useErrorChecker({name, meta, open, setOpen});
-    return (react_1.default.createElement(SimpleVerticalAccordeon_1.SimpleVerticalAccordeon, { name: input.name, title: schema.title || '', note: schema.description || '', open: open, onOpenChange: setOpen, 
-        // headerActionsTemplate={removeButton}
-        hideInsteadOfDestroy: true, withBranchView: true },
-        react_1.default.createElement(components_1.ErrorWrapper, { name: input.name, meta: meta, 
-            // ff
-            withoutChildErrorStyles: true }, children)));
-};
-exports.Accordeon = Accordeon;

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

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AnyInput = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const uikit_1 = require("@gravity-ui/uikit");
-const core_1 = require("../core");
-const AnyInput = ({ input, schema }) => {
-    var _a;
-    const [state, setState] = react_1.default.useState(true);
-    // React.useEffect(() => {
-    //     input.onChange(undefined);
-    // }, []);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(core_1.Entity, { name: `${input.name}.bla`, schema: (_a = schema.oneOf) === null || _a === void 0 ? void 0 : _a[state ? 0 : 1] }),
-        react_1.default.createElement(uikit_1.Button, { onClick: () => {
-                input.onChange(undefined);
-                setState(!state);
-            } }, "Toggle")));
-};
-exports.AnyInput = AnyInput;

package/build/cjs/lib/unstable/kit/ArrayBase.css

@@ -1,23 +0,0 @@
-.array-base_add-button-right {
-  display: flex;
-  align-items: flex-end;
-}
-.array-base_add-button-right .transparent {
-  align-items: flex-end;
-}
-.array-base__items-wrapper_add-button-down {
-  margin-bottom: 15px;
-}
-.array-base__items-wrapper_items-primitive {
-  min-width: 100%;
-}
-.array-base__items-wrapper_items-primitive:empty {
-  min-width: unset;
-}
-.array-base__item-prefix {
-  margin-top: -7px;
-  margin-bottom: 8px;
-}
-.array-base__add-button_right {
-  margin-left: 4px;
-}

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

@@ -1,101 +0,0 @@
-"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");
-// import {
-//     ArrayInput,
-//     ArrayValue,
-//     Controller,
-//     FieldArrayValue,
-//     FieldValue,
-//     OBJECT_ARRAY_CNT,
-//     OBJECT_ARRAY_FLAG,
-//     Spec,
-//     ValidateError,
-//     isBooleanSpec,
-//     isCorrectSpec,
-//     isNumberSpec,
-//     isStringSpec,
-//     transformArrIn,
-// } from '../../../../core';
-const utils_1 = require("../../kit/utils");
-const core_1 = require("../core");
-const b = (0, utils_1.block)('array-base');
-const ArrayBase = ({ input, schema, meta }) => {
-    // const keys = React.useMemo(
-    //     () =>
-    //         Object.keys(arrayInput.value || {})
-    //             .filter((k) => k !== OBJECT_ARRAY_FLAG && k !== OBJECT_ARRAY_CNT)
-    //             .map((k) => k.split('<').join('').split('>').join(''))
-    //             .sort((a, b) => Number(a) - Number(b)),
-    //     [arrayInput.value],
-    // );
-    // const itemSpecCorrect = React.useMemo(() => isCorrectSpec(spec.items), [spec.items]);
-    // const itemsPrimitive = React.useMemo(() => {
-    //     return isBooleanSpec(spec.items) || isNumberSpec(spec.items) || isStringSpec(spec.items);
-    // }, [spec.items]);
-    const getItemSpec = react_1.default.useCallback((idx) => {
-        const itemSpec = Object.assign({}, schema.items);
-        // @ts-expect-error
-        itemSpec.title = itemSpec.title ? `${itemSpec.title} ${idx + 1}` : `${idx + 1}`;
-        return itemSpec;
-    }, [schema.items]);
-    // const parentOnChange = React.useCallback(
-    //     (childName: string, childValue: FieldValue, childErrors?: Record<string, ValidateError>) =>
-    //         input.onChange(
-    //             (currentValue) =>
-    //                 set({...currentValue}, childName.split(`${input.name}.`).join(''), childValue),
-    //             childErrors,
-    //         ),
-    //     [input.onChange, input.name],
-    // );
-    const AddButton = react_1.default.useCallback(() => {
-        let onClick = () => input.onChange([...(input.value || []), undefined]);
-        let qa = `${input.name}-add-item`;
-        let title = schema.title;
-        if (!input.value && schema.default) {
-            onClick = () => {
-                // input.onChange(transformArrIn<ArrayValue, FieldArrayValue>(spec.defaultValue!));
-                input.onChange(schema.default);
-            };
-            qa = `${name}-init-arr`;
-            title = schema.title;
-        }
-        return (react_1.default.createElement(uikit_1.Button, { onClick: onClick, disabled: schema.readOnly, qa: qa },
-            react_1.default.createElement(uikit_1.Icon, { data: icons_1.Plus, size: 14 }),
-            title || null));
-    }, [
-        // arrayInput,
-        // input,
-        // name,
-        // spec.defaultValue,
-        // spec.viewSpec.disabled,
-        // spec.viewSpec.itemLabel,
-        // spec.viewSpec.layoutTitle,
-        // spec.viewSpec.addButtonPosition,
-        input,
-        schema,
-    ]);
-    const items = react_1.default.useMemo(() => (input.value || []).map((_key, idx) => {
-        const itemSpec = getItemSpec(idx);
-        if (!itemSpec) {
-            return null;
-        }
-        // const showItemPrefix = idx !== 0 && spec.viewSpec.itemPrefix;
-        return (react_1.default.createElement(react_1.default.Fragment, { key: `${input.name}[${idx}]` },
-            react_1.default.createElement(core_1.Entity, { name: input.name + `[${idx}]`, 
-                // @ts-expect-error
-                schema: itemSpec })));
-    }), [input, schema]);
-    // if (!itemSpecCorrect) {
-    //     return null;
-    // }
-    return (react_1.default.createElement("div", { className: b() },
-        react_1.default.createElement("div", { className: b('items-wrapper') }, items),
-        react_1.default.createElement(AddButton, null),
-        meta.error ? react_1.default.createElement(uikit_1.Text, { color: "danger" }, meta.error) : null));
-};
-exports.ArrayBase = ArrayBase;

package/build/cjs/lib/unstable/kit/MultiSelect.css

@@ -1,6 +0,0 @@
-.multi-select {
-  max-width: 305px;
-}
-.multi-select__meta-text {
-  display: block;
-}

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

@@ -1,66 +0,0 @@
-"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");
-// import {ArrayInput, FieldArrayValue, transformArrIn, transformArrOut} from '../../../../core';
-const utils_1 = require("../../kit/utils");
-const b = (0, utils_1.block)('multi-select');
-const MultiSelect = ({ input, schema }) => {
-    var _a, _b;
-    const { name, value, onBlur, onChange, onFocus } = input;
-    const filterable = react_1.default.useMemo(() => { var _a; return (((_a = schema.enum) === null || _a === void 0 ? void 0 : _a.length) || 0) > 9; }, [(_a = schema.enum) === null || _a === void 0 ? void 0 : _a.length]);
-    // const {withCustomOptions, options: externalOptions} = inputProps || {};
-    const options = react_1.default.useMemo(() => {
-        var _a, _b;
-        // withCustomOptions
-        //     ? externalOptions || []
-        // :
-        // @ts-expect-error
-        return (_b = (_a = schema.items) === null || _a === void 0 ? void 0 : _a.enum) === null || _b === void 0 ? void 0 : _b.map((id) => ({
-            id,
-            value: id,
-            text: id,
-            content: id,
-            key: id,
-        }));
-    }, [
-        schema.enum,
-        schema.description,
-        // spec.viewSpec.selectParams?.meta,
-        // externalOptions,
-        // withCustomOptions,
-    ]);
-    const renderOption = react_1.default.useCallback((option) => {
-        return react_1.default.createElement(react_1.default.Fragment, { key: option.value }, option.content || option.value);
-    }, []);
-    const getOptionHeight = react_1.default.useCallback(() => {
-        // if (spec.viewSpec.selectParams?.meta) {
-        //     return 44;
-        // }
-        return 28;
-    }, []);
-    const handleToggle = react_1.default.useCallback((open) => {
-        if (open) {
-            onFocus();
-        }
-        else {
-            onBlur();
-        }
-    }, [onFocus, onBlur]);
-    // const _value = React.useMemo(() => transformArrOut<FieldArrayValue, string[]>(value), [value]);
-    // const handleChange = React.useCallback(
-    //     (value: string[]) => onChange(transformArrIn<string[], FieldArrayValue>(value)),
-    //     [onChange],
-    // );
-    return (react_1.default.createElement(uikit_1.Select, { width: "max", className: b(), filterable: filterable, renderOption: renderOption, getOptionHeight: getOptionHeight, 
-        // {...inputProps}
-        // @ts-expect-error
-        value: value, options: options, onUpdate: onChange, onOpenChange: handleToggle, disabled: schema.readOnly, 
-        // @ts-expect-error
-        placeholder: ((_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0]) || '', 
-        // filterPlaceholder={spec.viewSpec.selectParams?.filterPlaceholder}
-        multiple: true, qa: name }));
-};
-exports.MultiSelect = MultiSelect;

package/build/cjs/lib/unstable/kit/ObjectBase.css

@@ -1,10 +0,0 @@
-.object-base__content_inline {
-  display: flex;
-}
-.object-base__delimiter {
-  height: 28px;
-  display: flex;
-  margin-right: 8px;
-  align-items: center;
-  white-space: nowrap;
-}