@true-engineering/true-react-common-ui-kit 3.20.1 → 3.22.0

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

@@ -1,16 +1,16 @@
-import { FC } from 'react';
-import { ICommonProps } from '../../../../types';
-import { IFilterWithDateDatePickerProps, IFilterLocaleKey, IFilterWithDatesValue, IPartialFilterLocale } from '../../types';
-import { IFilterWithDatesStyles } from './FilterWithDates.styles';
-export interface IFilterWithDatesProps extends ICommonProps<IFilterWithDatesStyles> {
-    value?: IFilterWithDatesValue;
-    localeKey?: IFilterLocaleKey;
-    locale?: IPartialFilterLocale;
-    isClearable?: boolean;
-    startPickerProps?: IFilterWithDateDatePickerProps;
-    endPickerProps?: IFilterWithDateDatePickerProps;
-    onChange: (val: IFilterWithDatesValue) => void;
-    onStartBtnSubmit?: () => void;
-    onEndBtnSubmit: () => void;
-}
-export declare const FilterWithDates: FC<IFilterWithDatesProps>;
+import { FC } from 'react';
+import { ICommonProps } from '../../../../types';
+import { IFilterWithDateDatePickerProps, IFilterLocaleKey, IFilterWithDatesValue, IPartialFilterLocale } from '../../types';
+import { IFilterWithDatesStyles } from './FilterWithDates.styles';
+export interface IFilterWithDatesProps extends ICommonProps<IFilterWithDatesStyles> {
+    value?: IFilterWithDatesValue;
+    localeKey?: IFilterLocaleKey;
+    locale?: IPartialFilterLocale;
+    isClearable?: boolean;
+    startPickerProps?: IFilterWithDateDatePickerProps;
+    endPickerProps?: IFilterWithDateDatePickerProps;
+    onChange: (val: IFilterWithDatesValue) => void;
+    onStartBtnSubmit?: () => void;
+    onEndBtnSubmit: () => void;
+}
+export declare const FilterWithDates: FC<IFilterWithDatesProps>;

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

@@ -1,26 +1,26 @@
-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 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 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;
-    tweakStartDatePicker: IDatePickerStyles;
-    tweakEndDatePicker: IDatePickerStyles;
-}>;
+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 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 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;
+    tweakStartDatePicker: IDatePickerStyles;
+    tweakEndDatePicker: IDatePickerStyles;
+}>;

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

@@ -1,2 +1,2 @@
-export * from './FilterWithDates';
-export type { IFilterWithDatesStyles } from './FilterWithDates.styles';
+export * from './FilterWithDates';
+export type { IFilterWithDatesStyles } from './FilterWithDates.styles';

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

@@ -1,13 +1,13 @@
-import { FC } from 'react';
-import { ICommonProps } from '../../../../types';
-import { IFilterLocaleKey, IPartialFilterLocale, IPeriod, IPeriodsList } from '../../types';
-import { IFilterWithPeriodStyles } from './FilterWithPeriod.styles';
-export interface IFilterWithPeriodProps extends ICommonProps<IFilterWithPeriodStyles> {
-    value?: IPeriod;
-    localeKey?: IFilterLocaleKey;
-    locale?: IPartialFilterLocale;
-    periods?: IPeriodsList;
-    onChange: (period?: IPeriod) => void;
-    onClose?: () => void;
-}
-export declare const FilterWithPeriod: FC<IFilterWithPeriodProps>;
+import { FC } from 'react';
+import { ICommonProps } from '../../../../types';
+import { IFilterLocaleKey, IPartialFilterLocale, IPeriod, IPeriodsList } from '../../types';
+import { IFilterWithPeriodStyles } from './FilterWithPeriod.styles';
+export interface IFilterWithPeriodProps extends ICommonProps<IFilterWithPeriodStyles> {
+    value?: IPeriod;
+    localeKey?: IFilterLocaleKey;
+    locale?: IPartialFilterLocale;
+    periods?: IPeriodsList;
+    onChange: (period?: IPeriod) => void;
+    onClose?: () => void;
+}
+export declare const FilterWithPeriod: FC<IFilterWithPeriodProps>;

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

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

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

@@ -1,2 +1,2 @@
-export * from './FilterWithPeriod';
-export type { IFilterWithPeriodStyles } from './FilterWithPeriod.styles';
+export * from './FilterWithPeriod';
+export type { IFilterWithPeriodStyles } from './FilterWithPeriod.styles';

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

@@ -1,13 +1,13 @@
-/// <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> {
-    filter: ConfigItem<Values[Key]>;
-    value?: Values[Key];
-    isDisabled?: boolean;
-    localeKey?: IFilterLocaleKey;
-    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;
+/// <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> {
+    filter: ConfigItem<Values[Key]>;
+    value?: Values[Key];
+    isDisabled?: boolean;
+    localeKey?: IFilterLocaleKey;
+    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;

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

@@ -1,8 +1,8 @@
-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" | "dropdown", unknown>;
-export type IFilterWrapperStyles = ITweakStyles<typeof useStyles, {
-    tweakWithPopup: IWithPopupStyles;
-    tweakValueView: IFilterValueViewStyles;
-}>;
+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" | "dropdown", unknown>;
+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: (value: unknown) => boolean;

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

@@ -1,2 +1,2 @@
-export * from './FilterWrapper';
-export type { IFilterWrapperStyles } from './FilterWrapper.styles';
+export * from './FilterWrapper';
+export type { IFilterWrapperStyles } from './FilterWrapper.styles';

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

@@ -1,21 +1,21 @@
-import { ReactNode } from 'react';
-import { ICommonProps } from '../../../../types';
-import { IFilterLocaleKey, IFiltersPaneSearchPayload, IPartialFilterLocale } from '../../types';
-import { IFiltersPaneSearchStyles } from './FiltersPaneSearch.styles';
-export interface IFiltersPaneSearchProps<Value> extends ICommonProps<IFiltersPaneSearchStyles> {
-    field?: Value;
-    fields?: Value[];
-    value?: string;
-    onChange: (v: IFiltersPaneSearchPayload<Value>) => void;
-    localeKey?: IFilterLocaleKey;
-    locale?: IPartialFilterLocale;
-    maxLength?: number;
-    getValueView?: (value: Value) => ReactNode;
-    getValueId?: (value: Value) => string;
-    getValueString?: (value: Value) => string;
-    hasClearSelectButton?: boolean;
-    isDisabled?: boolean;
-    isSelectSearchEnabled?: boolean;
-    isAutoSizeable?: boolean;
-}
-export declare function FiltersPaneSearch<Value>({ value, fields, field, onChange, localeKey, locale, getValueId, getValueView, getValueString, hasClearSelectButton, isDisabled, isSelectSearchEnabled, isAutoSizeable, maxLength, data, tweakStyles, testId, }: IFiltersPaneSearchProps<Value>): JSX.Element;
+import { ReactNode } from 'react';
+import { ICommonProps } from '../../../../types';
+import { IFilterLocaleKey, IFiltersPaneSearchPayload, IPartialFilterLocale } from '../../types';
+import { IFiltersPaneSearchStyles } from './FiltersPaneSearch.styles';
+export interface IFiltersPaneSearchProps<Value> extends ICommonProps<IFiltersPaneSearchStyles> {
+    field?: Value;
+    fields?: Value[];
+    value?: string;
+    onChange: (v: IFiltersPaneSearchPayload<Value>) => void;
+    localeKey?: IFilterLocaleKey;
+    locale?: IPartialFilterLocale;
+    maxLength?: number;
+    getValueView?: (value: Value) => ReactNode;
+    getValueId?: (value: Value) => string;
+    getValueString?: (value: Value) => string;
+    hasClearSelectButton?: boolean;
+    isDisabled?: boolean;
+    isSelectSearchEnabled?: boolean;
+    isAutoSizeable?: boolean;
+}
+export declare function FiltersPaneSearch<Value>({ value, fields, field, onChange, localeKey, locale, getValueId, getValueView, getValueString, hasClearSelectButton, isDisabled, isSelectSearchEnabled, isAutoSizeable, maxLength, data, tweakStyles, testId, }: IFiltersPaneSearchProps<Value>): JSX.Element;

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

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

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

@@ -1,2 +1,2 @@
-export * from './FiltersPaneSearch';
-export type { IFiltersPaneSearchStyles } from './FiltersPaneSearch.styles';
+export * from './FiltersPaneSearch';
+export type { IFiltersPaneSearchStyles } from './FiltersPaneSearch.styles';

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

@@ -1,9 +1,9 @@
-export * from './Filter';
-export * from './FilterInterval';
-export * from './FilterMultiSelect';
-export * from './FilterSelect';
-export * from './FiltersPaneSearch';
-export * from './FilterValueView';
-export * from './FilterWithDates';
-export * from './FilterWithPeriod';
-export * from './FilterWrapper';
+export * from './Filter';
+export * from './FilterInterval';
+export * from './FilterMultiSelect';
+export * from './FilterSelect';
+export * from './FiltersPaneSearch';
+export * from './FilterValueView';
+export * from './FilterWithDates';
+export * from './FilterWithPeriod';
+export * from './FilterWrapper';

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

@@ -1,9 +1,9 @@
-import type { 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>;
-export declare const DEFAULT_LOCALE: IFilterLocaleKey;
-export declare const DEFAULT_SELECT_LOCALE: ISelectLocaleKey;
-export declare const DEFAULT_DATE_FORMAT = "dd.MM.yyyy";
-export declare const DEFAULT_PICKER_PROPS: {};
-export declare const PERIODS_GETTERS: Record<string, IPeriodGetter>;
+import type { 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>;
+export declare const DEFAULT_LOCALE: IFilterLocaleKey;
+export declare const DEFAULT_SELECT_LOCALE: ISelectLocaleKey;
+export declare const DEFAULT_DATE_FORMAT = "dd.MM.yyyy";
+export declare const DEFAULT_PICKER_PROPS: {};
+export declare const PERIODS_GETTERS: Record<string, IPeriodGetter>;

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

@@ -1,5 +1,5 @@
-import { type IFilterLocale, type IFilterLocaleKey, type 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>;
-export declare const defaultConvertFunction: (val: unknown) => string;
+import { type IFilterLocale, type IFilterLocaleKey, type 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>;
+export declare const defaultConvertFunction: (val: unknown) => string;

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

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

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

@@ -1,107 +1,107 @@
-import { FC, ReactNode } from 'react';
-import { IDatePickerProps } from '../DatePicker';
-import { IMultiSelectListValues } from '../MultiSelectList';
-import type { IFilterIntervalProps, IFilterMultiSelectProps, IFilterSelectProps, IFilterWithDatesProps, IFilterWithPeriodProps } from './components';
-import { FilterLocales, PERIODS, SelectLocales } from './constants';
-export type IPeriodType = (typeof PERIODS)[number];
-export type IFilterMultiSelectValues<Option = string> = IMultiSelectListValues<Option>;
-export type IPeriodsList = Array<IPeriodType | [string, IPeriodGetter]>;
-export interface IFiltersPaneSearchPayload<Value> {
-    value?: string;
-    field?: Value;
-}
-export interface IFilterValueViewProps<Value> {
-    value?: Value;
-    filter: ConfigItem<Value>;
-}
-export interface IDatePeriod {
-    from: Date | null;
-    to: Date | null;
-}
-export interface IPeriod extends IDatePeriod {
-    periodType: string;
-    label?: string;
-}
-export type IPeriodGetter = () => IDatePeriod;
-export type IFilterWithDatesValue = IDatePeriod;
-export type MultiSelectOptionType<Value> = Value | undefined extends IFilterMultiSelectValues<infer Option> | undefined ? Option : unknown;
-export interface IConfigItemBasicBase<Value> {
-    name: string;
-    isInline?: boolean;
-    requiredFilledFilters?: string[];
-    localeKey?: IFilterLocaleKey;
-    locale?: IPartialFilterLocale;
-    getSelectedValueView?: (v: Value) => ReactNode;
-}
-export type IIntervalConfigItem<Value> = IConfigItemBasicBase<Value> & {
-    type: 'interval';
-} & Omit<IFilterIntervalProps, 'value' | 'onChange' | 'labelName'>;
-export interface IBooleanConfigItem<Value> extends IConfigItemBasicBase<Value> {
-    type: 'boolean';
-}
-export type IMultiSelectConfigItem<Value> = IConfigItemBasicBase<Value> & {
-    type: 'multiSelect';
-} & Omit<IFilterMultiSelectProps<Value, MultiSelectOptionType<Value>>, 'value' | 'onChange'>;
-export type ISelectConfigItem<Value> = IConfigItemBasicBase<Value> & {
-    type: 'select';
-} & Omit<IFilterSelectProps<Value>, 'value' | 'onChange'>;
-export type IDateRangeWithoutPeriodConfigItem<Value> = IConfigItemBasicBase<Value> & {
-    type: 'dateRangeWithoutPeriod';
-    dateFormat?: string;
-} & Omit<IFilterWithDatesProps, 'value' | 'onChange' | 'onStartBtnSubmit' | 'onEndBtnSubmit'>;
-export type IDateRangeConfigItem<Value> = IConfigItemBasicBase<Value> & {
-    type: 'dateRange';
-    dateFormat?: string;
-} & Omit<IFilterWithPeriodProps, 'value' | 'onChange' | 'setIsOpen'>;
-export type CustomComponent<Value> = FC<{
-    value?: Value;
-    onChange: (v?: Value) => void;
-    onClose?: () => void;
-    filter: ICustomConfigItem<Value>;
-    localeKey?: IFilterLocaleKey;
-    locale?: IPartialFilterLocale;
-}>;
-export interface ICustomConfigItem<Value> extends IConfigItemBasicBase<Value> {
-    [key: string]: any;
-    type: 'custom';
-    component: CustomComponent<Value>;
-    valueViewType?: 'range' | 'multiple';
-}
-export type ConfigItem<Value> = ISelectConfigItem<Value> | IMultiSelectConfigItem<Value> | ICustomConfigItem<Value> | IDateRangeWithoutPeriodConfigItem<Value> | IDateRangeConfigItem<Value> | IIntervalConfigItem<Value> | IBooleanConfigItem<Value>;
-export type ConfigType<Values> = {
-    [K in keyof Values]: ConfigItem<Values[K]>;
-};
-export interface IFilterLocale {
-    clear: string;
-    all: string;
-    other: string;
-    chosen: string;
-    searchPlaceholder: string;
-    displayedFields: string;
-    nothingFound: string;
-    from: string;
-    to: string;
-    back: string;
-    months: string[];
-    periods: {
-        [key: string]: string;
-        THIS_MONTH: string;
-        LAST_MONTH: string;
-        THIS_YEAR: string;
-        LAST_YEAR: string;
-        CUSTOM: string;
-    };
-}
-export type IPartialFilterLocale = Partial<Omit<IFilterLocale, 'periods'>> & {
-    periods?: Partial<IFilterLocale['periods']>;
-};
-export type IFilterLocaleKey = keyof typeof FilterLocales;
-export interface ISelectLocale {
-    clear: string;
-    all: string;
-    chosen: string;
-    searchPlaceholder: string;
-    nothingFound: string;
-}
-export type ISelectLocaleKey = keyof typeof SelectLocales;
-export type IFilterWithDateDatePickerProps = Omit<IDatePickerProps, 'onChange' | 'value' | 'locale' | 'months' | 'selectedDate' | 'tweakStyles'>;
+import { FC, ReactNode } from 'react';
+import { IDatePickerProps } from '../DatePicker';
+import { IMultiSelectListValues } from '../MultiSelectList';
+import type { IFilterIntervalProps, IFilterMultiSelectProps, IFilterSelectProps, IFilterWithDatesProps, IFilterWithPeriodProps } from './components';
+import { FilterLocales, PERIODS, SelectLocales } from './constants';
+export type IPeriodType = (typeof PERIODS)[number];
+export type IFilterMultiSelectValues<Option = string> = IMultiSelectListValues<Option>;
+export type IPeriodsList = Array<IPeriodType | [string, IPeriodGetter]>;
+export interface IFiltersPaneSearchPayload<Value> {
+    value?: string;
+    field?: Value;
+}
+export interface IFilterValueViewProps<Value> {
+    value?: Value;
+    filter: ConfigItem<Value>;
+}
+export interface IDatePeriod {
+    from: Date | null;
+    to: Date | null;
+}
+export interface IPeriod extends IDatePeriod {
+    periodType: string;
+    label?: string;
+}
+export type IPeriodGetter = () => IDatePeriod;
+export type IFilterWithDatesValue = IDatePeriod;
+export type MultiSelectOptionType<Value> = Value | undefined extends IFilterMultiSelectValues<infer Option> | undefined ? Option : unknown;
+export interface IConfigItemBasicBase<Value> {
+    name: string;
+    isInline?: boolean;
+    requiredFilledFilters?: string[];
+    localeKey?: IFilterLocaleKey;
+    locale?: IPartialFilterLocale;
+    getSelectedValueView?: (v: Value) => ReactNode;
+}
+export type IIntervalConfigItem<Value> = IConfigItemBasicBase<Value> & {
+    type: 'interval';
+} & Omit<IFilterIntervalProps, 'value' | 'onChange' | 'labelName'>;
+export interface IBooleanConfigItem<Value> extends IConfigItemBasicBase<Value> {
+    type: 'boolean';
+}
+export type IMultiSelectConfigItem<Value> = IConfigItemBasicBase<Value> & {
+    type: 'multiSelect';
+} & Omit<IFilterMultiSelectProps<Value, MultiSelectOptionType<Value>>, 'value' | 'onChange'>;
+export type ISelectConfigItem<Value> = IConfigItemBasicBase<Value> & {
+    type: 'select';
+} & Omit<IFilterSelectProps<Value>, 'value' | 'onChange'>;
+export type IDateRangeWithoutPeriodConfigItem<Value> = IConfigItemBasicBase<Value> & {
+    type: 'dateRangeWithoutPeriod';
+    dateFormat?: string;
+} & Omit<IFilterWithDatesProps, 'value' | 'onChange' | 'onStartBtnSubmit' | 'onEndBtnSubmit'>;
+export type IDateRangeConfigItem<Value> = IConfigItemBasicBase<Value> & {
+    type: 'dateRange';
+    dateFormat?: string;
+} & Omit<IFilterWithPeriodProps, 'value' | 'onChange' | 'setIsOpen'>;
+export type CustomComponent<Value> = FC<{
+    value?: Value;
+    onChange: (v?: Value) => void;
+    onClose?: () => void;
+    filter: ICustomConfigItem<Value>;
+    localeKey?: IFilterLocaleKey;
+    locale?: IPartialFilterLocale;
+}>;
+export interface ICustomConfigItem<Value> extends IConfigItemBasicBase<Value> {
+    [key: string]: any;
+    type: 'custom';
+    component: CustomComponent<Value>;
+    valueViewType?: 'range' | 'multiple';
+}
+export type ConfigItem<Value> = ISelectConfigItem<Value> | IMultiSelectConfigItem<Value> | ICustomConfigItem<Value> | IDateRangeWithoutPeriodConfigItem<Value> | IDateRangeConfigItem<Value> | IIntervalConfigItem<Value> | IBooleanConfigItem<Value>;
+export type ConfigType<Values> = {
+    [K in keyof Values]: ConfigItem<Values[K]>;
+};
+export interface IFilterLocale {
+    clear: string;
+    all: string;
+    other: string;
+    chosen: string;
+    searchPlaceholder: string;
+    displayedFields: string;
+    nothingFound: string;
+    from: string;
+    to: string;
+    back: string;
+    months: string[];
+    periods: {
+        [key: string]: string;
+        THIS_MONTH: string;
+        LAST_MONTH: string;
+        THIS_YEAR: string;
+        LAST_YEAR: string;
+        CUSTOM: string;
+    };
+}
+export type IPartialFilterLocale = Partial<Omit<IFilterLocale, 'periods'>> & {
+    periods?: Partial<IFilterLocale['periods']>;
+};
+export type IFilterLocaleKey = keyof typeof FilterLocales;
+export interface ISelectLocale {
+    clear: string;
+    all: string;
+    chosen: string;
+    searchPlaceholder: string;
+    nothingFound: string;
+}
+export type ISelectLocaleKey = keyof typeof SelectLocales;
+export type IFilterWithDateDatePickerProps = Omit<IDatePickerProps, 'onChange' | 'value' | 'locale' | 'months' | 'selectedDate' | 'tweakStyles'>;

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

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

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

@@ -1,12 +1,12 @@
-declare const _default: {
-    title: string;
-    component: import("react").FC<import("./Flag").IFlagProps>;
-    argTypes: {
-        countryCode: {
-            control: string;
-            options: string[];
-        };
-    };
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Flag").IFlagProps>;
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./Flag").IFlagProps>;
+    argTypes: {
+        countryCode: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./Flag").IFlagProps>;

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

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

@@ -1,2 +1,2 @@
-export * from './Flag';
-export type { IFlagStyles } from './Flag.styles';
+export * from './Flag';
+export type { IFlagStyles } from './Flag.styles';