willba-component-library 0.1.37 → 0.1.39

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

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

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

@@ -7,11 +7,6 @@ export interface AgeCategoryType {
     minVal: number;
     sortOrder: number;
 }
-export interface GuestsPropsType {
-    ageCategories: AgeCategoryType[];
-    updateGuestsCount: (arg1: string, arg2: number) => void;
-    ageCategoryCounts: AgeCategoryCount | {};
-}
 export interface GuestsCountPropsType {
     label: string;
     id: number;

package/lib/components/FilterBar/components/buttons/close-button/CloseButton.d.ts

@@ -3,5 +3,5 @@ import './CloseButton.css';
 interface CloseButtonPropsType {
     handleClose: () => void;
 }
-export default function CloseButton({ handleClose }: CloseButtonPropsType): React.JSX.Element;
+export declare const CloseButton: ({ handleClose }: CloseButtonPropsType) => React.JSX.Element;
 export {};

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

@@ -0,0 +1,4 @@
+export { CloseButton } from './close-button/CloseButton';
+export { SelectButton } from './select-button/SelectButton';
+export { SubmitButton } from './submit-button/SubmitButton';
+export { TabButton } from './tab-button/TabButton';

package/lib/components/FilterBar/components/buttons/select-button/SelectButton.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import './SelectButton.css';
-export default function SelectButton({ label, onClick, style, description, }: any): React.JSX.Element;
+export declare const SelectButton: ({ label, onClick, style, description }: any) => React.JSX.Element;

package/lib/components/FilterBar/components/buttons/submit-button/SubmitButton.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import './SubmitButton.css';
-export default function SubmitButton({ onClick }: any): React.JSX.Element;
+export declare const SubmitButton: ({ onClick }: any) => React.JSX.Element;

package/lib/components/FilterBar/components/buttons/tab-button/TabButton.d.ts

@@ -5,5 +5,5 @@ type Props = {
     label: string;
     active?: boolean;
 };
-export default function SubmitButton({ onClick, label, active }: Props): React.JSX.Element;
+export declare const TabButton: ({ onClick, label, active }: Props) => React.JSX.Element;
 export {};

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

@@ -2,9 +2,9 @@ import React from 'react';
 import { DateRange } from 'react-day-picker';
 import 'react-day-picker/dist/style.css';
 import './Calendar.css';
-interface CalendarPropsType {
+type Props = {
     calendarRange: DateRange | undefined;
     setCalendarRange: (range: DateRange | undefined) => void;
-}
-export default function Calendar({ calendarRange, setCalendarRange, }: CalendarPropsType): React.JSX.Element;
+};
+export declare const Calendar: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,3 +1,8 @@
 import React from 'react';
 import './Categories.css';
-export default function Categories({ categories, setCategories }: any): React.JSX.Element;
+type Props = {
+    categories: any;
+    setCategories: any;
+};
+export declare const Categories: ({ categories, setCategories }: Props) => React.JSX.Element;
+export {};

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import './Divider.css';
-export default function Divider(): React.JSX.Element;
+export declare const Divider: () => React.JSX.Element;

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

@@ -1,4 +1,10 @@
 import React from 'react';
-import { GuestsPropsType } from '../../FilterBarTypes';
+import { AgeCategoryCount, AgeCategoryType } from '../../FilterBarTypes';
 import './Guests.css';
-export default function Guests({ ageCategories, updateGuestsCount, ageCategoryCounts, }: GuestsPropsType): React.JSX.Element;
+type Props = {
+    ageCategories: AgeCategoryType[];
+    updateGuestsCount: (arg1: string, arg2: number) => void;
+    ageCategoryCounts: AgeCategoryCount | {};
+};
+export declare const Guests: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,5 @@
+export { CloseButton, SelectButton, SubmitButton, TabButton } from './buttons';
+export { Guests } from './guests/Guests';
+export { Calendar } from './calendar/Calendar';
+export { Divider } from './divider/Divider';
+export { Categories } from './categories/Categories';

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

@@ -0,0 +1,4 @@
+export { useFilterBar } from './useFilterBar';
+export { useScrollInToView } from './useScrollInToView';
+export { useUpdateTranslations } from './useUpdateTranslations';
+export { useCloseFilterSection } from './useCloseFilterSection';

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type Props = {
+    handleSelectedFilter: (arg: boolean) => void;
+};
+export declare const useCloseFilterSection: ({ handleSelectedFilter }: Props) => {
+    filtersRef: import("react").RefObject<HTMLDivElement>;
+};
+export {};

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

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import { DateRange } from 'react-day-picker';
 import { AgeCategoryCount } from '../FilterBarTypes';
-interface UseFilterBarPropsType {
+type Props = {
     redirectUrl?: string;
     currentViewApply?: string;
-}
-export default function useFilterBar({ redirectUrl, currentViewApply, }: UseFilterBarPropsType): {
+};
+export declare const useFilterBar: ({ redirectUrl, currentViewApply }: Props) => {
     selectedFilter: number | boolean;
     ageCategoryCounts: AgeCategoryCount;
     categories: number;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+type Props = {
+    selectedFilter: number | boolean;
+};
+export declare const useScrollInToView: ({ selectedFilter }: Props) => {
+    isMobile: boolean;
+    targetFilterBarRef: import("react").MutableRefObject<HTMLDivElement | null>;
+};
+export {};

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

@@ -0,0 +1,5 @@
+type Props = {
+    language?: string;
+};
+export declare const useUpdateTranslations: ({ language }: Props) => void;
+export {};

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

@@ -0,0 +1,2 @@
+export { parseDates } from './parseDates';
+export { parseGuests } from './parseGuests';

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

@@ -0,0 +1,6 @@
+import { DateRange } from 'react-day-picker';
+type Props = {
+    calendarRange?: DateRange;
+};
+export declare const parseDates: ({ calendarRange }: Props) => string | null;
+export {};

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

@@ -0,0 +1,7 @@
+import { AgeCategoryCount, AgeCategoryType } from '../FilterBarTypes';
+type Props = {
+    ageCategoryCounts: AgeCategoryCount;
+    ageCategories: AgeCategoryType[];
+};
+export declare const parseGuests: ({ ageCategoryCounts, ageCategories }: Props) => string;
+export {};

package/lib/index.d.ts

@@ -39,14 +39,14 @@ interface AgeCategoryType {
     sortOrder: number;
 }
 
-interface FilterBarProps {
+type FilterBarProps = {
     vendor?: string;
     language?: string;
     ageCategories?: AgeCategoryType[];
     redirectUrl?: string;
     palette?: Palette;
     currentViewApply?: string;
-}
+};
 declare function FilterBar({ language, ageCategories, redirectUrl, palette, currentViewApply, }: FilterBarProps): React.JSX.Element;
 
 export { Button, FilterBar };