@gravity-ui/dynamic-forms 5.18.0 → 5.19.0

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

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

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

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

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

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

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

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ObjectInline = exports.ObjectBase = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+// import {Button, Icon} from '@gravity-ui/uikit';
+const isObjectLike_1 = tslib_1.__importDefault(require("lodash/isObjectLike"));
+// import {block, filterPropertiesForObjectInline} from '../../../kit/utils';
+const utils_1 = require("../../kit/utils");
+const core_1 = require("../core");
+const b = (0, utils_1.block)('object-base');
+const ObjectBase = ({ inline, schema, input, meta, Wrapper, wrapperProps, }) => {
+    // const addBtn = React.useMemo(
+    //     () => (
+    //         <Button
+    //             onClick={() => input.onChange(schema.default || {})}
+    //             disabled={schema.readOnly}
+    //             qa={`${name}-init-obj`}
+    //         >
+    //             <Icon data={Plus} size={14} />
+    //             {schema.title || null}
+    //         </Button>
+    //     ),
+    //     [schema.default, schema.title, input.onChange],
+    // );
+    const content = react_1.default.useMemo(() => {
+        if (!schema.properties ||
+            !(0, isObjectLike_1.default)(schema.properties) ||
+            !Object.keys(schema.properties || {}).length) {
+            return null;
+        }
+        // if (!inline && !input.value) {
+        //     return addBtn;
+        // }
+        // todo
+        // const specProperties = inline
+        //     ? filterPropertiesForObjectInline(schema.properties)
+        //     : schema.properties;
+        const specProperties = schema.properties;
+        // todo
+        // const delimiter = spec.viewSpec.delimiter;
+        // const orderProperties = spec.viewSpec.order?.length
+        //     ? spec.viewSpec.order
+        //     : Object.keys(specProperties);
+        const orderProperties = Object.keys(specProperties);
+        return (react_1.default.createElement("div", { className: b('content', { inline }) }, orderProperties.map((property) => specProperties[property] ? (react_1.default.createElement(react_1.default.Fragment, { key: `${input.name ? input.name + '.' : ''}${property}` },
+            react_1.default.createElement(core_1.Entity, { schema: specProperties[property], name: `${input.name ? input.name + '.' : ''}${property}` }))) : null)));
+    }, [
+        schema.properties,
+        // spec.viewSpec.delimiter,
+        // spec.viewSpec.order,
+        // input.value,
+        inline,
+        // addBtn,
+        input.name,
+    ]);
+    if (!Wrapper || !content) {
+        return content;
+    }
+    return (
+    // @ts-expect-error
+    react_1.default.createElement(Wrapper, { schema: schema, input: input, meta: meta, wrapperProps: wrapperProps },
+        content,
+        meta.error ? react_1.default.createElement(uikit_1.Text, { color: "danger" }, meta.error) : null));
+};
+exports.ObjectBase = ObjectBase;
+const ObjectInline = (props) => {
+    return react_1.default.createElement(exports.ObjectBase, Object.assign({}, props, { inline: true }));
+};
+exports.ObjectInline = ObjectInline;

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

@@ -0,0 +1,73 @@
+.row {
+  display: flex;
+  width: 500px;
+  max-width: 500px;
+  margin-bottom: 15px;
+}
+.row:last-child {
+  margin-bottom: 0;
+}
+.row__left {
+  width: 180px;
+  min-height: 28px;
+  display: flex;
+  margin-bottom: auto;
+  flex-direction: column;
+  flex-shrink: 0;
+}
+.row__left-inner {
+  display: inline;
+  margin-top: auto;
+  margin-bottom: auto;
+}
+.row__left::after {
+  content: "";
+  width: 100%;
+  flex-shrink: 1;
+}
+.row__title {
+  word-break: break-word;
+  margin-right: 3px;
+}
+.row__title_required::after {
+  content: "*";
+  color: var(--g-color-text-danger);
+}
+.row__note {
+  padding-right: 16px;
+  position: relative;
+}
+.row__note-inner {
+  position: absolute;
+  margin-top: 1px;
+}
+.row__note-inner .g-help-popover {
+  display: flex;
+}
+.row__note-inner .g-help-popover > span {
+  display: flex;
+}
+.row__right {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  margin-left: 15px;
+}
+.row__right-inner {
+  display: flex;
+  justify-content: space-around;
+}
+.row__description {
+  margin-top: 10px;
+  color: var(--g-color-text-secondary);
+  word-break: break-word;
+}
+.row__remove-button {
+  margin-left: 5px;
+}
+.row__required-mark {
+  color: var(--g-color-text-danger);
+}
+.row__error-wrapper {
+  min-width: 100%;
+}

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

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RowVerbose = exports.Row = void 0;
+const tslib_1 = require("tslib");
+// import {TrashBin} from '@gravity-ui/icons';
+// import {Button, Icon, Text} from '@gravity-ui/uikit';
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+// import // StringSpec,
+// isArrayItem,
+// isArraySpec,
+// isObjectSpec,
+// withGenerateButton,
+// from '../../../';
+// import {ErrorWrapper, GenerateRandomValueButton} from '../../../kit/components';
+const common_1 = require("../../../lib/kit/constants/common");
+const components_1 = require("../../kit/components");
+const utils_1 = require("../../kit/utils");
+const b = (0, utils_1.block)('row');
+const RowBase = ({ schema, input, meta, verboseDescription, wrapperProps, children, }) => {
+    // const arrayItem = React.useMemo(() => isArrayItem(name), [name]);
+    // const generateButton = React.useMemo(() => withGenerateButton(spec), [spec]);
+    return (react_1.default.createElement("div", { className: b() },
+        react_1.default.createElement("div", { className: b('left') },
+            react_1.default.createElement("div", { className: b('left-inner') },
+                react_1.default.createElement(uikit_1.Text, { className: b('title', {
+                        required: wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.required,
+                    }) }, schema.title),
+                !verboseDescription && schema.description ? (react_1.default.createElement("span", { className: b('note') },
+                    react_1.default.createElement(uikit_1.Text, { className: b('note-inner') },
+                        react_1.default.createElement(uikit_1.HelpMark, { popoverProps: {
+                                placement: common_1.COMMON_POPOVER_PLACEMENT,
+                            } }, schema.description)))) : null)),
+        react_1.default.createElement("div", { className: b('right') },
+            react_1.default.createElement("div", { className: b('right-inner') },
+                react_1.default.createElement(components_1.ErrorWrapper, { name: input.name, 
+                    // @ts-expect-error
+                    meta: meta, 
+                    // withoutChildErrorStyles={
+                    //     // TODO: remove condition spec.viewSpec.type !== 'select'
+                    //     (isArraySpec(spec) && spec.viewSpec.type !== 'select') ||
+                    //     isObjectSpec(spec)
+                    // }
+                    className: b('error-wrapper'), ff: true }, children)),
+            verboseDescription && schema.description ? (react_1.default.createElement("div", { className: b('description'), dangerouslySetInnerHTML: { __html: schema.description } })) : null)));
+};
+const RowComponent = (props) => react_1.default.createElement(RowBase, Object.assign({}, props));
+exports.Row = react_1.default.memo(RowComponent);
+const RowVerboseComponent = (props) => react_1.default.createElement(RowBase, Object.assign({ verboseDescription: true }, props));
+exports.RowVerbose = react_1.default.memo(RowVerboseComponent);

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

@@ -0,0 +1,259 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const isNil_1 = tslib_1.__importDefault(require("lodash/isNil"));
+const core_1 = require("../core");
+const Component = ({ input, meta, schema, }) => {
+    var _a, _b;
+    // const {setErrors, removeErrors} = useSetErrors();
+    const { setSchemaMutators, removeSchemaMutators } = (0, core_1.useSchemaRendererMutators)(); // setExternalErrors
+    const props = {
+        hasClear: true,
+        // ...inputProps,
+        value: (0, isNil_1.default)(input.value) ? '' : `${input.value}`,
+        onBlur: input.onBlur,
+        onFocus: input.onFocus,
+        onUpdate: input.onChange,
+        // disabled: spec.viewSpec.disabled,
+        disabled: schema.readOnly,
+        // placeholder: spec.viewSpec.placeholder,
+        placeholder: `${(_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0]}`,
+        qa: input.name,
+        error: meta.error,
+        // errorMessage: meta.error,
+    };
+    react_1.default.useEffect(() => {
+        if (input.name === 'qwe.test.jajaja.stringMaxLength' ||
+            input.name === 'qwe.test.bocembocembocem.stringMaxLength') {
+            // if (input.value === '1') {
+            //     setExternalErrors?.({
+            //         headName: 'qwe.test.jajaja',
+            //         priorityErrors: {
+            //             [input.name]: 'bbbbbbbbbbb priority',
+            //             'qwe.test.jajaja': {
+            //                 numberMaximum: 'bbbbbbbbbbb priority',
+            //                 objectPropertyNames: {
+            //                     stringEnum: 'bbbbbbbbbbb priority',
+            //                 },
+            //             },
+            //             'qwe.test.jajaja.objectPropertyNames': 'bbbbbbbbbbb priority',
+            //         },
+            //     });
+            //     setSchemaMutators?.({
+            //         headName: 'qwe.test.jajaja',
+            //         // mutators: {
+            //         //     [input.name]: {
+            //         //         title: 'Aaaaaaaa',
+            //         //     },
+            //         //     'qwe.test.jajaja.stringPattern': {
+            //         //         title: 'OOOOOOO',
+            //         //     },
+            //         //     'qwe.test.jajaja.numberMinimum': {
+            //         //         minimum: 0,
+            //         //     },
+            //         // },
+            //         mutators: [
+            //             {
+            //                 name: input.name,
+            //                 schema: {
+            //                     title: 'QWEQWEQWEQWE',
+            //                 },
+            //             },
+            //             {
+            //                 name: 'qwe.test.jajaja.stringPattern',
+            //                 schema: {
+            //                     title: 'QWEQWEQWEQWE',
+            //                 },
+            //             },
+            //             {
+            //                 name: 'qwe.test.jajaja.numberMaximum',
+            //                 schema: {
+            //                     maximum: 10,
+            //                 },
+            //             },
+            //         ],
+            //     });
+            // } else if (input.value === '2') {
+            //     setExternalErrors?.({
+            //         headName: 'qwe.test.jajaja',
+            //         priorityErrors: {
+            //             [input.name]: 'priorityError',
+            //             'qwe.test.jajaja': {
+            //                 numberMaximum: 'priorityError',
+            //                 objectPropertyNames: {
+            //                     stringEnum: 'priorityError',
+            //                 },
+            //             },
+            //             'qwe.test.jajaja.objectPropertyNames': 'priorityError',
+            //         },
+            //     });
+            //     setSchemaMutators?.({
+            //         headName: 'qwe.test.jajaja',
+            //         // mutators: {
+            //         //     [input.name]: {
+            //         //         title: 'Aaaaaaaa',
+            //         //     },
+            //         //     'qwe.test.jajaja.stringPattern': {
+            //         //         title: 'OOOOOOO',
+            //         //     },
+            //         //     'qwe.test.jajaja.numberMinimum': {
+            //         //         minimum: 0,
+            //         //     },
+            //         // },
+            //         mutators: [
+            //             {
+            //                 name: input.name,
+            //                 schema: {
+            //                     title: 'Aaaaaaaa',
+            //                 },
+            //             },
+            //             {
+            //                 name: 'qwe.test.jajaja.stringPattern',
+            //                 schema: {
+            //                     title: 'OOOOOOO',
+            //                 },
+            //             },
+            //             {
+            //                 name: 'qwe.test.jajaja.numberMinimum',
+            //                 schema: {
+            //                     minimum: 0,
+            //                 },
+            //             },
+            //         ],
+            //     });
+            // } else if (input.value === '3') {
+            //     setExternalErrors?.({
+            //         headName: 'qwe.test.jajaja',
+            //         priorityErrors: {
+            //             [input.name]: 'EXTERNAL_ERROR',
+            //         },
+            //     });
+            //     removeSchemaMutators?.({
+            //         headName: 'qwe.test.jajaja',
+            //         // mutatorsToRemove: {
+            //         //     'qwe.test.jajaja.numberMinimum': {
+            //         //         minimum: 0,
+            //         //     },
+            //         //     'qwe.test.jajaja.stringPattern': true,
+            //         // },
+            //         mutatorsToRemove: [
+            //             {
+            //                 name: input.name,
+            //                 schema: true,
+            //             },
+            //             {
+            //                 name: 'qwe.test.jajaja.numberMinimum',
+            //                 schema: {
+            //                     minimum: 0,
+            //                 },
+            //             },
+            //             {
+            //                 name: 'qwe.test.jajaja.stringPattern',
+            //                 schema: {
+            //                     title: 'OOOOOOO',
+            //                 },
+            //             },
+            //         ],
+            //     });
+            //     // removeExternalErrors?.({
+            //     //     headName: 'qwe.test.jajaja',
+            //     //     removeFunctionOrNames: [input.name],
+            //     // });
+            //     // removeExternalErrors?.({
+            //     //     headName: 'qwe.test.jajaja',
+            //     //     removeFunctionOrNames: (params) => ({
+            //     //         ...params,
+            //     //         priorityErrors: omit(params.priorityErrors, input.name),
+            //     //     }),
+            //     // });
+            // }
+            if (input.value === '1') {
+                removeSchemaMutators === null || removeSchemaMutators === void 0 ? void 0 : removeSchemaMutators({
+                    mutatorsToRemove: [
+                        {
+                            name: 'qwe.test.jajaja.stringPattern',
+                            schema: true,
+                        },
+                        {
+                            name: 'qwe.test.jajaja',
+                            schema: {
+                                definitions: {
+                                    jajaja: {
+                                        title: `jajaja`,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                });
+            }
+            else {
+                setSchemaMutators === null || setSchemaMutators === void 0 ? void 0 : setSchemaMutators({
+                    // mutators: {
+                    //     [input.name]: {
+                    //         title: 'Aaaaaaaa',
+                    //     },
+                    //     'qwe.test.jajaja.stringPattern': {
+                    //         title: 'OOOOOOO',
+                    //     },
+                    //     'qwe.test.jajaja.numberMinimum': {
+                    //         minimum: 0,
+                    //     },
+                    // },
+                    mutators: [
+                        {
+                            name: input.name,
+                            schema: {
+                                title: `${input.value}`,
+                                maxLength: `${input.value}`.length - 1,
+                                entityParameters: {
+                                    validatorType: '',
+                                    errorMessages: {
+                                        maxLength: `${input.value}`.length - 1 + ' maxLength',
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'qwe.test.jajaja.stringPattern',
+                            schema: {
+                                title: `${input.value}`,
+                                entityParameters: {
+                                    validatorType: '',
+                                    errorMessages: {
+                                        pattern: `${input.value}`.length - 1 + ' pattern',
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'qwe.test.jajaja',
+                            schema: {
+                                definitions: {
+                                    jajaja: {
+                                        title: `${input.value}`,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                });
+            }
+            // setExternalErrors?.({
+            //     headName: 'qwe.test.jajaja',
+            //     priorityErrors: {
+            //         'qwe.test.jajaja.stringEnum': `${input.value}`,
+            //     },
+            // });
+        }
+    }, [input.value]);
+    // if (spec.viewSpec.type === 'password') {
+    if (((_b = schema.entityParameters) === null || _b === void 0 ? void 0 : _b.viewType) === 'password') {
+        return react_1.default.createElement(uikit_1.PasswordInput, Object.assign({}, props, { autoComplete: "new-password" }));
+    }
+    return react_1.default.createElement(uikit_1.TextInput, Object.assign({}, props, { type: "text" }));
+};
+exports.Text = react_1.default.memo(Component);

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrayRemoveButton = 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 react_final_form_1 = require("react-final-form");
+const utils_1 = require("../../utils");
+const ArrayRemoveButton = ({ name }) => {
+    const form = (0, react_final_form_1.useForm)();
+    const arrayItem = (0, utils_1.isArrayItem)(name);
+    const tupleItem = (0, utils_1.isTupleItem)(name, form);
+    const removeItem = react_1.default.useCallback(() => {
+        var _a;
+        const parentName = (0, utils_1.getArrayItemParentName)(name);
+        const parentValue = (_a = form.getFieldState(parentName)) === null || _a === void 0 ? void 0 : _a.value;
+        const index = Number((0, utils_1.getArrayItemIndex)(name));
+        if (Array.isArray(parentValue)) {
+            form.change(parentName, parentValue.filter((_, i) => i !== index));
+        }
+    }, [form, name]);
+    if (arrayItem && !tupleItem) {
+        return (react_1.default.createElement(uikit_1.Button, { view: "flat-secondary", onClick: removeItem, qa: `${name}-remove-item` },
+            react_1.default.createElement(uikit_1.Icon, { data: icons_1.TrashBin, size: 16 })));
+    }
+    return null;
+};
+exports.ArrayRemoveButton = ArrayRemoveButton;