@livechat/design-system-react-components 2.11.0 → 2.13.0

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

@@ -1,4 +1,3 @@
-import { default as ReactDayPicker } from 'react-day-picker';
 import { IDatePickerProps } from './types';
 import * as React from 'react';
-export declare const DatePicker: React.ForwardRefExoticComponent<IDatePickerProps & React.RefAttributes<ReactDayPicker>>;
+export declare const DatePicker: React.FC<IDatePickerProps>;

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

@@ -2,7 +2,7 @@ import { ReactElement } from 'react';
 import { IRangeDatePickerProps } from './types';
 
 export declare const RangeDatePicker: {
-    ({ options, initialSelectedItemKey, initialFromDate, initialToDate, toMonth, onChange, children, }: IRangeDatePickerProps): ReactElement;
+    ({ options, initialSelectedItemKey, initialFromDate, initialToDate, toMonth, onChange, onSelect, children, }: IRangeDatePickerProps): ReactElement;
     defaultProps: {
         options: {
             id: string;

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

@@ -0,0 +1,3 @@
+import { IDatePickerCustomNavigationProps } from '../types';
+import * as React from 'react';
+export declare const DatePickerCustomNavigation: React.FC<IDatePickerCustomNavigationProps>;

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

@@ -1,5 +1,3 @@
-import { Modifiers } from 'react-day-picker';
-import { ClassNames } from 'react-day-picker/types/ClassNames';
 import { IRangeDatePickerProps, IRangeDatePickerState, IRangeDatePickerOption } from './types';
 
 export declare const isDateWithinRange: (date: Date, range: {
@@ -7,11 +5,6 @@ export declare const isDateWithinRange: (date: Date, range: {
     to?: Date;
 }) => boolean;
 export declare const calculateDatePickerMonth: (initialFromDate?: Date, initialToDate?: Date, toMonth?: Date) => Date;
-export declare const getRangeDatePickerModifiers: (from?: Date, to?: Date) => Partial<Modifiers>;
 export declare const getSelectedOption: (itemId: string | null, options: IRangeDatePickerOption[]) => IRangeDatePickerOption | undefined;
 export declare const isSelectingFirstDay: (from?: Date, to?: Date) => boolean;
 export declare const getInitialStateFromProps: (props: IRangeDatePickerProps) => Partial<IRangeDatePickerState>;
-export declare const getDatePickerClassNames: (range?: boolean, classNames?: ClassNames) => ClassNames & {
-    start: string;
-    end: string;
-};

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

@@ -1,23 +1,13 @@
-import { Reducer, Ref, ReactElement } from 'react';
-import { default as ReactDayPicker, DayPickerProps } from 'react-day-picker';
-import { ClassNames } from 'react-day-picker/types/ClassNames';
+import { Reducer, ReactElement } from 'react';
+import { DayPickerProps, DateRange } from 'react-day-picker';
 
-export interface IDatePickerProps extends Omit<DayPickerProps, 'todayButton' | 'showWeekNumbers'> {
-    innerRef?: Ref<ReactDayPicker>;
-    range?: boolean;
-}
-export interface IDatePickerNavbarProps {
-    showPreviousButton?: boolean;
-    showNextButton?: boolean;
-    month: Date;
-    fromMonth?: Date;
-    toMonth?: Date;
+export type IDatePickerProps = DayPickerProps;
+export interface IDatePickerCustomNavigationProps {
+    currentMonth: Date;
+    setMonth: (date: Date) => void;
+    startMonth?: Date;
+    endMonth?: Date;
     numberOfMonths?: number;
-    className?: string;
-    classNames: ClassNames;
-    onPreviousClick?: () => void;
-    onNextClick?: () => void;
-    onMonthChange: (newMonth: Date) => void;
 }
 export declare enum RangeDatePickerAction {
     NEW_SELECTED_ITEM = "NEW_SELECTED_ITEM",
@@ -63,20 +53,6 @@ export interface IRangeDatePickerOption {
         to?: Date;
     } | null;
 }
-interface IRangeDatePickerChildrenPayloadDatePicker {
-    modifiers?: DayPickerProps['modifiers'];
-    initialMonth?: Date;
-    month: Date;
-    range?: boolean;
-    numberOfMonths: number;
-    fromMonth?: Date;
-    toMonth?: Date;
-    selectedDays?: DayPickerProps['selectedDays'];
-    disabledDays?: DayPickerProps['disabledDays'];
-    onDayMouseEnter: DayPickerProps['onDayMouseEnter'];
-    onDayClick(day: Date): void;
-    onMonthChange(month: Date): void;
-}
 export interface IRangeDatePickerChildrenPayload {
     select: {
         selected: string | number;
@@ -86,7 +62,7 @@ export interface IRangeDatePickerChildrenPayload {
         fromDate?: Date;
         toDate?: Date;
     };
-    datepicker: IRangeDatePickerChildrenPayloadDatePicker;
+    datepicker: DayPickerProps;
     selectedOption?: IRangeDatePickerOption;
 }
 export interface IRangeDatePickerProps {
@@ -96,6 +72,6 @@ export interface IRangeDatePickerProps {
     initialToDate?: Date;
     toMonth?: Date;
     onChange: (selected: IRangeDatePickerOption | null) => void;
+    onSelect?: (selected: DateRange | null) => void;
     children(payload: IRangeDatePickerChildrenPayload): ReactElement;
 }
-export {};