@true-engineering/true-react-common-ui-kit 4.0.0-alpha7 → 4.0.0-alpha71

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

@@ -1,23 +1,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" | "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 useStyles: import('../../../../theme').IUseStyles<"container" | "root" | "containerItem" | "btnRow">;
+export declare const clearButtonStyles: Partial<import('../../../../theme').IStyles<"content" | "outline" | "custom" | "s" | "text" | "root" | "inline" | "children" | "active" | "disabled" | "destructive" | "icon" | "fullWidth" | "m" | "l" | "xl" | "primary" | "secondary" | "warning" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "loader" | "loading">> & Partial<{
+    tweakPreloader: import('../../..').IThemedPreloaderStyles;
 }>;
-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>;
-    }>;
+export declare const backButtonStyles: Partial<import('../../../../theme').IStyles<"content" | "outline" | "custom" | "s" | "text" | "root" | "inline" | "children" | "active" | "disabled" | "destructive" | "icon" | "fullWidth" | "m" | "l" | "xl" | "primary" | "secondary" | "warning" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "loader" | "loading">> & Partial<{
+    tweakPreloader: import('../../..').IThemedPreloaderStyles;
 }>;
-export declare const startDatePickerStyles: IDatePickerStyles;
-export declare const startDatePickerWithButtonStyles: IDatePickerStyles;
-export declare const endDatePickerStyles: IDatePickerStyles;
-export declare const endDatePickerWithButtonStyles: IDatePickerStyles;
 export type IFilterWithDatesStyles = ITweakStyles<typeof useStyles, {
     tweakClearButton: IButtonStyles;
     tweakBackButton: IButtonStyles;

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

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../../../theme';
 import { IFilterSelectStyles } from '../FilterSelect';
-export declare const useStyles: import("../../../../theme").IUseStyles<"main" | "root" | "picker", unknown>;
+export declare const useStyles: import('../../../../theme').IUseStyles<"main" | "root" | "picker">;
 export declare const filterSelectStyles: IFilterSelectStyles;
 export type IFilterWithPeriodStyles = ITweakStyles<typeof useStyles, {
     tweakFilterSelect: IFilterSelectStyles;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ICommonProps } from '../../../../types';
 import { ConfigItem, IFilterLocaleKey, IPartialFilterLocale } from '../../types';
 import { IFilterWrapperStyles } from './FilterWrapper.styles';
@@ -10,4 +9,4 @@ export interface IFilterWrapperProps<Values extends Record<string, unknown>, Key
     locale?: IPartialFilterLocale;
     onChange: <V>(value: V) => void;
 }
-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;
+export declare function FilterWrapper<Values extends Record<string, unknown>, Key extends keyof Values>({ filter, value, isDisabled, locale, localeKey, data, testId, tweakStyles: baseTweakStyles, onChange, }: IFilterWrapperProps<Values, Key>): JSX.Element;

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

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../../../theme';
 import { IWithPopupStyles } from '../../../WithPopup';
-import type { IFilterValueViewStyles } from '../FilterValueView';
-export declare const useStyles: import("../../../../theme").IUseStyles<"boolean" | "name" | "left" | "right" | "item" | "value" | "root" | "open" | "disabled" | "booleanItem" | "noValue" | "openNoValue" | "openWithValue" | "withValue" | "iconContainer" | "chevronIcon" | "clearIcon" | "dropdown", unknown>;
+import { IFilterValueViewStyles } from '../FilterValueView';
+export declare const useStyles: import('../../../../theme').IUseStyles<"boolean" | "name" | "left" | "right" | "item" | "value" | "root" | "disabled" | "open" | "withValue" | "clearIcon" | "booleanItem" | "noValue" | "openNoValue" | "openWithValue" | "iconContainer" | "chevronIcon" | "dropdown">;
 export type IFilterWrapperStyles = ITweakStyles<typeof useStyles, {
     tweakWithPopup: IWithPopupStyles;
     tweakValueView: IFilterValueViewStyles;

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

@@ -1 +1 @@
-export declare const isContentNotEmpty: (value: unknown) => boolean;
+export declare const isContentNotEmpty: <T>(value: T) => value is NonNullable<T>;

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

@@ -16,5 +16,6 @@ export interface IFiltersPaneSearchProps<Value> extends ICommonProps<IFiltersPan
     hasClearSelectButton?: boolean;
     isDisabled?: boolean;
     isSelectSearchEnabled?: boolean;
+    isAutoSized?: boolean;
 }
-export declare function FiltersPaneSearch<Value>({ value, fields, field, onChange, localeKey, locale, getValueId, getValueView, getValueString, hasClearSelectButton, isDisabled, isSelectSearchEnabled, maxLength, data, tweakStyles, testId, }: IFiltersPaneSearchProps<Value>): JSX.Element;
+export declare function FiltersPaneSearch<Value>({ value, fields, field, onChange, localeKey, locale, getValueId, getValueView, getValueString, hasClearSelectButton, isDisabled, isSelectSearchEnabled, isAutoSized, maxLength, data, tweakStyles, testId, }: IFiltersPaneSearchProps<Value>): JSX.Element;

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

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../../../theme';
 import { ISearchInputStyles } from '../../../SearchInput';
 import { ISelectStyles } from '../../../Select';
-export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "open" | "active" | "disabled" | "dropdownInput" | "chevronIcon" | "dropdown" | "focused" | "selectWrapper" | "selectBlock" | "selectLabel", unknown>;
+export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "active" | "disabled" | "open" | "focused" | "hasValue" | "dropdownInput" | "chevronIcon" | "dropdown" | "selectWrapper" | "selectBlock" | "selectLabel">;
 export declare const searchInputStyles: ISearchInputStyles;
 export declare const selectStyles: ISelectStyles;
 export type IFiltersPaneSearchStyles = ITweakStyles<typeof useStyles, {

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

@@ -1,4 +1,5 @@
 export * from './Filter';
+export * from './FilterDateSingle';
 export * from './FilterInterval';
 export * from './FilterMultiSelect';
 export * from './FilterSelect';

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

@@ -1,4 +1,4 @@
-import type { IFilterLocale, IFilterLocaleKey, IPeriodGetter, ISelectLocale, ISelectLocaleKey } from './types';
+import { IFilterLocale, IFilterLocaleKey, IPeriodGetter, ISelectLocale, ISelectLocaleKey } from './types';
 export declare const PERIODS: readonly ["THIS_MONTH", "LAST_MONTH", "THIS_YEAR", "LAST_YEAR", "CUSTOM"];
 export declare const SelectLocales: Record<string, ISelectLocale>;
 export declare const FilterLocales: Record<string, IFilterLocale>;

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

@@ -1,4 +1,4 @@
-import { type IFilterLocale, type IFilterLocaleKey, type IPartialFilterLocale, ISelectLocale, ISelectLocaleKey } from './types';
+import { IFilterLocale, IFilterLocaleKey, IPartialFilterLocale, ISelectLocale, ISelectLocaleKey } from './types';
 export declare const getLocale: (key?: IFilterLocaleKey, custom?: IPartialFilterLocale, custom2?: IPartialFilterLocale) => IFilterLocale;
 export declare const getSelectLocale: (key?: ISelectLocaleKey, custom?: Partial<ISelectLocale>, custom2?: Partial<ISelectLocale>) => ISelectLocale;
 export declare const sortValues: (arr: Array<number | undefined>) => Array<number | undefined>;

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

@@ -1,4 +1,5 @@
 export * from './FiltersPane';
 export type { IFiltersPaneStyles } from './FiltersPane.styles';
 export * from './types';
+export { PERIODS, PERIODS_GETTERS } from './constants';
 export * from './components';

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 { IFilterDateSingleProps, IFilterIntervalProps, IFilterMultiSelectProps, IFilterSelectProps, IFilterWithDatesProps, IFilterWithPeriodProps, IFilterWrapperStyles } from './components';
 import { FilterLocales, PERIODS, SelectLocales } from './constants';
 export type IPeriodType = (typeof PERIODS)[number];
 export type IFilterMultiSelectValues<Option = string> = IMultiSelectListValues<Option>;
@@ -20,22 +22,25 @@ export interface IDatePeriod {
 }
 export interface IPeriod extends IDatePeriod {
     periodType: string;
-    label?: string;
 }
 export type IPeriodGetter = () => IDatePeriod;
+export type IFilterDateSingleValue = Date;
 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;
+    isDisabled?: boolean;
     isClearable?: boolean;
     requiredFilledFilters?: string[];
     localeKey?: IFilterLocaleKey;
     locale?: IPartialFilterLocale;
     getSelectedValueView?: (v: Value) => ReactNode;
+    tweakWrapperStyles?: IFilterWrapperStyles;
 }
 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,7 +59,10 @@ export type IDateRangeConfigItem<Value> = IConfigItemBasicBase<Value> & {
     type: 'dateRange';
     dateFormat?: string;
 } & Omit<IFilterWithPeriodProps, 'value' | 'onChange' | 'setIsOpen'>;
-export interface ICustomComponentProps<Value> {
+export type IDatePickerSingleConfigItem<Value> = IConfigItemBasicBase<Value> & {
+    type: 'datePickerSingle';
+} & Omit<IFilterDateSingleProps, 'value' | 'onChange' | 'onEndBtnSubmit'>;
+export interface ICustomComponentProps<Value> extends ITestIdProps {
     value?: Value;
     onChange: (v?: Value) => void;
     onClose?: () => void;
@@ -78,7 +86,7 @@ export interface ICustomMultipleConfigItem<Value> extends IConfigItemBasicBase<V
     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 ConfigItem<Value> = ISelectConfigItem<Value> | IMultiSelectConfigItem<Value> | ICustomConfigItem<Value> | IDateRangeWithoutPeriodConfigItem<Value> | IDateRangeConfigItem<Value> | IDatePickerSingleConfigItem<Value> | IIntervalConfigItem<Value> | IBooleanConfigItem<Value>;
 export type ConfigType<Values> = {
     [K in keyof Values]: ConfigItem<Values[K]>;
 };
@@ -93,6 +101,7 @@ export interface IFilterLocale {
     from: string;
     to: string;
     back: string;
+    date: string;
     months: string[];
     periods: {
         [key: string]: string;
@@ -116,3 +125,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.d.ts

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

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

@@ -30,4 +30,4 @@ export interface IFlexibleTableProps<Row extends ITableRow, HeaderContent extend
     /** @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, isExpandableRowComponentInitiallyOpen: isRowInitiallyOpen, ...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<"body" | "head" | "header" | "scroll" | "root" | "loader" | "nothingFound" | "flexibleTableWrapper" | "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 { ICommonProps } from '../../../../types';
+import { ReactNode } from 'react';
+import { ITweakStylesProps } 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 ITweakStylesProps<IFlexibleTableCellStyles>, 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" | "clickable" | "sticky" | "loading" | "second" | "skeleton">;
 export type IFlexibleTableCellStyles = ITweakStyles<typeof useStyles>;

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

@@ -26,6 +26,4 @@ export interface IFlexibleTableRowProps<Row extends ITableRow, HeaderContent ext
     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, 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 {};
+export declare const FlexibleTableRow: <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;

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" | "clickable" | "active" | "editable" | "nestedComponent">;
 export type IFlexibleTableRowStyles = ITweakStyles<typeof useStyles, {
     tweakTableCell: IFlexibleTableCellStyles;
 }>;

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

@@ -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 { IReplaceTweakStylesProps } from '../../../../types';
+import { ICheckboxProps } from '../../../Checkbox';
+import { IDocActionsView } from './types';
+import { IDocActionsStyles } from './DocActions.styles';
+export interface IDocActionsProps extends IReplaceTweakStylesProps<ICheckboxProps<never>, 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<"title" | "neutral" | "inverse" | "docActions" | "counterWrapper" | "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" | "s" | "cancel" | "root" | "active" | "disabled" | "icon" | "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.d.ts

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

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' | 'endIcon' | 'startIcon' | '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,9 +1,10 @@
 import { FC, KeyboardEvent, MouseEvent } from 'react';
 import { ICommonProps } from '../../types';
-import { IListItemProps as IListItem } from './components';
+import { IListItem, IListSize } from './types';
 import { IListStyles } from './List.styles';
 export interface IListProps extends ICommonProps<IListStyles> {
     items: IListItem[];
+    size?: IListSize;
     onClick?: (event: MouseEvent | KeyboardEvent) => void;
 }
 export declare const List: FC<IListProps>;

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

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