willba-component-library 0.2.14 → 0.2.16

package/lib/components/FilterBar/FilterBar.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import '../../themes/Default.css';
 import { FilterBarProps } from './FilterBarTypes';
 import './FilterBar.css';
-export default function FilterBar({ language, ageCategories, redirectUrl, palette, onSubmit, fullWidth, calendarOffset, mode, tabs, }: FilterBarProps): React.JSX.Element;
+export default function FilterBar({ language, ageCategories, redirectUrl, palette, onSubmit, fullWidth, disableCalendarDates, mode, tabs, }: FilterBarProps): React.JSX.Element;

package/lib/components/FilterBar/FilterBarTypes.d.ts

@@ -1,5 +1,5 @@
+import { DisableCalendarDates } from '../../core/components/calendar/CalendarTypes';
 import { Palette } from '../../themes/useTheme';
-import { CalendarOffset } from '../../core/components/calendar/CalendarTypes';
 export type FilterBarProps = {
     language?: string;
     ageCategories?: AgeCategoryType[];
@@ -7,7 +7,7 @@ export type FilterBarProps = {
     palette?: Palette;
     onSubmit?: ((val: Filters) => void) | null;
     fullWidth?: boolean;
-    calendarOffset?: CalendarOffset;
+    disableCalendarDates?: DisableCalendarDates;
     mode?: string;
     defaultTab?: string;
     tabs?: Tab[];

package/lib/components/FilterCalendar/FilterCalendar.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import '../../themes/Default.css';
 import { FilterCalendarTypes } from './FilterCalendarTypes';
 import './FilterCalendar.css';
-export default function FilterCalendar({ calendarOffset, language, palette, onSubmit, calendarOffsetGroup, toggleCalendar, setToggleCalendar, requestDates, }: FilterCalendarTypes): React.JSX.Element;
+export default function FilterCalendar({ calendarOffset, language, palette, onSubmit, disableCalendarDates, toggleCalendar, loadingData, setToggleCalendar, requestDates, }: FilterCalendarTypes): React.JSX.Element;

package/lib/components/FilterCalendar/hooks/useFilterCalendar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DateRange } from 'react-day-picker';
+import { DateRange, Matcher } from 'react-day-picker';
 type Props = {
     onSubmit: (val: any) => void;
     setToggleCalendar: (val: boolean) => void;
@@ -8,6 +8,10 @@ export declare const useFilterCalendar: ({ onSubmit, setToggleCalendar }: Props)
     handleSubmit: () => void;
     handleClearDates: () => void;
     setCalendarRange: import("react").Dispatch<import("react").SetStateAction<DateRange | undefined>>;
+    setDisabledDates: import("react").Dispatch<import("react").SetStateAction<Matcher[]>>;
+    setUpdateCalendar: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     calendarRange: DateRange | undefined;
+    disabledDates: Matcher[];
+    updateCalendar: boolean;
 };
 export {};

package/lib/core/components/calendar/Calendar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
+import { CalendarTypes } from './CalendarTypes';
 import 'react-day-picker/dist/style.css';
 import './Calendar.css';
-import { CalendarTypes } from './CalendarTypes';
 export declare const Calendar: React.ForwardRefExoticComponent<CalendarTypes & React.RefAttributes<HTMLDivElement>>;

package/lib/core/components/calendar/CalendarTypes.d.ts

@@ -1,16 +1,33 @@
-import { DateRange } from 'react-day-picker';
+import { DateRange, Matcher } from 'react-day-picker';
 export type CalendarOffset = {
     [key: string]: number;
 };
+export type DisableCalendarDates = {
+    availableDates?: {
+        checkIn: Date;
+        firstCheckOut: Date;
+        lastCheckOut: Date;
+    }[];
+    disabledDates?: {
+        to: Date;
+        from: Date;
+    }[];
+    disabledDatesByPage?: {
+        page: string;
+        offset: number;
+    }[];
+};
 export type CalendarTypes = {
     calendarRange?: DateRange | undefined;
     setCalendarRange: (range: DateRange | undefined) => void;
     calendarOffset?: CalendarOffset;
     selectedPath?: string;
     language?: string;
-    calendarOffsetGroup?: {
-        from: Date;
-        to: Date;
-    }[];
+    disableCalendarDates?: DisableCalendarDates;
     requestDates?: (val: Date) => void;
+    disabledDates?: Matcher[];
+    setDisabledDates?: (arg: Matcher[]) => void;
+    updateCalendar?: boolean;
+    setUpdateCalendar?: (arg: (prev: boolean) => boolean) => void;
+    loadingData?: boolean;
 };

package/lib/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DateRange } from 'react-day-picker';
+import { DateRange, Matcher } from 'react-day-picker';
 
 interface ButtonProps {
     /**
@@ -28,25 +28,42 @@ interface ButtonProps {
  */
 declare const Button: ({ type, textColor, size, onClick, label, }: ButtonProps) => React.JSX.Element;
 
-type Palette = {
-    primary: string;
-    secondary: string;
-};
-
 type CalendarOffset = {
     [key: string]: number;
 };
+type DisableCalendarDates = {
+    availableDates?: {
+        checkIn: Date;
+        firstCheckOut: Date;
+        lastCheckOut: Date;
+    }[];
+    disabledDates?: {
+        to: Date;
+        from: Date;
+    }[];
+    disabledDatesByPage?: {
+        page: string;
+        offset: number;
+    }[];
+};
 type CalendarTypes = {
     calendarRange?: DateRange | undefined;
     setCalendarRange: (range: DateRange | undefined) => void;
     calendarOffset?: CalendarOffset;
     selectedPath?: string;
     language?: string;
-    calendarOffsetGroup?: {
-        from: Date;
-        to: Date;
-    }[];
+    disableCalendarDates?: DisableCalendarDates;
     requestDates?: (val: Date) => void;
+    disabledDates?: Matcher[];
+    setDisabledDates?: (arg: Matcher[]) => void;
+    updateCalendar?: boolean;
+    setUpdateCalendar?: (arg: (prev: boolean) => boolean) => void;
+    loadingData?: boolean;
+};
+
+type Palette = {
+    primary: string;
+    secondary: string;
 };
 
 type FilterBarProps = {
@@ -56,7 +73,7 @@ type FilterBarProps = {
     palette?: Palette;
     onSubmit?: ((val: Filters) => void) | null;
     fullWidth?: boolean;
-    calendarOffset?: CalendarOffset;
+    disableCalendarDates?: DisableCalendarDates;
     mode?: string;
     defaultTab?: string;
     tabs?: Tab[];
@@ -82,7 +99,7 @@ type Tab = {
     label?: Translations;
 };
 
-declare function FilterBar({ language, ageCategories, redirectUrl, palette, onSubmit, fullWidth, calendarOffset, mode, tabs, }: FilterBarProps): React.JSX.Element;
+declare function FilterBar({ language, ageCategories, redirectUrl, palette, onSubmit, fullWidth, disableCalendarDates, mode, tabs, }: FilterBarProps): React.JSX.Element;
 
 interface FilterCalendarTypes extends Partial<CalendarTypes> {
     palette: Palette;
@@ -91,6 +108,6 @@ interface FilterCalendarTypes extends Partial<CalendarTypes> {
     setToggleCalendar: (val: boolean) => void;
 }
 
-declare function FilterCalendar({ calendarOffset, language, palette, onSubmit, calendarOffsetGroup, toggleCalendar, setToggleCalendar, requestDates, }: FilterCalendarTypes): React.JSX.Element;
+declare function FilterCalendar({ calendarOffset, language, palette, onSubmit, disableCalendarDates, toggleCalendar, loadingData, setToggleCalendar, requestDates, }: FilterCalendarTypes): React.JSX.Element;
 
 export { Button, FilterBar, FilterCalendar, FilterCalendarTypes, Tab };