@fremtind/jokul 5.2.3 → 6.0.0-next.1

package/styles/components.scss

@@ -8,7 +8,7 @@
 @use "./components/combobox" as combobox;
 @use "./components/cookie-consent" as cookie-consent;
 @use "./components/countdown" as countdown;
-@use "./components/datepicker" as datepicker;
+@use "./components/date-input" as date-input;
 @use "./components/description-list" as description-list;
 @use "./components/expander" as expander;
 @use "./components/feedback" as feedback;
@@ -35,7 +35,6 @@
 @use "./components/radio-button" as radio-button;
 @use "./components/radio-panel" as radio-panel;
 @use "./components/select" as select;
-@use "./components/beta/select" as select-beta;
 @use "./components/search" as search;
 @use "./components/segmented-control" as segmented-control;
 @use "./components/summary-table" as summary-table;
@@ -51,4 +50,4 @@
 @use "./components/tooltip" as tooltip;
 @use "./components/typography" as typography;
 @use "./components/help" as help;
-@use "./components/flex" as flex;
+@use "./components/flex" as flex;

package/styles/jkl/_shadows.scss

@@ -11,15 +11,3 @@ $shadow-navigation--hover: 0 ru.rem(6px) ru.rem(25px) rgb(37 42 49 / 12%);
 /// Skygge som indikerer at noe er klikkbart og at klikk vil gjøre en endring på nåværende side
 /// @type List
 $shadow-task-card: 0 ru.rem(4px) ru.rem(12px) rgb(37 42 49 / 3%);
-
-/// @type List
-/// @deprecated Se tilgjengelige skygger i _shadows.scss
-$drop-shadow--small: 0 ru.rem(4px) ru.rem(8px) rgb(0 0 0 / 8%);
-
-/// @type List
-/// @deprecated Se tilgjengelige skygger i _shadows.scss
-$drop-shadow--medium: ru.rem(4px) ru.rem(4px) ru.rem(8px) rgb(0 0 0 / 8%);
-
-/// @type List
-/// @deprecated Se tilgjengelige skygger i _shadows.scss
-$drop-shadow--large: ru.rem(4px) ru.rem(6px) ru.rem(16px) rgb(0 0 0 / 15%);

package/styles/theme/_fonts.scss

@@ -23,7 +23,7 @@ $webfonts-dir: "/fonts" !default;
         font-family: "Jokul Icons";
         font-weight: 300 400;
         font-style: normal;
-        src: url("#{$webfonts-dir}/Fremtind-Material-Symbols.woff2") format("woff2");
+        src: url("#{$webfonts-dir}/Jokul-Icons.woff2") format("woff2");
     }
 
     @font-face {

package/styles/utility/_index.scss

@@ -1,4 +1,5 @@
 // @forward "headings";
 @forward "paragraphs";
 @forward "screen-reader";
-@forward "spacing";
+@forward "spacing";
+@forward "lists";

package/styles/utility/_lists.scss

@@ -0,0 +1,7 @@
+@layer jokul.utility {
+    :is(ul, ol):is(.jkl-list-reset) {
+        list-style-type: none;
+        margin: 0;
+        padding: 0;
+    }
+}

package/build/_commonjsHelpers-C37NGDzP.cjs

@@ -1,2 +0,0 @@
-"use strict";exports.getDefaultExportFromCjs=function(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t};
-//# sourceMappingURL=_commonjsHelpers-C37NGDzP.cjs.map

package/build/_commonjsHelpers-C37NGDzP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"_commonjsHelpers-C37NGDzP.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/_commonjsHelpers-CXUWDbkB.js

@@ -1,2 +0,0 @@
-function e(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}export{e as g};
-//# sourceMappingURL=_commonjsHelpers-CXUWDbkB.js.map

package/build/_commonjsHelpers-CXUWDbkB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_commonjsHelpers-CXUWDbkB.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/components/beta/select/Select.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../../clsx-E3yX_9sL.cjs"),o=require("react");require("../../icon/Icon.cjs"),require("../../icon/icons/animated/ArrowVerticalAnimated.cjs"),require("../../icon/icons/animated/ArrowHorizontalAnimated.cjs"),require("../../icon/icons/animated/PlusRemoveAnimated.cjs");const r=require("../../icon/icons/ArrowDownIcon.cjs");require("../../icon/icons/ArrowLeftIcon.cjs"),require("../../icon/icons/ArrowNorthEastIcon.cjs"),require("../../icon/icons/ArrowRightIcon.cjs"),require("../../icon/icons/ArrowUpIcon.cjs"),require("../../icon/icons/CalendarIcon.cjs"),require("../../icon/icons/CheckIcon.cjs"),require("../../icon/icons/ChevronDownIcon.cjs"),require("../../icon/icons/ChevronLeftIcon.cjs"),require("../../icon/icons/ChevronRightIcon.cjs"),require("../../icon/icons/ChevronUpIcon.cjs"),require("../../icon/icons/CloseIcon.cjs"),require("../../icon/icons/CopyIcon.cjs"),require("../../icon/icons/DotsIcon.cjs"),require("../../icon/icons/DragIcon.cjs"),require("../../icon/icons/ErrorIcon.cjs"),require("../../icon/icons/GreenCheckIcon.cjs"),require("../../icon/icons/HamburgerIcon.cjs"),require("../../icon/icons/InfoIcon.cjs"),require("../../icon/icons/LinkIcon.cjs"),require("../../icon/icons/MinusIcon.cjs"),require("../../icon/icons/OpenInNewIcon.cjs"),require("../../icon/icons/PenIcon.cjs"),require("../../icon/icons/PlusIcon.cjs"),require("../../icon/icons/QuestionIcon.cjs"),require("../../icon/icons/RedCrossIcon.cjs"),require("../../icon/icons/SearchIcon.cjs"),require("../../icon/icons/SuccessIcon.cjs"),require("../../icon/icons/ThumbDownIcon.cjs"),require("../../icon/icons/ThumbUpIcon.cjs"),require("../../icon/icons/TrashCanIcon.cjs"),require("../../icon/icons/WarningIcon.cjs");const n=require("../../input-group/InputGroup.cjs"),i=o.forwardRef((o,i)=>{const{label:s,className:u,errorLabel:t,helpLabel:a,labelProps:l,placeholder:j="Velg",supportLabelProps:q,tooltip:I,value:p,description:d,...h}=o,b={label:s,errorLabel:t,helpLabel:a,labelProps:l,supportLabelProps:q,tooltip:I,description:d};return e.jsx(n.InputGroup,{...b,"data-testid":"jkl-select--beta",className:c.clsx("jkl-select--beta",u),render:c=>e.jsxs("div",{className:"jkl-select--beta-wrapper",children:[e.jsxs("select",{ref:i,defaultValue:p?void 0:"",value:p,...c,...h,children:[j&&e.jsx("option",{disabled:!0,selected:!0,value:"",children:j}),o.children]}),e.jsx(r.ArrowDownIcon,{})]})})});exports.Select=i;
-//# sourceMappingURL=Select.cjs.map

package/build/cjs/components/beta/select/Select.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.cjs","sources":["../../../../../src/components/beta/select/Select.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { ArrowDownIcon } from \"../../icon/index.js\";\nimport { InputGroup } from \"../../input-group/InputGroup.jsx\";\nimport type { SelectProps } from \"./types.js\";\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n    (props, ref) => {\n        const {\n            label,\n            className,\n            errorLabel,\n            helpLabel,\n            labelProps,\n            placeholder = \"Velg\",\n            supportLabelProps,\n            tooltip,\n            value,\n            description,\n            ...rest\n        } = props;\n\n        const inputGroupProps = {\n            label,\n            errorLabel,\n            helpLabel,\n            labelProps,\n            supportLabelProps,\n            tooltip,\n            description,\n        };\n\n        return (\n            <InputGroup\n                {...inputGroupProps}\n                data-testid=\"jkl-select--beta\"\n                className={clsx(\"jkl-select--beta\", className)}\n                render={(inputProps) => (\n                    <div className=\"jkl-select--beta-wrapper\">\n                        <select\n                            ref={ref}\n                            defaultValue={value ? undefined : \"\"}\n                            value={value}\n                            {...inputProps}\n                            {...rest}\n                        >\n                            {placeholder && (\n                                <option disabled selected value=\"\">\n                                    {placeholder}\n                                </option>\n                            )}\n                            {props.children}\n                        </select>\n                        <ArrowDownIcon />\n                    </div>\n                )}\n            />\n        );\n    },\n);\n"],"names":["Select","forwardRef","props","ref","label","className","errorLabel","helpLabel","labelProps","placeholder","supportLabelProps","tooltip","value","description","rest","inputGroupProps","jsx","InputGroup","clsx","render","inputProps","jsxs","children","defaultValue","disabled","selected","ArrowDownIcon"],"mappings":"q1DAMaA,EAASC,EAAAA,WAClB,CAACC,EAAOC,KACJ,MACIC,MAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,YAAAA,EAAc,OACdC,kBAAAA,EACAC,QAAAA,EACAC,MAAAA,EACAC,YAAAA,KACGC,GACHZ,EAEEa,EAAkB,CACpBX,MAAAA,EACAE,WAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAE,kBAAAA,EACAC,QAAAA,EACAE,YAAAA,GAGJ,OACIG,EAAAA,IAACC,EAAAA,WAAA,IACOF,EACJ,cAAY,mBACZV,UAAWa,EAAAA,KAAK,mBAAoBb,GACpCc,OAASC,GACLC,EAAAA,KAAC,MAAA,CAAIhB,UAAU,2BACXiB,SAAA,CAAAD,EAAAA,KAAC,SAAA,CACGlB,IAAAA,EACAoB,aAAcX,OAAQ,EAAY,GAClCA,MAAAA,KACIQ,KACAN,EAEHQ,SAAA,CAAAb,GACGO,EAAAA,IAAC,UAAOQ,UAAQ,EAACC,UAAQ,EAACb,MAAM,GAC3BU,SAAAb,IAGRP,EAAMoB,kBAEVI,EAAAA,cAAA,CAAA"}

package/build/cjs/components/beta/select/Select.d.cts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { SelectProps } from './types.cjs';
-export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;

package/build/cjs/components/beta/select/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Select.cjs");exports.BETA_Select=e.Select;
-//# sourceMappingURL=index.cjs.map

package/build/cjs/components/beta/select/index.d.cts

@@ -1,2 +0,0 @@
-export { Select as BETA_Select } from './Select.jsx';
-export type { SelectProps } from './types.cjs';

package/build/cjs/components/beta/select/types.d.cts

@@ -1,10 +0,0 @@
-import { ReactNode, SelectHTMLAttributes } from 'react';
-import { InputGroupProps } from '../../input-group/types.cjs';
-export interface SelectProps extends Omit<InputGroupProps, "children" | "inline">, SelectHTMLAttributes<HTMLSelectElement> {
-    /**
-     * Setter inn et placeholderelement som vises når ingenting er valgt i nedtrekkslisten.
-     * @default "Velg"
-     */
-    placeholder?: string;
-    children: ReactNode | ReactNode[];
-}

package/build/cjs/components/datepicker/DatePicker.cjs

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

package/build/cjs/components/datepicker/DatePicker.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.cjs","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 { formatDateString } from \"../../utilities/formatters/date/formatDate.js\";\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\nconst setInputValue = (input: HTMLInputElement, value: string) => {\n    const nativeSetter = Object.getOwnPropertyDescriptor(\n        HTMLInputElement.prototype,\n        \"value\",\n    )?.set;\n\n    if (nativeSetter) {\n        nativeSetter.call(input, value);\n    } else {\n        input.value = value;\n    }\n};\n\nconst normalizeInputValue = (\n    rawValue: string,\n    shouldStripAutoFormatting: boolean,\n) => {\n    const digits = rawValue.replace(/\\D/g, \"\");\n    const partialCompactDate = formatDateString(digits, {\n        partial: true,\n    });\n    const rawValueWithoutTrailingPunctuation = rawValue.replace(/\\D+$/, \"\");\n    const compactDateCandidate =\n        digits.length === 8 ? formatDateString(digits) : rawValue;\n    const validCompactDate = parseDateString(compactDateCandidate)\n        ? compactDateCandidate\n        : null;\n    const shouldRemoveFormatting =\n        shouldStripAutoFormatting &&\n        rawValue !== digits &&\n        rawValueWithoutTrailingPunctuation === partialCompactDate &&\n        parseDateString(rawValue) === undefined &&\n        validCompactDate === null;\n\n    return validCompactDate ?? (shouldRemoveFormatting ? digits : rawValue);\n};\n\nconst getInputValidationState = ({\n    value,\n    minDate,\n    maxDate,\n}: {\n    value: string;\n    minDate?: Date;\n    maxDate?: Date;\n}): { date: Date | null; error: DateValidationError | null } => {\n    if (!value) {\n        return { date: null, error: null };\n    }\n\n    const parsedDate = parseDateString(value);\n\n    if (!parsedDate) {\n        return { date: null, error: \"WRONG_FORMAT\" };\n    }\n\n    if (minDate && !isWithinLowerBound(parsedDate, minDate)) {\n        return { date: parsedDate, error: \"OUTSIDE_LOWER_BOUND\" };\n    }\n\n    if (maxDate && !isWithinUpperBound(parsedDate, maxDate)) {\n        return { date: parsedDate, error: \"OUTSIDE_UPPER_BOUND\" };\n    }\n\n    return { date: parsedDate, error: null };\n};\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            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        const didAutoFormatCompactInputRef = useRef(false);\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                const rawValue = e.currentTarget.value;\n                const formattedValue = normalizeInputValue(\n                    rawValue,\n                    didAutoFormatCompactInputRef.current,\n                );\n\n                if (formattedValue !== rawValue) {\n                    setInputValue(e.currentTarget, formattedValue);\n                }\n\n                const digits = rawValue.replace(/\\D/g, \"\");\n                didAutoFormatCompactInputRef.current =\n                    rawValue === digits &&\n                    formattedValue === formatDateString(digits) &&\n                    formattedValue !== rawValue &&\n                    parseDateString(formattedValue) !== undefined;\n\n                const { date: nextDate, error: nextError } =\n                    getInputValidationState({\n                        value: formattedValue,\n                        minDate,\n                        maxDate,\n                    });\n\n                if (nextDate && !nextError) {\n                    setShowCalendar(false);\n                }\n\n                setError(nextError);\n                setDate(nextDate);\n\n                if (onChange) {\n                    onChange(e, nextDate, {\n                        error: nextError,\n                        value: formattedValue,\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                    didAutoFormatCompactInputRef.current = false;\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                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                        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                                        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","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","didAutoFormatCompactInputRef","unifiedInputRef","useCallback","instance","current","handleFocus","e","contains","relatedTarget","target","handleBlur","handleKeyDownAction","key","preventDefault","stopPropagation","handleChange","rawValue","currentTarget","formattedValue","shouldStripAutoFormatting","digits","replace","partialCompactDate","formatDateString","partial","rawValueWithoutTrailingPunctuation","compactDateCandidate","length","validCompactDate","shouldRemoveFormatting","normalizeInputValue","input","nativeSetter","Object","getOwnPropertyDescriptor","HTMLInputElement","prototype","set","call","setInputValue","nextDate","nextError","parsedDate","isWithinLowerBound","isWithinUpperBound","getInputValidationState","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/cjs/components/datepicker/DatePicker.d.cts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { DatePickerProps } from './types.cjs';
-export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;

package/build/cjs/components/datepicker/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DatePicker.cjs"),r=require("./validation.cjs"),t=require("./utils.cjs");exports.DatePicker=e.DatePicker,exports.isCorrectFormat=r.isCorrectFormat,exports.isWithinLowerBound=r.isWithinLowerBound,exports.isWithinUpperBound=r.isWithinUpperBound,exports.formatInput=t.formatInput,exports.isBlurTargetOutside=t.isBlurTargetOutside,exports.parseDateString=t.parseDateString;
-//# sourceMappingURL=index.cjs.map

package/build/cjs/components/datepicker/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/components/datepicker/index.d.cts

@@ -1,4 +0,0 @@
-export { DatePicker } from './DatePicker.cjs';
-export { isCorrectFormat, isWithinLowerBound, isWithinUpperBound, } from './validation.cjs';
-export { formatInput, parseDateString, isBlurTargetOutside } from './utils.cjs';
-export type { DatePickerProps, YearsToShow, DatePickerChangeEventHandler, DatePickerFocusEventHandler, DatePickerBlurEventHandler, DatePickerKeyDownEventHandler, DatePickerAction, ComparisonOptions, DatePickerMetadata, } from './types.cjs';

package/build/cjs/components/datepicker/internal/Calendar.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("react-dom"),n=require("../../../hooks/useId/useId.cjs"),r=require("../../button/Button.cjs"),l=require("../../icon/icons/ArrowLeftIcon.cjs"),o=require("../../icon/icons/ArrowRightIcon.cjs"),s=require("../../icon/icons/ChevronDownIcon.cjs"),c=require("./calendarReducer.cjs"),d=require("./useCalendar.cjs"),i=require("../../../../utils-CD_aHC6R.cjs"),u=["Januar","Februar","Mars","April","Mai","Juni","Juli","August","September","Oktober","November","Desember"],h=["man","tir","ons","tor","fre","lør","søn"],g=t.forwardRef((g,b)=>{const{date:f,defaultSelected:j,minDate:m,maxDate:p,days:k=h,months:v=u,monthLabel:x="Velg måned",yearLabel:D="Velg år",yearsToShow:w=i.DEFAULT_YEARS_TO_SHOW,onTabOutside:y,...S}=g,M=n.useId("jkl-calendar"),[{offset:F,selectedDate:C,shownDate:A},_]=t.useReducer(c.calendarReducer,i.getInitialDateShown(f,j,m,p),c.calendarInitializer),N=A.getMonth(),$=A.getFullYear();t.useEffect(()=>{_({type:"SET_SELECTED_DATE",newDate:i.getInitialDateShown(f,j,m,p)})},[f,j,m,p]);const q=t.useCallback(e=>{_({type:"SET_OFFSET",newOffset:e})},[]),{calendars:E,getBackProps:O,getDateProps:Y,getForwardProps:I,handleOffsetChanged:T}=d.useCalendar({date:C,selected:C,minDate:m,maxDate:p,offset:F,onOffsetChanged:q,firstDayOfWeek:1,...S}),R=t.useRef(null),L=t.useCallback(e=>{if(!R.current)return;const t=document.activeElement,n=R.current.querySelectorAll('button.jkl-calendar-date-button:not([data-adjacent="true"]'),r=async e=>{t?.setAttribute("tabindex","-1"),e.setAttribute("tabindex","0"),e.focus()};n.forEach((l,o)=>{const s=o+e;if(l===t)if(s<=n.length-1&&s>=0)r(n[s]);else if(e<0){if(i.isBackDisabled({calendars:E,minDate:m})||(a.flushSync(()=>{T(F-i.subtractMonth({calendars:E,offset:1,minDate:m}))}),!R.current))return;const e=R.current.querySelectorAll('button.jkl-calendar-date-button:not([data-adjacent="true"]');e[e.length+s]&&(e[0].setAttribute("tabindex","-1"),r(e[e.length+s]))}else{if(i.isForwardDisabled({calendars:E,maxDate:p})||(a.flushSync(()=>{T(F+i.addMonth({calendars:E,offset:1,maxDate:p}))}),!R.current))return;const e=R.current.querySelectorAll('button.jkl-calendar-date-button:not([data-adjacent="true"]');e[s-n.length]&&(e[0].setAttribute("tabindex","-1"),r(e[s-n.length]))}})},[T,F,E,p,m]),B=t.useCallback(e=>{switch(e.key){case"ArrowUp":L(-7),e.preventDefault();break;case"ArrowRight":L(1),e.preventDefault();break;case"ArrowDown":L(7),e.preventDefault();break;case"ArrowLeft":L(-1),e.preventDefault()}},[L]),K=t.useCallback(e=>{if("Tab"!==e.key)return;const t=R.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())},[]),P=t.useCallback(e=>{const{date:t,selected:a,selectable:n,prevMonth:r,nextMonth:l}=e;return!!n&&!(!a&&t.toString()!==m?.toString()&&(r||l||A.getFullYear()!==t.getFullYear()||C.getMonth()===t.getMonth()||1!==t.getDate()))},[A,m,C]),J=t.useCallback(()=>{m&&A.getFullYear()-m.getFullYear()===0&&A.getMonth()-m.getMonth()===1?document.querySelector(`[data-testid="${M}-forward-button"]`)?.focus():p&&p.getFullYear()-A.getFullYear()===0&&p.getMonth()-A.getMonth()===1&&document.querySelector(`[data-testid="${M}-back-button"]`)?.focus()},[m,p,A,M]),U=t.useCallback(e=>{if(4!==e.target.value.length)return;const t=Number.parseInt(e.target.value);if(Number.isNaN(t))return;let a=12*(t-A.getFullYear());const n=new Date(A.getFullYear(),A.getMonth()+a,A.getDate());p&&p.getFullYear()===n.getFullYear()&&p.getMonth()<n.getMonth()?a-=n.getMonth()-p.getMonth():m&&m.getFullYear()===n.getFullYear()&&m.getMonth()>n.getMonth()&&(a+=m.getMonth()-n.getMonth()),_({type:"ADD_OFFSET",addedOffset:a})},[A,m,p]),V=t.useCallback(e=>{if(!C&&!f)return;const t=A.getFullYear()-(C||new Date).getFullYear(),a=Number.parseInt(e.target.value)-(C||new Date).getMonth();_({type:"SET_OFFSET",newOffset:12*t+a})},[C,f,A]),W=i.getYearSelectOptions($,m,p,w),z=i.getMonthSelectOptions($,v,m,p);return e.jsx("div",{ref:b,id:M,className:"jkl-calendar","data-testid":"jkl-calendar",children:e.jsxs("div",{className:"jkl-calendar__padding",ref:R,onKeyDown:K,children:[e.jsxs("fieldset",{className:"jkl-calendar-navigation",children:[e.jsxs("div",{children:[e.jsx(r.Button,{...O({calendars:E,onClick:J}),"data-testid":`${M}-back-button`,variant:"ghost",icon:e.jsx(l.ArrowLeftIcon,{variant:"medium",bold:!0})}),e.jsx(r.Button,{...I({calendars:E,onClick:J}),variant:"ghost","data-testid":`${M}-forward-button`,icon:e.jsx(o.ArrowRightIcon,{variant:"medium",bold:!0})})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"jkl-calendar-navigation-dropdown",children:[e.jsx("select",{onChange:V,className:"jkl-calendar-navigation-dropdown__select","aria-label":x,value:N.toString(),children:z.map(({label:t,value:a})=>e.jsx("option",{value:a,children:t},a))}),e.jsx(s.ChevronDownIcon,{bold:!0,className:"jkl-calendar-navigation-dropdown__chevron"})]}),e.jsxs("div",{className:"jkl-calendar-navigation-dropdown",children:[e.jsx("select",{onChange:U,className:"jkl-calendar-navigation-dropdown__select","aria-label":D,value:$.toString(),children:W.map(t=>e.jsx("option",{value:t,children:t},t))}),e.jsx(s.ChevronDownIcon,{bold:!0,className:"jkl-calendar-navigation-dropdown__chevron"})]})]})]}),E.map(t=>e.jsxs("table",{className:"jkl-calendar-table","data-testid":"jkl-datepicker-calendar",children:[e.jsxs("caption",{className:"jkl-sr-only",children:[v[t.month],", ",t.year]}),e.jsx("thead",{children:e.jsx("tr",{children:k.map(a=>e.jsx("th",{children:a},`${t.month}${t.year}${a}`))})}),e.jsx("tbody",{"data-testid":"jkl-datepicker-dates",children:t.weeks.map((a,n)=>e.jsx("tr",{children:a.map((a,r)=>{const l=`${t.month}${t.year}${n}${r}`;if("string"==typeof a)return e.jsx("td",{className:"jkl-calendar__date jkl-calendar__date--empty",children:a},l);const{date:o,selectable:s,today:c,prevMonth:d,nextMonth:i}=a;return e.jsx("td",{children:e.jsx("button",{...Y({dateObj:a}),type:"button",className:"jkl-calendar-date-button",tabIndex:P(a)?0:-1,"aria-label":`${o.getDate()}. ${v[o.getMonth()].toLowerCase()}`,"aria-current":c?"date":void 0,"data-adjacent":d||i?"true":void 0,disabled:!s,onKeyDown:B,children:e.jsx("span",{"aria-hidden":"true",children:o.getDate()})})},l)})},`${t.month}${t.year}${n}`))})]},`${t.month}${t.year}`))]})})});g.displayName="Calendar",exports.Calendar=g;
-//# sourceMappingURL=Calendar.cjs.map

package/build/cjs/components/datepicker/internal/Calendar.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Calendar.cjs","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 { 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    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            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","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","setAttribute","nextButton","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/cjs/components/datepicker/internal/Calendar.d.cts

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

package/build/cjs/components/datepicker/internal/calendarReducer.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=e=>({selectedDate:e,offset:0,shownDate:e});exports.calendarInitializer=e,exports.calendarReducer=(t,s)=>{let a;switch(s.type){case"SET_OFFSET":return a=new Date(t.selectedDate),a.setMonth(t.selectedDate.getMonth()+s.newOffset),{...t,offset:s.newOffset,shownDate:a};case"ADD_OFFSET":return a=new Date(t.selectedDate),a.setMonth(t.selectedDate.getMonth()+t.offset+s.addedOffset),{...t,offset:t.offset+s.addedOffset,shownDate:a};case"SET_SELECTED_DATE":return e(s.newDate);default:return t}};
-//# sourceMappingURL=calendarReducer.cjs.map

package/build/cjs/components/datepicker/internal/calendarReducer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"calendarReducer.cjs","sources":["../../../../../src/components/datepicker/internal/calendarReducer.ts"],"sourcesContent":["import type { Reducer } from \"react\";\n\nexport type CalendarAction =\n    | {\n          type: \"SET_SELECTED_DATE\";\n          newDate: Date;\n      }\n    | {\n          type: \"SET_OFFSET\";\n          newOffset: number;\n      }\n    | {\n          type: \"ADD_OFFSET\";\n          addedOffset: number;\n      };\n\nexport type CalendarState = {\n    selectedDate: Date;\n    offset: number;\n    shownDate: Date;\n};\n\nexport const calendarReducer: Reducer<CalendarState, CalendarAction> = (\n    currentState,\n    action,\n) => {\n    let shownDate: Date;\n\n    switch (action.type) {\n        case \"SET_OFFSET\":\n            shownDate = new Date(currentState.selectedDate);\n            shownDate.setMonth(\n                currentState.selectedDate.getMonth() + action.newOffset,\n            );\n\n            return {\n                ...currentState,\n                offset: action.newOffset,\n                shownDate,\n            };\n\n        case \"ADD_OFFSET\":\n            shownDate = new Date(currentState.selectedDate);\n            shownDate.setMonth(\n                currentState.selectedDate.getMonth() +\n                    currentState.offset +\n                    action.addedOffset,\n            );\n\n            return {\n                ...currentState,\n                offset: currentState.offset + action.addedOffset,\n                shownDate,\n            };\n\n        case \"SET_SELECTED_DATE\":\n            return calendarInitializer(action.newDate);\n\n        default:\n            return currentState;\n    }\n};\n\nexport const calendarInitializer = (initialDate: Date): CalendarState => ({\n    selectedDate: initialDate,\n    offset: 0,\n    shownDate: initialDate,\n});\n"],"names":["calendarInitializer","initialDate","selectedDate","offset","shownDate","currentState","action","type","Date","setMonth","getMonth","newOffset","addedOffset","newDate"],"mappings":"gFAsBO,MAyCMA,EAAuBC,IAAAA,CAChCC,aAAcD,EACdE,OAAQ,EACRC,UAAWH,0DA5CwD,CACnEI,EACAC,KAEA,IAAIF,EAEJ,OAAQE,EAAOC,MACX,IAAK,aACD,OAAAH,EAAY,IAAII,KAAKH,EAAaH,cAClCE,EAAUK,SACNJ,EAAaH,aAAaQ,WAAaJ,EAAOK,WAG3C,IACAN,EACHF,OAAQG,EAAOK,UACfP,UAAAA,GAGR,IAAK,aACD,OAAAA,EAAY,IAAII,KAAKH,EAAaH,cAClCE,EAAUK,SACNJ,EAAaH,aAAaQ,WACtBL,EAAaF,OACbG,EAAOM,aAGR,IACAP,EACHF,OAAQE,EAAaF,OAASG,EAAOM,YACrCR,UAAAA,GAGR,IAAK,oBACD,OAAOJ,EAAoBM,EAAOO,SAEtC,QACI,OAAOR"}

package/build/cjs/components/datepicker/internal/calendarReducer.d.cts

@@ -1,18 +0,0 @@
-import { Reducer } from 'react';
-export type CalendarAction = {
-    type: "SET_SELECTED_DATE";
-    newDate: Date;
-} | {
-    type: "SET_OFFSET";
-    newOffset: number;
-} | {
-    type: "ADD_OFFSET";
-    addedOffset: number;
-};
-export type CalendarState = {
-    selectedDate: Date;
-    offset: number;
-    shownDate: Date;
-};
-export declare const calendarReducer: Reducer<CalendarState, CalendarAction>;
-export declare const calendarInitializer: (initialDate: Date) => CalendarState;

package/build/cjs/components/datepicker/internal/useCalendar.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../utils-CD_aHC6R.cjs"),t=require("react");function a(e){return void 0!==e}function n(t,{onClick:a,dateObj:n}){return{onClick:e.composeEventHandlers(a,e=>{t(n,e)}),disabled:!n.selectable,"aria-pressed":n.selected,role:"button"}}function s({minDate:t,offsetMonth:a,handleOffsetChanged:n},{onClick:s,offset:o=1,calendars:d}){const l=`Gå tilbake ${o} måned${1===o?"":"er"}`;return{onClick:e.composeEventHandlers(s,()=>{n(a-e.subtractMonth({calendars:d,offset:o,minDate:t}))}),disabled:e.isBackDisabled({calendars:d,minDate:t}),"aria-label":l,title:l}}function o({maxDate:t,offsetMonth:a,handleOffsetChanged:n},{onClick:s,offset:o=1,calendars:d}){const l=`Gå frem ${o} måned${1===o?"":"er"}`;return{onClick:e.composeEventHandlers(s,()=>{n(a+e.addMonth({calendars:d,offset:o,maxDate:t}))}),disabled:e.isForwardDisabled({calendars:d,maxDate:t}),"aria-label":l,title:l}}exports.useCalendar=function({date:d=e.dayjs().startOf("day").toDate(),maxDate:l,minDate:r,monthsToDisplay:i=1,firstDayOfWeek:f=0,showOutsideDays:c=!0,offset:u,onDateSelected:D,onOffsetChanged:h,selected:m}){const[b,C]=t.useState(0),O=function(e,t){return a(e)?e:t}(u,b);function g(e){a(u)||C(e),h(e)}return{calendars:e.getCalendars({date:d,selected:m,monthsToDisplay:i,minDate:r,maxDate:l,offset:O,firstDayOfWeek:f,showOutsideDays:c}),getDateProps:n.bind(null,D),getBackProps:s.bind(null,{minDate:r,offsetMonth:O,handleOffsetChanged:g}),getForwardProps:o.bind(null,{maxDate:l,offsetMonth:O,handleOffsetChanged:g}),handleOffsetChanged:g}};
-//# sourceMappingURL=useCalendar.cjs.map

package/build/cjs/components/datepicker/internal/useCalendar.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCalendar.cjs","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","date","dayjs","startOf","toDate","monthsToDisplay","firstDayOfWeek","showOutsideDays","onOffsetChanged","stateOffset","setStateOffset","useState","prop","state","getOffset","newOffset","getCalendars","bind"],"mappings":"qJAoCA,SAASA,EAAmBC,GACxB,YAAsB,IAAfA,CACX,CAoBA,SAASC,EACLC,GACEC,QAAAA,EAASC,QAAAA,IAEX,MAAO,CACHD,QAASE,EAAAA,qBAAqBF,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,EAAAA,qBAAqBF,EAAS,KACnCW,EACID,EAAcK,EAAAA,cAAc,CAAEF,UAAAA,EAAWD,OAAAA,EAAQH,QAAAA,OAGzDL,SAAUY,EAAAA,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,EAAAA,qBAAqBF,EAAS,KACnCW,EACID,EAAcU,EAAAA,SAAS,CAAEP,UAAAA,EAAWD,OAAAA,EAAQO,QAAAA,OAGpDf,SAAUiB,EAAAA,kBAAkB,CAAER,UAAAA,EAAWM,QAAAA,IACzC,aAAcL,EACdG,MAAOH,EAEf,qBA8BO,UACHQ,KAAAA,EAAOC,EAAAA,QAAQC,QAAQ,OAAOC,SAC9BN,QAAAA,EACAV,QAAAA,EACAiB,gBAAAA,EAAkB,EAClBC,eAAAA,EAAiB,EACjBC,gBAAAA,GAAkB,EAClBhB,OAAAA,EACAb,eAAAA,EACA8B,gBAAAA,EACAvB,SAAAA,IAEA,MAAOwB,EAAaC,GAAkBC,EAAAA,SAAS,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,EAAAA,aAAa,CAC3Bf,KAAAA,EACAhB,SAAAA,EACAoB,gBAAAA,EACAjB,QAAAA,EACAU,QAAAA,EACAP,OAAQF,EACRiB,eAAAA,EACAC,gBAAAA,IAIA9B,aAAcA,EAAawC,KAAK,KAAMvC,GACtCS,aAAcA,EAAa8B,KAAK,KAAM,CAClC7B,QAAAA,EACAC,YAAAA,EACAC,oBAAAA,IAEJO,gBAAiBA,EAAgBoB,KAAK,KAAM,CACxCnB,QAAAA,EACAT,YAAAA,EACAC,oBAAAA,IAEJA,oBAAAA,EAER"}

package/build/cjs/components/datepicker/internal/useCalendar.d.cts

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

package/build/cjs/components/datepicker/internal/utils.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../utils-CD_aHC6R.cjs");require("react"),require("../utils.cjs"),exports.DEFAULT_YEARS_TO_SHOW=e.DEFAULT_YEARS_TO_SHOW,exports.addMonth=e.addMonth,exports.composeEventHandlers=e.composeEventHandlers,exports.dateHasChanged=e.dateHasChanged,exports.dateIsOutsideRange=e.dateIsOutsideRange,exports.getCalendars=e.getCalendars,exports.getInitialDate=e.getInitialDate,exports.getInitialDateShown=e.getInitialDateShown,exports.getMonthSelectOptions=e.getMonthSelectOptions,exports.getYearSelectOptions=e.getYearSelectOptions,exports.isBackDisabled=e.isBackDisabled,exports.isForwardDisabled=e.isForwardDisabled,exports.isSameDay=e.isSameDay,exports.subtractMonth=e.subtractMonth;
-//# sourceMappingURL=utils.cjs.map

package/build/cjs/components/datepicker/internal/utils.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}