willba-component-library 0.2.64 → 0.2.65

package/lib/index.esm.js

@@ -3590,6 +3590,53 @@ function min(dirtyDatesArray) {
   return result || new Date(NaN);
 }
 
+/**
+ * @name compareAsc
+ * @category Common Helpers
+ * @summary Compare the two dates and return -1, 0 or 1.
+ *
+ * @description
+ * Compare the two dates and return 1 if the first date is after the second,
+ * -1 if the first date is before the second or 0 if dates are equal.
+ *
+ * @param {Date|Number} dateLeft - the first date to compare
+ * @param {Date|Number} dateRight - the second date to compare
+ * @returns {Number} the result of the comparison
+ * @throws {TypeError} 2 arguments required
+ *
+ * @example
+ * // Compare 11 February 1987 and 10 July 1989:
+ * const result = compareAsc(new Date(1987, 1, 11), new Date(1989, 6, 10))
+ * //=> -1
+ *
+ * @example
+ * // Sort the array of dates:
+ * const result = [
+ *   new Date(1995, 6, 2),
+ *   new Date(1987, 1, 11),
+ *   new Date(1989, 6, 10)
+ * ].sort(compareAsc)
+ * //=> [
+ * //   Wed Feb 11 1987 00:00:00,
+ * //   Mon Jul 10 1989 00:00:00,
+ * //   Sun Jul 02 1995 00:00:00
+ * // ]
+ */
+function compareAsc(dirtyDateLeft, dirtyDateRight) {
+  requiredArgs(2, arguments);
+  var dateLeft = toDate(dirtyDateLeft);
+  var dateRight = toDate(dirtyDateRight);
+  var diff = dateLeft.getTime() - dateRight.getTime();
+  if (diff < 0) {
+    return -1;
+  } else if (diff > 0) {
+    return 1;
+    // Return 0 if diff is 0; return NaN if diff is NaN
+  } else {
+    return diff;
+  }
+}
+
 /**
  * @name isSameDay
  * @category Day Helpers
@@ -11508,7 +11555,6 @@ var Calendar = forwardRef(function (_a, ref) {
     var today = startOfDay(new Date());
     var selectedStartDate = calendarRange === null || calendarRange === void 0 ? void 0 : calendarRange.from;
     var rangeContextStartDate = rangeContext === null || rangeContext === void 0 ? void 0 : rangeContext.from;
-    console.log({ disableCalendarDates: disableCalendarDates });
     // Handle initial disable dates including overlapping availableDates.lastCheckOut and disabledDates.start
     var _d = useUpdateDisabledDates({
         disableCalendarDates: disableCalendarDates,
@@ -11516,7 +11562,6 @@ var Calendar = forwardRef(function (_a, ref) {
         updateCalendarMonthNavigation: updateCalendarMonthNavigation,
         updateCalendarDefaultMonth: updateCalendarDefaultMonth,
     }), newDisableCalendarDates = _d.newDisableCalendarDates, overlappingDate = _d.overlappingDate, lastPossibleCheckout = _d.lastPossibleCheckout;
-    console.log({ newDisableCalendarDates: newDisableCalendarDates });
     // Handle disable dates by page
     var disabledDatesByPage$1 = disabledDatesByPage({
         today: today,
@@ -11546,7 +11591,6 @@ var Calendar = forwardRef(function (_a, ref) {
         });
         setUpdatedForSubmit && setUpdatedForSubmit(true);
     };
-    console.log({ disabledDates: disabledDates });
     // Handle disabled dates for range context
     var _e = handleRangeContextDisabledDates({
         rangeContext: rangeContext,
@@ -12007,8 +12051,17 @@ var useFilterCalendar = function (_a) {
     // Lifecycle
     // Handle update component with new data
     useEffect(function () {
-        if (outerDisableCalendarDates) {
-            setDisableCalendarDates(outerDisableCalendarDates);
+        console.log('1', outerDisableCalendarDates);
+        if (outerDisableCalendarDates === null || outerDisableCalendarDates === void 0 ? void 0 : outerDisableCalendarDates.availableDates) {
+            setDisableCalendarDates({
+                availableDates: __spreadArray$1([], __read(outerDisableCalendarDates.availableDates.sort(function (a, b) {
+                    return compareAsc(a.checkIn, b.checkIn);
+                })), false),
+                disabledDates: outerDisableCalendarDates.disabledDates
+                    ? __spreadArray$1([], __read(outerDisableCalendarDates.disabledDates.sort(function (a, b) {
+                        return compareAsc(a.from, b.from);
+                    })), false) : [],
+            });
         }
     }, [outerDisableCalendarDates]);
     // Handle Range Context initial selections
@@ -12105,7 +12158,7 @@ function FilterCalendar(_a) {
     useUpdateTranslations({ language: language });
     var t = useTranslation().t;
     var isMobile = reactResponsiveExports.useMediaQuery({ maxWidth: 690 });
-    console.log('1', { outerDisableCalendarDates: outerDisableCalendarDates });
+    console.log('2', { outerDisableCalendarDates: outerDisableCalendarDates });
     var _b = useFilterCalendar({
         onSubmit: onSubmit,
         setToggleCalendar: setToggleCalendar,
@@ -12114,7 +12167,6 @@ function FilterCalendar(_a) {
         outerRangeContext: outerRangeContext,
         outerDisableCalendarDates: outerDisableCalendarDates,
     }), setCalendarRange = _b.setCalendarRange, handleClearDates = _b.handleClearDates, calendarRange = _b.calendarRange, disabledDates = _b.disabledDates, setDisabledDates = _b.setDisabledDates, updateCalendarMonthNavigation = _b.updateCalendarMonthNavigation, updateCalendarDefaultMonth = _b.updateCalendarDefaultMonth, setUpdateCalendarMonthNavigation = _b.setUpdateCalendarMonthNavigation, calendarHasError = _b.calendarHasError, setCalendarHasError = _b.setCalendarHasError, setUpdatedForSubmit = _b.setUpdatedForSubmit, rangeContext = _b.rangeContext, disableCalendarDates = _b.disableCalendarDates;
-    console.log('1', { disableCalendarDates: disableCalendarDates });
     // Display component after fully loaded
     useAwaitRender();
     // Handle close filter section