willba-component-library 0.1.23 → 0.1.24

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

@@ -9,13 +9,13 @@ export interface AgeCategoryType {
 }
 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.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,9 +8028,10 @@ 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["guests-".concat(id)] = newCount, _a)));
+            return (__assign(__assign({}, prevCounts), (_a = {}, _a[id] = newCount, _a)));
         });
     };
     useEffect(function () {