willba-component-library 0.1.47 → 0.1.48

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Palette } from '../../themes/useTheme';
 import '../../themes/Default.css';
-import { AgeCategoryType } from './FilterBarTypes';
+import { AgeCategoryType, Filters } from './FilterBarTypes';
 import './FilterBar.css';
 export type FilterBarProps = {
     vendor?: string;
@@ -10,5 +10,6 @@ export type FilterBarProps = {
     redirectUrl?: string;
     palette?: Palette;
     currentViewApply?: string;
+    onSubmit?: (val: Filters) => void;
 };
-export default function FilterBar({ language, ageCategories, redirectUrl, palette, currentViewApply, }: FilterBarProps): React.JSX.Element;
+export default function FilterBar({ language, ageCategories, redirectUrl, palette, currentViewApply, onSubmit, }: FilterBarProps): React.JSX.Element;

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

@@ -20,3 +20,9 @@ export declare enum FilterSections {
     GUESTS = "guests",
     CATEGORIES = "categories"
 }
+export type Filters = {
+    [key: string]: string | number;
+};
+export declare enum ViewApply {
+    ROOMS = "roomFilters"
+}

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

@@ -1,12 +1,13 @@
 /// <reference types="react" />
 import { DateRange } from 'react-day-picker';
-import { AgeCategoryCount, AgeCategoryType } from '../FilterBarTypes';
+import { AgeCategoryCount, AgeCategoryType, Filters } from '../FilterBarTypes';
 type Props = {
     redirectUrl?: string;
     currentViewApply?: string;
     ageCategories?: AgeCategoryType[];
+    onSubmit?: (val: Filters) => void;
 };
-export declare const useFilterBar: ({ redirectUrl, currentViewApply, ageCategories, }: Props) => {
+export declare const useFilterBar: ({ redirectUrl, currentViewApply, ageCategories, onSubmit, }: Props) => {
     selectedFilter: string | boolean;
     ageCategoryCounts: AgeCategoryCount;
     categories: number;
@@ -17,7 +18,7 @@ export declare const useFilterBar: ({ redirectUrl, currentViewApply, ageCategori
     setAgeCategoryCounts: import("react").Dispatch<import("react").SetStateAction<AgeCategoryCount>>;
     setCategories: import("react").Dispatch<import("react").SetStateAction<number>>;
     handleSelectedFilter: (id: string | boolean) => void;
-    handleSubmit: () => string;
+    handleSubmit: () => string | void;
     updateGuestsCount: (id: string, newCount: number) => void;
     handleResetFilters: () => void;
     setSelectedPath: import("react").Dispatch<import("react").SetStateAction<string>>;

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

@@ -1 +1,2 @@
-export { default } from "./FilterBar";
+export { default } from './FilterBar';
+export * from './FilterBarTypes';

package/lib/index.d.ts

@@ -38,6 +38,9 @@ type AgeCategoryType = {
     minVal: number;
     sortOrder: number;
 };
+type Filters = {
+    [key: string]: string | number;
+};
 
 type FilterBarProps = {
     vendor?: string;
@@ -46,7 +49,8 @@ type FilterBarProps = {
     redirectUrl?: string;
     palette?: Palette;
     currentViewApply?: string;
+    onSubmit?: (val: Filters) => void;
 };
-declare function FilterBar({ language, ageCategories, redirectUrl, palette, currentViewApply, }: FilterBarProps): React.JSX.Element;
+declare function FilterBar({ language, ageCategories, redirectUrl, palette, currentViewApply, onSubmit, }: FilterBarProps): React.JSX.Element;
 
 export { Button, FilterBar };

package/lib/index.esm.js

@@ -3906,9 +3906,13 @@ var FilterSections;
     FilterSections["GUESTS"] = "guests";
     FilterSections["CATEGORIES"] = "categories";
 })(FilterSections || (FilterSections = {}));
+var ViewApply;
+(function (ViewApply) {
+    ViewApply["ROOMS"] = "roomFilters";
+})(ViewApply || (ViewApply = {}));
 
 var useFilterBar = function (_a) {
-    var redirectUrl = _a.redirectUrl, currentViewApply = _a.currentViewApply, ageCategories = _a.ageCategories;
+    var redirectUrl = _a.redirectUrl, currentViewApply = _a.currentViewApply, ageCategories = _a.ageCategories, onSubmit = _a.onSubmit;
     var _b = __read(useState('/events'), 2), selectedPath = _b[0], setSelectedPath = _b[1];
     var _c = __read(useState(false), 2), selectedFilter = _c[0], setSelectedFilter = _c[1];
     var _d = __read(useState(), 2), calendarRange = _d[0], setCalendarRange = _d[1];
@@ -4009,6 +4013,14 @@ var useFilterBar = function (_a) {
             var baseUrl = window.location.origin + window.location.pathname;
             var updatedUrl = "".concat(baseUrl, "?").concat(updatedParams.toString());
             handleSelectedFilter(false);
+            if (onSubmit) {
+                var updatedParamsObject_1 = {};
+                updatedParams.forEach(function (value, key) {
+                    updatedParamsObject_1[key] = value;
+                });
+                console.log('sdasdasdsad', updatedParamsObject_1);
+                return onSubmit(updatedParamsObject_1);
+            }
             return (window.location.href = updatedUrl);
         }
         else {
@@ -4029,7 +4041,9 @@ var useFilterBar = function (_a) {
                 finally { if (e_3) throw e_3.error; }
             }
             handleSelectedFilter(false);
-            return (window.location.href = "".concat(redirectUrl, "/").concat(selectedPath).concat(querySearchParams ? "?".concat(querySearchParams.toString()) : ''));
+            return onSubmit
+                ? onSubmit(newParams)
+                : (window.location.href = "".concat(redirectUrl, "/").concat(selectedPath).concat(querySearchParams ? "?".concat(querySearchParams.toString()) : ''));
         }
     };
     var handleResetFilters = function () {
@@ -10673,16 +10687,21 @@ var css_248z = ".will-root {\n  z-index: 999;\n  width: 100%;\n  max-height: 100
 styleInject(css_248z);
 
 function FilterBar(_a) {
-    var language = _a.language, _b = _a.ageCategories, ageCategories = _b === void 0 ? AGE_CATEGORIES_FALLBACK : _b, _c = _a.redirectUrl, redirectUrl = _c === void 0 ? REDIRECT_URL_FALLBACK : _c, palette = _a.palette, currentViewApply = _a.currentViewApply;
+    var language = _a.language, _b = _a.ageCategories, ageCategories = _b === void 0 ? AGE_CATEGORIES_FALLBACK : _b, _c = _a.redirectUrl, redirectUrl = _c === void 0 ? REDIRECT_URL_FALLBACK : _c, palette = _a.palette, currentViewApply = _a.currentViewApply, onSubmit = _a.onSubmit;
     var themePalette = useTheme({ palette: palette });
     // Translations
     useUpdateTranslations({ language: language });
     var t = useTranslation('filterBar').t;
     // Filters
-    var _d = useFilterBar({ redirectUrl: redirectUrl, currentViewApply: currentViewApply, ageCategories: ageCategories }), selectedFilter = _d.selectedFilter, ageCategoryCounts = _d.ageCategoryCounts, categories = _d.categories, calendarRange = _d.calendarRange, selectedPath = _d.selectedPath, setCalendarRange = _d.setCalendarRange, setCategories = _d.setCategories, handleSelectedFilter = _d.handleSelectedFilter, handleSubmit = _d.handleSubmit, updateGuestsCount = _d.updateGuestsCount, setSelectedPath = _d.setSelectedPath;
+    var _d = useFilterBar({
+        redirectUrl: redirectUrl,
+        currentViewApply: currentViewApply,
+        ageCategories: ageCategories,
+        onSubmit: onSubmit,
+    }), selectedFilter = _d.selectedFilter, ageCategoryCounts = _d.ageCategoryCounts, categories = _d.categories, calendarRange = _d.calendarRange, selectedPath = _d.selectedPath, setCalendarRange = _d.setCalendarRange, setCategories = _d.setCategories, handleSelectedFilter = _d.handleSelectedFilter, handleSubmit = _d.handleSubmit, updateGuestsCount = _d.updateGuestsCount, setSelectedPath = _d.setSelectedPath;
     // Default selected tab when tabs are hidden
     useEffect(function () {
-        if (currentViewApply === 'roomFilters') {
+        if (currentViewApply === ViewApply.ROOMS) {
             setSelectedPath('/rooms');
         }
     }, []);