willba-component-library 0.2.67 → 0.2.69
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 +11 -17
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +11 -17
- package/lib/index.js.map +1 -1
- package/lib/index.umd.js +11 -17
- package/lib/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/FilterCalendar/hooks/useFilterCalendar.ts +7 -0
- package/src/core/components/calendar/Calendar.tsx +0 -21
- package/src/core/components/calendar/utils/calendarSelectionRules.tsx +0 -2
package/lib/index.esm.js
CHANGED
|
@@ -11190,7 +11190,6 @@ var disableFutureDates = function (_a) {
|
|
|
11190
11190
|
var checkIn = addDays(checkOutRange.checkIn, 1);
|
|
11191
11191
|
var firstCheckOut = addDays(checkOutRange.firstCheckOut, -1);
|
|
11192
11192
|
var noDatesRange = isEqual(checkIn, checkOutRange.firstCheckOut);
|
|
11193
|
-
console.log('test update', { newDisableCalendarDates: newDisableCalendarDates });
|
|
11194
11193
|
setDisabledDates(__spreadArray$1(__spreadArray$1([], __read(((newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) || [])), false), [
|
|
11195
11194
|
{
|
|
11196
11195
|
from: noDatesRange ? undefined : checkIn,
|
|
@@ -11548,7 +11547,7 @@ var css_248z$8 = ".will-calendar-filter-container {\n display: flex;\n justify
|
|
|
11548
11547
|
styleInject(css_248z$8);
|
|
11549
11548
|
|
|
11550
11549
|
var Calendar = forwardRef(function (_a, ref) {
|
|
11551
|
-
var _b, _c
|
|
11550
|
+
var _b, _c;
|
|
11552
11551
|
var selectedPath = _a.selectedPath, calendarRange = _a.calendarRange, setCalendarRange = _a.setCalendarRange, language = _a.language, disableCalendarDates = _a.disableCalendarDates, requestDates = _a.requestDates, disabledDates = _a.disabledDates, setDisabledDates = _a.setDisabledDates, updateCalendarMonthNavigation = _a.updateCalendarMonthNavigation, setUpdateCalendarMonthNavigation = _a.setUpdateCalendarMonthNavigation, updateCalendarDefaultMonth = _a.updateCalendarDefaultMonth, loadingData = _a.loadingData, showFeedback = _a.showFeedback, palette = _a.palette, setCalendarHasError = _a.setCalendarHasError, setUpdatedForSubmit = _a.setUpdatedForSubmit, rangeContext = _a.rangeContext, calendarHasError = _a.calendarHasError;
|
|
11553
11552
|
// Translations
|
|
11554
11553
|
var t = useTranslation('common').t;
|
|
@@ -11557,12 +11556,12 @@ var Calendar = forwardRef(function (_a, ref) {
|
|
|
11557
11556
|
var selectedStartDate = calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from;
|
|
11558
11557
|
var rangeContextStartDate = rangeContext === null || rangeContext === void 0 ? void 0 : rangeContext.from;
|
|
11559
11558
|
// Handle initial disable dates including overlapping availableDates.lastCheckOut and disabledDates.start
|
|
11560
|
-
var
|
|
11559
|
+
var _d = useUpdateDisabledDates({
|
|
11561
11560
|
disableCalendarDates: disableCalendarDates,
|
|
11562
11561
|
calendarRange: calendarRange,
|
|
11563
11562
|
updateCalendarMonthNavigation: updateCalendarMonthNavigation,
|
|
11564
11563
|
updateCalendarDefaultMonth: updateCalendarDefaultMonth,
|
|
11565
|
-
}), newDisableCalendarDates =
|
|
11564
|
+
}), newDisableCalendarDates = _d.newDisableCalendarDates, overlappingDate = _d.overlappingDate, lastPossibleCheckout = _d.lastPossibleCheckout;
|
|
11566
11565
|
// Handle disable dates by page
|
|
11567
11566
|
var disabledDatesByPage$1 = disabledDatesByPage({
|
|
11568
11567
|
today: today,
|
|
@@ -11593,11 +11592,11 @@ var Calendar = forwardRef(function (_a, ref) {
|
|
|
11593
11592
|
setUpdatedForSubmit && setUpdatedForSubmit(true);
|
|
11594
11593
|
};
|
|
11595
11594
|
// Handle disabled dates for range context
|
|
11596
|
-
var
|
|
11595
|
+
var _e = handleRangeContextDisabledDates({
|
|
11597
11596
|
rangeContext: rangeContext,
|
|
11598
11597
|
availableDates: newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.availableDates,
|
|
11599
11598
|
calendarRange: calendarRange,
|
|
11600
|
-
}), findFirstPossibleRangeContextCheckIn =
|
|
11599
|
+
}), findFirstPossibleRangeContextCheckIn = _e.findFirstPossibleRangeContextCheckIn, findLastPossibleRangeContextCheckOut = _e.findLastPossibleRangeContextCheckOut, firstPossibleRangeContextCheckIn = _e.firstPossibleRangeContextCheckIn, lastPossibleRangeContextCheckOut = _e.lastPossibleRangeContextCheckOut, currentSelectionLastCheckoutDate = _e.currentSelectionLastCheckoutDate;
|
|
11601
11600
|
// Handle check for continuous selection in the range context
|
|
11602
11601
|
checkForContinuousSelection({
|
|
11603
11602
|
setCalendarHasError: setCalendarHasError,
|
|
@@ -11605,28 +11604,19 @@ var Calendar = forwardRef(function (_a, ref) {
|
|
|
11605
11604
|
calendarRange: calendarRange,
|
|
11606
11605
|
calendarHasError: calendarHasError,
|
|
11607
11606
|
});
|
|
11608
|
-
console.log('test', disabledDatesByPage$1.length
|
|
11609
|
-
? disabledDatesByPage$1
|
|
11610
|
-
: (disabledDates === null || disabledDates === void 0 ? void 0 : disabledDates.length)
|
|
11611
|
-
? __spreadArray$1(__spreadArray$1(__spreadArray$1([
|
|
11612
|
-
lastPossibleCheckout && lastPossibleCheckout
|
|
11613
|
-
], __read(disabledDates), false), __read(firstPossibleRangeContextCheckIn), false), __read(lastPossibleRangeContextCheckOut), false) : ((_b = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) === null || _b === void 0 ? void 0 : _b.length)
|
|
11614
|
-
? __spreadArray$1(__spreadArray$1(__spreadArray$1([
|
|
11615
|
-
lastPossibleCheckout && lastPossibleCheckout
|
|
11616
|
-
], __read(newDisableCalendarDates.disabledDates), false), __read(firstPossibleRangeContextCheckIn), false), __read(lastPossibleRangeContextCheckOut), false) : []);
|
|
11617
11607
|
return (React__default__default.createElement("div", { className: "will-filter-bar-calendar", ref: ref },
|
|
11618
11608
|
React__default__default.createElement("div", { className: "will-calendar-filter-container" },
|
|
11619
11609
|
React__default__default.createElement(DayPicker, { key: updateCalendarDefaultMonth, id: "will-calendar", mode: "range", locale: language === 'en' ? enUS : fi, numberOfMonths: !isTablet ? 2 : 1, weekStartsOn: 1, selected: calendarRange, onSelect: function (range) { return handleOnSelect(range); }, captionLayout: "dropdown-buttons", defaultMonth: (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from) ||
|
|
11620
11610
|
selectedStartDate ||
|
|
11621
11611
|
rangeContextStartDate ||
|
|
11622
|
-
(((
|
|
11612
|
+
(((_b = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) === null || _b === void 0 ? void 0 : _b.length)
|
|
11623
11613
|
? newDisableCalendarDates.disabledDates[0].from
|
|
11624
11614
|
: today), disabled: disabledDatesByPage$1.length
|
|
11625
11615
|
? disabledDatesByPage$1
|
|
11626
11616
|
: (disabledDates === null || disabledDates === void 0 ? void 0 : disabledDates.length)
|
|
11627
11617
|
? __spreadArray$1(__spreadArray$1(__spreadArray$1([
|
|
11628
11618
|
lastPossibleCheckout && lastPossibleCheckout
|
|
11629
|
-
], __read(disabledDates), false), __read(firstPossibleRangeContextCheckIn), false), __read(lastPossibleRangeContextCheckOut), false) : ((
|
|
11619
|
+
], __read(disabledDates), false), __read(firstPossibleRangeContextCheckIn), false), __read(lastPossibleRangeContextCheckOut), false) : ((_c = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) === null || _c === void 0 ? void 0 : _c.length)
|
|
11630
11620
|
? __spreadArray$1(__spreadArray$1(__spreadArray$1([
|
|
11631
11621
|
lastPossibleCheckout && lastPossibleCheckout
|
|
11632
11622
|
], __read(newDisableCalendarDates.disabledDates), false), __read(firstPossibleRangeContextCheckIn), false), __read(lastPossibleRangeContextCheckOut), false) : [], fromMonth: today, onMonthChange: function (val) {
|
|
@@ -12061,6 +12051,7 @@ var useFilterCalendar = function (_a) {
|
|
|
12061
12051
|
// Lifecycle
|
|
12062
12052
|
// Handle update component with new data
|
|
12063
12053
|
useEffect(function () {
|
|
12054
|
+
var _a;
|
|
12064
12055
|
if (outerDisableCalendarDates === null || outerDisableCalendarDates === void 0 ? void 0 : outerDisableCalendarDates.availableDates) {
|
|
12065
12056
|
setDisableCalendarDates({
|
|
12066
12057
|
availableDates: __spreadArray$1([], __read(outerDisableCalendarDates.availableDates.sort(function (a, b) {
|
|
@@ -12072,6 +12063,9 @@ var useFilterCalendar = function (_a) {
|
|
|
12072
12063
|
})), false) : [],
|
|
12073
12064
|
});
|
|
12074
12065
|
}
|
|
12066
|
+
if (disabledDates && !!((_a = outerDisableCalendarDates === null || outerDisableCalendarDates === void 0 ? void 0 : outerDisableCalendarDates.disabledDates) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
12067
|
+
setDisabledDates(__assign$2(__assign$2({}, disabledDates), outerDisableCalendarDates.disabledDates));
|
|
12068
|
+
}
|
|
12075
12069
|
}, [outerDisableCalendarDates]);
|
|
12076
12070
|
// Handle Range Context initial selections
|
|
12077
12071
|
useEffect(function () {
|