willba-component-library 0.1.23 → 0.1.25
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 -2
- package/lib/components/FilterBar/hooks/useFilterBar.d.ts +1 -1
- package/lib/index.esm.js +8 -7
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +8 -7
- package/lib/index.js.map +1 -1
- package/lib/index.umd.js +8 -7
- package/lib/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/FilterBar/FilterBar.tsx +12 -7
- package/src/components/FilterBar/FilterBarTypes.ts +2 -2
- 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,9 +8048,10 @@ 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
|
-
return (__assign(__assign({}, prevCounts), (_a = {}, _a[
|
|
8054
|
+
return (__assign(__assign({}, prevCounts), (_a = {}, _a[id] = newCount, _a)));
|
|
8055
8055
|
});
|
|
8056
8056
|
};
|
|
8057
8057
|
React__default.useEffect(function () {
|
|
@@ -10543,8 +10543,9 @@ function FilterBar(_a) {
|
|
|
10543
10543
|
React__default.createElement(SubmitButton, { label: t('tabs.rooms'), onClick: function () { return setSelectedPath('/rooms'); }, active: selectedPath === '/rooms' })),
|
|
10544
10544
|
React__default.createElement("div", { className: "will-filter-bar-header" },
|
|
10545
10545
|
React__default.createElement(SelectButton, { label: 'When', description: 'Add Check-in and -out', onClick: function () { return handleSelectedFilter(1); }, style: fontWeightBold(selectedFilter === 1) }),
|
|
10546
|
-
React__default.createElement(
|
|
10547
|
-
|
|
10546
|
+
selectedPath === '/rooms' && (React__default.createElement(React__default.Fragment, null,
|
|
10547
|
+
React__default.createElement(Divider, null),
|
|
10548
|
+
React__default.createElement(SelectButton, { label: 'Who', description: 'Add Guests', onClick: function () { return handleSelectedFilter(2); }, style: fontWeightBold(selectedFilter === 2) }))),
|
|
10548
10549
|
React__default.createElement(SubmitButton$1, { onClick: handleSubmit })),
|
|
10549
10550
|
selectedFilter && (React__default.createElement("div", { className: "will-filter-bar-container" },
|
|
10550
10551
|
React__default.createElement(CloseButton, { handleClose: function () { return handleSelectedFilter(false); } }),
|