@uxf/datepicker 11.11.3 → 11.32.0

package/contexts/date-picker-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UseDatePickerReturnType } from "../hooks/use-date-picker";
 export type DatePickerContextProps = UseDatePickerReturnType;
 export declare const DatePickerContext: import("react").Context<UseDatePickerReturnType>;

package/contexts/date-picker-context.js

@@ -13,13 +13,13 @@ exports.DatePickerContext = (0, react_1.createContext)({
     canGoToYear: () => true,
     firstDayOfWeek: 0,
     focusedDate: null,
-    goToDate: () => undefined,
-    goToNextMonths: () => undefined,
-    goToNextMonthsByOneMonth: () => undefined,
-    goToNextYear: () => undefined,
-    goToPrevMonths: () => undefined,
-    goToPrevMonthsByOneMonth: () => undefined,
-    goToPrevYear: () => undefined,
+    goToDate: () => [],
+    goToNextMonths: () => [],
+    goToNextMonthsByOneMonth: () => [],
+    goToNextYear: () => [],
+    goToPrevMonths: () => [],
+    goToPrevMonthsByOneMonth: () => [],
+    goToPrevYear: () => [],
     hoveredDate: null,
     isDateBlocked: () => false,
     isDateFocused: () => false,

package/contexts/date-range-picker-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UseDateRangePickerReturnType } from "../hooks/use-date-range-picker";
 export type DatePickerContextProps = UseDateRangePickerReturnType;
 export declare const DateRangePickerContext: import("react").Context<UseDateRangePickerReturnType>;

package/contexts/date-range-picker-context.js

@@ -13,13 +13,13 @@ exports.DateRangePickerContext = (0, react_1.createContext)({
     canGoToYear: () => true,
     firstDayOfWeek: 0,
     focusedDate: null,
-    goToDate: () => undefined,
-    goToNextMonths: () => undefined,
-    goToNextMonthsByOneMonth: () => undefined,
-    goToNextYear: () => undefined,
-    goToPrevMonths: () => undefined,
-    goToPrevMonthsByOneMonth: () => undefined,
-    goToPrevYear: () => undefined,
+    goToDate: () => [],
+    goToNextMonths: () => [],
+    goToNextMonthsByOneMonth: () => [],
+    goToNextYear: () => [],
+    goToPrevMonths: () => [],
+    goToPrevMonthsByOneMonth: () => [],
+    goToPrevYear: () => [],
     hoveredDate: null,
     isDateBlocked: () => false,
     isDateFocused: () => false,

package/contexts/time-picker-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type TimePickerContextProps = {
     focusedHour: number | null;
     focusedMinute: number | null;

package/hooks/use-date-picker-navigation.d.ts

@@ -15,12 +15,12 @@ export interface UseDatePickerNavigationReturnType {
     canGoToPrevMonth: boolean;
     canGoToPrevYear: boolean;
     canGoToYear: (month: Date) => boolean;
-    goToDate: (date: Date) => void;
-    goToNextMonths: () => void;
-    goToNextMonthsByOneMonth: () => void;
-    goToNextYear: (numYears?: number) => void;
-    goToPrevMonths: () => void;
-    goToPrevMonthsByOneMonth: () => void;
-    goToPrevYear: (numYears?: number) => void;
+    goToDate: (date: Date) => MonthType[];
+    goToNextMonths: () => MonthType[];
+    goToNextMonthsByOneMonth: () => MonthType[];
+    goToNextYear: (numYears?: number) => MonthType[];
+    goToPrevMonths: () => MonthType[];
+    goToPrevMonthsByOneMonth: () => MonthType[];
+    goToPrevYear: (numYears?: number) => MonthType[];
 }
 export declare function useDatePickerNavigation({ activeMonths, setActiveMonths, setFocusedDate, minBookingDate, maxBookingDate, numberOfMonths, }: UseDatePickerNavigationProps): UseDatePickerNavigationReturnType;

package/hooks/use-date-picker-navigation.js

@@ -1,47 +1,66 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDatePickerNavigation = void 0;
+exports.useDatePickerNavigation = useDatePickerNavigation;
 const react_1 = require("react");
 const dayjs_en_1 = require("../utils/dayjs-en");
 const get_initial_months_1 = require("../utils/get-initial-months");
 const get_next_active_month_1 = require("../utils/get-next-active-month");
 function useDatePickerNavigation({ activeMonths, setActiveMonths, setFocusedDate, minBookingDate, maxBookingDate, numberOfMonths, }) {
+    var _a, _b, _c, _d;
     const goToPrevMonths = (0, react_1.useCallback)(() => {
-        setActiveMonths((0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, -1));
+        const newActiveMonths = (0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, -1);
+        setActiveMonths(newActiveMonths);
         setFocusedDate(null);
+        return newActiveMonths;
     }, [activeMonths, numberOfMonths, setActiveMonths, setFocusedDate]);
     const goToPrevMonthsByOneMonth = (0, react_1.useCallback)(() => {
-        setActiveMonths((0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, -1, 1));
+        const newActiveMonths = (0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, -1, 1);
+        setActiveMonths(newActiveMonths);
         setFocusedDate(null);
+        return newActiveMonths;
     }, [activeMonths, numberOfMonths, setActiveMonths, setFocusedDate]);
     const goToNextMonths = (0, react_1.useCallback)(() => {
-        setActiveMonths((0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, 1));
+        const newActiveMonths = (0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, 1);
+        setActiveMonths(newActiveMonths);
         setFocusedDate(null);
+        return newActiveMonths;
     }, [activeMonths, numberOfMonths, setActiveMonths, setFocusedDate]);
     const goToNextMonthsByOneMonth = (0, react_1.useCallback)(() => {
-        setActiveMonths((0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, 1, 1));
+        const newActiveMonths = (0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, 1, 1);
+        setActiveMonths(newActiveMonths);
         setFocusedDate(null);
+        return newActiveMonths;
     }, [activeMonths, numberOfMonths, setActiveMonths, setFocusedDate]);
     const goToDate = (0, react_1.useCallback)((date) => {
-        setActiveMonths((0, get_initial_months_1.getInitialMonths)(numberOfMonths, date));
+        const newActiveMonths = (0, get_initial_months_1.getInitialMonths)(numberOfMonths, date);
+        setActiveMonths(newActiveMonths);
         setFocusedDate(null);
+        return newActiveMonths;
     }, [numberOfMonths, setActiveMonths, setFocusedDate]);
     const goToPrevYear = (0, react_1.useCallback)((numYears = 1) => {
-        setActiveMonths((0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, -(numYears * 12 - numberOfMonths + 1)));
+        const newActiveMonths = (0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, -(numYears * 12 - numberOfMonths + 1));
+        setActiveMonths(newActiveMonths);
         setFocusedDate(null);
+        return newActiveMonths;
     }, [activeMonths, numberOfMonths, setActiveMonths, setFocusedDate]);
     const goToNextYear = (0, react_1.useCallback)((numYears = 1) => {
-        setActiveMonths((0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, numYears * 12 - numberOfMonths + 1));
+        const newActiveMonths = (0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, numYears * 12 - numberOfMonths + 1);
+        setActiveMonths(newActiveMonths);
         setFocusedDate(null);
+        return newActiveMonths;
     }, [activeMonths, numberOfMonths, setActiveMonths, setFocusedDate]);
-    const canGoToPrevMonth = minBookingDate ? !(0, dayjs_en_1.dayjsEn)(activeMonths[0].date).isBefore((0, dayjs_en_1.dayjsEn)(minBookingDate)) : true;
+    const canGoToPrevMonth = minBookingDate
+        ? !(0, dayjs_en_1.dayjsEn)((_b = (_a = activeMonths.at(0)) === null || _a === void 0 ? void 0 : _a.date) !== null && _b !== void 0 ? _b : new Date()).isBefore((0, dayjs_en_1.dayjsEn)(minBookingDate))
+        : true;
     const canGoToNextMonth = maxBookingDate
         ? !(0, dayjs_en_1.dayjsEn)(activeMonths[activeMonths.length - 1].date)
             .endOf("month")
             .isAfter((0, dayjs_en_1.dayjsEn)(maxBookingDate))
         : true;
     const canGoToPrevYear = minBookingDate
-        ? !(0, dayjs_en_1.dayjsEn)(activeMonths[0].date).startOf("year").isBefore((0, dayjs_en_1.dayjsEn)(minBookingDate))
+        ? !(0, dayjs_en_1.dayjsEn)((_d = (_c = activeMonths.at(0)) === null || _c === void 0 ? void 0 : _c.date) !== null && _d !== void 0 ? _d : new Date())
+            .startOf("year")
+            .isBefore((0, dayjs_en_1.dayjsEn)(minBookingDate))
         : true;
     const canGoToNextYear = maxBookingDate
         ? !(0, dayjs_en_1.dayjsEn)(activeMonths[activeMonths.length - 1].date)
@@ -81,4 +100,3 @@ function useDatePickerNavigation({ activeMonths, setActiveMonths, setFocusedDate
         goToPrevYear,
     };
 }
-exports.useDatePickerNavigation = useDatePickerNavigation;

package/hooks/use-date-picker-navigation.test.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_hooks_1 = require("@testing-library/react-hooks");
-const react_1 = require("react");
+const react_1 = require("@testing-library/react");
+const react_2 = require("react");
 const use_date_picker_navigation_1 = require("./use-date-picker-navigation");
 const ACTIVE_MONTHS = [{ date: new Date("2021-09-01"), month: 8, year: 2021 }];
 test("base data", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_date_picker_navigation_1.useDatePickerNavigation)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_date_picker_navigation_1.useDatePickerNavigation)({
         activeMonths: ACTIVE_MONTHS,
         setActiveMonths: () => undefined,
         numberOfMonths: 1,
@@ -19,7 +19,7 @@ test("base data", () => {
     expect(result.current.canGoToYear(new Date("2020-01-01"))).toBe(true);
 });
 test("base data with min and max date", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_date_picker_navigation_1.useDatePickerNavigation)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_date_picker_navigation_1.useDatePickerNavigation)({
         activeMonths: ACTIVE_MONTHS,
         setActiveMonths: () => undefined,
         numberOfMonths: 1,
@@ -35,8 +35,8 @@ test("base data with min and max date", () => {
     expect(result.current.canGoToYear(new Date("2026-01-01"))).toBe(false);
 });
 test("actions", () => {
-    const { result: state } = (0, react_hooks_1.renderHook)(() => (0, react_1.useState)([{ month: 8, year: 2021, date: new Date("2021-09-01") }]));
-    const { result, rerender } = (0, react_hooks_1.renderHook)(() => (0, use_date_picker_navigation_1.useDatePickerNavigation)({
+    const { result: state } = (0, react_1.renderHook)(() => (0, react_2.useState)([{ month: 8, year: 2021, date: new Date("2021-09-01") }]));
+    const { result, rerender } = (0, react_1.renderHook)(() => (0, use_date_picker_navigation_1.useDatePickerNavigation)({
         activeMonths: state.current[0],
         setActiveMonths: (data) => state.current[1](data),
         numberOfMonths: 1,
@@ -46,28 +46,28 @@ test("actions", () => {
     }));
     // go to year 2020
     expect(result.current.canGoToPrevYear).toBe(true);
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.goToPrevYear();
         rerender();
     });
     expect(result.current.canGoToPrevYear).toBe(false);
     expect(result.current.canGoToNextYear).toBe(true);
     // go to year 2022
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.goToNextYear(2);
         rerender();
     });
     expect(result.current.canGoToPrevYear).toBe(true);
     expect(result.current.canGoToNextYear).toBe(false);
     // go back to year 2021
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.goToPrevYear();
         rerender();
     });
     expect(result.current.canGoToPrevYear).toBe(true);
     expect(result.current.canGoToNextYear).toBe(true);
     // go to prev month
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.goToPrevMonths();
         result.current.goToPrevMonthsByOneMonth();
         rerender();
@@ -75,7 +75,7 @@ test("actions", () => {
     expect(result.current.canGoToPrevMonth).toBe(true);
     expect(result.current.canGoToNextMonth).toBe(true);
     // go to next month
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.goToNextMonths();
         result.current.goToNextMonthsByOneMonth();
         rerender();
@@ -83,13 +83,13 @@ test("actions", () => {
     expect(result.current.canGoToPrevMonth).toBe(true);
     expect(result.current.canGoToNextMonth).toBe(true);
     // go to month
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.goToDate(new Date("2020-12-30"));
         rerender();
     });
     expect(result.current.canGoToPrevMonth).toBe(false);
     expect(result.current.canGoToNextMonth).toBe(true);
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.goToDate(new Date("2022-03-01"));
         rerender();
     });

package/hooks/use-date-picker.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDatePicker = void 0;
+exports.useDatePicker = useDatePicker;
 const react_1 = require("react");
 const dayjs_en_1 = require("../utils/dayjs-en");
 const get_initial_months_1 = require("../utils/get-initial-months");
@@ -52,11 +52,12 @@ function useDatePicker({ datesConfig = [], firstDayOfWeek = 0, initialVisibleMon
             return;
         }
         function handleKeyDown(e) {
+            var _a, _b;
             if ((e.key === "ArrowRight" || e.key === "ArrowLeft" || e.key === "ArrowDown" || e.key === "ArrowUp") &&
                 !focusedDate) {
-                const activeMonth = activeMonths[0];
-                onDateFocus(activeMonth.date);
-                setActiveMonths((0, get_initial_months_1.getInitialMonths)(numberOfMonths, activeMonth.date));
+                const activeMonthDate = (_b = (_a = activeMonths.at(0)) === null || _a === void 0 ? void 0 : _a.date) !== null && _b !== void 0 ? _b : new Date();
+                onDateFocus(activeMonthDate);
+                setActiveMonths((0, get_initial_months_1.getInitialMonths)(numberOfMonths, activeMonthDate));
             }
         }
         window.addEventListener("keydown", handleKeyDown);
@@ -116,4 +117,3 @@ function useDatePicker({ datesConfig = [], firstDayOfWeek = 0, initialVisibleMon
         unavailableDates: disabledDates,
     };
 }
-exports.useDatePicker = useDatePicker;

package/hooks/use-date-picker.test.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_hooks_1 = require("@testing-library/react-hooks");
-const react_1 = require("react");
+const react_1 = require("@testing-library/react");
+const react_2 = require("react");
 const use_date_picker_1 = require("./use-date-picker");
 test("base data", () => {
     const BASE_DATE = new Date("2021-09-15");
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_date_picker_1.useDatePicker)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_date_picker_1.useDatePicker)({
         selectedDate: BASE_DATE,
         onDateChange: () => undefined,
         minBookingDate: new Date("2020-01-01"),
@@ -25,12 +25,12 @@ test("base data", () => {
 });
 test("date focus", () => {
     const BASE_DATE = new Date("2021-09-15");
-    const { result: state } = (0, react_hooks_1.renderHook)(() => (0, react_1.useState)(BASE_DATE));
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_date_picker_1.useDatePicker)({ selectedDate: state.current[0], onDateChange: (date) => state.current[1](date) }));
+    const { result: state } = (0, react_1.renderHook)(() => (0, react_2.useState)(BASE_DATE));
+    const { result } = (0, react_1.renderHook)(() => (0, use_date_picker_1.useDatePicker)({ selectedDate: state.current[0], onDateChange: (date) => state.current[1](date) }));
     const NEW_DATE = new Date("2022-12-22");
     expect(result.current.isDateFocused(BASE_DATE)).toBe(true);
     expect(result.current.isDateFocused(NEW_DATE)).toBe(false);
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onDateFocus(NEW_DATE);
     });
     expect(result.current.isDateFocused(NEW_DATE)).toBe(true);
@@ -38,31 +38,31 @@ test("date focus", () => {
 });
 test("date select", () => {
     const BASE_DATE = new Date("2021-09-15");
-    const { result: state } = (0, react_hooks_1.renderHook)(() => (0, react_1.useState)(BASE_DATE));
-    const { result, rerender } = (0, react_hooks_1.renderHook)(() => (0, use_date_picker_1.useDatePicker)({ selectedDate: state.current[0], onDateChange: (date) => state.current[1](date) }));
+    const { result: state } = (0, react_1.renderHook)(() => (0, react_2.useState)(BASE_DATE));
+    const { result, rerender } = (0, react_1.renderHook)(() => (0, use_date_picker_1.useDatePicker)({ selectedDate: state.current[0], onDateChange: (date) => state.current[1](date) }));
     const NEW_DATE = new Date("2022-12-22");
     expect(result.current.isDateSelected(BASE_DATE)).toBe(true);
     expect(result.current.isDateSelected(NEW_DATE)).toBe(false);
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onDateSelect(NEW_DATE);
         rerender();
     });
     expect(result.current.isDateSelected(NEW_DATE)).toBe(true);
     expect(result.current.isDateSelected(BASE_DATE)).toBe(false);
     // select another
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onDateSelect(BASE_DATE);
         rerender();
     });
     expect(result.current.isDateSelected(BASE_DATE)).toBe(true);
     // select save (deselect)
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onDateSelect(BASE_DATE);
         rerender();
     });
     expect(result.current.isDateSelected(BASE_DATE)).toBe(false);
     // reset
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onDateSelect(BASE_DATE);
         result.current.onResetDates();
         rerender();

package/hooks/use-date-range-picker.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDateRangePicker = exports.END_DATE = exports.START_DATE = void 0;
+exports.END_DATE = exports.START_DATE = void 0;
+exports.useDateRangePicker = useDateRangePicker;
 const react_1 = require("react");
 const can_select_range_1 = require("../utils/can-select-range");
 const dayjs_en_1 = require("../utils/dayjs-en");
@@ -61,11 +62,12 @@ function useDateRangePicker({ changeActiveMonthOnSelect = false, datesConfig = [
             return;
         }
         function handleKeyDown(e) {
+            var _a, _b;
             if ((e.key === "ArrowRight" || e.key === "ArrowLeft" || e.key === "ArrowDown" || e.key === "ArrowUp") &&
                 !focusedDate) {
-                const activeMonth = activeMonths[0];
-                onDateFocus(activeMonth.date);
-                setActiveMonths((0, get_initial_months_1.getInitialMonths)(numberOfMonths, activeMonth.date));
+                const activeMonthDate = (_b = (_a = activeMonths.at(0)) === null || _a === void 0 ? void 0 : _a.date) !== null && _b !== void 0 ? _b : new Date();
+                onDateFocus(activeMonthDate);
+                setActiveMonths((0, get_initial_months_1.getInitialMonths)(numberOfMonths, activeMonthDate));
             }
         }
         window.addEventListener("keydown", handleKeyDown);
@@ -226,4 +228,3 @@ function useDateRangePicker({ changeActiveMonthOnSelect = false, datesConfig = [
         unavailableDates: disabledDates,
     };
 }
-exports.useDateRangePicker = useDateRangePicker;

package/hooks/use-date-range-picker.test.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_hooks_1 = require("@testing-library/react-hooks");
-const react_1 = require("react");
+const react_1 = require("@testing-library/react");
+const react_2 = require("react");
 const use_date_range_picker_1 = require("./use-date-range-picker");
 beforeAll(() => {
     jest.useFakeTimers();
     jest.setSystemTime(new Date("2021-09-25"));
 });
 test("base data", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_date_range_picker_1.useDateRangePicker)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_date_range_picker_1.useDateRangePicker)({
         startDate: null,
         endDate: null,
         onDatesChange: () => undefined,
@@ -35,8 +35,8 @@ test("base data", () => {
 });
 test("date focus", () => {
     const BASE_DATE = new Date("2021-09-15");
-    const { result: state } = (0, react_hooks_1.renderHook)(() => (0, react_1.useState)({ startDate: null, endDate: null, focusedInput: "startDate" }));
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_date_range_picker_1.useDateRangePicker)({
+    const { result: state } = (0, react_1.renderHook)(() => (0, react_2.useState)({ startDate: null, endDate: null, focusedInput: "startDate" }));
+    const { result } = (0, react_1.renderHook)(() => (0, use_date_range_picker_1.useDateRangePicker)({
         startDate: state.current[0].startDate,
         endDate: state.current[0].endDate,
         onDatesChange: (data) => state.current[1](data),
@@ -46,7 +46,7 @@ test("date focus", () => {
     const NEW_DATE = new Date("2022-12-22");
     expect(result.current.isDateFocused(BASE_DATE)).toBe(false);
     expect(result.current.isDateFocused(NEW_DATE)).toBe(false);
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onDateFocus(NEW_DATE);
     });
     expect(result.current.isDateFocused(NEW_DATE)).toBe(true);
@@ -54,8 +54,8 @@ test("date focus", () => {
 });
 test("date select", () => {
     const BASE_DATE = new Date("2021-09-15");
-    const { result: state } = (0, react_hooks_1.renderHook)(() => (0, react_1.useState)({ startDate: null, endDate: null, focusedInput: "startDate" }));
-    const { result, rerender } = (0, react_hooks_1.renderHook)(() => (0, use_date_range_picker_1.useDateRangePicker)({
+    const { result: state } = (0, react_1.renderHook)(() => (0, react_2.useState)({ startDate: null, endDate: null, focusedInput: "startDate" }));
+    const { result, rerender } = (0, react_1.renderHook)(() => (0, use_date_range_picker_1.useDateRangePicker)({
         startDate: state.current[0].startDate,
         endDate: state.current[0].endDate,
         onDatesChange: (data) => state.current[1](data),
@@ -65,20 +65,20 @@ test("date select", () => {
     const NEW_DATE = new Date("2022-12-22");
     expect(result.current.isDateSelected(BASE_DATE)).toBe(false);
     expect(result.current.isDateSelected(NEW_DATE)).toBe(false);
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onDateSelect(NEW_DATE);
         rerender();
     });
     expect(result.current.isDateSelected(NEW_DATE)).toBe(true);
     expect(result.current.isDateSelected(BASE_DATE)).toBe(false);
     // select another
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onDateSelect(BASE_DATE);
         rerender();
     });
     expect(result.current.isDateSelected(BASE_DATE)).toBe(true);
     // reset
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onDateSelect(BASE_DATE);
         result.current.onResetDates();
         rerender();

package/hooks/use-day.js

@@ -3,14 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDay = void 0;
+exports.useDay = useDay;
+const empty_array_1 = require("@uxf/core/constants/empty-array");
 const dayjs_1 = __importDefault(require("dayjs"));
 const react_1 = require("react");
 const dayjs_en_1 = require("../utils/dayjs-en");
 const get_date_invervals_1 = require("../utils/get-date-invervals");
 function useDay({ date, datesConfig, dayRef, focusedDate, isDateBlocked, isDateFocused, isDateHovered, isDateInsideRange, isDateSelected, onDateFocus, onDateHover, onDateSelect, preventScroll, unavailableDates, }) {
     var _a;
-    const disabledDatesFromConfig = (_a = datesConfig === null || datesConfig === void 0 ? void 0 : datesConfig.filter((config) => config.isDisabled).flatMap((config) => config.dates)) !== null && _a !== void 0 ? _a : [];
+    const disabledDatesFromConfig = (_a = datesConfig === null || datesConfig === void 0 ? void 0 : datesConfig.filter((config) => config.isDisabled).flatMap((config) => config.dates)) !== null && _a !== void 0 ? _a : empty_array_1.EMPTY_ARRAY;
     // merge and filter duplicates
     const disabledDates = [...unavailableDates, ...disabledDatesFromConfig].filter((day, index, self) => index === self.findIndex((d) => d.getTime() === day.getTime()));
     const onClick = (0, react_1.useCallback)(() => onDateSelect(date), [date, onDateSelect]);
@@ -64,7 +65,7 @@ function useDay({ date, datesConfig, dayRef, focusedDate, isDateBlocked, isDateF
         return acc;
     }, []);
     return {
-        flags: flags !== null && flags !== void 0 ? flags : [],
+        flags: flags !== null && flags !== void 0 ? flags : empty_array_1.EMPTY_ARRAY,
         disabledDate: disabled,
         isFirstDisabled: _isFirstUnavailableDate(),
         isHovered: isDateHovered(date),
@@ -79,4 +80,3 @@ function useDay({ date, datesConfig, dayRef, focusedDate, isDateBlocked, isDateF
         tabIndex: focusedDate === null || isDateFocused(date) ? 0 : -1,
     };
 }
-exports.useDay = useDay;

package/hooks/use-day.test.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_hooks_1 = require("@testing-library/react-hooks");
+const react_1 = require("@testing-library/react");
 const dayjs_1 = __importDefault(require("dayjs"));
-const react_1 = require("react");
+const react_2 = require("react");
 const use_day_1 = require("./use-day");
 const e = { preventDefault: () => undefined, key: undefined };
 beforeAll(() => {
@@ -13,7 +13,7 @@ beforeAll(() => {
     jest.setSystemTime(new Date("2021-09-06"));
 });
 test("useDay", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_day_1.useDay)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_day_1.useDay)({
         date: new Date("2021-09-05"),
         datesConfig: [],
         focusedDate: null,
@@ -38,7 +38,7 @@ test("useDay", () => {
     expect(result.current.isWithinHoverRange).toBe(false);
 });
 test("useDay with unavailableDates", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_day_1.useDay)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_day_1.useDay)({
         date: new Date("2021-09-05"),
         datesConfig: [],
         focusedDate: null,
@@ -63,7 +63,7 @@ test("useDay with unavailableDates", () => {
     expect(result.current.isWithinHoverRange).toBe(false);
 });
 test("useDay with datesConfig", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_day_1.useDay)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_day_1.useDay)({
         date: new Date("2021-09-05"),
         datesConfig: [{ dates: [new Date("2021-09-05")], flag: "custom-classname", isDisabled: true }],
         focusedDate: null,
@@ -93,8 +93,8 @@ test("actions", () => {
     let selectedDate = null;
     let focusedDate = null;
     const insideRangeDate = null;
-    const { result: ref } = (0, react_hooks_1.renderHook)(() => (0, react_1.useRef)(null));
-    const { result, rerender } = (0, react_hooks_1.renderHook)(() => (0, use_day_1.useDay)({
+    const { result: ref } = (0, react_1.renderHook)(() => (0, react_2.useRef)(null));
+    const { result, rerender } = (0, react_1.renderHook)(() => (0, use_day_1.useDay)({
         date: new Date("2021-09-05"),
         datesConfig: [],
         dayRef: ref.current,
@@ -111,7 +111,7 @@ test("actions", () => {
     }));
     // hover
     expect(result.current.isHovered).toBe(false);
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         result.current.onMouseEnter();
         rerender();
     });
@@ -119,7 +119,7 @@ test("actions", () => {
     expect(result.current.tabIndex).toBe(0);
     // select
     expect(result.current.isSelected).toBe(false);
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         if (result.current.onClick) {
             result.current.onClick();
         }
@@ -128,7 +128,7 @@ test("actions", () => {
     expect(result.current.isSelected).toBe(true);
     expect(result.current.isInsideRange).toBe(false);
     // keyDown
-    (0, react_hooks_1.act)(() => {
+    (0, react_1.act)(() => {
         e.key = "ArrowRight";
         result.current.onKeyDown(e);
         e.key = "ArrowLeft";

package/hooks/use-decade.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDecade = exports.decadeLabelFormatFn = exports.yearLabelFormatFn = void 0;
+exports.decadeLabelFormatFn = exports.yearLabelFormatFn = void 0;
+exports.useDecade = useDecade;
 const react_1 = require("react");
 const dayjs_en_1 = require("../utils/dayjs-en");
 const get_years_1 = require("../utils/get-years");
@@ -18,4 +19,3 @@ function useDecade({ yearLabelFormat = exports.yearLabelFormatFn, decadeLabelFor
         decadeLabel: decadeLabelFormat(startYear, endYear),
     };
 }
-exports.useDecade = useDecade;

package/hooks/use-decade.test.js

@@ -3,11 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_hooks_1 = require("@testing-library/react-hooks");
+const react_1 = require("@testing-library/react");
 const dayjs_1 = __importDefault(require("dayjs"));
 const use_decade_1 = require("./use-decade");
 test("useDecade", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_decade_1.useDecade)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_decade_1.useDecade)({
         year: 2021,
     }));
     expect(result.current.decadeLabel).toBe("2017 – 2025");
@@ -24,7 +24,7 @@ test("useDecade", () => {
     ]);
 });
 test("useDecade with custom formats", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, use_decade_1.useDecade)({
+    const { result } = (0, react_1.renderHook)(() => (0, use_decade_1.useDecade)({
         year: 2021,
         decadeLabelFormat: (start, end) => `${(0, dayjs_1.default)(start).format("YY")} - ${(0, dayjs_1.default)(end).format("YY")}`,
         yearLabelFormat: (date) => (0, dayjs_1.default)(date).format("YY"),

package/hooks/use-hour.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHour = void 0;
+exports.useHour = useHour;
 const react_1 = require("react");
 function useHour({ hour, hourRef, focusedHour, isHourFocused, isHourSelected, onHourFocus, onHourSelect, preventScroll, }) {
     const onClick = (0, react_1.useCallback)(() => onHourSelect(hour), [hour, onHourSelect]);
@@ -37,4 +37,3 @@ function useHour({ hour, hourRef, focusedHour, isHourFocused, isHourSelected, on
         tabIndex: focusedHour === null || isHourFocused(hour) ? 0 : -1,
     };
 }
-exports.useHour = useHour;