From 681d07175f5aa2e4e9128d39ddfc06e9d0201632 Mon Sep 17 00:00:00 2001
From: Maksim Efremov <ma-efremoff@yandex-team.ru>
Date: Thu, 12 Sep 2024 23:49:33 +0300
Subject: [PATCH] fix: add export of TabFieldVerticalProps (rework exports)

---
 .../CheckBoxControl/CheckBoxControl.tsx       |  4 +-
 src/dialog/CheckBoxControl/index.ts           |  1 +
 src/dialog/CollapsibleSection/index.ts        |  1 +
 src/dialog/Condition/Condition.tsx            |  4 +-
 src/dialog/Condition/index.ts                 |  1 +
 src/dialog/CustomBlock/CustomBlock.tsx        |  4 +-
 src/dialog/CustomBlock/index.ts               |  1 +
 src/dialog/Dialog/Dialog.tsx                  | 67 ++++++++++---------
 src/dialog/Dialog/index.ts                    |  1 +
 src/dialog/EditableList/EditableList.tsx      |  4 +-
 src/dialog/EditableList/index.ts              |  1 +
 .../EditableManyLists/EditableManyLists.tsx   |  6 +-
 src/dialog/EditableManyLists/index.ts         |  1 +
 .../FocusBlurContainer/FocusBlurContainer.tsx |  2 +-
 src/dialog/FocusBlurContainer/index.ts        |  1 +
 src/dialog/Icon/index.ts                      |  1 +
 .../LabelsGroup/LabelsGroup.tsx               | 12 ++--
 .../MultiTextControl/MultiTextControl.tsx     | 14 ++--
 src/dialog/MultiTextControl/index.ts          |  1 +
 src/dialog/PlainText/PlainText.tsx            |  4 +-
 src/dialog/PlainText/index.ts                 |  1 +
 .../RadioButtonControl/RadioButtonControl.tsx |  8 +--
 src/dialog/RadioButtonControl/index.ts        |  1 +
 src/dialog/SelectControl/index.ts             |  1 +
 src/dialog/TabField/TabField.tsx              |  8 +--
 src/dialog/TabField/TabFieldVertical.tsx      | 10 ++-
 src/dialog/TabField/index.ts                  |  2 +
 .../TextAreaControl/TextAreaControl.tsx       |  4 +-
 src/dialog/TextAreaControl/index.ts           |  1 +
 src/dialog/TextControl/TextControl.tsx        |  4 +-
 src/dialog/TextControl/index.ts               |  1 +
 src/dialog/TumblerControl/TumblerControl.tsx  |  4 +-
 src/dialog/TumblerControl/index.ts            |  1 +
 src/dialog/index.ts                           | 12 ++++
 src/helpers/index.ts                          |  1 +
 src/index.ts                                  | 27 +-------
 src/stories/EditableList.stories.tsx          |  5 +-
 src/stories/EditableManyLists.stories.tsx     |  7 +-
 src/stories/MultiTextControl.stories.tsx      |  2 +-
 src/stories/TumblerControl.stories.tsx        |  2 +-
 .../dialog/00_Base_controls.stories.tsx       | 18 +++--
 src/stories/dialog/01_One_tab.stories.tsx     |  4 +-
 .../dialog/02_Several_tabs.stories.tsx        |  4 +-
 src/stories/dialog/03_Sections.stories.tsx    |  4 +-
 .../04_Visibility_condition.stories.tsx       |  4 +-
 .../05_Extras_and_linked_fields.stories.tsx   |  4 +-
 .../dialog/06_Field_validators.stories.tsx    |  4 +-
 .../dialog/07_Form_validation.stories.tsx     |  4 +-
 .../dialog/08_Virtualized_tabs.stories.tsx    |  4 +-
 .../dialog/09_Cloneable_tabs.stories.tsx      |  4 +-
 .../dialog/fields/01_full_width.stories.tsx   |  4 +-
 .../register/RegisterControls.stories.tsx     |  2 +-
 52 files changed, 140 insertions(+), 153 deletions(-)
 create mode 100644 src/dialog/CheckBoxControl/index.ts
 create mode 100644 src/dialog/CollapsibleSection/index.ts
 create mode 100644 src/dialog/Condition/index.ts
 create mode 100644 src/dialog/CustomBlock/index.ts
 create mode 100644 src/dialog/Dialog/index.ts
 create mode 100644 src/dialog/EditableList/index.ts
 create mode 100644 src/dialog/EditableManyLists/index.ts
 create mode 100644 src/dialog/FocusBlurContainer/index.ts
 create mode 100644 src/dialog/Icon/index.ts
 create mode 100644 src/dialog/MultiTextControl/index.ts
 create mode 100644 src/dialog/PlainText/index.ts
 create mode 100644 src/dialog/RadioButtonControl/index.ts
 create mode 100644 src/dialog/SelectControl/index.ts
 create mode 100644 src/dialog/TabField/index.ts
 create mode 100644 src/dialog/TextAreaControl/index.ts
 create mode 100644 src/dialog/TextControl/index.ts
 create mode 100644 src/dialog/TumblerControl/index.ts
 create mode 100644 src/dialog/index.ts
 create mode 100644 src/helpers/index.ts

diff --git a/src/dialog/CheckBoxControl/CheckBoxControl.tsx b/src/dialog/CheckBoxControl/CheckBoxControl.tsx
index f2deb5c..aa39857 100644
--- a/src/dialog/CheckBoxControl/CheckBoxControl.tsx
+++ b/src/dialog/CheckBoxControl/CheckBoxControl.tsx
@@ -10,7 +10,7 @@ export interface CheckBoxControlProps
     onChange: (value: CheckBoxControlProps['value']) => void;
 }
 
-function CheckBoxControl({value, onChange, ...props}: CheckBoxControlProps) {
+export function CheckBoxControl({value, onChange, ...props}: CheckBoxControlProps) {
     const onCheckBoxChange = useCallback(() => onChange(!value), [onChange, value]);
     const {children, ...rest} = props || {};
 
@@ -28,5 +28,3 @@ CheckBoxControl.getDefaultValue = function () {
 CheckBoxControl.isEmpty = function (value: CheckBoxControlProps['value']) {
     return typeof value !== 'boolean' || !value;
 };
-
-export default CheckBoxControl;
diff --git a/src/dialog/CheckBoxControl/index.ts b/src/dialog/CheckBoxControl/index.ts
new file mode 100644
index 0000000..ea3dee8
--- /dev/null
+++ b/src/dialog/CheckBoxControl/index.ts
@@ -0,0 +1 @@
+export * from './CheckBoxControl';
diff --git a/src/dialog/CollapsibleSection/index.ts b/src/dialog/CollapsibleSection/index.ts
new file mode 100644
index 0000000..4e40ada
--- /dev/null
+++ b/src/dialog/CollapsibleSection/index.ts
@@ -0,0 +1 @@
+export * from './CollapsibleSection';
diff --git a/src/dialog/Condition/Condition.tsx b/src/dialog/Condition/Condition.tsx
index 913b2a3..6097c08 100644
--- a/src/dialog/Condition/Condition.tsx
+++ b/src/dialog/Condition/Condition.tsx
@@ -7,12 +7,10 @@ interface Props<T = any> {
     children: React.ReactNode;
 }
 
-function Condition<T>({when, isActive, children}: Props<T>) {
+export function Condition<T>({when, isActive, children}: Props<T>) {
     return (
         <Field name={when} subscription={{value: true}}>
             {({input: {value}}) => (isActive(value) ? children : null)}
         </Field>
     );
 }
-
-export default Condition;
diff --git a/src/dialog/Condition/index.ts b/src/dialog/Condition/index.ts
new file mode 100644
index 0000000..db67358
--- /dev/null
+++ b/src/dialog/Condition/index.ts
@@ -0,0 +1 @@
+export * from './Condition';
diff --git a/src/dialog/CustomBlock/CustomBlock.tsx b/src/dialog/CustomBlock/CustomBlock.tsx
index 568a7a0..c6bf016 100644
--- a/src/dialog/CustomBlock/CustomBlock.tsx
+++ b/src/dialog/CustomBlock/CustomBlock.tsx
@@ -7,7 +7,7 @@ export interface CustomBlockProps {
     children: React.ReactNode;
 }
 
-class CustomBlock extends React.Component<CustomBlockProps> {
+export class CustomBlock extends React.Component<CustomBlockProps> {
     static renderLabel = () => null;
     static getDefaultValue = () => undefined;
 
@@ -15,5 +15,3 @@ class CustomBlock extends React.Component<CustomBlockProps> {
         return this.props.children || null;
     }
 }
-
-export default CustomBlock;
diff --git a/src/dialog/CustomBlock/index.ts b/src/dialog/CustomBlock/index.ts
new file mode 100644
index 0000000..7717f0b
--- /dev/null
+++ b/src/dialog/CustomBlock/index.ts
@@ -0,0 +1 @@
+export * from './CustomBlock';
diff --git a/src/dialog/Dialog/Dialog.tsx b/src/dialog/Dialog/Dialog.tsx
index ee72f77..8832e5c 100644
--- a/src/dialog/Dialog/Dialog.tsx
+++ b/src/dialog/Dialog/Dialog.tsx
@@ -1,11 +1,11 @@
 import React, {Component, Fragment} from 'react';
-import _reduce from 'lodash/reduce';
-import _find from 'lodash/find';
-import _findIndex from 'lodash/findIndex';
-import _isEqual from 'lodash/isEqual';
-import _get from 'lodash/get';
-import _isEmpty from 'lodash/isEmpty';
-import _map from 'lodash/map';
+import reduce_ from 'lodash/reduce';
+import find_ from 'lodash/find';
+import findIndex_ from 'lodash/findIndex';
+import isEqual_ from 'lodash/isEqual';
+import get_ from 'lodash/get';
+import isEmpty_ from 'lodash/isEmpty';
+import map_ from 'lodash/map';
 import {
     Dialog as CommonDialog,
     DialogFooterProps,
@@ -21,26 +21,29 @@ import createDecorator, {Calculation, Updates} from 'final-form-calculate';
 import {OnChange} from 'react-final-form-listeners';
 
 import {InfoIcon, TooltipIcon, WarningIcon} from '../Icon/Icon';
-import TextControl, {TextControlProps} from '../TextControl/TextControl';
-import TextAreaControl, {TextAreaControlProps} from '../TextAreaControl/TextAreaControl';
-import {SelectControl, SelectControlProps} from '../SelectControl/SelectControl';
-import TumblerControl, {TumblerControlProps} from '../TumblerControl/TumblerControl';
-import PlainText, {PlainTextProps} from '../PlainText/PlainText';
-import CheckBoxControl, {CheckBoxControlProps} from '../CheckBoxControl/CheckBoxControl';
-import Condition from '../Condition/Condition';
-import CustomBlock, {CustomBlockProps} from '../CustomBlock/CustomBlock';
-import RadioButtonControl, {
-    RadioButtonControlProps,
-} from '../RadioButtonControl/RadioButtonControl';
-import EditableList, {EditableListProps} from '../EditableList/EditableList';
-import EditableManyLists, {EditableManyListsProps} from '../EditableManyLists/EditableManyLists';
-import MultiTextControl, {MultiTextControlProps} from '../MultiTextControl/MultiTextControl';
-import TabField, {TabFieldProps, TabItem} from '../TabField/TabField';
+import {TextControl, TextControlProps} from '../TextControl';
+import {TextAreaControl, TextAreaControlProps} from '../TextAreaControl';
+import {SelectControl, SelectControlProps} from '../SelectControl';
+import {TumblerControl, TumblerControlProps} from '../TumblerControl';
+import {PlainText, PlainTextProps} from '../PlainText';
+import {CheckBoxControl, CheckBoxControlProps} from '../CheckBoxControl';
+import {Condition} from '../Condition';
+import {CustomBlock, CustomBlockProps} from '../CustomBlock';
+import {RadioButtonControl, RadioButtonControlProps} from '../RadioButtonControl';
+import {EditableList, EditableListProps} from '../EditableList';
+import {EditableManyLists, EditableManyListsProps} from '../EditableManyLists';
+import {MultiTextControl, MultiTextControlProps} from '../MultiTextControl';
+import {
+    TabField,
+    TabFieldProps,
+    TabFieldVertical,
+    TabFieldVerticalProps,
+    TabItem,
+} from '../TabField';
 import {checkTabId, getTabId, applyFunctions} from './utils';
 import {useStableEventHandler} from '../../helpers/useStableEventHendler';
 
 import './Dialog.scss';
-import TabFieldVertical, {TabFieldVerticalProps} from '../TabField/TabFieldVertical';
 
 import i18n from './i18n';
 import {
@@ -385,7 +388,7 @@ class Dialog<
     static getDefaultValues<T extends TabbedField<F>, F>(
         fields: FieldsType<T, F> = [],
     ): Record<string, any> {
-        return _reduce(
+        return reduce_(
             fields,
             (acc, item) => {
                 const field = item as ArrayElement<typeof fields>;
@@ -432,7 +435,7 @@ class Dialog<
             }
         }
 
-        return _isEmpty(res) ? null : res;
+        return isEmpty_(res) ? null : res;
     }
 
     static hasTabs<TabT extends TabbedField<FieldT>, FieldT extends ControlField>(
@@ -584,7 +587,7 @@ class Dialog<
         fields: FieldsType<TabT, FieldT>,
         dst: Array<{name: Calculation['field']; subscribers: Calculation['updates']}> = [],
     ) {
-        return _reduce(
+        return reduce_(
             fields,
             (acc, field) => {
                 const item = field as ArrayElement<typeof fields>;
@@ -906,7 +909,7 @@ class Dialog<
         if (!visibilityCondition) {
             return true;
         }
-        const value = _get(values, visibilityCondition.when);
+        const value = get_(values, visibilityCondition.when);
         return visibilityCondition.isActive(value);
     }
 
@@ -929,7 +932,7 @@ class Dialog<
             active?: boolean,
             options: {userOptions?: any} = {},
         ) => {
-            const tabSpec = _find(fields, (fieldSpec) => fieldSpec.name === fieldName);
+            const tabSpec = find_(fields, (fieldSpec) => fieldSpec.name === fieldName);
             const {onCreateTab} = tabSpec || {};
             if (!tabSpec?.multiple) {
                 return;
@@ -937,11 +940,11 @@ class Dialog<
 
             const {userOptions} = options;
 
-            const index = _findIndex(values[fieldName], this.isActiveTab);
+            const index = findIndex_(values[fieldName], this.isActiveTab);
             const {id: _id, ...srcTabData} = values[fieldName][index === -1 ? 0 : index];
             const newTabData = onCreateTab ? onCreateTab(srcTabData, {userOptions}) : srcTabData;
             if (newTabData.id === undefined) {
-                const ids = new Set(_map(values[fieldName], ({id}) => String(id)));
+                const ids = new Set(map_(values[fieldName], ({id}) => String(id)));
                 for (let i = 0; i <= ids.size; ++i) {
                     const id = String(i + 1);
                     if (!ids.has(id)) {
@@ -960,7 +963,7 @@ class Dialog<
         };
 
         const removeTab = (tabItemToDelete: TabItem) => {
-            const tabIndexToDelete = _findIndex(tabItems, (item) => item.id === tabItemToDelete.id);
+            const tabIndexToDelete = findIndex_(tabItems, (item) => item.id === tabItemToDelete.id);
             if (tabIndexToDelete < 0) {
                 return;
             }
@@ -1206,7 +1209,7 @@ class Dialog<
 
         return (
             <Form
-                initialValuesEqual={_isEqual}
+                initialValuesEqual={isEqual_}
                 keepDirtyOnReinitialize={true}
                 {...formExtras}
                 onSubmit={this.onApply}
diff --git a/src/dialog/Dialog/index.ts b/src/dialog/Dialog/index.ts
new file mode 100644
index 0000000..a5d3159
--- /dev/null
+++ b/src/dialog/Dialog/index.ts
@@ -0,0 +1 @@
+export * from './Dialog';
diff --git a/src/dialog/EditableList/EditableList.tsx b/src/dialog/EditableList/EditableList.tsx
index 2143c9c..e76ff05 100644
--- a/src/dialog/EditableList/EditableList.tsx
+++ b/src/dialog/EditableList/EditableList.tsx
@@ -72,7 +72,7 @@ interface State {
     showAll: boolean;
 }
 
-class EditableList<T = any> extends React.Component<EditableListProps<T>, State> {
+export class EditableList<T = any> extends React.Component<EditableListProps<T>, State> {
     static defaultProps = {
         value: [],
     };
@@ -140,5 +140,3 @@ class EditableList<T = any> extends React.Component<EditableListProps<T>, State>
         );
     }
 }
-
-export default EditableList;
diff --git a/src/dialog/EditableList/index.ts b/src/dialog/EditableList/index.ts
new file mode 100644
index 0000000..00c7a70
--- /dev/null
+++ b/src/dialog/EditableList/index.ts
@@ -0,0 +1 @@
+export * from './EditableList';
diff --git a/src/dialog/EditableManyLists/EditableManyLists.tsx b/src/dialog/EditableManyLists/EditableManyLists.tsx
index a6424a5..3d85547 100644
--- a/src/dialog/EditableManyLists/EditableManyLists.tsx
+++ b/src/dialog/EditableManyLists/EditableManyLists.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import {dfCN} from '../../helpers/cn';
 
-import EditableList, {EditableListItemType, EditableListProps} from '../EditableList/EditableList';
+import {EditableList, EditableListItemType, EditableListProps} from '../EditableList';
 import './EditableManyLists.scss';
 
 const block = dfCN('editable-many-lists');
@@ -24,7 +24,7 @@ export interface EditableManyListsItemType<T> {
     data: Array<EditableListItemType<T>>;
 }
 
-class EditableManyLists<T> extends React.Component<EditableManyListsProps<T>> {
+export class EditableManyLists<T> extends React.Component<EditableManyListsProps<T>> {
     static getDefaultValue() {
         return [];
     }
@@ -63,5 +63,3 @@ class EditableManyLists<T> extends React.Component<EditableManyListsProps<T>> {
         );
     }
 }
-
-export default EditableManyLists;
diff --git a/src/dialog/EditableManyLists/index.ts b/src/dialog/EditableManyLists/index.ts
new file mode 100644
index 0000000..c5a02d9
--- /dev/null
+++ b/src/dialog/EditableManyLists/index.ts
@@ -0,0 +1 @@
+export * from './EditableManyLists';
diff --git a/src/dialog/FocusBlurContainer/FocusBlurContainer.tsx b/src/dialog/FocusBlurContainer/FocusBlurContainer.tsx
index cf2cad8..2de0f81 100644
--- a/src/dialog/FocusBlurContainer/FocusBlurContainer.tsx
+++ b/src/dialog/FocusBlurContainer/FocusBlurContainer.tsx
@@ -5,7 +5,7 @@ import {applyFunctions} from '../Dialog/utils';
 
 function noop() {}
 
-interface FocusBlurContainerProps {
+export interface FocusBlurContainerProps {
     children?: React.ReactNode;
     className?: string;
     onFocus?: () => void;
diff --git a/src/dialog/FocusBlurContainer/index.ts b/src/dialog/FocusBlurContainer/index.ts
new file mode 100644
index 0000000..6d06035
--- /dev/null
+++ b/src/dialog/FocusBlurContainer/index.ts
@@ -0,0 +1 @@
+export * from './FocusBlurContainer';
diff --git a/src/dialog/Icon/index.ts b/src/dialog/Icon/index.ts
new file mode 100644
index 0000000..e263cc0
--- /dev/null
+++ b/src/dialog/Icon/index.ts
@@ -0,0 +1 @@
+export * from './Icon';
diff --git a/src/dialog/MultiTextControl/LabelsGroup/LabelsGroup.tsx b/src/dialog/MultiTextControl/LabelsGroup/LabelsGroup.tsx
index 4135713..6dc6705 100644
--- a/src/dialog/MultiTextControl/LabelsGroup/LabelsGroup.tsx
+++ b/src/dialog/MultiTextControl/LabelsGroup/LabelsGroup.tsx
@@ -1,5 +1,5 @@
 import React, {Component} from 'react';
-import _map from 'lodash/map';
+import map_ from 'lodash/map';
 import {Button, Label} from '@gravity-ui/uikit';
 import {dfCN} from '../../../helpers/cn';
 import withCollapsible from '../../../hoc/withCollapsible';
@@ -9,7 +9,7 @@ import {ArrayElement} from '../../types';
 
 const block = dfCN('labels-group');
 
-type Props = {
+export type LabelGroupProps = {
     items: Array<{name: string; isDefault?: boolean}>;
     visibleCount: number;
     disabled?: boolean;
@@ -21,9 +21,9 @@ type Props = {
     renderToggler?: () => React.ReactNode;
 };
 
-type ItemType = ArrayElement<Props['items']>;
+type ItemType = ArrayElement<LabelGroupProps['items']>;
 
-class LabelsGroup extends Component<Props> {
+class LabelsGroupComponent extends Component<LabelGroupProps> {
     handleLabelClick = (label: ItemType) => {
         const {onClick} = this.props;
         if (typeof onClick === 'function') {
@@ -68,7 +68,7 @@ class LabelsGroup extends Component<Props> {
 
         return (
             <div className={block()}>
-                {_map(items, (label) => this.renderLabel(label))}
+                {map_(items, (label) => this.renderLabel(label))}
                 {renderToggler?.()}
                 {onRemoveAll && items.length > 0 && (
                     <Button
@@ -85,4 +85,4 @@ class LabelsGroup extends Component<Props> {
     }
 }
 
-export default withCollapsible(LabelsGroup);
+export const LabelsGroup = withCollapsible(LabelsGroupComponent);
diff --git a/src/dialog/MultiTextControl/MultiTextControl.tsx b/src/dialog/MultiTextControl/MultiTextControl.tsx
index d35667b..af27ffe 100644
--- a/src/dialog/MultiTextControl/MultiTextControl.tsx
+++ b/src/dialog/MultiTextControl/MultiTextControl.tsx
@@ -1,10 +1,10 @@
 import React, {Component} from 'react';
-import _find from 'lodash/find';
-import _findIndex from 'lodash/findIndex';
+import find_ from 'lodash/find';
+import findIndex_ from 'lodash/findIndex';
 import {TextInput, TextInputProps} from '@gravity-ui/uikit';
 
 import {dfCN} from '../../helpers/cn';
-import LabelsGroup from './LabelsGroup/LabelsGroup';
+import {LabelsGroup} from './LabelsGroup/LabelsGroup';
 import {FocusBlurContainer} from '../FocusBlurContainer/FocusBlurContainer';
 
 import type {ArrayElement} from '../types';
@@ -32,7 +32,7 @@ interface State {
     currentLabel: string;
 }
 
-class MultiTextControl extends Component<MultiTextControlProps, State> {
+export class MultiTextControl extends Component<MultiTextControlProps, State> {
     static ENTER = 13;
 
     static hasErrorRenderer = true;
@@ -46,7 +46,7 @@ class MultiTextControl extends Component<MultiTextControlProps, State> {
     }
 
     static remove(theItem: ItemType, items: Array<ItemType>) {
-        const index = _findIndex(items, (anItem) => theItem.name === anItem.name);
+        const index = findIndex_(items, (anItem) => theItem.name === anItem.name);
         if (index > -1) {
             const copy = [...items];
             copy.splice(index, 1);
@@ -68,7 +68,7 @@ class MultiTextControl extends Component<MultiTextControlProps, State> {
         if (currentLabel?.length > 0) {
             const {onChange, value: labels} = this.props;
 
-            if (!_find(labels, (label) => label.name === currentLabel)) {
+            if (!find_(labels, (label) => label.name === currentLabel)) {
                 onChange(labels.concat({name: currentLabel}));
             }
             this.setState({currentLabel: ''});
@@ -118,5 +118,3 @@ class MultiTextControl extends Component<MultiTextControlProps, State> {
         );
     }
 }
-
-export default MultiTextControl;
diff --git a/src/dialog/MultiTextControl/index.ts b/src/dialog/MultiTextControl/index.ts
new file mode 100644
index 0000000..36eea61
--- /dev/null
+++ b/src/dialog/MultiTextControl/index.ts
@@ -0,0 +1 @@
+export * from './MultiTextControl';
diff --git a/src/dialog/PlainText/PlainText.tsx b/src/dialog/PlainText/PlainText.tsx
index a154423..c9cb150 100644
--- a/src/dialog/PlainText/PlainText.tsx
+++ b/src/dialog/PlainText/PlainText.tsx
@@ -12,7 +12,7 @@ export type PlainTextProps = {
     placeholder?: React.ReactNode;
 };
 
-class PlainText extends React.Component<PlainTextProps> {
+export class PlainText extends React.Component<PlainTextProps> {
     static getDefaultValue() {
         return '';
     }
@@ -31,5 +31,3 @@ class PlainText extends React.Component<PlainTextProps> {
         );
     }
 }
-
-export default PlainText;
diff --git a/src/dialog/PlainText/index.ts b/src/dialog/PlainText/index.ts
new file mode 100644
index 0000000..42cc71f
--- /dev/null
+++ b/src/dialog/PlainText/index.ts
@@ -0,0 +1 @@
+export * from './PlainText';
diff --git a/src/dialog/RadioButtonControl/RadioButtonControl.tsx b/src/dialog/RadioButtonControl/RadioButtonControl.tsx
index d54bced..931fa31 100644
--- a/src/dialog/RadioButtonControl/RadioButtonControl.tsx
+++ b/src/dialog/RadioButtonControl/RadioButtonControl.tsx
@@ -1,5 +1,5 @@
 import React, {useCallback} from 'react';
-import _map from 'lodash/map';
+import map_ from 'lodash/map';
 import {RadioButton, RadioButtonProps} from '@gravity-ui/uikit';
 
 RadioButtonControl.defaultProps = {
@@ -20,7 +20,7 @@ export interface RadioButtonControlProps extends Omit<RadioButtonProps, 'onChang
     options?: Array<{value: string; label: React.ReactNode}>;
 }
 
-function RadioButtonControl({value, onChange, ...props}: RadioButtonControlProps) {
+export function RadioButtonControl({value, onChange, ...props}: RadioButtonControlProps) {
     const onRadioChange = useCallback(
         (evt: React.ChangeEvent<HTMLInputElement>) => onChange(evt.target.value),
         [onChange],
@@ -29,7 +29,7 @@ function RadioButtonControl({value, onChange, ...props}: RadioButtonControlProps
 
     return (
         <RadioButton {...rest} size={size} value={value} onChange={onRadioChange}>
-            {_map(options, ({value, label}) => (
+            {map_(options, ({value, label}) => (
                 <RadioButton.Option value={value} key={value}>
                     {label}
                 </RadioButton.Option>
@@ -37,5 +37,3 @@ function RadioButtonControl({value, onChange, ...props}: RadioButtonControlProps
         </RadioButton>
     );
 }
-
-export default RadioButtonControl;
diff --git a/src/dialog/RadioButtonControl/index.ts b/src/dialog/RadioButtonControl/index.ts
new file mode 100644
index 0000000..6bc1b27
--- /dev/null
+++ b/src/dialog/RadioButtonControl/index.ts
@@ -0,0 +1 @@
+export * from './RadioButtonControl';
diff --git a/src/dialog/SelectControl/index.ts b/src/dialog/SelectControl/index.ts
new file mode 100644
index 0000000..17e9e6b
--- /dev/null
+++ b/src/dialog/SelectControl/index.ts
@@ -0,0 +1 @@
+export * from './SelectControl';
diff --git a/src/dialog/TabField/TabField.tsx b/src/dialog/TabField/TabField.tsx
index ea39c05..3eeb281 100644
--- a/src/dialog/TabField/TabField.tsx
+++ b/src/dialog/TabField/TabField.tsx
@@ -4,7 +4,7 @@ import {Tabs} from '@gravity-ui/uikit';
 import {dfCN} from '../../helpers/cn';
 import {DangerIcon, CloseIcon} from '../Icon/Icon';
 
-import some from 'lodash/some';
+import some_ from 'lodash/some';
 
 import './TabField.scss';
 
@@ -37,7 +37,7 @@ export interface TabSpec {
     multiple?: boolean;
 }
 
-class TabField extends Component<TabFieldProps> {
+export class TabField extends Component<TabFieldProps> {
     static isTabControl = true as const;
     static isTabControlVertical = false;
 
@@ -57,7 +57,7 @@ class TabField extends Component<TabFieldProps> {
         wrapperMods = {},
     ) => {
         const hasError =
-            item.error && ('string' === typeof item.error || some(item.error, (v) => Boolean(v)));
+            item.error && ('string' === typeof item.error || some_(item.error, (v) => Boolean(v)));
         return (
             <div key={item.id} className={block('wrapper', wrapperMods)}>
                 <span className={block('name')}>
@@ -100,5 +100,3 @@ class TabField extends Component<TabFieldProps> {
         );
     }
 }
-
-export default TabField;
diff --git a/src/dialog/TabField/TabFieldVertical.tsx b/src/dialog/TabField/TabFieldVertical.tsx
index 307bab1..7b93908 100644
--- a/src/dialog/TabField/TabFieldVertical.tsx
+++ b/src/dialog/TabField/TabFieldVertical.tsx
@@ -1,9 +1,9 @@
 import React from 'react';
 import {dfCN} from '../../helpers/cn';
 
-import _findIndex from 'lodash/findIndex';
+import findIndex_ from 'lodash/findIndex';
 
-import TabField, {TabFieldProps, TabItem} from './TabField';
+import {TabField, TabFieldProps, TabItem} from './TabField';
 import {List, ListProps} from '@gravity-ui/uikit';
 
 import './TabFieldVertical.scss';
@@ -25,7 +25,7 @@ export interface TabFieldVerticalProps extends TabFieldProps {
     virtualized?: boolean;
 }
 
-class TabFieldVertical extends React.Component<TabFieldVerticalProps> {
+export class TabFieldVertical extends React.Component<TabFieldVerticalProps> {
     static defaultProps = {
         size: 's' as Exclude<TabFieldVerticalProps['size'], undefined>,
     };
@@ -52,7 +52,7 @@ class TabFieldVertical extends React.Component<TabFieldVerticalProps> {
     render() {
         const {className, activeTab, size, sortable, tabItems, onOrderChanged, ...rest} =
             this.props;
-        const selected = _findIndex(tabItems, ({id}) => id === activeTab);
+        const selected = findIndex_(tabItems, ({id}) => id === activeTab);
 
         return (
             <div className={block({size}, className)}>
@@ -73,5 +73,3 @@ class TabFieldVertical extends React.Component<TabFieldVerticalProps> {
         );
     }
 }
-
-export default TabFieldVertical;
diff --git a/src/dialog/TabField/index.ts b/src/dialog/TabField/index.ts
new file mode 100644
index 0000000..18135ce
--- /dev/null
+++ b/src/dialog/TabField/index.ts
@@ -0,0 +1,2 @@
+export * from './TabField';
+export * from './TabFieldVertical';
diff --git a/src/dialog/TextAreaControl/TextAreaControl.tsx b/src/dialog/TextAreaControl/TextAreaControl.tsx
index dd233aa..86fdd5f 100644
--- a/src/dialog/TextAreaControl/TextAreaControl.tsx
+++ b/src/dialog/TextAreaControl/TextAreaControl.tsx
@@ -15,7 +15,7 @@ export type TextAreaControlProps = Omit<
     error?: string | undefined;
 };
 
-class TextControl extends Component<TextAreaControlProps> {
+export class TextAreaControl extends Component<TextAreaControlProps> {
     static hasErrorRenderer = true;
 
     static getDefaultValue() {
@@ -42,5 +42,3 @@ class TextControl extends Component<TextAreaControlProps> {
         );
     }
 }
-
-export default TextControl;
diff --git a/src/dialog/TextAreaControl/index.ts b/src/dialog/TextAreaControl/index.ts
new file mode 100644
index 0000000..0899865
--- /dev/null
+++ b/src/dialog/TextAreaControl/index.ts
@@ -0,0 +1 @@
+export * from './TextAreaControl';
diff --git a/src/dialog/TextControl/TextControl.tsx b/src/dialog/TextControl/TextControl.tsx
index 7a90de3..c3c723f 100644
--- a/src/dialog/TextControl/TextControl.tsx
+++ b/src/dialog/TextControl/TextControl.tsx
@@ -9,7 +9,7 @@ const block = dfCN('text-control');
 export type TextControlProps = ControlProps<string> &
     Omit<TextInputProps, keyof ControlProps<string>>;
 
-class TextControl extends Component<TextControlProps> {
+export class TextControl extends Component<TextControlProps> {
     static defaultProps = {
         extras: {},
     };
@@ -42,5 +42,3 @@ class TextControl extends Component<TextControlProps> {
         );
     }
 }
-
-export default TextControl;
diff --git a/src/dialog/TextControl/index.ts b/src/dialog/TextControl/index.ts
new file mode 100644
index 0000000..62ce29f
--- /dev/null
+++ b/src/dialog/TextControl/index.ts
@@ -0,0 +1 @@
+export * from './TextControl';
diff --git a/src/dialog/TumblerControl/TumblerControl.tsx b/src/dialog/TumblerControl/TumblerControl.tsx
index 06a2927..a7a70ab 100644
--- a/src/dialog/TumblerControl/TumblerControl.tsx
+++ b/src/dialog/TumblerControl/TumblerControl.tsx
@@ -14,7 +14,7 @@ export type TumblerControlProps = ControlProps<boolean> &
         labelRight?: string;
     };
 
-function TumblerControl({value, onChange, ...extras}: TumblerControlProps) {
+export function TumblerControl({value, onChange, ...extras}: TumblerControlProps) {
     const onTumblerChange = useCallback(() => onChange(!value), [onChange, value]);
     const {labelLeft, labelRight, size = 'm', className, ...rest} = extras;
 
@@ -47,5 +47,3 @@ TumblerControl.getDefaultValue = function () {
 TumblerControl.isEmpty = function (value: boolean) {
     return typeof value !== 'boolean' || !value;
 };
-
-export default TumblerControl;
diff --git a/src/dialog/TumblerControl/index.ts b/src/dialog/TumblerControl/index.ts
new file mode 100644
index 0000000..00be75a
--- /dev/null
+++ b/src/dialog/TumblerControl/index.ts
@@ -0,0 +1 @@
+export * from './TumblerControl';
diff --git a/src/dialog/index.ts b/src/dialog/index.ts
new file mode 100644
index 0000000..4c701a0
--- /dev/null
+++ b/src/dialog/index.ts
@@ -0,0 +1,12 @@
+export * from './CheckBoxControl';
+export * from './Dialog/Dialog';
+export * from './EditableList';
+export * from './EditableManyLists';
+export * from './FocusBlurContainer';
+export * from './MultiTextControl';
+export * from './RadioButtonControl';
+export * from './SelectControl';
+export * from './TabField';
+export * from './TextAreaControl';
+export * from './TextControl';
+export * from './TumblerControl';
diff --git a/src/helpers/index.ts b/src/helpers/index.ts
new file mode 100644
index 0000000..39c727c
--- /dev/null
+++ b/src/helpers/index.ts
@@ -0,0 +1 @@
+export * from './useStableEventHendler';
diff --git a/src/index.ts b/src/index.ts
index 71733c5..d8110b0 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,27 +1,6 @@
 export type {FormApi} from 'final-form';
 export {FORM_ERROR} from 'final-form';
 
-export * from './dialog/Dialog/Dialog';
-
-export {default as CheckBoxControl} from './dialog/CheckBoxControl/CheckBoxControl';
-
-export {default as EditableList} from './dialog/EditableList/EditableList';
-export type {EditableListProps, EditableListItemType} from './dialog/EditableList/EditableList';
-
-export {default as EditableManyLists} from './dialog/EditableManyLists/EditableManyLists';
-export type {
-    EditableManyListsProps,
-    EditableManyListsItemType,
-} from './dialog/EditableManyLists/EditableManyLists';
-
-export {default as TextAreaControl} from './dialog/TextAreaControl/TextAreaControl';
-export {default as TextControl} from './dialog/TextControl/TextControl';
-export {default as MultiTextControl} from './dialog/MultiTextControl/MultiTextControl';
-export {default as TabField} from './dialog/TabField/TabField';
-export {default as TabFieldVertical} from './dialog/TabField/TabFieldVertical';
-export {FocusBlurContainer} from './dialog/FocusBlurContainer/FocusBlurContainer';
-
-export {useStableEventHandler} from './helpers/useStableEventHendler';
-
-export {configure} from './configure';
-export type {Lang} from './configure';
+export * from './helpers';
+export * from './configure';
+export * from './dialog';
diff --git a/src/stories/EditableList.stories.tsx b/src/stories/EditableList.stories.tsx
index c32a110..ad002bc 100644
--- a/src/stories/EditableList.stories.tsx
+++ b/src/stories/EditableList.stories.tsx
@@ -1,10 +1,7 @@
 import React from 'react';
 import {StoryFn, Meta} from '@storybook/react';
 
-import EditableList, {
-    EditableListItemType,
-    EditableListProps,
-} from '../dialog/EditableList/EditableList';
+import {EditableList, EditableListItemType, EditableListProps} from '../index';
 
 function genEditableListData() {
     return [
diff --git a/src/stories/EditableManyLists.stories.tsx b/src/stories/EditableManyLists.stories.tsx
index 2cdfd41..600cf61 100644
--- a/src/stories/EditableManyLists.stories.tsx
+++ b/src/stories/EditableManyLists.stories.tsx
@@ -1,10 +1,9 @@
 import React from 'react';
-import {dfCN} from '../helpers/cn';
-import EditableManyLists, {
-    EditableManyListsProps,
-} from '../dialog/EditableManyLists/EditableManyLists';
 import {StoryFn, Meta} from '@storybook/react';
 
+import {dfCN} from '../helpers/cn';
+import {EditableManyLists, EditableManyListsProps} from '../index';
+
 import './EditableManyListsDemo.scss';
 const b = dfCN('editable-lists-control-demo');
 
diff --git a/src/stories/MultiTextControl.stories.tsx b/src/stories/MultiTextControl.stories.tsx
index d377b6e..e354282 100644
--- a/src/stories/MultiTextControl.stories.tsx
+++ b/src/stories/MultiTextControl.stories.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import MultiTextControl, {MultiTextControlProps} from '../dialog/MultiTextControl/MultiTextControl';
+import {MultiTextControl, MultiTextControlProps} from '../index';
 import {StoryFn, Meta} from '@storybook/react';
 
 interface Props {
diff --git a/src/stories/TumblerControl.stories.tsx b/src/stories/TumblerControl.stories.tsx
index 2a0a182..5b6186d 100644
--- a/src/stories/TumblerControl.stories.tsx
+++ b/src/stories/TumblerControl.stories.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import {StoryFn, Meta} from '@storybook/react';
 
-import TumblerControl from '../dialog/TumblerControl/TumblerControl';
+import {TumblerControl} from '../index';
 
 export default {
     title: 'Components/TumblerControl',
diff --git a/src/stories/dialog/00_Base_controls.stories.tsx b/src/stories/dialog/00_Base_controls.stories.tsx
index 6adf0ac..4a5f7d2 100644
--- a/src/stories/dialog/00_Base_controls.stories.tsx
+++ b/src/stories/dialog/00_Base_controls.stories.tsx
@@ -1,13 +1,17 @@
 import React, {Component, Fragment} from 'react';
-import {DFDialog} from '../../dialog/Dialog/Dialog';
 import {StoryFn, Meta} from '@storybook/react';
-import {FormApi} from '../../index';
 import {Button} from '@gravity-ui/uikit';
-import {RadioButtonControlProps} from '../../dialog/RadioButtonControl/RadioButtonControl';
-import {MultiTextControlProps} from '../../dialog/MultiTextControl/MultiTextControl';
-import {EditableListProps} from '../../dialog/EditableList/EditableList';
-import {EditableManyListsProps} from '../../dialog/EditableManyLists/EditableManyLists';
-import {SelectControlProps} from '../../dialog/SelectControl/SelectControl';
+
+import {
+    FormApi,
+    RadioButtonControlProps,
+    DFDialog,
+    EditableListProps,
+    EditableManyListsProps,
+    MultiTextControlProps,
+    SelectControlProps,
+} from '../../index';
+
 import {useSize} from '../SizeContext';
 
 class DialogWithSelectStories extends Component {
diff --git a/src/stories/dialog/01_One_tab.stories.tsx b/src/stories/dialog/01_One_tab.stories.tsx
index 0a95fb9..a78cb09 100644
--- a/src/stories/dialog/01_One_tab.stories.tsx
+++ b/src/stories/dialog/01_One_tab.stories.tsx
@@ -1,8 +1,8 @@
 import React, {Component, Fragment} from 'react';
-import {DFDialog} from '../../dialog/Dialog/Dialog';
 import {StoryFn, Meta} from '@storybook/react';
-import {FormApi} from '../../index';
 import {Button} from '@gravity-ui/uikit';
+
+import {DFDialog, FormApi} from '../../index';
 import {useSize} from '../SizeContext';
 
 interface FormValues {
diff --git a/src/stories/dialog/02_Several_tabs.stories.tsx b/src/stories/dialog/02_Several_tabs.stories.tsx
index 5587d46..4520cec 100644
--- a/src/stories/dialog/02_Several_tabs.stories.tsx
+++ b/src/stories/dialog/02_Several_tabs.stories.tsx
@@ -1,8 +1,8 @@
 import React, {Component, Fragment} from 'react';
-import {DFDialog} from '../../dialog/Dialog/Dialog';
 import {StoryFn, Meta} from '@storybook/react';
-import {FormApi} from '../../index';
 import {Button} from '@gravity-ui/uikit';
+
+import {DFDialog, FormApi} from '../../index';
 import {useSize} from '../SizeContext';
 
 interface FormValues {
diff --git a/src/stories/dialog/03_Sections.stories.tsx b/src/stories/dialog/03_Sections.stories.tsx
index 63f7ebe..c5504f7 100644
--- a/src/stories/dialog/03_Sections.stories.tsx
+++ b/src/stories/dialog/03_Sections.stories.tsx
@@ -1,8 +1,8 @@
 import React, {Component, Fragment} from 'react';
-import {DFDialog} from '../../dialog/Dialog/Dialog';
 import {StoryFn, Meta} from '@storybook/react';
-import {FormApi} from '../../index';
 import {Button} from '@gravity-ui/uikit';
+
+import {DFDialog, FormApi} from '../../index';
 import {useSize} from '../SizeContext';
 
 interface FormValues {
diff --git a/src/stories/dialog/04_Visibility_condition.stories.tsx b/src/stories/dialog/04_Visibility_condition.stories.tsx
index 4cbfa24..ad3980b 100644
--- a/src/stories/dialog/04_Visibility_condition.stories.tsx
+++ b/src/stories/dialog/04_Visibility_condition.stories.tsx
@@ -1,8 +1,8 @@
 import React, {Component, Fragment} from 'react';
-import {DeepPartial, DFDialog} from '../../dialog/Dialog/Dialog';
 import {StoryFn, Meta} from '@storybook/react';
-import {FormApi} from '../../index';
 import {Button} from '@gravity-ui/uikit';
+
+import {DeepPartial, DFDialog, FormApi} from '../../index';
 import {useSize} from '../SizeContext';
 
 interface FormValues {
diff --git a/src/stories/dialog/05_Extras_and_linked_fields.stories.tsx b/src/stories/dialog/05_Extras_and_linked_fields.stories.tsx
index a8016e6..cc29967 100644
--- a/src/stories/dialog/05_Extras_and_linked_fields.stories.tsx
+++ b/src/stories/dialog/05_Extras_and_linked_fields.stories.tsx
@@ -1,8 +1,8 @@
 import React, {Component, Fragment} from 'react';
-import {DFDialog} from '../../dialog/Dialog/Dialog';
 import {StoryFn, Meta} from '@storybook/react';
-import {FormApi} from '../../index';
 import {Button} from '@gravity-ui/uikit';
+
+import {DFDialog, FormApi} from '../../index';
 import {useSize} from '../SizeContext';
 
 interface FormValues {
diff --git a/src/stories/dialog/06_Field_validators.stories.tsx b/src/stories/dialog/06_Field_validators.stories.tsx
index dbc94d6..fe271de 100644
--- a/src/stories/dialog/06_Field_validators.stories.tsx
+++ b/src/stories/dialog/06_Field_validators.stories.tsx
@@ -1,8 +1,8 @@
 import React, {Component, Fragment} from 'react';
-import {DFDialog} from '../../dialog/Dialog/Dialog';
 import {StoryFn, Meta} from '@storybook/react';
-import {FormApi} from '../../index';
 import {Button} from '@gravity-ui/uikit';
+
+import {DFDialog, FormApi} from '../../index';
 import {useSize} from '../SizeContext';
 
 interface FormValues {
diff --git a/src/stories/dialog/07_Form_validation.stories.tsx b/src/stories/dialog/07_Form_validation.stories.tsx
index d40d052..ff2006a 100644
--- a/src/stories/dialog/07_Form_validation.stories.tsx
+++ b/src/stories/dialog/07_Form_validation.stories.tsx
@@ -1,8 +1,8 @@
 import React, {Component, Fragment} from 'react';
-import {DeepPartial, DFDialog} from '../../dialog/Dialog/Dialog';
 import {StoryFn, Meta} from '@storybook/react';
-import {FormApi} from '../../index';
 import {Button} from '@gravity-ui/uikit';
+
+import {DeepPartial, DFDialog, FormApi} from '../../index';
 import {useSize} from '../SizeContext';
 
 interface FormValues {
diff --git a/src/stories/dialog/08_Virtualized_tabs.stories.tsx b/src/stories/dialog/08_Virtualized_tabs.stories.tsx
index 84dbc0f..3ee4008 100644
--- a/src/stories/dialog/08_Virtualized_tabs.stories.tsx
+++ b/src/stories/dialog/08_Virtualized_tabs.stories.tsx
@@ -1,8 +1,8 @@
 import React, {Component, Fragment} from 'react';
-import {DeepPartial, DFDialog} from '../../dialog/Dialog/Dialog';
 import {StoryFn, Meta} from '@storybook/react';
-import {FormApi} from '../../index';
 import {Button} from '@gravity-ui/uikit';
+
+import {DeepPartial, DFDialog, FormApi} from '../../index';
 import {useSize} from '../SizeContext';
 
 interface FormValues {
diff --git a/src/stories/dialog/09_Cloneable_tabs.stories.tsx b/src/stories/dialog/09_Cloneable_tabs.stories.tsx
index dc9e14c..5ca7b33 100644
--- a/src/stories/dialog/09_Cloneable_tabs.stories.tsx
+++ b/src/stories/dialog/09_Cloneable_tabs.stories.tsx
@@ -1,8 +1,8 @@
 import React, {Component, Fragment} from 'react';
-import {DeepPartial, DFDialog} from '../../dialog/Dialog/Dialog';
 import {StoryFn, Meta} from '@storybook/react';
-import {FormApi} from '../../index';
 import {Button} from '@gravity-ui/uikit';
+
+import {DeepPartial, DFDialog, FormApi} from '../../index';
 import {useSize} from '../SizeContext';
 
 interface FormValues {
diff --git a/src/stories/dialog/fields/01_full_width.stories.tsx b/src/stories/dialog/fields/01_full_width.stories.tsx
index f4f8ac9..9ecf9c2 100644
--- a/src/stories/dialog/fields/01_full_width.stories.tsx
+++ b/src/stories/dialog/fields/01_full_width.stories.tsx
@@ -1,9 +1,9 @@
 import React, {Component, Fragment} from 'react';
-import {DFDialog} from '../../../dialog/Dialog/Dialog';
 import {StoryFn, Meta} from '@storybook/react';
-import {FormApi} from '../../../index';
 import {Button} from '@gravity-ui/uikit';
 
+import {FormApi, DFDialog} from '../../../index';
+
 interface FormValues {
     general: {
         firstName: string;
diff --git a/src/stories/dialog/register/RegisterControls.stories.tsx b/src/stories/dialog/register/RegisterControls.stories.tsx
index 7f1cabd..e3899a2 100644
--- a/src/stories/dialog/register/RegisterControls.stories.tsx
+++ b/src/stories/dialog/register/RegisterControls.stories.tsx
@@ -6,7 +6,7 @@ import {
     RegisteredDialogField,
     DFDialogField,
     DFDialogTabField,
-} from '../../../dialog/Dialog/Dialog';
+} from '../../../index';
 import {StoryFn, Meta} from '@storybook/react';
 
 function MyControl(props: {username: string; value: unknown}) {