willba-component-library 0.1.43 → 0.1.45

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.esm.js CHANGED
@@ -4054,9 +4054,6 @@ var handleAgeCategoryRules = function (_a) {
4054
4054
  ageCategories === null || ageCategories === void 0 ? void 0 : ageCategories.map(function (a) {
4055
4055
  if (a.minVal) {
4056
4056
  // Age categories rules
4057
- Object.entries(ageCategoryCounts).reduce(function (acc, c) {
4058
- return acc + c[1];
4059
- }, 0);
4060
4057
  var ageCategory = ageCategoryCounts["guests-".concat(a.id)];
4061
4058
  if (!ageCategory) {
4062
4059
  ageCategoryCounts["guests-".concat(a.id)] = a.minVal;
@@ -6600,6 +6597,11 @@ styleInject(css_248z$6);
6600
6597
 
6601
6598
  function GuestCount(_a) {
6602
6599
  var label = _a.label, sortOrder = _a.sortOrder, id = _a.id, updateGuestsCount = _a.updateGuestsCount, count = _a.count, minVal = _a.minVal;
6600
+ useEffect(function () {
6601
+ if (minVal && minVal > count) {
6602
+ updateGuestsCount("guests-".concat(id), minVal);
6603
+ }
6604
+ }, []);
6603
6605
  var handleDecrement = function () {
6604
6606
  if (count > minVal) {
6605
6607
  updateGuestsCount("guests-".concat(id), count - 1);
@@ -6611,13 +6613,10 @@ function GuestCount(_a) {
6611
6613
  return (React__default__default.createElement("div", { className: "will-guests-filter-inner", style: { order: "".concat(sortOrder) } },
6612
6614
  React__default__default.createElement("p", { className: "will-guests-filter-label" }, label),
6613
6615
  React__default__default.createElement("div", { className: "will-guests-filter-counter" },
6614
- React__default__default.createElement("button", { className: "will-guests-filter-counter-button", onClick: handleDecrement, disabled: minVal && count <= minVal ? true : false, style: {
6615
- cursor: minVal && count <= minVal
6616
- ? 'initial'
6617
- : !minVal && count < 1
6618
- ? 'initial'
6619
- : 'pointer',
6616
+ React__default__default.createElement("button", { className: "will-guests-filter-counter-button", onClick: handleDecrement, disabled: (minVal && count <= minVal) || !count ? true : false, style: {
6617
+ cursor: (minVal && count <= minVal) || !count ? 'initial' : 'pointer',
6620
6618
  paddingBottom: '4px',
6619
+ opacity: (minVal && count <= minVal) || !count ? 0.4 : 1,
6621
6620
  } }, "-"),
6622
6621
  React__default__default.createElement("span", { className: "will-guests-filter-count" }, count),
6623
6622
  React__default__default.createElement("button", { className: "will-guests-filter-counter-button", onClick: handleIncrement }, "+"))));
@@ -10611,6 +10610,10 @@ styleInject(css_248z$3);
10611
10610
  var Calendar = forwardRef(function (_a, ref) {
10612
10611
  var calendarRange = _a.calendarRange, setCalendarRange = _a.setCalendarRange;
10613
10612
  var isTablet = reactResponsiveExports.useMediaQuery({ maxWidth: 960 });
10613
+ useEffect(function () {
10614
+ if (!calendarRange)
10615
+ setCalendarRange(undefined);
10616
+ }, []);
10614
10617
  var today = startOfDay(new Date());
10615
10618
  var disabledDays = [
10616
10619
  {
@@ -10618,19 +10621,14 @@ var Calendar = forwardRef(function (_a, ref) {
10618
10621
  to: addDays(today, -50),
10619
10622
  },
10620
10623
  ];
10621
- useEffect(function () {
10622
- if (!calendarRange)
10623
- setCalendarRange(undefined);
10624
- }, []);
10624
+ var selectedStartDate = calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from;
10625
10625
  return (React__default__default.createElement("div", { className: "will-filter-bar-calendar", ref: ref },
10626
10626
  React__default__default.createElement("div", { className: "will-calendar-filter-container" },
10627
- React__default__default.createElement(DayPicker, { id: "will-calendar", mode: "range",
10628
- //showOutsideDays
10629
- numberOfMonths: !isTablet ? 2 : 1, weekStartsOn: 1, selected: calendarRange, onSelect: setCalendarRange, modifiersClassNames: {
10627
+ React__default__default.createElement(DayPicker, { id: "will-calendar", mode: "range", numberOfMonths: !isTablet ? 2 : 1, weekStartsOn: 1, selected: calendarRange, onSelect: setCalendarRange, modifiersClassNames: {
10630
10628
  today: 'my-today',
10631
10629
  }, modifiersStyles: {
10632
10630
  disabled: { opacity: '0.2' },
10633
- }, captionLayout: "dropdown-buttons", defaultMonth: today, disabled: disabledDays, fromMonth: today }))));
10631
+ }, captionLayout: "dropdown-buttons", defaultMonth: selectedStartDate || today, disabled: disabledDays, fromMonth: today }))));
10634
10632
  });
10635
10633
 
10636
10634
  var css_248z$2 = ".will-filter-bar-divider {\n width: 1px;\n margin: 0 10px;\n background-color: #384265;\n}\n\n@media (max-width: 960px) {\n .will-filter-bar-divider {\n width: auto;\n margin: 0 10px;\n height: 1px;\n background-color: #384265;\n }\n}";