@navikt/ds-react 7.12.2 → 7.14.0-alpha.1

package/cjs/date/monthpicker/MonthPicker.js

@@ -29,17 +29,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MonthPicker = 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("../../util/hooks");
 const useMergeRefs_1 = require("../../util/hooks/useMergeRefs");
 const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
-const context_1 = require("../context");
-const DateInput_1 = require("../parts/DateInput");
-const DateWrapper_1 = require("../parts/DateWrapper");
-const utils_1 = require("../utils");
-const MonthCaption_1 = __importDefault(require("./MonthCaption"));
-const MonthPickerStandalone_1 = __importDefault(require("./MonthPickerStandalone"));
-const MonthSelector_1 = __importDefault(require("./MonthSelector"));
+const Date_Dialog_1 = require("../Date.Dialog");
+const Date_Input_1 = require("../Date.Input");
+const Date_locale_1 = require("../Date.locale");
+const MonthPicker_context_1 = require("./MonthPicker.context");
+const MonthPicker_Caption_1 = require("./parts/MonthPicker.Caption");
+const MonthPicker_Standalone_1 = require("./parts/MonthPicker.Standalone");
+const MonthPicker_Table_1 = require("./parts/MonthPicker.Table");
 /**
  * A component that displays a month picker.
  *
@@ -63,55 +62,47 @@ const MonthSelector_1 = __importDefault(require("./MonthSelector"));
  * ```
  */
 exports.MonthPicker = (0, react_1.forwardRef)(({ children, dropdownCaption = false, fromDate, toDate, disabled = [], selected, open: _open, id, onClose, onOpenToggle, locale, translations, onMonthSelect, className, wrapperClassName, defaultSelected, year, onYearChange, strategy = "absolute", }, ref) => {
-    const translate = (0, i18n_hooks_1.useI18n)("DatePicker", translations, (0, utils_1.getTranslations)(locale));
+    const translate = (0, i18n_hooks_1.useI18n)("DatePicker", translations, (0, Date_locale_1.getTranslations)(locale));
     const langProviderLocale = (0, i18n_hooks_1.useDateLocale)();
     const ariaId = (0, hooks_1.useId)(id);
-    const [open, setOpen] = (0, react_1.useState)(_open !== null && _open !== void 0 ? _open : false);
+    const [open, setOpen] = (0, hooks_1.useControllableState)({
+        defaultValue: false,
+        value: _open,
+        onChange: () => {
+            onOpenToggle === null || onOpenToggle === void 0 ? void 0 : onOpenToggle();
+        },
+    });
     /* We use state here to insure that anchor is defined if open is true on initial render */
     const [wrapperRef, setWrapperRef] = (0, react_1.useState)(null);
     const mergedRef = (0, useMergeRefs_1.useMergeRefs)(setWrapperRef, ref);
-    const [selectedMonth, setSelectedMonth] = (0, react_1.useState)(defaultSelected);
     const handleSelect = (month) => {
-        var _a;
-        !onMonthSelect && setSelectedMonth(month);
         onMonthSelect === null || onMonthSelect === void 0 ? void 0 : onMonthSelect(month);
-        month && ((_a = onClose === null || onClose === void 0 ? void 0 : onClose()) !== null && _a !== void 0 ? _a : setOpen(false));
+        if (month) {
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+            setOpen(false);
+        }
     };
     if (dropdownCaption && (!fromDate || !toDate)) {
         console.warn("Using dropdownCaption required fromDate and toDate");
         return null;
     }
-    return (react_1.default.createElement(context_1.DateTranslationContextProvider, { translate: translate },
-        react_1.default.createElement(context_1.DateInputContext.Provider, { value: {
-                open: _open !== null && _open !== void 0 ? _open : open,
-                onOpen: () => {
-                    setOpen((x) => !x);
-                    onOpenToggle === null || onOpenToggle === void 0 ? void 0 : onOpenToggle();
-                },
-                ariaId,
-                defined: true,
-            } },
-            react_1.default.createElement("div", { ref: mergedRef, className: (0, clsx_1.default)("navds-date__wrapper", wrapperClassName) },
-                children,
-                react_1.default.createElement(DateWrapper_1.DateWrapper, { open: _open !== null && _open !== void 0 ? _open : open, anchor: wrapperRef, onClose: () => { var _a; return (_a = onClose === null || onClose === void 0 ? void 0 : onClose()) !== null && _a !== void 0 ? _a : setOpen(false); }, locale: locale, translate: translate, variant: "month", popoverProps: {
-                        id: ariaId,
-                        strategy,
-                    } },
-                    react_1.default.createElement(react_day_picker_1.DayPickerProvider, { initialProps: {
-                            locale: locale
-                                ? (0, utils_1.getLocaleFromString)(locale)
-                                : langProviderLocale,
-                            selected: selected !== null && selected !== void 0 ? selected : selectedMonth,
-                            toDate,
-                            fromDate,
-                            month: selected !== null && selected !== void 0 ? selected : selectedMonth,
+    return (react_1.default.createElement(Date_locale_1.DateTranslationContextProvider, { translate: translate },
+        react_1.default.createElement(Date_Input_1.DateInputContextProvider, { open: open, onOpen: () => setOpen((x) => !x), ariaId: ariaId, defined: true },
+            react_1.default.createElement(MonthPicker_context_1.MonthPickerProvider, { dropdownCaption: dropdownCaption, defaultSelected: defaultSelected, selected: selected, disabled: disabled, fromDate: fromDate, toDate: toDate, year: year, onYearChange: onYearChange, onMonthSelect: handleSelect, locale: locale ? (0, Date_locale_1.getLocaleFromString)(locale) : langProviderLocale },
+                react_1.default.createElement("div", { ref: mergedRef, className: (0, clsx_1.default)("navds-date__wrapper", wrapperClassName) },
+                    children,
+                    react_1.default.createElement(Date_Dialog_1.DateDialog, { open: open, anchor: wrapperRef, onClose: () => {
+                            onClose === null || onClose === void 0 ? void 0 : onClose();
+                            open && setOpen(false);
+                        }, locale: locale, translate: translate, variant: "month", popoverProps: {
+                            id: ariaId,
+                            strategy,
                         } },
                         react_1.default.createElement("div", { className: (0, clsx_1.default)("rdp-month", className) },
-                            react_1.default.createElement(context_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)))))))));
+                            react_1.default.createElement(MonthPicker_Caption_1.MonthPickerCaption, null),
+                            react_1.default.createElement(MonthPicker_Table_1.MonthPickerTable, null))))))));
 });
-exports.MonthPicker.Standalone = MonthPickerStandalone_1.default;
-exports.MonthPicker.Input = DateInput_1.MonthPickerInput;
+exports.MonthPicker.Standalone = MonthPicker_Standalone_1.MonthPickerStandalone;
+exports.MonthPicker.Input = Date_Input_1.MonthPickerInput;
 exports.default = exports.MonthPicker;
 //# sourceMappingURL=MonthPicker.js.map

package/cjs/date/monthpicker/MonthPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthPicker.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthPicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MonthPicker.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthPicker.tsx"],"names":[],"mappings":"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"}

package/cjs/date/monthpicker/MonthPicker.types.d.ts

@@ -0,0 +1,86 @@
+import { ComponentTranslation } from "../../util/i18n/i18n.types";
+import { Matcher } from "../Date.typeutils";
+export interface MonthPickerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Element monthpicker anchors to. Use <MonthPicker.Input /> for built-in toggle,
+     * or make your own with the open/onClose props
+     */
+    children?: React.ReactNode;
+    /**
+     * Classname for datepicker in popover
+     */
+    className?: string;
+    /**
+     * Classname for wrapper
+     */
+    wrapperClassName?: string;
+    /**
+     * The earliest month to start navigation.
+     */
+    fromDate?: Date;
+    /**
+     * The latest day to end  navigation.
+     */
+    toDate?: Date;
+    /**
+     * Changes monthpicker locale
+     * @default "nb" (norsk bokmål)
+     * @deprecated Use `<Provider />`-component
+     */
+    locale?: "nb" | "nn" | "en";
+    /**
+     * i18n-API for customizing texts and labels.
+     *
+     * **NB: If you need to change the language, use [Provider](https://aksel.nav.no/komponenter/core/provider#84d7ea5ec517) instead.**
+     */
+    translations?: ComponentTranslation<"DatePicker">;
+    /**
+     * Display dropdown for choosing year. Needs `fromDate` + `toDate` to work.
+     * @default false
+     */
+    dropdownCaption?: boolean;
+    /**
+     * Apply the disabled modifier to the matching months. Uses a subset of React Day Picker Matcher type. https://react-day-picker.js.org/api/type-aliases/Matcher
+     */
+    disabled?: Matcher[];
+    /**
+     * Controlled selected-month
+     */
+    selected?: Date;
+    /**
+     * Default selected month.
+     */
+    defaultSelected?: Date;
+    /**
+     * Open state for user-controlled state. Component controlled by default
+     */
+    open?: boolean;
+    /**
+     * onClose callback for user-controlled state
+     */
+    onClose?: () => void;
+    /**
+     * onOpenToggle callback for user-controlled-state. Only called if `<MonthPicker.Input />` is used
+     */
+    onOpenToggle?: () => void;
+    /**
+     * Callback for user-controlled state
+     */
+    onMonthSelect?: (month?: Date) => void;
+    /**
+     * Used to set visible year programmatically. Component controlled by default
+     */
+    year?: Date;
+    /**
+     * Event fired when the user navigates between years.
+     */
+    onYearChange?: (y?: Date) => void;
+    /**
+     * **Avoid using if possible!**
+     *
+     * Changes what CSS position property to use
+     * You want to use "fixed" if parent wrapper has position relative, but you want popover to escape
+     * @default "absolute"
+     */
+    strategy?: "absolute" | "fixed";
+}

package/cjs/date/monthpicker/MonthPicker.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=MonthPicker.types.js.map

package/cjs/date/monthpicker/MonthPicker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthPicker.types.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthPicker.types.ts"],"names":[],"mappings":""}

package/cjs/date/monthpicker/MonthPicker.util.d.ts

@@ -0,0 +1,2 @@
+import { Matcher } from "../Date.typeutils";
+export declare const nextEnabled: (months: Date[], key: string, disabled: Matcher[], currentMonth: Date, setYearState: (date: Date) => void, yearState: Date, dropdownCaption: boolean, fromDate?: Date, toDate?: Date) => Date;

package/cjs/date/monthpicker/MonthPicker.util.js

@@ -0,0 +1,156 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.nextEnabled = void 0;
+const date_fns_1 = require("date-fns");
+const date_utils_1 = require("../date-utils");
+const nextEnabled = (months, key, disabled, currentMonth, setYearState, yearState, dropdownCaption, fromDate, toDate) => {
+    const currentIndex = currentMonth.getMonth();
+    if (key === "Home") {
+        const nextDate = nextOnRow(currentIndex, months, yearState, disabled, "home");
+        if (nextDate) {
+            return nextDate;
+        }
+    }
+    if (key === "End") {
+        const nextDate = nextOnRow(currentIndex, months, yearState, disabled, "end");
+        if (nextDate) {
+            return nextDate;
+        }
+    }
+    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, date_utils_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, date_utils_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, date_utils_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, date_utils_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, date_utils_1.isMatch)((0, date_fns_1.setYear)(month, Number(yearState.getFullYear())), disabled)) {
+            return (0, date_fns_1.setYear)(month, Number(yearState.getFullYear()));
+        }
+    }
+};
+//# sourceMappingURL=MonthPicker.util.js.map

package/cjs/date/monthpicker/MonthPicker.util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthPicker.util.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthPicker.util.ts"],"names":[],"mappings":"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"}

package/cjs/date/monthpicker/hooks/useMonthPicker.d.ts

@@ -0,0 +1,85 @@
+import React from "react";
+import { DateInputProps } from "../../Date.Input";
+import { MonthPickerProps } from "../MonthPicker.types";
+export interface UseMonthPickerOptions extends Pick<MonthPickerProps, "locale" | "fromDate" | "toDate" | "disabled" | "defaultSelected"> {
+    /**
+     * Make Date-selection required
+     */
+    required?: boolean;
+    /**
+     * Callback for month-change
+     */
+    onMonthChange?: (date?: Date) => void;
+    /**
+     * Input-format
+     * @default "MMMM yyyy"
+     */
+    inputFormat?: string;
+    /**
+     * validation-callback
+     */
+    onValidate?: (val: MonthValidationT) => void;
+    /**
+     * Default shown year
+     */
+    defaultYear?: Date;
+    /**
+     * Allows input of with `yy` year format.
+     *
+     * Decision between 20th and 21st century is based on before(todays year - 80) ? 21st : 20th.
+     * In 2024 this equals to 1944 - 2043
+     * @default true
+     */
+    allowTwoDigitYear?: boolean;
+}
+interface UseMonthPickerValue {
+    /**
+     * Use: <MonthPicker {...monthpickerProps} />
+     */
+    monthpickerProps: MonthPickerProps;
+    /**
+     * Use: <MonthPicker.Input {...inputProps} />
+     */
+    inputProps: Pick<DateInputProps, "onChange" | "onFocus" | "value"> & {
+        /**
+         * @private
+         */
+        setAnchorRef: React.Dispatch<React.SetStateAction<HTMLButtonElement | null>>;
+    };
+    /**
+     * Currently selected Date
+     * Up to user to validate value and extract month
+     */
+    selectedMonth?: Date;
+    /**
+     * Manually set selected month if needed
+     */
+    setSelected: (date?: Date) => void;
+    /**
+     * Resets all states
+     */
+    reset: () => void;
+}
+export type MonthValidationT = {
+    isDisabled: boolean;
+    isEmpty: boolean;
+    isInvalid: boolean;
+    isValidMonth: boolean;
+    isBefore: boolean;
+    isAfter: boolean;
+};
+/**
+ *
+ * @see 🏷️ {@link UseMonthPickerOptions}
+ * @see 🏷️ {@link UseMonthPickerValue}
+ * @see 🏷️ {@link MonthValidationT}
+ * @example
+ * const { monthpickerProps, inputProps } = useMonthpicker({
+ *   fromDate: new Date("Aug 23 2019"),
+ *   toDate: new Date("Feb 23 2024"),
+ *   onMonthChange: console.log,
+ *   onValidate: console.log,
+ * });
+ */
+export declare const useMonthpicker: (opt?: UseMonthPickerOptions) => UseMonthPickerValue;
+export {};