@true-engineering/true-react-common-ui-kit 3.1.1 → 3.4.0

package/README.md

@@ -10,6 +10,18 @@
 
 # Release Notes
 
+## v3.4.0
+
+- **Input**: Добавляет пропс onInput
+
+## v3.3.0
+
+- Улучшение кодстайла
+
+## v3.2.0
+
+- **FlexibleTable** **FlexibleTableCell** **FlexibleTableRow** Добавляет прорс `renderMode`: 'table' | 'divs';
+
 ## v3.1.1
 
 - **Status** фикс цветов

package/dist/components/AccountInfo/AccountInfo.d.ts

@@ -3,6 +3,7 @@ import { ICommonProps } from '../../types';
 import { IListProps } from '../List';
 import { IAccountInfoStyles } from './AccountInfo.styles';
 export interface IAccountInfoProps extends ICommonProps<IAccountInfoStyles> {
+    /** @default `<Icon type='avatar' />` */
     avatar?: ReactNode;
     accountName: ReactNode;
     options: IListProps['items'];

package/dist/components/AddButton/AddButton.d.ts

@@ -3,9 +3,12 @@ import { ICommonProps } from '../../types';
 import { IAddButtonStyles } from './AddButton.styles';
 export interface IAddButtonProps extends ICommonProps<IAddButtonStyles> {
     text: string;
+    /** @default 'button' */
     type?: 'submit' | 'button';
+    /** @default false */
     isDisabled?: boolean;
+    /** @default false */
     isFullWidth?: boolean;
-    onClick?(): void | Promise<void>;
+    onClick?: () => void | Promise<void>;
 }
 export declare const AddButton: FC<IAddButtonProps>;

package/dist/components/Button/Button.d.ts

@@ -6,29 +6,17 @@ import { IButtonSize, IButtonView } from './types';
 import { IButtonStyles } from './Button.styles';
 export interface IButtonProps extends ICommonProps<IButtonStyles> {
     children?: ReactNode;
-    /**
-     * @default `button`
-     */
+    /** @default 'button' */
     type?: ButtonHTMLAttributes<unknown>['type'];
-    /**
-     * @default `l`
-     */
+    /** @default 'l' */
     size?: IButtonSize;
-    /**
-     * @default `primary`
-     */
+    /** @default 'primary' */
     view?: IButtonView;
-    /**
-     * @default false
-     */
+    /** @default false */
     shouldSkipTabNavigation?: boolean;
-    /**
-     * @default false
-     */
+    /** @default false */
     isDisabled?: boolean;
-    /**
-     * @default false
-     */
+    /** @default false */
     isFullWidth?: boolean;
     /**
      * Нужно ли убирать скругление у кнопки слева
@@ -40,20 +28,14 @@ export interface IButtonProps extends ICommonProps<IButtonStyles> {
      * @default false
      */
     isLoading?: boolean;
-    /**
-     * @default false
-     */
+    /** @default false */
     isActive?: boolean;
     icon?: IIcon;
-    /**
-     * @default `left`
-     */
+    /** @default 'left' */
     iconPosition?: 'left' | 'right';
-    /**
-     * @default `dots`
-     */
+    /** @default 'dots' */
     preloaderType?: IThemedPreloaderProps['type'];
-    onClick?(event: MouseEvent<HTMLButtonElement>): void | Promise<void>;
-    onMouseDown?(event: MouseEvent<HTMLButtonElement>): void | Promise<void>;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void | Promise<void>;
+    onMouseDown?: (event: MouseEvent<HTMLButtonElement>) => void | Promise<void>;
 }
 export declare const Button: import("react").ForwardRefExoticComponent<IButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -4,18 +4,20 @@ import { ICheckboxStyles } from './Checkbox.styles';
 export interface ICheckboxProps<V> extends ICommonProps<ICheckboxStyles> {
     children?: ReactNode;
     isChecked: boolean | undefined;
+    /** @default false */
     isSemiChecked?: boolean;
+    /** @default false */
     isDisabled?: boolean;
+    /** @default false */
     isReadonly?: boolean;
+    /** @default false */
     isInvalid?: boolean;
     value: V;
-    /**
-     * @default `right`
-     */
+    /** @default 'right' */
     labelPosition?: 'right' | 'left';
-    onSelect(value: {
+    onSelect: (value: {
         value: V;
         isSelected: boolean;
-    }): void;
+    }) => void;
 }
 export declare function Checkbox<V>({ children, isDisabled, isReadonly, isChecked, value, data, testId, isSemiChecked, labelPosition, tweakStyles, onSelect, }: ICheckboxProps<V>): JSX.Element;

package/dist/components/CloseButton/CloseButton.d.ts

@@ -2,7 +2,8 @@ import { FC } from 'react';
 import { ICommonProps } from '../../types';
 import { ICloseButtonStyles } from './CloseButton.styles';
 export interface ICloseButtonProps extends ICommonProps<ICloseButtonStyles> {
+    /** @default 'close' */
     iconType?: 'close' | 'close-large' | 'close-window';
-    onClose?(): void;
+    onClose?: () => void;
 }
 export declare const CloseButton: FC<ICloseButtonProps>;

package/dist/components/DateInput/DateInput.d.ts

@@ -4,11 +4,14 @@ import { IInputProps } from '../Input';
 import { IDateInputStyles } from './DateInput.styles';
 export interface IDateInputProps extends Omit<IInputProps, 'value' | 'beforeMaskedStateChange' | 'onChange' | 'tweakStyles'>, ICommonProps<IDateInputStyles> {
     date?: string;
+    /** @default  '' */
     startDate?: string;
+    /** @default '' */
     endDate?: string;
     className?: string;
+    /** @default false */
     isRange?: boolean;
-    onClick?(event: MouseEvent<HTMLDivElement>): void;
-    onChange?(event: FormEvent<HTMLInputElement>, value: string): void;
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+    onChange?: (event: FormEvent<HTMLInputElement>, value: string) => void;
 }
 export declare const DateInput: import("react").ForwardRefExoticComponent<IDateInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -9,16 +9,18 @@ export interface IDatePickerProps extends IDatePickerBaseProps, ICommonProps<IDa
     selectedDate?: Date | null;
     locale: Locale;
     months?: string[];
-    /**
-     * @default `dd.MM.yyyy`
-     */
+    /** @default 'dd.MM.yyyy' */
     dateFormat?: string;
+    /** @default 1 */
     calendarStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /** @default false */
     isRange?: boolean;
+    /** @default false */
     isInline?: boolean;
+    /** @default false */
     shouldRenderPopperInBody?: boolean;
     customInput?: FC<IDateInputProps>;
-    onChangeDate?(date: Date | null, event?: SyntheticEvent): void;
-    onChangeRange?(date: IRange, event?: SyntheticEvent): void;
+    onChangeDate?: (date: Date | null, event?: SyntheticEvent) => void;
+    onChangeRange?: (date: IRange, event?: SyntheticEvent) => void;
 }
 export declare const DatePicker: import("react").ForwardRefExoticComponent<IDatePickerProps & import("react").RefAttributes<ReactDatePicker<never, undefined>>>;

package/dist/components/Description/Description.d.ts

@@ -5,7 +5,9 @@ export interface IDescriptionProps extends ICommonProps<IDescriptionStyles> {
     text: string;
     moreTitle?: string;
     lessTitle?: string;
+    /** @default 150 */
     truncateIndex?: number;
+    /** @default true */
     isAlwaysOpen?: boolean;
 }
 export declare const Description: FC<IDescriptionProps>;

package/dist/components/FiltersPane/FiltersPane.d.ts

@@ -5,14 +5,17 @@ import { IFiltersPaneStyles } from './FiltersPane.styles';
 export interface IFiltersPaneProps<Values, Content = Values> extends ICommonProps<IFiltersPaneStyles> {
     filtersConfig: ConfigType<Values>;
     enabledFilters?: Array<keyof ConfigType<Values>>;
+    /** @default {} */
     values?: Partial<Values>;
     search?: IFiltersPaneSearchProps<keyof Content>;
     localeKey?: IFilterLocaleKey;
     locale?: IPartialFilterLocale;
+    /** @default false */
     isDisabled?: boolean;
+    /** @default true */
     hasClearButton?: boolean;
-    onChangeFilters(values: Partial<Values>): void;
-    onSettingsButtonClick?(): void;
-    onClear?(): void;
+    onChangeFilters: (values: Partial<Values>) => void;
+    onSettingsButtonClick?: () => void;
+    onClear?: () => void;
 }
 export declare function FiltersPane<Values extends Record<string, unknown>, Content = Values>({ data, tweakStyles, filtersConfig, enabledFilters, values, localeKey, locale, search, isDisabled, hasClearButton, testId, onChangeFilters, onSettingsButtonClick, onClear, }: IFiltersPaneProps<Values, Content>): JSX.Element;

package/dist/components/FiltersPane/components/FilterWithDates/FilterWithDates.d.ts

@@ -9,8 +9,8 @@ export interface IFilterWithDatesProps extends ICommonProps<IFilterWithDatesStyl
     isClearable?: boolean;
     startPickerProps?: IFilterWithDateDatePickerProps;
     endPickerProps?: IFilterWithDateDatePickerProps;
-    onChange(val: IFilterWithDatesValue): void;
-    onStartBtnSubmit?(): void;
-    onEndBtnSubmit(): void;
+    onChange: (val: IFilterWithDatesValue) => void;
+    onStartBtnSubmit?: () => void;
+    onEndBtnSubmit: () => void;
 }
 export declare const FilterWithDates: FC<IFilterWithDatesProps>;

package/dist/components/FiltersPane/components/FilterWithPeriod/FilterWithPeriod.d.ts

@@ -7,7 +7,7 @@ export interface IFilterWithPeriodProps extends ICommonProps<IFilterWithPeriodSt
     localeKey?: IFilterLocaleKey;
     locale?: IPartialFilterLocale;
     periods?: IPeriodsList;
-    onChange(period?: IPeriod): void;
-    onClose?(): void;
+    onChange: (period?: IPeriod) => void;
+    onClose?: () => void;
 }
 export declare const FilterWithPeriod: FC<IFilterWithPeriodProps>;

package/dist/components/FiltersPane/components/FilterWrapper/FilterWrapper.d.ts

@@ -9,6 +9,6 @@ export interface IFilterWrapperProps<Values, Key extends keyof Values> extends I
     localeKey?: IFilterLocaleKey;
     locale?: IPartialFilterLocale;
     filtersPaneRef: RefObject<HTMLDivElement> | null;
-    onChange<V>(value: V): void;
+    onChange: <V>(value: V) => void;
 }
 export declare function FilterWrapper<Values, Key extends keyof Values>({ filter, value, isDisabled, locale, localeKey, data, testId, filtersPaneRef, tweakStyles, onChange, }: IFilterWrapperProps<Values, Key>): JSX.Element;

package/dist/components/Flag/Flag.d.ts

@@ -2,6 +2,7 @@ import { FC } from 'react';
 import { ICommonProps } from '../../types';
 import { IFlagStyles } from './Flag.styles';
 export interface IFlagProps extends Pick<ICommonProps<IFlagStyles>, 'tweakStyles'> {
+    /** @default '' */
     countryCode?: string;
 }
 export declare const Flag: FC<IFlagProps>;

package/dist/components/FlexibleTable/FlexibleTable.d.ts

@@ -8,20 +8,23 @@ export interface IFlexibleTableProps<Values extends Record<string, any>> extends
     enabledColumns?: Array<keyof Values>;
     activeRows?: number[];
     config: IFlexibleTableConfigType<Values>;
+    /** @default false */
     isHorizontallyScrollable?: boolean;
+    /** @default false */
     isFirstColumnSticky?: boolean;
     infinityScrollConfig?: IInfinityScrollConfig;
-    /**
-     * @default Индекс строки
-     */
+    /** @default Индекс строки */
     uniqueField?: keyof Values;
     onHeadClick?: (column: keyof Values) => void;
+    /** @default false */
     isLoading?: boolean;
     onRowClick?: (id: string) => void;
     onRowHover?: (id?: string) => void;
     rowAttributes?: Array<keyof Values>;
     refForScroll?: RefObject<HTMLDivElement>;
     nothingFoundContent?: ReactNode;
+    /** @default 'table' */
+    renderMode?: 'table' | 'divs';
     expandableRowComponent?: (item: Values, isOpen: boolean, close: () => void) => ReactNode;
 }
-export declare function FlexibleTable<Values extends Record<string, any>>({ data, tweakStyles, content, headerContent, config, activeRows, enabledColumns, isHorizontallyScrollable, isFirstColumnSticky, infinityScrollConfig, uniqueField, isLoading, onHeadClick, onRowHover, onRowClick, refForScroll, rowAttributes, nothingFoundContent, testId, expandableRowComponent, }: IFlexibleTableProps<Values>): JSX.Element;
+export declare function FlexibleTable<Values extends Record<string, any>>({ data, tweakStyles, content, headerContent, config, activeRows, enabledColumns, isHorizontallyScrollable, isFirstColumnSticky, infinityScrollConfig, uniqueField, isLoading, renderMode, onHeadClick, onRowHover, onRowClick, refForScroll, rowAttributes, nothingFoundContent, testId, expandableRowComponent, }: IFlexibleTableProps<Values>): JSX.Element;

package/dist/components/FlexibleTable/FlexibleTable.stories.d.ts

@@ -17,4 +17,4 @@ interface ITableContent {
     currency: string;
     status: string;
 }
-export declare const Default: ComponentStory<({ data, tweakStyles, content, headerContent, config, activeRows, enabledColumns, isHorizontallyScrollable, isFirstColumnSticky, infinityScrollConfig, uniqueField, isLoading, onHeadClick, onRowHover, onRowClick, refForScroll, rowAttributes, nothingFoundContent, testId, expandableRowComponent, }: import("./FlexibleTable").IFlexibleTableProps<ITableContent>) => JSX.Element>;
+export declare const Default: ComponentStory<({ data, tweakStyles, content, headerContent, config, activeRows, enabledColumns, isHorizontallyScrollable, isFirstColumnSticky, infinityScrollConfig, uniqueField, isLoading, renderMode, onHeadClick, onRowHover, onRowClick, refForScroll, rowAttributes, nothingFoundContent, testId, expandableRowComponent, }: import("./FlexibleTable").IFlexibleTableProps<ITableContent>) => JSX.Element>;

package/dist/components/FlexibleTable/FlexibleTable.styles.d.ts

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import type { IFlexibleTableRowStyles } from './components';
 export declare const STICKY_SHADOW_PADDING = 12;
-export declare const useStyles: import("../../theme").IUseStyles<"scroll" | "root" | "loader" | "header" | "headerRow" | "headerSticky" | "headerSecond" | "skeleton", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"scroll" | "root" | "loader" | "header" | "nothingFound" | "head" | "body" | "loaderRow" | "loaderCell" | "headerRow" | "headerSticky" | "headerSecond" | "nothingFoundRow" | "skeletonRow" | "skeleton", unknown>;
 export type IFlexibleTableStyles = ITweakStyles<typeof useStyles, {
     tweakTableRow: IFlexibleTableRowStyles;
 }>;

package/dist/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.d.ts

@@ -6,11 +6,13 @@ export interface IFlexibleTableCellProps<Values extends Record<string, any>> ext
     item: Values;
     columnName: keyof Values;
     config: IFlexibleTableConfigType<Values>;
+    /** @default 'table' */
+    renderMode?: 'table' | 'divs';
     isFocusedRow?: boolean;
     isSecond?: boolean;
     isSticky?: boolean;
     isNestedComponentExpanded: boolean;
     isRowNestedComponentExpanded: boolean;
-    onSetNestedComponent(component?: ReactNode): void;
+    onSetNestedComponent: (component?: ReactNode) => void;
 }
-export declare function FlexibleTableCell<Values extends Record<string, any>>({ item, columnName, config, isFocusedRow, isSecond, isSticky, isNestedComponentExpanded, isRowNestedComponentExpanded, tweakStyles, onSetNestedComponent, }: IFlexibleTableCellProps<Values>): JSX.Element;
+export declare function FlexibleTableCell<Values extends Record<string, any>>({ item, columnName, config, renderMode, isFocusedRow, isSecond, isSticky, isNestedComponentExpanded, isRowNestedComponentExpanded, tweakStyles, onSetNestedComponent, }: IFlexibleTableCellProps<Values>): JSX.Element;

package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.d.ts

@@ -10,10 +10,12 @@ export interface IFlexibleTableRowProps<Values extends Record<string, any>> exte
     config: IFlexibleTableConfigType<Values>;
     enabledColumns?: Array<keyof Values>;
     rowAttributes?: Array<keyof Values>;
-    expandableRowComponent?(item: Values, isOpen: boolean, close: () => void): ReactNode;
-    onRowHover?(id?: string): void;
-    onRowClick?(id: string): void;
+    /** @default 'table' */
+    renderMode?: 'table' | 'divs';
+    expandableRowComponent?: (item: Values, isOpen: boolean, close: () => void) => ReactNode;
+    onRowHover?: (id?: string) => void;
+    onRowClick?: (id: string) => void;
 }
-declare function FlexibleTableRowInner<Values extends Record<string, any>>({ item, uniqueField, isFirstColumnSticky, isActive, config, enabledColumns, rowAttributes, tweakStyles, expandableRowComponent, onRowHover, onRowClick, }: IFlexibleTableRowProps<Values>): JSX.Element;
+declare function FlexibleTableRowInner<Values extends Record<string, any>>({ item, uniqueField, isFirstColumnSticky, isActive, config, enabledColumns, rowAttributes, renderMode, tweakStyles, expandableRowComponent, onRowHover, onRowClick, }: IFlexibleTableRowProps<Values>): JSX.Element;
 export declare const FlexibleTableRow: typeof FlexibleTableRowInner;
 export {};

package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../../../theme';
 import { IFlexibleTableCellStyles } from '../FlexibleTableCell';
-export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "active" | "editable" | "clickable", unknown>;
+export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "active" | "editable" | "clickable" | "nestedComponent", unknown>;
 export type IFlexibleTableRowStyles = ITweakStyles<typeof useStyles, {
     tweakTableCell: IFlexibleTableCellStyles;
 }>;

package/dist/components/IncrementInput/IncrementInput.d.ts

@@ -3,6 +3,7 @@ import { ICommonProps } from '../../types';
 import { INumberInputProps } from '../NumberInput';
 import { IIncrementInputStyles } from './IncrementInput.styles';
 export interface IIncrementInputProps extends Omit<INumberInputProps, 'canBeFloat' | 'precision' | 'tweakStyles'>, ICommonProps<IIncrementInputStyles> {
+    /** @default 1 */
     step?: number;
 }
 export declare const IncrementInput: FC<IIncrementInputProps>;

package/dist/components/Input/Input.d.ts

@@ -1,34 +1,32 @@
-import { FormEvent, FocusEvent, KeyboardEvent, ClipboardEvent, ReactNode } from 'react';
+import { FormEvent, ReactNode } from 'react';
 import { ICommonProps } from '../../types';
 import { IIcon } from '../Icon';
-import { IReactInputMaskProps } from './types';
+import { IInputHTMLBaseProps, IReactInputMaskProps } from './types';
 import { IInputStyles } from './Input.styles';
-export interface IInputProps extends ICommonProps<IInputStyles>, IReactInputMaskProps {
+export interface IInputProps extends ICommonProps<IInputStyles>, IReactInputMaskProps, IInputHTMLBaseProps {
     value?: string;
     label?: ReactNode;
-    placeholder?: string;
-    /**
-     * @default `text`
-     */
-    type?: 'text' | 'password' | 'email' | 'number';
+    /** @default false */
     isDisabled?: boolean;
-    /**
-     * @default true
-     */
+    /** @default true */
     hasFloatingLabel?: boolean;
+    /** @default false */
     isReadonly?: boolean;
+    /** @default false */
     isInvalid?: boolean;
+    /** @default false */
     isActive?: boolean;
+    /** @default false */
     isClearable?: boolean;
     infoMessage?: string;
     errorMessage?: string;
-    /**
-     * @default `bottom`
-     */
+    /** @default 'bottom' */
     errorPosition?: 'top' | 'bottom';
     inlineStyle?: 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left' | 'right' | 'middle';
     border?: 'top' | 'bottom' | 'left' | 'right';
+    /** @default false */
     isRequired?: boolean;
+    /** @default false */
     isLoading?: boolean;
     /**
      * Должна ли ширина input'а подстраиваться под ширину контента
@@ -42,17 +40,13 @@ export interface IInputProps extends ICommonProps<IInputStyles>, IReactInputMask
     defaultSize?: number;
     iconType?: IIcon;
     units?: string;
-    name?: string;
+    /** @default false */
     hasRequiredLabel?: boolean;
+    /** @default false */
     shouldFocusOnMount?: boolean;
-    maxLength?: number;
-    tabIndex?: number;
+    /** @default false */
     shouldAlwaysShowPlaceholder?: boolean;
-    onChange(value: string, event: FormEvent<HTMLInputElement>): void;
-    onFocus?(event: FocusEvent<HTMLInputElement>): void;
-    onBlur?(event: FocusEvent<HTMLInputElement>): void;
-    onPaste?(event: ClipboardEvent<HTMLInputElement>): void;
-    onIconClick?(): void;
-    onKeyDown?(event: KeyboardEvent<HTMLInputElement>): void;
+    onChange: (value: string, event: FormEvent<HTMLInputElement>) => void;
+    onIconClick?: () => void;
 }
 export declare const Input: import("react").ForwardRefExoticComponent<IInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/Input/Input.stories.d.ts

@@ -7,7 +7,7 @@ declare const _default: {
     argTypes: {
         type: {
             control: string;
-            options: ("number" | "text" | "email" | "password" | undefined)[];
+            options: (import("react").HTMLInputTypeAttribute | undefined)[];
         };
         border: {
             control: string;

package/dist/components/Input/types.d.ts

@@ -1,2 +1,4 @@
+import { InputHTMLAttributes } from 'react';
 import { Props as ReactInputMaskBaseProps } from 'react-input-mask';
 export type IReactInputMaskProps = Pick<Partial<ReactInputMaskBaseProps>, 'mask' | 'maskPlaceholder' | 'alwaysShowMask' | 'beforeMaskedStateChange'>;
+export type IInputHTMLBaseProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'maxLength' | 'name' | 'tabIndex' | 'placeholder' | 'type' | 'onBlur' | 'onFocus' | 'onInput' | 'onKeyDown' | 'onPaste'>;

package/dist/components/List/List.d.ts

@@ -4,6 +4,6 @@ import { IListItemProps as IListItem } from './components';
 import { IListStyles } from './List.styles';
 export interface IListProps extends ICommonProps<IListStyles> {
     items: IListItem[];
-    onClick?(event: MouseEvent | KeyboardEvent): void;
+    onClick?: (event: MouseEvent | KeyboardEvent) => void;
 }
 export declare const List: FC<IListProps>;

package/dist/components/List/components/ListItem/ListItem.d.ts

@@ -10,6 +10,6 @@ export interface IListItemProps extends ICommonProps<IListItemStyles> {
     shouldDrawSpacerAbove?: boolean;
     shouldDrawSpacerBelow?: boolean;
     withIconGap?: boolean;
-    onClick(event: MouseEvent | KeyboardEvent): void;
+    onClick: (event: MouseEvent | KeyboardEvent) => void;
 }
 export declare const ListItem: FC<IListItemProps>;

package/dist/components/Modal/Modal.d.ts

@@ -4,19 +4,29 @@ import { IModalPosition, IModalTransitionProps } from './types';
 import { IModalStyles } from './Modal.styles';
 export interface IModalProps extends ICommonProps<IModalStyles>, IModalTransitionProps {
     title?: ReactNode;
+    /** @default 'l */
     size?: 'l' | 'm' | 's';
+    /** @default false */
     isFooterSticky?: boolean;
     buttons?: ReactNode[];
+    /** @default 'right' */
     buttonsAlign?: 'left' | 'center' | 'right';
     children?: ReactNode | ReactNode[];
+    /** @default 'center' */
     position?: IModalPosition;
+    /** @default true */
     hasCloseButton?: boolean;
+    /** @default true */
     hasOverlay?: boolean;
+    /** @default true */
     shouldCloseOnOverlayClick?: boolean;
+    /** @default true */
     shouldCloseOnEsc?: boolean;
+    /** @default true */
     shouldBlockScroll?: boolean;
+    /** @default false */
     isOpen?: boolean;
     zIndex?: number;
-    onClose?(): void;
+    onClose?: () => void;
 }
 export declare const Modal: FC<IModalProps>;

package/dist/components/MoreMenu/MoreMenu.d.ts

@@ -4,12 +4,11 @@ import { IListItem } from '../List';
 import { IMoreMenuStyles } from './MoreMenu.styles';
 export interface IMoreMenuProps extends ICommonProps<IMoreMenuStyles> {
     items: IListItem[];
+    /** @default false */
     isDisabled?: boolean;
-    /**
-     * @default true
-     */
+    /** @default true */
     hasDefaultStateBackground?: boolean;
-    onMenuOpen?(): void;
-    onMenuClose?(): void;
+    onMenuOpen?: () => void;
+    onMenuClose?: () => void;
 }
 export declare const MoreMenu: FC<IMoreMenuProps>;

package/dist/components/MultiSelect/MultiSelect.d.ts

@@ -4,14 +4,19 @@ import { IHorizontalCornerConnection } from './types';
 import { IMultiSelectStyles } from './MultiSelect.styles';
 export interface IMultiSelectProps<Value = string> extends ICommonProps<IMultiSelectStyles> {
     value?: IMultiSelectListValues<Value>;
+    /** @default 'full' */
     corners?: IHorizontalCornerConnection;
+    /** @default false */
     isInvalid?: boolean;
+    /** @default false */
     isRequired?: boolean;
+    /** @default false */
     isDisabled?: boolean;
+    /** @default '' */
     placeholder?: string;
     localeKey?: IMultiSelectLocaleKey;
     locale?: IMultiSelectLocale;
-    onChange(value?: IMultiSelectListValues<Value>): void;
-    fetchOptions(value?: string, page?: number): Promise<Value[]>;
+    onChange: (value?: IMultiSelectListValues<Value>) => void;
+    fetchOptions: (value?: string, page?: number) => Promise<Value[]>;
 }
 export declare function MultiSelect<Value = string>({ value, corners, isInvalid, isRequired, isDisabled, placeholder, localeKey, locale, testId, data, onChange, fetchOptions, tweakStyles, }: IMultiSelectProps<Value>): JSX.Element;

package/dist/components/MultiSelect/components/MultiSelectInput/MultiSelectInput.d.ts

@@ -7,6 +7,6 @@ export interface IMultiSelectInputProps<Value> extends Pick<ICommonProps<IMultiS
     isOpen: boolean;
     isDisabled: boolean;
     placeholder: string;
-    onToggle(state: boolean): void;
+    onToggle: (state: boolean) => void;
 }
 export declare function MultiSelectInput<Value>({ value: v, isOpen, isDisabled, placeholder, tweakStyles, onToggle, }: IMultiSelectInputProps<Value>): ReactElement | null;

package/dist/components/MultiSelectList/MultiSelectList.d.ts

@@ -4,6 +4,7 @@ import { IMultiSelectListValues, IMultiSelectLocale, IMultiSelectLocaleKey } fro
 import { IMultiSelectListStyles } from './MultiSelectList.styles';
 export interface IMultiSelectListProps<Value, Option> extends ICommonProps<IMultiSelectListStyles> {
     value?: Value;
+    /** @default false */
     isSearchEnabled?: boolean;
     localeKey?: IMultiSelectLocaleKey;
     locale?: Partial<IMultiSelectLocale>;
@@ -14,7 +15,9 @@ export interface IMultiSelectListProps<Value, Option> extends ICommonProps<IMult
     getValueView?: (val: Option) => ReactNode;
     getValueId?: (val: Option) => string;
     getValueString?: (val: Option) => string;
+    /** @default по умолчанию значение совпадает с isSearchEnabled */
     isGroupingEnabled?: boolean;
+    /** @default 'left' */
     checkboxPosition?: 'left' | 'right';
     pageSize?: number;
     searchMaxLength?: number;

package/dist/components/Notification/Notification.d.ts

@@ -4,15 +4,11 @@ import { INotificationType } from './types';
 import { INotificationStyles } from './Notification.styles';
 export interface INotificationProps extends ICommonProps<INotificationStyles> {
     type: INotificationType;
-    /**
-     * @default true
-     */
+    /** @default true */
     isFullWidth?: boolean;
     text?: string;
     title?: string;
-    /**
-     * @default `s`
-     */
+    /** @default 's' */
     size?: 's' | 'm' | 'l';
     children?: ReactNode;
 }

package/dist/components/Notification/Notification.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"content" | "error" | "root" | "inline" | "text" | "icon" | "warning" | "s" | "m" | "l" | "info" | "title" | "body" | "withText" | "withTitle" | "ok" | "not-ok", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"content" | "error" | "root" | "inline" | "text" | "icon" | "warning" | "s" | "m" | "l" | "body" | "info" | "title" | "withText" | "withTitle" | "ok" | "not-ok", unknown>;
 export type INotificationStyles = ITweakStyles<typeof useStyles>;

package/dist/components/NumberInput/NumberInput.d.ts

@@ -2,13 +2,17 @@ import { FormEvent } from 'react';
 import { IInputProps } from '../Input';
 export interface INumberInputProps extends Omit<IInputProps, 'value' | 'onChange' | 'type'> {
     value?: number;
+    /** @default 3 */
     precision?: number;
+    /** @default 7 */
     intPartPrecision?: number;
     defaultValue?: number;
+    /** @default false */
     canBeFloat?: boolean;
+    /** @default false */
     canBeNegative?: boolean;
     min?: number;
     max?: number;
-    onChange(value: number | undefined, event?: FormEvent<HTMLInputElement>): void;
+    onChange: (value: number | undefined, event?: FormEvent<HTMLInputElement>) => void;
 }
 export declare const NumberInput: import("react").ForwardRefExoticComponent<INumberInputProps & import("react").RefAttributes<HTMLInputElement>>;