@true-engineering/true-react-common-ui-kit 4.0.0-alpha5 → 4.0.0-alpha51

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

@@ -1,7 +1,9 @@
 import { FC, ReactNode } from 'react';
+import { ITestIdProps } from '../../types';
 import { IDatePickerProps } from '../DatePicker';
 import { IMultiSelectListValues } from '../MultiSelectList';
-import type { IFilterIntervalProps, IFilterMultiSelectProps, IFilterSelectProps, IFilterWithDatesProps, IFilterWithPeriodProps } from './components';
+import { INumberInputProps } from '../NumberInput';
+import { IFilterIntervalProps, IFilterMultiSelectProps, IFilterSelectProps, IFilterWithDatesProps, IFilterWithPeriodProps } from './components';
 import { FilterLocales, PERIODS, SelectLocales } from './constants';
 export type IPeriodType = (typeof PERIODS)[number];
 export type IFilterMultiSelectValues<Option = string> = IMultiSelectListValues<Option>;
@@ -26,7 +28,7 @@ export type IPeriodGetter = () => IDatePeriod;
 export type IFilterWithDatesValue = IDatePeriod;
 export type MultiSelectOptionType<Value> = Value | undefined extends IFilterMultiSelectValues<infer Option> | undefined ? Option : unknown;
 export interface IConfigItemBasicBase<Value> {
-    name: string;
+    name: ReactNode;
     isInline?: boolean;
     isClearable?: boolean;
     requiredFilledFilters?: string[];
@@ -36,6 +38,7 @@ export interface IConfigItemBasicBase<Value> {
 }
 export type IIntervalConfigItem<Value> = IConfigItemBasicBase<Value> & {
     type: 'interval';
+    name: string;
 } & Omit<IFilterIntervalProps, 'value' | 'onChange' | 'labelName'>;
 export interface IBooleanConfigItem<Value> extends IConfigItemBasicBase<Value> {
     type: 'boolean';
@@ -54,20 +57,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> extends ITestIdProps {
     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]>;
@@ -106,3 +119,4 @@ export interface ISelectLocale {
 }
 export type ISelectLocaleKey = keyof typeof SelectLocales;
 export type IFilterWithDateDatePickerProps = Omit<IDatePickerProps, 'onChange' | 'value' | 'locale' | 'months' | 'selectedDate' | 'tweakStyles'>;
+export type IFilterNumberInputProps = Omit<INumberInputProps, 'onChange' | 'value' | 'label' | 'testId' | 'tweakStyles'>;

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

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

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: infinityScrollConfigDeprecated, renderMode, refForScroll, nothingFoundContent, data, testId, tweakStyles, shouldRenderHeader, onHeadClick, isExpandableRowComponentInitiallyOpen: isRowInitiallyOpen, ...restProps }: IFlexibleTableProps<Row, HeaderContent, UniqueField>): JSX.Element;

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

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

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

@@ -1,14 +1,15 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import { ICommonProps } from '../../../../types';
 import { ITableRow, IValueComponentProps, IFlexibleTableConfigType, IFlexibleTableRenderMode, IHeaderContent } from '../../types';
 import { IFlexibleTableCellStyles } from './FlexibleTableCell.styles';
-export interface IFlexibleTableCellProps<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>> extends Pick<ICommonProps<IFlexibleTableCellStyles>, 'tweakStyles'>, Pick<IValueComponentProps<Row, unknown>, 'isFocusedRow' | 'isActiveRow' | 'isNestedComponentExpanded' | 'isRowNestedComponentExpanded' | 'onSetNestedComponent'> {
+export interface IFlexibleTableCellProps<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>> extends Pick<ICommonProps<IFlexibleTableCellStyles>, 'tweakStyles'>, Pick<IValueComponentProps<Row, unknown>, 'isFocusedRow' | 'isActiveRow' | 'isNestedComponentExpanded' | 'isRowNestedComponentExpanded'> {
     row: Row;
     columnName: keyof Row;
+    updateNestedComponent: (component: ReactNode, cellKey: keyof Row) => void;
     config: IFlexibleTableConfigType<Row, HeaderContent>;
     renderMode: IFlexibleTableRenderMode;
     isSecond?: boolean;
     isSticky?: boolean;
     isLoading?: boolean;
 }
-export declare function FlexibleTableCell<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>>({ row, columnName, config, renderMode, isSecond, isSticky: isOldSticky, isLoading, tweakStyles, ...valueComponentProps }: IFlexibleTableCellProps<Row, HeaderContent>): JSX.Element;
+export declare function FlexibleTableCell<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>>({ row, columnName, config, renderMode, isSecond, isSticky: isOldSticky, isLoading, updateNestedComponent, tweakStyles, ...valueComponentProps }: IFlexibleTableCellProps<Row, HeaderContent>): JSX.Element;

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../../../theme';
-export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "sticky" | "loading" | "clickable" | "second" | "skeleton", unknown>;
+export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "sticky" | "loading" | "clickable" | "second" | "skeleton">;
 export type IFlexibleTableCellStyles = ITweakStyles<typeof useStyles>;

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

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/helpers.d.ts

@@ -1,3 +1,3 @@
-import { IFlexibleTableConfigType, ITableRow } from './types';
+import { IFlexibleTableConfigType, IHeaderContent, ITableRow } from './types';
 export declare const hasHorizontalScrollBar: (el: HTMLElement | null | undefined) => boolean;
-export declare const formatCellContent: <Values extends ITableRow, HeaderContent extends Partial<Record<keyof Values, unknown>>>(value: unknown, config?: IFlexibleTableConfigType<Values, HeaderContent>[keyof Values] | undefined) => string;
+export declare const formatCellContent: <Values extends ITableRow, HeaderContent extends IHeaderContent<Values>>(value: unknown, config?: IFlexibleTableConfigType<Values, HeaderContent>[keyof Values]) => string;

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> {
@@ -21,16 +21,16 @@ export interface IFlexibleTableRowConfig<Values extends ITableRow, Key extends k
     title?: IRenderNode<ITitleComponentProps<HeaderContent[Key]>>;
     component?: IRenderNode<IValueComponentProps<Values, NonNullable<Values[Key]>>>;
     dateFormat?: string;
-    minWidth?: string | number;
-    width?: string | number;
-    maxWidth?: string | number;
+    minWidth?: CSSProperties['minWidth'];
+    width?: CSSProperties['width'];
+    maxWidth?: CSSProperties['maxWidth'];
     /** @default 'left' */
     titleAlign?: CSSProperties['textAlign'];
     cellAlign?: CSSProperties['textAlign'];
     cellVerticalAlign?: CSSProperties['verticalAlign'];
     position?: CSSProperties['position'];
-    right?: number;
-    left?: number;
+    right?: CSSProperties['right'];
+    left?: CSSProperties['left'];
     shouldRenderDataId?: boolean;
     /**
      * Проверка, нужно ли отрисовать component
@@ -44,14 +44,22 @@ export type IFlexibleTableConfigType<Values extends ITableRow, HeaderContent ext
     [Key in keyof Values]?: IFlexibleTableRowConfig<Values, Key, HeaderContent>;
 };
 export interface IInfinityScrollConfig {
-    activePage: number;
-    totalPages: number;
+    isEnabled?: boolean;
     isLoading: boolean;
-    isLastPage: boolean;
-    onInfinityScroll: (skip: number) => void;
+    onInfinityScroll: {
+        (_: never): void;
+        /** @deprecated use activePage directly */
+        (skip: number): void;
+    };
+    /** @deprecated use activePage in onInfinityScroll  */
+    activePage?: number;
+    /** @deprecated use isEnabled */
+    isLastPage?: boolean;
+    /** @deprecated use isEnabled */
+    totalPages?: number;
 }
-export interface INestedComponent {
+export interface INestedComponent<T extends PropertyKey = string> {
     isOpen: boolean;
     component?: ReactNode;
-    cellKey?: string;
+    cellKey?: T;
 }

package/dist/components/FloatDocActions/FloatDocActions.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { IDocActionsProps } from './components';
+export interface IFloatDocActionsProps extends IDocActionsProps {
+    isOpen: boolean;
+}
+export declare const FloatDocActions: FC<IFloatDocActionsProps>;

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

@@ -0,0 +1,8 @@
+import { ITweakStyles } from '../../theme';
+import { IDocActionsStyles } from './components';
+export declare const useStyles: (data?: {
+    theme?: Jss.Theme | undefined;
+} | undefined) => import('jss').Classes<"slide-up-enter" | "slide-up-enter-active" | "slide-up-exit-active" | "slide-up-exit">;
+export type IFloatDocActionsStyles = ITweakStyles<typeof useStyles, {
+    tweakDocActions: IDocActionsStyles;
+}>;

package/dist/components/FloatDocActions/components/DocActions/DocActions.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from 'react';
+import { ICommonProps } from '../../../../types';
+import { ICheckboxProps } from '../../../Checkbox';
+import { IDocActionsView } from './types';
+import { IDocActionsStyles } from './DocActions.styles';
+export interface IDocActionsProps extends Omit<ICheckboxProps<never>, 'tweakStyles'>, ICommonProps<IDocActionsStyles> {
+    title: string;
+    /** @default 'neutral' */
+    view?: IDocActionsView;
+    children: ReactNode;
+}
+export declare const DocActions: FC<IDocActionsProps>;

package/dist/components/FloatDocActions/components/DocActions/DocActions.styles.d.ts

@@ -0,0 +1,6 @@
+import { ITweakStyles } from '../../../../theme';
+import { ICheckboxStyles } from '../../../Checkbox';
+export declare const useStyles: import('../../../../theme').IUseStyles<"docActions" | "neutral" | "inverse" | "counterWrapper" | "title" | "actionsWrapper">;
+export type IDocActionsStyles = ITweakStyles<typeof useStyles, {
+    tweakCheckbox: ICheckboxStyles;
+}>;

package/dist/components/FloatDocActions/components/DocActions/constants.d.ts

@@ -0,0 +1 @@
+export declare const DOC_ACTIONS_VIEWS: readonly ["neutral", "inverse"];

package/dist/components/FloatDocActions/components/DocActions/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DocActions';
+export * from './types';
+export * from './constants';
+export type { IDocActionsStyles } from './DocActions.styles';

package/dist/components/FloatDocActions/components/DocActions/types.d.ts

@@ -0,0 +1,2 @@
+import { DOC_ACTIONS_VIEWS } from './constants';
+export type IDocActionsView = (typeof DOC_ACTIONS_VIEWS)[number];

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

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

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

@@ -0,0 +1 @@
+export declare const DEFAULT_TIMEOUT = 150;

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

@@ -0,0 +1,3 @@
+export * from './FloatDocActions';
+export * from './components';
+export type { IFloatDocActionsStyles } from './FloatDocActions.styles';

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

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

package/dist/components/Icon/icons/index.d.ts

@@ -0,0 +1,31 @@
+export declare const iconsMap: {
+    avatar: string;
+    calendar: string;
+    check: string;
+    'chevron-down-small': string;
+    'chevron-down': string;
+    'chevron-left': string;
+    'chevron-right': string;
+    'close-large': string;
+    'close-window': string;
+    close: string;
+    'file-excel': string;
+    'file-image': string;
+    'file-other': string;
+    'file-pdf': string;
+    'file-word': string;
+    'file-xml': string;
+    'file-zip': string;
+    filter: string;
+    information: string;
+    menu: string;
+    minus: string;
+    plus: string;
+    search: string;
+    'status-error': string;
+    'status-info': string;
+    'status-not-ok': string;
+    'status-ok': string;
+    'status-warning': string;
+    'trash-can': string;
+};

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

@@ -1,5 +1,5 @@
 export * from './Icon';
 export * from './types';
-export { iconsList } from './icons-list';
+export * from './icons';
 export type { IIconStyles } from './Icon.styles';
 export * from './snippet';

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

@@ -1,13 +1,9 @@
-import { ReactElement, SVGAttributes } from 'react';
-import { complexIcons } from './complexIcons';
-import { iconsList } from './icons-list';
-export interface ISvgIcon {
-    viewBox?: string;
-    paths?: Array<SVGAttributes<never>>;
-    circles?: Array<SVGAttributes<never>>;
-    rects?: Array<SVGAttributes<never>>;
+import { ReactElement } from 'react';
+import { iconsMap } from './icons';
+export type ISvgIcon = string;
+type IUiKitIconsMap = typeof iconsMap;
+export interface IIconsMap extends IUiKitIconsMap {
 }
-export type ICommonIcon = keyof typeof iconsList;
-export type IComplexIcon = keyof typeof complexIcons;
-export type IIconType = ICommonIcon | IComplexIcon;
+export type IIconType = keyof IIconsMap;
 export type IIcon = IIconType | ReactElement;
+export {};

package/dist/components/IconButton/IconButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ICommonProps } from '../../types';
 import { IIcon } from '../Icon';
 import { IIconButtonSize, IIconButtonView, IIconButtonHTMLBaseProps } from './types';
@@ -16,4 +15,4 @@ export interface IIconButtonProps extends IIconButtonHTMLBaseProps, ICommonProps
     /** @default false */
     isLoading?: boolean;
 }
-export declare const IconButton: import("react").ForwardRefExoticComponent<IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const IconButton: import('react').ForwardRefExoticComponent<IIconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"main" | "cancel" | "root" | "icon" | "active" | "disabled" | "custom" | "s" | "m" | "loader" | "loading" | "cancel-light", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"main" | "custom" | "cancel" | "root" | "icon" | "active" | "disabled" | "s" | "m" | "l" | "loader" | "loading" | "cancel-light">;
 export type IIconButtonStyles = ITweakStyles<typeof useStyles>;

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

@@ -1,2 +1,2 @@
-export declare const ICON_BUTTON_SIZES: readonly ["s", "m"];
+export declare const ICON_BUTTON_SIZES: readonly ["s", "m", "l"];
 export declare const ICON_BUTTON_VIEWS: readonly ["cancel", "cancel-light", "main", "custom"];

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

@@ -1,9 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import { IInputStyles } from '../Input';
-export declare const BUTTONS_WIDTH = 36;
-export declare const BUTTONS_GAP = 2;
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "button" | "buttons" | "disabledButton" | "errorButton", unknown>;
 export declare const inputStyles: IInputStyles;
+export declare const useStyles: import('../../theme').IUseStyles<"button" | "icon" | "buttons" | "disabledButton" | "errorButton">;
 export type IIncrementInputStyles = ITweakStyles<typeof useStyles, {
     tweakInput: IInputStyles;
 }>;

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

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

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

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

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

@@ -4,7 +4,7 @@ import { ICommonProps } from '../../types';
 import { IControlWrapperProps } from '../ControlWrapper';
 import { IChangeInputEvent } from './types';
 import { IInputStyles } from './Input.styles';
-export interface IInputBaseProps extends ICommonProps<IInputStyles>, Pick<IControlWrapperProps, 'label' | 'icon' | 'groupPlacement' | 'isInvalid' | 'isRequired' | 'isLoading' | 'isDisabled' | 'onIconClick'>, Pick<InputHTMLAttributes<HTMLInputElement>, 'type' | 'inputMode' | 'autoComplete' | 'name' | 'maxLength' | 'tabIndex' | 'placeholder' | 'onFocus' | 'onBlur' | 'onPaste' | 'onKeyDown'>, Pick<Partial<ReactInputMaskBaseProps>, 'mask' | 'maskPlaceholder' | 'alwaysShowMask' | 'beforeMaskedStateChange'> {
+export interface IInputBaseProps extends ICommonProps<IInputStyles>, Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size' | 'className'>, Pick<IControlWrapperProps, 'label' | 'icon' | 'size' | 'groupPlacement' | 'isInvalid' | 'isRequired' | 'isLoading' | 'isDisabled'>, Pick<Partial<ReactInputMaskBaseProps>, 'mask' | 'maskPlaceholder' | 'alwaysShowMask' | 'beforeMaskedStateChange'> {
     value?: string;
     units?: ReactNode;
     /** @default false */
@@ -19,6 +19,6 @@ export interface IInputBaseProps extends ICommonProps<IInputStyles>, Pick<IContr
     isAutoSized?: boolean;
     /** @default false */
     shouldAlwaysShowPlaceholder?: boolean;
-    onChange(value: string, event: IChangeInputEvent): void;
+    onChange: (value: string, event: IChangeInputEvent, eventType: 'change' | 'clear') => void;
 }
-export declare const InputBase: import("react").ForwardRefExoticComponent<IInputBaseProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const InputBase: import('react').ForwardRefExoticComponent<IInputBaseProps & import('react').RefAttributes<HTMLInputElement>>;

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/List.styles.d.ts

@@ -1,5 +1,5 @@
 import { ITweakStyles } from '../../theme';
 import { IWithPopupStyles } from '../WithPopup';
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "nestedItems", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"root" | "nestedItems">;
 export declare const withPopupStyles: IWithPopupStyles;
 export type IListStyles = ITweakStyles<typeof useStyles>;

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../../../theme';
-export declare const useStyles: import("../../../../theme").IUseStyles<"content" | "root" | "default" | "icon" | "destructive" | "focused" | "disabledItem" | "spacer" | "withIconGap", unknown>;
+export declare const useStyles: import('../../../../theme').IUseStyles<"content" | "root" | "default" | "icon" | "destructive" | "focused" | "disabledItem" | "spacer" | "withIconGap">;
 export type IListItemStyles = ITweakStyles<typeof useStyles>;

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/Modal/Modal.d.ts

@@ -4,7 +4,7 @@ import { IModalPosition, IModalTransitionProps } from './types';
 import { IModalStyles } from './Modal.styles';
 export interface IModalProps extends ICommonProps<IModalStyles>, IModalTransitionProps {
     title?: ReactNode;
-    /** @default 'l */
+    /** @default 'l' */
     size?: 'l' | 'm' | 's';
     /** @default false */
     isFooterSticky?: boolean;

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

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { IIconButtonStyles } from '../IconButton';
-export declare const useStyles: import("../../theme").IUseStyles<"content" | "close" | "overlay" | "root" | "s" | "m" | "l" | "footer" | "fixedPosition" | "innerOverlay" | "sideBar" | "position-static" | "position-left" | "position-right" | "position-center" | "modal" | "title" | "titleWithCloseButton" | "stickyFooterWrapper" | "stickyFooter" | "buttons-left" | "buttons-center" | "buttons-right" | "withoutFooter" | "withStickyFooter" | "footerWrapper" | "modalWrapper" | "animationEnd" | "animationStart" | "modal-enter" | "modal-enter-active" | "modal-exit" | "modal-exit-active", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"content" | "overlay" | "close" | "root" | "s" | "m" | "l" | "title" | "footer" | "fixedPosition" | "innerOverlay" | "sideBar" | "position-static" | "position-left" | "position-right" | "position-center" | "modal" | "titleWithCloseButton" | "stickyFooterWrapper" | "stickyFooter" | "buttons-left" | "buttons-center" | "buttons-right" | "withoutFooter" | "withStickyFooter" | "footerWrapper" | "modalWrapper" | "animationEnd" | "animationStart" | "modal-enter" | "modal-enter-active" | "modal-exit" | "modal-exit-active">;
 export declare const closeButtonStyles: IIconButtonStyles;
 export type IModalStyles = ITweakStyles<typeof useStyles, {
     tweakCloseButton: IIconButtonStyles;

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

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { IListStyles } from '../List';
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "button" | "icon" | "menu" | "active" | "disabled" | "hasCircle", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"root" | "button" | "icon" | "menu" | "active" | "disabled" | "hasCircle">;
 export type IMoreMenuStyles = ITweakStyles<typeof useStyles, {
     tweakList: IListStyles;
 }>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ICommonProps } from '../../types';
 import { IMultiSelectListValues, IMultiSelectLocale, IMultiSelectLocaleKey } from '../MultiSelectList';
 import { IHorizontalCornerConnection } from './types';

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

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { IMultiSelectListStyles } from '../MultiSelectList';
-export declare const useStyles: import("../../theme").IUseStyles<"left" | "right" | "invalid" | "root" | "open" | "disabled" | "required" | "listContainer" | "full", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"left" | "right" | "invalid" | "root" | "open" | "disabled" | "required" | "listContainer" | "full">;
 export declare const multiSelectListStyles: IMultiSelectListStyles;
 export type IMultiSelectStyles = ITweakStyles<typeof useStyles, {
     tweakMultiSelectList: IMultiSelectListStyles;

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../../../theme';
-export declare const useStyles: import("../../../../theme").IUseStyles<"value" | "root" | "values" | "placeholder" | "placeholderSmall" | "amount" | "indicator" | "arrow" | "arrowUp" | "indicatorDisabled", unknown>;
+export declare const useStyles: import('../../../../theme').IUseStyles<"value" | "values" | "root" | "placeholder" | "placeholderSmall" | "amount" | "indicator" | "arrow" | "arrowUp" | "indicatorDisabled">;
 export type IMultiSelectInputStyles = ITweakStyles<typeof useStyles>;

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

@@ -2,7 +2,7 @@ import { ITweakStyles } from '../../theme';
 import { IButtonStyles } from '../Button';
 import { ICheckboxStyles } from '../Checkbox';
 import { ISearchInputStyles } from '../SearchInput';
-export declare const useStyles: import("../../theme").IUseStyles<"clear" | "item" | "root" | "label" | "preloader" | "list" | "labelChosen" | "withoutTopGap" | "option" | "panel" | "dropdownInput" | "nothingFound" | "selectedItem", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"clear" | "item" | "root" | "label" | "preloader" | "list" | "labelChosen" | "withoutTopGap" | "option" | "panel" | "dropdownInput" | "nothingFound" | "selectedItem">;
 export declare const searchInputStyles: ISearchInputStyles;
 export declare const checkboxStyles: ICheckboxStyles;
 export declare const clearButtonStyles: IButtonStyles;