@navikt/ds-react 1.3.7 → 1.3.9

package/cjs/date/monthpicker/MonthPickerStandalone.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MonthPickerStandalone = void 0;
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = __importStar(require("react"));
+const react_day_picker_1 = require("react-day-picker");
+const hooks_1 = require("../hooks");
+const utils_1 = require("../utils");
+const MonthCaption_1 = __importDefault(require("./MonthCaption"));
+const MonthSelector_1 = __importDefault(require("./MonthSelector"));
+exports.MonthPickerStandalone = (0, react_1.forwardRef)(({ dropdownCaption = false, fromDate, toDate, disabled = [], selected, className, locale = "nb", onMonthSelect, defaultSelected, year, onYearChange, }, ref) => {
+    const [selectedMonth, setSelectedMonth] = (0, react_1.useState)(defaultSelected);
+    const handleSelect = (month) => {
+        setSelectedMonth(month);
+        onMonthSelect === null || onMonthSelect === void 0 ? void 0 : onMonthSelect(month);
+    };
+    if (dropdownCaption && (!fromDate || !toDate)) {
+        console.warn("Using dropdownCaption required fromDate and toDate");
+        return null;
+    }
+    return (react_1.default.createElement("div", { ref: ref, className: (0, clsx_1.default)("navds-date__wrapper", className) },
+        react_1.default.createElement(react_day_picker_1.RootProvider, { locale: (0, utils_1.getLocaleFromString)(locale), selected: selected !== null && selected !== void 0 ? selected : selectedMonth, toDate: toDate, fromDate: fromDate, month: selected !== null && selected !== void 0 ? selected : selectedMonth },
+            react_1.default.createElement("div", { className: "navds-date rdp-month" },
+                react_1.default.createElement(hooks_1.SharedMonthProvider, { dropdownCaption: dropdownCaption, disabled: disabled, selected: selected !== null && selected !== void 0 ? selected : selectedMonth, onSelect: handleSelect, year: year, onYearChange: onYearChange },
+                    react_1.default.createElement(MonthCaption_1.default, null),
+                    react_1.default.createElement(MonthSelector_1.default, null))))));
+});
+exports.default = exports.MonthPickerStandalone;

package/cjs/date/monthpicker/MonthSelector.js

@@ -0,0 +1,79 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MonthSelector = void 0;
+const date_fns_1 = require("date-fns");
+const react_1 = __importStar(require("react"));
+const __1 = require("../..");
+const hooks_1 = require("../hooks");
+const utils_1 = require("../utils");
+const MonthButton_1 = __importDefault(require("./MonthButton"));
+const getAllMonths = () => {
+    const months = [];
+    const date = (0, date_fns_1.startOfMonth)(new Date());
+    for (let month = 0; month <= 11; month++) {
+        months.push((0, date_fns_1.setMonth)(date, month));
+    }
+    return months;
+};
+const MonthSelector = () => {
+    const [focus, setFocus] = (0, react_1.useState)();
+    const { selected, year, disabled } = (0, hooks_1.useSharedMonthContext)();
+    const months = getAllMonths();
+    const hasSelected = selected &&
+        months.some((m) => (0, date_fns_1.isSameMonth)((0, date_fns_1.setYear)(m, year.getFullYear()), selected));
+    const getRootFallback = () => {
+        const today = (0, date_fns_1.startOfMonth)(new Date());
+        if ((year === null || year === void 0 ? void 0 : year.getFullYear()) === today.getFullYear() &&
+            !(0, utils_1.isMatch)(today, disabled)) {
+            return today;
+        }
+        for (let i = 0; i < months.length; i++) {
+            const m = months[i];
+            if (!(0, utils_1.isMatch)((0, date_fns_1.setYear)(m, year.getFullYear()), disabled)) {
+                return (0, date_fns_1.setYear)(m, year.getFullYear());
+            }
+        }
+    };
+    const [tabRoot, setTabRoot] = (0, react_1.useState)(hasSelected ? selected : getRootFallback());
+    if ((tabRoot === null || tabRoot === void 0 ? void 0 : tabRoot.getFullYear()) !== year.getFullYear()) {
+        setTabRoot(hasSelected ? selected : getRootFallback());
+    }
+    const tableMonths = [
+        months.slice(0, 4),
+        months.slice(4, 8),
+        months.slice(8, 12),
+    ];
+    return (react_1.default.createElement(__1.BodyShort, { as: "table", className: "rdp-table" },
+        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) => {
+            return (react_1.default.createElement("td", { key: month.toDateString(), className: "rdp-cell" },
+                react_1.default.createElement(MonthButton_1.default, { month: (0, date_fns_1.setYear)(month, year.getFullYear()), months: months, focus: focus, setFocus: setFocus, tabRoot: tabRoot, setTabRoot: setTabRoot })));
+        })))))));
+};
+exports.MonthSelector = MonthSelector;
+exports.default = exports.MonthSelector;

package/cjs/date/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "main": "./index.js",
+  "module": "../../esm/date/index.js",
+  "types": "../../esm/date/index.d.ts"
+}

package/cjs/date/utils/check-dates.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasNextYear = exports.isValidDate = exports.dateIsInCurrentMonth = void 0;
+const date_fns_1 = require("date-fns");
+const dateIsInCurrentMonth = (date, dateToCompare) => {
+    return (0, date_fns_1.isThisMonth)((0, date_fns_1.setYear)(date, Number(dateToCompare.getFullYear())));
+};
+exports.dateIsInCurrentMonth = dateIsInCurrentMonth;
+/** @private */
+function isValidDate(day) {
+    return !isNaN(day.getTime());
+}
+exports.isValidDate = isValidDate;
+const hasNextYear = (year, years, val) => {
+    return years.some((x) => year.getFullYear() + val === x.getFullYear());
+};
+exports.hasNextYear = hasNextYear;

package/cjs/date/utils/dates-disabled.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.disableDate = void 0;
+const date_fns_1 = require("date-fns");
+const react_day_picker_1 = require("react-day-picker");
+// TODO: ((date: Date) => boolean)
+const disableDate = (disabledSelection, date) => {
+    let result = false;
+    if (disabledSelection instanceof Date) {
+        return (0, date_fns_1.isSameDay)(disabledSelection, date);
+    }
+    else if (disabledSelection instanceof Array) {
+        for (let i = 0; i < disabledSelection.length; i++) {
+            const selection = disabledSelection[i];
+            if ((0, react_day_picker_1.isDateRange)(selection)) {
+                if (selection.from && selection.to) {
+                    result = date >= selection.from && date <= selection.to;
+                }
+            }
+            else if (selection instanceof Date) {
+                result = (0, date_fns_1.isSameDay)(selection, date);
+            }
+            if (result)
+                break;
+        }
+    }
+    return result;
+};
+exports.disableDate = disableDate;

package/cjs/date/utils/format-date.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatDateForInput = void 0;
+const date_fns_1 = require("date-fns");
+const parse_date_1 = require("./parse-date");
+const formatDateForInput = (date, locale, type) => {
+    const INPUT_DATE_STRING_FORMAT = type === "date"
+        ? parse_date_1.INPUT_DATE_STRING_FORMAT_DATE
+        : parse_date_1.INPUT_DATE_STRING_FORMAT_MONTH;
+    return (0, date_fns_1.format)(date, INPUT_DATE_STRING_FORMAT, { locale });
+};
+exports.formatDateForInput = formatDateForInput;

package/cjs/date/utils/get-dates.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getYears = exports.getMonths = void 0;
+const date_fns_1 = require("date-fns");
+const getMonths = (start, end, current) => {
+    const dropdownMonths = [];
+    if ((0, date_fns_1.isSameYear)(start, end)) {
+        const date = (0, date_fns_1.startOfMonth)(start);
+        for (let month = start.getMonth(); month <= end.getMonth(); month++) {
+            dropdownMonths.push((0, date_fns_1.setMonth)(date, month));
+        }
+    }
+    else if ((0, date_fns_1.isSameYear)(current, end)) {
+        const date = (0, date_fns_1.startOfMonth)(new Date());
+        for (let month = 0; month <= end.getMonth(); month++) {
+            dropdownMonths.push((0, date_fns_1.setMonth)(date, month));
+        }
+    }
+    else if ((0, date_fns_1.isSameYear)(current, start)) {
+        const date = (0, date_fns_1.startOfMonth)(start);
+        for (let month = date.getMonth(); month <= 11; month++) {
+            dropdownMonths.push((0, date_fns_1.setMonth)(date, month));
+        }
+    }
+    else {
+        const date = (0, date_fns_1.startOfMonth)(new Date());
+        for (let month = 0; month <= 11; month++) {
+            dropdownMonths.push((0, date_fns_1.setMonth)(date, month));
+        }
+    }
+    return dropdownMonths;
+};
+exports.getMonths = getMonths;
+const getYears = (start, end) => {
+    const years = [];
+    const fromYear = start.getFullYear();
+    const toYear = end.getFullYear();
+    for (let year = fromYear; year <= toYear; year++) {
+        years.push((0, date_fns_1.setYear)((0, date_fns_1.startOfYear)(new Date()), year));
+    }
+    return years;
+};
+exports.getYears = getYears;

package/cjs/date/utils/get-initial-year.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInitialYear = void 0;
+const date_fns_1 = require("date-fns");
+/**
+ *
+ */
+function getInitialYear(context) {
+    const { month, defaultMonth, toDate, fromDate } = context;
+    let initialMonth = month || defaultMonth || new Date();
+    const isAfter = toDate && toDate.getFullYear() < initialMonth.getFullYear();
+    const isBefore = fromDate && fromDate.getFullYear() > initialMonth.getFullYear();
+    if (isAfter) {
+        initialMonth = toDate;
+    }
+    if (isBefore) {
+        initialMonth = fromDate;
+    }
+    return (0, date_fns_1.startOfYear)(initialMonth);
+}
+exports.getInitialYear = getInitialYear;

package/cjs/date/utils/index.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.nextEnabled = exports.isDateInRange = exports.isMatch = exports.getInitialYear = exports.hasNextYear = exports.isValidDate = exports.dateIsInCurrentMonth = exports.disableDate = exports.getLocaleFromString = exports.parseDate = exports.INPUT_DATE_STRING_FORMAT_MONTH = exports.INPUT_DATE_STRING_FORMAT_DATE = exports.labelPrevYear = exports.labelNextYear = exports.labels = exports.labelYearDropdown = exports.labelMonthDropdown = exports.getYears = exports.getMonths = exports.formatDateForInput = void 0;
+var format_date_1 = require("./format-date");
+Object.defineProperty(exports, "formatDateForInput", { enumerable: true, get: function () { return format_date_1.formatDateForInput; } });
+var get_dates_1 = require("./get-dates");
+Object.defineProperty(exports, "getMonths", { enumerable: true, get: function () { return get_dates_1.getMonths; } });
+Object.defineProperty(exports, "getYears", { enumerable: true, get: function () { return get_dates_1.getYears; } });
+var labels_1 = require("./labels");
+Object.defineProperty(exports, "labelMonthDropdown", { enumerable: true, get: function () { return labels_1.labelMonthDropdown; } });
+Object.defineProperty(exports, "labelYearDropdown", { enumerable: true, get: function () { return labels_1.labelYearDropdown; } });
+Object.defineProperty(exports, "labels", { enumerable: true, get: function () { return labels_1.labels; } });
+Object.defineProperty(exports, "labelNextYear", { enumerable: true, get: function () { return labels_1.labelNextYear; } });
+Object.defineProperty(exports, "labelPrevYear", { enumerable: true, get: function () { return labels_1.labelPrevYear; } });
+var parse_date_1 = require("./parse-date");
+Object.defineProperty(exports, "INPUT_DATE_STRING_FORMAT_DATE", { enumerable: true, get: function () { return parse_date_1.INPUT_DATE_STRING_FORMAT_DATE; } });
+Object.defineProperty(exports, "INPUT_DATE_STRING_FORMAT_MONTH", { enumerable: true, get: function () { return parse_date_1.INPUT_DATE_STRING_FORMAT_MONTH; } });
+Object.defineProperty(exports, "parseDate", { enumerable: true, get: function () { return parse_date_1.parseDate; } });
+var locale_1 = require("./locale");
+Object.defineProperty(exports, "getLocaleFromString", { enumerable: true, get: function () { return locale_1.getLocaleFromString; } });
+var dates_disabled_1 = require("./dates-disabled");
+Object.defineProperty(exports, "disableDate", { enumerable: true, get: function () { return dates_disabled_1.disableDate; } });
+var check_dates_1 = require("./check-dates");
+Object.defineProperty(exports, "dateIsInCurrentMonth", { enumerable: true, get: function () { return check_dates_1.dateIsInCurrentMonth; } });
+Object.defineProperty(exports, "isValidDate", { enumerable: true, get: function () { return check_dates_1.isValidDate; } });
+Object.defineProperty(exports, "hasNextYear", { enumerable: true, get: function () { return check_dates_1.hasNextYear; } });
+var get_initial_year_1 = require("./get-initial-year");
+Object.defineProperty(exports, "getInitialYear", { enumerable: true, get: function () { return get_initial_year_1.getInitialYear; } });
+var is_match_1 = require("./is-match");
+Object.defineProperty(exports, "isMatch", { enumerable: true, get: function () { return is_match_1.isMatch; } });
+Object.defineProperty(exports, "isDateInRange", { enumerable: true, get: function () { return is_match_1.isDateInRange; } });
+var navigation_1 = require("./navigation");
+Object.defineProperty(exports, "nextEnabled", { enumerable: true, get: function () { return navigation_1.nextEnabled; } });

package/cjs/date/utils/is-match.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isDateInRange = exports.isMatch = void 0;
+const date_fns_1 = require("date-fns");
+const react_day_picker_1 = require("react-day-picker");
+function isDateType(value) {
+    return (0, date_fns_1.isDate)(value);
+}
+function isArrayOfDates(value) {
+    return Array.isArray(value) && value.every(date_fns_1.isDate);
+}
+function isMatch(day, matchers) {
+    return matchers.some((matcher) => {
+        if (isDateType(matcher)) {
+            return (0, date_fns_1.isSameMonth)(day, matcher);
+        }
+        if (isArrayOfDates(matcher)) {
+            return matcher.some((matcherDay) => {
+                return (0, date_fns_1.isSameMonth)(matcherDay, day);
+            });
+        }
+        if ((0, react_day_picker_1.isDateRange)(matcher)) {
+            return isDateInRange(day, matcher);
+        }
+        if ((0, react_day_picker_1.isDateAfterType)(matcher)) {
+            return ((0, date_fns_1.isSameMonth)(day, matcher.after) ||
+                (0, date_fns_1.differenceInCalendarDays)(day, matcher.after) > 0);
+        }
+        if ((0, react_day_picker_1.isDateBeforeType)(matcher)) {
+            return ((0, date_fns_1.isSameMonth)(day, matcher.before) ||
+                (0, date_fns_1.differenceInCalendarDays)(matcher.before, day) > 0);
+        }
+        if (typeof matcher === "function") {
+            return matcher(day);
+        }
+        return false;
+    });
+}
+exports.isMatch = isMatch;
+function isDateInRange(date, range) {
+    let { from, to } = range;
+    if (!from) {
+        return false;
+    }
+    if (!to && (0, date_fns_1.isSameDay)(from, date)) {
+        return true;
+    }
+    if (!to) {
+        return false;
+    }
+    const isToBeforeFrom = (0, date_fns_1.differenceInCalendarDays)(to, from) < 0;
+    if (to && isToBeforeFrom) {
+        [from, to] = [to, from];
+    }
+    if ((0, date_fns_1.isSameMonth)(from, date) || (0, date_fns_1.isSameMonth)(to, date)) {
+        return true;
+    }
+    return ((0, date_fns_1.differenceInCalendarDays)(date, from) >= 0 &&
+        (0, date_fns_1.differenceInCalendarDays)(to, date) >= 0);
+}
+exports.isDateInRange = isDateInRange;

package/cjs/date/utils/labels.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.labels = exports.labelPrevYear = exports.labelNextYear = exports.labelMonthDropdown = exports.labelYearDropdown = void 0;
+const labelNext = (date, options) => {
+    var _a;
+    switch ((_a = options === null || options === void 0 ? void 0 : options.locale) === null || _a === void 0 ? void 0 : _a.code) {
+        case "nb":
+            return "Gå til neste måned";
+        case "nn":
+            return "Gå til neste månad";
+        case "en":
+            return "Go to next month";
+        default:
+            return "Gå til neste måned";
+    }
+};
+const labelPrevious = (date, options) => {
+    var _a;
+    switch ((_a = options === null || options === void 0 ? void 0 : options.locale) === null || _a === void 0 ? void 0 : _a.code) {
+        case "nb":
+            return "Gå til forrige måned";
+        case "nn":
+            return "Gå til førre månad";
+        case "en":
+            return "Go to previous month";
+        default:
+            return "Gå til forrige måned";
+    }
+};
+const labelYearDropdown = (locale) => {
+    switch (locale === null || locale === void 0 ? void 0 : locale.code) {
+        case "nb":
+            return "År";
+        case "nn":
+            return "År";
+        case "en":
+            return "Year";
+        default:
+            return "År";
+    }
+};
+exports.labelYearDropdown = labelYearDropdown;
+const labelMonthDropdown = (locale) => {
+    switch (locale === null || locale === void 0 ? void 0 : locale.code) {
+        case "nb":
+            return "Måned";
+        case "nn":
+            return "Månad";
+        case "en":
+            return "Month";
+        default:
+            return "Måned";
+    }
+};
+exports.labelMonthDropdown = labelMonthDropdown;
+const labelNextYear = (localeCode) => {
+    switch (localeCode) {
+        case "nb":
+            return "Gå til neste år";
+        case "nn":
+            return "Gå til neste år";
+        case "en-GB":
+            return "Go to next year";
+        default:
+            return "Gå til neste måned";
+    }
+};
+exports.labelNextYear = labelNextYear;
+const labelPrevYear = (localeCode) => {
+    switch (localeCode) {
+        case "nb":
+            return "Gå til forrige år";
+        case "nn":
+            return "Gå til førre år";
+        case "en-GB":
+            return "Go to next year";
+        default:
+            return "Gå til neste år";
+    }
+};
+exports.labelPrevYear = labelPrevYear;
+exports.labels = {
+    labelNext,
+    labelPrevious,
+};

package/cjs/date/utils/locale.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLocaleFromString = void 0;
+const en_GB_1 = __importDefault(require("date-fns/locale/en-GB"));
+const nb_1 = __importDefault(require("date-fns/locale/nb"));
+const nn_1 = __importDefault(require("date-fns/locale/nn"));
+/** @private */
+const getLocaleFromString = (locale = "nb") => {
+    switch (locale) {
+        case "nn":
+            return nn_1.default;
+        case "en":
+            return en_GB_1.default;
+        default:
+            return nb_1.default;
+    }
+};
+exports.getLocaleFromString = getLocaleFromString;

package/cjs/date/utils/navigation.js

@@ -0,0 +1,155 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.nextEnabled = void 0;
+const date_fns_1 = require("date-fns");
+const is_match_1 = require("./is-match");
+const nextEnabled = (months, key, disabled, currentMonth, setYearState, yearState, dropdownCaption, fromDate, toDate) => {
+    const currentIndex = currentMonth.getMonth();
+    if (key === "Home") {
+        const nextEnabled = nextOnRow(currentIndex, months, yearState, disabled, "home");
+        if (nextEnabled) {
+            return nextEnabled;
+        }
+    }
+    if (key === "End") {
+        const nextEnabled = nextOnRow(currentIndex, months, yearState, disabled, "end");
+        if (nextEnabled) {
+            return nextEnabled;
+        }
+    }
+    if (key === "PageUp") {
+        if (!dropdownCaption ||
+            (fromDate && yearState.getFullYear() - 1 >= (fromDate === null || fromDate === void 0 ? void 0 : fromDate.getFullYear()))) {
+            setYearState((0, date_fns_1.setYear)(yearState, Number(yearState.getFullYear() - 1)));
+        }
+    }
+    if (key === "PageDown") {
+        if (!dropdownCaption ||
+            (toDate && yearState.getFullYear() + 1 <= (toDate === null || toDate === void 0 ? void 0 : toDate.getFullYear()))) {
+            setYearState((0, date_fns_1.setYear)(yearState, Number(yearState.getFullYear() + 1)));
+        }
+    }
+    if (key === "ArrowRight") {
+        const nextMonth = loopForward(currentIndex, months, yearState, setYearState, disabled, false, dropdownCaption, fromDate, toDate);
+        if (nextMonth) {
+            return (0, date_fns_1.setYear)(months[nextMonth.index], nextMonth.year);
+        }
+    }
+    if (key === "ArrowLeft") {
+        const prevMonth = loopBack(currentIndex - 1, months, disabled, yearState, setYearState, false, dropdownCaption, fromDate, toDate);
+        if (prevMonth) {
+            return (0, date_fns_1.setYear)(months[prevMonth.index], prevMonth.year);
+        }
+    }
+    if (key === "ArrowDown") {
+        if (months[currentIndex + 4] &&
+            !(0, is_match_1.isMatch)((0, date_fns_1.setYear)(months[currentIndex + 4], yearState.getFullYear()), disabled)) {
+            return (0, date_fns_1.setYear)(months[currentIndex + 4], yearState.getFullYear());
+        }
+        const fallbackNext = loopForward(currentIndex, months, yearState, setYearState, disabled, true, dropdownCaption, fromDate, toDate);
+        if (fallbackNext &&
+            getRow(fallbackNext.index) !== getRow(currentIndex + 8)) {
+            return (0, date_fns_1.setYear)(months[fallbackNext.index], fallbackNext.year);
+        }
+    }
+    if (key === "ArrowUp") {
+        if (months[currentIndex - 4] &&
+            !(0, is_match_1.isMatch)((0, date_fns_1.setYear)(months[currentIndex - 4], Number(yearState.getFullYear())), disabled))
+            return (0, date_fns_1.setYear)(months[currentIndex - 4], Number(yearState.getFullYear()));
+        const fallbackPrev = loopBack(currentIndex, months, disabled, yearState, setYearState, true, dropdownCaption, fromDate, toDate);
+        if (fallbackPrev)
+            return (0, date_fns_1.setYear)(months[fallbackPrev.index], fallbackPrev.year);
+    }
+    return currentMonth;
+};
+exports.nextEnabled = nextEnabled;
+const loopBack = (currentIndex, months, disabled, yearState, setYearState, rowCheck, dropdownCaption, fromDate, toDate) => {
+    let currentYear = (0, date_fns_1.setYear)(yearState, Number(yearState.getFullYear()));
+    for (let i = currentIndex; i >= -1; i--) {
+        if (i === -1) {
+            if (isOutOfRange(dropdownCaption, (0, date_fns_1.setYear)(currentYear, Number(currentYear.getFullYear() - 1)), fromDate, toDate))
+                return;
+            currentYear = (0, date_fns_1.setYear)(currentYear, Number(currentYear.getFullYear() - 1));
+            setYearState(currentYear);
+            i = 11;
+        }
+        const month = months[i];
+        const isDisabled = !(0, is_match_1.isMatch)((0, date_fns_1.setYear)(month, Number(currentYear.getFullYear())), disabled);
+        if (rowCheck) {
+            if (isDisabled && getRow(i) !== getRow(currentIndex)) {
+                return { index: i, year: Number(currentYear.getFullYear()) };
+            }
+        }
+        else {
+            if (isDisabled) {
+                return { index: i, year: Number(currentYear.getFullYear()) };
+            }
+        }
+    }
+};
+const loopForward = (currentIndex, months, yearState, setYearState, disabled, rowCheck, dropdownCaption, fromDate, toDate) => {
+    let currentYear = (0, date_fns_1.setYear)(yearState, Number(yearState.getFullYear()));
+    for (let i = currentIndex + 1; i < months.length + 1; i++) {
+        if (i === 12) {
+            if (isOutOfRange(dropdownCaption, (0, date_fns_1.setYear)(currentYear, Number(currentYear.getFullYear() + 1)), fromDate, toDate))
+                return;
+            currentYear = (0, date_fns_1.setYear)(currentYear, Number(currentYear.getFullYear() + 1));
+            setYearState(currentYear);
+            i = 0;
+        }
+        const month = months[i];
+        const isDisabled = !(0, is_match_1.isMatch)((0, date_fns_1.setYear)(month, Number(currentYear.getFullYear())), disabled);
+        if (rowCheck) {
+            if (isDisabled && getRow(i) !== getRow(currentIndex)) {
+                return { index: i, year: Number(currentYear.getFullYear()) };
+            }
+        }
+        else {
+            if (isDisabled) {
+                return { index: i, year: Number(currentYear.getFullYear()) };
+            }
+        }
+    }
+};
+const getRow = (index) => {
+    if (index >= 0 && index <= 3)
+        return 1;
+    if (index >= 4 && index <= 7)
+        return 2;
+    return 3;
+};
+const isOutOfRange = (dropdownCaption, year, fromDate, toDate) => {
+    if (dropdownCaption &&
+        fromDate &&
+        toDate &&
+        (year.getFullYear() < (fromDate === null || fromDate === void 0 ? void 0 : fromDate.getFullYear()) ||
+            year.getFullYear() > (toDate === null || toDate === void 0 ? void 0 : toDate.getFullYear()))) {
+        return true;
+    }
+    return false;
+};
+const nextOnRow = (currentIndex, months, yearState, disabled, mode) => {
+    const row = getRow(currentIndex);
+    let monthsOfRow;
+    switch (row) {
+        case 1:
+            monthsOfRow = months.slice(0, 4);
+            break;
+        case 2:
+            monthsOfRow = months.slice(4, 8);
+            break;
+        case 3:
+            monthsOfRow = months.slice(8, 12);
+            break;
+        default:
+            break;
+    }
+    if (mode === "end")
+        monthsOfRow = monthsOfRow.reverse();
+    for (let i = 0; i < monthsOfRow.length; i++) {
+        const month = monthsOfRow[i];
+        if (!(0, is_match_1.isMatch)((0, date_fns_1.setYear)(month, Number(yearState.getFullYear())), disabled)) {
+            return (0, date_fns_1.setYear)(month, Number(yearState.getFullYear()));
+        }
+    }
+};

package/cjs/date/utils/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "main": "./index.js",
+  "module": "../../../esm/date/utils/index.js",
+  "types": "../../../esm/date/utils/index.d.ts"
+}