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

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

@@ -1,2 +1,3 @@
 export * from './Checkbox';
 export type { ICheckboxStyles } from './Checkbox.styles';
+export * from './types';

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

@@ -0,0 +1,3 @@
+export interface ICheckboxSizes {
+}
+export type ICheckboxSize = keyof ICheckboxSizes;

package/dist/components/CloseButton/CloseButton.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 ICloseButtonStyles = ITweakStyles<typeof useStyles>;

package/dist/components/ControlWrapper/ControlWrapper.d.ts

@@ -1,12 +1,15 @@
 import { FC, ReactNode } from 'react';
+import { IMaybeArray } from '../../theme';
 import { IClickHandlerEvent, ICommonProps } from '../../types';
 import { IIcon } from '../Icon';
+import { IControlWrapperIcon, IControlWrapperSize, IGroupPlacement } from './types';
 import { IControlWrapperStyles } from './ControlWrapper.styles';
 export interface IControlWrapperProps extends ICommonProps<IControlWrapperStyles> {
     children: ReactNode;
     label?: ReactNode;
-    icon?: IIcon;
-    groupPlacement?: 'left' | 'right' | 'middle' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    icon?: IMaybeArray<IIcon | IControlWrapperIcon>;
+    size?: IControlWrapperSize;
+    groupPlacement?: IGroupPlacement;
     /** @default false */
     isInvalid?: boolean;
     /** @default false */
@@ -21,7 +24,8 @@ export interface IControlWrapperProps extends ICommonProps<IControlWrapperStyles
     isLoading?: boolean;
     /** @default false */
     isDisabled?: boolean;
-    onIconClick?: (event: IClickHandlerEvent) => void;
+    /** @default false */
+    isActive?: boolean;
     onClear?: (event: IClickHandlerEvent) => void;
 }
 export declare const ControlWrapper: FC<IControlWrapperProps>;

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

@@ -1,6 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import { IThemedPreloaderStyles } from '../ThemedPreloader';
-export declare const useStyles: import("../../theme").IUseStyles<"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>;
+import { IControlWrapperSizes } from './types';
+export declare const useStyles: import('../../theme').IUseStyles<"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">;
 export type IControlWrapperStyles = ITweakStyles<typeof useStyles, {
     tweakPreloader: IThemedPreloaderStyles;
-}>;
+} & IControlWrapperSizes>;

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

@@ -0,0 +1 @@
+export declare const GROUP_PLACEMENTS: readonly ["left", "right", "middle", "top", "bottom", "top-left", "top-right", "bottom-left", "bottom-right"];

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

@@ -0,0 +1,4 @@
+import { IIcon } from '../Icon';
+import { IControlWrapperIcon } from './types';
+export declare const isControlWrapperIcon: (iconItem: IIcon | IControlWrapperIcon) => iconItem is IControlWrapperIcon;
+export declare const convertToControlWrapperIcon: (iconItem: IIcon | IControlWrapperIcon) => IControlWrapperIcon;

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

@@ -1,2 +1,5 @@
 export * from './ControlWrapper';
+export * from './helpers';
+export * from './constants';
+export * from './types';
 export type { IControlWrapperStyles } from './ControlWrapper.styles';

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

@@ -0,0 +1,14 @@
+import { Key } from 'react';
+import { IClickHandlerEvent } from '../../types';
+import { IIcon } from '../Icon';
+import { GROUP_PLACEMENTS } from './constants';
+export interface IControlWrapperSizes {
+}
+export type IControlWrapperSize = keyof IControlWrapperSizes;
+export type IGroupPlacement = (typeof GROUP_PLACEMENTS)[number];
+export interface IControlWrapperIcon {
+    key?: Key;
+    iconComponent: IIcon;
+    onClick?: (event: IClickHandlerEvent) => void;
+    shouldResetSize?: boolean;
+}

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

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

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

@@ -1,4 +1,3 @@
-import { MouseEvent } from 'react';
 import { ICommonProps } from '../../types';
 import { IChangeInputEvent, IInputProps } from '../Input';
 import { IDateInputStyles } from './DateInput.styles';
@@ -11,7 +10,6 @@ export interface IDateInputProps extends Omit<IInputProps, 'value' | 'beforeMask
     className?: string;
     /** @default false */
     isRange?: boolean;
-    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
     onChange?: (event: IChangeInputEvent, value: string) => void;
 }
-export declare const DateInput: import("react").ForwardRefExoticComponent<IDateInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const DateInput: import('react').ForwardRefExoticComponent<IDateInputProps & import('react').RefAttributes<HTMLInputElement>>;

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

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

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

@@ -1,2 +1,2 @@
 export declare const EMPTY_DATE_INPUT_VALUE = "__.__.____";
-export declare const EMPTY_DATE_RANGE_INPUT_VALUE: string;
+export declare const EMPTY_DATE_RANGE_INPUT_VALUE = "__.__.____ - __.__.____";

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

@@ -1,13 +1,13 @@
 import { FC, SyntheticEvent } from 'react';
-import ReactDatePicker from 'react-datepicker';
-import 'react-datepicker/dist/react-datepicker.css';
+import { default as ReactDatePicker } from 'react-datepicker';
 import { ICommonProps } from '../../types';
 import { IDateInputProps } from '../DateInput';
+import { IDatePickerLocale } from './constants';
 import { IDatePickerBaseProps, IRange } from './types';
 import { IDatePickerStyles } from './DatePicker.styles';
 export interface IDatePickerProps extends IDatePickerBaseProps, ICommonProps<IDatePickerStyles> {
     selectedDate?: Date | null;
-    locale: Locale;
+    locale: IDatePickerLocale;
     months?: string[];
     /** @default 'dd.MM.yyyy' */
     dateFormat?: string;
@@ -23,4 +23,4 @@ export interface IDatePickerProps extends IDatePickerBaseProps, ICommonProps<IDa
     onChangeDate?: (date: Date | null, event?: SyntheticEvent) => void;
     onChangeRange?: (date: IRange, event?: SyntheticEvent) => void;
 }
-export declare const DatePicker: import("react").ForwardRefExoticComponent<IDatePickerProps & import("react").RefAttributes<ReactDatePicker<never, undefined>>>;
+export declare const DatePicker: import('react').ForwardRefExoticComponent<IDatePickerProps & import('react').RefAttributes<ReactDatePicker>>;

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

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { IDateInputStyles } from '../DateInput';
-export declare const useStyles: import("../../theme").IUseStyles<"popper" | "root" | "day" | "datepicker", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"popper" | "root" | "day" | "dayInner" | "datepicker">;
 export type IDatePickerStyles = ITweakStyles<typeof useStyles, {
     tweakDateInput: IDateInputStyles;
 }>;

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

@@ -0,0 +1,5 @@
+import { default as ReactDatePicker, DatePickerProps } from 'react-datepicker';
+export declare class DatePickerBase extends ReactDatePicker {
+    handleClickOutside: (event: MouseEvent) => void;
+    constructor(props: DatePickerProps);
+}

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

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

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

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../../../theme';
 import { ISelectStyles } from '../../../Select';
-export declare const useStyles: import("../../../../theme").IUseStyles<"btn" | "header" | "buttons", unknown>;
+export declare const useStyles: import('../../../../theme').IUseStyles<"btn" | "header" | "buttons">;
 export declare const selectStyles: ISelectStyles;
 export type IDatePickerHeaderStyles = ITweakStyles<typeof useStyles, {
     tweakSelect: ISelectStyles;

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

@@ -1,4 +1,2 @@
-import { FC, ReactNode } from 'react';
-export declare const PopperContainer: FC<{
-    children: ReactNode;
-}>;
+import { FC, PropsWithChildren } from 'react';
+export declare const PopperContainer: FC<PropsWithChildren>;

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

@@ -1,2 +1,3 @@
+export * from './DatePickerBase';
 export * from './DatePickerHeader';
 export * from './PopperContainer';

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

@@ -1,3 +1,8 @@
-import ReactDatePicker from 'react-datepicker';
+import { Locale } from 'date-fns/locale';
 export declare const DEFAULT_DATE_FORMAT = "dd.MM.yyyy";
-export declare const DatePickerComponent: typeof ReactDatePicker;
+export declare const OUTSIDE_CLICK_IGNORE_CLASS = "react-datepicker-ignore-onclickoutside";
+export declare const LocalesMap: {
+    ru: Locale;
+    en: Locale;
+};
+export type IDatePickerLocale = keyof typeof LocalesMap | Locale;

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

@@ -1,4 +1,5 @@
 export * from './DatePicker';
 export * from './types';
+export type { IDatePickerLocale } from './constants';
 export type { IDatePickerStyles } from './DatePicker.styles';
 export type { IDatePickerHeaderStyles } from './components';

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

@@ -1,4 +1,4 @@
-import { ReactDatePickerProps } from 'react-datepicker';
+import { DatePickerProps } from 'react-datepicker';
 import { IDateInputProps } from '../DateInput';
 export type IRange = [Date | null, Date | null] | null;
-export type IDatePickerBaseProps = Pick<ReactDatePickerProps, 'startDate' | 'endDate' | 'minDate' | 'maxDate' | 'allowSameDay' | 'disabledKeyboardNavigation' | 'monthsShown' | 'popperModifiers' | 'popperPlacement' | 'filterDate' | 'dayClassName' | 'calendarContainer' | 'onCalendarOpen' | 'onCalendarClose' | 'onYearChange' | 'onMonthChange' | 'focusSelectedMonth' | 'shouldCloseOnSelect' | 'showPreviousMonths' | 'todayButton' | 'renderCustomHeader' | 'customInputRef' | 'preventOpenOnFocus' | 'strictParsing' | 'highlightDates' | 'fixedHeight' | 'excludeScrollbar'> & Omit<IDateInputProps, 'date' | 'startDate' | 'endDate' | 'isRange' | 'isActive' | 'icon' | 'maxLength' | 'onChange' | 'onClick' | 'tweakStyles'>;
+export type IDatePickerBaseProps = Pick<DatePickerProps, 'startDate' | 'endDate' | 'minDate' | 'maxDate' | 'allowSameDay' | 'disabledKeyboardNavigation' | 'monthsShown' | 'popperModifiers' | 'popperPlacement' | 'filterDate' | 'dayClassName' | 'calendarContainer' | 'onCalendarOpen' | 'onCalendarClose' | 'onYearChange' | 'onMonthChange' | 'focusSelectedMonth' | 'shouldCloseOnSelect' | 'showPreviousMonths' | 'todayButton' | 'renderCustomHeader' | 'customInputRef' | 'preventOpenOnFocus' | 'strictParsing' | 'highlightDates' | 'fixedHeight' | 'swapRange' | 'onKeyDown'> & Omit<IDateInputProps, 'date' | 'startDate' | 'endDate' | 'isRange' | 'isActive' | 'icon' | 'maxLength' | 'onChange' | 'onClick' | 'tweakStyles' | 'onKeyDown'>;

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

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

package/dist/components/FileInput/FileInput.d.ts

@@ -22,4 +22,4 @@ export interface IFileInputProps extends ICommonProps<IFileInputStyles> {
     accept?: InputHTMLAttributes<HTMLInputElement>['accept'];
     onAdd?: (files: File[]) => void;
 }
-export declare const FileInput: import("react").ForwardRefExoticComponent<IFileInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const FileInput: import('react').ForwardRefExoticComponent<IFileInputProps & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "text" | "active" | "disabled" | "label" | "requiredLabel" | "description" | "inputWrapper" | "inputLabel" | "dragged" | "fileList", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"root" | "text" | "active" | "disabled" | "label" | "requiredLabel" | "description" | "inputWrapper" | "inputLabel" | "dragged" | "fileList">;
 export type IFileInputStyles = ITweakStyles<typeof useStyles>;

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

@@ -2,7 +2,7 @@ import { ITweakStyles } from '../../theme';
 import { IIconButtonStyles } from '../IconButton';
 import { IThemedPreloaderStyles } from '../ThemedPreloader';
 import { ITooltipStyles } from '../Tooltip';
-export declare const useStyles: import("../../theme").IUseStyles<"error" | "root" | "disabled" | "m" | "l" | "fileItemWrapper" | "fileIcon" | "fileName" | "fileNameContainer" | "preloader" | "preloader-dots" | "preloader-default" | "preloader-logo" | "metadata" | "actions" | "fileSize" | "footer" | "info", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"error" | "root" | "disabled" | "m" | "l" | "fileItemWrapper" | "fileIcon" | "fileName" | "fileNameContainer" | "preloader" | "preloader-dots" | "preloader-default" | "preloader-logo" | "metadata" | "actions" | "fileSize" | "footer" | "info">;
 export declare const themedPreloaderStyles: IThemedPreloaderStyles;
 export type IFileItemStyles = ITweakStyles<typeof useStyles, {
     tweakRemoveIconButton: IIconButtonStyles;

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

@@ -1,5 +1,4 @@
-import { type IFileIcon } from './types';
-export declare const FILE_ICONS: ("file-excel" | "file-image" | "file-other" | "file-pdf" | "file-word" | "file-xml" | "file-zip")[];
-export declare const FILE_ICON_DEFAULT: IFileIcon;
-export declare const iconTypeMap: Record<string, IFileIcon>;
+import { IIconType } from '../Icon';
+export declare const FILE_ICON_DEFAULT: IIconType;
+export declare const iconTypeMap: Record<string, IIconType>;
 export declare const FILE_ITEM_SIZES: readonly ["m", "l"];

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

@@ -1,4 +1,5 @@
-import { IFileIcon, IFileInfo } from './types';
+import { IIconType } from '../Icon';
+import { IFileInfo } from './types';
 export declare const getFileExtensionByFilename: (fileName: string) => string | undefined;
 export declare const getMimeTypeByFilename: (fileName: string) => string | undefined;
-export declare const getFileIcon: ({ type, name }: IFileInfo) => IFileIcon;
+export declare const getFileIcon: ({ type, name }: IFileInfo) => IIconType;

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

@@ -1,8 +1,7 @@
-import { FILE_ICONS, FILE_ITEM_SIZES } from './constants';
+import { FILE_ITEM_SIZES } from './constants';
 export interface IFileInfo {
     name: File['name'];
     type?: File['type'];
     size?: File['size'];
 }
-export type IFileIcon = (typeof FILE_ICONS)[number];
 export type IFileItemSize = (typeof FILE_ITEM_SIZES)[number];

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
 import { ICommonProps } from '../../types';
+import { IIcon } from '../Icon';
 import { IFiltersPaneSearchProps } from './components';
 import { ConfigType, IFilterLocaleKey, IPartialFilterLocale } from './types';
 import { IFiltersPaneStyles } from './FiltersPane.styles';
-export interface IFiltersPaneProps<Values, Content = Values> extends ICommonProps<IFiltersPaneStyles> {
+export interface IFiltersPaneProps<Values extends Record<string, unknown>, Content = Values> extends ICommonProps<IFiltersPaneStyles> {
     filtersConfig: ConfigType<Values>;
     enabledFilters?: Array<keyof ConfigType<Values>>;
     /** @default {} */
@@ -15,8 +15,12 @@ export interface IFiltersPaneProps<Values, Content = Values> extends ICommonProp
     isDisabled?: boolean;
     /** @default true */
     hasClearButton?: boolean;
+    /** @default false */
+    shouldRenderDataId?: boolean;
+    /** @default 'filter' */
+    settingsIcon?: IIcon;
     onChangeFilters: (values: Partial<Values>) => void;
     onSettingsButtonClick?: () => void;
     onClear?: () => void;
 }
-export declare function FiltersPane<Values extends Record<string, unknown>, Content = Values>({ data, tweakStyles, filtersConfig, enabledFilters, values, localeKey, locale, search, isDisabled, hasClearButton, testId, onChangeFilters, onSettingsButtonClick, onClear, }: IFiltersPaneProps<Values, Content>): JSX.Element;
+export declare function FiltersPane<Values extends Record<string, unknown>, Content = Values>({ data, tweakStyles, filtersConfig, enabledFilters, values, localeKey, locale, search, isDisabled, hasClearButton, shouldRenderDataId, settingsIcon, testId, onChangeFilters, onSettingsButtonClick, onClear, }: IFiltersPaneProps<Values, Content>): JSX.Element;

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

@@ -1,8 +1,8 @@
 import { ITweakStyles } from '../../theme';
 import { IButtonStyles } from '../Button';
-import type { IFilterWrapperStyles } from './components';
+import { IFilterWrapperStyles } from './components';
 export declare const FILTER_HEIGHT = 36;
-export declare const useStyles: import("../../theme").IUseStyles<"clear" | "root" | "settings" | "settingsIcon" | "filterWithClearButton", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"clear" | "root" | "settings" | "settingsIcon" | "filterWithClearButton">;
 export declare const clearButtonStyles: IButtonStyles;
 export declare const innerTextButtonStyles: IButtonStyles;
 export type IFiltersPaneStyles = ITweakStyles<typeof useStyles, {

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import type { IFilterWrapperProps } from '../FilterWrapper';
-export interface IFilterProps<Values, Key extends keyof Values> extends IFilterWrapperProps<Values, Key> {
+import { IFilterWrapperProps } from '../FilterWrapper';
+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.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { ICommonProps } from '../../../../types';
-import { IFilterLocaleKey, IPartialFilterLocale } from '../../types';
+import { IFilterLocaleKey, IFilterNumberInputProps, IPartialFilterLocale } from '../../types';
 import { IFilterIntervalStyles } from './FilterInterval.styles';
 export interface IFilterIntervalProps extends ICommonProps<IFilterIntervalStyles> {
     value?: Array<number | undefined>;
@@ -10,15 +10,7 @@ export interface IFilterIntervalProps extends ICommonProps<IFilterIntervalStyles
     locale?: IPartialFilterLocale;
     withFieldNameInLabel?: boolean;
     canBeFloat?: boolean;
-    fromInput?: {
-        min?: number;
-        max?: number;
-        maxLength?: number;
-    };
-    toInput?: {
-        min?: number;
-        max?: number;
-        maxLength?: number;
-    };
+    fromInput?: IFilterNumberInputProps;
+    toInput?: IFilterNumberInputProps;
 }
 export declare const FilterInterval: FC<IFilterIntervalProps>;

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

@@ -1,13 +1,10 @@
 import { ITweakStyles } from '../../../../theme';
 import { IButtonStyles } from '../../../Button';
 import { IInputStyles } from '../../../Input';
-export declare const useStyles: import("../../../../theme").IUseStyles<"clear" | "root" | "inputWrapper" | "autosize", unknown>;
+export declare const useStyles: import('../../../../theme').IUseStyles<"clear" | "root" | "inputWrapper" | "autosize">;
 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<{
-    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 clearButtonStyles: Partial<import('jss').Styles<"content" | "outline" | "custom" | "children" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown>> & Partial<{
+    tweakPreloader: import('../../..').IThemedPreloaderStyles;
 }>;
 export type IFilterIntervalStyles = ITweakStyles<typeof useStyles, {
     tweakInput: IInputStyles;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IMultiSelectListProps } from '../../../MultiSelectList';
 import { IFilterMultiSelectValues } from '../../types';
 export type IFilterMultiSelectProps<Value, Option = string> = IMultiSelectListProps<Value, Option>;

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

@@ -1,13 +1,10 @@
 import { ITweakStyles } from '../../../../theme';
 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 useStyles: import('../../../../theme').IUseStyles<"clear" | "item" | "root" | "icon" | "label" | "preloader" | "footer" | "list" | "labelChosen" | "withoutTopGap" | "withClearButton" | "option" | "panel" | "panelWithFooter" | "dropdownInput" | "nothingFound">;
 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<{
-    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 clearButtonStyles: Partial<import('jss').Styles<"content" | "outline" | "custom" | "children" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown>> & Partial<{
+    tweakPreloader: import('../../..').IThemedPreloaderStyles;
 }>;
 export type IFilterSelectStyles = ITweakStyles<typeof useStyles, {
     tweakSearchInput: ISearchInputStyles;

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

@@ -1,5 +1,6 @@
-/// <reference types="react" />
 import { ICommonProps } from '../../../../types';
-import type { IFilterWrapperProps } from '../FilterWrapper';
+import { 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/FilterValueView/FilterValueView.styles.d.ts

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

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

@@ -1,18 +1,12 @@
 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<{
-    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" | "datepicker" | "containerItem" | "btnRow">;
+export declare const clearButtonStyles: Partial<import('jss').Styles<"content" | "outline" | "custom" | "children" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown>> & Partial<{
+    tweakPreloader: import('../../..').IThemedPreloaderStyles;
 }>;
-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<{
-    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" | "custom" | "children" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown>> & Partial<{
+    tweakPreloader: import('../../..').IThemedPreloaderStyles;
 }>;
 export declare const startDatePickerStyles: IDatePickerStyles;
 export declare const startDatePickerWithButtonStyles: IDatePickerStyles;

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,8 +1,7 @@
-/// <reference types="react" />
 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 +9,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/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" | "open" | "disabled" | "booleanItem" | "noValue" | "openNoValue" | "openWithValue" | "withValue" | "iconContainer" | "chevronIcon" | "clearIcon" | "dropdown">;
 export type IFilterWrapperStyles = ITweakStyles<typeof useStyles, {
     tweakWithPopup: IWithPopupStyles;
     tweakValueView: IFilterValueViewStyles;

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" | "open" | "active" | "disabled" | "dropdownInput" | "chevronIcon" | "dropdown" | "focused" | "hasValue" | "selectWrapper" | "selectBlock" | "selectLabel">;
 export declare const searchInputStyles: ISearchInputStyles;
 export declare const selectStyles: ISelectStyles;
 export type IFiltersPaneSearchStyles = ITweakStyles<typeof useStyles, {

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';