willba-component-library 0.0.79 → 0.0.81

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

@@ -1,9 +1,11 @@
 import React from 'react';
+import { AgeCategoryType } from './FilterBarTypes';
 import './FilterBar.css';
 import '../../themes/Default.css';
-type FilterBarProps = {
+interface FilterBarProps {
     vendor?: string;
     language?: string;
-};
-export default function FilterBar({ vendor, language }: FilterBarProps): React.JSX.Element;
+    ageCategories: AgeCategoryType[];
+}
+export default function FilterBar({ vendor, language, ageCategories, }: FilterBarProps): React.JSX.Element;
 export {};

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

@@ -0,0 +1,22 @@
+export interface AgeCategoryCount {
+    [categoryId: string]: number;
+}
+export interface AgeCategoryType {
+    id: string;
+    name: string;
+    minAge: number | null;
+    maxAge: number | null;
+    minVal: number;
+}
+export interface GuestsPropsType {
+    ageCategories: AgeCategoryType[];
+    updateGuestsCount: (arg1: number, arg2: number) => void;
+    ageCategoryCounts: AgeCategoryCount | {};
+}
+export interface GuestsCountPropsType {
+    label: string;
+    id: number;
+    updateGuestsCount: (arg1: number, arg2: number) => void;
+    count: number;
+    minVal: number;
+}

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

@@ -1,4 +1,10 @@
 import React from 'react';
+import { DateRange } from 'react-day-picker';
 import 'react-day-picker/dist/style.css';
 import './Calendar.css';
-export default function Calendar({ calendarRange, setCalendarRange }: any): React.JSX.Element;
+interface CalendarPropsType {
+    calendarRange: DateRange | undefined;
+    setCalendarRange: (range: DateRange | undefined) => void;
+}
+export default function Calendar({ calendarRange, setCalendarRange, }: CalendarPropsType): React.JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { GuestsCountPropsType } from '../../../FilterBarTypes';
+import './GuestCount.css';
+export default function GuestCount({ label, id, updateGuestsCount, count, minVal, }: GuestsCountPropsType): React.JSX.Element;

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

@@ -1,3 +1,4 @@
 import React from 'react';
+import { GuestsPropsType } from '../../FilterBarTypes';
 import './Guests.css';
-export default function Guests({ guestsAdults, guestsKids, decrementAdults, incrementAdults, decrementKids, incrementKids, }: any): React.JSX.Element;
+export default function Guests({ ageCategories, updateGuestsCount, ageCategoryCounts, }: GuestsPropsType): React.JSX.Element;

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

@@ -1,16 +1,16 @@
 /// <reference types="react" />
 import { DateRange } from 'react-day-picker';
-export default function useFilterBar(): {
+import { AgeCategoryCount } from '../FilterBarTypes';
+export default function useFilterBar(ageCategories: any): {
     selectedFilter: number | boolean;
-    guestsAdults: number;
-    guestsKids: number;
+    ageCategoryCounts: AgeCategoryCount;
     categories: number;
     calendarRange: DateRange | undefined;
     setCalendarRange: import("react").Dispatch<import("react").SetStateAction<DateRange | undefined>>;
     setSelectedFilter: import("react").Dispatch<import("react").SetStateAction<number | boolean>>;
-    setGuestsAdults: import("react").Dispatch<import("react").SetStateAction<number>>;
-    setGuestsKids: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setAgeCategoryCounts: import("react").Dispatch<import("react").SetStateAction<AgeCategoryCount>>;
     setCategories: import("react").Dispatch<import("react").SetStateAction<number>>;
     handleSelectedFilter: (id: number | boolean) => void;
     handleSubmit: () => void;
+    updateGuestsCount: (id: number, newCount: number) => void;
 };

package/lib/index.d.ts

@@ -27,10 +27,19 @@ interface ButtonProps {
  */
 declare const Button: ({ type, textColor, size, onClick, label, }: ButtonProps) => React.JSX.Element;
 
-type FilterBarProps = {
+interface AgeCategoryType {
+    id: string;
+    name: string;
+    minAge: number | null;
+    maxAge: number | null;
+    minVal: number;
+}
+
+interface FilterBarProps {
     vendor?: string;
     language?: string;
-};
-declare function FilterBar({ vendor, language }: FilterBarProps): React.JSX.Element;
+    ageCategories: AgeCategoryType[];
+}
+declare function FilterBar({ vendor, language, ageCategories, }: FilterBarProps): React.JSX.Element;
 
 export { Button, FilterBar };