willba-component-library 0.2.41 → 0.2.42
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 +25 -17
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +25 -17
- package/lib/index.js.map +1 -1
- package/lib/index.umd.js +25 -17
- package/lib/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/FilterCalendar/FilterCalendar.stories.tsx +14 -6
- package/src/components/FilterCalendar/hooks/useFilterCalendar.ts +1 -1
- package/src/core/components/calendar/Calendar.tsx +30 -18
package/lib/index.esm.js
CHANGED
|
@@ -10811,7 +10811,7 @@ var Calendar = forwardRef(function (_a, ref) {
|
|
|
10811
10811
|
var selectedStartDate = calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from;
|
|
10812
10812
|
// Handle overlapping availableDates.lastCheckOut and disabledDates.start
|
|
10813
10813
|
var _c = __read(useState(undefined), 2), overlappingDate = _c[0], setOverlappingDate = _c[1];
|
|
10814
|
-
useMemo(function () {
|
|
10814
|
+
var newDisableCalendarDates = useMemo(function () {
|
|
10815
10815
|
if (disableCalendarDates === null || disableCalendarDates === void 0 ? void 0 : disableCalendarDates.availableDates) {
|
|
10816
10816
|
var dateFormat_1 = 'dd-MM-yyyy';
|
|
10817
10817
|
var disabledDates_1 = disableCalendarDates.disabledDates;
|
|
@@ -10845,14 +10845,22 @@ var Calendar = forwardRef(function (_a, ref) {
|
|
|
10845
10845
|
return __spreadArray$1(__spreadArray$1([], __read(prev), false), __read(newOverlappingDates_1), false);
|
|
10846
10846
|
});
|
|
10847
10847
|
}
|
|
10848
|
-
disableCalendarDates
|
|
10848
|
+
var newDisableCalendarDates_1 = __assign$2(__assign$2({}, disableCalendarDates), { disabledDates: updatedDisabledDates });
|
|
10849
|
+
return newDisableCalendarDates_1;
|
|
10849
10850
|
}
|
|
10850
|
-
|
|
10851
|
+
return disableCalendarDates;
|
|
10852
|
+
}, [
|
|
10853
|
+
disableCalendarDates,
|
|
10854
|
+
calendarRange,
|
|
10855
|
+
updateCalendarMonthNavigation,
|
|
10856
|
+
initialCalendarRange,
|
|
10857
|
+
updateCalendarDefaultMoth,
|
|
10858
|
+
]);
|
|
10851
10859
|
// Handle disable dates by page
|
|
10852
10860
|
var disabledDatesByPage = handleDisabledDatesByPage({
|
|
10853
10861
|
today: today,
|
|
10854
10862
|
selectedPath: selectedPath,
|
|
10855
|
-
|
|
10863
|
+
newDisableCalendarDates: newDisableCalendarDates,
|
|
10856
10864
|
});
|
|
10857
10865
|
// Handle tooltip
|
|
10858
10866
|
useEffect(function () {
|
|
@@ -10931,7 +10939,7 @@ var Calendar = forwardRef(function (_a, ref) {
|
|
|
10931
10939
|
React__default__default.createElement(DayPicker, { key: updateCalendarDefaultMoth, id: "will-calendar", mode: "range", locale: language === 'en' ? enUS : fi, numberOfMonths: !isTablet ? 2 : 1, weekStartsOn: 1, selected: calendarRange, onSelect: function (range) {
|
|
10932
10940
|
return handleSelectedCheckIn({
|
|
10933
10941
|
range: range,
|
|
10934
|
-
|
|
10942
|
+
newDisableCalendarDates: newDisableCalendarDates,
|
|
10935
10943
|
setCalendarRange: setCalendarRange,
|
|
10936
10944
|
setDisabledDates: setDisabledDates,
|
|
10937
10945
|
calendarRange: calendarRange,
|
|
@@ -10939,13 +10947,13 @@ var Calendar = forwardRef(function (_a, ref) {
|
|
|
10939
10947
|
});
|
|
10940
10948
|
}, captionLayout: "dropdown-buttons", defaultMonth: (initialCalendarRange === null || initialCalendarRange === void 0 ? void 0 : initialCalendarRange.from) ||
|
|
10941
10949
|
selectedStartDate ||
|
|
10942
|
-
(((_b =
|
|
10943
|
-
?
|
|
10950
|
+
(((_b = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) === null || _b === void 0 ? void 0 : _b.length)
|
|
10951
|
+
? newDisableCalendarDates.disabledDates[0].from
|
|
10944
10952
|
: today), disabled: disabledDatesByPage.length
|
|
10945
10953
|
? disabledDatesByPage
|
|
10946
10954
|
: (disabledDates === null || disabledDates === void 0 ? void 0 : disabledDates.length)
|
|
10947
10955
|
? disabledDates
|
|
10948
|
-
: (
|
|
10956
|
+
: (newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) || [], fromMonth: today, onMonthChange: function (val) {
|
|
10949
10957
|
requestDates && setUpdateCalendarMonthNavigation
|
|
10950
10958
|
? (requestDates(val),
|
|
10951
10959
|
setUpdateCalendarMonthNavigation(function (prev) { return !prev; }))
|
|
@@ -10963,7 +10971,7 @@ var Calendar = forwardRef(function (_a, ref) {
|
|
|
10963
10971
|
? disabledDatesByPage
|
|
10964
10972
|
: (disabledDates === null || disabledDates === void 0 ? void 0 : disabledDates.length)
|
|
10965
10973
|
? disabledDates
|
|
10966
|
-
: (
|
|
10974
|
+
: (newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) || [],
|
|
10967
10975
|
disabledAfterCheckIn: (calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from)
|
|
10968
10976
|
? [{ after: calendarRange.from }]
|
|
10969
10977
|
: [],
|
|
@@ -11001,7 +11009,7 @@ var Calendar = forwardRef(function (_a, ref) {
|
|
|
11001
11009
|
/////////
|
|
11002
11010
|
var handleSelectedCheckIn = function (_a) {
|
|
11003
11011
|
var _b;
|
|
11004
|
-
var range = _a.range,
|
|
11012
|
+
var range = _a.range, newDisableCalendarDates = _a.newDisableCalendarDates, setCalendarRange = _a.setCalendarRange, setDisabledDates = _a.setDisabledDates, calendarRange = _a.calendarRange, overlappingDate = _a.overlappingDate;
|
|
11005
11013
|
// Calendar dates select logic
|
|
11006
11014
|
var dateFormat = 'dd-MM-yyyy';
|
|
11007
11015
|
var rangeFrom = (range === null || range === void 0 ? void 0 : range.from) ? format(range.from, dateFormat) : null;
|
|
@@ -11012,8 +11020,8 @@ var handleSelectedCheckIn = function (_a) {
|
|
|
11012
11020
|
var overlappingDateFrom = (overlappingDate === null || overlappingDate === void 0 ? void 0 : overlappingDate.length)
|
|
11013
11021
|
? overlappingDate.find(function (date) { return format(date.from || 1, dateFormat) === rangeFrom; })
|
|
11014
11022
|
: null;
|
|
11015
|
-
var checkOutRange = ((_b =
|
|
11016
|
-
?
|
|
11023
|
+
var checkOutRange = ((_b = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.availableDates) === null || _b === void 0 ? void 0 : _b.length)
|
|
11024
|
+
? newDisableCalendarDates.availableDates.find(function (checkInDate) {
|
|
11017
11025
|
return format(checkInDate.checkIn || 1, dateFormat) ===
|
|
11018
11026
|
format((range === null || range === void 0 ? void 0 : range.from) || 1, dateFormat);
|
|
11019
11027
|
})
|
|
@@ -11023,7 +11031,7 @@ var handleSelectedCheckIn = function (_a) {
|
|
|
11023
11031
|
var firstCheckOut = addDays(checkOutRange.firstCheckOut, -1);
|
|
11024
11032
|
var noDatesRange = format(checkIn, dateFormat) ===
|
|
11025
11033
|
format(checkOutRange.firstCheckOut, dateFormat);
|
|
11026
|
-
setDisabledDates(__spreadArray$1(__spreadArray$1([], __read(((
|
|
11034
|
+
setDisabledDates(__spreadArray$1(__spreadArray$1([], __read(((newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDates) || [])), false), [
|
|
11027
11035
|
{
|
|
11028
11036
|
from: noDatesRange ? undefined : checkIn,
|
|
11029
11037
|
to: noDatesRange ? undefined : firstCheckOut,
|
|
@@ -11049,10 +11057,10 @@ var handleSelectedCheckIn = function (_a) {
|
|
|
11049
11057
|
};
|
|
11050
11058
|
var handleDisabledDatesByPage = function (_a) {
|
|
11051
11059
|
var _b, _c, _d;
|
|
11052
|
-
var
|
|
11053
|
-
var daysToOffsetCalendar = (
|
|
11060
|
+
var newDisableCalendarDates = _a.newDisableCalendarDates, selectedPath = _a.selectedPath, today = _a.today;
|
|
11061
|
+
var daysToOffsetCalendar = (newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDatesByPage) && selectedPath
|
|
11054
11062
|
? [
|
|
11055
|
-
(_b =
|
|
11063
|
+
(_b = newDisableCalendarDates === null || newDisableCalendarDates === void 0 ? void 0 : newDisableCalendarDates.disabledDatesByPage) === null || _b === void 0 ? void 0 : _b.find(function (item) { return selectedPath === item.page; }),
|
|
11056
11064
|
]
|
|
11057
11065
|
: [];
|
|
11058
11066
|
return daysToOffsetCalendar.length
|
|
@@ -11467,7 +11475,7 @@ var useFilterCalendar = function (_a) {
|
|
|
11467
11475
|
var endDateParam = urlSearchParams.get('endDate');
|
|
11468
11476
|
if (startDateParam && endDateParam) {
|
|
11469
11477
|
if (noActiveSelection) {
|
|
11470
|
-
|
|
11478
|
+
handleClearDates();
|
|
11471
11479
|
setUpdateCalendarDefaultMoth(function (prev) { return prev + 1; });
|
|
11472
11480
|
setInitialCalendarRange({
|
|
11473
11481
|
from: new Date(startDateParam),
|