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/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
- //ageCategoryCounts: JSON.stringify(ageCategoryCounts),
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
  ];