@navikt/ds-react 1.3.20 → 1.3.22
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/_docs.json +57 -0
- package/cjs/button/Button.js +1 -0
- package/cjs/date/datepicker/DatePicker.js +3 -3
- package/cjs/date/datepicker/DatePickerStandalone.js +3 -3
- package/cjs/date/datepicker/DayButton.js +5 -2
- package/cjs/date/datepicker/caption/DropdownCaption.js +5 -3
- package/cjs/date/hooks/useDatepicker.js +22 -16
- package/cjs/date/hooks/useMonthPicker.js +14 -12
- package/cjs/date/hooks/useRangeDatepicker.js +36 -24
- package/cjs/date/hooks/useSharedMonthContext.js +6 -2
- package/cjs/date/monthpicker/MonthButton.js +14 -10
- package/cjs/date/monthpicker/MonthCaption.js +9 -6
- package/cjs/date/monthpicker/MonthSelector.js +11 -8
- package/cjs/date/utils/check-dates.js +6 -2
- package/cjs/date/utils/dates-disabled.js +6 -3
- package/cjs/date/utils/format-date.js +5 -2
- package/cjs/date/utils/get-dates.js +20 -13
- package/cjs/date/utils/get-initial-year.js +5 -2
- package/cjs/date/utils/is-match.js +20 -14
- package/cjs/date/utils/navigation.js +24 -21
- package/cjs/date/utils/parse-date.js +5 -2
- package/esm/button/Button.js +1 -0
- package/esm/button/Button.js.map +1 -1
- package/esm/date/datepicker/DatePicker.js +1 -1
- package/esm/date/datepicker/DatePicker.js.map +1 -1
- package/esm/date/datepicker/DatePickerStandalone.js +1 -1
- package/esm/date/datepicker/DatePickerStandalone.js.map +1 -1
- package/esm/date/datepicker/DayButton.js +1 -1
- package/esm/date/datepicker/DayButton.js.map +1 -1
- package/esm/date/datepicker/caption/DropdownCaption.js +3 -1
- package/esm/date/datepicker/caption/DropdownCaption.js.map +1 -1
- package/esm/date/hooks/useDatepicker.d.ts +4 -0
- package/esm/date/hooks/useDatepicker.js +16 -13
- package/esm/date/hooks/useDatepicker.js.map +1 -1
- package/esm/date/hooks/useMonthPicker.d.ts +4 -0
- package/esm/date/hooks/useMonthPicker.js +14 -12
- package/esm/date/hooks/useMonthPicker.js.map +1 -1
- package/esm/date/hooks/useRangeDatepicker.d.ts +5 -1
- package/esm/date/hooks/useRangeDatepicker.js +26 -17
- package/esm/date/hooks/useRangeDatepicker.js.map +1 -1
- package/esm/date/hooks/useSharedMonthContext.js +2 -1
- package/esm/date/hooks/useSharedMonthContext.js.map +1 -1
- package/esm/date/monthpicker/MonthButton.js +5 -1
- package/esm/date/monthpicker/MonthButton.js.map +1 -1
- package/esm/date/monthpicker/MonthCaption.js +4 -1
- package/esm/date/monthpicker/MonthCaption.js.map +1 -1
- package/esm/date/monthpicker/MonthSelector.js +4 -1
- package/esm/date/monthpicker/MonthSelector.js.map +1 -1
- package/esm/date/utils/check-dates.js +2 -1
- package/esm/date/utils/check-dates.js.map +1 -1
- package/esm/date/utils/dates-disabled.js +1 -1
- package/esm/date/utils/dates-disabled.js.map +1 -1
- package/esm/date/utils/format-date.js +1 -1
- package/esm/date/utils/format-date.js.map +1 -1
- package/esm/date/utils/get-dates.js +5 -1
- package/esm/date/utils/get-dates.js.map +1 -1
- package/esm/date/utils/get-initial-year.js +1 -1
- package/esm/date/utils/get-initial-year.js.map +1 -1
- package/esm/date/utils/is-match.js +4 -1
- package/esm/date/utils/is-match.js.map +1 -1
- package/esm/date/utils/navigation.js +1 -1
- package/esm/date/utils/navigation.js.map +1 -1
- package/esm/date/utils/parse-date.js +1 -1
- package/esm/date/utils/parse-date.js.map +1 -1
- package/package.json +3 -4
- package/src/button/Button.tsx +1 -0
- package/src/button/button.stories.tsx +20 -1
- package/src/date/datepicker/DatePicker.tsx +1 -1
- package/src/date/datepicker/DatePickerStandalone.tsx +1 -1
- package/src/date/datepicker/DayButton.tsx +1 -1
- package/src/date/datepicker/caption/DropdownCaption.tsx +3 -1
- package/src/date/datepicker/datepicker.stories.tsx +32 -10
- package/src/date/hooks/useDatepicker.tsx +24 -13
- package/src/date/hooks/useMonthPicker.tsx +21 -12
- package/src/date/hooks/useRangeDatepicker.tsx +45 -19
- package/src/date/hooks/useSharedMonthContext.tsx +2 -1
- package/src/date/monthpicker/MonthButton.tsx +5 -7
- package/src/date/monthpicker/MonthCaption.tsx +4 -1
- package/src/date/monthpicker/MonthSelector.tsx +4 -1
- package/src/date/monthpicker/monthpicker.stories.tsx +1 -2
- package/src/date/utils/__tests__/get-initial-year.test.ts +1 -1
- package/src/date/utils/__tests__/parse-dates.test.ts +2 -1
- package/src/date/utils/check-dates.ts +2 -1
- package/src/date/utils/dates-disabled.ts +1 -1
- package/src/date/utils/format-date.ts +1 -1
- package/src/date/utils/get-dates.ts +5 -7
- package/src/date/utils/get-initial-year.ts +1 -1
- package/src/date/utils/is-match.ts +5 -6
- package/src/date/utils/navigation.ts +1 -1
- package/src/date/utils/parse-date.ts +1 -1
|
@@ -5,7 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.MonthCaption = void 0;
|
|
7
7
|
const ds_icons_1 = require("@navikt/ds-icons");
|
|
8
|
-
const
|
|
8
|
+
const isSameYear_1 = __importDefault(require("date-fns/isSameYear"));
|
|
9
|
+
const setYear_1 = __importDefault(require("date-fns/setYear"));
|
|
10
|
+
const startOfMonth_1 = __importDefault(require("date-fns/startOfMonth"));
|
|
11
|
+
const startOfYear_1 = __importDefault(require("date-fns/startOfYear"));
|
|
9
12
|
const react_1 = __importDefault(require("react"));
|
|
10
13
|
const react_day_picker_1 = require("react-day-picker");
|
|
11
14
|
const __1 = require("../..");
|
|
@@ -19,24 +22,24 @@ const MonthCaption = () => {
|
|
|
19
22
|
const fromYear = fromDate.getFullYear();
|
|
20
23
|
const toYear = toDate.getFullYear();
|
|
21
24
|
for (let year = fromYear; year <= toYear; year++) {
|
|
22
|
-
years.push((0,
|
|
25
|
+
years.push((0, setYear_1.default)((0, startOfYear_1.default)(new Date()), year));
|
|
23
26
|
}
|
|
24
27
|
}
|
|
25
|
-
const handleYearChange = (e) => toYear((0,
|
|
28
|
+
const handleYearChange = (e) => toYear((0, setYear_1.default)((0, startOfMonth_1.default)(new Date()), Number(e.target.value)));
|
|
26
29
|
const handleButtonClick = (val) => {
|
|
27
30
|
let newMonth;
|
|
28
31
|
if (hasDropdown && (0, utils_1.hasNextYear)(year, years, val)) {
|
|
29
|
-
newMonth = (0,
|
|
32
|
+
newMonth = (0, setYear_1.default)(new Date(), year.getFullYear() + val);
|
|
30
33
|
toYear(newMonth);
|
|
31
34
|
}
|
|
32
35
|
else if (!hasDropdown) {
|
|
33
36
|
const newYear = Number(year.getFullYear() + val);
|
|
34
|
-
newMonth = (0,
|
|
37
|
+
newMonth = (0, setYear_1.default)(year, newYear);
|
|
35
38
|
toYear(newMonth);
|
|
36
39
|
}
|
|
37
40
|
};
|
|
38
41
|
const hasFollowingYear = (value) => {
|
|
39
|
-
return years.some((y) => (0,
|
|
42
|
+
return years.some((y) => (0, isSameYear_1.default)(y, (0, setYear_1.default)(year, Number(year.getFullYear() + value))));
|
|
40
43
|
};
|
|
41
44
|
return (react_1.default.createElement("div", { className: "navds-date__caption" },
|
|
42
45
|
react_1.default.createElement(__1.Button, { className: "navds-date__caption-button", disabled: !hasDropdown ? false : !hasFollowingYear(-1), onClick: () => handleButtonClick(-1), "aria-label": (0, utils_1.labelPrevYear)(locale === null || locale === void 0 ? void 0 : locale.code), icon: react_1.default.createElement(ds_icons_1.Left, { "aria-hidden": true }), variant: "tertiary", type: "button" }),
|
|
@@ -27,7 +27,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
exports.MonthSelector = void 0;
|
|
30
|
-
const
|
|
30
|
+
const isSameMonth_1 = __importDefault(require("date-fns/isSameMonth"));
|
|
31
|
+
const setMonth_1 = __importDefault(require("date-fns/setMonth"));
|
|
32
|
+
const setYear_1 = __importDefault(require("date-fns/setYear"));
|
|
33
|
+
const startOfMonth_1 = __importDefault(require("date-fns/startOfMonth"));
|
|
31
34
|
const react_1 = __importStar(require("react"));
|
|
32
35
|
const __1 = require("../..");
|
|
33
36
|
const hooks_1 = require("../hooks");
|
|
@@ -35,9 +38,9 @@ const utils_1 = require("../utils");
|
|
|
35
38
|
const MonthButton_1 = __importDefault(require("./MonthButton"));
|
|
36
39
|
const getAllMonths = () => {
|
|
37
40
|
const months = [];
|
|
38
|
-
const date = (0,
|
|
41
|
+
const date = (0, startOfMonth_1.default)(new Date());
|
|
39
42
|
for (let month = 0; month <= 11; month++) {
|
|
40
|
-
months.push((0,
|
|
43
|
+
months.push((0, setMonth_1.default)(date, month));
|
|
41
44
|
}
|
|
42
45
|
return months;
|
|
43
46
|
};
|
|
@@ -46,17 +49,17 @@ const MonthSelector = () => {
|
|
|
46
49
|
const { selected, year, disabled } = (0, hooks_1.useSharedMonthContext)();
|
|
47
50
|
const months = getAllMonths();
|
|
48
51
|
const hasSelected = selected &&
|
|
49
|
-
months.some((m) => (0,
|
|
52
|
+
months.some((m) => (0, isSameMonth_1.default)((0, setYear_1.default)(m, year.getFullYear()), selected));
|
|
50
53
|
const getRootFallback = () => {
|
|
51
|
-
const today = (0,
|
|
54
|
+
const today = (0, startOfMonth_1.default)(new Date());
|
|
52
55
|
if ((year === null || year === void 0 ? void 0 : year.getFullYear()) === today.getFullYear() &&
|
|
53
56
|
!(0, utils_1.isMatch)(today, disabled)) {
|
|
54
57
|
return today;
|
|
55
58
|
}
|
|
56
59
|
for (let i = 0; i < months.length; i++) {
|
|
57
60
|
const m = months[i];
|
|
58
|
-
if (!(0, utils_1.isMatch)((0,
|
|
59
|
-
return (0,
|
|
61
|
+
if (!(0, utils_1.isMatch)((0, setYear_1.default)(m, year.getFullYear()), disabled)) {
|
|
62
|
+
return (0, setYear_1.default)(m, year.getFullYear());
|
|
60
63
|
}
|
|
61
64
|
}
|
|
62
65
|
};
|
|
@@ -72,7 +75,7 @@ const MonthSelector = () => {
|
|
|
72
75
|
return (react_1.default.createElement(__1.BodyShort, { as: "table", className: "rdp-table" },
|
|
73
76
|
react_1.default.createElement("tbody", { className: "rdp-tbody" }, tableMonths.map((x, y) => (react_1.default.createElement("tr", { className: "rdp-row", key: y }, x.map((month, y) => {
|
|
74
77
|
return (react_1.default.createElement("td", { key: month.toDateString(), className: "rdp-cell" },
|
|
75
|
-
react_1.default.createElement(MonthButton_1.default, { month: (0,
|
|
78
|
+
react_1.default.createElement(MonthButton_1.default, { month: (0, setYear_1.default)(month, year.getFullYear()), months: months, focus: focus, setFocus: setFocus, tabRoot: tabRoot, setTabRoot: setTabRoot })));
|
|
76
79
|
})))))));
|
|
77
80
|
};
|
|
78
81
|
exports.MonthSelector = MonthSelector;
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.hasNextYear = exports.isValidDate = exports.dateIsInCurrentMonth = void 0;
|
|
4
|
-
const
|
|
7
|
+
const setYear_1 = __importDefault(require("date-fns/setYear"));
|
|
8
|
+
const isThisMonth_1 = __importDefault(require("date-fns/isThisMonth"));
|
|
5
9
|
const dateIsInCurrentMonth = (date, dateToCompare) => {
|
|
6
|
-
return (0,
|
|
10
|
+
return (0, isThisMonth_1.default)((0, setYear_1.default)(date, Number(dateToCompare.getFullYear())));
|
|
7
11
|
};
|
|
8
12
|
exports.dateIsInCurrentMonth = dateIsInCurrentMonth;
|
|
9
13
|
/** @private */
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.disableDate = void 0;
|
|
4
|
-
const
|
|
7
|
+
const isSameDay_1 = __importDefault(require("date-fns/isSameDay"));
|
|
5
8
|
const react_day_picker_1 = require("react-day-picker");
|
|
6
9
|
// TODO: ((date: Date) => boolean)
|
|
7
10
|
const disableDate = (disabledSelection, date) => {
|
|
8
11
|
let result = false;
|
|
9
12
|
if (disabledSelection instanceof Date) {
|
|
10
|
-
return (0,
|
|
13
|
+
return (0, isSameDay_1.default)(disabledSelection, date);
|
|
11
14
|
}
|
|
12
15
|
else if (disabledSelection instanceof Array) {
|
|
13
16
|
for (let i = 0; i < disabledSelection.length; i++) {
|
|
@@ -18,7 +21,7 @@ const disableDate = (disabledSelection, date) => {
|
|
|
18
21
|
}
|
|
19
22
|
}
|
|
20
23
|
else if (selection instanceof Date) {
|
|
21
|
-
result = (0,
|
|
24
|
+
result = (0, isSameDay_1.default)(selection, date);
|
|
22
25
|
}
|
|
23
26
|
if (result)
|
|
24
27
|
break;
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.formatDateForInput = void 0;
|
|
4
|
-
const
|
|
7
|
+
const format_1 = __importDefault(require("date-fns/format"));
|
|
5
8
|
const parse_date_1 = require("./parse-date");
|
|
6
9
|
const formatDateForInput = (date, locale, type) => {
|
|
7
10
|
const INPUT_DATE_STRING_FORMAT = type === "date"
|
|
8
11
|
? parse_date_1.INPUT_DATE_STRING_FORMAT_DATE
|
|
9
12
|
: parse_date_1.INPUT_DATE_STRING_FORMAT_MONTH;
|
|
10
|
-
return (0,
|
|
13
|
+
return (0, format_1.default)(date, INPUT_DATE_STRING_FORMAT, { locale });
|
|
11
14
|
};
|
|
12
15
|
exports.formatDateForInput = formatDateForInput;
|
|
@@ -1,31 +1,38 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.getYears = exports.getMonths = void 0;
|
|
4
|
-
const
|
|
7
|
+
const isSameYear_1 = __importDefault(require("date-fns/isSameYear"));
|
|
8
|
+
const setMonth_1 = __importDefault(require("date-fns/setMonth"));
|
|
9
|
+
const setYear_1 = __importDefault(require("date-fns/setYear"));
|
|
10
|
+
const startOfMonth_1 = __importDefault(require("date-fns/startOfMonth"));
|
|
11
|
+
const startOfYear_1 = __importDefault(require("date-fns/startOfYear"));
|
|
5
12
|
const getMonths = (start, end, current) => {
|
|
6
13
|
const dropdownMonths = [];
|
|
7
|
-
if ((0,
|
|
8
|
-
const date = (0,
|
|
14
|
+
if ((0, isSameYear_1.default)(start, end)) {
|
|
15
|
+
const date = (0, startOfMonth_1.default)(start);
|
|
9
16
|
for (let month = start.getMonth(); month <= end.getMonth(); month++) {
|
|
10
|
-
dropdownMonths.push((0,
|
|
17
|
+
dropdownMonths.push((0, setMonth_1.default)(date, month));
|
|
11
18
|
}
|
|
12
19
|
}
|
|
13
|
-
else if ((0,
|
|
14
|
-
const date = (0,
|
|
20
|
+
else if ((0, isSameYear_1.default)(current, end)) {
|
|
21
|
+
const date = (0, startOfMonth_1.default)(new Date());
|
|
15
22
|
for (let month = 0; month <= end.getMonth(); month++) {
|
|
16
|
-
dropdownMonths.push((0,
|
|
23
|
+
dropdownMonths.push((0, setMonth_1.default)(date, month));
|
|
17
24
|
}
|
|
18
25
|
}
|
|
19
|
-
else if ((0,
|
|
20
|
-
const date = (0,
|
|
26
|
+
else if ((0, isSameYear_1.default)(current, start)) {
|
|
27
|
+
const date = (0, startOfMonth_1.default)(start);
|
|
21
28
|
for (let month = date.getMonth(); month <= 11; month++) {
|
|
22
|
-
dropdownMonths.push((0,
|
|
29
|
+
dropdownMonths.push((0, setMonth_1.default)(date, month));
|
|
23
30
|
}
|
|
24
31
|
}
|
|
25
32
|
else {
|
|
26
|
-
const date = (0,
|
|
33
|
+
const date = (0, startOfMonth_1.default)(new Date());
|
|
27
34
|
for (let month = 0; month <= 11; month++) {
|
|
28
|
-
dropdownMonths.push((0,
|
|
35
|
+
dropdownMonths.push((0, setMonth_1.default)(date, month));
|
|
29
36
|
}
|
|
30
37
|
}
|
|
31
38
|
return dropdownMonths;
|
|
@@ -36,7 +43,7 @@ const getYears = (start, end) => {
|
|
|
36
43
|
const fromYear = start.getFullYear();
|
|
37
44
|
const toYear = end.getFullYear();
|
|
38
45
|
for (let year = fromYear; year <= toYear; year++) {
|
|
39
|
-
years.push((0,
|
|
46
|
+
years.push((0, setYear_1.default)((0, startOfYear_1.default)(new Date()), year));
|
|
40
47
|
}
|
|
41
48
|
return years;
|
|
42
49
|
};
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.getInitialYear = void 0;
|
|
4
|
-
const
|
|
7
|
+
const startOfYear_1 = __importDefault(require("date-fns/startOfYear"));
|
|
5
8
|
/**
|
|
6
9
|
*
|
|
7
10
|
*/
|
|
@@ -16,6 +19,6 @@ function getInitialYear(context) {
|
|
|
16
19
|
if (isBefore) {
|
|
17
20
|
initialMonth = fromDate;
|
|
18
21
|
}
|
|
19
|
-
return (0,
|
|
22
|
+
return (0, startOfYear_1.default)(initialMonth);
|
|
20
23
|
}
|
|
21
24
|
exports.getInitialYear = getInitialYear;
|
|
@@ -1,34 +1,40 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.isDateInRange = exports.isMatch = void 0;
|
|
4
|
-
const
|
|
7
|
+
const isSameDay_1 = __importDefault(require("date-fns/isSameDay"));
|
|
8
|
+
const isDate_1 = __importDefault(require("date-fns/isDate"));
|
|
9
|
+
const differenceInCalendarDays_1 = __importDefault(require("date-fns/differenceInCalendarDays"));
|
|
10
|
+
const isSameMonth_1 = __importDefault(require("date-fns/isSameMonth"));
|
|
5
11
|
const react_day_picker_1 = require("react-day-picker");
|
|
6
12
|
function isDateType(value) {
|
|
7
|
-
return (0,
|
|
13
|
+
return (0, isDate_1.default)(value);
|
|
8
14
|
}
|
|
9
15
|
function isArrayOfDates(value) {
|
|
10
|
-
return Array.isArray(value) && value.every(
|
|
16
|
+
return Array.isArray(value) && value.every(isDate_1.default);
|
|
11
17
|
}
|
|
12
18
|
function isMatch(day, matchers) {
|
|
13
19
|
return matchers.some((matcher) => {
|
|
14
20
|
if (isDateType(matcher)) {
|
|
15
|
-
return (0,
|
|
21
|
+
return (0, isSameMonth_1.default)(day, matcher);
|
|
16
22
|
}
|
|
17
23
|
if (isArrayOfDates(matcher)) {
|
|
18
24
|
return matcher.some((matcherDay) => {
|
|
19
|
-
return (0,
|
|
25
|
+
return (0, isSameMonth_1.default)(matcherDay, day);
|
|
20
26
|
});
|
|
21
27
|
}
|
|
22
28
|
if ((0, react_day_picker_1.isDateRange)(matcher)) {
|
|
23
29
|
return isDateInRange(day, matcher);
|
|
24
30
|
}
|
|
25
31
|
if ((0, react_day_picker_1.isDateAfterType)(matcher)) {
|
|
26
|
-
return ((0,
|
|
27
|
-
(0,
|
|
32
|
+
return ((0, isSameMonth_1.default)(day, matcher.after) ||
|
|
33
|
+
(0, differenceInCalendarDays_1.default)(day, matcher.after) > 0);
|
|
28
34
|
}
|
|
29
35
|
if ((0, react_day_picker_1.isDateBeforeType)(matcher)) {
|
|
30
|
-
return ((0,
|
|
31
|
-
(0,
|
|
36
|
+
return ((0, isSameMonth_1.default)(day, matcher.before) ||
|
|
37
|
+
(0, differenceInCalendarDays_1.default)(matcher.before, day) > 0);
|
|
32
38
|
}
|
|
33
39
|
if (typeof matcher === "function") {
|
|
34
40
|
return matcher(day);
|
|
@@ -42,20 +48,20 @@ function isDateInRange(date, range) {
|
|
|
42
48
|
if (!from) {
|
|
43
49
|
return false;
|
|
44
50
|
}
|
|
45
|
-
if (!to && (0,
|
|
51
|
+
if (!to && (0, isSameDay_1.default)(from, date)) {
|
|
46
52
|
return true;
|
|
47
53
|
}
|
|
48
54
|
if (!to) {
|
|
49
55
|
return false;
|
|
50
56
|
}
|
|
51
|
-
const isToBeforeFrom = (0,
|
|
57
|
+
const isToBeforeFrom = (0, differenceInCalendarDays_1.default)(to, from) < 0;
|
|
52
58
|
if (to && isToBeforeFrom) {
|
|
53
59
|
[from, to] = [to, from];
|
|
54
60
|
}
|
|
55
|
-
if ((0,
|
|
61
|
+
if ((0, isSameMonth_1.default)(from, date) || (0, isSameMonth_1.default)(to, date)) {
|
|
56
62
|
return true;
|
|
57
63
|
}
|
|
58
|
-
return ((0,
|
|
59
|
-
(0,
|
|
64
|
+
return ((0, differenceInCalendarDays_1.default)(date, from) >= 0 &&
|
|
65
|
+
(0, differenceInCalendarDays_1.default)(to, date) >= 0);
|
|
60
66
|
}
|
|
61
67
|
exports.isDateInRange = isDateInRange;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.nextEnabled = void 0;
|
|
4
|
-
const
|
|
7
|
+
const setYear_1 = __importDefault(require("date-fns/setYear"));
|
|
5
8
|
const is_match_1 = require("./is-match");
|
|
6
9
|
const nextEnabled = (months, key, disabled, currentMonth, setYearState, yearState, dropdownCaption, fromDate, toDate) => {
|
|
7
10
|
const currentIndex = currentMonth.getMonth();
|
|
@@ -20,61 +23,61 @@ const nextEnabled = (months, key, disabled, currentMonth, setYearState, yearStat
|
|
|
20
23
|
if (key === "PageUp") {
|
|
21
24
|
if (!dropdownCaption ||
|
|
22
25
|
(fromDate && yearState.getFullYear() - 1 >= (fromDate === null || fromDate === void 0 ? void 0 : fromDate.getFullYear()))) {
|
|
23
|
-
setYearState((0,
|
|
26
|
+
setYearState((0, setYear_1.default)(yearState, Number(yearState.getFullYear() - 1)));
|
|
24
27
|
}
|
|
25
28
|
}
|
|
26
29
|
if (key === "PageDown") {
|
|
27
30
|
if (!dropdownCaption ||
|
|
28
31
|
(toDate && yearState.getFullYear() + 1 <= (toDate === null || toDate === void 0 ? void 0 : toDate.getFullYear()))) {
|
|
29
|
-
setYearState((0,
|
|
32
|
+
setYearState((0, setYear_1.default)(yearState, Number(yearState.getFullYear() + 1)));
|
|
30
33
|
}
|
|
31
34
|
}
|
|
32
35
|
if (key === "ArrowRight") {
|
|
33
36
|
const nextMonth = loopForward(currentIndex, months, yearState, setYearState, disabled, false, dropdownCaption, fromDate, toDate);
|
|
34
37
|
if (nextMonth) {
|
|
35
|
-
return (0,
|
|
38
|
+
return (0, setYear_1.default)(months[nextMonth.index], nextMonth.year);
|
|
36
39
|
}
|
|
37
40
|
}
|
|
38
41
|
if (key === "ArrowLeft") {
|
|
39
42
|
const prevMonth = loopBack(currentIndex - 1, months, disabled, yearState, setYearState, false, dropdownCaption, fromDate, toDate);
|
|
40
43
|
if (prevMonth) {
|
|
41
|
-
return (0,
|
|
44
|
+
return (0, setYear_1.default)(months[prevMonth.index], prevMonth.year);
|
|
42
45
|
}
|
|
43
46
|
}
|
|
44
47
|
if (key === "ArrowDown") {
|
|
45
48
|
if (months[currentIndex + 4] &&
|
|
46
|
-
!(0, is_match_1.isMatch)((0,
|
|
47
|
-
return (0,
|
|
49
|
+
!(0, is_match_1.isMatch)((0, setYear_1.default)(months[currentIndex + 4], yearState.getFullYear()), disabled)) {
|
|
50
|
+
return (0, setYear_1.default)(months[currentIndex + 4], yearState.getFullYear());
|
|
48
51
|
}
|
|
49
52
|
const fallbackNext = loopForward(currentIndex, months, yearState, setYearState, disabled, true, dropdownCaption, fromDate, toDate);
|
|
50
53
|
if (fallbackNext &&
|
|
51
54
|
getRow(fallbackNext.index) !== getRow(currentIndex + 8)) {
|
|
52
|
-
return (0,
|
|
55
|
+
return (0, setYear_1.default)(months[fallbackNext.index], fallbackNext.year);
|
|
53
56
|
}
|
|
54
57
|
}
|
|
55
58
|
if (key === "ArrowUp") {
|
|
56
59
|
if (months[currentIndex - 4] &&
|
|
57
|
-
!(0, is_match_1.isMatch)((0,
|
|
58
|
-
return (0,
|
|
60
|
+
!(0, is_match_1.isMatch)((0, setYear_1.default)(months[currentIndex - 4], Number(yearState.getFullYear())), disabled))
|
|
61
|
+
return (0, setYear_1.default)(months[currentIndex - 4], Number(yearState.getFullYear()));
|
|
59
62
|
const fallbackPrev = loopBack(currentIndex, months, disabled, yearState, setYearState, true, dropdownCaption, fromDate, toDate);
|
|
60
63
|
if (fallbackPrev)
|
|
61
|
-
return (0,
|
|
64
|
+
return (0, setYear_1.default)(months[fallbackPrev.index], fallbackPrev.year);
|
|
62
65
|
}
|
|
63
66
|
return currentMonth;
|
|
64
67
|
};
|
|
65
68
|
exports.nextEnabled = nextEnabled;
|
|
66
69
|
const loopBack = (currentIndex, months, disabled, yearState, setYearState, rowCheck, dropdownCaption, fromDate, toDate) => {
|
|
67
|
-
let currentYear = (0,
|
|
70
|
+
let currentYear = (0, setYear_1.default)(yearState, Number(yearState.getFullYear()));
|
|
68
71
|
for (let i = currentIndex; i >= -1; i--) {
|
|
69
72
|
if (i === -1) {
|
|
70
|
-
if (isOutOfRange(dropdownCaption, (0,
|
|
73
|
+
if (isOutOfRange(dropdownCaption, (0, setYear_1.default)(currentYear, Number(currentYear.getFullYear() - 1)), fromDate, toDate))
|
|
71
74
|
return;
|
|
72
|
-
currentYear = (0,
|
|
75
|
+
currentYear = (0, setYear_1.default)(currentYear, Number(currentYear.getFullYear() - 1));
|
|
73
76
|
setYearState(currentYear);
|
|
74
77
|
i = 11;
|
|
75
78
|
}
|
|
76
79
|
const month = months[i];
|
|
77
|
-
const isDisabled = !(0, is_match_1.isMatch)((0,
|
|
80
|
+
const isDisabled = !(0, is_match_1.isMatch)((0, setYear_1.default)(month, Number(currentYear.getFullYear())), disabled);
|
|
78
81
|
if (rowCheck) {
|
|
79
82
|
if (isDisabled && getRow(i) !== getRow(currentIndex)) {
|
|
80
83
|
return { index: i, year: Number(currentYear.getFullYear()) };
|
|
@@ -88,17 +91,17 @@ const loopBack = (currentIndex, months, disabled, yearState, setYearState, rowCh
|
|
|
88
91
|
}
|
|
89
92
|
};
|
|
90
93
|
const loopForward = (currentIndex, months, yearState, setYearState, disabled, rowCheck, dropdownCaption, fromDate, toDate) => {
|
|
91
|
-
let currentYear = (0,
|
|
94
|
+
let currentYear = (0, setYear_1.default)(yearState, Number(yearState.getFullYear()));
|
|
92
95
|
for (let i = currentIndex + 1; i < months.length + 1; i++) {
|
|
93
96
|
if (i === 12) {
|
|
94
|
-
if (isOutOfRange(dropdownCaption, (0,
|
|
97
|
+
if (isOutOfRange(dropdownCaption, (0, setYear_1.default)(currentYear, Number(currentYear.getFullYear() + 1)), fromDate, toDate))
|
|
95
98
|
return;
|
|
96
|
-
currentYear = (0,
|
|
99
|
+
currentYear = (0, setYear_1.default)(currentYear, Number(currentYear.getFullYear() + 1));
|
|
97
100
|
setYearState(currentYear);
|
|
98
101
|
i = 0;
|
|
99
102
|
}
|
|
100
103
|
const month = months[i];
|
|
101
|
-
const isDisabled = !(0, is_match_1.isMatch)((0,
|
|
104
|
+
const isDisabled = !(0, is_match_1.isMatch)((0, setYear_1.default)(month, Number(currentYear.getFullYear())), disabled);
|
|
102
105
|
if (rowCheck) {
|
|
103
106
|
if (isDisabled && getRow(i) !== getRow(currentIndex)) {
|
|
104
107
|
return { index: i, year: Number(currentYear.getFullYear()) };
|
|
@@ -148,8 +151,8 @@ const nextOnRow = (currentIndex, months, yearState, disabled, mode) => {
|
|
|
148
151
|
monthsOfRow = monthsOfRow.reverse();
|
|
149
152
|
for (let i = 0; i < monthsOfRow.length; i++) {
|
|
150
153
|
const month = monthsOfRow[i];
|
|
151
|
-
if (!(0, is_match_1.isMatch)((0,
|
|
152
|
-
return (0,
|
|
154
|
+
if (!(0, is_match_1.isMatch)((0, setYear_1.default)(month, Number(yearState.getFullYear())), disabled)) {
|
|
155
|
+
return (0, setYear_1.default)(month, Number(yearState.getFullYear()));
|
|
153
156
|
}
|
|
154
157
|
}
|
|
155
158
|
};
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.parseDate = exports.INPUT_DATE_STRING_FORMAT_MONTH = exports.INPUT_DATE_STRING_FORMAT_DATE = void 0;
|
|
4
|
-
const
|
|
7
|
+
const parse_1 = __importDefault(require("date-fns/parse"));
|
|
5
8
|
const _1 = require(".");
|
|
6
9
|
exports.INPUT_DATE_STRING_FORMAT_DATE = "dd.MM.yyyy";
|
|
7
10
|
exports.INPUT_DATE_STRING_FORMAT_MONTH = "MM.yyyy";
|
|
@@ -29,7 +32,7 @@ const parseDate = (date, today, locale, type) => {
|
|
|
29
32
|
let parsed;
|
|
30
33
|
const ALLOWED_FORMATS = type === "date" ? ALLOWED_INPUT_FORMATS_DATE : ALLOWED_INPUT_FORMATS_MONTH;
|
|
31
34
|
for (const format of ALLOWED_FORMATS) {
|
|
32
|
-
parsed = (0,
|
|
35
|
+
parsed = (0, parse_1.default)(date, format, today, { locale });
|
|
33
36
|
if ((0, _1.isValidDate)(parsed)) {
|
|
34
37
|
return parsed;
|
|
35
38
|
}
|
package/esm/button/Button.js
CHANGED
|
@@ -33,6 +33,7 @@ export const Button = forwardRef((_a, ref) => {
|
|
|
33
33
|
return (React.createElement(Component, Object.assign({}, rest, { ref: mergedRef, className: cl(className, "navds-button", `navds-button--${variant}`, `navds-button--${size}`, {
|
|
34
34
|
"navds-button--loading": widthOverride,
|
|
35
35
|
"navds-button--icon-only": !!icon && !children,
|
|
36
|
+
"navds-button--disabled": disabled !== null && disabled !== void 0 ? disabled : widthOverride,
|
|
36
37
|
}), style: Object.assign(Object.assign({}, style), { width: widthOverride }), disabled: (disabled !== null && disabled !== void 0 ? disabled : widthOverride) ? true : undefined }), widthOverride ? (React.createElement(Loader, { size: size })) : (React.createElement(React.Fragment, null,
|
|
37
38
|
icon && iconPosition === "left" && (React.createElement("span", { className: "navds-button__icon" }, icon)),
|
|
38
39
|
children && (React.createElement(Label, { as: "span", size: size === "medium" ? "medium" : "small", "aria-live": "polite" }, children)),
|
package/esm/button/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,EAAwB,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAuChD,MAAM,CAAC,MAAM,MAAM,GACjB,UAAU,CACR,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,EAAE,EAAE,SAAS,GAAG,QAAQ,EACxB,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,YAAY,GAAG,MAAM,OAEtB,EADI,IAAI,cAXT,0GAYC,CADQ;IAIT,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAU,CAAC;IAE7D,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEpE,qBAAqB,CAAC,GAAG,EAAE;QACzB,IAAI,OAAO,EAAE;YACX,MAAM,SAAS,GAAG,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;;gBAClD,gBAAgB,CACd,MAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,qBAAqB,EAAE,0CAAE,KAAK,CACnD,CAAC;YACJ,CAAC,CAAC,CAAC;YACH,OAAO,GAAG,EAAE;gBACV,gBAAgB,CAAC,SAAS,CAAC,CAAC;gBAC5B,oBAAoB,CAAC,SAAS,CAAC,CAAC;YAClC,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,EAAE,CACX,SAAS,EACT,cAAc,EACd,iBAAiB,OAAO,EAAE,EAC1B,iBAAiB,IAAI,EAAE,EACvB;YACE,uBAAuB,EAAE,aAAa;YACtC,yBAAyB,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import cl from "clsx";
|
|
13
|
-
import
|
|
13
|
+
import isWeekend from "date-fns/isWeekend";
|
|
14
14
|
import React, { forwardRef, useRef, useState } from "react";
|
|
15
15
|
import { DayPicker, isMatch, } from "react-day-picker";
|
|
16
16
|
import { omit, Popover, useId } from "../..";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/date/datepicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/date/datepicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import cl from "clsx";
|
|
13
|
-
import
|
|
13
|
+
import isWeekend from "date-fns/isWeekend";
|
|
14
14
|
import React, { forwardRef } from "react";
|
|
15
15
|
import { DayPicker, isMatch, } from "react-day-picker";
|
|
16
16
|
import { omit } from "../..";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerStandalone.js","sourceRoot":"","sources":["../../../src/date/datepicker/DatePickerStandalone.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,
|
|
1
|
+
{"version":3,"file":"DatePickerStandalone.js","sourceRoot":"","sources":["../../../src/date/datepicker/DatePickerStandalone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DayButton.js","sourceRoot":"","sources":["../../../src/date/datepicker/DayButton.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"DayButton.js","sourceRoot":"","sources":["../../../src/date/datepicker/DayButton.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,MAAM,EAAY,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAe,EAAE,EAAE;IAC3C,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC1E,MAAM,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,CAAC;IAClC,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAE1D,IAAI,SAAS,CAAC,QAAQ,EAAE;QACtB,OAAO,yCAAK,CAAC;KACd;IACD,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE;QACvB,OAAO,6CAAS,SAAS,CAAC,QAAQ,EAAI,CAAC;KACxC;IAED,OAAO,CACL,oBAAC,MAAM,kBACL,IAAI,EAAC,KAAK,EACV,GAAG,EAAE,SAAS,IACV,SAAS,CAAC,WAAW,kBACb,QAAQ,IACpB,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { Left, Right } from "@navikt/ds-icons";
|
|
2
|
-
import
|
|
2
|
+
import setMonth from "date-fns/setMonth";
|
|
3
|
+
import setYear from "date-fns/setYear";
|
|
4
|
+
import startOfMonth from "date-fns/startOfMonth";
|
|
3
5
|
import React from "react";
|
|
4
6
|
import { useDayPicker, useNavigation } from "react-day-picker";
|
|
5
7
|
import { Button, Select } from "../../..";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownCaption.js","sourceRoot":"","sources":["../../../../src/date/datepicker/caption/DropdownCaption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,
|
|
1
|
+
{"version":3,"file":"DropdownCaption.js","sourceRoot":"","sources":["../../../../src/date/datepicker/caption/DropdownCaption.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,10 @@ export interface UseDatepickerOptions extends Pick<DatePickerProps, "locale" | "
|
|
|
9
9
|
* Make selection of Date required
|
|
10
10
|
*/
|
|
11
11
|
required?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Callback for changed state
|
|
14
|
+
*/
|
|
15
|
+
onDateChange?: (val?: Date) => void;
|
|
12
16
|
}
|
|
13
17
|
interface UseDatepickerValue {
|
|
14
18
|
/**
|