@fremtind/jokul 0.24.0 → 0.25.0

package/build/es/components/datepicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/datepicker/DatePicker.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { startOfDay } from \"date-fns\";\nimport React, {\n    ChangeEvent,\n    FocusEvent,\n    KeyboardEvent,\n    MouseEvent,\n    forwardRef,\n    useCallback,\n    useRef,\n    useState,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { CalendarIcon } from \"../icon\";\nimport { IconButton } from \"../icon-button\";\nimport { InputGroup } from \"../input-group\";\nimport { Popover } from \"../popover\";\nimport { BaseTextInput } from \"../text-input\";\nimport { Calendar } from \"./internal/Calendar\";\nimport { getInitialDate, DateInfo } from \"./internal/utils\";\nimport { DatePickerProps, DateValidationError } from \"./types\";\nimport { formatInput, parseDateString } from \"./utils\";\nimport { isWithinLowerBound, isWithinUpperBound } from \"./validation\";\n\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>((props, forwardedInputRef) => {\n    const {\n        \"data-testautoid\": testAutoId,\n        id,\n        className = \"\",\n        label = \"Velg dato\",\n        labelProps,\n        defaultValue,\n        defaultShow = false,\n        value,\n        disableBeforeDate: disableBefore,\n        disableAfterDate: disableAfter,\n        yearsToShow,\n        name,\n        helpLabel,\n        errorLabel,\n        invalid,\n        density,\n        days,\n        months,\n        monthLabel,\n        yearLabel,\n        placeholder = \"dd.mm.åååå\",\n        width = \"11.25rem\",\n        onChange,\n        onBlur,\n        onFocus,\n        onKeyDown,\n        action,\n        showCalendarLabel = \"Åpne kalender\",\n        hideCalendarLabel = \"Lukk kalender\",\n        supportLabelProps,\n        tooltipProps,\n        ...rest\n    } = props;\n\n    if (process.env.NODE_ENV !== \"production\" && value && defaultValue) {\n        console.warn(\n            \"DatePicker må enten være controlled eller uncontrolled. Hvis du bruker defaultValue og value sammen vil defaultValue bli ignorert.\",\n        );\n    }\n    /// Input state\n\n    const disableBeforeDate = parseDateString(disableBefore);\n    const minDate = disableBeforeDate ? startOfDay(disableBeforeDate) : undefined;\n    const disableAfterDate = parseDateString(disableAfter);\n    const maxDate = disableAfterDate ? startOfDay(disableAfterDate) : undefined;\n\n    const [date, setDate] = useState(getInitialDate(value, defaultValue, minDate, maxDate));\n    const [error, setError] = useState<DateValidationError | null>(null);\n\n    /// Calendar state\n\n    const [showCalendar, setShowCalendar] = useState(defaultShow);\n\n    const calendarRef = useRef<HTMLDivElement>(null);\n    const datepickerRef = useRef<HTMLDivElement>(null);\n\n    /// Input events\n\n    const iconButtonRef = useRef<HTMLButtonElement | null>(null);\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    // Hjelper for å gjøre det enklere å både forwarde refen men også bruke den selv internt\n    const unifiedInputRef = useCallback(\n        (instance: HTMLInputElement | null) => {\n            inputRef.current = instance;\n            if (forwardedInputRef) {\n                if (typeof forwardedInputRef === \"function\") {\n                    forwardedInputRef(instance);\n                } else {\n                    forwardedInputRef.current = instance;\n                }\n            }\n        },\n        [inputRef, forwardedInputRef],\n    );\n\n    const handleFocus = useCallback(\n        (e: FocusEvent<HTMLInputElement>) => {\n            if (!onFocus || !datepickerRef.current) {\n                return;\n            }\n\n            const nextFocusIsInside = datepickerRef.current.contains(e.relatedTarget as Node);\n            if (!nextFocusIsInside) {\n                onFocus(e, date, { error, value: e.target.value });\n            }\n        },\n        [onFocus, date, error],\n    );\n\n    const handleBlur = useCallback(\n        (e: FocusEvent<HTMLInputElement>) => {\n            if (onBlur) {\n                onBlur(e, date, { error, value: e.target.value });\n            }\n        },\n        [onBlur, date, error],\n    );\n\n    const handleKeyDownAction = useCallback(\n        (e: React.KeyboardEvent<HTMLButtonElement>) => {\n            if (e.key === \"Escape\") {\n                setShowCalendar(false);\n                e.preventDefault();\n                e.stopPropagation();\n            }\n\n            if (action?.onKeyDown) {\n                action.onKeyDown(e);\n            }\n        },\n        [setShowCalendar, action],\n    );\n\n    const handleChange = useCallback(\n        (e: ChangeEvent<HTMLInputElement>) => {\n            let nextDate: Date | null = null;\n            let nextError: DateValidationError | null = null;\n\n            if (e.target.value) {\n                const val = parseDateString(e.target.value);\n                if (!val) {\n                    nextError = \"WRONG_FORMAT\";\n                } else if (minDate && !isWithinLowerBound(val, minDate)) {\n                    nextError = \"OUTSIDE_LOWER_BOUND\";\n                } else if (maxDate && !isWithinUpperBound(val, maxDate)) {\n                    nextError = \"OUTSIDE_UPPER_BOUND\";\n                } else {\n                    setShowCalendar(false);\n                }\n                nextDate = val || null;\n            }\n\n            setError(nextError);\n            setDate(nextDate);\n\n            if (onChange) {\n                onChange(e, nextDate, { error: nextError, value: e.target.value });\n            }\n        },\n        [onChange, setError, setDate, setShowCalendar, minDate, maxDate],\n    );\n\n    /// Calendar events\n\n    const clickCalendar = useCallback(\n        (e: MouseEvent<HTMLButtonElement>) => {\n            flushSync(() => {\n                setShowCalendar(!showCalendar);\n            });\n\n            const calendarEl = calendarRef.current;\n            const button = calendarEl && (calendarEl.querySelector('[aria-pressed=\"true\"]') as HTMLButtonElement);\n            button && button.focus();\n\n            if (action?.onClick) {\n                action.onClick(e);\n            }\n        },\n        [setShowCalendar, showCalendar, action, calendarRef],\n    );\n\n    const handleClickCalendarDay = useCallback(\n        ({ date }: DateInfo) => {\n            setShowCalendar(false);\n            setDate(date);\n\n            if (inputRef.current) {\n                const node = inputRef.current;\n\n                node.value = formatInput(date);\n\n                // Simulér et change-event så APIet blir så likt som mulig en endring av inputfeltet\n                const event = document.createEvent(\"HTMLEvents\");\n                event.initEvent(\"input\", true, false);\n                node.dispatchEvent(event);\n\n                node.focus();\n\n                if (onChange) {\n                    // Det er ikke helt sant at dette er et React.SyntheticEvent, men it's fine – probably?\n                    // Den har tingene man kan forvente, men hvis du gjør serdeles fancy ting med events\n                    // så kan det hende du må utvide denne for å dekke behovet ditt.\n                    onChange(event as unknown as ChangeEvent<HTMLInputElement>, date, {\n                        error: null,\n                        value: node.value,\n                    });\n                }\n            }\n        },\n        [setShowCalendar, setDate, onChange],\n    );\n\n    const handleTabOutsideCalendar = useCallback(\n        (e: KeyboardEvent) => {\n            e.preventDefault();\n            setShowCalendar(false);\n            iconButtonRef.current && iconButtonRef.current.focus();\n        },\n        [setShowCalendar],\n    );\n\n    return (\n        <InputGroup\n            id={id}\n            className={clsx(\"jkl-datepicker\", className, {\n                \"jkl-datepicker--open\": showCalendar,\n            })}\n            {...rest}\n            ref={datepickerRef}\n            label={label}\n            labelProps={labelProps}\n            density={density}\n            helpLabel={helpLabel}\n            errorLabel={errorLabel}\n            supportLabelProps={supportLabelProps}\n            tooltipProps={tooltipProps}\n            render={(inputProps) => (\n                <BaseTextInput\n                    ref={unifiedInputRef}\n                    data-testid=\"jkl-datepicker__input\"\n                    data-testautoid={testAutoId}\n                    className=\"jkl-datepicker__input\"\n                    name={name}\n                    defaultValue={defaultValue}\n                    density={density}\n                    value={value}\n                    type=\"text\"\n                    placeholder={placeholder}\n                    width={width}\n                    onFocus={handleFocus}\n                    onBlur={handleBlur}\n                    onChange={handleChange}\n                    actionButton={\n                        <Popover\n                            positionReference={inputRef}\n                            open={showCalendar}\n                            onOpenChange={() => setShowCalendar(!showCalendar)}\n                            offset={8}\n                        >\n                            <Popover.Trigger\n                                {...action}\n                                data-testid=\"jkl-datepicker__trigger\"\n                                className=\"jkl-text-input-action-button\"\n                                title={showCalendar ? hideCalendarLabel : showCalendarLabel}\n                                tabIndex={0}\n                                onClick={clickCalendar}\n                                onKeyDown={handleKeyDownAction}\n                                asChild\n                            >\n                                <IconButton>\n                                    <CalendarIcon />\n                                </IconButton>\n                            </Popover.Trigger>\n                            <Popover.Content initialFocus={-1} padding={24}>\n                                <Calendar\n                                    ref={calendarRef}\n                                    density={density}\n                                    date={date}\n                                    minDate={minDate}\n                                    maxDate={maxDate}\n                                    days={days}\n                                    months={months}\n                                    monthLabel={monthLabel}\n                                    yearLabel={yearLabel}\n                                    yearsToShow={yearsToShow}\n                                    onDateSelected={handleClickCalendarDay}\n                                    onTabOutside={handleTabOutsideCalendar}\n                                />\n                            </Popover.Content>\n                        </Popover>\n                    }\n                    {...inputProps}\n                />\n            )}\n        />\n    );\n});\n\nDatePicker.displayName = \"DatePicker\";\n"],"names":["DatePicker","forwardRef","props","forwardedInputRef","testAutoId","id","className","label","labelProps","defaultValue","defaultShow","value","disableBeforeDate","disableBefore","disableAfterDate","disableAfter","yearsToShow","name","helpLabel","errorLabel","invalid","density","days","months","monthLabel","yearLabel","placeholder","width","onChange","onBlur","onFocus","onKeyDown","action","showCalendarLabel","hideCalendarLabel","supportLabelProps","tooltipProps","rest","process","env","NODE_ENV","console","warn","parseDateString","minDate","startOfDay","maxDate","date","setDate","useState","getInitialDate","error","setError","showCalendar","setShowCalendar","calendarRef","useRef","datepickerRef","iconButtonRef","inputRef","unifiedInputRef","useCallback","instance","current","handleFocus","e","contains","relatedTarget","target","handleBlur","handleKeyDownAction","key","preventDefault","stopPropagation","handleChange","nextDate","nextError","val","isWithinLowerBound","isWithinUpperBound","clickCalendar","flushSync","calendarEl","button","querySelector","focus","onClick","handleClickCalendarDay","node","formatInput","event","document","createEvent","initEvent","dispatchEvent","handleTabOutsideCalendar","jsx","InputGroup","clsx","ref","render","inputProps","BaseTextInput","type","actionButton","jsxs","Popover","positionReference","open","onOpenChange","offset","children","Trigger","title","tabIndex","asChild","IconButton","CalendarIcon","Content","initialFocus","padding","Calendar","onDateSelected","onTabOutside","displayName"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/datepicker/DatePicker.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { startOfDay } from \"date-fns\";\nimport React, {\n    ChangeEvent,\n    FocusEvent,\n    KeyboardEvent,\n    MouseEvent,\n    forwardRef,\n    useCallback,\n    useRef,\n    useState,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { CalendarIcon } from \"../icon/index.js\";\nimport { IconButton } from \"../icon-button/IconButton.js\";\nimport { InputGroup } from \"../input-group/InputGroup.js\";\nimport Popover from \"../popover/Popover.js\";\nimport { BaseTextInput } from \"../text-input/BaseTextInput.js\";\nimport { Calendar } from \"./internal/Calendar.js\";\nimport { DateInfo, getInitialDate } from \"./internal/utils.js\";\nimport { DatePickerProps, DateValidationError } from \"./types.js\";\nimport { formatInput, parseDateString } from \"./utils.js\";\nimport { isWithinLowerBound, isWithinUpperBound } from \"./validation.js\";\n\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>((props, forwardedInputRef) => {\n    const {\n        \"data-testautoid\": testAutoId,\n        id,\n        className = \"\",\n        label = \"Velg dato\",\n        labelProps,\n        defaultValue,\n        defaultShow = false,\n        value,\n        disableBeforeDate: disableBefore,\n        disableAfterDate: disableAfter,\n        yearsToShow,\n        name,\n        helpLabel,\n        errorLabel,\n        invalid,\n        density,\n        days,\n        months,\n        monthLabel,\n        yearLabel,\n        placeholder = \"dd.mm.åååå\",\n        width = \"11.25rem\",\n        onChange,\n        onBlur,\n        onFocus,\n        onKeyDown,\n        action,\n        showCalendarLabel = \"Åpne kalender\",\n        hideCalendarLabel = \"Lukk kalender\",\n        supportLabelProps,\n        tooltipProps,\n        ...rest\n    } = props;\n\n    if (process.env.NODE_ENV !== \"production\" && value && defaultValue) {\n        console.warn(\n            \"DatePicker må enten være controlled eller uncontrolled. Hvis du bruker defaultValue og value sammen vil defaultValue bli ignorert.\",\n        );\n    }\n    /// Input state\n\n    const disableBeforeDate = parseDateString(disableBefore);\n    const minDate = disableBeforeDate ? startOfDay(disableBeforeDate) : undefined;\n    const disableAfterDate = parseDateString(disableAfter);\n    const maxDate = disableAfterDate ? startOfDay(disableAfterDate) : undefined;\n\n    const [date, setDate] = useState(getInitialDate(value, defaultValue, minDate, maxDate));\n    const [error, setError] = useState<DateValidationError | null>(null);\n\n    /// Calendar state\n\n    const [showCalendar, setShowCalendar] = useState(defaultShow);\n\n    const calendarRef = useRef<HTMLDivElement>(null);\n    const datepickerRef = useRef<HTMLDivElement>(null);\n\n    /// Input events\n\n    const iconButtonRef = useRef<HTMLButtonElement | null>(null);\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    // Hjelper for å gjøre det enklere å både forwarde refen men også bruke den selv internt\n    const unifiedInputRef = useCallback(\n        (instance: HTMLInputElement | null) => {\n            inputRef.current = instance;\n            if (forwardedInputRef) {\n                if (typeof forwardedInputRef === \"function\") {\n                    forwardedInputRef(instance);\n                } else {\n                    forwardedInputRef.current = instance;\n                }\n            }\n        },\n        [inputRef, forwardedInputRef],\n    );\n\n    const handleFocus = useCallback(\n        (e: FocusEvent<HTMLInputElement>) => {\n            if (!onFocus || !datepickerRef.current) {\n                return;\n            }\n\n            const nextFocusIsInside = datepickerRef.current.contains(e.relatedTarget as Node);\n            if (!nextFocusIsInside) {\n                onFocus(e, date, { error, value: e.target.value });\n            }\n        },\n        [onFocus, date, error],\n    );\n\n    const handleBlur = useCallback(\n        (e: FocusEvent<HTMLInputElement>) => {\n            if (onBlur) {\n                onBlur(e, date, { error, value: e.target.value });\n            }\n        },\n        [onBlur, date, error],\n    );\n\n    const handleKeyDownAction = useCallback(\n        (e: React.KeyboardEvent<HTMLButtonElement>) => {\n            if (e.key === \"Escape\") {\n                setShowCalendar(false);\n                e.preventDefault();\n                e.stopPropagation();\n            }\n\n            if (action?.onKeyDown) {\n                action.onKeyDown(e);\n            }\n        },\n        [setShowCalendar, action],\n    );\n\n    const handleChange = useCallback(\n        (e: ChangeEvent<HTMLInputElement>) => {\n            let nextDate: Date | null = null;\n            let nextError: DateValidationError | null = null;\n\n            if (e.target.value) {\n                const val = parseDateString(e.target.value);\n                if (!val) {\n                    nextError = \"WRONG_FORMAT\";\n                } else if (minDate && !isWithinLowerBound(val, minDate)) {\n                    nextError = \"OUTSIDE_LOWER_BOUND\";\n                } else if (maxDate && !isWithinUpperBound(val, maxDate)) {\n                    nextError = \"OUTSIDE_UPPER_BOUND\";\n                } else {\n                    setShowCalendar(false);\n                }\n                nextDate = val || null;\n            }\n\n            setError(nextError);\n            setDate(nextDate);\n\n            if (onChange) {\n                onChange(e, nextDate, { error: nextError, value: e.target.value });\n            }\n        },\n        [onChange, setError, setDate, setShowCalendar, minDate, maxDate],\n    );\n\n    /// Calendar events\n\n    const clickCalendar = useCallback(\n        (e: MouseEvent<HTMLButtonElement>) => {\n            flushSync(() => {\n                setShowCalendar(!showCalendar);\n            });\n\n            const calendarEl = calendarRef.current;\n            const button = calendarEl && (calendarEl.querySelector('[aria-pressed=\"true\"]') as HTMLButtonElement);\n            // Make sure the popover-modal is correctly positioned before focusing a button\n            // so we avoid accidentally scrolling to the top of the page\n            window.requestAnimationFrame(() => button && button.focus());\n\n            if (action?.onClick) {\n                action.onClick(e);\n            }\n        },\n        [setShowCalendar, showCalendar, action, calendarRef],\n    );\n\n    const handleClickCalendarDay = useCallback(\n        ({ date }: DateInfo) => {\n            setShowCalendar(false);\n            setDate(date);\n\n            if (inputRef.current) {\n                const node = inputRef.current;\n\n                node.value = formatInput(date);\n\n                // Simulér et change-event så APIet blir så likt som mulig en endring av inputfeltet\n                const event = document.createEvent(\"HTMLEvents\");\n                event.initEvent(\"input\", true, false);\n                node.dispatchEvent(event);\n\n                node.focus();\n\n                if (onChange) {\n                    // Det er ikke helt sant at dette er et React.SyntheticEvent, men it's fine – probably?\n                    // Den har tingene man kan forvente, men hvis du gjør serdeles fancy ting med events\n                    // så kan det hende du må utvide denne for å dekke behovet ditt.\n                    onChange(event as unknown as ChangeEvent<HTMLInputElement>, date, {\n                        error: null,\n                        value: node.value,\n                    });\n                }\n            }\n        },\n        [setShowCalendar, setDate, onChange],\n    );\n\n    const handleTabOutsideCalendar = useCallback(\n        (e: KeyboardEvent) => {\n            e.preventDefault();\n            setShowCalendar(false);\n            iconButtonRef.current && iconButtonRef.current.focus();\n        },\n        [setShowCalendar],\n    );\n\n    return (\n        <InputGroup\n            id={id}\n            className={clsx(\"jkl-datepicker\", className, {\n                \"jkl-datepicker--open\": showCalendar,\n            })}\n            {...rest}\n            ref={datepickerRef}\n            label={label}\n            labelProps={labelProps}\n            density={density}\n            helpLabel={helpLabel}\n            errorLabel={errorLabel}\n            supportLabelProps={supportLabelProps}\n            tooltipProps={tooltipProps}\n            render={(inputProps) => (\n                <BaseTextInput\n                    ref={unifiedInputRef}\n                    data-testid=\"jkl-datepicker__input\"\n                    data-testautoid={testAutoId}\n                    className=\"jkl-datepicker__input\"\n                    name={name}\n                    defaultValue={defaultValue}\n                    density={density}\n                    value={value}\n                    type=\"text\"\n                    placeholder={placeholder}\n                    width={width}\n                    onFocus={handleFocus}\n                    onBlur={handleBlur}\n                    onChange={handleChange}\n                    actionButton={\n                        <Popover\n                            positionReference={inputRef}\n                            open={showCalendar}\n                            onOpenChange={() => setShowCalendar(!showCalendar)}\n                            offset={8}\n                        >\n                            <Popover.Trigger\n                                {...action}\n                                data-testid=\"jkl-datepicker__trigger\"\n                                className=\"jkl-text-input-action-button\"\n                                title={showCalendar ? hideCalendarLabel : showCalendarLabel}\n                                tabIndex={0}\n                                onClick={clickCalendar}\n                                onKeyDown={handleKeyDownAction}\n                                asChild\n                            >\n                                <IconButton>\n                                    <CalendarIcon />\n                                </IconButton>\n                            </Popover.Trigger>\n                            <Popover.Content initialFocus={-1} padding={24}>\n                                <Calendar\n                                    ref={calendarRef}\n                                    density={density}\n                                    date={date}\n                                    minDate={minDate}\n                                    maxDate={maxDate}\n                                    days={days}\n                                    months={months}\n                                    monthLabel={monthLabel}\n                                    yearLabel={yearLabel}\n                                    yearsToShow={yearsToShow}\n                                    onDateSelected={handleClickCalendarDay}\n                                    onTabOutside={handleTabOutsideCalendar}\n                                />\n                            </Popover.Content>\n                        </Popover>\n                    }\n                    {...inputProps}\n                />\n            )}\n        />\n    );\n});\n\nDatePicker.displayName = \"DatePicker\";\n"],"names":["DatePicker","forwardRef","props","forwardedInputRef","testAutoId","id","className","label","labelProps","defaultValue","defaultShow","value","disableBeforeDate","disableBefore","disableAfterDate","disableAfter","yearsToShow","name","helpLabel","errorLabel","invalid","density","days","months","monthLabel","yearLabel","placeholder","width","onChange","onBlur","onFocus","onKeyDown","action","showCalendarLabel","hideCalendarLabel","supportLabelProps","tooltipProps","rest","process","env","NODE_ENV","console","warn","parseDateString","minDate","startOfDay","maxDate","date","setDate","useState","getInitialDate","error","setError","showCalendar","setShowCalendar","calendarRef","useRef","datepickerRef","iconButtonRef","inputRef","unifiedInputRef","useCallback","instance","current","handleFocus","e","contains","relatedTarget","target","handleBlur","handleKeyDownAction","key","preventDefault","stopPropagation","handleChange","nextDate","nextError","val","isWithinLowerBound","isWithinUpperBound","clickCalendar","flushSync","calendarEl","button","querySelector","window","requestAnimationFrame","focus","onClick","handleClickCalendarDay","node","formatInput","event","document","createEvent","initEvent","dispatchEvent","handleTabOutsideCalendar","jsx","InputGroup","clsx","ref","render","inputProps","BaseTextInput","type","actionButton","jsxs","Popover","positionReference","open","onOpenChange","offset","children","Trigger","title","tabIndex","asChild","IconButton","CalendarIcon","Content","initialFocus","padding","Calendar","onDateSelected","onTabOutside","displayName"],"mappings":"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"}

package/build/es/components/datepicker/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types.js';
+export * from './validation.js';
+export * from './utils.js';
+export { DatePicker } from './DatePicker.js';

package/build/es/components/datepicker/internal/Calendar.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { Density } from '../../../core/types.js';
+import { YearsToShow } from '../types.js';
+import { UseCalendarProps } from './useCalendar.js';
+interface CalendarProps extends Omit<UseCalendarProps, "date" | "onOffsetChanged" | "offset" | "firstDayOfWeek" | "selected"> {
+    date: Date | null;
+    density?: Density;
+    defaultSelected?: Date;
+    days?: string[];
+    months?: string[];
+    monthLabel?: string;
+    yearLabel?: string;
+    yearsToShow?: YearsToShow;
+    onTabOutside: React.KeyboardEventHandler;
+}
+export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/build/es/components/datepicker/internal/Calendar.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as n,useReducer as a,useEffect as o,useCallback as r,useRef as c}from"react";import{flushSync as i}from"react-dom";import"../../../hooks/useScreen/useScreen.js";import{useId as s}from"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as l}from"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as d}from"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import{ChevronDownIcon as u}from"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import{calendarReducer as m,calendarInitializer as h}from"./calendarReducer.js";import{useCalendar as p}from"./useCalendar.js";import{getInitialDateShown as g,isBackDisabled as f,subtractMonth as j,isForwardDisabled as b,addMonth as v,getYearSelectOptions as k,getMonthSelectOptions as w,DEFAULT_YEARS_TO_SHOW as D}from"./utils.js";const I=["Januar","Februar","Mars","April","Mai","Juni","Juli","August","September","Oktober","November","Desember"],y=["man","tir","ons","tor","fre","lør","søn"],A=n(((n,A)=>{const{date:S,defaultSelected:_,density:M,minDate:C,maxDate:F,days:N=y,months:E=I,monthLabel:Y="Velg måned",yearLabel:x="Velg år",yearsToShow:O=D,onTabOutside:T,...$}=n,R=s("jkl-calendar"),[{offset:L,selectedDate:q,shownDate:P},U]=a(m,g(S,_,C,F),h),K=P.getMonth(),H=P.getFullYear();o((()=>{U({type:"SET_SELECTED_DATE",newDate:g(S,_,C,F)})}),[S,_,C,F]);const J=r((e=>{U({type:"SET_OFFSET",newOffset:e})}),[]),{calendars:V,getBackProps:W,getDateProps:z,getForwardProps:B,handleOffsetChanged:G}=p({date:q,selected:q,minDate:C,maxDate:F,offset:L,onOffsetChanged:J,firstDayOfWeek:1,...$}),Q=c(null),X=r((e=>{if(!Q.current)return;const t=document.activeElement,n=Q.current.querySelectorAll('button.jkl-calendar-date-button:not([data-adjacent="true"]'),a=async e=>{null==t||t.setAttribute("tabindex","-1"),e.setAttribute("tabindex","0"),e.focus()};n.forEach(((o,r)=>{const c=r+e;if(o==t)if(c<=n.length-1&&c>=0)a(n[c]);else if(e<0){if(f({calendars:V,minDate:C})||(i((()=>{G(L-j({calendars:V,offset:1,minDate:C}))})),!Q.current))return;const e=Q.current.querySelectorAll('button.jkl-calendar-date-button:not([data-adjacent="true"]');e[e.length+c]&&(e[0].setAttribute("tabindex","-1"),a(e[e.length+c]))}else{if(b({calendars:V,maxDate:F})||(i((()=>{G(L+v({calendars:V,offset:1,maxDate:F}))})),!Q.current))return;const e=Q.current.querySelectorAll('button.jkl-calendar-date-button:not([data-adjacent="true"]');e[c-n.length]&&(e[0].setAttribute("tabindex","-1"),a(e[c-n.length]))}}))}),[G,Q,L,V,F,C]),Z=r((e=>{switch(e.key){case"ArrowUp":X(-7),e.preventDefault();break;case"ArrowRight":X(1),e.preventDefault();break;case"ArrowDown":X(7),e.preventDefault();break;case"ArrowLeft":X(-1),e.preventDefault()}}),[X]),ee=r((e=>{var t;if("Tab"!==e.key)return;const n=null==(t=Q.current)?void 0:t.querySelectorAll('button:not([disabled]):not([tabindex="-1"]), select');if(!n)return;const a=n[0],o=n[n.length-1];e.shiftKey||document.activeElement!==o?e.shiftKey&&document.activeElement===a&&(o.focus(),e.preventDefault()):(a.focus(),e.preventDefault())}),[]),te=r((e=>{const{date:t,selected:n,selectable:a,prevMonth:o,nextMonth:r}=e;return!!a&&!(!n&&t.toString()!==(null==C?void 0:C.toString())&&(o||r||P.getFullYear()!==t.getFullYear()||q.getMonth()===t.getMonth()||1!==t.getDate()))}),[P,C,q]),ne=r((()=>{C&&P.getFullYear()-C.getFullYear()==0&&P.getMonth()-C.getMonth()==1?document.querySelectorAll(".jkl-calendar-navigation__arrow")[1].focus():F&&F.getFullYear()-P.getFullYear()==0&&F.getMonth()-P.getMonth()==1&&document.querySelectorAll(".jkl-calendar-navigation__arrow")[0].focus()}),[C,F,P]),ae=r((e=>{if(4!==e.target.value.length)return;const t=Number.parseInt(e.target.value);if(Number.isNaN(t))return;let n=12*(t-P.getFullYear());const a=new Date(P.getFullYear(),P.getMonth()+n,P.getDate());F&&F.getFullYear()===a.getFullYear()&&F.getMonth()<a.getMonth()?n-=a.getMonth()-F.getMonth():C&&C.getFullYear()===a.getFullYear()&&C.getMonth()>a.getMonth()&&(n+=C.getMonth()-a.getMonth()),U({type:"ADD_OFFSET",addedOffset:n})}),[P,C,F]),oe=r((e=>{if(!q&&!S)return;const t=P.getFullYear()-(q||new Date).getFullYear(),n=Number.parseInt(e.target.value)-(q||new Date).getMonth();U({type:"SET_OFFSET",newOffset:12*t+n})}),[q,S,P]),re=k(H,C,F,O),ce=w(H,E,C,F);return e("div",{ref:A,id:R,className:"jkl-calendar","data-testid":"jkl-calendar",children:t("div",{className:"jkl-calendar__padding",ref:Q,onKeyDown:ee,children:[t("fieldset",{className:"jkl-calendar-navigation",children:[t("div",{children:[e("button",{...W({calendars:V,onClick:ne}),className:"jkl-calendar-navigation__arrow",type:"button",children:e(l,{variant:"medium",bold:!0})}),e("button",{...B({calendars:V,onClick:ne}),className:"jkl-calendar-navigation__arrow",type:"button",children:e(d,{variant:"medium",bold:!0})})]}),t("div",{children:[t("div",{className:"jkl-calendar-navigation-dropdown",children:[e("select",{onChange:oe,className:"jkl-calendar-navigation-dropdown__select","aria-label":Y,value:K.toString(),children:ce.map((({label:t,value:n})=>e("option",{value:n,children:t},n)))}),e(u,{bold:!0,className:"jkl-calendar-navigation-dropdown__chevron"})]}),t("div",{className:"jkl-calendar-navigation-dropdown",children:[e("select",{onChange:ae,className:"jkl-calendar-navigation-dropdown__select","aria-label":x,value:H.toString(),children:re.map((t=>e("option",{value:t,children:t},t)))}),e(u,{bold:!0,className:"jkl-calendar-navigation-dropdown__chevron"})]})]})]}),V.map((n=>t("table",{className:"jkl-calendar-table","data-testid":"jkl-datepicker-calendar",children:[t("caption",{className:"jkl-sr-only",children:[E[n.month],", ",n.year]}),e("thead",{children:e("tr",{children:N.map((t=>e("th",{children:t},`${n.month}${n.year}${t}`)))})}),e("tbody",{"data-testid":"jkl-datepicker-dates",children:n.weeks.map(((t,a)=>e("tr",{children:t.map(((t,o)=>{const r=`${n.month}${n.year}${a}${o}`;if("string"==typeof t)return e("td",{className:"jkl-calendar__date jkl-calendar__date--empty",children:t},r);const{date:c,selectable:i,today:s,prevMonth:l,nextMonth:d}=t;return e("td",{children:e("button",{...z({dateObj:t}),type:"button",className:"jkl-calendar-date-button",tabIndex:te(t)?0:-1,"aria-label":`${c.getDate()}. ${E[c.getMonth()].toLowerCase()}`,"aria-current":s?"date":void 0,"data-adjacent":l||d?"true":void 0,disabled:!i,onKeyDown:Z,children:e("span",{"aria-hidden":"true",children:c.getDate()})})},r)}))},`${n.month}${n.year}${a}`)))})]},`${n.month}${n.year}`)))]})})}));A.displayName="Calendar";export{A as Calendar};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as n,useReducer as a,useEffect as o,useCallback as r,useRef as c}from"react";import{flushSync as i}from"react-dom";import{useId as s}from"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as l}from"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as d}from"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import{ChevronDownIcon as u}from"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import{calendarReducer as m,calendarInitializer as h}from"./calendarReducer.js";import{useCalendar as p}from"./useCalendar.js";import{getInitialDateShown as g,isBackDisabled as f,subtractMonth as j,isForwardDisabled as b,addMonth as v,getYearSelectOptions as w,getMonthSelectOptions as k,DEFAULT_YEARS_TO_SHOW as D}from"./utils.js";const I=["Januar","Februar","Mars","April","Mai","Juni","Juli","August","September","Oktober","November","Desember"],y=["man","tir","ons","tor","fre","lør","søn"],A=n(((n,A)=>{const{date:_,defaultSelected:M,density:S,minDate:C,maxDate:F,days:N=y,months:E=I,monthLabel:Y="Velg måned",yearLabel:x="Velg år",yearsToShow:O=D,onTabOutside:T,...$}=n,R=s("jkl-calendar"),[{offset:L,selectedDate:q,shownDate:P},U]=a(m,g(_,M,C,F),h),K=P.getMonth(),H=P.getFullYear();o((()=>{U({type:"SET_SELECTED_DATE",newDate:g(_,M,C,F)})}),[_,M,C,F]);const J=r((e=>{U({type:"SET_OFFSET",newOffset:e})}),[]),{calendars:V,getBackProps:W,getDateProps:z,getForwardProps:B,handleOffsetChanged:G}=p({date:q,selected:q,minDate:C,maxDate:F,offset:L,onOffsetChanged:J,firstDayOfWeek:1,...$}),Q=c(null),X=r((e=>{if(!Q.current)return;const t=document.activeElement,n=Q.current.querySelectorAll('button.jkl-calendar-date-button:not([data-adjacent="true"]'),a=async e=>{null==t||t.setAttribute("tabindex","-1"),e.setAttribute("tabindex","0"),e.focus()};n.forEach(((o,r)=>{const c=r+e;if(o==t)if(c<=n.length-1&&c>=0)a(n[c]);else if(e<0){if(f({calendars:V,minDate:C})||(i((()=>{G(L-j({calendars:V,offset:1,minDate:C}))})),!Q.current))return;const e=Q.current.querySelectorAll('button.jkl-calendar-date-button:not([data-adjacent="true"]');e[e.length+c]&&(e[0].setAttribute("tabindex","-1"),a(e[e.length+c]))}else{if(b({calendars:V,maxDate:F})||(i((()=>{G(L+v({calendars:V,offset:1,maxDate:F}))})),!Q.current))return;const e=Q.current.querySelectorAll('button.jkl-calendar-date-button:not([data-adjacent="true"]');e[c-n.length]&&(e[0].setAttribute("tabindex","-1"),a(e[c-n.length]))}}))}),[G,Q,L,V,F,C]),Z=r((e=>{switch(e.key){case"ArrowUp":X(-7),e.preventDefault();break;case"ArrowRight":X(1),e.preventDefault();break;case"ArrowDown":X(7),e.preventDefault();break;case"ArrowLeft":X(-1),e.preventDefault()}}),[X]),ee=r((e=>{var t;if("Tab"!==e.key)return;const n=null==(t=Q.current)?void 0:t.querySelectorAll('button:not([disabled]):not([tabindex="-1"]), select');if(!n)return;const a=n[0],o=n[n.length-1];e.shiftKey||document.activeElement!==o?e.shiftKey&&document.activeElement===a&&(o.focus(),e.preventDefault()):(a.focus(),e.preventDefault())}),[]),te=r((e=>{const{date:t,selected:n,selectable:a,prevMonth:o,nextMonth:r}=e;return!!a&&!(!n&&t.toString()!==(null==C?void 0:C.toString())&&(o||r||P.getFullYear()!==t.getFullYear()||q.getMonth()===t.getMonth()||1!==t.getDate()))}),[P,C,q]),ne=r((()=>{C&&P.getFullYear()-C.getFullYear()==0&&P.getMonth()-C.getMonth()==1?document.querySelectorAll(".jkl-calendar-navigation__arrow")[1].focus():F&&F.getFullYear()-P.getFullYear()==0&&F.getMonth()-P.getMonth()==1&&document.querySelectorAll(".jkl-calendar-navigation__arrow")[0].focus()}),[C,F,P]),ae=r((e=>{if(4!==e.target.value.length)return;const t=Number.parseInt(e.target.value);if(Number.isNaN(t))return;let n=12*(t-P.getFullYear());const a=new Date(P.getFullYear(),P.getMonth()+n,P.getDate());F&&F.getFullYear()===a.getFullYear()&&F.getMonth()<a.getMonth()?n-=a.getMonth()-F.getMonth():C&&C.getFullYear()===a.getFullYear()&&C.getMonth()>a.getMonth()&&(n+=C.getMonth()-a.getMonth()),U({type:"ADD_OFFSET",addedOffset:n})}),[P,C,F]),oe=r((e=>{if(!q&&!_)return;const t=P.getFullYear()-(q||new Date).getFullYear(),n=Number.parseInt(e.target.value)-(q||new Date).getMonth();U({type:"SET_OFFSET",newOffset:12*t+n})}),[q,_,P]),re=w(H,C,F,O),ce=k(H,E,C,F);return e("div",{ref:A,id:R,className:"jkl-calendar","data-testid":"jkl-calendar",children:t("div",{className:"jkl-calendar__padding",ref:Q,onKeyDown:ee,children:[t("fieldset",{className:"jkl-calendar-navigation",children:[t("div",{children:[e("button",{...W({calendars:V,onClick:ne}),className:"jkl-calendar-navigation__arrow",type:"button",children:e(l,{variant:"medium",bold:!0})}),e("button",{...B({calendars:V,onClick:ne}),className:"jkl-calendar-navigation__arrow",type:"button",children:e(d,{variant:"medium",bold:!0})})]}),t("div",{children:[t("div",{className:"jkl-calendar-navigation-dropdown",children:[e("select",{onChange:oe,className:"jkl-calendar-navigation-dropdown__select","aria-label":Y,value:K.toString(),children:ce.map((({label:t,value:n})=>e("option",{value:n,children:t},n)))}),e(u,{bold:!0,className:"jkl-calendar-navigation-dropdown__chevron"})]}),t("div",{className:"jkl-calendar-navigation-dropdown",children:[e("select",{onChange:ae,className:"jkl-calendar-navigation-dropdown__select","aria-label":x,value:H.toString(),children:re.map((t=>e("option",{value:t,children:t},t)))}),e(u,{bold:!0,className:"jkl-calendar-navigation-dropdown__chevron"})]})]})]}),V.map((n=>t("table",{className:"jkl-calendar-table","data-testid":"jkl-datepicker-calendar",children:[t("caption",{className:"jkl-sr-only",children:[E[n.month],", ",n.year]}),e("thead",{children:e("tr",{children:N.map((t=>e("th",{children:t},`${n.month}${n.year}${t}`)))})}),e("tbody",{"data-testid":"jkl-datepicker-dates",children:n.weeks.map(((t,a)=>e("tr",{children:t.map(((t,o)=>{const r=`${n.month}${n.year}${a}${o}`;if("string"==typeof t)return e("td",{className:"jkl-calendar__date jkl-calendar__date--empty",children:t},r);const{date:c,selectable:i,today:s,prevMonth:l,nextMonth:d}=t;return e("td",{children:e("button",{...z({dateObj:t}),type:"button",className:"jkl-calendar-date-button",tabIndex:te(t)?0:-1,"aria-label":`${c.getDate()}. ${E[c.getMonth()].toLowerCase()}`,"aria-current":s?"date":void 0,"data-adjacent":l||d?"true":void 0,disabled:!i,onKeyDown:Z,children:e("span",{"aria-hidden":"true",children:c.getDate()})})},r)}))},`${n.month}${n.year}${a}`)))})]},`${n.month}${n.year}`)))]})})}));A.displayName="Calendar";export{A as Calendar};
 //# sourceMappingURL=Calendar.js.map

package/build/es/components/datepicker/internal/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../../src/components/datepicker/internal/Calendar.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useReducer, useRef } from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { Density } from \"../../../core\";\nimport { useId } from \"../../../hooks\";\nimport { ArrowLeftIcon, ArrowRightIcon, ChevronDownIcon } from \"../../icon\";\nimport type { YearsToShow } from \"../types\";\nimport { calendarInitializer, calendarReducer } from \"./calendarReducer\";\nimport { useCalendar, UseCalendarProps } from \"./useCalendar\";\nimport {\n    addMonth,\n    subtractMonth,\n    isBackDisabled,\n    isForwardDisabled,\n    getYearSelectOptions,\n    getMonthSelectOptions,\n    DateInfo,\n    getInitialDateShown,\n    DEFAULT_YEARS_TO_SHOW,\n} from \"./utils\";\n\ninterface CalendarProps\n    extends Omit<UseCalendarProps, \"date\" | \"onOffsetChanged\" | \"offset\" | \"firstDayOfWeek\" | \"selected\"> {\n    date: Date | null;\n    density?: Density;\n    defaultSelected?: Date;\n    days?: string[];\n    months?: string[];\n    monthLabel?: string;\n    yearLabel?: string;\n    yearsToShow?: YearsToShow;\n    onTabOutside: React.KeyboardEventHandler;\n}\n\nconst defaultMonths = [\n    \"Januar\",\n    \"Februar\",\n    \"Mars\",\n    \"April\",\n    \"Mai\",\n    \"Juni\",\n    \"Juli\",\n    \"August\",\n    \"September\",\n    \"Oktober\",\n    \"November\",\n    \"Desember\",\n];\n\nconst defaultDays = [\"man\", \"tir\", \"ons\", \"tor\", \"fre\", \"lør\", \"søn\"];\n\nexport const Calendar = forwardRef<HTMLDivElement, CalendarProps>((props, ref) => {\n    const {\n        date,\n        defaultSelected,\n        density,\n        minDate,\n        maxDate,\n        days = defaultDays,\n        months = defaultMonths,\n        monthLabel = \"Velg måned\",\n        yearLabel = \"Velg år\",\n        yearsToShow = DEFAULT_YEARS_TO_SHOW,\n        onTabOutside,\n        ...rest\n    } = props;\n\n    const id = useId(\"jkl-calendar\");\n\n    const [{ offset, selectedDate, shownDate }, dispatch] = useReducer(\n        calendarReducer,\n        getInitialDateShown(date, defaultSelected, minDate, maxDate),\n        calendarInitializer,\n    );\n\n    const shownMonth = shownDate.getMonth();\n    const shownYear = shownDate.getFullYear();\n\n    useEffect(() => {\n        dispatch({\n            type: \"SET_SELECTED_DATE\",\n            newDate: getInitialDateShown(date, defaultSelected, minDate, maxDate),\n        });\n    }, [date, defaultSelected, minDate, maxDate]);\n\n    const onOffsetChanged = useCallback((newOffset: number) => {\n        dispatch({\n            type: \"SET_OFFSET\",\n            newOffset,\n        });\n    }, []);\n\n    const { calendars, getBackProps, getDateProps, getForwardProps, handleOffsetChanged } = useCalendar({\n        date: selectedDate,\n        selected: selectedDate,\n        minDate,\n        maxDate,\n        offset,\n        onOffsetChanged,\n        firstDayOfWeek: 1,\n        ...rest,\n    });\n\n    /// Calendar keyboard navigation\n\n    const calendarPaddingRef = useRef<HTMLDivElement>(null);\n    const doFocusChange = useCallback(\n        (offsetDiff: number) => {\n            if (!calendarPaddingRef.current) {\n                return;\n            }\n\n            const e = document.activeElement;\n            const buttons = calendarPaddingRef.current.querySelectorAll<HTMLButtonElement>(\n                'button.jkl-calendar-date-button:not([data-adjacent=\"true\"]',\n            );\n\n            const changeFocusTo = async (nextButton: HTMLButtonElement) => {\n                e?.setAttribute(\"tabindex\", \"-1\");\n                nextButton.setAttribute(\"tabindex\", \"0\");\n                nextButton.focus();\n            };\n\n            buttons.forEach((el, i) => {\n                const newNodeKey = i + offsetDiff;\n\n                if (el == e) {\n                    if (newNodeKey <= buttons.length - 1 && newNodeKey >= 0) {\n                        changeFocusTo(buttons[newNodeKey]);\n                    } else if (offsetDiff < 0) {\n                        if (isBackDisabled({ calendars, minDate })) {\n                            return;\n                        }\n\n                        // Hvis newNodeKey er utenfor samlingen med knapper så har vi prøvd å gå til\n                        // en dag utenfor måneden. Er offsetDiff negativ så har vi gått tilbake en\n                        // måned.\n                        flushSync(() => {\n                            handleOffsetChanged(offset - subtractMonth({ calendars, offset: 1, minDate }));\n                        });\n                        if (!calendarPaddingRef.current) {\n                            return;\n                        }\n                        const newButtons = calendarPaddingRef.current.querySelectorAll<HTMLButtonElement>(\n                            'button.jkl-calendar-date-button:not([data-adjacent=\"true\"]',\n                        );\n                        // + - = -\n                        if (newButtons[newButtons.length + newNodeKey]) {\n                            // Sørg for at ikke både 1. i måneden og valgt dag er fokuserbare\n                            newButtons[0].setAttribute(\"tabindex\", \"-1\");\n                            changeFocusTo(newButtons[newButtons.length + newNodeKey]);\n                        }\n                    } else {\n                        if (isForwardDisabled({ calendars, maxDate })) {\n                            return;\n                        }\n\n                        // Hvis newNodeKey er utenfor samlingen med knapper så har vi prøvd å gå til\n                        // en dag utenfor måneden. Er offsetDiff positiv så har vi gått frem en\n                        // måned.\n                        flushSync(() => {\n                            handleOffsetChanged(offset + addMonth({ calendars, offset: 1, maxDate }));\n                        });\n                        if (!calendarPaddingRef.current) {\n                            return;\n                        }\n                        const newButtons = calendarPaddingRef.current.querySelectorAll<HTMLButtonElement>(\n                            'button.jkl-calendar-date-button:not([data-adjacent=\"true\"]',\n                        );\n                        // NewNodeKey er basert på forrige måneds liste med knapper. For at verdien skal bli\n                        // riktig i vår nye måned må vi trekke fra anntal dager fra forrige måned.\n                        if (newButtons[newNodeKey - buttons.length]) {\n                            // Sørg for at ikke både 1. i måneden og valgt dag er fokuserbare\n                            newButtons[0].setAttribute(\"tabindex\", \"-1\");\n                            changeFocusTo(newButtons[newNodeKey - buttons.length]);\n                        }\n                    }\n                }\n            });\n        },\n        [handleOffsetChanged, calendarPaddingRef, offset, calendars, maxDate, minDate],\n    );\n\n    const handleArrowNavigation = useCallback(\n        (event: React.KeyboardEvent) => {\n            switch (event.key) {\n                case \"ArrowUp\":\n                    doFocusChange(-7);\n                    event.preventDefault();\n                    break;\n                case \"ArrowRight\":\n                    doFocusChange(1);\n                    event.preventDefault();\n                    break;\n                case \"ArrowDown\":\n                    doFocusChange(7);\n                    event.preventDefault();\n                    break;\n                case \"ArrowLeft\":\n                    doFocusChange(-1);\n                    event.preventDefault();\n                    break;\n                default:\n                    break;\n            }\n        },\n        [doFocusChange],\n    );\n\n    const handleTabInside: React.KeyboardEventHandler = useCallback((event) => {\n        if (event.key !== \"Tab\") return;\n\n        const focusableElements = calendarPaddingRef.current?.querySelectorAll<HTMLElement>(\n            'button:not([disabled]):not([tabindex=\"-1\"]), select',\n        );\n\n        if (!focusableElements) return;\n\n        const firstElement = focusableElements[0];\n        const lastElement = focusableElements[focusableElements.length - 1];\n\n        if (!event.shiftKey && document.activeElement === lastElement) {\n            firstElement.focus();\n            event.preventDefault();\n        } else if (event.shiftKey && document.activeElement === firstElement) {\n            lastElement.focus();\n            event.preventDefault();\n        }\n    }, []);\n\n    const isFocusableDate = useCallback(\n        (dateInfo: DateInfo) => {\n            const { date, selected, selectable, prevMonth, nextMonth } = dateInfo;\n\n            // Datoen kan ikke velges\n            if (!selectable) {\n                return false;\n            }\n            // Datoen er valgt dato\n            if (selected) {\n                return true;\n            }\n            // Datoen er første valgbare dato\n            if (date.toString() === minDate?.toString()) {\n                return true;\n            }\n\n            // Datoen er første i måneden som vises\n            if (\n                !prevMonth &&\n                !nextMonth &&\n                shownDate.getFullYear() === date.getFullYear() &&\n                selectedDate.getMonth() !== date.getMonth() &&\n                date.getDate() === 1\n            ) {\n                return true;\n            }\n\n            return false;\n        },\n        [shownDate, minDate, selectedDate],\n    );\n\n    const handleGotoEdgeMonth = useCallback(() => {\n        if (\n            // Vi er i ferd med å gå til første måned\n            minDate &&\n            shownDate.getFullYear() - minDate.getFullYear() === 0 &&\n            shownDate.getMonth() - minDate.getMonth() === 1\n        ) {\n            // Fokuser på \"neste månded\"-knappen\n            document.querySelectorAll<HTMLButtonElement>(\".jkl-calendar-navigation__arrow\")[1].focus();\n        } else if (\n            // Vi er i ferd med å gå til siste måned\n            maxDate &&\n            maxDate.getFullYear() - shownDate.getFullYear() === 0 &&\n            maxDate.getMonth() - shownDate.getMonth() === 1\n        ) {\n            // Fokuser på \"forrige månded\"-knappen\n            document.querySelectorAll<HTMLButtonElement>(\".jkl-calendar-navigation__arrow\")[0].focus();\n        }\n    }, [minDate, maxDate, shownDate]);\n\n    /// Extended variant events\n\n    const handleYearChange = useCallback<React.ChangeEventHandler<HTMLSelectElement>>(\n        (event) => {\n            if (event.target.value.length !== 4) {\n                return;\n            }\n\n            const year: number = Number.parseInt(event.target.value);\n            if (Number.isNaN(year)) {\n                return;\n            }\n\n            let offset = (year - shownDate.getFullYear()) * 12;\n            const expectedDate = new Date(shownDate.getFullYear(), shownDate.getMonth() + offset, shownDate.getDate());\n\n            // Pass på at vi ikke hopper forbi maks. eller min. dato\n            if (\n                maxDate &&\n                maxDate.getFullYear() === expectedDate.getFullYear() &&\n                maxDate.getMonth() < expectedDate.getMonth()\n            ) {\n                offset -= expectedDate.getMonth() - maxDate.getMonth();\n            } else if (\n                minDate &&\n                minDate.getFullYear() === expectedDate.getFullYear() &&\n                minDate.getMonth() > expectedDate.getMonth()\n            ) {\n                offset += minDate.getMonth() - expectedDate.getMonth();\n            }\n\n            dispatch({\n                type: \"ADD_OFFSET\",\n                addedOffset: offset,\n            });\n\n            return;\n        },\n        [shownDate, minDate, maxDate],\n    );\n\n    const handleMonthChange = useCallback<React.ChangeEventHandler<HTMLSelectElement>>(\n        (event) => {\n            if (!selectedDate && !date) {\n                return;\n            }\n\n            const yearDiff = shownDate.getFullYear() - (selectedDate || new Date()).getFullYear();\n            const monthDiff = Number.parseInt(event.target.value) - (selectedDate || new Date()).getMonth();\n\n            dispatch({\n                type: \"SET_OFFSET\",\n                newOffset: yearDiff * 12 + monthDiff,\n            });\n\n            return;\n        },\n        [selectedDate, date, shownDate],\n    );\n\n    const yearSelectOptions = getYearSelectOptions(shownYear, minDate, maxDate, yearsToShow);\n    const monthSelectOptions = getMonthSelectOptions(shownYear, months, minDate, maxDate);\n\n    return (\n        <div ref={ref} id={id} className=\"jkl-calendar\" data-testid=\"jkl-calendar\">\n            {/* Vi lytter på på trykk på Tab inne i kalenderen for å håndtere fokus */}\n            {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n            <div className=\"jkl-calendar__padding\" ref={calendarPaddingRef} onKeyDown={handleTabInside}>\n                <fieldset className=\"jkl-calendar-navigation\">\n                    <div>\n                        <button\n                            {...getBackProps({ calendars, onClick: handleGotoEdgeMonth })}\n                            className=\"jkl-calendar-navigation__arrow\"\n                            type=\"button\"\n                        >\n                            <ArrowLeftIcon variant=\"medium\" bold />\n                        </button>\n                        <button\n                            {...getForwardProps({ calendars, onClick: handleGotoEdgeMonth })}\n                            className=\"jkl-calendar-navigation__arrow\"\n                            type=\"button\"\n                        >\n                            <ArrowRightIcon variant=\"medium\" bold />\n                        </button>\n                    </div>\n                    <div>\n                        <div className=\"jkl-calendar-navigation-dropdown\">\n                            <select\n                                onChange={handleMonthChange}\n                                className=\"jkl-calendar-navigation-dropdown__select\"\n                                aria-label={monthLabel}\n                                value={shownMonth.toString()}\n                            >\n                                {monthSelectOptions.map(({ label, value }) => (\n                                    <option key={value} value={value}>\n                                        {label}\n                                    </option>\n                                ))}\n                            </select>\n                            <ChevronDownIcon bold className=\"jkl-calendar-navigation-dropdown__chevron\" />\n                        </div>\n                        <div className=\"jkl-calendar-navigation-dropdown\">\n                            <select\n                                onChange={handleYearChange}\n                                className=\"jkl-calendar-navigation-dropdown__select\"\n                                aria-label={yearLabel}\n                                value={shownYear.toString()}\n                            >\n                                {yearSelectOptions.map((year) => (\n                                    <option key={year} value={year}>\n                                        {year}\n                                    </option>\n                                ))}\n                            </select>\n                            <ChevronDownIcon bold className=\"jkl-calendar-navigation-dropdown__chevron\" />\n                        </div>\n                    </div>\n                </fieldset>\n                {calendars.map((calendar) => (\n                    <table\n                        className=\"jkl-calendar-table\"\n                        key={`${calendar.month}${calendar.year}`}\n                        data-testid=\"jkl-datepicker-calendar\"\n                    >\n                        <caption className=\"jkl-sr-only\">\n                            {months[calendar.month]}, {calendar.year}\n                        </caption>\n                        <thead>\n                            <tr>\n                                {days.map((weekday) => (\n                                    <th key={`${calendar.month}${calendar.year}${weekday}`}>{weekday}</th>\n                                ))}\n                            </tr>\n                        </thead>\n                        <tbody data-testid=\"jkl-datepicker-dates\">\n                            {calendar.weeks.map((week, weekIndex) => (\n                                <tr key={`${calendar.month}${calendar.year}${weekIndex}`}>\n                                    {week.map((dateInfo, index) => {\n                                        const key = `${calendar.month}${calendar.year}${weekIndex}${index}`;\n                                        if (typeof dateInfo === \"string\") {\n                                            return (\n                                                <td className=\"jkl-calendar__date jkl-calendar__date--empty\" key={key}>\n                                                    {dateInfo}\n                                                </td>\n                                            );\n                                        }\n                                        const { date, selectable, today, prevMonth, nextMonth } = dateInfo;\n\n                                        return (\n                                            <td key={key}>\n                                                <button\n                                                    {...getDateProps({\n                                                        dateObj: dateInfo,\n                                                    })}\n                                                    type=\"button\"\n                                                    className=\"jkl-calendar-date-button\"\n                                                    tabIndex={isFocusableDate(dateInfo) ? 0 : -1}\n                                                    aria-label={`${date.getDate()}. ${months[\n                                                        date.getMonth()\n                                                    ].toLowerCase()}`}\n                                                    aria-current={today ? \"date\" : undefined}\n                                                    data-adjacent={prevMonth || nextMonth ? \"true\" : undefined}\n                                                    disabled={!selectable}\n                                                    onKeyDown={handleArrowNavigation}\n                                                >\n                                                    <span aria-hidden=\"true\">{date.getDate()}</span>\n                                                </button>\n                                            </td>\n                                        );\n                                    })}\n                                </tr>\n                            ))}\n                        </tbody>\n                    </table>\n                ))}\n            </div>\n        </div>\n    );\n});\n\nCalendar.displayName = \"Calendar\";\n"],"names":["defaultMonths","defaultDays","Calendar","forwardRef","props","ref","date","defaultSelected","density","minDate","maxDate","days","months","monthLabel","yearLabel","yearsToShow","DEFAULT_YEARS_TO_SHOW","onTabOutside","rest","id","useId","offset","selectedDate","shownDate","dispatch","useReducer","calendarReducer","getInitialDateShown","calendarInitializer","shownMonth","getMonth","shownYear","getFullYear","useEffect","type","newDate","onOffsetChanged","useCallback","newOffset","calendars","getBackProps","getDateProps","getForwardProps","handleOffsetChanged","useCalendar","selected","firstDayOfWeek","calendarPaddingRef","useRef","doFocusChange","offsetDiff","current","e","document","activeElement","buttons","querySelectorAll","changeFocusTo","async","nextButton","setAttribute","focus","forEach","el","i","newNodeKey","length","isBackDisabled","flushSync","subtractMonth","newButtons","isForwardDisabled","addMonth","handleArrowNavigation","event","key","preventDefault","handleTabInside","focusableElements","_a","firstElement","lastElement","shiftKey","isFocusableDate","dateInfo","selectable","prevMonth","nextMonth","toString","getDate","handleGotoEdgeMonth","handleYearChange","target","value","year","Number","parseInt","isNaN","expectedDate","Date","addedOffset","handleMonthChange","yearDiff","monthDiff","yearSelectOptions","getYearSelectOptions","monthSelectOptions","getMonthSelectOptions","jsx","className","children","jsxs","onKeyDown","onClick","ArrowLeftIcon","variant","bold","ArrowRightIcon","onChange","map","label","ChevronDownIcon","calendar","month","weekday","weeks","week","weekIndex","index","today","dateObj","tabIndex","toLowerCase","disabled","displayName"],"mappings":"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"}
+{"version":3,"file":"Calendar.js","sources":["../../../../../src/components/datepicker/internal/Calendar.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useReducer, useRef } from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { Density } from \"../../../core/types.js\";\nimport { useId } from \"../../../hooks/useId/useId.js\";\nimport { ArrowLeftIcon, ArrowRightIcon, ChevronDownIcon } from \"../../icon/index.js\";\nimport { YearsToShow } from \"../types.js\";\nimport { calendarInitializer, calendarReducer } from \"./calendarReducer.js\";\nimport { useCalendar, UseCalendarProps } from \"./useCalendar.js\";\nimport {\n    addMonth,\n    DateInfo,\n    DEFAULT_YEARS_TO_SHOW,\n    getInitialDateShown,\n    getMonthSelectOptions,\n    getYearSelectOptions,\n    isBackDisabled,\n    isForwardDisabled,\n    subtractMonth,\n} from \"./utils.js\";\n\ninterface CalendarProps\n    extends Omit<UseCalendarProps, \"date\" | \"onOffsetChanged\" | \"offset\" | \"firstDayOfWeek\" | \"selected\"> {\n    date: Date | null;\n    density?: Density;\n    defaultSelected?: Date;\n    days?: string[];\n    months?: string[];\n    monthLabel?: string;\n    yearLabel?: string;\n    yearsToShow?: YearsToShow;\n    onTabOutside: React.KeyboardEventHandler;\n}\n\nconst defaultMonths = [\n    \"Januar\",\n    \"Februar\",\n    \"Mars\",\n    \"April\",\n    \"Mai\",\n    \"Juni\",\n    \"Juli\",\n    \"August\",\n    \"September\",\n    \"Oktober\",\n    \"November\",\n    \"Desember\",\n];\n\nconst defaultDays = [\"man\", \"tir\", \"ons\", \"tor\", \"fre\", \"lør\", \"søn\"];\n\nexport const Calendar = forwardRef<HTMLDivElement, CalendarProps>((props, ref) => {\n    const {\n        date,\n        defaultSelected,\n        density,\n        minDate,\n        maxDate,\n        days = defaultDays,\n        months = defaultMonths,\n        monthLabel = \"Velg måned\",\n        yearLabel = \"Velg år\",\n        yearsToShow = DEFAULT_YEARS_TO_SHOW,\n        onTabOutside,\n        ...rest\n    } = props;\n\n    const id = useId(\"jkl-calendar\");\n\n    const [{ offset, selectedDate, shownDate }, dispatch] = useReducer(\n        calendarReducer,\n        getInitialDateShown(date, defaultSelected, minDate, maxDate),\n        calendarInitializer,\n    );\n\n    const shownMonth = shownDate.getMonth();\n    const shownYear = shownDate.getFullYear();\n\n    useEffect(() => {\n        dispatch({\n            type: \"SET_SELECTED_DATE\",\n            newDate: getInitialDateShown(date, defaultSelected, minDate, maxDate),\n        });\n    }, [date, defaultSelected, minDate, maxDate]);\n\n    const onOffsetChanged = useCallback((newOffset: number) => {\n        dispatch({\n            type: \"SET_OFFSET\",\n            newOffset,\n        });\n    }, []);\n\n    const { calendars, getBackProps, getDateProps, getForwardProps, handleOffsetChanged } = useCalendar({\n        date: selectedDate,\n        selected: selectedDate,\n        minDate,\n        maxDate,\n        offset,\n        onOffsetChanged,\n        firstDayOfWeek: 1,\n        ...rest,\n    });\n\n    /// Calendar keyboard navigation\n\n    const calendarPaddingRef = useRef<HTMLDivElement>(null);\n    const doFocusChange = useCallback(\n        (offsetDiff: number) => {\n            if (!calendarPaddingRef.current) {\n                return;\n            }\n\n            const e = document.activeElement;\n            const buttons = calendarPaddingRef.current.querySelectorAll<HTMLButtonElement>(\n                'button.jkl-calendar-date-button:not([data-adjacent=\"true\"]',\n            );\n\n            const changeFocusTo = async (nextButton: HTMLButtonElement) => {\n                e?.setAttribute(\"tabindex\", \"-1\");\n                nextButton.setAttribute(\"tabindex\", \"0\");\n                nextButton.focus();\n            };\n\n            buttons.forEach((el, i) => {\n                const newNodeKey = i + offsetDiff;\n\n                if (el == e) {\n                    if (newNodeKey <= buttons.length - 1 && newNodeKey >= 0) {\n                        changeFocusTo(buttons[newNodeKey]);\n                    } else if (offsetDiff < 0) {\n                        if (isBackDisabled({ calendars, minDate })) {\n                            return;\n                        }\n\n                        // Hvis newNodeKey er utenfor samlingen med knapper så har vi prøvd å gå til\n                        // en dag utenfor måneden. Er offsetDiff negativ så har vi gått tilbake en\n                        // måned.\n                        flushSync(() => {\n                            handleOffsetChanged(offset - subtractMonth({ calendars, offset: 1, minDate }));\n                        });\n                        if (!calendarPaddingRef.current) {\n                            return;\n                        }\n                        const newButtons = calendarPaddingRef.current.querySelectorAll<HTMLButtonElement>(\n                            'button.jkl-calendar-date-button:not([data-adjacent=\"true\"]',\n                        );\n                        // + - = -\n                        if (newButtons[newButtons.length + newNodeKey]) {\n                            // Sørg for at ikke både 1. i måneden og valgt dag er fokuserbare\n                            newButtons[0].setAttribute(\"tabindex\", \"-1\");\n                            changeFocusTo(newButtons[newButtons.length + newNodeKey]);\n                        }\n                    } else {\n                        if (isForwardDisabled({ calendars, maxDate })) {\n                            return;\n                        }\n\n                        // Hvis newNodeKey er utenfor samlingen med knapper så har vi prøvd å gå til\n                        // en dag utenfor måneden. Er offsetDiff positiv så har vi gått frem en\n                        // måned.\n                        flushSync(() => {\n                            handleOffsetChanged(offset + addMonth({ calendars, offset: 1, maxDate }));\n                        });\n                        if (!calendarPaddingRef.current) {\n                            return;\n                        }\n                        const newButtons = calendarPaddingRef.current.querySelectorAll<HTMLButtonElement>(\n                            'button.jkl-calendar-date-button:not([data-adjacent=\"true\"]',\n                        );\n                        // NewNodeKey er basert på forrige måneds liste med knapper. For at verdien skal bli\n                        // riktig i vår nye måned må vi trekke fra anntal dager fra forrige måned.\n                        if (newButtons[newNodeKey - buttons.length]) {\n                            // Sørg for at ikke både 1. i måneden og valgt dag er fokuserbare\n                            newButtons[0].setAttribute(\"tabindex\", \"-1\");\n                            changeFocusTo(newButtons[newNodeKey - buttons.length]);\n                        }\n                    }\n                }\n            });\n        },\n        [handleOffsetChanged, calendarPaddingRef, offset, calendars, maxDate, minDate],\n    );\n\n    const handleArrowNavigation = useCallback(\n        (event: React.KeyboardEvent) => {\n            switch (event.key) {\n                case \"ArrowUp\":\n                    doFocusChange(-7);\n                    event.preventDefault();\n                    break;\n                case \"ArrowRight\":\n                    doFocusChange(1);\n                    event.preventDefault();\n                    break;\n                case \"ArrowDown\":\n                    doFocusChange(7);\n                    event.preventDefault();\n                    break;\n                case \"ArrowLeft\":\n                    doFocusChange(-1);\n                    event.preventDefault();\n                    break;\n                default:\n                    break;\n            }\n        },\n        [doFocusChange],\n    );\n\n    const handleTabInside: React.KeyboardEventHandler = useCallback((event) => {\n        if (event.key !== \"Tab\") return;\n\n        const focusableElements = calendarPaddingRef.current?.querySelectorAll<HTMLElement>(\n            'button:not([disabled]):not([tabindex=\"-1\"]), select',\n        );\n\n        if (!focusableElements) return;\n\n        const firstElement = focusableElements[0];\n        const lastElement = focusableElements[focusableElements.length - 1];\n\n        if (!event.shiftKey && document.activeElement === lastElement) {\n            firstElement.focus();\n            event.preventDefault();\n        } else if (event.shiftKey && document.activeElement === firstElement) {\n            lastElement.focus();\n            event.preventDefault();\n        }\n    }, []);\n\n    const isFocusableDate = useCallback(\n        (dateInfo: DateInfo) => {\n            const { date, selected, selectable, prevMonth, nextMonth } = dateInfo;\n\n            // Datoen kan ikke velges\n            if (!selectable) {\n                return false;\n            }\n            // Datoen er valgt dato\n            if (selected) {\n                return true;\n            }\n            // Datoen er første valgbare dato\n            if (date.toString() === minDate?.toString()) {\n                return true;\n            }\n\n            // Datoen er første i måneden som vises\n            if (\n                !prevMonth &&\n                !nextMonth &&\n                shownDate.getFullYear() === date.getFullYear() &&\n                selectedDate.getMonth() !== date.getMonth() &&\n                date.getDate() === 1\n            ) {\n                return true;\n            }\n\n            return false;\n        },\n        [shownDate, minDate, selectedDate],\n    );\n\n    const handleGotoEdgeMonth = useCallback(() => {\n        if (\n            // Vi er i ferd med å gå til første måned\n            minDate &&\n            shownDate.getFullYear() - minDate.getFullYear() === 0 &&\n            shownDate.getMonth() - minDate.getMonth() === 1\n        ) {\n            // Fokuser på \"neste månded\"-knappen\n            document.querySelectorAll<HTMLButtonElement>(\".jkl-calendar-navigation__arrow\")[1].focus();\n        } else if (\n            // Vi er i ferd med å gå til siste måned\n            maxDate &&\n            maxDate.getFullYear() - shownDate.getFullYear() === 0 &&\n            maxDate.getMonth() - shownDate.getMonth() === 1\n        ) {\n            // Fokuser på \"forrige månded\"-knappen\n            document.querySelectorAll<HTMLButtonElement>(\".jkl-calendar-navigation__arrow\")[0].focus();\n        }\n    }, [minDate, maxDate, shownDate]);\n\n    /// Extended variant events\n\n    const handleYearChange = useCallback<React.ChangeEventHandler<HTMLSelectElement>>(\n        (event) => {\n            if (event.target.value.length !== 4) {\n                return;\n            }\n\n            const year: number = Number.parseInt(event.target.value);\n            if (Number.isNaN(year)) {\n                return;\n            }\n\n            let offset = (year - shownDate.getFullYear()) * 12;\n            const expectedDate = new Date(shownDate.getFullYear(), shownDate.getMonth() + offset, shownDate.getDate());\n\n            // Pass på at vi ikke hopper forbi maks. eller min. dato\n            if (\n                maxDate &&\n                maxDate.getFullYear() === expectedDate.getFullYear() &&\n                maxDate.getMonth() < expectedDate.getMonth()\n            ) {\n                offset -= expectedDate.getMonth() - maxDate.getMonth();\n            } else if (\n                minDate &&\n                minDate.getFullYear() === expectedDate.getFullYear() &&\n                minDate.getMonth() > expectedDate.getMonth()\n            ) {\n                offset += minDate.getMonth() - expectedDate.getMonth();\n            }\n\n            dispatch({\n                type: \"ADD_OFFSET\",\n                addedOffset: offset,\n            });\n\n            return;\n        },\n        [shownDate, minDate, maxDate],\n    );\n\n    const handleMonthChange = useCallback<React.ChangeEventHandler<HTMLSelectElement>>(\n        (event) => {\n            if (!selectedDate && !date) {\n                return;\n            }\n\n            const yearDiff = shownDate.getFullYear() - (selectedDate || new Date()).getFullYear();\n            const monthDiff = Number.parseInt(event.target.value) - (selectedDate || new Date()).getMonth();\n\n            dispatch({\n                type: \"SET_OFFSET\",\n                newOffset: yearDiff * 12 + monthDiff,\n            });\n\n            return;\n        },\n        [selectedDate, date, shownDate],\n    );\n\n    const yearSelectOptions = getYearSelectOptions(shownYear, minDate, maxDate, yearsToShow);\n    const monthSelectOptions = getMonthSelectOptions(shownYear, months, minDate, maxDate);\n\n    return (\n        <div ref={ref} id={id} className=\"jkl-calendar\" data-testid=\"jkl-calendar\">\n            {/* Vi lytter på på trykk på Tab inne i kalenderen for å håndtere fokus */}\n            {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n            <div className=\"jkl-calendar__padding\" ref={calendarPaddingRef} onKeyDown={handleTabInside}>\n                <fieldset className=\"jkl-calendar-navigation\">\n                    <div>\n                        <button\n                            {...getBackProps({ calendars, onClick: handleGotoEdgeMonth })}\n                            className=\"jkl-calendar-navigation__arrow\"\n                            type=\"button\"\n                        >\n                            <ArrowLeftIcon variant=\"medium\" bold />\n                        </button>\n                        <button\n                            {...getForwardProps({ calendars, onClick: handleGotoEdgeMonth })}\n                            className=\"jkl-calendar-navigation__arrow\"\n                            type=\"button\"\n                        >\n                            <ArrowRightIcon variant=\"medium\" bold />\n                        </button>\n                    </div>\n                    <div>\n                        <div className=\"jkl-calendar-navigation-dropdown\">\n                            <select\n                                onChange={handleMonthChange}\n                                className=\"jkl-calendar-navigation-dropdown__select\"\n                                aria-label={monthLabel}\n                                value={shownMonth.toString()}\n                            >\n                                {monthSelectOptions.map(({ label, value }) => (\n                                    <option key={value} value={value}>\n                                        {label}\n                                    </option>\n                                ))}\n                            </select>\n                            <ChevronDownIcon bold className=\"jkl-calendar-navigation-dropdown__chevron\" />\n                        </div>\n                        <div className=\"jkl-calendar-navigation-dropdown\">\n                            <select\n                                onChange={handleYearChange}\n                                className=\"jkl-calendar-navigation-dropdown__select\"\n                                aria-label={yearLabel}\n                                value={shownYear.toString()}\n                            >\n                                {yearSelectOptions.map((year) => (\n                                    <option key={year} value={year}>\n                                        {year}\n                                    </option>\n                                ))}\n                            </select>\n                            <ChevronDownIcon bold className=\"jkl-calendar-navigation-dropdown__chevron\" />\n                        </div>\n                    </div>\n                </fieldset>\n                {calendars.map((calendar) => (\n                    <table\n                        className=\"jkl-calendar-table\"\n                        key={`${calendar.month}${calendar.year}`}\n                        data-testid=\"jkl-datepicker-calendar\"\n                    >\n                        <caption className=\"jkl-sr-only\">\n                            {months[calendar.month]}, {calendar.year}\n                        </caption>\n                        <thead>\n                            <tr>\n                                {days.map((weekday) => (\n                                    <th key={`${calendar.month}${calendar.year}${weekday}`}>{weekday}</th>\n                                ))}\n                            </tr>\n                        </thead>\n                        <tbody data-testid=\"jkl-datepicker-dates\">\n                            {calendar.weeks.map((week, weekIndex) => (\n                                <tr key={`${calendar.month}${calendar.year}${weekIndex}`}>\n                                    {week.map((dateInfo, index) => {\n                                        const key = `${calendar.month}${calendar.year}${weekIndex}${index}`;\n                                        if (typeof dateInfo === \"string\") {\n                                            return (\n                                                <td className=\"jkl-calendar__date jkl-calendar__date--empty\" key={key}>\n                                                    {dateInfo}\n                                                </td>\n                                            );\n                                        }\n                                        const { date, selectable, today, prevMonth, nextMonth } = dateInfo;\n\n                                        return (\n                                            <td key={key}>\n                                                <button\n                                                    {...getDateProps({\n                                                        dateObj: dateInfo,\n                                                    })}\n                                                    type=\"button\"\n                                                    className=\"jkl-calendar-date-button\"\n                                                    tabIndex={isFocusableDate(dateInfo) ? 0 : -1}\n                                                    aria-label={`${date.getDate()}. ${months[\n                                                        date.getMonth()\n                                                    ].toLowerCase()}`}\n                                                    aria-current={today ? \"date\" : undefined}\n                                                    data-adjacent={prevMonth || nextMonth ? \"true\" : undefined}\n                                                    disabled={!selectable}\n                                                    onKeyDown={handleArrowNavigation}\n                                                >\n                                                    <span aria-hidden=\"true\">{date.getDate()}</span>\n                                                </button>\n                                            </td>\n                                        );\n                                    })}\n                                </tr>\n                            ))}\n                        </tbody>\n                    </table>\n                ))}\n            </div>\n        </div>\n    );\n});\n\nCalendar.displayName = \"Calendar\";\n"],"names":["defaultMonths","defaultDays","Calendar","forwardRef","props","ref","date","defaultSelected","density","minDate","maxDate","days","months","monthLabel","yearLabel","yearsToShow","DEFAULT_YEARS_TO_SHOW","onTabOutside","rest","id","useId","offset","selectedDate","shownDate","dispatch","useReducer","calendarReducer","getInitialDateShown","calendarInitializer","shownMonth","getMonth","shownYear","getFullYear","useEffect","type","newDate","onOffsetChanged","useCallback","newOffset","calendars","getBackProps","getDateProps","getForwardProps","handleOffsetChanged","useCalendar","selected","firstDayOfWeek","calendarPaddingRef","useRef","doFocusChange","offsetDiff","current","e","document","activeElement","buttons","querySelectorAll","changeFocusTo","async","nextButton","setAttribute","focus","forEach","el","i","newNodeKey","length","isBackDisabled","flushSync","subtractMonth","newButtons","isForwardDisabled","addMonth","handleArrowNavigation","event","key","preventDefault","handleTabInside","focusableElements","_a","firstElement","lastElement","shiftKey","isFocusableDate","dateInfo","selectable","prevMonth","nextMonth","toString","getDate","handleGotoEdgeMonth","handleYearChange","target","value","year","Number","parseInt","isNaN","expectedDate","Date","addedOffset","handleMonthChange","yearDiff","monthDiff","yearSelectOptions","getYearSelectOptions","monthSelectOptions","getMonthSelectOptions","jsx","className","children","jsxs","onKeyDown","onClick","ArrowLeftIcon","variant","bold","ArrowRightIcon","onChange","map","label","ChevronDownIcon","calendar","month","weekday","weeks","week","weekIndex","index","today","dateObj","tabIndex","toLowerCase","disabled","displayName"],"mappings":"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"}

package/build/es/components/datepicker/internal/useCalendar.d.ts

@@ -0,0 +1,59 @@
+import { default as React } from 'react';
+import { DateInfo, CalendarMonth } from './utils.js';
+type GetDateProps = {
+    onClick?: React.MouseEventHandler;
+    dateObj: DateInfo;
+};
+type GetDatePropsResult = {
+    onClick: React.MouseEventHandler;
+    disabled: boolean;
+    "aria-pressed": boolean;
+    role: "button";
+};
+type GetBackProps = {
+    onClick?: React.MouseEventHandler;
+    offset?: number;
+    calendars: CalendarMonth[];
+};
+type GetBackPropsResult = {
+    onClick: React.MouseEventHandler;
+    disabled: boolean;
+    "aria-label": string;
+    title: string;
+};
+type GetForwardProps = {
+    onClick?: React.MouseEventHandler;
+    offset?: number;
+    calendars: CalendarMonth[];
+};
+type GetForwardPropsResult = {
+    onClick: React.MouseEventHandler;
+    disabled: boolean;
+    "aria-label": string;
+    title: string;
+};
+export interface UseCalendarProps {
+    date?: Date;
+    maxDate?: Date;
+    minDate?: Date;
+    monthsToDisplay?: number;
+    firstDayOfWeek?: number;
+    showOutsideDays?: boolean;
+    offset: number;
+    onDateSelected: (dateObj: DateInfo, event: React.MouseEvent) => void;
+    onOffsetChanged: (newOffset: number) => void;
+    selected?: Date | Date[];
+}
+export type GetDatePropsFunc = (props: GetDateProps) => GetDatePropsResult;
+export type GetBackPropsFunc = (props: GetBackProps) => GetBackPropsResult;
+export type GetForwardPropsFunc = (props: GetForwardProps) => GetForwardPropsResult;
+export type HandleOffsetFunc = (newOffset: number) => void;
+export type UseCalendarResult = {
+    calendars: CalendarMonth[];
+    getDateProps: GetDatePropsFunc;
+    getBackProps: GetBackPropsFunc;
+    getForwardProps: GetForwardPropsFunc;
+    handleOffsetChanged: HandleOffsetFunc;
+};
+export declare function useCalendar({ date, maxDate, minDate, monthsToDisplay, firstDayOfWeek, showOutsideDays, offset, onDateSelected, onOffsetChanged, selected, }: UseCalendarProps): UseCalendarResult;
+export {};

package/build/es/components/datepicker/internal/useCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCalendar.js","sources":["../../../../../src/components/datepicker/internal/useCalendar.ts"],"sourcesContent":["/***\n * MIT License\n *\n * Copyright (c) 2017 Deseret Digital Media. 2022 Fremtind Forsikring AS.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nimport { startOfDay } from \"date-fns\";\nimport React, { useState } from \"react\";\nimport {\n    composeEventHandlers,\n    subtractMonth,\n    addMonth,\n    isBackDisabled,\n    isForwardDisabled,\n    getCalendars,\n    DateInfo,\n    CalendarMonth,\n} from \"./utils\";\n\nfunction isOffsetControlled(propOffset: number | undefined): boolean {\n    return propOffset !== undefined;\n}\n\nfunction getOffset(prop: number, state: number): number {\n    return isOffsetControlled(prop) ? prop : state;\n}\n\ntype BoundGetDateProps = (dateInfo: DateInfo, event: React.MouseEvent) => void;\n\ntype GetDateProps = {\n    onClick?: React.MouseEventHandler;\n    dateObj: DateInfo;\n};\n\ntype GetDatePropsResult = {\n    onClick: React.MouseEventHandler;\n    disabled: boolean;\n    \"aria-pressed\": boolean;\n    role: \"button\";\n};\n\nfunction getDateProps(onDateSelected: BoundGetDateProps, { onClick, dateObj }: GetDateProps): GetDatePropsResult {\n    return {\n        onClick: composeEventHandlers(onClick, (event) => {\n            onDateSelected(dateObj, event);\n        }),\n        disabled: !dateObj.selectable,\n        \"aria-pressed\": dateObj.selected,\n        role: \"button\",\n    };\n}\n\ntype BoundGetBackProps = {\n    handleOffsetChanged: (newOffset: number) => void;\n    offsetMonth: number;\n    minDate?: Date;\n};\n\ntype GetBackProps = {\n    onClick?: React.MouseEventHandler;\n    offset?: number;\n    calendars: CalendarMonth[];\n};\n\ntype GetBackPropsResult = {\n    onClick: React.MouseEventHandler;\n    disabled: boolean;\n    \"aria-label\": string;\n    title: string;\n};\n\nfunction getBackProps(\n    { minDate, offsetMonth, handleOffsetChanged }: BoundGetBackProps,\n    { onClick, offset = 1, calendars }: GetBackProps,\n): GetBackPropsResult {\n    const label = `Gå tilbake ${offset} måned${offset === 1 ? \"\" : \"er\"}`;\n    return {\n        onClick: composeEventHandlers(onClick, () => {\n            handleOffsetChanged(offsetMonth - subtractMonth({ calendars, offset, minDate }));\n        }),\n        disabled: isBackDisabled({ calendars, minDate }),\n        \"aria-label\": label,\n        title: label,\n    };\n}\n\ntype BoundGetForwardProps = {\n    handleOffsetChanged: (newOffset: number) => void;\n    offsetMonth: number;\n    maxDate?: Date;\n};\n\ntype GetForwardProps = {\n    onClick?: React.MouseEventHandler;\n    offset?: number;\n    calendars: CalendarMonth[];\n};\n\ntype GetForwardPropsResult = {\n    onClick: React.MouseEventHandler;\n    disabled: boolean;\n    \"aria-label\": string;\n    title: string;\n};\n\nfunction getForwardProps(\n    { maxDate, offsetMonth, handleOffsetChanged }: BoundGetForwardProps,\n    { onClick, offset = 1, calendars }: GetForwardProps,\n): GetForwardPropsResult {\n    const label = `Gå frem ${offset} måned${offset === 1 ? \"\" : \"er\"}`;\n    return {\n        onClick: composeEventHandlers(onClick, () => {\n            handleOffsetChanged(offsetMonth + addMonth({ calendars, offset, maxDate }));\n        }),\n        disabled: isForwardDisabled({ calendars, maxDate }),\n        \"aria-label\": label,\n        title: label,\n    };\n}\n\nexport interface UseCalendarProps {\n    date?: Date;\n    maxDate?: Date;\n    minDate?: Date;\n    monthsToDisplay?: number;\n    firstDayOfWeek?: number;\n    showOutsideDays?: boolean;\n    offset: number;\n    onDateSelected: (dateObj: DateInfo, event: React.MouseEvent) => void;\n    onOffsetChanged: (newOffset: number) => void;\n    selected?: Date | Date[];\n}\n\nexport type GetDatePropsFunc = (props: GetDateProps) => GetDatePropsResult;\nexport type GetBackPropsFunc = (props: GetBackProps) => GetBackPropsResult;\nexport type GetForwardPropsFunc = (props: GetForwardProps) => GetForwardPropsResult;\nexport type HandleOffsetFunc = (newOffset: number) => void;\n\nexport type UseCalendarResult = {\n    calendars: CalendarMonth[];\n    getDateProps: GetDatePropsFunc;\n    getBackProps: GetBackPropsFunc;\n    getForwardProps: GetForwardPropsFunc;\n    handleOffsetChanged: HandleOffsetFunc;\n};\n\nexport function useCalendar({\n    date = startOfDay(new Date()),\n    maxDate,\n    minDate,\n    monthsToDisplay = 1,\n    firstDayOfWeek = 0,\n    showOutsideDays = true,\n    offset,\n    onDateSelected,\n    onOffsetChanged,\n    selected,\n}: UseCalendarProps): UseCalendarResult {\n    const [stateOffset, setStateOffset] = useState(0);\n    const offsetMonth = getOffset(offset, stateOffset);\n\n    function handleOffsetChanged(newOffset: number) {\n        if (!isOffsetControlled(offset)) {\n            setStateOffset(newOffset);\n        }\n        onOffsetChanged(newOffset);\n    }\n\n    const calendars = getCalendars({\n        date,\n        selected,\n        monthsToDisplay,\n        minDate,\n        maxDate,\n        offset: offsetMonth,\n        firstDayOfWeek,\n        showOutsideDays,\n    });\n    return {\n        calendars,\n        getDateProps: getDateProps.bind(null, onDateSelected),\n        getBackProps: getBackProps.bind(null, {\n            minDate,\n            offsetMonth,\n            handleOffsetChanged,\n        }),\n        getForwardProps: getForwardProps.bind(null, {\n            maxDate,\n            offsetMonth,\n            handleOffsetChanged,\n        }),\n        handleOffsetChanged,\n    };\n}\n"],"names":["isOffsetControlled","propOffset","getDateProps","onDateSelected","onClick","dateObj","composeEventHandlers","event","disabled","selectable","selected","role","getBackProps","minDate","offsetMonth","handleOffsetChanged","offset","calendars","label","subtractMonth","isBackDisabled","title","getForwardProps","maxDate","addMonth","isForwardDisabled","useCalendar","date","startOfDay","Date","monthsToDisplay","firstDayOfWeek","showOutsideDays","onOffsetChanged","stateOffset","setStateOffset","useState","prop","state","getOffset","newOffset","getCalendars","bind"],"mappings":"uNAoCA,SAASA,EAAmBC,GACxB,YAAsB,IAAfA,CACX,CAoBA,SAASC,EAAaC,GAAqCC,QAAAA,EAASC,QAAAA,IACzD,MAAA,CACHD,QAASE,EAAqBF,GAAUG,IACpCJ,EAAeE,EAASE,EAAK,IAEjCC,UAAWH,EAAQI,WACnB,eAAgBJ,EAAQK,SACxBC,KAAM,SAEd,CAqBA,SAASC,GACHC,QAAAA,EAASC,YAAAA,EAAaC,oBAAAA,IACtBX,QAAAA,EAASY,OAAAA,EAAS,EAAGC,UAAAA,IAEvB,MAAMC,EAAQ,cAAcF,UAA0B,IAAXA,EAAe,GAAK,OACxD,MAAA,CACHZ,QAASE,EAAqBF,GAAS,KACnCW,EAAoBD,EAAcK,EAAc,CAAEF,UAAAA,EAAWD,OAAAA,EAAQH,QAAAA,IAAU,IAEnFL,SAAUY,EAAe,CAAEH,UAAAA,EAAWJ,QAAAA,IACtC,aAAcK,EACdG,MAAOH,EAEf,CAqBA,SAASI,GACHC,QAAAA,EAAST,YAAAA,EAAaC,oBAAAA,IACtBX,QAAAA,EAASY,OAAAA,EAAS,EAAGC,UAAAA,IAEvB,MAAMC,EAAQ,WAAWF,UAA0B,IAAXA,EAAe,GAAK,OACrD,MAAA,CACHZ,QAASE,EAAqBF,GAAS,KACnCW,EAAoBD,EAAcU,EAAS,CAAEP,UAAAA,EAAWD,OAAAA,EAAQO,QAAAA,IAAU,IAE9Ef,SAAUiB,EAAkB,CAAER,UAAAA,EAAWM,QAAAA,IACzC,aAAcL,EACdG,MAAOH,EAEf,CA4BO,SAASQ,GACZC,KAAAA,EAAOC,EAAe,IAAAC,MACtBN,QAAAA,EACAV,QAAAA,EACAiB,gBAAAA,EAAkB,EAClBC,eAAAA,EAAiB,EACjBC,gBAAAA,GAAkB,EAClBhB,OAAAA,EACAb,eAAAA,EACA8B,gBAAAA,EACAvB,SAAAA,IAEM,MAACwB,EAAaC,GAAkBC,EAAS,GACzCtB,EAxIV,SAAmBuB,EAAcC,GACtBtC,OAAAA,EAAmBqC,GAAQA,EAAOC,CAC7C,CAsIwBC,CAAUvB,EAAQkB,GAEtC,SAASnB,EAAoByB,GACpBxC,EAAmBgB,IACpBmB,EAAeK,GAEnBP,EAAgBO,EACpB,CAYO,MAAA,CACHvB,UAXcwB,EAAa,CAC3Bd,KAAAA,EACAjB,SAAAA,EACAoB,gBAAAA,EACAjB,QAAAA,EACAU,QAAAA,EACAP,OAAQF,EACRiB,eAAAA,EACAC,gBAAAA,IAIA9B,aAAcA,EAAawC,KAAK,KAAMvC,GACtCS,aAAcA,EAAa8B,KAAK,KAAM,CAClC7B,QAAAA,EACAC,YAAAA,EACAC,oBAAAA,IAEJO,gBAAiBA,EAAgBoB,KAAK,KAAM,CACxCnB,QAAAA,EACAT,YAAAA,EACAC,oBAAAA,IAEJA,oBAAAA,EAER"}
+{"version":3,"file":"useCalendar.js","sources":["../../../../../src/components/datepicker/internal/useCalendar.ts"],"sourcesContent":["/***\n * MIT License\n *\n * Copyright (c) 2017 Deseret Digital Media. 2022 Fremtind Forsikring AS.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nimport { startOfDay } from \"date-fns\";\nimport React, { useState } from \"react\";\nimport {\n    composeEventHandlers,\n    subtractMonth,\n    addMonth,\n    isBackDisabled,\n    isForwardDisabled,\n    getCalendars,\n    DateInfo,\n    CalendarMonth,\n} from \"./utils.js\";\n\nfunction isOffsetControlled(propOffset: number | undefined): boolean {\n    return propOffset !== undefined;\n}\n\nfunction getOffset(prop: number, state: number): number {\n    return isOffsetControlled(prop) ? prop : state;\n}\n\ntype BoundGetDateProps = (dateInfo: DateInfo, event: React.MouseEvent) => void;\n\ntype GetDateProps = {\n    onClick?: React.MouseEventHandler;\n    dateObj: DateInfo;\n};\n\ntype GetDatePropsResult = {\n    onClick: React.MouseEventHandler;\n    disabled: boolean;\n    \"aria-pressed\": boolean;\n    role: \"button\";\n};\n\nfunction getDateProps(onDateSelected: BoundGetDateProps, { onClick, dateObj }: GetDateProps): GetDatePropsResult {\n    return {\n        onClick: composeEventHandlers(onClick, (event) => {\n            onDateSelected(dateObj, event);\n        }),\n        disabled: !dateObj.selectable,\n        \"aria-pressed\": dateObj.selected,\n        role: \"button\",\n    };\n}\n\ntype BoundGetBackProps = {\n    handleOffsetChanged: (newOffset: number) => void;\n    offsetMonth: number;\n    minDate?: Date;\n};\n\ntype GetBackProps = {\n    onClick?: React.MouseEventHandler;\n    offset?: number;\n    calendars: CalendarMonth[];\n};\n\ntype GetBackPropsResult = {\n    onClick: React.MouseEventHandler;\n    disabled: boolean;\n    \"aria-label\": string;\n    title: string;\n};\n\nfunction getBackProps(\n    { minDate, offsetMonth, handleOffsetChanged }: BoundGetBackProps,\n    { onClick, offset = 1, calendars }: GetBackProps,\n): GetBackPropsResult {\n    const label = `Gå tilbake ${offset} måned${offset === 1 ? \"\" : \"er\"}`;\n    return {\n        onClick: composeEventHandlers(onClick, () => {\n            handleOffsetChanged(offsetMonth - subtractMonth({ calendars, offset, minDate }));\n        }),\n        disabled: isBackDisabled({ calendars, minDate }),\n        \"aria-label\": label,\n        title: label,\n    };\n}\n\ntype BoundGetForwardProps = {\n    handleOffsetChanged: (newOffset: number) => void;\n    offsetMonth: number;\n    maxDate?: Date;\n};\n\ntype GetForwardProps = {\n    onClick?: React.MouseEventHandler;\n    offset?: number;\n    calendars: CalendarMonth[];\n};\n\ntype GetForwardPropsResult = {\n    onClick: React.MouseEventHandler;\n    disabled: boolean;\n    \"aria-label\": string;\n    title: string;\n};\n\nfunction getForwardProps(\n    { maxDate, offsetMonth, handleOffsetChanged }: BoundGetForwardProps,\n    { onClick, offset = 1, calendars }: GetForwardProps,\n): GetForwardPropsResult {\n    const label = `Gå frem ${offset} måned${offset === 1 ? \"\" : \"er\"}`;\n    return {\n        onClick: composeEventHandlers(onClick, () => {\n            handleOffsetChanged(offsetMonth + addMonth({ calendars, offset, maxDate }));\n        }),\n        disabled: isForwardDisabled({ calendars, maxDate }),\n        \"aria-label\": label,\n        title: label,\n    };\n}\n\nexport interface UseCalendarProps {\n    date?: Date;\n    maxDate?: Date;\n    minDate?: Date;\n    monthsToDisplay?: number;\n    firstDayOfWeek?: number;\n    showOutsideDays?: boolean;\n    offset: number;\n    onDateSelected: (dateObj: DateInfo, event: React.MouseEvent) => void;\n    onOffsetChanged: (newOffset: number) => void;\n    selected?: Date | Date[];\n}\n\nexport type GetDatePropsFunc = (props: GetDateProps) => GetDatePropsResult;\nexport type GetBackPropsFunc = (props: GetBackProps) => GetBackPropsResult;\nexport type GetForwardPropsFunc = (props: GetForwardProps) => GetForwardPropsResult;\nexport type HandleOffsetFunc = (newOffset: number) => void;\n\nexport type UseCalendarResult = {\n    calendars: CalendarMonth[];\n    getDateProps: GetDatePropsFunc;\n    getBackProps: GetBackPropsFunc;\n    getForwardProps: GetForwardPropsFunc;\n    handleOffsetChanged: HandleOffsetFunc;\n};\n\nexport function useCalendar({\n    date = startOfDay(new Date()),\n    maxDate,\n    minDate,\n    monthsToDisplay = 1,\n    firstDayOfWeek = 0,\n    showOutsideDays = true,\n    offset,\n    onDateSelected,\n    onOffsetChanged,\n    selected,\n}: UseCalendarProps): UseCalendarResult {\n    const [stateOffset, setStateOffset] = useState(0);\n    const offsetMonth = getOffset(offset, stateOffset);\n\n    function handleOffsetChanged(newOffset: number) {\n        if (!isOffsetControlled(offset)) {\n            setStateOffset(newOffset);\n        }\n        onOffsetChanged(newOffset);\n    }\n\n    const calendars = getCalendars({\n        date,\n        selected,\n        monthsToDisplay,\n        minDate,\n        maxDate,\n        offset: offsetMonth,\n        firstDayOfWeek,\n        showOutsideDays,\n    });\n    return {\n        calendars,\n        getDateProps: getDateProps.bind(null, onDateSelected),\n        getBackProps: getBackProps.bind(null, {\n            minDate,\n            offsetMonth,\n            handleOffsetChanged,\n        }),\n        getForwardProps: getForwardProps.bind(null, {\n            maxDate,\n            offsetMonth,\n            handleOffsetChanged,\n        }),\n        handleOffsetChanged,\n    };\n}\n"],"names":["isOffsetControlled","propOffset","getDateProps","onDateSelected","onClick","dateObj","composeEventHandlers","event","disabled","selectable","selected","role","getBackProps","minDate","offsetMonth","handleOffsetChanged","offset","calendars","label","subtractMonth","isBackDisabled","title","getForwardProps","maxDate","addMonth","isForwardDisabled","useCalendar","date","startOfDay","Date","monthsToDisplay","firstDayOfWeek","showOutsideDays","onOffsetChanged","stateOffset","setStateOffset","useState","prop","state","getOffset","newOffset","getCalendars","bind"],"mappings":"uNAoCA,SAASA,EAAmBC,GACxB,YAAsB,IAAfA,CACX,CAoBA,SAASC,EAAaC,GAAqCC,QAAAA,EAASC,QAAAA,IACzD,MAAA,CACHD,QAASE,EAAqBF,GAAUG,IACpCJ,EAAeE,EAASE,EAAK,IAEjCC,UAAWH,EAAQI,WACnB,eAAgBJ,EAAQK,SACxBC,KAAM,SAEd,CAqBA,SAASC,GACHC,QAAAA,EAASC,YAAAA,EAAaC,oBAAAA,IACtBX,QAAAA,EAASY,OAAAA,EAAS,EAAGC,UAAAA,IAEvB,MAAMC,EAAQ,cAAcF,UAA0B,IAAXA,EAAe,GAAK,OACxD,MAAA,CACHZ,QAASE,EAAqBF,GAAS,KACnCW,EAAoBD,EAAcK,EAAc,CAAEF,UAAAA,EAAWD,OAAAA,EAAQH,QAAAA,IAAU,IAEnFL,SAAUY,EAAe,CAAEH,UAAAA,EAAWJ,QAAAA,IACtC,aAAcK,EACdG,MAAOH,EAEf,CAqBA,SAASI,GACHC,QAAAA,EAAST,YAAAA,EAAaC,oBAAAA,IACtBX,QAAAA,EAASY,OAAAA,EAAS,EAAGC,UAAAA,IAEvB,MAAMC,EAAQ,WAAWF,UAA0B,IAAXA,EAAe,GAAK,OACrD,MAAA,CACHZ,QAASE,EAAqBF,GAAS,KACnCW,EAAoBD,EAAcU,EAAS,CAAEP,UAAAA,EAAWD,OAAAA,EAAQO,QAAAA,IAAU,IAE9Ef,SAAUiB,EAAkB,CAAER,UAAAA,EAAWM,QAAAA,IACzC,aAAcL,EACdG,MAAOH,EAEf,CA4BO,SAASQ,GACZC,KAAAA,EAAOC,EAAe,IAAAC,MACtBN,QAAAA,EACAV,QAAAA,EACAiB,gBAAAA,EAAkB,EAClBC,eAAAA,EAAiB,EACjBC,gBAAAA,GAAkB,EAClBhB,OAAAA,EACAb,eAAAA,EACA8B,gBAAAA,EACAvB,SAAAA,IAEM,MAACwB,EAAaC,GAAkBC,EAAS,GACzCtB,EAxIV,SAAmBuB,EAAcC,GACtBtC,OAAAA,EAAmBqC,GAAQA,EAAOC,CAC7C,CAsIwBC,CAAUvB,EAAQkB,GAEtC,SAASnB,EAAoByB,GACpBxC,EAAmBgB,IACpBmB,EAAeK,GAEnBP,EAAgBO,EACpB,CAYO,MAAA,CACHvB,UAXcwB,EAAa,CAC3Bd,KAAAA,EACAjB,SAAAA,EACAoB,gBAAAA,EACAjB,QAAAA,EACAU,QAAAA,EACAP,OAAQF,EACRiB,eAAAA,EACAC,gBAAAA,IAIA9B,aAAcA,EAAawC,KAAK,KAAMvC,GACtCS,aAAcA,EAAa8B,KAAK,KAAM,CAClC7B,QAAAA,EACAC,YAAAA,EACAC,oBAAAA,IAEJO,gBAAiBA,EAAgBoB,KAAK,KAAM,CACxCnB,QAAAA,EACAT,YAAAA,EACAC,oBAAAA,IAEJA,oBAAAA,EAER"}

package/build/es/components/datepicker/internal/utils.d.ts

@@ -0,0 +1,167 @@
+import { default as React } from 'react';
+import { ValuePair } from '../../../utilities/valuePair.js';
+import { YearsToShow } from '../types.js';
+export declare function composeEventHandlers(...fns: Array<React.MouseEventHandler | undefined>): (event: React.MouseEvent) => boolean;
+/**
+ * Takes a calendars array and figures out the number of months to subtract
+ * based on the current offset and the minDate allowed.
+ * @param {Object} param The param object
+ * @param {Array} param.calendars The calendars array created by the getCalendars function
+ * @param {Number} param.offset The num of months to be subtracted
+ * @param {Date} param.minDate The earliest date we are allow to subtract back to
+ * @returns {Number} The number of months to subtract
+ */
+export declare function subtractMonth({ calendars, offset, minDate, }: {
+    calendars: CalendarMonth[];
+    offset: number;
+    minDate?: Date;
+}): number;
+export declare const DEFAULT_YEARS_TO_SHOW = 3;
+/**
+ * Generates an array of year strings for a year selector component, with min and max dates taken into account.
+ *
+ * @param {number} currentYear - The current year to center the list around
+ * @param {Date | undefined} [minDate] - The minimum date to include in the list of years
+ * @param {Date | undefined} [maxDate] - The maximum date to include in the list of years
+ *
+ * @returns {string[]} - An array of year strings, starting from the earliest year specified by minDate or currentYear - 3, and ending at the latest year specified by maxDate or currentYear + 3
+ */
+export declare function getYearSelectOptions(currentYear: number, minDate: Date | undefined, maxDate: Date | undefined, yearsToShow: YearsToShow): string[];
+/**
+ * Returns an array of months that are allowed for selection in the current year based on the minimum and maximum dates.
+ * @param {number} currentYear The current year
+ * @param {string[]} monthNames An array of strings representing the month names
+ * @param {Date | undefined} minDate The minimum date that is allowed for selection
+ * @param {Date | undefined} maxDate The maximum date that is allowed for selection
+ * @returns {ValuePair[]} An array of ValuePairs representing the months that are allowed for selection in the current year
+ */
+export declare function getMonthSelectOptions(currentYear: number, monthNames: string[], minDate: Date | undefined, maxDate: Date | undefined): ValuePair[];
+/**s
+ * Takes a calendars array and figures out the number of months to add
+ * based on the current offset and the maxDate allowed.
+ * @param {Object} param The param object
+ * @param {Array} param.calendars The calendars array created by the getCalendars function
+ * @param {Number} param.offset The num of months to be added
+ * @param {Date} param.maxDate The furthest date we are allow to add forward to
+ * @returns {Number} The number of months to add
+ */
+export declare function addMonth({ calendars, offset, maxDate, }: {
+    calendars: CalendarMonth[];
+    offset: number;
+    maxDate?: Date;
+}): number;
+/**
+ * Takes a calendars array and figures out if the back button should be
+ * disabled based on the minDate allowed.
+ * @param {Object} param The param object
+ * @param {Array} param.calendars The calendars array created by the getCalendars function
+ * @param {Date} param.minDate The earliest date available
+ * @returns {Boolean} Whether the back button should be disabled.
+ */
+export declare function isBackDisabled({ calendars, minDate }: {
+    calendars: CalendarMonth[];
+    minDate?: Date;
+}): boolean;
+/**
+ * Takes a calendars array and figures out if the forward button should be
+ * disabled based on the maxDate allowed.
+ * @param {Object} param The param object
+ * @param {Array} param.calendars The calendars array created by the getCalendars function
+ * @param {Date} param.maxDate The furthest date available
+ * @returns {Boolean} Whether the forward button should be disabled.
+ */
+export declare function isForwardDisabled({ calendars, maxDate }: {
+    calendars: CalendarMonth[];
+    maxDate?: Date;
+}): boolean;
+type GetCalendarProps = {
+    /**  The date to start the calendar at */
+    date: Date;
+    /** Date or dates currently selected. */
+    selected?: Date | Date[];
+    /**  The earliest date available */
+    minDate?: Date;
+    /**  The earliest date available */
+    maxDate?: Date;
+    /** The number of months to return in the calendar view */
+    monthsToDisplay: number;
+    /** The number of months to offset based off the param.date given  */
+    offset: number;
+    /** First day of week, 0-6 (Sunday to Saturday) */
+    firstDayOfWeek: number;
+    /** Flag to fill front and back weeks with dates from adjacent months */
+    showOutsideDays: boolean;
+};
+/**
+ * Figures out the months data needed based off the number of monthsToDisplay
+ * and other options provided.
+ * @param {Object} param The param object
+ * @param {Date} param.date The date to start the calendar at
+ * @param {Array.<Date>} param.selected An array of dates currently selected
+ * @param {Number} param.monthsToDisplay The number of months to return in the calendar view
+ * @param {Number} param.offset The number of months to offset based off the param.date given
+ * @param {Date} param.minDate The earliest date available
+ * @param {Date} param.maxDate The furthest date available
+ * @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)
+ * @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months
+ * @returns {Array.<Object>} An array of objects with month data
+ */
+export declare function getCalendars({ date, selected, monthsToDisplay, offset, minDate, maxDate, firstDayOfWeek, showOutsideDays, }: GetCalendarProps): CalendarMonth[];
+export type CalendarMonth = {
+    firstDayOfMonth: Date;
+    lastDayOfMonth: Date;
+    month: number;
+    year: number;
+    weeks: CalendarWeek[];
+};
+export type CalendarWeek = CalendarDay[];
+export type CalendarDay = DateInfo | string;
+export type DateInfo = {
+    date: Date;
+    selected: boolean;
+    selectable: boolean;
+    today: boolean;
+    prevMonth: boolean;
+    nextMonth: boolean;
+};
+/**
+ * Check if two Date objects represent the same day
+ *
+ * @param date1 first Date to compare
+ * @param date2 second Date to compare
+ */
+export declare function isSameDay(date1: Date, date2: Date): boolean;
+/**
+ * Check if the date has changed from the previous date
+ *
+ * @param date First date to compare
+ * @param newDate Second date to compare
+ */
+export declare function dateHasChanged(date: Date | undefined, newDate: Date): boolean;
+/**
+ * Check if a given date is outside a given range
+ *
+ * @param date Input date
+ * @param rangeStart Dates before this date should be disabled
+ * @param rangeEnd Dates after this date should be disabled
+ */
+export declare function dateIsOutsideRange(date: Date, rangeStart: Date | undefined, rangeEnd: Date | undefined): boolean;
+/**
+ * Get the correct initial date for initiating the datepicker reducer store
+ *
+ * @param value Value from props
+ * @param initialDate Initial date from porps
+ * @param disableDate Function for checking whether the date should be disabled
+ */
+export declare function getInitialDate(value: string | undefined, defaultValue: string | undefined, minDate: Date | undefined, maxDate: Date | undefined): Date | null;
+/**
+ * Get the initial date to show in the calendar
+ *
+ * @param date The date set in the DatePicker (from props)
+ * @param defaultSelected The defaultSelected prop from DatePicker
+ * @param minDate The earliest selectable date, from props
+ * @param maxDate The latest selectable date, from props
+ * @returns The date to show in the calendar
+ */
+export declare function getInitialDateShown(date: Date | null, defaultSelected: Date | undefined, minDate: Date | undefined, maxDate: Date | undefined): Date;
+export {};