@true-engineering/true-react-common-ui-kit 4.0.0-alpha30 → 4.0.0-alpha32

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

@@ -1,4 +1,4 @@
-import { MouseEvent } from 'react';
+/// <reference types="react" />
 import { ICommonProps } from '../../types';
 import { IChangeInputEvent, IInputProps } from '../Input';
 import { IDateInputStyles } from './DateInput.styles';
@@ -11,7 +11,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>>;

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

@@ -1,9 +1,10 @@
 import { FC, SyntheticEvent } from 'react';
-import ReactDatePicker from 'react-datepicker';
+import type ReactDatePicker from 'react-datepicker';
 import 'react-datepicker/dist/react-datepicker.css';
 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;

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

@@ -0,0 +1,5 @@
+import 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/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 { type 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 { DatePickerProps } from 'react-datepicker';
-import { type Locale } from 'date-fns';
+import { type DatePickerProps } from 'react-datepicker';
 import { type IDateInputProps } from '../DateInput';
 export type IRange = [Date | null, Date | null] | null;
-export type IDatePickerLocale = 'ru' | 'en' | Locale;
 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/Input/InputBase.d.ts

@@ -4,7 +4,7 @@ import { ICommonProps } from '../../types';
 import { IControlWrapperProps } from '../ControlWrapper';
 import { IChangeInputEvent } from './types';
 import { IInputStyles } from './Input.styles';
-export interface IInputBaseProps extends ICommonProps<IInputStyles>, Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size'>, Pick<IControlWrapperProps, 'label' | 'icon' | 'size' | 'groupPlacement' | 'isInvalid' | 'isRequired' | 'isLoading' | 'isDisabled'>, Pick<Partial<ReactInputMaskBaseProps>, 'mask' | 'maskPlaceholder' | 'alwaysShowMask' | 'beforeMaskedStateChange'> {
+export interface IInputBaseProps extends ICommonProps<IInputStyles>, Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size' | 'className'>, Pick<IControlWrapperProps, 'label' | 'icon' | 'size' | 'groupPlacement' | 'isInvalid' | 'isRequired' | 'isLoading' | 'isDisabled'>, Pick<Partial<ReactInputMaskBaseProps>, 'mask' | 'maskPlaceholder' | 'alwaysShowMask' | 'beforeMaskedStateChange'> {
     value?: string;
     units?: ReactNode;
     /** @default false */

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"content" | "input" | "label" | "isDisabled" | "isInvalid", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"content" | "input" | "isDisabled" | "label" | "isInvalid", unknown>;
 export type IRadioButtonStyles = ITweakStyles<typeof useStyles>;

package/dist/components/Select/Select.d.ts

@@ -3,11 +3,11 @@ import { ICommonProps, IDropdownWithPopperOptions } from '../../types';
 import { IIcon } from '../Icon';
 import { IInputProps } from '../Input';
 import { ISearchInputProps } from '../SearchInput';
-import { IChangeSelectEvent, IMultipleSelectValue } from './types';
+import { IChangeSelectEvent, IMultipleSelectValue, ISelectFooter } from './types';
 import { ISelectStyles } from './Select.styles';
 export interface ISelectProps<Value> extends Omit<IInputProps, 'value' | 'onChange' | 'onBlur' | 'type' | 'tweakStyles'>, ICommonProps<ISelectStyles> {
     header?: ReactNode;
-    footer?: ReactNode;
+    footer?: ISelectFooter<Value>;
     defaultOptionLabel?: ReactNode;
     allOptionsLabel?: string;
     noMatchesLabel?: string;

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

@@ -1,4 +1,8 @@
 import { ChangeEvent, KeyboardEvent } from 'react';
+import { IRenderNode } from '../../types';
 import { IChangeInputEvent } from '../Input';
 export type IMultipleSelectValue<Value> = Array<NonNullable<Value>>;
 export type IChangeSelectEvent = IChangeInputEvent | ChangeEvent<HTMLElement> | KeyboardEvent;
+export type ISelectFooter<T> = IRenderNode<{
+    filteredOptions: T[];
+}>;

package/dist/hooks/index.d.ts

@@ -1,9 +1,10 @@
+export * from './use-did-mount-effect';
+export * from './use-dropdown';
+export * from './use-intersection-ref';
 export * from './use-is-mounted';
+export * from './use-latest-ref';
+export * from './use-merge';
+export * from './use-merged-refs';
+export * from './use-mixed-styles';
 export * from './use-on-click-outside';
-export * from './use-dropdown';
 export * from './use-tweak-styles';
-export * from './use-did-mount-effect';
-export * from './use-mixed-styles';
-export * from './use-merged-refs';
-export * from './use-merge';
-export * from './use-intersection-ref';

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

@@ -0,0 +1,2 @@
+import { MutableRefObject } from 'react';
+export declare const useLatestRef: <T>(value: T) => MutableRefObject<T>;

package/dist/hooks/use-on-click-outside.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
 export declare const checkElementParentsClassNames: (element: HTMLElement, className: string) => boolean;
 export declare const isElementOneOfParents: (element: HTMLElement, elToSearch: HTMLElement) => boolean;
-export declare function useOnClickOutsideWithRef<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(ref: RefObject<Elem>, handler: (event: MouseEvent | TouchEvent) => void, ignoreRef?: RefObject<IgnoreElem>): void;
-export declare function useOnClickOutside<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(ref: RefObject<Elem>, handler: (event: MouseEvent | TouchEvent) => void, ignoreClassName?: string, ignoreRef?: RefObject<IgnoreElem>): void;
+export declare function useOnClickOutsideWithRef<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(refOrGetter: RefObject<Elem | null> | (() => Elem | null | undefined) | undefined, handler: (event: MouseEvent | TouchEvent) => void, ignoreRef?: RefObject<IgnoreElem>): void;
+export declare function useOnClickOutside<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(refOrGetter: RefObject<Elem | null> | (() => Elem | null | undefined) | undefined, handler: (event: MouseEvent | TouchEvent) => void, ignoreClassName?: string, ignoreRef?: RefObject<IgnoreElem>): void;