@fremtind/jokul 3.5.2 → 3.6.0

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

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{c as a}from"../../../clsx-BeLtu-UY.js";import{startOfDay as r}from"date-fns";import{forwardRef as o,useState as n,useRef as l,useCallback as s}from"react";import{flushSync as i}from"react-dom";import{IconButton as u}from"../icon-button/IconButton.js";import{CalendarIcon as d}from"../icon/icons/CalendarIcon.js";import{InputGroup as c}from"../input-group/InputGroup.js";import{Popover as p}from"../popover/Popover.js";import{BaseTextInput as m}from"../text-input/BaseTextInput.js";import{Calendar as f}from"./internal/Calendar.js";import{getInitialDate as v}from"./internal/utils.js";import{parseDateString as h,formatInput as b}from"./utils.js";import{isWithinLowerBound as k,isWithinUpperBound as D}from"./validation.js";const g=o((o,g)=>{const{"data-testautoid":y,id:j,className:L="",label:w="Velg dato",labelProps:C,defaultValue:I,defaultShow:x=!1,value:P,disableBeforeDate:B,disableAfterDate:_,yearsToShow:E,name:O,helpLabel:T,errorLabel:N,invalid:S,density:R,days:U,months:V,monthLabel:F,yearLabel:K,placeholder:W="dd.mm.åååå",width:A="11.25rem",onChange:G,onBlur:q,onFocus:H,onKeyDown:M,action:z,showCalendarLabel:J="Åpne kalender",hideCalendarLabel:Q="Lukk kalender",supportLabelProps:X,tooltip:Y,textInputProps:Z,description:$,...ee}=o;"production"!==process.env.NODE_ENV&&P&&I&&console.warn("DatePicker må enten være controlled eller uncontrolled. Hvis du bruker defaultValue og value sammen vil defaultValue bli ignorert.");const te=h(B),ae=te?r(te):void 0,re=h(_),oe=re?r(re):void 0,[ne,le]=n(v(P,I,ae,oe)),[se,ie]=n(null),[ue,de]=n(x),ce=l(null),pe=l(null),me=l(null),fe=l(null),ve=s(e=>{fe.current=e,g&&("function"==typeof g?g(e):g.current=e)},[g]),he=s(e=>{H&&pe.current&&(pe.current.contains(e.relatedTarget)||H(e,ne,{error:se,value:e.target.value}))},[H,ne,se]),be=s(e=>{q&&q(e,ne,{error:se,value:e.target.value})},[q,ne,se]),ke=s(e=>{"Escape"===e.key&&(de(!1),e.preventDefault(),e.stopPropagation()),z?.onKeyDown&&z.onKeyDown(e)},[z]),De=s(e=>{let t=null,a=null;if(e.target.value){const r=h(e.target.value);r?ae&&!k(r,ae)?a="OUTSIDE_LOWER_BOUND":oe&&!D(r,oe)?a="OUTSIDE_UPPER_BOUND":de(!1):a="WRONG_FORMAT",t=r||null}ie(a),le(t),G&&G(e,t,{error:a,value:e.target.value})},[G,ae,oe]),ge=s(e=>{i(()=>{de(!ue)});const t=ce.current,a=t&&t.querySelector('[aria-pressed="true"]');window.requestAnimationFrame(()=>a?.focus()),z?.onClick&&z.onClick(e)},[ue,z]),ye=s(({date:e})=>{if(de(!1),le(e),fe.current){const t=fe.current;t.value=b(e);const a=document.createEvent("HTMLEvents");a.initEvent("input",!0,!1),t.dispatchEvent(a),t.focus(),G&&G(a,e,{error:null,value:t.value})}},[G]),je=s(e=>{e.preventDefault(),de(!1),me.current?.focus()},[]);return e(c,{id:j,className:a("jkl-datepicker",L),...ee,ref:pe,label:w,labelProps:C,density:R,helpLabel:T,errorLabel:N,supportLabelProps:X,tooltip:Y,description:$,render:a=>e(m,{"data-focused":ue?"true":void 0,ref:ve,"data-testid":"jkl-datepicker__input","data-testautoid":y,className:"jkl-datepicker__input",name:O,defaultValue:I,density:R,value:P,type:"text",placeholder:W,width:A,onFocus:he,onBlur:be,onChange:De,actionButton:t(p,{positionReference:fe,open:ue,onOpenChange:()=>de(!ue),offset:8,children:[e(p.Trigger,{...z,"data-testid":"jkl-datepicker__trigger",className:"jkl-text-input-action-button",title:ue?Q:J,tabIndex:0,onClick:ge,onKeyDown:ke,asChild:!0,children:e(u,{children:e(d,{})})}),e(p.Content,{initialFocus:-1,padding:24,children:e(f,{ref:ce,density:R,date:ne,minDate:ae,maxDate:oe,days:U,months:V,monthLabel:F,yearLabel:K,yearsToShow:E,onDateSelected:ye,onTabOutside:je})})]}),...Z,...a,"aria-invalid":S||!!N})})});g.displayName="DatePicker";export{g as DatePicker};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{c as a}from"../../../clsx-BeLtu-UY.js";import{d as r,g as o}from"../../../utils-CcE6HjQp.js";import{forwardRef as n,useState as l,useRef as s,useCallback as i}from"react";import{flushSync as u}from"react-dom";import{IconButton as d}from"../icon-button/IconButton.js";import{CalendarIcon as c}from"../icon/icons/CalendarIcon.js";import{InputGroup as p}from"../input-group/InputGroup.js";import{Popover as m}from"../popover/Popover.js";import{BaseTextInput as f}from"../text-input/BaseTextInput.js";import{Calendar as v}from"./internal/Calendar.js";import{parseDateString as h,formatInput as b}from"./utils.js";import{isWithinLowerBound as k,isWithinUpperBound as y}from"./validation.js";const D=n((n,D)=>{const{"data-testautoid":g,id:j,className:L="",label:w="Velg dato",labelProps:C,defaultValue:x,defaultShow:I=!1,value:P,disableBeforeDate:B,disableAfterDate:O,yearsToShow:_,name:E,helpLabel:T,errorLabel:N,invalid:S,density:R,days:U,months:V,monthLabel:F,yearLabel:K,placeholder:W="dd.mm.åååå",width:A="11.25rem",onChange:G,onBlur:q,onFocus:H,onKeyDown:M,action:z,showCalendarLabel:J="Åpne kalender",hideCalendarLabel:Q="Lukk kalender",supportLabelProps:X,tooltip:Y,textInputProps:Z,description:$,...ee}=n;"production"!==process.env.NODE_ENV&&P&&x&&console.warn("DatePicker må enten være controlled eller uncontrolled. Hvis du bruker defaultValue og value sammen vil defaultValue bli ignorert.");const te=h(B),ae=te?r(te).startOf("day").toDate():void 0,re=h(O),oe=re?r(re).startOf("day").toDate():void 0,[ne,le]=l(o(P,x,ae,oe)),[se,ie]=l(null),[ue,de]=l(I),ce=s(null),pe=s(null),me=s(null),fe=s(null),ve=i(e=>{fe.current=e,D&&("function"==typeof D?D(e):D.current=e)},[D]),he=i(e=>{H&&pe.current&&(pe.current.contains(e.relatedTarget)||H(e,ne,{error:se,value:e.target.value}))},[H,ne,se]),be=i(e=>{q&&q(e,ne,{error:se,value:e.target.value})},[q,ne,se]),ke=i(e=>{"Escape"===e.key&&(de(!1),e.preventDefault(),e.stopPropagation()),z?.onKeyDown&&z.onKeyDown(e)},[z]),ye=i(e=>{let t=null,a=null;if(e.target.value){const r=h(e.target.value);r?ae&&!k(r,ae)?a="OUTSIDE_LOWER_BOUND":oe&&!y(r,oe)?a="OUTSIDE_UPPER_BOUND":de(!1):a="WRONG_FORMAT",t=r||null}ie(a),le(t),G&&G(e,t,{error:a,value:e.target.value})},[G,ae,oe]),De=i(e=>{u(()=>{de(!ue)});const t=ce.current,a=t&&t.querySelector('[aria-pressed="true"]');window.requestAnimationFrame(()=>a?.focus()),z?.onClick&&z.onClick(e)},[ue,z]),ge=i(({date:e})=>{if(de(!1),le(e),fe.current){const t=fe.current;t.value=b(e);const a=document.createEvent("HTMLEvents");a.initEvent("input",!0,!1),t.dispatchEvent(a),t.focus(),G&&G(a,e,{error:null,value:t.value})}},[G]),je=i(e=>{e.preventDefault(),de(!1),me.current?.focus()},[]);return e(p,{id:j,className:a("jkl-datepicker",L),...ee,ref:pe,label:w,labelProps:C,density:R,helpLabel:T,errorLabel:N,supportLabelProps:X,tooltip:Y,description:$,render:a=>e(f,{"data-focused":ue?"true":void 0,ref:ve,"data-testid":"jkl-datepicker__input","data-testautoid":g,className:"jkl-datepicker__input",name:E,defaultValue:x,density:R,value:P,type:"text",placeholder:W,width:A,onFocus:he,onBlur:be,onChange:ye,actionButton:t(m,{positionReference:fe,open:ue,onOpenChange:()=>de(!ue),offset:8,children:[e(m.Trigger,{...z,"data-testid":"jkl-datepicker__trigger",className:"jkl-text-input-action-button",title:ue?Q:J,tabIndex:0,onClick:De,onKeyDown:ke,asChild:!0,children:e(d,{children:e(c,{})})}),e(m.Content,{initialFocus:-1,padding:24,children:e(v,{ref:ce,density:R,date:ne,minDate:ae,maxDate:oe,days:U,months:V,monthLabel:F,yearLabel:K,yearsToShow:_,onDateSelected:ge,onTabOutside:je})})]}),...Z,...a,"aria-invalid":S||!!N})})});D.displayName="DatePicker";export{D as DatePicker};
 //# sourceMappingURL=DatePicker.js.map

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    type ChangeEvent,\n    type FocusEvent,\n    type KeyboardEvent,\n    type MouseEvent,\n    forwardRef,\n    useCallback,\n    useRef,\n    useState,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { IconButton } from \"../icon-button/IconButton.js\";\nimport { CalendarIcon } from \"../icon/icons/CalendarIcon.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 { type DateInfo, getInitialDate } from \"./internal/utils.js\";\nimport type { DatePickerProps, DateValidationError } from \"./types.js\";\nimport { formatInput, parseDateString } from \"./utils.js\";\nimport { isWithinLowerBound, isWithinUpperBound } from \"./validation.js\";\n\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(\n    (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            tooltip,\n            textInputProps,\n            description,\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\n            ? startOfDay(disableBeforeDate)\n            : undefined;\n        const disableAfterDate = parseDateString(disableAfter);\n        const maxDate = disableAfterDate\n            ? startOfDay(disableAfterDate)\n            : undefined;\n\n        const [date, setDate] = useState(\n            getInitialDate(value, defaultValue, minDate, maxDate),\n        );\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            [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(\n                    e.relatedTarget as Node,\n                );\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            [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, {\n                        error: nextError,\n                        value: e.target.value,\n                    });\n                }\n            },\n            [onChange, 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 =\n                    calendarEl &&\n                    (calendarEl.querySelector(\n                        '[aria-pressed=\"true\"]',\n                    ) 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?.focus());\n\n                if (action?.onClick) {\n                    action.onClick(e);\n                }\n            },\n            [showCalendar, action],\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(\n                            event as unknown as ChangeEvent<HTMLInputElement>,\n                            date,\n                            {\n                                error: null,\n                                value: node.value,\n                            },\n                        );\n                    }\n                }\n            },\n            [onChange],\n        );\n\n        const handleTabOutsideCalendar = useCallback((e: KeyboardEvent) => {\n            e.preventDefault();\n            setShowCalendar(false);\n            iconButtonRef.current?.focus();\n        }, []);\n\n        return (\n            <InputGroup\n                id={id}\n                className={clsx(\"jkl-datepicker\", className)}\n                {...rest}\n                ref={datepickerRef}\n                label={label}\n                labelProps={labelProps}\n                density={density}\n                helpLabel={helpLabel}\n                errorLabel={errorLabel}\n                supportLabelProps={supportLabelProps}\n                tooltip={tooltip}\n                description={description}\n                render={(inputProps) => (\n                    <BaseTextInput\n                        data-focused={showCalendar ? \"true\" : undefined}\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={() =>\n                                    setShowCalendar(!showCalendar)\n                                }\n                                offset={8}\n                            >\n                                <Popover.Trigger\n                                    {...action}\n                                    data-testid=\"jkl-datepicker__trigger\"\n                                    className=\"jkl-text-input-action-button\"\n                                    title={\n                                        showCalendar\n                                            ? hideCalendarLabel\n                                            : showCalendarLabel\n                                    }\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                        {...textInputProps}\n                        {...inputProps}\n                        aria-invalid={invalid || !!errorLabel}\n                    />\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","tooltip","textInputProps","description","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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"}
+{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/datepicker/DatePicker.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport dayjs from \"dayjs\";\nimport React, {\n    type ChangeEvent,\n    type FocusEvent,\n    type KeyboardEvent,\n    type MouseEvent,\n    forwardRef,\n    useCallback,\n    useRef,\n    useState,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { IconButton } from \"../icon-button/IconButton.js\";\nimport { CalendarIcon } from \"../icon/icons/CalendarIcon.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 { type DateInfo, getInitialDate } from \"./internal/utils.js\";\nimport type { DatePickerProps, DateValidationError } from \"./types.js\";\nimport { formatInput, parseDateString } from \"./utils.js\";\nimport { isWithinLowerBound, isWithinUpperBound } from \"./validation.js\";\n\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(\n    (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            tooltip,\n            textInputProps,\n            description,\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\n            ? dayjs(disableBeforeDate).startOf(\"day\").toDate()\n            : undefined;\n        const disableAfterDate = parseDateString(disableAfter);\n        const maxDate = disableAfterDate\n            ? dayjs(disableAfterDate).startOf(\"day\").toDate()\n            : undefined;\n\n        const [date, setDate] = useState(\n            getInitialDate(value, defaultValue, minDate, maxDate),\n        );\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            [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(\n                    e.relatedTarget as Node,\n                );\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            [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, {\n                        error: nextError,\n                        value: e.target.value,\n                    });\n                }\n            },\n            [onChange, 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 =\n                    calendarEl &&\n                    (calendarEl.querySelector(\n                        '[aria-pressed=\"true\"]',\n                    ) 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?.focus());\n\n                if (action?.onClick) {\n                    action.onClick(e);\n                }\n            },\n            [showCalendar, action],\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(\n                            event as unknown as ChangeEvent<HTMLInputElement>,\n                            date,\n                            {\n                                error: null,\n                                value: node.value,\n                            },\n                        );\n                    }\n                }\n            },\n            [onChange],\n        );\n\n        const handleTabOutsideCalendar = useCallback((e: KeyboardEvent) => {\n            e.preventDefault();\n            setShowCalendar(false);\n            iconButtonRef.current?.focus();\n        }, []);\n\n        return (\n            <InputGroup\n                id={id}\n                className={clsx(\"jkl-datepicker\", className)}\n                {...rest}\n                ref={datepickerRef}\n                label={label}\n                labelProps={labelProps}\n                density={density}\n                helpLabel={helpLabel}\n                errorLabel={errorLabel}\n                supportLabelProps={supportLabelProps}\n                tooltip={tooltip}\n                description={description}\n                render={(inputProps) => (\n                    <BaseTextInput\n                        data-focused={showCalendar ? \"true\" : undefined}\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={() =>\n                                    setShowCalendar(!showCalendar)\n                                }\n                                offset={8}\n                            >\n                                <Popover.Trigger\n                                    {...action}\n                                    data-testid=\"jkl-datepicker__trigger\"\n                                    className=\"jkl-text-input-action-button\"\n                                    title={\n                                        showCalendar\n                                            ? hideCalendarLabel\n                                            : showCalendarLabel\n                                    }\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                        {...textInputProps}\n                        {...inputProps}\n                        aria-invalid={invalid || !!errorLabel}\n                    />\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","tooltip","textInputProps","description","rest","process","env","NODE_ENV","console","warn","parseDateString","minDate","dayjs","startOf","toDate","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/internal/Calendar.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a,useReducer as n,useEffect as r,useCallback as l,useRef as o}from"react";import{flushSync as s}from"react-dom";import{useId as d}from"../../../hooks/useId/useId.js";import{Button as c}from"../../button/Button.js";import{ArrowLeftIcon as i}from"../../icon/icons/ArrowLeftIcon.js";import{ArrowRightIcon as u}from"../../icon/icons/ArrowRightIcon.js";import{ChevronDownIcon as h}from"../../icon/icons/ChevronDownIcon.js";import{calendarReducer as m,calendarInitializer as g}from"./calendarReducer.js";import{useCalendar as f}from"./useCalendar.js";import{DEFAULT_YEARS_TO_SHOW as b,getInitialDateShown as p,isBackDisabled as v,subtractMonth as D,isForwardDisabled as k,addMonth as j,getYearSelectOptions as w,getMonthSelectOptions as y}from"./utils.js";const M=["Januar","Februar","Mars","April","Mai","Juni","Juli","August","September","Oktober","November","Desember"],S=["man","tir","ons","tor","fre","lør","søn"],F=a((a,F)=>{const{date:A,defaultSelected:_,density:N,minDate:$,maxDate:E,days:Y=S,months:x=M,monthLabel:O="Velg måned",yearLabel:C="Velg år",yearsToShow:I=b,onTabOutside:T,...R}=a,L=d("jkl-calendar"),[{offset:q,selectedDate:B,shownDate:K},J]=n(m,p(A,_,$,E),g),P=K.getMonth(),U=K.getFullYear();r(()=>{J({type:"SET_SELECTED_DATE",newDate:p(A,_,$,E)})},[A,_,$,E]);const V=l(e=>{J({type:"SET_OFFSET",newOffset:e})},[]),{calendars:W,getBackProps:z,getDateProps:H,getForwardProps:G,handleOffsetChanged:Q}=f({date:B,selected:B,minDate:$,maxDate:E,offset:q,onOffsetChanged:V,firstDayOfWeek:1,...R}),X=o(null),Z=l(e=>{if(!X.current)return;const t=document.activeElement,a=X.current.querySelectorAll('button.jkl-calendar-date-button:not([data-adjacent="true"]'),n=async e=>{t?.setAttribute("tabindex","-1"),e.setAttribute("tabindex","0"),e.focus()};a.forEach((r,l)=>{const o=l+e;if(r===t)if(o<=a.length-1&&o>=0)n(a[o]);else if(e<0){if(v({calendars:W,minDate:$})||(s(()=>{Q(q-D({calendars:W,offset:1,minDate:$}))}),!X.current))return;const e=X.current.querySelectorAll('button.jkl-calendar-date-button:not([data-adjacent="true"]');e[e.length+o]&&(e[0].setAttribute("tabindex","-1"),n(e[e.length+o]))}else{if(k({calendars:W,maxDate:E})||(s(()=>{Q(q+j({calendars:W,offset:1,maxDate:E}))}),!X.current))return;const e=X.current.querySelectorAll('button.jkl-calendar-date-button:not([data-adjacent="true"]');e[o-a.length]&&(e[0].setAttribute("tabindex","-1"),n(e[o-a.length]))}})},[Q,q,W,E,$]),ee=l(e=>{switch(e.key){case"ArrowUp":Z(-7),e.preventDefault();break;case"ArrowRight":Z(1),e.preventDefault();break;case"ArrowDown":Z(7),e.preventDefault();break;case"ArrowLeft":Z(-1),e.preventDefault()}},[Z]),te=l(e=>{if("Tab"!==e.key)return;const t=X.current?.querySelectorAll('button:not([disabled]):not([tabindex="-1"]), select');if(!t)return;const a=t[0],n=t[t.length-1];e.shiftKey||document.activeElement!==n?e.shiftKey&&document.activeElement===a&&(n.focus(),e.preventDefault()):(a.focus(),e.preventDefault())},[]),ae=l(e=>{const{date:t,selected:a,selectable:n,prevMonth:r,nextMonth:l}=e;return!!n&&!(!a&&t.toString()!==$?.toString()&&(r||l||K.getFullYear()!==t.getFullYear()||B.getMonth()===t.getMonth()||1!==t.getDate()))},[K,$,B]),ne=l(()=>{$&&K.getFullYear()-$.getFullYear()===0&&K.getMonth()-$.getMonth()===1?document.querySelector(`[data-testid="${L}-forward-button"]`)?.focus():E&&E.getFullYear()-K.getFullYear()===0&&E.getMonth()-K.getMonth()===1&&document.querySelector(`[data-testid="${L}-back-button"]`)?.focus()},[$,E,K,L]),re=l(e=>{if(4!==e.target.value.length)return;const t=Number.parseInt(e.target.value);if(Number.isNaN(t))return;let a=12*(t-K.getFullYear());const n=new Date(K.getFullYear(),K.getMonth()+a,K.getDate());E&&E.getFullYear()===n.getFullYear()&&E.getMonth()<n.getMonth()?a-=n.getMonth()-E.getMonth():$&&$.getFullYear()===n.getFullYear()&&$.getMonth()>n.getMonth()&&(a+=$.getMonth()-n.getMonth()),J({type:"ADD_OFFSET",addedOffset:a})},[K,$,E]),le=l(e=>{if(!B&&!A)return;const t=K.getFullYear()-(B||new Date).getFullYear(),a=Number.parseInt(e.target.value)-(B||new Date).getMonth();J({type:"SET_OFFSET",newOffset:12*t+a})},[B,A,K]),oe=w(U,$,E,I),se=y(U,x,$,E);return e("div",{ref:F,id:L,className:"jkl-calendar","data-testid":"jkl-calendar",children:t("div",{className:"jkl-calendar__padding",ref:X,onKeyDown:te,children:[t("fieldset",{className:"jkl-calendar-navigation",children:[t("div",{children:[e(c,{...z({calendars:W,onClick:ne}),"data-testid":`${L}-back-button`,variant:"ghost",icon:e(i,{variant:"medium",bold:!0})}),e(c,{...G({calendars:W,onClick:ne}),variant:"ghost","data-testid":`${L}-forward-button`,icon:e(u,{variant:"medium",bold:!0})})]}),t("div",{children:[t("div",{className:"jkl-calendar-navigation-dropdown",children:[e("select",{onChange:le,className:"jkl-calendar-navigation-dropdown__select","aria-label":O,value:P.toString(),children:se.map(({label:t,value:a})=>e("option",{value:a,children:t},a))}),e(h,{bold:!0,className:"jkl-calendar-navigation-dropdown__chevron"})]}),t("div",{className:"jkl-calendar-navigation-dropdown",children:[e("select",{onChange:re,className:"jkl-calendar-navigation-dropdown__select","aria-label":C,value:U.toString(),children:oe.map(t=>e("option",{value:t,children:t},t))}),e(h,{bold:!0,className:"jkl-calendar-navigation-dropdown__chevron"})]})]})]}),W.map(a=>t("table",{className:"jkl-calendar-table","data-testid":"jkl-datepicker-calendar",children:[t("caption",{className:"jkl-sr-only",children:[x[a.month],", ",a.year]}),e("thead",{children:e("tr",{children:Y.map(t=>e("th",{children:t},`${a.month}${a.year}${t}`))})}),e("tbody",{"data-testid":"jkl-datepicker-dates",children:a.weeks.map((t,n)=>e("tr",{children:t.map((t,r)=>{const l=`${a.month}${a.year}${n}${r}`;if("string"==typeof t)return e("td",{className:"jkl-calendar__date jkl-calendar__date--empty",children:t},l);const{date:o,selectable:s,today:d,prevMonth:c,nextMonth:i}=t;return e("td",{children:e("button",{...H({dateObj:t}),type:"button",className:"jkl-calendar-date-button",tabIndex:ae(t)?0:-1,"aria-label":`${o.getDate()}. ${x[o.getMonth()].toLowerCase()}`,"aria-current":d?"date":void 0,"data-adjacent":c||i?"true":void 0,disabled:!s,onKeyDown:ee,children:e("span",{"aria-hidden":"true",children:o.getDate()})})},l)})},`${a.month}${a.year}${n}`))})]},`${a.month}${a.year}`))]})})});F.displayName="Calendar";export{F as Calendar};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a,useReducer as n,useEffect as r,useCallback as l,useRef as o}from"react";import{flushSync as s}from"react-dom";import{useId as d}from"../../../hooks/useId/useId.js";import{Button as c}from"../../button/Button.js";import{ArrowLeftIcon as i}from"../../icon/icons/ArrowLeftIcon.js";import{ArrowRightIcon as u}from"../../icon/icons/ArrowRightIcon.js";import{ChevronDownIcon as h}from"../../icon/icons/ChevronDownIcon.js";import{calendarReducer as m,calendarInitializer as f}from"./calendarReducer.js";import{useCalendar as g}from"./useCalendar.js";import{D as b,a as p,i as v,s as k,b as j,c as D,e as y,f as w}from"../../../../utils-CcE6HjQp.js";const M=["Januar","Februar","Mars","April","Mai","Juni","Juli","August","September","Oktober","November","Desember"],F=["man","tir","ons","tor","fre","lør","søn"],S=a((a,S)=>{const{date:A,defaultSelected:N,density:_,minDate:$,maxDate:x,days:C=F,months:E=M,monthLabel:Y="Velg måned",yearLabel:I="Velg år",yearsToShow:O=b,onTabOutside:T,...R}=a,L=d("jkl-calendar"),[{offset:q,selectedDate:K,shownDate:B},J]=n(m,p(A,N,$,x),f),P=B.getMonth(),V=B.getFullYear();r(()=>{J({type:"SET_SELECTED_DATE",newDate:p(A,N,$,x)})},[A,N,$,x]);const z=l(e=>{J({type:"SET_OFFSET",newOffset:e})},[]),{calendars:U,getBackProps:W,getDateProps:G,getForwardProps:H,handleOffsetChanged:Q}=g({date:K,selected:K,minDate:$,maxDate:x,offset:q,onOffsetChanged:z,firstDayOfWeek:1,...R}),X=o(null),Z=l(e=>{if(!X.current)return;const t=document.activeElement,a=X.current.querySelectorAll('button.jkl-calendar-date-button:not([data-adjacent="true"]'),n=async e=>{t?.setAttribute("tabindex","-1"),e.setAttribute("tabindex","0"),e.focus()};a.forEach((r,l)=>{const o=l+e;if(r===t)if(o<=a.length-1&&o>=0)n(a[o]);else if(e<0){if(v({calendars:U,minDate:$})||(s(()=>{Q(q-k({calendars:U,offset:1,minDate:$}))}),!X.current))return;const e=X.current.querySelectorAll('button.jkl-calendar-date-button:not([data-adjacent="true"]');e[e.length+o]&&(e[0].setAttribute("tabindex","-1"),n(e[e.length+o]))}else{if(j({calendars:U,maxDate:x})||(s(()=>{Q(q+D({calendars:U,offset:1,maxDate:x}))}),!X.current))return;const e=X.current.querySelectorAll('button.jkl-calendar-date-button:not([data-adjacent="true"]');e[o-a.length]&&(e[0].setAttribute("tabindex","-1"),n(e[o-a.length]))}})},[Q,q,U,x,$]),ee=l(e=>{switch(e.key){case"ArrowUp":Z(-7),e.preventDefault();break;case"ArrowRight":Z(1),e.preventDefault();break;case"ArrowDown":Z(7),e.preventDefault();break;case"ArrowLeft":Z(-1),e.preventDefault()}},[Z]),te=l(e=>{if("Tab"!==e.key)return;const t=X.current?.querySelectorAll('button:not([disabled]):not([tabindex="-1"]), select');if(!t)return;const a=t[0],n=t[t.length-1];e.shiftKey||document.activeElement!==n?e.shiftKey&&document.activeElement===a&&(n.focus(),e.preventDefault()):(a.focus(),e.preventDefault())},[]),ae=l(e=>{const{date:t,selected:a,selectable:n,prevMonth:r,nextMonth:l}=e;return!!n&&!(!a&&t.toString()!==$?.toString()&&(r||l||B.getFullYear()!==t.getFullYear()||K.getMonth()===t.getMonth()||1!==t.getDate()))},[B,$,K]),ne=l(()=>{$&&B.getFullYear()-$.getFullYear()===0&&B.getMonth()-$.getMonth()===1?document.querySelector(`[data-testid="${L}-forward-button"]`)?.focus():x&&x.getFullYear()-B.getFullYear()===0&&x.getMonth()-B.getMonth()===1&&document.querySelector(`[data-testid="${L}-back-button"]`)?.focus()},[$,x,B,L]),re=l(e=>{if(4!==e.target.value.length)return;const t=Number.parseInt(e.target.value);if(Number.isNaN(t))return;let a=12*(t-B.getFullYear());const n=new Date(B.getFullYear(),B.getMonth()+a,B.getDate());x&&x.getFullYear()===n.getFullYear()&&x.getMonth()<n.getMonth()?a-=n.getMonth()-x.getMonth():$&&$.getFullYear()===n.getFullYear()&&$.getMonth()>n.getMonth()&&(a+=$.getMonth()-n.getMonth()),J({type:"ADD_OFFSET",addedOffset:a})},[B,$,x]),le=l(e=>{if(!K&&!A)return;const t=B.getFullYear()-(K||new Date).getFullYear(),a=Number.parseInt(e.target.value)-(K||new Date).getMonth();J({type:"SET_OFFSET",newOffset:12*t+a})},[K,A,B]),oe=y(V,$,x,O),se=w(V,E,$,x);return e("div",{ref:S,id:L,className:"jkl-calendar","data-testid":"jkl-calendar",children:t("div",{className:"jkl-calendar__padding",ref:X,onKeyDown:te,children:[t("fieldset",{className:"jkl-calendar-navigation",children:[t("div",{children:[e(c,{...W({calendars:U,onClick:ne}),"data-testid":`${L}-back-button`,variant:"ghost",icon:e(i,{variant:"medium",bold:!0})}),e(c,{...H({calendars:U,onClick:ne}),variant:"ghost","data-testid":`${L}-forward-button`,icon:e(u,{variant:"medium",bold:!0})})]}),t("div",{children:[t("div",{className:"jkl-calendar-navigation-dropdown",children:[e("select",{onChange:le,className:"jkl-calendar-navigation-dropdown__select","aria-label":Y,value:P.toString(),children:se.map(({label:t,value:a})=>e("option",{value:a,children:t},a))}),e(h,{bold:!0,className:"jkl-calendar-navigation-dropdown__chevron"})]}),t("div",{className:"jkl-calendar-navigation-dropdown",children:[e("select",{onChange:re,className:"jkl-calendar-navigation-dropdown__select","aria-label":I,value:V.toString(),children:oe.map(t=>e("option",{value:t,children:t},t))}),e(h,{bold:!0,className:"jkl-calendar-navigation-dropdown__chevron"})]})]})]}),U.map(a=>t("table",{className:"jkl-calendar-table","data-testid":"jkl-datepicker-calendar",children:[t("caption",{className:"jkl-sr-only",children:[E[a.month],", ",a.year]}),e("thead",{children:e("tr",{children:C.map(t=>e("th",{children:t},`${a.month}${a.year}${t}`))})}),e("tbody",{"data-testid":"jkl-datepicker-dates",children:a.weeks.map((t,n)=>e("tr",{children:t.map((t,r)=>{const l=`${a.month}${a.year}${n}${r}`;if("string"==typeof t)return e("td",{className:"jkl-calendar__date jkl-calendar__date--empty",children:t},l);const{date:o,selectable:s,today:d,prevMonth:c,nextMonth:i}=t;return e("td",{children:e("button",{...G({dateObj:t}),type:"button",className:"jkl-calendar-date-button",tabIndex:ae(t)?0:-1,"aria-label":`${o.getDate()}. ${E[o.getMonth()].toLowerCase()}`,"aria-current":d?"date":void 0,"data-adjacent":c||i?"true":void 0,disabled:!s,onKeyDown:ee,children:e("span",{"aria-hidden":"true",children:o.getDate()})})},l)})},`${a.month}${a.year}${n}`))})]},`${a.month}${a.year}`))]})})});S.displayName="Calendar";export{S 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, {\n    forwardRef,\n    useCallback,\n    useEffect,\n    useReducer,\n    useRef,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\nimport type { Density } from \"../../../core/types.js\";\nimport { useId } from \"../../../hooks/useId/useId.js\";\nimport { Button } from \"../../button/Button.js\";\nimport { ArrowLeftIcon } from \"../../icon/icons/ArrowLeftIcon.js\";\nimport { ArrowRightIcon } from \"../../icon/icons/ArrowRightIcon.js\";\nimport { ChevronDownIcon } from \"../../icon/icons/ChevronDownIcon.js\";\nimport type { YearsToShow } from \"../types.js\";\nimport { calendarInitializer, calendarReducer } from \"./calendarReducer.js\";\nimport { type UseCalendarProps, useCalendar } from \"./useCalendar.js\";\nimport {\n    DEFAULT_YEARS_TO_SHOW,\n    type DateInfo,\n    addMonth,\n    getInitialDateShown,\n    getMonthSelectOptions,\n    getYearSelectOptions,\n    isBackDisabled,\n    isForwardDisabled,\n    subtractMonth,\n} from \"./utils.js\";\n\ninterface CalendarProps\n    extends Omit<\n        UseCalendarProps,\n        \"date\" | \"onOffsetChanged\" | \"offset\" | \"firstDayOfWeek\" | \"selected\"\n    > {\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>(\n    (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(\n                    date,\n                    defaultSelected,\n                    minDate,\n                    maxDate,\n                ),\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 {\n            calendars,\n            getBackProps,\n            getDateProps,\n            getForwardProps,\n            handleOffsetChanged,\n        } = 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 =\n                    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 (\n                            newNodeKey <= buttons.length - 1 &&\n                            newNodeKey >= 0\n                        ) {\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(\n                                    offset -\n                                        subtractMonth({\n                                            calendars,\n                                            offset: 1,\n                                            minDate,\n                                        }),\n                                );\n                            });\n                            if (!calendarPaddingRef.current) {\n                                return;\n                            }\n                            const newButtons =\n                                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(\n                                    newButtons[newButtons.length + newNodeKey],\n                                );\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(\n                                    offset +\n                                        addMonth({\n                                            calendars,\n                                            offset: 1,\n                                            maxDate,\n                                        }),\n                                );\n                            });\n                            if (!calendarPaddingRef.current) {\n                                return;\n                            }\n                            const newButtons =\n                                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(\n                                    newButtons[newNodeKey - buttons.length],\n                                );\n                            }\n                        }\n                    }\n                });\n            },\n            [handleOffsetChanged, 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(\n            (event) => {\n                if (event.key !== \"Tab\") return;\n\n                const focusableElements =\n                    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 =\n                    focusableElements[focusableElements.length - 1];\n\n                if (!event.shiftKey && document.activeElement === lastElement) {\n                    firstElement.focus();\n                    event.preventDefault();\n                } else if (\n                    event.shiftKey &&\n                    document.activeElement === firstElement\n                ) {\n                    lastElement.focus();\n                    event.preventDefault();\n                }\n            },\n            [],\n        );\n\n        const isFocusableDate = useCallback(\n            (dateInfo: DateInfo) => {\n                const { date, selected, selectable, prevMonth, nextMonth } =\n                    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\n                    .querySelector<HTMLButtonElement>(\n                        `[data-testid=\"${id}-forward-button\"]`,\n                    )\n                    ?.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\n                    .querySelector<HTMLButtonElement>(\n                        `[data-testid=\"${id}-back-button\"]`,\n                    )\n                    ?.focus();\n            }\n        }, [minDate, maxDate, shownDate, id]);\n\n        /// Extended variant events\n\n        const handleYearChange = useCallback<\n            React.ChangeEventHandler<HTMLSelectElement>\n        >(\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(\n                    shownDate.getFullYear(),\n                    shownDate.getMonth() + offset,\n                    shownDate.getDate(),\n                );\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<\n            React.ChangeEventHandler<HTMLSelectElement>\n        >(\n            (event) => {\n                if (!selectedDate && !date) {\n                    return;\n                }\n\n                const yearDiff =\n                    shownDate.getFullYear() -\n                    (selectedDate || new Date()).getFullYear();\n                const monthDiff =\n                    Number.parseInt(event.target.value) -\n                    (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(\n            shownYear,\n            minDate,\n            maxDate,\n            yearsToShow,\n        );\n        const monthSelectOptions = getMonthSelectOptions(\n            shownYear,\n            months,\n            minDate,\n            maxDate,\n        );\n\n        return (\n            <div\n                ref={ref}\n                id={id}\n                className=\"jkl-calendar\"\n                data-testid=\"jkl-calendar\"\n            >\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\n                    className=\"jkl-calendar__padding\"\n                    ref={calendarPaddingRef}\n                    onKeyDown={handleTabInside}\n                >\n                    <fieldset className=\"jkl-calendar-navigation\">\n                        <div>\n                            <Button\n                                {...getBackProps({\n                                    calendars,\n                                    onClick: handleGotoEdgeMonth,\n                                })}\n                                data-testid={`${id}-back-button`}\n                                variant=\"ghost\"\n                                icon={<ArrowLeftIcon variant=\"medium\" bold />}\n                            />\n                            <Button\n                                {...getForwardProps({\n                                    calendars,\n                                    onClick: handleGotoEdgeMonth,\n                                })}\n                                variant=\"ghost\"\n                                data-testid={`${id}-forward-button`}\n                                icon={<ArrowRightIcon variant=\"medium\" bold />}\n                            />\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(\n                                        ({ label, value }) => (\n                                            <option key={value} value={value}>\n                                                {label}\n                                            </option>\n                                        ),\n                                    )}\n                                </select>\n                                <ChevronDownIcon\n                                    bold\n                                    className=\"jkl-calendar-navigation-dropdown__chevron\"\n                                />\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\n                                    bold\n                                    className=\"jkl-calendar-navigation-dropdown__chevron\"\n                                />\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\n                                            key={`${calendar.month}${calendar.year}${weekday}`}\n                                        >\n                                            {weekday}\n                                        </th>\n                                    ))}\n                                </tr>\n                            </thead>\n                            <tbody data-testid=\"jkl-datepicker-dates\">\n                                {calendar.weeks.map((week, weekIndex) => (\n                                    <tr\n                                        key={`${calendar.month}${calendar.year}${weekIndex}`}\n                                    >\n                                        {week.map((dateInfo, index) => {\n                                            const key = `${calendar.month}${calendar.year}${weekIndex}${index}`;\n                                            if (typeof dateInfo === \"string\") {\n                                                return (\n                                                    <td\n                                                        className=\"jkl-calendar__date jkl-calendar__date--empty\"\n                                                        key={key}\n                                                    >\n                                                        {dateInfo}\n                                                    </td>\n                                                );\n                                            }\n                                            const {\n                                                date,\n                                                selectable,\n                                                today,\n                                                prevMonth,\n                                                nextMonth,\n                                            } = 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={\n                                                            isFocusableDate(\n                                                                dateInfo,\n                                                            )\n                                                                ? 0\n                                                                : -1\n                                                        }\n                                                        aria-label={`${date.getDate()}. ${months[\n                                                            date.getMonth()\n                                                        ].toLowerCase()}`}\n                                                        aria-current={\n                                                            today\n                                                                ? \"date\"\n                                                                : undefined\n                                                        }\n                                                        data-adjacent={\n                                                            prevMonth ||\n                                                            nextMonth\n                                                                ? \"true\"\n                                                                : undefined\n                                                        }\n                                                        disabled={!selectable}\n                                                        onKeyDown={\n                                                            handleArrowNavigation\n                                                        }\n                                                    >\n                                                        <span aria-hidden=\"true\">\n                                                            {date.getDate()}\n                                                        </span>\n                                                    </button>\n                                                </td>\n                                            );\n                                        })}\n                                    </tr>\n                                ))}\n                            </tbody>\n                        </table>\n                    ))}\n                </div>\n            </div>\n        );\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","firstElement","lastElement","shiftKey","isFocusableDate","dateInfo","selectable","prevMonth","nextMonth","toString","getDate","handleGotoEdgeMonth","querySelector","handleYearChange","target","value","year","Number","parseInt","isNaN","expectedDate","Date","addedOffset","handleMonthChange","yearDiff","monthDiff","yearSelectOptions","getYearSelectOptions","monthSelectOptions","getMonthSelectOptions","jsx","className","children","jsxs","onKeyDown","Button","onClick","variant","icon","ArrowLeftIcon","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, {\n    forwardRef,\n    useCallback,\n    useEffect,\n    useReducer,\n    useRef,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\nimport type { Density } from \"../../../core/types.js\";\nimport { useId } from \"../../../hooks/useId/useId.js\";\nimport { Button } from \"../../button/Button.js\";\nimport { ArrowLeftIcon } from \"../../icon/icons/ArrowLeftIcon.js\";\nimport { ArrowRightIcon } from \"../../icon/icons/ArrowRightIcon.js\";\nimport { ChevronDownIcon } from \"../../icon/icons/ChevronDownIcon.js\";\nimport type { YearsToShow } from \"../types.js\";\nimport { calendarInitializer, calendarReducer } from \"./calendarReducer.js\";\nimport { type UseCalendarProps, useCalendar } from \"./useCalendar.js\";\nimport {\n    DEFAULT_YEARS_TO_SHOW,\n    type DateInfo,\n    addMonth,\n    getInitialDateShown,\n    getMonthSelectOptions,\n    getYearSelectOptions,\n    isBackDisabled,\n    isForwardDisabled,\n    subtractMonth,\n} from \"./utils.js\";\n\ninterface CalendarProps\n    extends Omit<\n        UseCalendarProps,\n        \"date\" | \"onOffsetChanged\" | \"offset\" | \"firstDayOfWeek\" | \"selected\"\n    > {\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>(\n    (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(\n                    date,\n                    defaultSelected,\n                    minDate,\n                    maxDate,\n                ),\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 {\n            calendars,\n            getBackProps,\n            getDateProps,\n            getForwardProps,\n            handleOffsetChanged,\n        } = 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 =\n                    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 (\n                            newNodeKey <= buttons.length - 1 &&\n                            newNodeKey >= 0\n                        ) {\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(\n                                    offset -\n                                        subtractMonth({\n                                            calendars,\n                                            offset: 1,\n                                            minDate,\n                                        }),\n                                );\n                            });\n                            if (!calendarPaddingRef.current) {\n                                return;\n                            }\n                            const newButtons =\n                                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(\n                                    newButtons[newButtons.length + newNodeKey],\n                                );\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(\n                                    offset +\n                                        addMonth({\n                                            calendars,\n                                            offset: 1,\n                                            maxDate,\n                                        }),\n                                );\n                            });\n                            if (!calendarPaddingRef.current) {\n                                return;\n                            }\n                            const newButtons =\n                                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(\n                                    newButtons[newNodeKey - buttons.length],\n                                );\n                            }\n                        }\n                    }\n                });\n            },\n            [handleOffsetChanged, 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(\n            (event) => {\n                if (event.key !== \"Tab\") return;\n\n                const focusableElements =\n                    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 =\n                    focusableElements[focusableElements.length - 1];\n\n                if (!event.shiftKey && document.activeElement === lastElement) {\n                    firstElement.focus();\n                    event.preventDefault();\n                } else if (\n                    event.shiftKey &&\n                    document.activeElement === firstElement\n                ) {\n                    lastElement.focus();\n                    event.preventDefault();\n                }\n            },\n            [],\n        );\n\n        const isFocusableDate = useCallback(\n            (dateInfo: DateInfo) => {\n                const { date, selected, selectable, prevMonth, nextMonth } =\n                    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\n                    .querySelector<HTMLButtonElement>(\n                        `[data-testid=\"${id}-forward-button\"]`,\n                    )\n                    ?.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\n                    .querySelector<HTMLButtonElement>(\n                        `[data-testid=\"${id}-back-button\"]`,\n                    )\n                    ?.focus();\n            }\n        }, [minDate, maxDate, shownDate, id]);\n\n        /// Extended variant events\n\n        const handleYearChange = useCallback<\n            React.ChangeEventHandler<HTMLSelectElement>\n        >(\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(\n                    shownDate.getFullYear(),\n                    shownDate.getMonth() + offset,\n                    shownDate.getDate(),\n                );\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<\n            React.ChangeEventHandler<HTMLSelectElement>\n        >(\n            (event) => {\n                if (!selectedDate && !date) {\n                    return;\n                }\n\n                const yearDiff =\n                    shownDate.getFullYear() -\n                    (selectedDate || new Date()).getFullYear();\n                const monthDiff =\n                    Number.parseInt(event.target.value) -\n                    (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(\n            shownYear,\n            minDate,\n            maxDate,\n            yearsToShow,\n        );\n        const monthSelectOptions = getMonthSelectOptions(\n            shownYear,\n            months,\n            minDate,\n            maxDate,\n        );\n\n        return (\n            <div\n                ref={ref}\n                id={id}\n                className=\"jkl-calendar\"\n                data-testid=\"jkl-calendar\"\n            >\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\n                    className=\"jkl-calendar__padding\"\n                    ref={calendarPaddingRef}\n                    onKeyDown={handleTabInside}\n                >\n                    <fieldset className=\"jkl-calendar-navigation\">\n                        <div>\n                            <Button\n                                {...getBackProps({\n                                    calendars,\n                                    onClick: handleGotoEdgeMonth,\n                                })}\n                                data-testid={`${id}-back-button`}\n                                variant=\"ghost\"\n                                icon={<ArrowLeftIcon variant=\"medium\" bold />}\n                            />\n                            <Button\n                                {...getForwardProps({\n                                    calendars,\n                                    onClick: handleGotoEdgeMonth,\n                                })}\n                                variant=\"ghost\"\n                                data-testid={`${id}-forward-button`}\n                                icon={<ArrowRightIcon variant=\"medium\" bold />}\n                            />\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(\n                                        ({ label, value }) => (\n                                            <option key={value} value={value}>\n                                                {label}\n                                            </option>\n                                        ),\n                                    )}\n                                </select>\n                                <ChevronDownIcon\n                                    bold\n                                    className=\"jkl-calendar-navigation-dropdown__chevron\"\n                                />\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\n                                    bold\n                                    className=\"jkl-calendar-navigation-dropdown__chevron\"\n                                />\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\n                                            key={`${calendar.month}${calendar.year}${weekday}`}\n                                        >\n                                            {weekday}\n                                        </th>\n                                    ))}\n                                </tr>\n                            </thead>\n                            <tbody data-testid=\"jkl-datepicker-dates\">\n                                {calendar.weeks.map((week, weekIndex) => (\n                                    <tr\n                                        key={`${calendar.month}${calendar.year}${weekIndex}`}\n                                    >\n                                        {week.map((dateInfo, index) => {\n                                            const key = `${calendar.month}${calendar.year}${weekIndex}${index}`;\n                                            if (typeof dateInfo === \"string\") {\n                                                return (\n                                                    <td\n                                                        className=\"jkl-calendar__date jkl-calendar__date--empty\"\n                                                        key={key}\n                                                    >\n                                                        {dateInfo}\n                                                    </td>\n                                                );\n                                            }\n                                            const {\n                                                date,\n                                                selectable,\n                                                today,\n                                                prevMonth,\n                                                nextMonth,\n                                            } = 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={\n                                                            isFocusableDate(\n                                                                dateInfo,\n                                                            )\n                                                                ? 0\n                                                                : -1\n                                                        }\n                                                        aria-label={`${date.getDate()}. ${months[\n                                                            date.getMonth()\n                                                        ].toLowerCase()}`}\n                                                        aria-current={\n                                                            today\n                                                                ? \"date\"\n                                                                : undefined\n                                                        }\n                                                        data-adjacent={\n                                                            prevMonth ||\n                                                            nextMonth\n                                                                ? \"true\"\n                                                                : undefined\n                                                        }\n                                                        disabled={!selectable}\n                                                        onKeyDown={\n                                                            handleArrowNavigation\n                                                        }\n                                                    >\n                                                        <span aria-hidden=\"true\">\n                                                            {date.getDate()}\n                                                        </span>\n                                                    </button>\n                                                </td>\n                                            );\n                                        })}\n                                    </tr>\n                                ))}\n                            </tbody>\n                        </table>\n                    ))}\n                </div>\n            </div>\n        );\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","firstElement","lastElement","shiftKey","isFocusableDate","dateInfo","selectable","prevMonth","nextMonth","toString","getDate","handleGotoEdgeMonth","querySelector","handleYearChange","target","value","year","Number","parseInt","isNaN","expectedDate","Date","addedOffset","handleMonthChange","yearDiff","monthDiff","yearSelectOptions","getYearSelectOptions","monthSelectOptions","getMonthSelectOptions","jsx","className","children","jsxs","onKeyDown","Button","onClick","variant","icon","ArrowLeftIcon","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.js

@@ -1,2 +1,2 @@
-import{startOfDay as e}from"date-fns";import{useState as a}from"react";import{getCalendars as t,isForwardDisabled as n,composeEventHandlers as s,isBackDisabled as o,subtractMonth as d,addMonth as f}from"./utils.js";function l(e){return void 0!==e}function r(e,{onClick:a,dateObj:t}){return{onClick:s(a,a=>{e(t,a)}),disabled:!t.selectable,"aria-pressed":t.selected,role:"button"}}function i({minDate:e,offsetMonth:a,handleOffsetChanged:t},{onClick:n,offset:f=1,calendars:l}){const r=`Gå tilbake ${f} måned${1===f?"":"er"}`;return{onClick:s(n,()=>{t(a-d({calendars:l,offset:f,minDate:e}))}),disabled:o({calendars:l,minDate:e}),"aria-label":r,title:r}}function c({maxDate:e,offsetMonth:a,handleOffsetChanged:t},{onClick:o,offset:d=1,calendars:l}){const r=`Gå frem ${d} måned${1===d?"":"er"}`;return{onClick:s(o,()=>{t(a+f({calendars:l,offset:d,maxDate:e}))}),disabled:n({calendars:l,maxDate:e}),"aria-label":r,title:r}}function m({date:n=e(new Date),maxDate:s,minDate:o,monthsToDisplay:d=1,firstDayOfWeek:f=0,showOutsideDays:m=!0,offset:D,onDateSelected:u,onOffsetChanged:h,selected:b}){const[C,O]=a(0),k=function(e,a){return l(e)?e:a}(D,C);function p(e){l(D)||O(e),h(e)}return{calendars:t({date:n,selected:b,monthsToDisplay:d,minDate:o,maxDate:s,offset:k,firstDayOfWeek:f,showOutsideDays:m}),getDateProps:r.bind(null,u),getBackProps:i.bind(null,{minDate:o,offsetMonth:k,handleOffsetChanged:p}),getForwardProps:c.bind(null,{maxDate:s,offsetMonth:k,handleOffsetChanged:p}),handleOffsetChanged:p}}export{m as useCalendar};
+import{h as e,d as a,b as t,j as n,i as s,s as o,c as f}from"../../../../utils-CcE6HjQp.js";import{useState as l}from"react";function d(e){return void 0!==e}function i(e,{onClick:a,dateObj:t}){return{onClick:n(a,a=>{e(t,a)}),disabled:!t.selectable,"aria-pressed":t.selected,role:"button"}}function r({minDate:e,offsetMonth:a,handleOffsetChanged:t},{onClick:f,offset:l=1,calendars:d}){const i=`Gå tilbake ${l} måned${1===l?"":"er"}`;return{onClick:n(f,()=>{t(a-o({calendars:d,offset:l,minDate:e}))}),disabled:s({calendars:d,minDate:e}),"aria-label":i,title:i}}function c({maxDate:e,offsetMonth:a,handleOffsetChanged:s},{onClick:o,offset:l=1,calendars:d}){const i=`Gå frem ${l} måned${1===l?"":"er"}`;return{onClick:n(o,()=>{s(a+f({calendars:d,offset:l,maxDate:e}))}),disabled:t({calendars:d,maxDate:e}),"aria-label":i,title:i}}function u({date:t=a().startOf("day").toDate(),maxDate:n,minDate:s,monthsToDisplay:o=1,firstDayOfWeek:f=0,showOutsideDays:u=!0,offset:m,onDateSelected:D,onOffsetChanged:h,selected:b}){const[C,O]=l(0),k=function(e,a){return d(e)?e:a}(m,C);function g(e){d(m)||O(e),h(e)}return{calendars:e({date:t,selected:b,monthsToDisplay:o,minDate:s,maxDate:n,offset:k,firstDayOfWeek:f,showOutsideDays:u}),getDateProps:i.bind(null,D),getBackProps:r.bind(null,{minDate:s,offsetMonth:k,handleOffsetChanged:g}),getForwardProps:c.bind(null,{maxDate:n,offsetMonth:k,handleOffsetChanged:g}),handleOffsetChanged:g}}export{u as useCalendar};
 //# sourceMappingURL=useCalendar.js.map

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    type CalendarMonth,\n    type DateInfo,\n    addMonth,\n    composeEventHandlers,\n    getCalendars,\n    isBackDisabled,\n    isForwardDisabled,\n    subtractMonth,\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(\n    onDateSelected: BoundGetDateProps,\n    { onClick, dateObj }: GetDateProps,\n): 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(\n                offsetMonth - subtractMonth({ calendars, offset, minDate }),\n            );\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(\n                offsetMonth + addMonth({ calendars, offset, maxDate }),\n            );\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 = (\n    props: GetForwardProps,\n) => 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,EACLC,GACEC,QAAAA,EAASC,QAAAA,IAEX,MAAO,CACHD,QAASE,EAAqBF,EAAUG,IACpCJ,EAAeE,EAASE,KAE5BC,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,OAC/D,MAAO,CACHZ,QAASE,EAAqBF,EAAS,KACnCW,EACID,EAAcK,EAAc,CAAEF,UAAAA,EAAWD,OAAAA,EAAQH,QAAAA,OAGzDL,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,OAC5D,MAAO,CACHZ,QAASE,EAAqBF,EAAS,KACnCW,EACID,EAAcU,EAAS,CAAEP,UAAAA,EAAWD,OAAAA,EAAQO,QAAAA,OAGpDf,SAAUiB,EAAkB,CAAER,UAAAA,EAAWM,QAAAA,IACzC,aAAcL,EACdG,MAAOH,EAEf,CA8BO,SAASQ,GACZC,KAAAA,EAAOC,EAAW,IAAIC,MACtBN,QAAAA,EACAV,QAAAA,EACAiB,gBAAAA,EAAkB,EAClBC,eAAAA,EAAiB,EACjBC,gBAAAA,GAAkB,EAClBhB,OAAAA,EACAb,eAAAA,EACA8B,gBAAAA,EACAvB,SAAAA,IAEA,MAAOwB,EAAaC,GAAkBC,EAAS,GACzCtB,EAjJV,SAAmBuB,EAAcC,GAC7B,OAAOtC,EAAmBqC,GAAQA,EAAOC,CAC7C,CA+IwBC,CAAUvB,EAAQkB,GAEtC,SAASnB,EAAoByB,GACpBxC,EAAmBgB,IACpBmB,EAAeK,GAEnBP,EAAgBO,EACpB,CAYA,MAAO,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":["import dayjs from \"dayjs\";\n/***\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 React, { useState } from \"react\";\nimport {\n    type CalendarMonth,\n    type DateInfo,\n    addMonth,\n    composeEventHandlers,\n    getCalendars,\n    isBackDisabled,\n    isForwardDisabled,\n    subtractMonth,\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(\n    onDateSelected: BoundGetDateProps,\n    { onClick, dateObj }: GetDateProps,\n): 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(\n                offsetMonth - subtractMonth({ calendars, offset, minDate }),\n            );\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(\n                offsetMonth + addMonth({ calendars, offset, maxDate }),\n            );\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 = (\n    props: GetForwardProps,\n) => 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 = dayjs().startOf(\"day\").toDate(),\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","dayjs","startOf","toDate","monthsToDisplay","firstDayOfWeek","showOutsideDays","onOffsetChanged","stateOffset","setStateOffset","useState","prop","state","getOffset","newOffset","getCalendars","bind"],"mappings":"6HAoCA,SAASA,EAAmBC,GACxB,YAAsB,IAAfA,CACX,CAoBA,SAASC,EACLC,GACEC,QAAAA,EAASC,QAAAA,IAEX,MAAO,CACHD,QAASE,EAAqBF,EAAUG,IACpCJ,EAAeE,EAASE,KAE5BC,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,OAC/D,MAAO,CACHZ,QAASE,EAAqBF,EAAS,KACnCW,EACID,EAAcK,EAAc,CAAEF,UAAAA,EAAWD,OAAAA,EAAQH,QAAAA,OAGzDL,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,OAC5D,MAAO,CACHZ,QAASE,EAAqBF,EAAS,KACnCW,EACID,EAAcU,EAAS,CAAEP,UAAAA,EAAWD,OAAAA,EAAQO,QAAAA,OAGpDf,SAAUiB,EAAkB,CAAER,UAAAA,EAAWM,QAAAA,IACzC,aAAcL,EACdG,MAAOH,EAEf,CA8BO,SAASQ,GACZC,KAAAA,EAAOC,IAAQC,QAAQ,OAAOC,SAC9BP,QAAAA,EACAV,QAAAA,EACAkB,gBAAAA,EAAkB,EAClBC,eAAAA,EAAiB,EACjBC,gBAAAA,GAAkB,EAClBjB,OAAAA,EACAb,eAAAA,EACA+B,gBAAAA,EACAxB,SAAAA,IAEA,MAAOyB,EAAaC,GAAkBC,EAAS,GACzCvB,EAjJV,SAAmBwB,EAAcC,GAC7B,OAAOvC,EAAmBsC,GAAQA,EAAOC,CAC7C,CA+IwBC,CAAUxB,EAAQmB,GAEtC,SAASpB,EAAoB0B,GACpBzC,EAAmBgB,IACpBoB,EAAeK,GAEnBP,EAAgBO,EACpB,CAYA,MAAO,CACHxB,UAXcyB,EAAa,CAC3Bf,KAAAA,EACAjB,SAAAA,EACAqB,gBAAAA,EACAlB,QAAAA,EACAU,QAAAA,EACAP,OAAQF,EACRkB,eAAAA,EACAC,gBAAAA,IAIA/B,aAAcA,EAAayC,KAAK,KAAMxC,GACtCS,aAAcA,EAAa+B,KAAK,KAAM,CAClC9B,QAAAA,EACAC,YAAAA,EACAC,oBAAAA,IAEJO,gBAAiBA,EAAgBqB,KAAK,KAAM,CACxCpB,QAAAA,EACAT,YAAAA,EACAC,oBAAAA,IAEJA,oBAAAA,EAER"}

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

@@ -1,2 +1,2 @@
-import{addDays as t,isBefore as e,startOfDay as n,isToday as a,differenceInCalendarMonths as s}from"date-fns";import"react";import{parseDateString as r}from"../utils.js";function o(...t){return e=>t.some(t=>(t?.(e),e.defaultPrevented))}function l({calendars:t,offset:e,minDate:n}){if(e>1&&n){const{firstDayOfMonth:a}=t[0],r=s(a,n);r<e&&(e=r)}return e}const i=3;function u(t,e,n,a){if(e&&e.getFullYear()>t)return[e.getFullYear().toString()];if(n&&n.getFullYear()<t)return[n.getFullYear().toString()];let s,r,o=!1;"all"===a?(o=!0,s=3,r=3):(s="number"==typeof a?a:a.previous,r="number"==typeof a?a:a.coming);let l=t-s;if(e){const t=o?e.getFullYear():l;l=Math.max(e.getFullYear(),t)}let i=t+r;if(n){const t=o?n.getFullYear():i;i=Math.min(n.getFullYear(),t)}const u=Math.max(i-l+1,1);return[...Array(u).keys()].map(t=>t+l).map(t=>t.toString())}function f(t,e,n,a){const s=n?.getFullYear()||t,r=void 0===n?.getMonth()?0:n.getMonth(),o=a?.getFullYear()||t,l=void 0===a?.getMonth()?11:a.getMonth();let i=0,u=11;return s===t&&(i=r),o===t&&(u=l),e.map((t,e)=>({value:e.toString(),label:t})).filter(({value:t})=>Number.parseInt(t)>=i&&Number.parseInt(t)<=u)}function c({calendars:t,offset:e,maxDate:n}){if(e>1&&n){const{lastDayOfMonth:a}=t[t.length-1],r=s(n,a);r<e&&(e=r)}return e}function D({calendars:n,minDate:a}){if(!a)return!1;const{firstDayOfMonth:s}=n[0],r=t(s,-1);return!!e(r,a)}function h({calendars:n,maxDate:a}){if(!a)return!1;const{lastDayOfMonth:s}=n[n.length-1],r=t(s,1);return!!e(a,r)}function d({date:t,selected:a,monthsToDisplay:s,offset:r,minDate:o,maxDate:l,firstDayOfWeek:i,showOutsideDays:u}){const f=[],c=function(t,a,s){let r=n(t);if(a){const t=n(a);e(r,t)&&(r=t)}if(s){const t=n(s);e(t,r)&&(r=t)}return r}(t,o,l);for(let t=0;t<s;t++){const e=g({month:c.getMonth()+t+r,year:c.getFullYear(),selectedDates:a,minDate:o,maxDate:l,firstDayOfWeek:i,showOutsideDays:u});f.push(e)}return f}function g({month:e,year:n,selectedDates:s,minDate:r,maxDate:o,firstDayOfWeek:l,showOutsideDays:i}){const u=function(t,e){const n=new Date(e,t,1),a=n.getMonth(),s=n.getFullYear();return{daysInMonth:32-new Date(s,a,32).getDate(),month:a,year:s}}(e,n),f=u.daysInMonth;e=u.month,n=u.year;const c=[];for(let t=1;t<=f;t++){const l=new Date(n,e,t),i={date:l,selected:y(s,l),selectable:m(r,o,l),today:a(l),prevMonth:!1,nextMonth:!1};c.push(i)}const D=new Date(n,e,1),h=new Date(n,e,f),d=function({firstDayOfMonth:e,minDate:n,maxDate:a,selectedDates:s,firstDayOfWeek:r,showOutsideDays:o}){const l=[];let i=(e.getDay()+7-r)%7;if(o){const r=t(e,-1),o=r.getDate(),u=r.getMonth(),f=r.getFullYear();let c=0;for(;c<i;){const t=new Date(f,u,o-c),e={date:t,selected:y(s,t),selectable:m(n,a,t),today:!1,prevMonth:!0,nextMonth:!1};l.unshift(e),c++}}else for(;i>0;)l.unshift(""),i--;return l}({firstDayOfMonth:D,minDate:r,maxDate:o,selectedDates:s,firstDayOfWeek:l,showOutsideDays:i}),g=function({lastDayOfMonth:e,minDate:n,maxDate:a,selectedDates:s,firstDayOfWeek:r,showOutsideDays:o}){const l=[];let i=(e.getDay()+7-r)%7;if(o){const r=t(e,1),o=r.getMonth(),u=r.getFullYear();let f=0;for(;f<6-i;){const t=new Date(u,o,1+f),e={date:t,selected:y(s,t),selectable:m(n,a,t),today:!1,prevMonth:!1,nextMonth:!0};l.push(e),f++}}else for(;i<6;)l.push(""),i++;return l}({lastDayOfMonth:h,minDate:r,maxDate:o,selectedDates:s,firstDayOfWeek:l,showOutsideDays:i});c.unshift(...d),c.push(...g);const M=function(t){const e=Math.ceil(t.length/7),n=[];for(let a=0;a<e;a++){n[a]=[];for(let e=0;e<7;e++)n[a].push(t[7*a+e])}return n}(c);return{firstDayOfMonth:D,lastDayOfMonth:h,month:e,year:n,weeks:M}}function y(t,e){return!!t&&(Array.isArray(t)?t:[t]).some(t=>t instanceof Date&&n(t).getTime()===n(e).getTime())}function m(t,n,a){return!(t&&e(a,t)||n&&e(n,a))}function M(t,e){return t.getDate()===e.getDate()&&t.getMonth()===e.getMonth()&&t.getFullYear()===e.getFullYear()}function O(t,e){return!t||!M(t,e)}function p(t,e,n){return!!(n&&t>n||e&&t<e)}function w(t,e,n,a){const s=r(t),o=r(e);return s?p(s,n,a)?null:s:o?p(o,n,a)?null:o:null}function F(t,e,n,a){let s=t||e||new Date;return n&&(s=n>s?n:s),a&&(s=a<s?a:s),s}export{i as DEFAULT_YEARS_TO_SHOW,c as addMonth,o as composeEventHandlers,O as dateHasChanged,p as dateIsOutsideRange,d as getCalendars,w as getInitialDate,F as getInitialDateShown,f as getMonthSelectOptions,u as getYearSelectOptions,D as isBackDisabled,h as isForwardDisabled,M as isSameDay,l as subtractMonth};
+import{D as a,c as s,j as t,l as e,m as i,h as o,g as n,a as r,f as d,e as l,i as c,b as g,k as m,s as p}from"../../../../utils-CcE6HjQp.js";import"react";import"../utils.js";export{a as DEFAULT_YEARS_TO_SHOW,s as addMonth,t as composeEventHandlers,e as dateHasChanged,i as dateIsOutsideRange,o as getCalendars,n as getInitialDate,r as getInitialDateShown,d as getMonthSelectOptions,l as getYearSelectOptions,c as isBackDisabled,g as isForwardDisabled,m as isSameDay,p as subtractMonth};
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/datepicker/internal/utils.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 */\n\nimport {\n    addDays,\n    differenceInCalendarMonths,\n    isBefore,\n    isToday,\n    startOfDay,\n} from \"date-fns\";\nimport React from \"react\";\nimport type { ValuePair } from \"../../../utilities/valuePair.js\";\nimport type { YearsToShow } from \"../types.js\";\nimport { parseDateString } from \"../utils.js\";\n\nexport function composeEventHandlers(\n    ...fns: Array<React.MouseEventHandler | undefined>\n) {\n    return (event: React.MouseEvent) =>\n        fns.some((fn) => {\n            fn?.(event);\n            return event.defaultPrevented;\n        });\n}\n\n/**\n * Takes a calendars array and figures out the number of months to subtract\n * based on the current offset and the minDate allowed.\n * @param {Object} param The param object\n * @param {Array} param.calendars The calendars array created by the getCalendars function\n * @param {Number} param.offset The num of months to be subtracted\n * @param {Date} param.minDate The earliest date we are allow to subtract back to\n * @returns {Number} The number of months to subtract\n */\nexport function subtractMonth({\n    calendars,\n    offset,\n    minDate,\n}: {\n    calendars: CalendarMonth[];\n    offset: number;\n    minDate?: Date;\n}): number {\n    if (offset > 1 && minDate) {\n        const { firstDayOfMonth } = calendars[0];\n        const diffInMonths = differenceInCalendarMonths(\n            firstDayOfMonth,\n            minDate,\n        );\n        if (diffInMonths < offset) {\n            offset = diffInMonths;\n        }\n    }\n    return offset;\n}\n\nexport const DEFAULT_YEARS_TO_SHOW = 3;\n\n/**\n * Generates an array of year strings for a year selector component, with min and max dates taken into account.\n *\n * @param {number} currentYear - The current year to center the list around\n * @param {Date | undefined} [minDate] - The minimum date to include in the list of years\n * @param {Date | undefined} [maxDate] - The maximum date to include in the list of years\n *\n * @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\n */\nexport function getYearSelectOptions(\n    currentYear: number,\n    minDate: Date | undefined,\n    maxDate: Date | undefined,\n    yearsToShow: YearsToShow,\n): string[] {\n    if (minDate && minDate.getFullYear() > currentYear) {\n        return [minDate.getFullYear().toString()];\n    }\n\n    if (maxDate && maxDate.getFullYear() < currentYear) {\n        return [maxDate.getFullYear().toString()];\n    }\n\n    let showAllYears = false;\n    let previousYearsToShow: number;\n    let comingYearsToShow: number;\n\n    if (yearsToShow === \"all\") {\n        showAllYears = true;\n        previousYearsToShow = DEFAULT_YEARS_TO_SHOW;\n        comingYearsToShow = DEFAULT_YEARS_TO_SHOW;\n    } else {\n        previousYearsToShow =\n            typeof yearsToShow === \"number\"\n                ? yearsToShow\n                : yearsToShow.previous;\n        comingYearsToShow =\n            typeof yearsToShow === \"number\" ? yearsToShow : yearsToShow.coming;\n    }\n\n    let startYear = currentYear - previousYearsToShow;\n    if (minDate) {\n        const earliestStartYear = showAllYears\n            ? minDate.getFullYear()\n            : startYear;\n        startYear = Math.max(minDate.getFullYear(), earliestStartYear);\n    }\n\n    let endYear = currentYear + comingYearsToShow;\n    if (maxDate) {\n        const latestEndYear = showAllYears ? maxDate.getFullYear() : endYear;\n        endYear = Math.min(maxDate.getFullYear(), latestEndYear);\n    }\n\n    // Sørg for å alltid vise minst ett år\n    const numYears = Math.max(endYear - startYear + 1, 1);\n\n    const range = [...Array(numYears).keys()].map((x) => x + startYear);\n    const stringRange = range.map((item) => item.toString());\n\n    return stringRange;\n}\n\n/**\n * Returns an array of months that are allowed for selection in the current year based on the minimum and maximum dates.\n * @param {number} currentYear The current year\n * @param {string[]} monthNames An array of strings representing the month names\n * @param {Date | undefined} minDate The minimum date that is allowed for selection\n * @param {Date | undefined} maxDate The maximum date that is allowed for selection\n * @returns {ValuePair[]} An array of ValuePairs representing the months that are allowed for selection in the current year\n */\nexport function getMonthSelectOptions(\n    currentYear: number,\n    monthNames: string[],\n    minDate: Date | undefined,\n    maxDate: Date | undefined,\n): ValuePair[] {\n    const minDateYear = minDate?.getFullYear() || currentYear;\n    const minDateMonth =\n        minDate?.getMonth() === undefined ? 0 : minDate.getMonth();\n    const maxDateYear = maxDate?.getFullYear() || currentYear;\n    const maxDateMonth =\n        maxDate?.getMonth() === undefined ? 11 : maxDate.getMonth();\n\n    let startMonth = 0;\n    let endMonth = 11;\n\n    if (minDateYear === currentYear) {\n        startMonth = minDateMonth;\n    }\n    if (maxDateYear === currentYear) {\n        endMonth = maxDateMonth;\n    }\n\n    const filteredMonths = monthNames\n        .map((month, index) => ({\n            value: index.toString(),\n            label: month,\n        }))\n        .filter(\n            ({ value }) =>\n                Number.parseInt(value) >= startMonth &&\n                Number.parseInt(value) <= endMonth,\n        );\n\n    return filteredMonths;\n}\n\n/**s\n * Takes a calendars array and figures out the number of months to add\n * based on the current offset and the maxDate allowed.\n * @param {Object} param The param object\n * @param {Array} param.calendars The calendars array created by the getCalendars function\n * @param {Number} param.offset The num of months to be added\n * @param {Date} param.maxDate The furthest date we are allow to add forward to\n * @returns {Number} The number of months to add\n */\nexport function addMonth({\n    calendars,\n    offset,\n    maxDate,\n}: {\n    calendars: CalendarMonth[];\n    offset: number;\n    maxDate?: Date;\n}): number {\n    if (offset > 1 && maxDate) {\n        const { lastDayOfMonth } = calendars[calendars.length - 1];\n        const diffInMonths = differenceInCalendarMonths(\n            maxDate,\n            lastDayOfMonth,\n        );\n        if (diffInMonths < offset) {\n            offset = diffInMonths;\n        }\n    }\n    return offset;\n}\n\n/**\n * Takes a calendars array and figures out if the back button should be\n * disabled based on the minDate allowed.\n * @param {Object} param The param object\n * @param {Array} param.calendars The calendars array created by the getCalendars function\n * @param {Date} param.minDate The earliest date available\n * @returns {Boolean} Whether the back button should be disabled.\n */\nexport function isBackDisabled({\n    calendars,\n    minDate,\n}: {\n    calendars: CalendarMonth[];\n    minDate?: Date;\n}): boolean {\n    if (!minDate) {\n        return false;\n    }\n    const { firstDayOfMonth } = calendars[0];\n    const firstDayOfMonthMinusOne = addDays(firstDayOfMonth, -1);\n    if (isBefore(firstDayOfMonthMinusOne, minDate)) {\n        return true;\n    }\n    return false;\n}\n\n/**\n * Takes a calendars array and figures out if the forward button should be\n * disabled based on the maxDate allowed.\n * @param {Object} param The param object\n * @param {Array} param.calendars The calendars array created by the getCalendars function\n * @param {Date} param.maxDate The furthest date available\n * @returns {Boolean} Whether the forward button should be disabled.\n */\nexport function isForwardDisabled({\n    calendars,\n    maxDate,\n}: {\n    calendars: CalendarMonth[];\n    maxDate?: Date;\n}): boolean {\n    if (!maxDate) {\n        return false;\n    }\n    const { lastDayOfMonth } = calendars[calendars.length - 1];\n    const lastDayOfMonthPlusOne = addDays(lastDayOfMonth, 1);\n    if (isBefore(maxDate, lastDayOfMonthPlusOne)) {\n        return true;\n    }\n    return false;\n}\n\ntype GetCalendarProps = {\n    /**  The date to start the calendar at */\n    date: Date;\n    /** Date or dates currently selected. */\n    selected?: Date | Date[];\n    /**  The earliest date available */\n    minDate?: Date;\n    /**  The earliest date available */\n    maxDate?: Date;\n    /** The number of months to return in the calendar view */\n    monthsToDisplay: number;\n    /** The number of months to offset based off the param.date given  */\n    offset: number;\n    /** First day of week, 0-6 (Sunday to Saturday) */\n    firstDayOfWeek: number;\n    /** Flag to fill front and back weeks with dates from adjacent months */\n    showOutsideDays: boolean;\n};\n\n/**\n * Figures out the months data needed based off the number of monthsToDisplay\n * and other options provided.\n * @param {Object} param The param object\n * @param {Date} param.date The date to start the calendar at\n * @param {Array.<Date>} param.selected An array of dates currently selected\n * @param {Number} param.monthsToDisplay The number of months to return in the calendar view\n * @param {Number} param.offset The number of months to offset based off the param.date given\n * @param {Date} param.minDate The earliest date available\n * @param {Date} param.maxDate The furthest date available\n * @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)\n * @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months\n * @returns {Array.<Object>} An array of objects with month data\n */\nexport function getCalendars({\n    date,\n    selected,\n    monthsToDisplay,\n    offset,\n    minDate,\n    maxDate,\n    firstDayOfWeek,\n    showOutsideDays,\n}: GetCalendarProps): CalendarMonth[] {\n    const months: CalendarMonth[] = [];\n    const startDate = getStartDate(date, minDate, maxDate);\n    for (let i = 0; i < monthsToDisplay; i++) {\n        const calendarDates = getMonths({\n            month: startDate.getMonth() + i + offset,\n            year: startDate.getFullYear(),\n            selectedDates: selected,\n            minDate,\n            maxDate,\n            firstDayOfWeek,\n            showOutsideDays,\n        });\n        months.push(calendarDates);\n    }\n    return months;\n}\n\n/**\n * Figures out the actual start date based on\n * the min and max dates available.\n * @param {Date} date The we want to start the calendar at\n * @param {Date} minDate The earliest date available to start at\n * @param {Date} maxDate The latest date available to start at\n * @returns {Date} The actual start date\n */\nfunction getStartDate(date: Date, minDate?: Date, maxDate?: Date): Date {\n    let startDate = startOfDay(date);\n    if (minDate) {\n        const minDateNormalized = startOfDay(minDate);\n        if (isBefore(startDate, minDateNormalized)) {\n            startDate = minDateNormalized;\n        }\n    }\n    if (maxDate) {\n        const maxDateNormalized = startOfDay(maxDate);\n        if (isBefore(maxDateNormalized, startDate)) {\n            startDate = maxDateNormalized;\n        }\n    }\n    return startDate;\n}\n\ntype GetMonthsProps = {\n    /**  The month to grab data for */\n    month: number;\n    /**  The year to grab data for */\n    year: number;\n    /** Date or dates currently selected. */\n    selectedDates?: Date | Date[];\n    /**  The earliest date available */\n    minDate?: Date;\n    /**  The earliest date available */\n    maxDate?: Date;\n    /** First day of week, 0-6 (Sunday to Saturday) */\n    firstDayOfWeek: number;\n    /** Flag to fill front and back weeks with dates from adjacent months */\n    showOutsideDays: boolean;\n};\n\nexport type CalendarMonth = {\n    firstDayOfMonth: Date;\n    lastDayOfMonth: Date;\n    month: number;\n    year: number;\n    weeks: CalendarWeek[];\n};\n\nexport type CalendarWeek = CalendarDay[];\n\nexport type CalendarDay = DateInfo | string;\n\n/**\n * Figures what week/day data to return for the given month\n * and year. Adds flags to day data if found in the given selectedDates,\n * if is selectable inside the given min and max dates, or is today.\n * @param {Object} param The param object\n * @param {Number} param.month The month to grab data for\n * @param {Number} param.year The year to grab data for\n * @param {Array.<Date>} sparam.electedDates An array of dates currently selected\n * @param {Date} param.minDate The earliest date available\n * @param {Date} param.maxDate The furthest date available\n * @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)\n * @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months\n * @returns {Object} The data for the selected month/year\n */\nfunction getMonths({\n    month,\n    year,\n    selectedDates,\n    minDate,\n    maxDate,\n    firstDayOfWeek,\n    showOutsideDays,\n}: GetMonthsProps): CalendarMonth {\n    // Get the normalized month and year, along with days in the month.\n    const daysMonthYear = getNumDaysMonthYear(month, year);\n    const daysInMonth = daysMonthYear.daysInMonth;\n    month = daysMonthYear.month;\n    year = daysMonthYear.year;\n\n    // Fill out the dates for the month.\n    const dates = [];\n    for (let day = 1; day <= daysInMonth; day++) {\n        const date = new Date(year, month, day);\n        const dateObj = {\n            date,\n            selected: isSelected(selectedDates, date),\n            selectable: isSelectable(minDate, maxDate, date),\n            today: isToday(date),\n            prevMonth: false,\n            nextMonth: false,\n        };\n        dates.push(dateObj);\n    }\n\n    const firstDayOfMonth = new Date(year, month, 1);\n    const lastDayOfMonth = new Date(year, month, daysInMonth);\n\n    const frontWeekBuffer = fillFrontWeek({\n        firstDayOfMonth,\n        minDate,\n        maxDate,\n        selectedDates,\n        firstDayOfWeek,\n        showOutsideDays,\n    });\n\n    const backWeekBuffer = fillBackWeek({\n        lastDayOfMonth,\n        minDate,\n        maxDate,\n        selectedDates,\n        firstDayOfWeek,\n        showOutsideDays,\n    });\n\n    dates.unshift(...frontWeekBuffer);\n    dates.push(...backWeekBuffer);\n\n    // Get the filled out weeks for the\n    // given dates.\n    const weeks = getWeeks(dates);\n    // return the calendar data.\n    return {\n        firstDayOfMonth,\n        lastDayOfMonth,\n        month,\n        year,\n        weeks,\n    };\n}\n\ntype FillFrontWeekProps = {\n    firstDayOfMonth: Date;\n    /** Date or dates currently selected. */\n    selectedDates?: Date | Date[];\n    /**  The earliest date available */\n    minDate?: Date;\n    /**  The earliest date available */\n    maxDate?: Date;\n    /** First day of week, 0-6 (Sunday to Saturday) */\n    firstDayOfWeek: number;\n    /** Flag to fill front and back weeks with dates from adjacent months */\n    showOutsideDays: boolean;\n};\n\n/**\n * Fill front week with either empty buffer or dates from previous month,\n * depending on showOutsideDays flag\n * @param {Object} param The param object\n * @param {Array.<Date>} param.selectedDates An array of dates currently selected\n * @param {Date} param.minDate The earliest date available\n * @param {Date} param.maxDate The furthest date available\n * @param {Date} param.firstDayOfMonth First day of the month\n * @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)\n * @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months\n * @returns {Array.<Date>} Buffer to fill front week\n */\nfunction fillFrontWeek({\n    firstDayOfMonth,\n    minDate,\n    maxDate,\n    selectedDates,\n    firstDayOfWeek,\n    showOutsideDays,\n}: FillFrontWeekProps): CalendarWeek {\n    const dates: CalendarWeek = [];\n    let firstDay = (firstDayOfMonth.getDay() + 7 - firstDayOfWeek) % 7;\n\n    if (showOutsideDays) {\n        const lastDayOfPrevMonth = addDays(firstDayOfMonth, -1);\n        const prevDate = lastDayOfPrevMonth.getDate();\n        const prevDateMonth = lastDayOfPrevMonth.getMonth();\n        const prevDateYear = lastDayOfPrevMonth.getFullYear();\n\n        // Fill out front week for days from\n        // preceding month with dates from previous month.\n        let counter = 0;\n        while (counter < firstDay) {\n            const date = new Date(\n                prevDateYear,\n                prevDateMonth,\n                prevDate - counter,\n            );\n            const dateObj: DateInfo = {\n                date,\n                selected: isSelected(selectedDates, date),\n                selectable: isSelectable(minDate, maxDate, date),\n                today: false,\n                prevMonth: true,\n                nextMonth: false,\n            };\n            dates.unshift(dateObj);\n            counter++;\n        }\n    } else {\n        // Fill out front week for days from\n        // preceding month with buffer.\n        while (firstDay > 0) {\n            dates.unshift(\"\");\n            firstDay--;\n        }\n    }\n\n    return dates;\n}\n\nexport type DateInfo = {\n    date: Date;\n    selected: boolean;\n    selectable: boolean;\n    today: boolean;\n    prevMonth: boolean;\n    nextMonth: boolean;\n};\n\ntype FillBackWeekProps = {\n    lastDayOfMonth: Date;\n    /** Date or dates currently selected. */\n    selectedDates?: Date | Date[];\n    /**  The earliest date available */\n    minDate?: Date;\n    /**  The earliest date available */\n    maxDate?: Date;\n    /** First day of week, 0-6 (Sunday to Saturday) */\n    firstDayOfWeek: number;\n    /** Flag to fill front and back weeks with dates from adjacent months */\n    showOutsideDays: boolean;\n};\n\n/**\n * Fill back weeks with either empty buffer or dates from next month,\n * depending on showOutsideDays flag\n * @param {Object} param The param object\n * @param {Array.<Date>} param.selectedDates An array of dates currently selected\n * @param {Date} param.minDate The earliest date available\n * @param {Date} param.maxDate The furthest date available\n * @param {Date} param.lastDayOfMonth Last day of the month\n * @param {Number} param.firstDayOfWeek First day of week, 0-6 (Sunday to Saturday)\n * @param {Bool} param.showOutsideDays Flag to fill front and back weeks with dates from adjacent months\n * @returns {Array.<Date>} Buffer to fill back week\n */\nfunction fillBackWeek({\n    lastDayOfMonth,\n    minDate,\n    maxDate,\n    selectedDates,\n    firstDayOfWeek,\n    showOutsideDays,\n}: FillBackWeekProps): CalendarWeek {\n    const dates: CalendarWeek = [];\n    let lastDay = (lastDayOfMonth.getDay() + 7 - firstDayOfWeek) % 7;\n\n    if (showOutsideDays) {\n        const firstDayOfNextMonth = addDays(lastDayOfMonth, 1);\n        const nextDateMonth = firstDayOfNextMonth.getMonth();\n        const nextDateYear = firstDayOfNextMonth.getFullYear();\n\n        // Fill out back week for days from\n        // following month with dates from next month.\n        let counter = 0;\n        while (counter < 6 - lastDay) {\n            const date = new Date(nextDateYear, nextDateMonth, 1 + counter);\n            const dateObj: DateInfo = {\n                date,\n                selected: isSelected(selectedDates, date),\n                selectable: isSelectable(minDate, maxDate, date),\n                today: false,\n                prevMonth: false,\n                nextMonth: true,\n            };\n            dates.push(dateObj);\n            counter++;\n        }\n    } else {\n        // Fill out back week for days from\n        // following month with buffer.\n        while (lastDay < 6) {\n            dates.push(\"\");\n            lastDay++;\n        }\n    }\n\n    return dates;\n}\n\n/**\n * Normalizes month (could be overflow) and year pairs and returns the\n * normalized month and year along with the number of days in the month.\n * @param {Number} month The month to normalize\n * @param {Number} year The year to normalize\n * @returns {Object} The normalized month and year along with the number of days in the month\n */\nfunction getNumDaysMonthYear(\n    month: number,\n    year: number,\n): { daysInMonth: number; month: number; year: number } {\n    // If a parameter you specify is outside of the expected range for Month or Day,\n    // JS Date attempts to update the date information in the Date object accordingly!\n    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setMonth\n    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setDate\n\n    // Let Date handle the overflow of the month,\n    // which should return the normalized month and year.\n    const normalizedMonthYear = new Date(year, month, 1);\n    const normalizedMonth = normalizedMonthYear.getMonth();\n    const normalizedYear = normalizedMonthYear.getFullYear();\n    // Overflow the date to the next month, then subtract the difference\n    // to get the number of days in the previous month.\n    // This will also account for leap years!\n    const daysInMonth =\n        32 - new Date(normalizedYear, normalizedMonth, 32).getDate();\n    return { daysInMonth, month: normalizedMonth, year: normalizedYear };\n}\n\n/**\n * Takes an array of dates, and turns them into a multi dimensional\n * array with 7 entries for each week.\n * @param {Array.<Object>} dates An array of dates\n * @returns {Array} The weeks as a multi dimensional array\n */\nfunction getWeeks(dates: CalendarWeek): Array<CalendarWeek> {\n    const weeksLength = Math.ceil(dates.length / 7);\n    const weeks: Array<CalendarWeek> = [];\n    for (let i = 0; i < weeksLength; i++) {\n        weeks[i] = [];\n        for (let x = 0; x < 7; x++) {\n            weeks[i].push(dates[i * 7 + x]);\n        }\n    }\n    return weeks;\n}\n\n/**\n * Normalizes dates to the beginning of the day,\n * then checks to see if the day given is found\n * in the selectedDates.\n * @param {Array.<Date>} selectedDates An array of dates currently selected\n * @param {Date} date The date to search with against selectedDates\n * @returns {Boolean} Whether day is found in selectedDates\n */\nfunction isSelected(\n    selectedDates: Date | Date[] | undefined,\n    date: Date,\n): boolean {\n    if (!selectedDates) {\n        return false;\n    }\n    const dates = Array.isArray(selectedDates)\n        ? selectedDates\n        : [selectedDates];\n    return dates.some((selectedDate) => {\n        if (\n            selectedDate instanceof Date &&\n            startOfDay(selectedDate).getTime() === startOfDay(date).getTime()\n        ) {\n            return true;\n        }\n        return false;\n    });\n}\n\n/**\n * Checks to see if the date given is\n * between the min and max dates.\n * @param {Date} minDate The earliest date available\n * @param {Date} maxDate The furthest date available\n * @param {Date} date The date to compare with\n * @returns {Boolean} Whether the date is between min and max date\n */\nfunction isSelectable(\n    minDate: Date | undefined,\n    maxDate: Date | undefined,\n    date: Date,\n): boolean {\n    if (\n        (minDate && isBefore(date, minDate)) ||\n        (maxDate && isBefore(maxDate, date))\n    ) {\n        return false;\n    }\n    return true;\n}\n\n/**\n * Check if two Date objects represent the same day\n *\n * @param date1 first Date to compare\n * @param date2 second Date to compare\n */\nexport function isSameDay(date1: Date, date2: Date): boolean {\n    return (\n        date1.getDate() === date2.getDate() &&\n        date1.getMonth() === date2.getMonth() &&\n        date1.getFullYear() === date2.getFullYear()\n    );\n}\n\n/**\n * Check if the date has changed from the previous date\n *\n * @param date First date to compare\n * @param newDate Second date to compare\n */\nexport function dateHasChanged(date: Date | undefined, newDate: Date): boolean {\n    return !date || !isSameDay(date, newDate);\n}\n\n/**\n * Check if a given date is outside a given range\n *\n * @param date Input date\n * @param rangeStart Dates before this date should be disabled\n * @param rangeEnd Dates after this date should be disabled\n */\nexport function dateIsOutsideRange(\n    date: Date,\n    rangeStart: Date | undefined,\n    rangeEnd: Date | undefined,\n): boolean {\n    return Boolean(\n        (rangeEnd && date > rangeEnd) || (rangeStart && date < rangeStart),\n    );\n}\n\n/**\n * Get the correct initial date for initiating the datepicker reducer store\n *\n * @param value Value from props\n * @param initialDate Initial date from porps\n * @param disableDate Function for checking whether the date should be disabled\n */\nexport function getInitialDate(\n    value: string | undefined,\n    defaultValue: string | undefined,\n    minDate: Date | undefined,\n    maxDate: Date | undefined,\n): Date | null {\n    const valueAsDate = parseDateString(value);\n    const defaultValueAsDate = parseDateString(defaultValue);\n    if (valueAsDate) {\n        return !dateIsOutsideRange(valueAsDate, minDate, maxDate)\n            ? valueAsDate\n            : null;\n    }\n    if (defaultValueAsDate) {\n        return !dateIsOutsideRange(defaultValueAsDate, minDate, maxDate)\n            ? defaultValueAsDate\n            : null;\n    }\n    return null;\n}\n\n/**\n * Get the initial date to show in the calendar\n *\n * @param date The date set in the DatePicker (from props)\n * @param defaultSelected The defaultSelected prop from DatePicker\n * @param minDate The earliest selectable date, from props\n * @param maxDate The latest selectable date, from props\n * @returns The date to show in the calendar\n */\nexport function getInitialDateShown(\n    date: Date | null,\n    defaultSelected: Date | undefined,\n    minDate: Date | undefined,\n    maxDate: Date | undefined,\n): Date {\n    let initialDate = date || defaultSelected || new Date();\n\n    if (minDate) {\n        initialDate = minDate > initialDate ? minDate : initialDate;\n    }\n\n    if (maxDate) {\n        initialDate = maxDate < initialDate ? maxDate : initialDate;\n    }\n\n    return initialDate;\n}\n"],"names":["composeEventHandlers","fns","event","some","fn","defaultPrevented","subtractMonth","calendars","offset","minDate","firstDayOfMonth","diffInMonths","differenceInCalendarMonths","DEFAULT_YEARS_TO_SHOW","getYearSelectOptions","currentYear","maxDate","yearsToShow","getFullYear","toString","previousYearsToShow","comingYearsToShow","showAllYears","previous","coming","startYear","earliestStartYear","Math","max","endYear","latestEndYear","min","numYears","Array","keys","map","x","item","getMonthSelectOptions","monthNames","minDateYear","minDateMonth","getMonth","maxDateYear","maxDateMonth","startMonth","endMonth","month","index","value","label","filter","Number","parseInt","addMonth","lastDayOfMonth","length","isBackDisabled","firstDayOfMonthMinusOne","addDays","isBefore","isForwardDisabled","lastDayOfMonthPlusOne","getCalendars","date","selected","monthsToDisplay","firstDayOfWeek","showOutsideDays","months","startDate","startOfDay","minDateNormalized","maxDateNormalized","getStartDate","i","calendarDates","getMonths","year","selectedDates","push","daysMonthYear","normalizedMonthYear","Date","normalizedMonth","normalizedYear","daysInMonth","getDate","getNumDaysMonthYear","dates","day","dateObj","isSelected","selectable","isSelectable","today","isToday","prevMonth","nextMonth","frontWeekBuffer","firstDay","getDay","lastDayOfPrevMonth","prevDate","prevDateMonth","prevDateYear","counter","unshift","fillFrontWeek","backWeekBuffer","lastDay","firstDayOfNextMonth","nextDateMonth","nextDateYear","fillBackWeek","weeks","weeksLength","ceil","getWeeks","isArray","selectedDate","getTime","isSameDay","date1","date2","dateHasChanged","newDate","dateIsOutsideRange","rangeStart","rangeEnd","getInitialDate","defaultValue","valueAsDate","parseDateString","defaultValueAsDate","getInitialDateShown","defaultSelected","initialDate"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/es/components/table/TableHeader.js

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as n}from"react/jsx-runtime";import{c as i}from"../../../clsx-BeLtu-UY.js";import{forwardRef as c}from"react";import{Icon as r}from"../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"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import{ChevronDownIcon as s}from"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as e}from"../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/MinusIcon.js";import"../icon/icons/OpenInNewIcon.js";import"../icon/icons/PenIcon.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/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/WarningIcon.js";import{useTableContext as t}from"./tableContext.js";const a=({direction:n})=>"desc"===n?o(s,{variant:"inherit"}):"asc"===n?o(e,{variant:"inherit"}):o(r,{variant:"inherit",children:"unfold_more"}),m=c((c,r)=>{const{bold:s=!0,density:e,sortable:m,className:p,scope:j="col",srOnly:l,align:I="left",children:d,onClick:h,...b}=c,{density:C}=t();return o("th",{className:i("jkl-table-header",p,{"jkl-table-header--bold":s,"jkl-table-header--align-right":"right"===I,"jkl-table-header--align-center":"center"===I,"jkl-table-header--sr-only":l,"jkl-table-header--sortable":typeof m<"u"}),scope:j,onClick:o=>{h?.(o),m?.onClick()},...b,"data-density":e||C,ref:r,children:n("div",{className:"jkl-table-header__arrows",children:[d,m&&o(a,{direction:m.direction})]})})});m.displayName="TableHeader";export{m as TableHeader};
+import{jsx as o,jsxs as n}from"react/jsx-runtime";import{c as i}from"../../../clsx-BeLtu-UY.js";import{forwardRef as c}from"react";import{Icon as s}from"../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"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import{ChevronDownIcon as r}from"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as t}from"../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/MinusIcon.js";import"../icon/icons/OpenInNewIcon.js";import"../icon/icons/PenIcon.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/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/WarningIcon.js";import{useTableContext as e}from"./tableContext.js";const a=({direction:n})=>"desc"===n?o(r,{variant:"inherit"}):"asc"===n?o(t,{variant:"inherit"}):o(s,{variant:"inherit",children:"unfold_more"}),m=c((c,s)=>{const{bold:r=!0,density:t,sortable:m,className:p,scope:j="col",srOnly:l,align:I="left",children:d,onClick:h,...C}=c,{density:b}=e();return o("th",{className:i("jkl-table-header",p,{"jkl-table-header--bold":r,"jkl-table-header--sr-only":l,"jkl-table-header--sortable":typeof m<"u"}),scope:j,onClick:o=>{h?.(o),m?.onClick()},...C,"data-density":t||b,ref:s,children:n("div",{className:"jkl-table-header__arrows","data-align":I,children:[d,m&&o(a,{direction:m.direction})]})})});m.displayName="TableHeader";export{m as TableHeader};
 //# sourceMappingURL=TableHeader.js.map

package/build/es/components/table/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","sources":["../../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, type MouseEventHandler } from \"react\";\nimport { ChevronDownIcon, ChevronUpIcon, Icon } from \"../icon/index.js\";\nimport { useTableContext } from \"./tableContext.js\";\nimport type { TableHeaderProps } from \"./types.js\";\n\nexport type TableSortDirection = \"asc\" | \"desc\" | \"none\";\n\nconst SortableArrows = ({ direction }: { direction: TableSortDirection }) => {\n    if (direction === \"desc\") return <ChevronDownIcon variant=\"inherit\" />;\n    if (direction === \"asc\") return <ChevronUpIcon variant=\"inherit\" />;\n\n    return <Icon variant=\"inherit\">unfold_more</Icon>;\n};\n\nconst TableHeader = forwardRef<HTMLTableCellElement, TableHeaderProps>(\n    (props, ref) => {\n        const {\n            bold = true,\n            density,\n            sortable,\n            className,\n            scope = \"col\",\n            srOnly,\n            align = \"left\",\n            children,\n            onClick,\n            ...rest\n        } = props;\n        const { density: contextDensity } = useTableContext();\n\n        const handleClick: MouseEventHandler<HTMLTableCellElement> = (e) => {\n            onClick?.(e);\n            sortable?.onClick();\n        };\n\n        return (\n            <th\n                className={clsx(\"jkl-table-header\", className, {\n                    \"jkl-table-header--bold\": bold,\n                    \"jkl-table-header--align-right\": align === \"right\",\n                    \"jkl-table-header--align-center\": align === \"center\",\n                    \"jkl-table-header--sr-only\": srOnly,\n                    \"jkl-table-header--sortable\":\n                        typeof sortable !== \"undefined\",\n                })}\n                scope={scope}\n                onClick={handleClick}\n                {...rest}\n                data-density={density || contextDensity}\n                ref={ref}\n            >\n                <div className=\"jkl-table-header__arrows\">\n                    {children}\n                    {sortable && (\n                        <SortableArrows direction={sortable.direction} />\n                    )}\n                </div>\n            </th>\n        );\n    },\n);\n\nTableHeader.displayName = \"TableHeader\";\n\nexport { TableHeader };\n"],"names":["SortableArrows","direction","jsx","ChevronDownIcon","variant","ChevronUpIcon","Icon","children","TableHeader","forwardRef","props","ref","bold","density","sortable","className","scope","srOnly","align","onClick","rest","contextDensity","useTableContext","clsx","e","jsxs","displayName"],"mappings":"kmDAQA,MAAMA,EAAiB,EAAGC,UAAAA,KACJ,SAAdA,EAA6BC,EAACC,EAAA,CAAgBC,QAAQ,YACxC,QAAdH,EAA4BC,EAACG,EAAA,CAAcD,QAAQ,YAEhDF,EAACI,EAAA,CAAKF,QAAQ,UAAUG,SAAA,gBAG7BC,EAAcC,EAChB,CAACC,EAAOC,KACJ,MACIC,KAAAA,GAAO,EACPC,QAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,MAAAA,EAAQ,MACRC,OAAAA,EACAC,MAAAA,EAAQ,OACRX,SAAAA,EACAY,QAAAA,KACGC,GACHV,GACIG,QAASQ,GAAmBC,IAOpC,OACIpB,EAAC,KAAA,CACGa,UAAWQ,EAAK,mBAAoBR,EAAW,CAC3C,yBAA0BH,EAC1B,gCAA2C,UAAVM,EACjC,iCAA4C,WAAVA,EAClC,4BAA6BD,EAC7B,oCACWH,EAAa,MAE5BE,MAAAA,EACAG,QAhBsDK,IAC1DL,IAAUK,GACVV,GAAUK,cAeFC,EACJ,eAAcP,GAAWQ,EACzBV,IAAAA,EAEAJ,SAAAkB,EAAC,MAAA,CAAIV,UAAU,2BACVR,SAAA,CAAAA,EACAO,GACGZ,EAACF,EAAA,CAAeC,UAAWa,EAASb,mBAQ5DO,EAAYkB,YAAc"}
+{"version":3,"file":"TableHeader.js","sources":["../../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, type MouseEventHandler } from \"react\";\nimport { ChevronDownIcon, ChevronUpIcon, Icon } from \"../icon/index.js\";\nimport { useTableContext } from \"./tableContext.js\";\nimport type { TableHeaderProps } from \"./types.js\";\n\nexport type TableSortDirection = \"asc\" | \"desc\" | \"none\";\n\nconst SortableArrows = ({ direction }: { direction: TableSortDirection }) => {\n    if (direction === \"desc\") return <ChevronDownIcon variant=\"inherit\" />;\n    if (direction === \"asc\") return <ChevronUpIcon variant=\"inherit\" />;\n\n    return <Icon variant=\"inherit\">unfold_more</Icon>;\n};\n\nconst TableHeader = forwardRef<HTMLTableCellElement, TableHeaderProps>(\n    (props, ref) => {\n        const {\n            bold = true,\n            density,\n            sortable,\n            className,\n            scope = \"col\",\n            srOnly,\n            align = \"left\",\n            children,\n            onClick,\n            ...rest\n        } = props;\n        const { density: contextDensity } = useTableContext();\n\n        const handleClick: MouseEventHandler<HTMLTableCellElement> = (e) => {\n            onClick?.(e);\n            sortable?.onClick();\n        };\n\n        return (\n            <th\n                className={clsx(\"jkl-table-header\", className, {\n                    \"jkl-table-header--bold\": bold,\n                    \"jkl-table-header--sr-only\": srOnly,\n                    \"jkl-table-header--sortable\":\n                        typeof sortable !== \"undefined\",\n                })}\n                scope={scope}\n                onClick={handleClick}\n                {...rest}\n                data-density={density || contextDensity}\n                ref={ref}\n            >\n                <div className=\"jkl-table-header__arrows\" data-align={align}>\n                    {children}\n                    {sortable && (\n                        <SortableArrows direction={sortable.direction} />\n                    )}\n                </div>\n            </th>\n        );\n    },\n);\n\nTableHeader.displayName = \"TableHeader\";\n\nexport { TableHeader };\n"],"names":["SortableArrows","direction","jsx","ChevronDownIcon","variant","ChevronUpIcon","Icon","children","TableHeader","forwardRef","props","ref","bold","density","sortable","className","scope","srOnly","align","onClick","rest","contextDensity","useTableContext","clsx","e","jsxs","displayName"],"mappings":"kmDAQA,MAAMA,EAAiB,EAAGC,UAAAA,KACJ,SAAdA,EAA6BC,EAACC,EAAA,CAAgBC,QAAQ,YACxC,QAAdH,EAA4BC,EAACG,EAAA,CAAcD,QAAQ,YAEhDF,EAACI,EAAA,CAAKF,QAAQ,UAAUG,SAAA,gBAG7BC,EAAcC,EAChB,CAACC,EAAOC,KACJ,MACIC,KAAAA,GAAO,EACPC,QAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,MAAAA,EAAQ,MACRC,OAAAA,EACAC,MAAAA,EAAQ,OACRX,SAAAA,EACAY,QAAAA,KACGC,GACHV,GACIG,QAASQ,GAAmBC,IAOpC,OACIpB,EAAC,KAAA,CACGa,UAAWQ,EAAK,mBAAoBR,EAAW,CAC3C,yBAA0BH,EAC1B,4BAA6BK,EAC7B,oCACWH,EAAa,MAE5BE,MAAAA,EACAG,QAdsDK,IAC1DL,IAAUK,GACVV,GAAUK,cAaFC,EACJ,eAAcP,GAAWQ,EACzBV,IAAAA,EAEAJ,SAAAkB,EAAC,MAAA,CAAIV,UAAU,2BAA2B,aAAYG,EACjDX,SAAA,CAAAA,EACAO,GACGZ,EAACF,EAAA,CAAeC,UAAWa,EAASb,mBAQ5DO,EAAYkB,YAAc"}

package/build/es/core/tokens/build-tailwind-4.d.ts

@@ -0,0 +1 @@
+export declare const buildTailwind4Theme: () => Promise<void>;

package/build/es/core/tokens/build-tailwind-4.js

@@ -0,0 +1,2 @@
+import{writeFile as n}from"node:fs/promises";import e from"node:path";import{kebabCase as i}from"change-case";const t=async()=>{const{default:t}=await import("../../tailwind/colors.js"),{default:a}=await import("../tokens.js"),o=Object.entries(t).map(([n,e])=>`    --color-${n}: ${e};`),s=Object.entries(a.spacing).map(([n,e])=>`    --spacing-${i(n)}: ${e};`),r=Object.entries(a.typography.font.weight).map(([n,e])=>`    --font-weight-${n}: ${e};`),p=Object.entries(a.breakpoint).map(([n,e])=>`    --breakpoint-${i(n)}: ${e};`),m=Object.entries(a.typography.style).map(([n,e])=>[`@utility ${i(n)} {`,...Object.entries(e.small).map(([n,e])=>`    ${i(n)}: ${e};`),"",`    @media (min-width: ${a.breakpoint.medium}) {`,...Object.entries(e.base).map(([n,e])=>`        ${i(n)}: ${e};`),"    }","}"].join("\n")),l=`\n/* stylelint-disable */\n@theme {\n    --*: initial;\n\n${o.join("\n")}\n\n${s.join("\n")}\n\n${r.join("\n")}\n\n${p.join("\n")}\n}\n\n${m.join("\n\n")}\n`;await n(e.resolve("src/tailwind/v4/jokul-tailwind.css"),l)};export{t as buildTailwind4Theme};
+//# sourceMappingURL=build-tailwind-4.js.map

package/build/es/core/tokens/build-tailwind-4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-tailwind-4.js","sources":["../../../../src/core/tokens/build-tailwind-4.ts"],"sourcesContent":["import { writeFile } from \"node:fs/promises\";\nimport path from \"node:path\";\nimport { kebabCase } from \"change-case\";\n\nexport const buildTailwind4Theme = async () => {\n    const { default: colors } = await import(\"../../tailwind/colors.js\");\n    const { default: tokens } = await import(\"../tokens.js\");\n\n    const colorVariables = Object.entries(colors).map(\n        ([name, value]) => `    --color-${name}: ${value};`,\n    );\n\n    const spacingVariables = Object.entries(tokens.spacing).map(\n        ([step, value]) => `    --spacing-${kebabCase(step)}: ${value};`,\n    );\n\n    const fontWeights = Object.entries(tokens.typography.font.weight).map(\n        ([weight, value]) => `    --font-weight-${weight}: ${value};`,\n    );\n\n    const breakpoints = Object.entries(tokens.breakpoint).map(\n        ([step, value]) => `    --breakpoint-${kebabCase(step)}: ${value};`,\n    );\n\n    const textUtilities = Object.entries(tokens.typography.style).map(\n        ([name, value]) =>\n            [\n                `@utility ${kebabCase(name)} {`,\n                ...Object.entries(value.small).map(\n                    ([property, value]) =>\n                        `    ${kebabCase(property)}: ${value};`,\n                ),\n                \"\",\n                `    @media (min-width: ${tokens.breakpoint.medium}) {`,\n                ...Object.entries(value.base).map(\n                    ([property, value]) =>\n                        `        ${kebabCase(property)}: ${value};`,\n                ),\n                \"    }\",\n                \"}\",\n            ].join(\"\\n\"),\n    );\n\n    const tailwindTheme = `\n/* stylelint-disable */\n@theme {\n    --*: initial;\n\n${colorVariables.join(\"\\n\")}\n\n${spacingVariables.join(\"\\n\")}\n\n${fontWeights.join(\"\\n\")}\n\n${breakpoints.join(\"\\n\")}\n}\n\n${textUtilities.join(\"\\n\\n\")}\n`;\n\n    await writeFile(\n        path.resolve(\"src/tailwind/v4/jokul-tailwind.css\"),\n        tailwindTheme,\n    );\n};\n"],"names":["buildTailwind4Theme","async","default","colors","import","tokens","colorVariables","Object","entries","map","name","value","spacingVariables","spacing","step","kebabCase","fontWeights","typography","font","weight","breakpoints","breakpoint","textUtilities","style","small","property","medium","base","join","tailwindTheme","writeFile","path","resolve"],"mappings":"8GAIO,MAAMA,EAAsBC,UAC/B,MAAQC,QAASC,SAAiBC,OAAO,6BACjCF,QAASG,SAAiBD,OAAO,gBAEnCE,EAAiBC,OAAOC,QAAQL,GAAQM,IAC1C,EAAEC,EAAMC,KAAW,eAAeD,MAASC,MAGzCC,EAAmBL,OAAOC,QAAQH,EAAOQ,SAASJ,IACpD,EAAEK,EAAMH,KAAW,iBAAiBI,EAAUD,OAAUH,MAGtDK,EAAcT,OAAOC,QAAQH,EAAOY,WAAWC,KAAKC,QAAQV,IAC9D,EAAEU,EAAQR,KAAW,qBAAqBQ,MAAWR,MAGnDS,EAAcb,OAAOC,QAAQH,EAAOgB,YAAYZ,IAClD,EAAEK,EAAMH,KAAW,oBAAoBI,EAAUD,OAAUH,MAGzDW,EAAgBf,OAAOC,QAAQH,EAAOY,WAAWM,OAAOd,IAC1D,EAAEC,EAAMC,KACJ,CACI,YAAYI,EAAUL,UACnBH,OAAOC,QAAQG,EAAMa,OAAOf,IAC3B,EAAEgB,EAAUd,KACR,OAAOI,EAAUU,OAAcd,MAEvC,GACA,0BAA0BN,EAAOgB,WAAWK,eACzCnB,OAAOC,QAAQG,EAAMgB,MAAMlB,IAC1B,EAAEgB,EAAUd,KACR,WAAWI,EAAUU,OAAcd,MAE3C,QACA,KACFiB,KAAK,OAGTC,EAAgB,6DAKxBvB,EAAesB,KAAK,YAEpBhB,EAAiBgB,KAAK,YAEtBZ,EAAYY,KAAK,YAEjBR,EAAYQ,KAAK,eAGjBN,EAAcM,KAAK,kBAGXE,EACFC,EAAKC,QAAQ,sCACbH"}