@gravity-ui/dynamic-forms 2.8.1 → 3.0.0

package/build/esm/lib/core/components/View/hooks/useRender.js

@@ -6,18 +6,20 @@ export const useRender = ({ value, name, spec, viewEntity, Layout, Link, }) => {
     const render = React.useMemo(() => {
         var _a;
         if (viewEntity && isCorrectSpec(spec) && _.isString(name)) {
-            const currentValue = name ? _.get(value, name) : value;
-            const linkValue = isValidElementType(Link) && ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.link) ? (React.createElement(Link, { value: currentValue, link: spec.viewSpec.link })) : undefined;
-            if (viewEntity.independent) {
+            if (!spec.viewSpec.hidden) {
+                const currentValue = name ? _.get(value, name) : value;
+                const linkValue = isValidElementType(Link) && ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.link) ? (React.createElement(Link, { value: currentValue, link: spec.viewSpec.link })) : undefined;
+                if (viewEntity.independent) {
+                    const InputComponent = viewEntity.Component;
+                    return (React.createElement(InputComponent, { spec: spec, name: name, Layout: Layout, value: currentValue, linkValue: linkValue }));
+                }
                 const InputComponent = viewEntity.Component;
-                return (React.createElement(InputComponent, { spec: spec, name: name, Layout: Layout, value: currentValue, linkValue: linkValue }));
+                const input = (React.createElement(InputComponent, { spec: spec, name: name, value: currentValue, linkValue: linkValue }));
+                if (Layout) {
+                    return (React.createElement(Layout, { spec: spec, name: name, value: currentValue }, input));
+                }
+                return input;
             }
-            const InputComponent = viewEntity.Component;
-            const input = (React.createElement(InputComponent, { spec: spec, name: name, value: currentValue, linkValue: linkValue }));
-            if (Layout) {
-                return (React.createElement(Layout, { spec: spec, name: name, value: currentValue }, input));
-            }
-            return input;
         }
         return null;
     }, [spec, name, value, viewEntity, Layout, Link]);

package/build/esm/lib/kit/components/ErrorWrapper/ErrorWrapper.css

@@ -11,6 +11,7 @@
 .df-error-wrapper_error .g-select:focus:not(.df-error-wrapper-ignore),
 .df-error-wrapper_error .g-select:not(.df-error-wrapper-ignore) .g-select-control::before,
 .df-error-wrapper_error .g-select:hover:not(.df-error-wrapper-ignore) .g-select-control_open::before,
+.df-error-wrapper_error .g-select:not(.df-error-wrapper-ignore) .g-select-control__button::before,
 .df-error-wrapper_error .g-text-area__content:not(.df-error-wrapper-ignore),
 .df-error-wrapper_error .g-text-area__content:hover:not(.df-error-wrapper-ignore),
 .df-error-wrapper_error .yc-text-input_view_normal:not(.df-error-wrapper-ignore) .yc-text-input__control,

package/build/esm/lib/kit/components/Inputs/MonacoInput/MonacoHeader.css

@@ -6,9 +6,6 @@
   align-items: center;
   background-color: var(--yc-color-base-float-hover);
 }
-.df-monaco-header_card {
-  border-bottom: 1px solid var(--yc-color-line-generic);
-}
 .df-monaco-header__language {
   margin-top: 2px;
   margin-left: 10px;

package/build/esm/lib/kit/components/Inputs/MonacoInput/MonacoHeader.d.ts

@@ -3,7 +3,6 @@ import './MonacoHeader.css';
 interface MonacoHeaderProps {
     language?: string;
     editButton?: React.ReactNode;
-    card?: boolean | undefined;
 }
 export declare const MonacoHeader: React.FC<MonacoHeaderProps>;
 export {};

package/build/esm/lib/kit/components/Inputs/MonacoInput/MonacoHeader.js

@@ -4,7 +4,7 @@ import { Icon } from '@gravity-ui/uikit';
 import { block } from '../../../utils';
 import './MonacoHeader.css';
 const b = block('monaco-header');
-export const MonacoHeader = ({ language, editButton, card }) => (React.createElement("div", { className: b({ card }) },
+export const MonacoHeader = ({ language, editButton }) => (React.createElement("div", { className: b() },
     React.createElement("div", null,
         React.createElement(Icon, { data: File, size: 18 }),
         React.createElement("span", { className: b('language') }, language)), editButton !== null && editButton !== void 0 ? editButton : null));

package/build/esm/lib/kit/components/Inputs/MonacoInput/MonacoInputBase.css

@@ -1,9 +1,6 @@
 .df-monaco-input {
   width: 550px;
 }
-.df-monaco-input_card {
-  width: auto;
-}
 .df-monaco-input__container {
   border: 1px solid var(--yc-color-line-generic);
 }

package/build/esm/lib/kit/components/Inputs/MonacoInput/MonacoInputBase.d.ts

@@ -3,10 +3,8 @@ import type { MonacoEditorProps } from 'react-monaco-editor/lib/types';
 import { StringInputProps } from '../../../../core/';
 import './MonacoInputBase.css';
 export interface MonacoInputBaseProps extends StringInputProps {
-    card?: boolean;
     MonacoComponent?: React.ComponentType<MonacoEditorProps>;
     withoutDialog?: boolean;
 }
 export declare const MonacoInputBase: React.FC<MonacoInputBaseProps>;
 export declare const MonacoInput: React.FC<MonacoInputBaseProps>;
-export declare const MonacoInputCard: React.FC<MonacoInputBaseProps>;

package/build/esm/lib/kit/components/Inputs/MonacoInput/MonacoInputBase.js

@@ -8,7 +8,7 @@ import { MonacoInputDialog } from './MonacoInputDialog';
 import { useMonacoOptions } from './useMonacoOptions';
 import './MonacoInputBase.css';
 const b = block('monaco-input');
-export const MonacoInputBase = ({ name, input, spec, card, MonacoComponent, withoutDialog, }) => {
+export const MonacoInputBase = ({ name, input, spec, MonacoComponent, withoutDialog, }) => {
     const { value, onChange } = input;
     const MonacoEditor = useMonaco() || MonacoComponent;
     const { monacoParams, disabled, layoutTitle } = spec.viewSpec;
@@ -28,11 +28,10 @@ export const MonacoInputBase = ({ name, input, spec, card, MonacoComponent, with
     if (!MonacoEditor) {
         return null;
     }
-    return (React.createElement("div", { className: b({ card }) },
+    return (React.createElement("div", { className: b() },
         React.createElement("div", { className: b('container'), "data-qa": name },
-            React.createElement(MonacoHeader, { language: language, card: card, editButton: dialogButton }),
+            React.createElement(MonacoHeader, { language: language, editButton: dialogButton }),
             React.createElement(MonacoEditor, { language: language, value: monacoValue, height: "300", onChange: setMonacoValue, options: options })),
-        React.createElement(MonacoInputDialog, { name: name, title: layoutTitle, fontSize: fontSize, value: monacoValue, visible: monacoEditorDialog, language: language, card: card, changeMonacoValue: setMonacoValue, onChange: onChange, onClose: handleMonacoEditorDialogClose, MonacoComponent: MonacoComponent })));
+        React.createElement(MonacoInputDialog, { name: name, title: layoutTitle, fontSize: fontSize, value: monacoValue, visible: monacoEditorDialog, language: language, changeMonacoValue: setMonacoValue, onChange: onChange, onClose: handleMonacoEditorDialogClose, MonacoComponent: MonacoComponent })));
 };
 export const MonacoInput = (props) => (React.createElement(MonacoInputBase, Object.assign({}, props)));
-export const MonacoInputCard = (props) => (React.createElement(MonacoInputBase, Object.assign({}, props, { card: true })));

package/build/esm/lib/kit/components/Inputs/MonacoInput/MonacoInputDialog.d.ts

@@ -8,7 +8,6 @@ interface MonacoInputDialogProps {
     language?: string;
     title: string | undefined;
     fontSize: number | undefined;
-    card: boolean | undefined;
     onChange: (value: string) => void;
     onClose: () => void;
     changeMonacoValue: (value: string) => void;

package/build/esm/lib/kit/components/Inputs/MonacoInput/MonacoInputDialog.js

@@ -7,7 +7,7 @@ import { MonacoHeader } from './MonacoHeader';
 import { useMonacoOptions } from './useMonacoOptions';
 import './MonacoInputDialog.css';
 const b = block('monaco-input-dialog');
-export const MonacoInputDialog = ({ name, value, title, visible, language, card, onChange, onClose, changeMonacoValue, fontSize, MonacoComponent, }) => {
+export const MonacoInputDialog = ({ name, value, title, visible, language, onChange, onClose, changeMonacoValue, fontSize, MonacoComponent, }) => {
     const MonacoEditor = useMonaco() || MonacoComponent;
     const handleClose = React.useCallback(() => {
         onChange(value);
@@ -21,7 +21,7 @@ export const MonacoInputDialog = ({ name, value, title, visible, language, card,
         React.createElement(Dialog.Header, { caption: title, className: b('dialog-header') }),
         React.createElement(Dialog.Body, null,
             React.createElement("div", { className: b('container'), "data-qa": `${name}-dialog` },
-                React.createElement(MonacoHeader, { language: language, card: card }),
+                React.createElement(MonacoHeader, { language: language }),
                 React.createElement(MonacoEditor, { language: language, height: "600", width: "900", value: value, onChange: changeMonacoValue, options: options }))),
         React.createElement(Dialog.Footer, { textButtonApply: i18n('button_cancel'), onClickButtonApply: handleClose })));
 };

package/build/esm/lib/kit/components/Inputs/index.d.ts

@@ -9,7 +9,6 @@ export * from './NumberWithScale';
 export * from './ObjectBase';
 export * from './ObjectValueInput';
 export * from './OneOf';
-export * from './OneOfCard';
 export * from './Secret';
 export * from './Select';
 export * from './Switch';

package/build/esm/lib/kit/components/Inputs/index.js

@@ -9,7 +9,6 @@ export * from './NumberWithScale';
 export * from './ObjectBase';
 export * from './ObjectValueInput';
 export * from './OneOf';
-export * from './OneOfCard';
 export * from './Secret';
 export * from './Select';
 export * from './Switch';

package/build/esm/lib/kit/components/Layouts/Row/Row.js

@@ -19,7 +19,10 @@ const RowBase = ({ name, spec, input, meta, verboseDescription, children, }) =>
                         React.createElement(HelpPopover, { htmlContent: spec.viewSpec.layoutDescription, placement: ['bottom', 'top'] })))) : null)),
         React.createElement("div", { className: b('right') },
             React.createElement("div", { className: b('right-inner') },
-                React.createElement(ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles: isArraySpec(spec) || isObjectSpec(spec), className: b('error-wrapper') }, children),
+                React.createElement(ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles: 
+                    // TODO: remove condition spec.viewSpec.type !== 'select'
+                    (isArraySpec(spec) && spec.viewSpec.type !== 'select') ||
+                        isObjectSpec(spec), className: b('error-wrapper') }, children),
                 generateButton ? (React.createElement(GenerateRandomValueButton, { spec: spec, onChange: input.onChange })) : null,
                 arrayItem ? (React.createElement(Button, { view: "flat-secondary", className: b('remove-button'), onClick: input.onDrop, qa: `${name}-remove-item` },
                     React.createElement(Icon, { data: TrashBin, size: 16 }))) : null),

package/build/esm/lib/kit/components/Layouts/Transparent/Transparent.js

@@ -21,7 +21,9 @@ export const Transparent = ({ name, spec, input, meta, children, }) => {
             'array-item': arrayItem && !arrOrObjFlag,
             'without-max-width': arrOrObjFlag,
         }) },
-        React.createElement(ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles: arrOrObjFlag }, children),
+        React.createElement(ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles: 
+            // TODO: remove condition spec.viewSpec.type !== 'select'
+            (isArraySpec(spec) && spec.viewSpec.type !== 'select') || isObjectSpec(spec) }, children),
         generateButton ? (React.createElement(GenerateRandomValueButton, { spec: spec, onChange: input.onChange })) : null,
         removeButton));
 };

package/build/esm/lib/kit/components/Layouts/index.d.ts

@@ -1,10 +1,7 @@
 export * from './Accordeon';
-export * from './AccordeonCardLayout';
 export * from './CardAccordeon';
 export * from './CardSection';
 export * from './Row';
-export * from './Row2';
 export * from './Section';
-export * from './SectionCard';
 export * from './TableCell';
 export * from './Transparent';

package/build/esm/lib/kit/components/Layouts/index.js

@@ -1,10 +1,7 @@
 export * from './Accordeon';
-export * from './AccordeonCardLayout';
 export * from './CardAccordeon';
 export * from './CardSection';
 export * from './Row';
-export * from './Row2';
 export * from './Section';
-export * from './SectionCard';
 export * from './TableCell';
 export * from './Transparent';

package/build/esm/lib/kit/components/ViewLayouts/index.d.ts

@@ -1,10 +1,7 @@
 export * from './ViewAccordeon';
-export * from './ViewAccordeonCard';
 export * from './ViewCardAccordeon';
 export * from './ViewCardSection';
 export * from './ViewRow';
-export * from './ViewRow2';
 export * from './ViewSection';
-export * from './ViewSectionCard';
 export * from './ViewTableCell';
 export * from './ViewTransparent';

package/build/esm/lib/kit/components/ViewLayouts/index.js

@@ -1,10 +1,7 @@
 export * from './ViewAccordeon';
-export * from './ViewAccordeonCard';
 export * from './ViewCardAccordeon';
 export * from './ViewCardSection';
 export * from './ViewRow';
-export * from './ViewRow2';
 export * from './ViewSection';
-export * from './ViewSectionCard';
 export * from './ViewTableCell';
 export * from './ViewTransparent';

package/build/esm/lib/kit/components/Views/MonacoInputView/MonacoBaseView.css

@@ -1,7 +1,4 @@
 .df-monaco-base-view {
   border: 1px solid var(--yc-color-line-generic);
   width: 550px;
-}
-.df-monaco-base-view_card {
-  width: auto;
 }

package/build/esm/lib/kit/components/Views/MonacoInputView/MonacoBaseView.d.ts

@@ -2,4 +2,3 @@ import React from 'react';
 import { StringViewProps } from '../../../../core';
 import './MonacoBaseView.css';
 export declare const MonacoView: React.FC<StringViewProps>;
-export declare const MonacoViewCard: React.FC<StringViewProps>;

package/build/esm/lib/kit/components/Views/MonacoInputView/MonacoBaseView.js

@@ -8,7 +8,7 @@ import { useMonacoOptions } from '../../Inputs/MonacoInput/useMonacoOptions';
 import { MonacoViewDialog } from './MonacoViewDialog';
 import './MonacoBaseView.css';
 const b = block('monaco-base-view');
-const MonacoBaseView = ({ value, spec, card }) => {
+const MonacoBaseView = ({ value, spec }) => {
     const { monacoParams, layoutTitle } = spec.viewSpec;
     const MonacoEditor = useMonaco();
     const { language, fontSize } = monacoParams !== null && monacoParams !== void 0 ? monacoParams : { language: 'plaintext', fontSize: 12 };
@@ -18,11 +18,10 @@ const MonacoBaseView = ({ value, spec, card }) => {
     if (!value || !MonacoEditor) {
         return null;
     }
-    return (React.createElement("div", { className: b({ card }) },
-        React.createElement(MonacoHeader, { language: language, card: card, editButton: React.createElement(Button, { onClick: () => setMonacoEditorDialog(true) },
+    return (React.createElement("div", { className: b() },
+        React.createElement(MonacoHeader, { language: language, editButton: React.createElement(Button, { onClick: () => setMonacoEditorDialog(true) },
                 React.createElement(Icon, { data: ChevronsExpandUpRight, size: 16 })) }),
         React.createElement(MonacoEditor, { language: language, value: value, height: '250', options: options }),
-        React.createElement(MonacoViewDialog, { title: layoutTitle, fontSize: fontSize, card: card, value: value, visible: monacoEditorDialog, language: language, onClose: handleMonacoEditorDialogClose })));
+        React.createElement(MonacoViewDialog, { title: layoutTitle, fontSize: fontSize, value: value, visible: monacoEditorDialog, language: language, onClose: handleMonacoEditorDialogClose })));
 };
 export const MonacoView = (props) => React.createElement(MonacoBaseView, Object.assign({}, props));
-export const MonacoViewCard = (props) => (React.createElement(MonacoBaseView, Object.assign({}, props, { card: true })));

package/build/esm/lib/kit/components/Views/MonacoInputView/MonacoViewDialog.d.ts

@@ -6,7 +6,6 @@ interface MonacoViewDialogProps {
     language?: string;
     title: string | undefined;
     fontSize: number | undefined;
-    card: boolean | undefined;
     onClose: () => void;
 }
 export declare const MonacoViewDialog: React.FC<MonacoViewDialogProps>;

package/build/esm/lib/kit/components/Views/MonacoInputView/MonacoViewDialog.js

@@ -7,7 +7,7 @@ import { MonacoHeader } from '../../Inputs/MonacoInput/MonacoHeader';
 import { useMonacoOptions } from '../../Inputs/MonacoInput/useMonacoOptions';
 import './MonacoViewDialog.css';
 const b = block('monaco-view-dialog');
-export const MonacoViewDialog = ({ value, title, visible, language, onClose, fontSize, card, }) => {
+export const MonacoViewDialog = ({ value, title, visible, language, onClose, fontSize, }) => {
     const MonacoEditor = useMonaco();
     const handleClose = React.useCallback(() => {
         onClose();
@@ -20,7 +20,7 @@ export const MonacoViewDialog = ({ value, title, visible, language, onClose, fon
         React.createElement(Dialog.Header, { caption: title, className: b('dialog-header') }),
         React.createElement(Dialog.Body, null,
             React.createElement("div", { className: b('container') },
-                React.createElement(MonacoHeader, { language: language, card: card }),
+                React.createElement(MonacoHeader, { language: language }),
                 React.createElement(MonacoEditor, { language: language, height: "600", width: "900", value: value, options: options }))),
         React.createElement(Dialog.Footer, { textButtonApply: i18n('button_cancel'), onClickButtonApply: handleClose })));
 };

package/build/esm/lib/kit/components/Views/index.d.ts

@@ -8,7 +8,6 @@ export * from './MultiSelectView';
 export * from './NumberWithScaleView';
 export * from './ObjectBaseView';
 export * from './ObjectValueInputView';
-export * from './OneOfCardView';
 export * from './OneOfView';
 export * from './TableArrayView';
 export * from './TextAreaView';

package/build/esm/lib/kit/components/Views/index.js

@@ -8,7 +8,6 @@ export * from './MultiSelectView';
 export * from './NumberWithScaleView';
 export * from './ObjectBaseView';
 export * from './ObjectValueInputView';
-export * from './OneOfCardView';
 export * from './OneOfView';
 export * from './TableArrayView';
 export * from './TextAreaView';

package/build/esm/lib/kit/constants/config.d.ts

@@ -1,5 +1,3 @@
 import { DynamicFormConfig, DynamicViewConfig } from '../../core';
 export declare const dynamicConfig: DynamicFormConfig;
-export declare const dynamicCardConfig: DynamicFormConfig;
 export declare const dynamicViewConfig: DynamicViewConfig;
-export declare const dynamicViewCardConfig: DynamicViewConfig;

package/build/esm/lib/kit/constants/config.js

@@ -1,4 +1,4 @@
-import { Accordeon, AccordeonCardLayout, ArrayBase, ArrayBaseView, BaseView, CardAccordeon, CardOneOf, CardOneOfView, CardSection, Checkbox, FileInput, FileInputView, Group, Group2, MonacoInput, MonacoInputCard, MonacoView, MonacoViewCard, MultiOneOf, MultiOneOfFlat, MultiOneOfFlatView, MultiOneOfView, MultiSelect, MultiSelectView, NumberWithScale, NumberWithScaleView, ObjectBase, ObjectBaseView, ObjectInline, ObjectInlineView, ObjectValueInput, ObjectValueInputView, OneOf, OneOfCard, OneOfCardView, OneOfFlat, OneOfFlatView, OneOfView, Row, Row2, RowVerbose, Secret, Section, Section2, SectionCard, SectionCard2, SectionWithSubtitle, SectionWithSubtitle2, Select, Switch, TableArrayInput, TableArrayView, TableCell, Text, TextArea, TextAreaView, TextContent, TextLink, TextLinkView, Transparent, ViewAccordeon, ViewAccordeonCard, ViewCardAccordeon, ViewCardSection, ViewGroup, ViewGroup2, ViewRow, ViewRow2, ViewSection, ViewSection2, ViewSectionCard, ViewSectionCard2, ViewTableCell, ViewTransparent, } from '../components';
+import { Accordeon, ArrayBase, ArrayBaseView, BaseView, CardAccordeon, CardOneOf, CardOneOfView, CardSection, Checkbox, FileInput, FileInputView, Group, Group2, MonacoInput, MonacoView, MultiOneOf, MultiOneOfFlat, MultiOneOfFlatView, MultiOneOfView, MultiSelect, MultiSelectView, NumberWithScale, NumberWithScaleView, ObjectBase, ObjectBaseView, ObjectInline, ObjectInlineView, ObjectValueInput, ObjectValueInputView, OneOf, OneOfFlat, OneOfFlatView, OneOfView, Row, RowVerbose, Secret, Section, Section2, Select, Switch, TableArrayInput, TableArrayView, TableCell, Text, TextArea, TextAreaView, TextContent, TextLink, TextLinkView, Transparent, ViewAccordeon, ViewCardAccordeon, ViewCardSection, ViewGroup, ViewGroup2, ViewRow, ViewSection, ViewSection2, ViewTableCell, ViewTransparent, } from '../components';
 import { getArrayValidator, getBooleanValidator, getNumberValidator, getObjectValidator, getStringValidator, } from '../validators';
 export const dynamicConfig = {
     array: {
@@ -109,103 +109,6 @@ export const dynamicConfig = {
         },
     },
 };
-export const dynamicCardConfig = {
-    array: {
-        inputs: {
-            select: { Component: MultiSelect },
-            table: { Component: TableArrayInput },
-            base: { Component: ArrayBase },
-        },
-        layouts: {
-            row: Row2,
-            accordeon: AccordeonCardLayout,
-            section: SectionWithSubtitle,
-            section2: SectionWithSubtitle2,
-            group: SectionCard,
-            group2: SectionCard2,
-            table_item: TableCell,
-            transparent: Transparent,
-        },
-        validators: {
-            base: getArrayValidator(),
-        },
-    },
-    boolean: {
-        inputs: {
-            base: { Component: Checkbox },
-            switch: { Component: Switch },
-        },
-        layouts: {
-            row: Row2,
-            table_item: TableCell,
-        },
-        validators: {
-            base: getBooleanValidator(),
-        },
-    },
-    number: {
-        inputs: {
-            base: { Component: Text },
-        },
-        layouts: {
-            row: Row2,
-            table_item: TableCell,
-            transparent: Transparent,
-        },
-        validators: {
-            base: getNumberValidator(),
-        },
-    },
-    object: {
-        inputs: {
-            oneof: { Component: OneOfCard, independent: true },
-            secret: { Component: Secret, independent: true },
-            base: { Component: ObjectBase, independent: true },
-            text_link: { Component: TextLink, independent: true },
-            object_value: { Component: ObjectValueInput, independent: true },
-            multi_oneof: { Component: MultiOneOf, independent: true },
-            multi_oneof_flat: { Component: MultiOneOfFlat, independent: true },
-            inline: { Component: ObjectInline, independent: true },
-        },
-        layouts: {
-            row: Row2,
-            accordeon: AccordeonCardLayout,
-            section: SectionWithSubtitle,
-            section2: SectionWithSubtitle2,
-            group: SectionCard,
-            group2: SectionCard2,
-            transparent: Transparent,
-        },
-        validators: {
-            base: getObjectValidator(),
-        },
-    },
-    string: {
-        inputs: {
-            password: { Component: Text },
-            textarea: { Component: TextArea },
-            select: { Component: Select },
-            base: { Component: Text },
-            file_input: { Component: FileInput },
-            number_with_scale: { Component: NumberWithScale },
-            monaco_input: { Component: MonacoInputCard },
-            text_content: { Component: TextContent, independent: true },
-        },
-        layouts: {
-            row: Row2,
-            table_item: TableCell,
-            transparent: Transparent,
-            section: SectionWithSubtitle,
-            section2: SectionWithSubtitle2,
-            group: SectionCard,
-            group2: SectionCard2,
-        },
-        validators: {
-            base: getStringValidator(),
-            number: getNumberValidator(),
-        },
-    },
-};
 export const dynamicViewConfig = {
     array: {
         views: {
@@ -299,84 +202,3 @@ export const dynamicViewConfig = {
         },
     },
 };
-export const dynamicViewCardConfig = {
-    array: {
-        views: {
-            select: { Component: MultiSelectView },
-            table: { Component: TableArrayView },
-            base: { Component: ArrayBaseView },
-        },
-        layouts: {
-            row: ViewRow2,
-            accordeon: ViewAccordeonCard,
-            section: ViewSection,
-            section2: ViewSection2,
-            group: ViewSectionCard,
-            group2: ViewSectionCard2,
-            table_item: ViewTableCell,
-            transparent: ViewTransparent,
-        },
-    },
-    boolean: {
-        views: {
-            base: { Component: BaseView },
-            switch: { Component: BaseView },
-        },
-        layouts: {
-            row: ViewRow2,
-            table_item: ViewTableCell,
-        },
-    },
-    number: {
-        views: {
-            base: { Component: BaseView },
-        },
-        layouts: {
-            row: ViewRow2,
-            table_item: ViewTableCell,
-            transparent: ViewTransparent,
-        },
-    },
-    object: {
-        views: {
-            oneof: { Component: OneOfCardView, independent: true },
-            secret: undefined,
-            base: { Component: ObjectBaseView, independent: true },
-            text_link: { Component: TextLinkView, independent: true },
-            object_value: { Component: ObjectValueInputView, independent: true },
-            multi_oneof: { Component: MultiOneOfView, independent: true },
-            multi_oneof_flat: { Component: MultiOneOfFlatView, independent: true },
-            inline: { Component: ObjectInlineView, independent: true },
-        },
-        layouts: {
-            row: ViewRow2,
-            accordeon: ViewAccordeonCard,
-            section: ViewSection,
-            section2: ViewSection2,
-            group: ViewSectionCard,
-            group2: ViewSectionCard2,
-            transparent: ViewTransparent,
-        },
-    },
-    string: {
-        views: {
-            password: undefined,
-            textarea: { Component: TextAreaView },
-            select: { Component: BaseView },
-            base: { Component: BaseView },
-            file_input: { Component: FileInputView },
-            number_with_scale: { Component: NumberWithScaleView },
-            monaco_input: { Component: MonacoViewCard },
-            text_content: undefined,
-        },
-        layouts: {
-            row: ViewRow2,
-            table_item: ViewTableCell,
-            transparent: ViewTransparent,
-            section: ViewSection,
-            section2: ViewSection2,
-            group: ViewSectionCard,
-            group2: ViewSectionCard2,
-        },
-    },
-};

package/package.json

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

package/build/cjs/lib/kit/components/Inputs/OneOfCard/OneOfCard.css

@@ -1,6 +0,0 @@
-.df-oneof-card {
-  margin-bottom: 20px;
-}
-.df-oneof-card .df-accordeon-card__header-toggle-btn {
-  margin-left: 5px;
-}

package/build/cjs/lib/kit/components/Inputs/OneOfCard/OneOfCard.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OneOfCard = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const __1 = require("../../");
-const core_1 = require("../../../../core");
-const hooks_1 = require("../../../hooks");
-const utils_1 = require("../../../utils");
-const Layouts_1 = require("../../Layouts");
-const RemoveButton_1 = require("../../Layouts/Accordeon/RemoveButton");
-const b = (0, utils_1.block)('oneof-card');
-const OneOfCard = (props) => {
-    var _a;
-    const { input, meta, spec, name } = props;
-    const [open, setOpen] = react_1.default.useState(true);
-    const onToggle = react_1.default.useCallback(() => setOpen((f) => !f), [setOpen]);
-    const onOpen = react_1.default.useCallback(() => setOpen(true), [setOpen]);
-    const { oneOfValue, specProperties, togglerInput } = (0, hooks_1.useOneOf)({
-        props,
-        onTogglerChange: onOpen,
-    });
-    const arrayItem = react_1.default.useMemo(() => (0, core_1.isArrayItem)(name), [name]);
-    const toggler = react_1.default.useMemo(() => {
-        const specWithoutDescription = Object.assign(Object.assign({}, props.spec), { viewSpec: Object.assign(Object.assign({}, props.spec.viewSpec), { layoutDescription: '' }) });
-        const name = arrayItem ? '' : props.name;
-        return (react_1.default.createElement(Layouts_1.Row2, Object.assign({}, props, { spec: specWithoutDescription, name: name }), togglerInput));
-    }, [togglerInput, props, arrayItem]);
-    const headerActionsTemplate = react_1.default.useMemo(() => {
-        if (arrayItem) {
-            return react_1.default.createElement(RemoveButton_1.RemoveButton, { onDrop: input.onDrop, name: name });
-        }
-        return null;
-    }, [arrayItem, input.onDrop, name]);
-    const parentOnChange = react_1.default.useCallback((childName, childValue, childErrors) => {
-        const value = lodash_1.default.set({}, childName.split(`${input.name}.`).join(''), childValue);
-        input.onChange(value, childErrors);
-    }, [input.onChange, input.name]);
-    (0, hooks_1.useErrorChecker)({ name, meta, open, setOpen });
-    return (react_1.default.createElement(__1.AccordeonCard, { className: b(), name: name, header: toggler, description: spec.viewSpec.layoutDescription || '', open: open, onToggle: onToggle, ignoreHeaderToggle: true, headerActionsTemplate: headerActionsTemplate }, specProperties[oneOfValue] ? (react_1.default.createElement(core_1.Controller, { value: (_a = props.input.value) === null || _a === void 0 ? void 0 : _a[oneOfValue], spec: specProperties[oneOfValue], name: `${name}.${oneOfValue}`, parentOnChange: parentOnChange, parentOnUnmount: input.parentOnUnmount, key: `${name}.${oneOfValue}` })) : null));
-};
-exports.OneOfCard = OneOfCard;

package/build/cjs/lib/kit/components/Inputs/OneOfCard/index.js

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

package/build/cjs/lib/kit/components/Layouts/AccordeonCardLayout/AccordeonCardLayout.css

@@ -1,3 +0,0 @@
-.df-accordeon-card-layout {
-  margin-bottom: 20px;
-}

package/build/cjs/lib/kit/components/Layouts/AccordeonCardLayout/AccordeonCardLayout.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccordeonCardLayout = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const __1 = require("../../");
-const components_1 = require("../../../components");
-const hooks_1 = require("../../../hooks");
-const utils_1 = require("../../../utils");
-const RemoveButton_1 = require("../Accordeon/RemoveButton");
-const b = (0, utils_1.block)('accordeon-card-layout');
-const AccordeonCardLayout = ({ name, spec, input, meta, children, }) => {
-    var _a;
-    const [open, setOpen] = react_1.default.useState(Boolean((_a = spec.viewSpec) === null || _a === void 0 ? void 0 : _a.layoutOpen));
-    const onToggle = react_1.default.useCallback(() => setOpen((f) => !f), [setOpen]);
-    const onDrop = react_1.default.useCallback(() => {
-        setOpen(false);
-        input.onDrop();
-    }, [input.onDrop, setOpen]);
-    const removeButton = react_1.default.useMemo(() => {
-        if (spec.required || !input.value) {
-            return null;
-        }
-        return react_1.default.createElement(RemoveButton_1.RemoveButton, { onDrop: onDrop, name: name });
-    }, [spec.required, input.value, onDrop, name]);
-    (0, hooks_1.useErrorChecker)({ name, meta, open, setOpen });
-    return (react_1.default.createElement(__1.AccordeonCard, { name: name, header: spec.viewSpec.layoutTitle || '', description: spec.viewSpec.layoutDescription || '', open: open, onToggle: onToggle, headerActionsTemplate: removeButton, className: b() },
-        react_1.default.createElement(components_1.ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles: true }, children)));
-};
-exports.AccordeonCardLayout = AccordeonCardLayout;

package/build/cjs/lib/kit/components/Layouts/AccordeonCardLayout/index.js

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