willba-component-library 0.1.22 → 0.1.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/FilterBar/FilterBarTypes.d.ts +2 -4
- package/lib/components/FilterBar/hooks/useFilterBar.d.ts +1 -1
- package/lib/index.d.ts +0 -2
- package/lib/index.esm.js +5 -9
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +5 -9
- package/lib/index.js.map +1 -1
- package/lib/index.umd.js +5 -9
- package/lib/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/FilterBar/FilterBar.stories.tsx +0 -6
- package/src/components/FilterBar/FilterBar.tsx +1 -4
- package/src/components/FilterBar/FilterBarTypes.ts +2 -4
- package/src/components/FilterBar/components/guests/GuestCount/GuestCount.tsx +2 -2
- package/src/components/FilterBar/components/guests/Guests.tsx +3 -2
- package/src/components/FilterBar/hooks/useFilterBar.tsx +3 -2
package/lib/index.umd.js
CHANGED
|
@@ -7945,11 +7945,11 @@
|
|
|
7945
7945
|
var label = _a.label, sortOrder = _a.sortOrder, id = _a.id, updateGuestsCount = _a.updateGuestsCount, count = _a.count, minVal = _a.minVal;
|
|
7946
7946
|
var handleDecrement = function () {
|
|
7947
7947
|
if (count > minVal) {
|
|
7948
|
-
updateGuestsCount(id, count - 1);
|
|
7948
|
+
updateGuestsCount("guests-".concat(id), count - 1);
|
|
7949
7949
|
}
|
|
7950
7950
|
};
|
|
7951
7951
|
var handleIncrement = function () {
|
|
7952
|
-
updateGuestsCount(id, count + 1);
|
|
7952
|
+
updateGuestsCount("guests-".concat(id), count + 1);
|
|
7953
7953
|
};
|
|
7954
7954
|
return (React__default.createElement("div", { className: "will-guests-filter-inner", style: { order: "".concat(sortOrder) } },
|
|
7955
7955
|
React__default.createElement("p", { className: "will-guests-filter-label" }, label),
|
|
@@ -7973,8 +7973,7 @@
|
|
|
7973
7973
|
var ageCategories = _a.ageCategories, updateGuestsCount = _a.updateGuestsCount, ageCategoryCounts = _a.ageCategoryCounts;
|
|
7974
7974
|
return (React__default.createElement("div", { className: "will-filter-bar-guests" },
|
|
7975
7975
|
React__default.createElement("h3", { className: "will-guests-filter-title" }, "Who's coming?"),
|
|
7976
|
-
React__default.createElement("div", { className: "will-guests-filter-container" }, ageCategories === null || ageCategories === void 0 ? void 0 : ageCategories.map(function (category) { return (React__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] ||
|
|
7977
|
-
category.minVal })); }))));
|
|
7976
|
+
React__default.createElement("div", { className: "will-guests-filter-container" }, ageCategories === null || ageCategories === void 0 ? void 0 : ageCategories.map(function (category) { return (React__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 })); }))));
|
|
7978
7977
|
}
|
|
7979
7978
|
|
|
7980
7979
|
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";
|
|
@@ -8051,6 +8050,7 @@
|
|
|
8051
8050
|
var _e = React__default.useState(0), categories = _e[0], setCategories = _e[1];
|
|
8052
8051
|
var _f = React__default.useState({}), ageCategoryCounts = _f[0], setAgeCategoryCounts = _f[1];
|
|
8053
8052
|
var updateGuestsCount = function (id, newCount) {
|
|
8053
|
+
console.log(ageCategoryCounts);
|
|
8054
8054
|
setAgeCategoryCounts(function (prevCounts) {
|
|
8055
8055
|
var _a;
|
|
8056
8056
|
return (__assign(__assign({}, prevCounts), (_a = {}, _a[id] = newCount, _a)));
|
|
@@ -8082,7 +8082,7 @@
|
|
|
8082
8082
|
: '',
|
|
8083
8083
|
endDate: (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.to) ? format(calendarRange.to, 'yyyy-MM-dd') : '',
|
|
8084
8084
|
categories: categories,
|
|
8085
|
-
|
|
8085
|
+
ageCategoryCounts: JSON.stringify(ageCategoryCounts),
|
|
8086
8086
|
};
|
|
8087
8087
|
for (var _i = 0, _a = Object.entries(params); _i < _a.length; _i++) {
|
|
8088
8088
|
var _b = _a[_i], key = _b[0], value = _b[1];
|
|
@@ -10563,16 +10563,12 @@
|
|
|
10563
10563
|
id: '1',
|
|
10564
10564
|
name: 'Adults',
|
|
10565
10565
|
sortOrder: 1,
|
|
10566
|
-
minAge: null,
|
|
10567
|
-
maxAge: 6,
|
|
10568
10566
|
minVal: 0,
|
|
10569
10567
|
},
|
|
10570
10568
|
{
|
|
10571
10569
|
id: '2',
|
|
10572
10570
|
name: 'Kids',
|
|
10573
10571
|
sortOrder: 2,
|
|
10574
|
-
minAge: 6,
|
|
10575
|
-
maxAge: 17,
|
|
10576
10572
|
minVal: 0,
|
|
10577
10573
|
},
|
|
10578
10574
|
];
|