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

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

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { IListStyles } from '../List';
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "account" | "accountName" | "accountNameOpened" | "accountChevron" | "accountChevronOpened" | "accountMenu" | "avatarIcon" | "slide-up-enter" | "slide-up-enter-active" | "slide-up-exit-active" | "slide-up-exit", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"root" | "account" | "accountName" | "accountNameOpened" | "accountChevron" | "accountChevronOpened" | "accountMenu" | "avatarIcon" | "slide-up-enter" | "slide-up-enter-active" | "slide-up-exit-active" | "slide-up-exit">;
 export type IAccountInfoStyles = ITweakStyles<typeof useStyles, {
     tweakList: IListStyles;
 }>;

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

@@ -11,4 +11,5 @@ export interface IAddButtonProps extends ICommonProps<IAddButtonStyles> {
     isFullWidth?: boolean;
     onClick?: () => void | Promise<void>;
 }
+/** @deprecated Весьма сомнительный компонент */
 export declare const AddButton: FC<IAddButtonProps>;

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

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

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

@@ -38,4 +38,4 @@ export interface IButtonProps extends ICommonProps<IButtonStyles>, IDomElementIn
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void | Promise<void>;
     onMouseDown?: (event: MouseEvent<HTMLButtonElement>) => void | Promise<void>;
 }
-export declare const Button: import("react").ForwardRefExoticComponent<IButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Button: import('react').ForwardRefExoticComponent<IButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

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

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

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

@@ -1,9 +1,11 @@
 import { ReactNode, ChangeEvent, KeyboardEvent } from 'react';
 import { ICommonProps } from '../../types';
+import { ICheckboxSize } from './types';
 import { ICheckboxStyles } from './Checkbox.styles';
 export interface ICheckboxProps<V> extends ICommonProps<ICheckboxStyles> {
     value?: V;
     children?: ReactNode;
+    size?: ICheckboxSize;
     /** @default false */
     isChecked?: boolean;
     /** @default false */
@@ -21,4 +23,4 @@ export interface ICheckboxProps<V> extends ICommonProps<ICheckboxStyles> {
         isSelected: boolean;
     }, event: ChangeEvent<HTMLInputElement> | KeyboardEvent) => void;
 }
-export declare function Checkbox<V>({ value, children, isChecked, isSemiChecked, isInvalid, isDisabled, isReadonly, labelPosition, data, testId, tweakStyles, onSelect, }: ICheckboxProps<V>): JSX.Element;
+export declare function Checkbox<V>({ value, children, size, isChecked, isSemiChecked, isInvalid, isDisabled, isReadonly, labelPosition, data, testId, tweakStyles, onSelect, }: ICheckboxProps<V>): JSX.Element;

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

@@ -1,3 +1,4 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"input" | "invalid" | "children" | "root" | "disabled" | "checked" | "check" | "labelPositionLeft", unknown>;
-export type ICheckboxStyles = ITweakStyles<typeof useStyles>;
+import { ICheckboxSizes } from './types';
+export declare const useStyles: import('../../theme').IUseStyles<"input" | "invalid" | "check" | "root" | "children" | "disabled" | "checked" | "labelPositionLeft">;
+export type ICheckboxStyles = ITweakStyles<typeof useStyles, ICheckboxSizes>;

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,18 @@
 import { FC, ReactNode } from 'react';
+import { IMaybeArray } from '@true-engineering/true-react-platform-helpers';
 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';
+    /** @deprecated */
+    icon?: IMaybeArray<IIcon | IControlWrapperIcon>;
+    startIcon?: IMaybeArray<IIcon | IControlWrapperIcon>;
+    endIcon?: IMaybeArray<IIcon | IControlWrapperIcon>;
+    size?: IControlWrapperSize;
+    groupPlacement?: IGroupPlacement;
     /** @default false */
     isInvalid?: boolean;
     /** @default false */
@@ -21,7 +27,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<"label" | "invalid" | "disabled" | "focused" | "icon" | "loader" | "loading" | "controlWrapper" | "withValue" | "minContent" | "activeLabel" | "requiredLabel" | "disabledLabel" | "wrapper" | "controls" | "startControls" | "iconInner" | "customIcon" | "startIcon" | "endIcon" | "activeIcon" | "clearIcon" | "withStartControls" | "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" | "@global">;
 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,9 +1,9 @@
 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 { IDatePickerBaseProps, IDatePickerLocale, IRange } from './types';
+import { IDatePickerLocale } from './constants';
+import { IDatePickerBaseProps, IRange } from './types';
 import { IDatePickerStyles } from './DatePicker.styles';
 export interface IDatePickerProps extends IDatePickerBaseProps, ICommonProps<IDatePickerStyles> {
     selectedDate?: Date | null;
@@ -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<"header" | "btn" | "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/helpers.d.ts

@@ -1,6 +1,3 @@
-import { type Locale } from 'date-fns';
-import { IDatePickerLocale } from './types';
 export declare const getDateFormatter: (dateFormat: string) => (date?: Date | null) => string;
 export declare const getDateValueParser: (dateFormat: string) => (value: string) => Date | null;
 export declare const areDatesEquals: (date1?: Date | null, date2?: Date | null) => boolean;
-export declare const preparateDatePickerLocale: (locale: IDatePickerLocale) => 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,6 +1,4 @@
-import { ReactDatePickerProps } from 'react-datepicker';
-import { type Locale } from 'date-fns';
-import { type IDateInputProps } from '../DateInput';
+import { DatePickerProps } from 'react-datepicker';
+import { IDateInputProps } from '../DateInput';
 export type IRange = [Date | null, Date | null] | null;
-export type IDatePickerLocale = 'ru' | 'en' | Locale;
-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' | 'popperProps' | '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" | "button" | "root">;
 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<"label" | "text" | "root" | "active" | "disabled" | "requiredLabel" | "inputWrapper" | "description" | "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<"footer" | "metadata" | "error" | "root" | "disabled" | "m" | "l" | "info" | "fileItemWrapper" | "fileIcon" | "fileName" | "fileNameContainer" | "preloader" | "preloader-dots" | "preloader-default" | "preloader-logo" | "actions" | "fileSize">;
 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,5 +1,5 @@
-/// <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';
@@ -17,8 +17,10 @@ export interface IFiltersPaneProps<Values extends Record<string, unknown>, Conte
     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, shouldRenderDataId, 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,5 +1,4 @@
-/// <reference types="react" />
-import type { IFilterWrapperProps } from '../FilterWrapper';
+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;

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

@@ -1,4 +1,5 @@
 import { IDatePeriod, IFilterMultiSelectValues, IPeriod } from '../../types';
+export declare const isDateOrEmpty: (value: unknown) => value is Date | null | undefined;
 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/FilterDateSingle/FilterDateSingle.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { ICommonProps } from '../../../../types';
+import { IDatePickerProps } from '../../../DatePicker';
+import { IFilterLocaleKey, IPartialFilterLocale } from '../../types';
+import { IFilterDateSingleStyles } from './FilterDateSingle.styles';
+export interface IFilterDateSingleProps extends ICommonProps<IFilterDateSingleStyles>, Partial<Pick<IDatePickerProps, 'label' | 'minDate' | 'maxDate' | 'calendarStartDay' | 'popperModifiers' | 'popperPlacement'>> {
+    value?: Date | null;
+    locale?: IPartialFilterLocale;
+    localeKey?: IFilterLocaleKey;
+    isClearable?: boolean;
+    onChange: (value: Date | null) => void;
+    onClose?: () => void;
+    onEndBtnSubmit: () => void;
+}
+export declare const FilterDateSingle: FC<IFilterDateSingleProps>;

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

@@ -0,0 +1,11 @@
+import { ITweakStyles } from '../../../../theme';
+import { IButtonStyles } from '../../../Button';
+import { IDatePickerStyles } from '../../../DatePicker';
+export declare const useStyles: import('../../../../theme').IUseStyles<"container" | "root" | "buttons">;
+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 type IFilterDateSingleStyles = ITweakStyles<typeof useStyles, {
+    tweakDatePicker: IDatePickerStyles;
+    tweakClearButton: IButtonStyles;
+}>;

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

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

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" | "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 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 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" | "footer" | "label" | "option" | "root" | "icon" | "list" | "preloader" | "nothingFound" | "labelChosen" | "withoutTopGap" | "panel" | "dropdownInput" | "withClearButton" | "panelWithFooter">;
 export declare const searchInputStyles: ISearchInputStyles;
-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 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 type IFilterSelectStyles = ITweakStyles<typeof useStyles, {
     tweakSearchInput: ISearchInputStyles;

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

@@ -1,7 +1,8 @@
-/// <reference types="react" />
-import { ICommonProps } from '../../../../types';
-import type { IFilterWrapperProps } from '../FilterWrapper';
+import { ReactNode } from 'react';
+import { ITweakStylesProps } from '../../../../types';
+import { IFilterWrapperProps } from '../FilterWrapper';
 import { IFilterValueViewStyles } from './FilterValueView.styles';
-export interface IFilterValueView<Values extends Record<string, unknown>, Key extends keyof Values> extends Omit<IFilterWrapperProps<Values, Key>, 'filtersPaneRef' | 'tweakStyles' | 'onChange'>, ICommonProps<IFilterValueViewStyles> {
+export interface IFilterValueView<Values extends Record<string, unknown>, Key extends keyof Values> extends Pick<IFilterWrapperProps<Values, Key>, 'value' | 'filter' | 'localeKey' | 'locale'>, ITweakStylesProps<IFilterValueViewStyles> {
+    value: Values[Key];
 }
-export declare function FilterValueView<Values extends Record<string, unknown>, Key extends keyof Values>({ value, filter, locale, localeKey, tweakStyles, }: IFilterValueView<Values, Key>): JSX.Element;
+export declare function FilterValueView<Values extends Record<string, unknown>, Key extends keyof Values>({ value, filter, locale, localeKey, tweakStyles, }: IFilterValueView<Values, Key>): ReactNode;

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