willba-component-library 0.2.96 → 0.2.98

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "willba-component-library",
-  "version": "0.2.96",
+  "version": "0.2.98",
   "description": "A custom UI component library",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",

package/src/components/FilterBar/FilterBar.stories.tsx

@@ -77,6 +77,7 @@ export const Main: Story = {
       },
     ],
     outerLoading: false,
+    siteId: undefined,
   },
   render: (args) => (
     <div style={{ background: 'white', padding: '30px', height: '100vh' }}>

package/src/components/FilterBar/FilterBar.tsx

@@ -36,6 +36,7 @@ export default function FilterBar({
   mode,
   tabs,
   outerLoading,
+  siteId,
 }: FilterBarTypes) {
   const themePalette = useTheme({ palette })
 
@@ -63,6 +64,7 @@ export default function FilterBar({
     ageCategories,
     onSubmit,
     tabs,
+    siteId,
   })
 
   // Scroll in to view

package/src/components/FilterBar/FilterBarTypes.ts

@@ -12,6 +12,7 @@ export type FilterBarTypes = {
   mode?: string
   tabs?: Tab[]
   outerLoading?: boolean
+  siteId?: string
 }
 
 export type AgeCategoryCount = {

package/src/components/FilterBar/hooks/useFilterBar.tsx

@@ -15,6 +15,7 @@ type Props = {
   ageCategories?: AgeCategoryType[]
   onSubmit?: ((val: Filters) => void) | null
   tabs?: Tab[]
+  siteId?: string
 }
 
 export const useFilterBar = ({
@@ -22,6 +23,7 @@ export const useFilterBar = ({
   ageCategories,
   onSubmit,
   tabs,
+  siteId,
 }: Props) => {
   const [selectedPath, setSelectedPath] = useState<string>(Pages.EVENTS)
   const [selectedFilter, setSelectedFilter] = useState<string | boolean>(false)
@@ -115,10 +117,16 @@ export const useFilterBar = ({
     if (onSubmit && window.location.href.includes(selectedPath)) {
       onSubmit(newParams)
     } else {
-      setInnerLoading(true),
-        (window.location.href = `${redirectUrl}/${selectedPath}${
-          querySearchParams ? `?${querySearchParams.toString()}` : ''
-        }`)
+      const siteIdParam = siteId ? `siteId=${siteId}` : ''
+      const querySearchParam = querySearchParams
+        ? querySearchParams.toString()
+        : ''
+
+      const params = [siteIdParam, querySearchParam].filter(Boolean).join('&')
+      const path = `${redirectUrl}${selectedPath}`
+
+      setInnerLoading(true)
+      window.location.href = params ? `${path}?${params}` : path
     }
   }
 

package/lib/assets/SpinnerSvg.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const SpinnerSVG: ({ fill, size, }: {
-    fill?: string | undefined;
-    size?: number | undefined;
-}) => React.JSX.Element;

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

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

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

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

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import { DateRange } from 'react-day-picker';
-import { CalendarOffset } from '../../FilterBarTypes';
-import 'react-day-picker/dist/style.css';
-import './Calendar.css';
-type Props = {
-    calendarRange: DateRange | undefined;
-    setCalendarRange: (range: DateRange | undefined) => void;
-    calendarOffset?: CalendarOffset;
-    selectedPath: string;
-    locale?: string;
-};
-export declare const Calendar: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export {};

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-export declare const handleOverlappingDates: () => void;

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

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

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

@@ -1,6 +0,0 @@
-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

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

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

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