@uxf/datepicker 11.11.3 → 11.25.0

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.
Files changed (5) hide show
  1. package/contexts/date-picker-context.js +7 -7
  2. package/contexts/date-range-picker-context.js +7 -7
  3. package/hooks/use-date-picker-navigation.d.ts +7 -7
  4. package/hooks/use-date-picker-navigation.js +21 -7
  5. package/package.json +1 -1
package/contexts/date-picker-context.js CHANGED
@@ -13,13 +13,13 @@ exports.DatePickerContext = (0, react_1.createContext)({
13
13
  canGoToYear: () => true,
14
14
  firstDayOfWeek: 0,
15
15
  focusedDate: null,
16
- goToDate: () => undefined,
17
- goToNextMonths: () => undefined,
18
- goToNextMonthsByOneMonth: () => undefined,
19
- goToNextYear: () => undefined,
20
- goToPrevMonths: () => undefined,
21
- goToPrevMonthsByOneMonth: () => undefined,
22
- goToPrevYear: () => undefined,
16
+ goToDate: () => [],
17
+ goToNextMonths: () => [],
18
+ goToNextMonthsByOneMonth: () => [],
19
+ goToNextYear: () => [],
20
+ goToPrevMonths: () => [],
21
+ goToPrevMonthsByOneMonth: () => [],
22
+ goToPrevYear: () => [],
23
23
  hoveredDate: null,
24
24
  isDateBlocked: () => false,
25
25
  isDateFocused: () => false,
package/contexts/date-range-picker-context.js CHANGED
@@ -13,13 +13,13 @@ exports.DateRangePickerContext = (0, react_1.createContext)({
13
13
  canGoToYear: () => true,
14
14
  firstDayOfWeek: 0,
15
15
  focusedDate: null,
16
- goToDate: () => undefined,
17
- goToNextMonths: () => undefined,
18
- goToNextMonthsByOneMonth: () => undefined,
19
- goToNextYear: () => undefined,
20
- goToPrevMonths: () => undefined,
21
- goToPrevMonthsByOneMonth: () => undefined,
22
- goToPrevYear: () => undefined,
16
+ goToDate: () => [],
17
+ goToNextMonths: () => [],
18
+ goToNextMonthsByOneMonth: () => [],
19
+ goToNextYear: () => [],
20
+ goToPrevMonths: () => [],
21
+ goToPrevMonthsByOneMonth: () => [],
22
+ goToPrevYear: () => [],
23
23
  hoveredDate: null,
24
24
  isDateBlocked: () => false,
25
25
  isDateFocused: () => false,
package/hooks/use-date-picker-navigation.d.ts CHANGED
@@ -15,12 +15,12 @@ export interface UseDatePickerNavigationReturnType {
15
15
  canGoToPrevMonth: boolean;
16
16
  canGoToPrevYear: boolean;
17
17
  canGoToYear: (month: Date) => boolean;
18
- goToDate: (date: Date) => void;
19
- goToNextMonths: () => void;
20
- goToNextMonthsByOneMonth: () => void;
21
- goToNextYear: (numYears?: number) => void;
22
- goToPrevMonths: () => void;
23
- goToPrevMonthsByOneMonth: () => void;
24
- goToPrevYear: (numYears?: number) => void;
18
+ goToDate: (date: Date) => MonthType[];
19
+ goToNextMonths: () => MonthType[];
20
+ goToNextMonthsByOneMonth: () => MonthType[];
21
+ goToNextYear: (numYears?: number) => MonthType[];
22
+ goToPrevMonths: () => MonthType[];
23
+ goToPrevMonthsByOneMonth: () => MonthType[];
24
+ goToPrevYear: (numYears?: number) => MonthType[];
25
25
  }
26
26
  export declare function useDatePickerNavigation({ activeMonths, setActiveMonths, setFocusedDate, minBookingDate, maxBookingDate, numberOfMonths, }: UseDatePickerNavigationProps): UseDatePickerNavigationReturnType;
package/hooks/use-date-picker-navigation.js CHANGED
@@ -7,32 +7,46 @@ const get_initial_months_1 = require("../utils/get-initial-months");
7
7
  const get_next_active_month_1 = require("../utils/get-next-active-month");
8
8
  function useDatePickerNavigation({ activeMonths, setActiveMonths, setFocusedDate, minBookingDate, maxBookingDate, numberOfMonths, }) {
9
9
  const goToPrevMonths = (0, react_1.useCallback)(() => {
10
- setActiveMonths((0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, -1));
10
+ const newActiveMonths = (0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, -1);
11
+ setActiveMonths(newActiveMonths);
11
12
  setFocusedDate(null);
13
+ return newActiveMonths;
12
14
  }, [activeMonths, numberOfMonths, setActiveMonths, setFocusedDate]);
13
15
  const goToPrevMonthsByOneMonth = (0, react_1.useCallback)(() => {
14
- setActiveMonths((0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, -1, 1));
16
+ const newActiveMonths = (0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, -1, 1);
17
+ setActiveMonths(newActiveMonths);
15
18
  setFocusedDate(null);
19
+ return newActiveMonths;
16
20
  }, [activeMonths, numberOfMonths, setActiveMonths, setFocusedDate]);
17
21
  const goToNextMonths = (0, react_1.useCallback)(() => {
18
- setActiveMonths((0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, 1));
22
+ const newActiveMonths = (0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, 1);
23
+ setActiveMonths(newActiveMonths);
19
24
  setFocusedDate(null);
25
+ return newActiveMonths;
20
26
  }, [activeMonths, numberOfMonths, setActiveMonths, setFocusedDate]);
21
27
  const goToNextMonthsByOneMonth = (0, react_1.useCallback)(() => {
22
- setActiveMonths((0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, 1, 1));
28
+ const newActiveMonths = (0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, 1, 1);
29
+ setActiveMonths(newActiveMonths);
23
30
  setFocusedDate(null);
31
+ return newActiveMonths;
24
32
  }, [activeMonths, numberOfMonths, setActiveMonths, setFocusedDate]);
25
33
  const goToDate = (0, react_1.useCallback)((date) => {
26
- setActiveMonths((0, get_initial_months_1.getInitialMonths)(numberOfMonths, date));
34
+ const newActiveMonths = (0, get_initial_months_1.getInitialMonths)(numberOfMonths, date);
35
+ setActiveMonths(newActiveMonths);
27
36
  setFocusedDate(null);
37
+ return newActiveMonths;
28
38
  }, [numberOfMonths, setActiveMonths, setFocusedDate]);
29
39
  const goToPrevYear = (0, react_1.useCallback)((numYears = 1) => {
30
- setActiveMonths((0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, -(numYears * 12 - numberOfMonths + 1)));
40
+ const newActiveMonths = (0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, -(numYears * 12 - numberOfMonths + 1));
41
+ setActiveMonths(newActiveMonths);
31
42
  setFocusedDate(null);
43
+ return newActiveMonths;
32
44
  }, [activeMonths, numberOfMonths, setActiveMonths, setFocusedDate]);
33
45
  const goToNextYear = (0, react_1.useCallback)((numYears = 1) => {
34
- setActiveMonths((0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, numYears * 12 - numberOfMonths + 1));
46
+ const newActiveMonths = (0, get_next_active_month_1.getNextActiveMonth)(activeMonths, numberOfMonths, numYears * 12 - numberOfMonths + 1);
47
+ setActiveMonths(newActiveMonths);
35
48
  setFocusedDate(null);
49
+ return newActiveMonths;
36
50
  }, [activeMonths, numberOfMonths, setActiveMonths, setFocusedDate]);
37
51
  const canGoToPrevMonth = minBookingDate ? !(0, dayjs_en_1.dayjsEn)(activeMonths[0].date).isBefore((0, dayjs_en_1.dayjsEn)(minBookingDate)) : true;
38
52
  const canGoToNextMonth = maxBookingDate
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxf/datepicker",
3
- "version": "11.11.3",
3
+ "version": "11.25.0",
4
4
  "description": "A set of React hooks to create an awesome datepicker.",
5
5
  "main": "index.js",
6
6
  "scripts": {