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.js
CHANGED
|
@@ -7943,11 +7943,11 @@ function GuestCount(_a) {
|
|
|
7943
7943
|
var label = _a.label, sortOrder = _a.sortOrder, id = _a.id, updateGuestsCount = _a.updateGuestsCount, count = _a.count, minVal = _a.minVal;
|
|
7944
7944
|
var handleDecrement = function () {
|
|
7945
7945
|
if (count > minVal) {
|
|
7946
|
-
updateGuestsCount(id, count - 1);
|
|
7946
|
+
updateGuestsCount("guests-".concat(id), count - 1);
|
|
7947
7947
|
}
|
|
7948
7948
|
};
|
|
7949
7949
|
var handleIncrement = function () {
|
|
7950
|
-
updateGuestsCount(id, count + 1);
|
|
7950
|
+
updateGuestsCount("guests-".concat(id), count + 1);
|
|
7951
7951
|
};
|
|
7952
7952
|
return (React__default.createElement("div", { className: "will-guests-filter-inner", style: { order: "".concat(sortOrder) } },
|
|
7953
7953
|
React__default.createElement("p", { className: "will-guests-filter-label" }, label),
|
|
@@ -7971,8 +7971,7 @@ function Guests(_a) {
|
|
|
7971
7971
|
var ageCategories = _a.ageCategories, updateGuestsCount = _a.updateGuestsCount, ageCategoryCounts = _a.ageCategoryCounts;
|
|
7972
7972
|
return (React__default.createElement("div", { className: "will-filter-bar-guests" },
|
|
7973
7973
|
React__default.createElement("h3", { className: "will-guests-filter-title" }, "Who's coming?"),
|
|
7974
|
-
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] ||
|
|
7975
|
-
category.minVal })); }))));
|
|
7974
|
+
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 })); }))));
|
|
7976
7975
|
}
|
|
7977
7976
|
|
|
7978
7977
|
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";
|
|
@@ -8049,6 +8048,7 @@ function useFilterBar(_a) {
|
|
|
8049
8048
|
var _e = React__default.useState(0), categories = _e[0], setCategories = _e[1];
|
|
8050
8049
|
var _f = React__default.useState({}), ageCategoryCounts = _f[0], setAgeCategoryCounts = _f[1];
|
|
8051
8050
|
var updateGuestsCount = function (id, newCount) {
|
|
8051
|
+
console.log(ageCategoryCounts);
|
|
8052
8052
|
setAgeCategoryCounts(function (prevCounts) {
|
|
8053
8053
|
var _a;
|
|
8054
8054
|
return (__assign(__assign({}, prevCounts), (_a = {}, _a[id] = newCount, _a)));
|
|
@@ -8080,7 +8080,7 @@ function useFilterBar(_a) {
|
|
|
8080
8080
|
: '',
|
|
8081
8081
|
endDate: (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.to) ? format(calendarRange.to, 'yyyy-MM-dd') : '',
|
|
8082
8082
|
categories: categories,
|
|
8083
|
-
|
|
8083
|
+
ageCategoryCounts: JSON.stringify(ageCategoryCounts),
|
|
8084
8084
|
};
|
|
8085
8085
|
for (var _i = 0, _a = Object.entries(params); _i < _a.length; _i++) {
|
|
8086
8086
|
var _b = _a[_i], key = _b[0], value = _b[1];
|
|
@@ -10561,16 +10561,12 @@ var AGE_CATEGORIES_FALLBACK = [
|
|
|
10561
10561
|
id: '1',
|
|
10562
10562
|
name: 'Adults',
|
|
10563
10563
|
sortOrder: 1,
|
|
10564
|
-
minAge: null,
|
|
10565
|
-
maxAge: 6,
|
|
10566
10564
|
minVal: 0,
|
|
10567
10565
|
},
|
|
10568
10566
|
{
|
|
10569
10567
|
id: '2',
|
|
10570
10568
|
name: 'Kids',
|
|
10571
10569
|
sortOrder: 2,
|
|
10572
|
-
minAge: 6,
|
|
10573
|
-
maxAge: 17,
|
|
10574
10570
|
minVal: 0,
|
|
10575
10571
|
},
|
|
10576
10572
|
];
|