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 +15 -17
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +15 -17
- package/lib/index.js.map +1 -1
- package/lib/index.umd.js +15 -17
- package/lib/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/FilterBar/components/calendar/Calendar.tsx +6 -9
- package/src/components/FilterBar/components/guests/GuestCount/GuestCount.tsx +9 -6
- package/src/components/FilterBar/hooks/useFilterBar.tsx +0 -7
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
|
-
|
|
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}";
|