@true-engineering/true-react-common-ui-kit 4.0.0-alpha0 → 4.0.0-alpha10

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

@@ -1,5 +1,5 @@
 import { IFiltersPaneProps } from './FiltersPane';
-interface IFiltersPaneWithCustomProps<Values, Content> extends IFiltersPaneProps<Values, Content> {
+interface IFiltersPaneWithCustomProps<Values extends Record<string, unknown>, Content> extends IFiltersPaneProps<Values, Content> {
     containerWidth: number;
     isSearchDisabled: boolean;
     shouldShowSettingsButton: boolean;
@@ -8,7 +8,7 @@ interface IFiltersPaneWithCustomProps<Values, Content> extends IFiltersPaneProps
     checkboxPosition: 'left' | 'right';
     isClearableFields: boolean;
 }
-declare function FiltersPaneWithCustomProps<Values, Content>({ containerWidth, isSearchDisabled, shouldShowSettingsButton, withFieldNameInLabel, isGroupingEnabled, checkboxPosition, isClearableFields, ...args }: IFiltersPaneWithCustomProps<Values, Content>): import("react/jsx-runtime").JSX.Element;
+declare function FiltersPaneWithCustomProps<Values extends Record<string, unknown>, Content>({ containerWidth, isSearchDisabled, shouldShowSettingsButton, withFieldNameInLabel, isGroupingEnabled, checkboxPosition, isClearableFields, ...args }: IFiltersPaneWithCustomProps<Values, Content>): import("react/jsx-runtime").JSX.Element;
 declare const _default: {
     title: string;
     component: typeof FiltersPaneWithCustomProps;
@@ -28,4 +28,4 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, IFiltersPaneWithCustomProps<unknown, unknown>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, IFiltersPaneWithCustomProps<Record<string, unknown>, unknown>>;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { IFilterWrapperProps } from '../FilterWrapper';
-export interface IFilterProps<Values, Key extends keyof Values> extends IFilterWrapperProps<Values, Key> {
+export interface IFilterProps<Values extends Record<string, unknown>, Key extends keyof Values> extends IFilterWrapperProps<Values, Key> {
     onChange: <V>(v: V) => void;
     onClose?: () => void;
 }
-export declare function Filter<Values, Key extends keyof Values>(props: IFilterProps<Values, Key>): JSX.Element | null;
+export declare function Filter<Values extends Record<string, unknown>, Key extends keyof Values>(props: IFilterProps<Values, Key>): JSX.Element | null;

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

@@ -0,0 +1,4 @@
+import { IDatePeriod, IFilterMultiSelectValues, IPeriod } from '../../types';
+export declare const isDatePeriodValue: (value: any) => value is IDatePeriod;
+export declare const isPeriodValue: (value: any) => value is IPeriod;
+export declare const isMultiSelectValue: <T extends string>(value: any) => value is IFilterMultiSelectValues<T>;

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

@@ -3,7 +3,7 @@ import { IButtonStyles } from '../../../Button';
 import { IInputStyles } from '../../../Input';
 export declare const useStyles: import("../../../../theme").IUseStyles<"clear" | "root" | "inputWrapper" | "autosize", unknown>;
 export declare const inputStyles: IInputStyles;
-export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
+export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "children" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
     tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
         tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
         tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;

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

@@ -3,7 +3,7 @@ import { IButtonStyles } from '../../../Button';
 import { ISearchInputStyles } from '../../../SearchInput';
 export declare const useStyles: import("../../../../theme").IUseStyles<"clear" | "item" | "root" | "icon" | "label" | "preloader" | "footer" | "list" | "labelChosen" | "withoutTopGap" | "withClearButton" | "option" | "panel" | "panelWithFooter" | "dropdownInput" | "nothingFound", unknown>;
 export declare const searchInputStyles: ISearchInputStyles;
-export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
+export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "children" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
     tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
         tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
         tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;

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

@@ -2,4 +2,6 @@
 import { ICommonProps } from '../../../../types';
 import type { IFilterWrapperProps } from '../FilterWrapper';
 import { IFilterValueViewStyles } from './FilterValueView.styles';
-export declare function FilterValueView<Values, Key extends keyof Values>({ locale, localeKey, filter, value, tweakStyles, }: Omit<IFilterWrapperProps<Values, Key>, 'onChange' | 'filtersPaneRef' | 'tweakStyles'> & ICommonProps<IFilterValueViewStyles>): JSX.Element;
+export interface IFilterValueView<Values extends Record<string, unknown>, Key extends keyof Values> extends Omit<IFilterWrapperProps<Values, Key>, 'filtersPaneRef' | 'tweakStyles' | 'onChange'>, ICommonProps<IFilterValueViewStyles> {
+}
+export declare function FilterValueView<Values extends Record<string, unknown>, Key extends keyof Values>({ value, filter, locale, localeKey, tweakStyles, }: IFilterValueView<Values, Key>): JSX.Element;

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

@@ -2,13 +2,13 @@ import { ITweakStyles } from '../../../../theme';
 import { IButtonStyles } from '../../../Button';
 import { IDatePickerStyles } from '../../../DatePicker';
 export declare const useStyles: import("../../../../theme").IUseStyles<"container" | "root" | "datepicker" | "containerItem" | "btnRow", unknown>;
-export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
+export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "children" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
     tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
         tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
         tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
     }>;
 }>;
-export declare const backButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
+export declare const backButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "children" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
     tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
         tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
         tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;

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

@@ -2,7 +2,7 @@
 import { ICommonProps } from '../../../../types';
 import { ConfigItem, IFilterLocaleKey, IPartialFilterLocale } from '../../types';
 import { IFilterWrapperStyles } from './FilterWrapper.styles';
-export interface IFilterWrapperProps<Values, Key extends keyof Values> extends ICommonProps<IFilterWrapperStyles> {
+export interface IFilterWrapperProps<Values extends Record<string, unknown>, Key extends keyof Values> extends ICommonProps<IFilterWrapperStyles> {
     filter: ConfigItem<Values[Key]>;
     value?: Values[Key];
     isDisabled?: boolean;
@@ -10,4 +10,4 @@ export interface IFilterWrapperProps<Values, Key extends keyof Values> extends I
     locale?: IPartialFilterLocale;
     onChange: <V>(value: V) => void;
 }
-export declare function FilterWrapper<Values, Key extends keyof Values>({ filter, value, isDisabled, locale, localeKey, data, testId, tweakStyles, onChange, }: IFilterWrapperProps<Values, Key>): JSX.Element;
+export declare function FilterWrapper<Values extends Record<string, unknown>, Key extends keyof Values>({ filter, value, isDisabled, locale, localeKey, data, testId, tweakStyles, onChange, }: IFilterWrapperProps<Values, Key>): JSX.Element;

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

@@ -54,20 +54,30 @@ export type IDateRangeConfigItem<Value> = IConfigItemBasicBase<Value> & {
     type: 'dateRange';
     dateFormat?: string;
 } & Omit<IFilterWithPeriodProps, 'value' | 'onChange' | 'setIsOpen'>;
-export type CustomComponent<Value> = FC<{
+export interface ICustomComponentProps<Value> {
     value?: Value;
     onChange: (v?: Value) => void;
     onClose?: () => void;
     filter: ICustomConfigItem<Value>;
     localeKey?: IFilterLocaleKey;
     locale?: IPartialFilterLocale;
-}>;
-export interface ICustomConfigItem<Value> extends IConfigItemBasicBase<Value> {
-    [key: string]: any;
+}
+export type CustomComponent<Value> = FC<ICustomComponentProps<Value>>;
+export type ICustomValue<V> = V extends Array<infer T> ? T : never;
+export interface ICustomRangeConfigItem<Value> extends IConfigItemBasicBase<Value> {
+    [key: string & {}]: any;
+    type: 'custom';
+    component: CustomComponent<Value>;
+    valueViewType?: 'range';
+}
+export interface ICustomMultipleConfigItem<Value> extends IConfigItemBasicBase<Value> {
+    [key: string & {}]: any;
     type: 'custom';
     component: CustomComponent<Value>;
-    valueViewType?: 'range' | 'multiple';
+    valueViewType?: 'multiple';
+    getSelectedValue?: (v: ICustomValue<Value>) => ReactNode;
 }
+export type ICustomConfigItem<Value> = ICustomRangeConfigItem<Value> | ICustomMultipleConfigItem<Value>;
 export type ConfigItem<Value> = ISelectConfigItem<Value> | IMultiSelectConfigItem<Value> | ICustomConfigItem<Value> | IDateRangeWithoutPeriodConfigItem<Value> | IDateRangeConfigItem<Value> | IIntervalConfigItem<Value> | IBooleanConfigItem<Value>;
 export type ConfigType<Values> = {
     [K in keyof Values]: ConfigItem<Values[K]>;

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

@@ -0,0 +1,10 @@
+export declare const customFlags: {
+    /**
+     * Абхазия
+     */
+    AB: string;
+    /**
+     * Южная осетия
+     */
+    OS: string;
+};

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

@@ -0,0 +1 @@
+export * from './customFlags';

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

@@ -3,7 +3,7 @@ import { ICommonProps } from '../../types';
 import { IFlexibleTableRowProps } from './components';
 import { ITableRow, IFlexibleTableConfigType, IInfinityScrollConfig, IFlexibleTableRenderMode, IHeaderContent } from './types';
 import { IFlexibleTableStyles } from './FlexibleTable.styles';
-export interface IFlexibleTableProps<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>, UniqueField extends keyof Row> extends ICommonProps<IFlexibleTableStyles>, Pick<IFlexibleTableRowProps<Row, HeaderContent, UniqueField>, 'uniqueField' | 'rowAttributes' | 'isFirstColumnSticky' | 'isExpandableRowComponentInitiallyOpen' | 'expandableRowComponent' | 'onRowClick' | 'onRowHover'> {
+export interface IFlexibleTableProps<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>, UniqueField extends keyof Row> extends ICommonProps<IFlexibleTableStyles>, Pick<IFlexibleTableRowProps<Row, HeaderContent, UniqueField>, 'uniqueField' | 'rowAttributes' | 'isFirstColumnSticky' | 'expandableRowComponent' | 'onRowClick' | 'onRowHover' | 'rowRef'> {
     content: Row[];
     /** @default 'table' */
     renderMode?: IFlexibleTableRenderMode;
@@ -27,5 +27,7 @@ export interface IFlexibleTableProps<Row extends ITableRow, HeaderContent extend
     nothingFoundContent?: ReactNode;
     /** @default true */
     shouldRenderHeader?: boolean;
+    /** @default false */
+    isExpandableRowComponentInitiallyOpen?: boolean | ((row: Row, index: number) => boolean);
 }
-export declare function FlexibleTable<Row extends ITableRow, HeaderContent extends IHeaderContent<Row> = IHeaderContent<Row>, UniqueField extends keyof Row = keyof Row>({ content, headerContent, config, enabledColumns, activeRows, uniqueField, isLoading, isFirstColumnSticky, isHorizontallyScrollable, isRowFocusable, infinityScrollConfig, renderMode, refForScroll, nothingFoundContent, data, testId, tweakStyles, shouldRenderHeader, onHeadClick, ...restProps }: IFlexibleTableProps<Row, HeaderContent, UniqueField>): JSX.Element;
+export declare function FlexibleTable<Row extends ITableRow, HeaderContent extends IHeaderContent<Row> = IHeaderContent<Row>, UniqueField extends keyof Row = keyof Row>({ content, headerContent, config, enabledColumns, activeRows, uniqueField, isLoading, isFirstColumnSticky, isHorizontallyScrollable, isRowFocusable, infinityScrollConfig, renderMode, refForScroll, nothingFoundContent, data, testId, tweakStyles, shouldRenderHeader, onHeadClick, isExpandableRowComponentInitiallyOpen: isRowInitiallyOpen, ...restProps }: IFlexibleTableProps<Row, HeaderContent, UniqueField>): JSX.Element;

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

@@ -1,10 +1,9 @@
-import { ReactNode } from 'react';
-import { ICommonProps } from '../../../../types';
+import { ReactNode, RefCallback } from 'react';
+import { ITweakStylesProps } from '../../../../types';
 import { ITableRow, IFlexibleTableConfigType, IFlexibleTableRenderMode, IHeaderContent } from '../../types';
 import { IFlexibleTableRowStyles } from './FlexibleTableRow.styles';
-export interface IFlexibleTableRowProps<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>, UniqueField extends keyof Row> extends Pick<ICommonProps<IFlexibleTableRowStyles>, 'tweakStyles'> {
+export interface IFlexibleTableRowProps<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>, UniqueField extends keyof Row> extends ITweakStylesProps<IFlexibleTableRowStyles> {
     item: Row;
-    index: number;
     uniqueField?: UniqueField;
     renderMode: IFlexibleTableRenderMode;
     /** @default false */
@@ -20,12 +19,13 @@ export interface IFlexibleTableRowProps<Row extends ITableRow, HeaderContent ext
     columns: Array<keyof Row & string>;
     rowAttributes?: Array<keyof Row>;
     /** @default false */
-    isExpandableRowComponentInitiallyOpen?: boolean | ((row: Row, index: number) => boolean);
+    isExpandableRowComponentInitiallyOpen?: boolean;
+    rowRef?: RefCallback<HTMLTableRowElement>;
     /** Возвращает React-элемент, который отрисуется под строкой при нажатии на неё  */
     expandableRowComponent?: (item: Row, isOpen: boolean, close: () => void) => ReactNode;
     onRowHover?: (id?: Row[UniqueField]) => void;
     onRowClick?: (id: Row[UniqueField]) => void;
 }
-declare function FlexibleTableRowInner<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>, UniqueField extends keyof Row>({ item, index, config, columns, uniqueField, renderMode, isActive, isFocusable, isFirstColumnSticky, isLoading, rowAttributes, isExpandableRowComponentInitiallyOpen, tweakStyles, expandableRowComponent, onRowHover, onRowClick, }: IFlexibleTableRowProps<Row, HeaderContent, UniqueField>): JSX.Element;
+declare function FlexibleTableRowInner<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>, UniqueField extends keyof Row>({ item, config, columns, uniqueField, renderMode, isActive, isFocusable, isFirstColumnSticky, isLoading, rowAttributes, isExpandableRowComponentInitiallyOpen, rowRef, tweakStyles, expandableRowComponent, onRowHover, onRowClick, }: IFlexibleTableRowProps<Row, HeaderContent, UniqueField>): JSX.Element;
 export declare const FlexibleTableRow: typeof FlexibleTableRowInner;
 export {};

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

@@ -1,3 +1,19 @@
-import { IFlexibleTableRenderMode, IFlexibleTableRender } from './types';
 export declare const DEFAULT_DATE_FORMAT = "dd.MM.yyyy";
-export declare const TableRenders: Record<IFlexibleTableRenderMode, IFlexibleTableRender>;
+export declare const TableRenders: {
+    table: {
+        Root: "table";
+        Head: "thead";
+        Body: "tbody";
+        Row: "tr";
+        Header: "th";
+        Cell: "td";
+    };
+    divs: {
+        Root: "div";
+        Head: "div";
+        Body: "div";
+        Row: "div";
+        Header: "div";
+        Cell: "div";
+    };
+};

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

@@ -1,7 +1,7 @@
 import { CSSProperties, MouseEvent, ReactNode } from 'react';
 import { IRenderNode } from '../../types';
 export type IFlexibleTableRenderMode = 'table' | 'divs';
-export type IFlexibleTableRender = Record<'Root' | 'Head' | 'Body' | 'Row' | 'Header' | 'Cell', keyof JSX.IntrinsicElements>;
+export type IFlexibleTableRenderElement = 'Root' | 'Head' | 'Body' | 'Row' | 'Header' | 'Cell';
 export type ITableRow = Record<string, any>;
 export type IHeaderContent<T extends ITableRow> = Partial<Record<keyof T, unknown>>;
 export interface ITitleComponentProps<Value> {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IControlGroupProps } from '../ControlGroup';
+import { IWithMessagesProps } from '../WithMessages';
 import { IInputBaseProps } from './InputBase';
-export type IInputProps = IInputBaseProps & Pick<IControlGroupProps, 'infoMessage' | 'errorMessage'>;
-export declare const Input: import("react").ForwardRefExoticComponent<IInputBaseProps & Pick<IControlGroupProps, "infoMessage" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;
+export type IInputProps = IInputBaseProps & Pick<IWithMessagesProps, 'infoMessage' | 'errorMessage'>;
+export declare const Input: import("react").ForwardRefExoticComponent<IInputBaseProps & Pick<IWithMessagesProps, "infoMessage" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<import("./InputBase").IInputBaseProps & Pick<import("..").IControlGroupProps, "infoMessage" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;
+    component: import("react").ForwardRefExoticComponent<import("./InputBase").IInputBaseProps & Pick<import("..").IWithMessagesProps, "infoMessage" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         type: {
             control: string;
@@ -22,4 +22,4 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./InputBase").IInputBaseProps & Pick<import("..").IControlGroupProps, "infoMessage" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./InputBase").IInputBaseProps & Pick<import("..").IWithMessagesProps, "infoMessage" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,8 +1,8 @@
 import { ITweakStyles } from '../../theme';
-import { IControlGroupStyles } from '../ControlGroup';
 import { IControlWrapperStyles } from '../ControlWrapper';
-export declare const useStyles: import("../../theme").IUseStyles<"input" | "inputContent" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown>;
+import { IWithMessagesStyles } from '../WithMessages';
+export declare const useStyles: import("../../theme").IUseStyles<"input" | "withValue" | "inputContent" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown>;
 export type IInputStyles = ITweakStyles<typeof useStyles, {
     tweakControlWrapper: IControlWrapperStyles;
-    tweakControlGroup: IControlGroupStyles;
+    tweakWithMessages: IWithMessagesStyles;
 }>;

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

@@ -1,6 +1,6 @@
 import { FC, KeyboardEvent, MouseEvent } from 'react';
 import { ICommonProps } from '../../types';
-import { IListItemProps as IListItem } from './components';
+import { IListItem } from './types';
 import { IListStyles } from './List.styles';
 export interface IListProps extends ICommonProps<IListStyles> {
     items: IListItem[];

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

@@ -1,3 +1,4 @@
 export * from './List';
 export type { IListStyles } from './List.styles';
-export { type IListItemStyles, type IListItemProps as IListItem, ListItem } from './components';
+export type { IListItem } from './types';
+export { type IListItemStyles, type IListItemProps, ListItem } from './components';

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

@@ -0,0 +1,4 @@
+import { IListItemProps } from './components';
+export interface IListItem extends IListItemProps {
+    isHidden?: boolean;
+}

package/dist/components/SearchInput/SearchInput.d.ts

@@ -1,6 +1,6 @@
-import { FC } from 'react';
+/// <reference types="react" />
 import { ICommonProps } from '../../types';
 import { IInputProps } from '../Input';
 import { ISearchInputStyles } from './SearchInput.styles';
 export type ISearchInputProps = Omit<IInputProps, 'type' | 'label' | 'isInvalid' | 'errorMessage' | 'isActive' | 'tweakStyles'> & ICommonProps<ISearchInputStyles>;
-export declare const SearchInput: FC<ISearchInputProps>;
+export declare const SearchInput: import("react").ForwardRefExoticComponent<Omit<IInputProps, "tweakStyles" | "label" | "isInvalid" | "type" | "isActive" | "errorMessage"> & import("../../types").IDataAttributesProps & import("../../types").ITweakStylesProps<ISearchInputStyles> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,16 +1,7 @@
+/// <reference types="react" />
 declare const _default: {
     title: string;
-    component: import("react").FC<import("./SearchInput").ISearchInputProps>;
+    component: import("react").ForwardRefExoticComponent<Omit<import("..").IInputProps, "tweakStyles" | "label" | "isInvalid" | "type" | "isActive" | "errorMessage"> & import("../..").IDataAttributesProps & import("../..").ITweakStylesProps<import("./SearchInput.styles").ISearchInputStyles> & import("react").RefAttributes<HTMLInputElement>>;
 };
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Omit<import("..").IInputProps, "tweakStyles" | "label" | "isInvalid" | "type" | "isActive" | "errorMessage"> & import("../..").IDataAttributesProps & import("../..").ITweakStylesProps<Partial<import("jss").Styles<"root" | "icon", unknown, undefined>> & Partial<{
-    tweakInput: Partial<import("jss").Styles<"input" | "inputContent" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown, undefined>> & Partial<{
-        tweakControlWrapper: Partial<import("jss").Styles<"invalid" | "root" | "icon" | "disabled" | "loader" | "loading" | "label" | "requiredLabel" | "withValue" | "clearIcon" | "focused" | "minContent" | "activeLabel" | "disabledLabel" | "wrapper" | "controls" | "iconInner" | "customIcon" | "endIcon" | "activeIcon" | "placement-top" | "placement-bottom" | "placement-top-left" | "placement-top-right" | "placement-bottom-left" | "placement-bottom-right" | "placement-left" | "placement-right" | "placement-middle", unknown, undefined>> & Partial<{
-            tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
-                tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
-                tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
-            }>;
-        }>;
-        tweakControlGroup: Partial<import("jss").Styles<"error" | "root" | "horizontal" | "vertical" | "children" | "info" | "message", unknown, undefined>> & Partial<unknown>;
-    }>;
-}>>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Omit<import("..").IInputProps, "tweakStyles" | "label" | "isInvalid" | "type" | "isActive" | "errorMessage"> & import("../..").IDataAttributesProps & import("../..").ITweakStylesProps<import("./SearchInput.styles").ISearchInputStyles> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,7 +1,5 @@
-import { ITweakStyles } from '../../theme';
 import { IInputStyles } from '../Input';
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "icon", unknown>;
 export declare const inputStyles: IInputStyles;
-export type ISearchInputStyles = ITweakStyles<typeof useStyles, {
-    tweakInput: IInputStyles;
-}>;
+export interface ISearchInputStyles {
+    tweakInput?: IInputStyles;
+}

package/dist/components/Select/Select.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, SyntheticEvent } from 'react';
+import { ReactNode, Ref, SyntheticEvent } from 'react';
 import { ICommonProps, IDropdownWithPopperOptions } from '../../types';
 import { IIcon } from '../Icon';
 import { IInputProps } from '../Input';
@@ -27,8 +27,10 @@ export interface ISelectProps<Value> extends Omit<IInputProps, 'value' | 'onChan
     shouldScrollToList?: boolean;
     isMultiSelect?: false;
     searchInput?: {
-        shouldRenderInList: true;
-    } & Pick<ISearchInputProps, 'placeholder'>;
+        /** @default false */
+        shouldRenderInList?: boolean;
+        ref?: Ref<HTMLInputElement>;
+    } & Pick<ISearchInputProps, 'placeholder' | 'shouldFocusOnMount'>;
     isOptionDisabled?: (option: Value) => boolean;
     onChange: (value: Value | undefined, event: IChangeSelectEvent) => void;
     onBlur?: (event: Event | SyntheticEvent) => void;

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

@@ -1,33 +1,33 @@
 import { type ITweakStyles } from '../../theme';
-import { IControlGroupStyles } from '../ControlGroup';
 import { type IInputStyles } from '../Input';
 import { type ISearchInputStyles } from '../SearchInput';
+import { IWithMessagesStyles } from '../WithMessages';
 import { type ISelectListStyles } from './components';
 export declare const useStyles: import("../../theme").IUseStyles<"root" | "icon" | "disabled" | "inputWrapper" | "arrow" | "listWrapper" | "withoutPopper" | "listWrapperInBody" | "activeArrow" | "counter" | "iconWrapper", unknown>;
-export declare const readonlyInputStyles: Partial<import("jss").Styles<"input" | "inputContent" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown, undefined>> & Partial<{
-    tweakControlWrapper: Partial<import("jss").Styles<"invalid" | "root" | "icon" | "disabled" | "loader" | "loading" | "label" | "requiredLabel" | "withValue" | "clearIcon" | "focused" | "minContent" | "activeLabel" | "disabledLabel" | "wrapper" | "controls" | "iconInner" | "customIcon" | "endIcon" | "activeIcon" | "placement-top" | "placement-bottom" | "placement-top-left" | "placement-top-right" | "placement-bottom-left" | "placement-bottom-right" | "placement-left" | "placement-right" | "placement-middle", unknown, undefined>> & Partial<{
+export declare const readonlyInputStyles: Partial<import("jss").Styles<"input" | "withValue" | "inputContent" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown, undefined>> & Partial<{
+    tweakControlWrapper: Partial<import("jss").Styles<"invalid" | "icon" | "disabled" | "loader" | "loading" | "label" | "requiredLabel" | "withValue" | "clearIcon" | "focused" | "wrapper" | "controlWrapper" | "minContent" | "activeLabel" | "disabledLabel" | "controls" | "iconInner" | "customIcon" | "endIcon" | "activeIcon" | "placement-top" | "placement-bottom" | "placement-top-left" | "placement-top-right" | "placement-bottom-left" | "placement-bottom-right" | "placement-left" | "placement-right" | "placement-middle", unknown, undefined>> & Partial<{
         tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
             tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
             tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
         }>;
     }>;
-    tweakControlGroup: Partial<import("jss").Styles<"error" | "root" | "horizontal" | "vertical" | "children" | "info" | "message", unknown, undefined>> & Partial<unknown>;
+    tweakWithMessages: Partial<import("jss").Styles<"error" | "children" | "horizontal" | "vertical" | "info" | "withMessages" | "message", unknown, undefined>> & Partial<unknown>;
 }>;
-export declare const readonlyMultiSelectStyles: Partial<import("jss").Styles<"input" | "inputContent" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown, undefined>> & Partial<{
-    tweakControlWrapper: Partial<import("jss").Styles<"invalid" | "root" | "icon" | "disabled" | "loader" | "loading" | "label" | "requiredLabel" | "withValue" | "clearIcon" | "focused" | "minContent" | "activeLabel" | "disabledLabel" | "wrapper" | "controls" | "iconInner" | "customIcon" | "endIcon" | "activeIcon" | "placement-top" | "placement-bottom" | "placement-top-left" | "placement-top-right" | "placement-bottom-left" | "placement-bottom-right" | "placement-left" | "placement-right" | "placement-middle", unknown, undefined>> & Partial<{
+export declare const readonlyMultiSelectStyles: Partial<import("jss").Styles<"input" | "withValue" | "inputContent" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown, undefined>> & Partial<{
+    tweakControlWrapper: Partial<import("jss").Styles<"invalid" | "icon" | "disabled" | "loader" | "loading" | "label" | "requiredLabel" | "withValue" | "clearIcon" | "focused" | "wrapper" | "controlWrapper" | "minContent" | "activeLabel" | "disabledLabel" | "controls" | "iconInner" | "customIcon" | "endIcon" | "activeIcon" | "placement-top" | "placement-bottom" | "placement-top-left" | "placement-top-right" | "placement-bottom-left" | "placement-bottom-right" | "placement-left" | "placement-right" | "placement-middle", unknown, undefined>> & Partial<{
         tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
             tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
             tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
         }>;
     }>;
-    tweakControlGroup: Partial<import("jss").Styles<"error" | "root" | "horizontal" | "vertical" | "children" | "info" | "message", unknown, undefined>> & Partial<unknown>;
+    tweakWithMessages: Partial<import("jss").Styles<"error" | "children" | "horizontal" | "vertical" | "info" | "withMessages" | "message", unknown, undefined>> & Partial<unknown>;
 }>;
 export declare const getInputStyles: ({ hasReadonlyInput, isMultiSelect, }: {
     hasReadonlyInput: boolean;
     isMultiSelect?: boolean | undefined;
 }) => IInputStyles;
 export type ISelectStyles = ITweakStyles<typeof useStyles, {
-    tweakControlGroup: IControlGroupStyles;
+    tweakWithMessages: IWithMessagesStyles;
     tweakInput: IInputStyles;
     tweakSelectList: ISelectListStyles;
     tweakSearchInput: ISearchInputStyles;

package/dist/components/Select/index.d.ts

@@ -1,4 +1,4 @@
 export * from './Select';
 export * from './types';
 export type { ISelectStyles } from './Select.styles';
-export type { ISelectListStyles } from './components';
+export { type ISelectListStyles, SelectList } from './components';

package/dist/components/TextArea/TextArea.d.ts

@@ -1,10 +1,10 @@
 import { FormEvent } from 'react';
 import { ICommonProps } from '../../types';
-import { IControlGroupProps } from '../ControlGroup';
 import { IControlWrapperProps } from '../ControlWrapper';
+import { IWithMessagesProps } from '../WithMessages';
 import { ITextAreaHTMLBaseProps } from './types';
 import { ITextAreaStyles } from './TextArea.styles';
-export interface ITextAreaProps extends ICommonProps<ITextAreaStyles>, Pick<IControlWrapperProps, 'label' | 'isInvalid' | 'isRequired' | 'isDisabled'>, Pick<IControlGroupProps, 'infoMessage' | 'errorMessage'>, Pick<ITextAreaHTMLBaseProps, 'name' | 'maxLength' | 'rows' | 'onPaste' | 'onFocus' | 'onBlur'> {
+export interface ITextAreaProps extends ICommonProps<ITextAreaStyles>, Pick<IControlWrapperProps, 'label' | 'isInvalid' | 'isRequired' | 'isDisabled'>, Pick<IWithMessagesProps, 'infoMessage' | 'errorMessage'>, Pick<ITextAreaHTMLBaseProps, 'name' | 'maxLength' | 'rows' | 'onPaste' | 'onFocus' | 'onBlur'> {
     value?: string;
     placeholder?: string;
     /** @default false */

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

@@ -1,9 +1,9 @@
 import { ITweakStyles } from '../../theme';
-import { IControlGroupStyles } from '../ControlGroup';
 import { IControlWrapperStyles } from '../ControlWrapper';
-export declare const useStyles: import("../../theme").IUseStyles<"textarea" | "autoSized" | "symbolsCount" | "symbolsCountError", unknown>;
+import { IWithMessagesStyles } from '../WithMessages';
+export declare const useStyles: import("../../theme").IUseStyles<"textarea" | "autoSized" | "wrapper" | "symbolsCount" | "symbolsCountError", unknown>;
 export declare const controlWrapperStyles: IControlWrapperStyles;
 export type ITextAreaStyles = ITweakStyles<typeof useStyles, {
-    tweakControlGroup: IControlGroupStyles;
+    tweakWithMessages: IWithMessagesStyles;
     tweakControlWrapper: IControlWrapperStyles;
 }>;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -4,7 +4,7 @@ import { ITooltipStyles } from './Tooltip.styles';
 export interface ITooltipProps extends ICommonProps<ITooltipStyles> {
     text: ReactNode;
     /** @default 'tooltip' */
-    view?: 'tooltip' | 'hint';
+    view?: 'tooltip' | 'hint' | 'custom';
     /** @default 'info' */
     type?: 'info' | 'error';
 }

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"error" | "root" | "tooltip" | "info" | "hint", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"error" | "root" | "tooltip" | "custom" | "info" | "hint", unknown>;
 export type ITooltipStyles = ITweakStyles<typeof useStyles>;

package/dist/components/WithMessages/WithMessages.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { ICommonProps } from '../../types';
+import { IWithMessagesStyles } from './WithMessages.styles';
+export interface IWithMessagesProps extends ICommonProps<IWithMessagesStyles> {
+    children: ReactNode;
+    infoMessage?: ReactNode;
+    errorMessage?: ReactNode;
+    controlsDirection?: 'horizontal' | 'vertical';
+}
+export declare const WithMessages: import("react").ForwardRefExoticComponent<IWithMessagesProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/{ControlGroup/ControlGroup.stories.d.ts → WithMessages/WithMessages.stories.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<import("./ControlGroup").IControlGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    component: import("react").ForwardRefExoticComponent<import("./WithMessages").IWithMessagesProps & import("react").RefAttributes<HTMLDivElement>>;
 };
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./ControlGroup").IControlGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./WithMessages").IWithMessagesProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,3 @@
+import { ITweakStyles } from '../../theme';
+export declare const useStyles: import("../../theme").IUseStyles<"error" | "children" | "horizontal" | "vertical" | "info" | "withMessages" | "message", unknown>;
+export type IWithMessagesStyles = ITweakStyles<typeof useStyles>;

package/dist/components/WithMessages/index.d.ts

@@ -0,0 +1,2 @@
+export * from './WithMessages';
+export type { IWithMessagesStyles } from './WithMessages.styles';

package/dist/components/WithPopup/WithPopup.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { Placement, Middleware, OffsetOptions, UseHoverProps } from '@floating-ui/react';
-import { ICommonProps, IRenderNode } from '../../types';
-import { IPopupEventType, IWithPopupChildrenProps, IWithPopupToggleEvent, IWithPopupTriggerProps } from './types';
+import { Placement, Middleware, OffsetOptions, UseHoverProps, UseClickProps, UseFocusProps, UseDismissProps, UseTransitionStatusProps } from '@floating-ui/react';
+import { ICommonProps, IDataAttributes, IRenderNode } from '../../types';
+import { IPopupArrowProps, IPopupEventType, IWithPopupChildrenProps, IWithPopupToggleEvent, IWithPopupTriggerProps } from './types';
 import { IWithPopupStyles } from './WithPopup.styles';
 export interface IWithPopupProps extends ICommonProps<IWithPopupStyles> {
     trigger: IRenderNode<IWithPopupTriggerProps>;
@@ -11,11 +11,16 @@ export interface IWithPopupProps extends ICommonProps<IWithPopupStyles> {
     placement?: Placement;
     /** @default 'click' */
     eventType?: IPopupEventType;
-    /** @default 0 */
-    hoverDelay?: UseHoverProps['delay'];
+    /**
+     * @deprecated Используйте hoverOptions
+     * @default 0
+     */
+    hoverDelay?: number;
     /** @default 6 */
     popupOffset?: OffsetOptions;
-    /** @default true */
+    arrowProps?: IPopupArrowProps;
+    popupData?: IDataAttributes;
+    /** @default true, if eventType === click */
     shouldStopPropagation?: boolean;
     /** @default false */
     shouldHideOnScroll?: boolean;
@@ -28,6 +33,16 @@ export interface IWithPopupProps extends ICommonProps<IWithPopupStyles> {
     canBeFlipped?: boolean;
     /** @default false */
     isDisabled?: boolean;
+    /** @default false */
+    shouldShowArrow?: boolean;
+    /** Должна ли минимальная ширина попапа быть равна ширине триггера
+     * @default false */
+    isMinWidthSameAsTrigger?: boolean;
+    hoverOptions?: UseHoverProps;
+    clickOptions?: UseClickProps;
+    focusOptions?: UseFocusProps;
+    dismissOptions?: UseDismissProps;
+    transitionOptions?: UseTransitionStatusProps;
     onToggle?: (isActive: boolean, event?: IWithPopupToggleEvent) => void;
 }
 export declare const WithPopup: FC<IWithPopupProps>;

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"active" | "disabled" | "clickable" | "animationEnd" | "animationStart" | "trigger" | "popup" | "dropdown-initial" | "dropdown-open" | "dropdown-close" | "dropdown-unmounted", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"active" | "disabled" | "clickable" | "animationEnd" | "animationStart" | "arrow" | "trigger" | "popup" | "dropdown-initial" | "dropdown-open" | "dropdown-close" | "dropdown-unmounted", unknown>;
 export type IWithPopupStyles = ITweakStyles<typeof useStyles>;

package/dist/components/WithPopup/helpers.d.ts

@@ -0,0 +1,2 @@
+import { Middleware } from '@floating-ui/react';
+export declare const minWidthRelativeToTrigger: Middleware;