@true-engineering/true-react-common-ui-kit 4.0.0-alpha65 → 4.0.0-alpha67

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

@@ -1,4 +1,4 @@
 import { DatePickerProps } from 'react-datepicker';
 import { IDateInputProps } from '../DateInput';
 export type IRange = [Date | null, Date | null] | null;
-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'>;
+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/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/FilterWithDates/FilterWithDates.styles.d.ts

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

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

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

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

@@ -3,7 +3,7 @@ import { ITestIdProps } from '../../types';
 import { IDatePickerProps } from '../DatePicker';
 import { IMultiSelectListValues } from '../MultiSelectList';
 import { INumberInputProps } from '../NumberInput';
-import { IFilterIntervalProps, IFilterMultiSelectProps, IFilterSelectProps, IFilterWithDatesProps, IFilterWithPeriodProps, IFilterWrapperStyles } from './components';
+import { IFilterDateSingleProps, IFilterIntervalProps, IFilterMultiSelectProps, IFilterSelectProps, IFilterWithDatesProps, IFilterWithPeriodProps, IFilterWrapperStyles } from './components';
 import { FilterLocales, PERIODS, SelectLocales } from './constants';
 export type IPeriodType = (typeof PERIODS)[number];
 export type IFilterMultiSelectValues<Option = string> = IMultiSelectListValues<Option>;
@@ -25,6 +25,7 @@ export interface IPeriod extends IDatePeriod {
     label?: string;
 }
 export type IPeriodGetter = () => IDatePeriod;
+export type IFilterDateSingleValue = Date;
 export type IFilterWithDatesValue = IDatePeriod;
 export type MultiSelectOptionType<Value> = Value | undefined extends IFilterMultiSelectValues<infer Option> | undefined ? Option : unknown;
 export interface IConfigItemBasicBase<Value> {
@@ -59,6 +60,9 @@ export type IDateRangeConfigItem<Value> = IConfigItemBasicBase<Value> & {
     type: 'dateRange';
     dateFormat?: string;
 } & Omit<IFilterWithPeriodProps, 'value' | 'onChange' | 'setIsOpen'>;
+export type IDatePickerSingleConfigItem<Value> = IConfigItemBasicBase<Value> & {
+    type: 'datePickerSingle';
+} & Omit<IFilterDateSingleProps, 'value' | 'onChange' | 'onEndBtnSubmit'>;
 export interface ICustomComponentProps<Value> extends ITestIdProps {
     value?: Value;
     onChange: (v?: Value) => void;
@@ -83,7 +87,7 @@ export interface ICustomMultipleConfigItem<Value> extends IConfigItemBasicBase<V
     getSelectedValue?: (v: ICustomValue<Value>) => ReactNode;
 }
 export type ICustomConfigItem<Value> = ICustomRangeConfigItem<Value> | ICustomMultipleConfigItem<Value>;
-export type ConfigItem<Value> = ISelectConfigItem<Value> | IMultiSelectConfigItem<Value> | ICustomConfigItem<Value> | IDateRangeWithoutPeriodConfigItem<Value> | IDateRangeConfigItem<Value> | IIntervalConfigItem<Value> | IBooleanConfigItem<Value>;
+export type ConfigItem<Value> = ISelectConfigItem<Value> | IMultiSelectConfigItem<Value> | ICustomConfigItem<Value> | IDateRangeWithoutPeriodConfigItem<Value> | IDateRangeConfigItem<Value> | IDatePickerSingleConfigItem<Value> | IIntervalConfigItem<Value> | IBooleanConfigItem<Value>;
 export type ConfigType<Values> = {
     [K in keyof Values]: ConfigItem<Values[K]>;
 };
@@ -98,6 +102,7 @@ export interface IFilterLocale {
     from: string;
     to: string;
     back: string;
+    date: string;
     months: string[];
     periods: {
         [key: string]: string;

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

@@ -1,9 +1,3 @@
-import { CSSProperties } from 'react';
 import { ITweakStyles } from '../../theme';
-export declare const SELECTOR_GAP: number;
-export declare const getSelectorLineStyle: (activeElementData?: {
-    clientWidth: number;
-    offsetLeft: number;
-}) => CSSProperties | undefined;
-export declare const useStyles: import('../../theme').IUseStyles<"option" | "s" | "line" | "invalid" | "root" | "active" | "disabled" | "m" | "l" | "iconFromRight" | "required" | "optionWrapper" | "optionIcon" | "optionText" | "selector" | "autoWidth">;
+export declare const useStyles: import('../../theme').IUseStyles<"option" | "s" | "invalid" | "active" | "disabled" | "m" | "l" | "iconFromRight" | "required" | "selector" | "autoWidth" | "optionIcon" | "optionText">;
 export type ISelectorStyles = ITweakStyles<typeof useStyles>;

package/dist/hooks/use-resize-ref.d.ts

@@ -1,8 +1,8 @@
 import { RefCallback } from 'react';
-export interface IResizeRefOptions {
+export interface IResizeRefOptions<T extends Element> {
     /** @default false */
     isDisabled?: boolean;
     onChange?: (entry: ResizeObserverEntry) => void;
-    onTargetChange?: (target: Element) => void;
+    onTargetChange?: (target: T) => void;
 }
-export declare const useResizeRef: (options: IResizeRefOptions) => RefCallback<Element>;
+export declare const useResizeRef: <T extends Element>(options: IResizeRefOptions<T>) => RefCallback<T>;

package/dist/theme/types.d.ts

@@ -1,6 +1,6 @@
 import { Classes, JssStyle, JssValue, Styles } from 'jss';
 import { IMaybeArray } from '@true-engineering/true-react-platform-helpers';
-import { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, IControlWrapperStyles, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDocActionsStyles, IDotsPreloaderStyles, IFileInputStyles, IFileItemStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterValueViewStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFlexibleTableStyles, IIconButtonStyles, IIconStyles, IIconType, IIncrementInputStyles, IInputStyles, IListItemStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INewMoreMenuStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectorStyles, ISelectStyles, ISkeletonStyles, IStatusStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextButtonStyles, ITextWithInfoStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IWithMessagesStyles, IWithPopupStyles, IWithTooltipStyles } from '../components';
+import { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, IControlWrapperStyles, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDocActionsStyles, IDotsPreloaderStyles, IFileInputStyles, IFileItemStyles, IFilterDateSingleStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterValueViewStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFlexibleTableStyles, IIconButtonStyles, IIconStyles, IIconType, IIncrementInputStyles, IInputStyles, IListItemStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INewMoreMenuStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectorStyles, ISelectStyles, ISkeletonStyles, IStatusStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextButtonStyles, ITextWithInfoStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IWithMessagesStyles, IWithPopupStyles, IWithTooltipStyles } from '../components';
 export type IStyles<C extends string> = Styles<C>;
 export type IStyle = JssStyle;
 export type IMixedStyles<T> = IMaybeArray<T | boolean | undefined>;
@@ -27,6 +27,7 @@ export interface IComponentStyles {
     FileItem: IFileItemStyles;
     FilterValueView: IFilterValueViewStyles;
     FiltersPane: IFiltersPaneStyles;
+    FilterDateSingle: IFilterDateSingleStyles;
     FilterInterval: IFilterIntervalStyles;
     FilterSelect: IFilterSelectStyles;
     FilterWithDates: IFilterWithDatesStyles;