willba-component-library 0.2.9 → 0.2.12

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

@@ -1,18 +1,5 @@
 import React from 'react';
-import { Palette } from '../../themes/useTheme';
 import '../../themes/Default.css';
-import { AgeCategoryType, CalendarOffset, Filters, Tab } from './FilterBarTypes';
+import { FilterBarProps } from './FilterBarTypes';
 import './FilterBar.css';
-export type FilterBarProps = {
-    language?: string;
-    ageCategories?: AgeCategoryType[];
-    redirectUrl?: string;
-    palette?: Palette;
-    onSubmit?: ((val: Filters) => void) | null;
-    fullWidth?: boolean;
-    calendarOffset?: CalendarOffset;
-    mode?: string;
-    defaultTab?: string;
-    tabs?: Tab[];
-};
-export default function FilterBar({ language, ageCategories, redirectUrl, palette, onSubmit, fullWidth, calendarOffset, mode, tabs, }: FilterBarProps): React.JSX.Element | null;
+export default function FilterBar({ language, ageCategories, redirectUrl, palette, onSubmit, fullWidth, calendarOffset, mode, tabs, }: FilterBarProps): React.JSX.Element;

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

@@ -1,3 +1,17 @@
+import { Palette } from '../../themes/useTheme';
+import { CalendarOffset } from '../../core/components/calendar/CalendarTypes';
+export type FilterBarProps = {
+    language?: string;
+    ageCategories?: AgeCategoryType[];
+    redirectUrl?: string;
+    palette?: Palette;
+    onSubmit?: ((val: Filters) => void) | null;
+    fullWidth?: boolean;
+    calendarOffset?: CalendarOffset;
+    mode?: string;
+    defaultTab?: string;
+    tabs?: Tab[];
+};
 export type AgeCategoryCount = {
     [categoryId: string]: number;
 };
@@ -27,9 +41,6 @@ export declare enum Pages {
     ROOMS = "/rooms",
     EVENTS = "/events"
 }
-export type CalendarOffset = {
-    [key: string]: number;
-};
 type Translations = {
     en: string;
     fi: string;

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

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

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

@@ -1,5 +1,4 @@
 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

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

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

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

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

@@ -0,0 +1,5 @@
+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, }: FilterCalendarTypes): React.JSX.Element;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import FilterCalendar from './FilterCalendar';
+declare const meta: Meta<typeof FilterCalendar>;
+export default meta;
+type Story = StoryObj<typeof FilterCalendar>;
+export declare const Primary: Story;

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

@@ -0,0 +1,9 @@
+import { DateRange } from 'react-day-picker';
+import { Palette } from '../../themes/useTheme';
+import { CalendarTypes } from '../../core/components/calendar/CalendarTypes';
+export interface FilterCalendarTypes extends Partial<CalendarTypes> {
+    palette: Palette;
+    onSubmit: (val: DateRange) => void;
+    toggleCalendar: boolean;
+    setToggleCalendar: (val: boolean) => void;
+}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { DateRange } from 'react-day-picker';
+type Props = {
+    onSubmit: (val: any) => void;
+    setToggleCalendar: (val: boolean) => void;
+};
+export declare const useFilterCalendar: ({ onSubmit, setToggleCalendar }: Props) => {
+    handleSubmit: () => void;
+    handleClearDates: () => void;
+    setCalendarRange: import("react").Dispatch<import("react").SetStateAction<DateRange | undefined>>;
+    calendarRange: DateRange | undefined;
+};
+export {};

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

@@ -0,0 +1,2 @@
+export { default } from './FilterCalendar';
+export * from './FilterCalendarTypes';

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import './CloseButton.css';
+interface CloseButtonPropsType {
+    handleClose: () => void;
+}
+export declare const CloseButton: ({ handleClose }: CloseButtonPropsType) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+import React, { ReactNode } from 'react';
+import './SubmitButton.css';
+type Props = {
+    onClick?: () => void;
+    startIcon?: ReactNode;
+    label?: string;
+    disabled?: boolean;
+};
+export declare const SubmitButton: ({ onClick, startIcon, label, disabled, }: Props) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+import React from 'react';
+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

@@ -0,0 +1,15 @@
+import { DateRange } from 'react-day-picker';
+export type CalendarOffset = {
+    [key: string]: number;
+};
+export type CalendarTypes = {
+    calendarRange?: DateRange | undefined;
+    setCalendarRange: (range: DateRange | undefined) => void;
+    calendarOffset?: CalendarOffset;
+    selectedPath?: string;
+    language?: string;
+    calendarOffsetGroup?: {
+        from: Date;
+        to: Date;
+    }[];
+};

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

@@ -0,0 +1,3 @@
+export { SubmitButton } from './buttons/submit-button/SubmitButton';
+export { CloseButton } from './buttons/close-button/CloseButton';
+export { Calendar } from './calendar/Calendar';

package/lib/core/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useAwaitRender } from './useAwaitRender';
+export { useUpdateTranslations } from './useUpdateTranslations';
+export { useCloseFilterSection } from './useCloseFilterSection';

package/lib/core/hooks/useAwaitRender.d.ts

@@ -0,0 +1 @@
+export declare const useAwaitRender: () => null | undefined;

package/lib/core/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").MutableRefObject<HTMLDivElement | null>;
+};
+export {};

package/lib/core/hooks/useUpdateTranslations.d.ts

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

package/lib/core/utils/index.d.ts

@@ -0,0 +1,3 @@
+export { parseDates } from './parseDates';
+export { parseDate } from './parseDate';
+export { nightsCount } from './nightsCount';

package/lib/core/utils/nightsCount.d.ts

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

package/lib/core/utils/parseDate.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    date?: Date;
+    dateFormat?: string;
+};
+export declare const parseDate: ({ date, dateFormat }: Props) => string | null;
+export {};

package/lib/core/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/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { DateRange } from 'react-day-picker';
 
 interface ButtonProps {
     /**
@@ -27,11 +28,38 @@ interface ButtonProps {
  */
 declare const Button: ({ type, textColor, size, onClick, label, }: ButtonProps) => React.JSX.Element;
 
-interface Palette {
+type Palette = {
     primary: string;
     secondary: string;
-}
+};
+
+type CalendarOffset = {
+    [key: string]: number;
+};
+type CalendarTypes = {
+    calendarRange?: DateRange | undefined;
+    setCalendarRange: (range: DateRange | undefined) => void;
+    calendarOffset?: CalendarOffset;
+    selectedPath?: string;
+    language?: string;
+    calendarOffsetGroup?: {
+        from: Date;
+        to: Date;
+    }[];
+};
 
+type FilterBarProps = {
+    language?: string;
+    ageCategories?: AgeCategoryType[];
+    redirectUrl?: string;
+    palette?: Palette;
+    onSubmit?: ((val: Filters) => void) | null;
+    fullWidth?: boolean;
+    calendarOffset?: CalendarOffset;
+    mode?: string;
+    defaultTab?: string;
+    tabs?: Tab[];
+};
 type AgeCategoryType = {
     id: string;
     name: string;
@@ -41,9 +69,6 @@ type AgeCategoryType = {
 type Filters = {
     [key: string]: string;
 };
-type CalendarOffset = {
-    [key: string]: number;
-};
 type Translations = {
     en: string;
     fi: string;
@@ -56,18 +81,15 @@ type Tab = {
     label?: Translations;
 };
 
-type FilterBarProps = {
-    language?: string;
-    ageCategories?: AgeCategoryType[];
-    redirectUrl?: string;
-    palette?: Palette;
-    onSubmit?: ((val: Filters) => void) | null;
-    fullWidth?: boolean;
-    calendarOffset?: CalendarOffset;
-    mode?: string;
-    defaultTab?: string;
-    tabs?: Tab[];
-};
-declare function FilterBar({ language, ageCategories, redirectUrl, palette, onSubmit, fullWidth, calendarOffset, mode, tabs, }: FilterBarProps): React.JSX.Element | null;
+declare function FilterBar({ language, ageCategories, redirectUrl, palette, onSubmit, fullWidth, calendarOffset, mode, tabs, }: FilterBarProps): React.JSX.Element;
+
+interface FilterCalendarTypes extends Partial<CalendarTypes> {
+    palette: Palette;
+    onSubmit: (val: DateRange) => void;
+    toggleCalendar: boolean;
+    setToggleCalendar: (val: boolean) => void;
+}
+
+declare function FilterCalendar({ calendarOffset, language, palette, onSubmit, calendarOffsetGroup, toggleCalendar, setToggleCalendar, }: FilterCalendarTypes): React.JSX.Element;
 
-export { Button, FilterBar, Tab };
+export { Button, FilterBar, FilterCalendar, FilterCalendarTypes, Tab };