willba-component-library 0.1.22 → 0.1.24

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

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

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

@@ -16,7 +16,7 @@ export default function useFilterBar({ redirectUrl }: UseFilterBarPropsType): {
     setCategories: import("react").Dispatch<import("react").SetStateAction<number>>;
     handleSelectedFilter: (id: number | boolean) => void;
     handleSubmit: () => void;
-    updateGuestsCount: (id: number, newCount: number) => void;
+    updateGuestsCount: (id: string, newCount: number) => void;
     handleResetFilters: () => void;
     setSelectedPath: import("react").Dispatch<import("react").SetStateAction<string>>;
 };

package/lib/index.d.ts

@@ -35,8 +35,6 @@ interface Palette {
 interface AgeCategoryType {
     id: string;
     name: string;
-    minAge: number | null;
-    maxAge: number | null;
     minVal: number;
     sortOrder: number;
 }

package/lib/index.esm.js

@@ -7923,11 +7923,11 @@ function GuestCount(_a) {
     var label = _a.label, sortOrder = _a.sortOrder, id = _a.id, updateGuestsCount = _a.updateGuestsCount, count = _a.count, minVal = _a.minVal;
     var handleDecrement = function () {
         if (count > minVal) {
-            updateGuestsCount(id, count - 1);
+            updateGuestsCount("guests-".concat(id), count - 1);
         }
     };
     var handleIncrement = function () {
-        updateGuestsCount(id, count + 1);
+        updateGuestsCount("guests-".concat(id), count + 1);
     };
     return (React__default__default.createElement("div", { className: "will-guests-filter-inner", style: { order: "".concat(sortOrder) } },
         React__default__default.createElement("p", { className: "will-guests-filter-label" }, label),
@@ -7951,8 +7951,7 @@ function Guests(_a) {
     var ageCategories = _a.ageCategories, updateGuestsCount = _a.updateGuestsCount, ageCategoryCounts = _a.ageCategoryCounts;
     return (React__default__default.createElement("div", { className: "will-filter-bar-guests" },
         React__default__default.createElement("h3", { className: "will-guests-filter-title" }, "Who's coming?"),
-        React__default__default.createElement("div", { className: "will-guests-filter-container" }, ageCategories === null || ageCategories === void 0 ? void 0 : ageCategories.map(function (category) { return (React__default__default.createElement(GuestCount, { key: category.id, id: parseInt(category.id), label: category.name, minVal: category.minVal, sortOrder: category.sortOrder, updateGuestsCount: updateGuestsCount, count: ageCategoryCounts[category.id] ||
-                category.minVal })); }))));
+        React__default__default.createElement("div", { className: "will-guests-filter-container" }, ageCategories === null || ageCategories === void 0 ? void 0 : ageCategories.map(function (category) { return (React__default__default.createElement(GuestCount, { key: category.id, id: parseInt(category.id), label: category.name, minVal: category.minVal, sortOrder: category.sortOrder, updateGuestsCount: updateGuestsCount, count: ageCategoryCounts["guests-".concat(category.id)] || category.minVal })); }))));
 }
 
 var css_248z$4 = ".will-filter-bar-categories {\n  text-align: center;\n}\n\n.will-categories-filter-title {\n  font-size: 16px;\n  text-transform: uppercase;\n  margin: 10px 0 30px 0;\n}\n\n.will-categories-filter-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 20px;\n}\n\n.will-categories-filter-inner input {\n  cursor: pointer;\n  margin-right: 10px;\n}\n";
@@ -8029,6 +8028,7 @@ function useFilterBar(_a) {
     var _e = useState(0), categories = _e[0], setCategories = _e[1];
     var _f = useState({}), ageCategoryCounts = _f[0], setAgeCategoryCounts = _f[1];
     var updateGuestsCount = function (id, newCount) {
+        console.log(ageCategoryCounts);
         setAgeCategoryCounts(function (prevCounts) {
             var _a;
             return (__assign(__assign({}, prevCounts), (_a = {}, _a[id] = newCount, _a)));
@@ -8060,7 +8060,7 @@ function useFilterBar(_a) {
                 : '',
             endDate: (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.to) ? format(calendarRange.to, 'yyyy-MM-dd') : '',
             categories: categories,
-            //ageCategoryCounts: JSON.stringify(ageCategoryCounts),
+            ageCategoryCounts: JSON.stringify(ageCategoryCounts),
         };
         for (var _i = 0, _a = Object.entries(params); _i < _a.length; _i++) {
             var _b = _a[_i], key = _b[0], value = _b[1];
@@ -10541,16 +10541,12 @@ var AGE_CATEGORIES_FALLBACK = [
         id: '1',
         name: 'Adults',
         sortOrder: 1,
-        minAge: null,
-        maxAge: 6,
         minVal: 0,
     },
     {
         id: '2',
         name: 'Kids',
         sortOrder: 2,
-        minAge: 6,
-        maxAge: 17,
         minVal: 0,
     },
 ];