@fremtind/jokul 3.0.0 → 3.2.0

package/build/cjs/components/cookie-consent/CookieConsent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CookieConsent.cjs","sources":["../../../../src/components/cookie-consent/CookieConsent.tsx"],"sourcesContent":["import React, { type FormEventHandler, useEffect, useId } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Button } from \"../button/Button.js\";\nimport { Flex } from \"../flex/index.js\";\nimport { Link } from \"../link/index.js\";\nimport {\n    Modal,\n    ModalActions,\n    ModalBody,\n    ModalContainer,\n    ModalHeader,\n    ModalOverlay,\n    ModalTitle,\n} from \"../modal/Modal.js\";\nimport { useModal } from \"../modal/useModal.js\";\nimport { useInternalState } from \"./CookieConsentContext.js\";\nimport {\n    convertBooleanConsentObjectToConsentObject,\n    setConsentCookie,\n} from \"./cookieConsentUtils.js\";\nimport type { Consent, CookieConsentProps } from \"./types.js\";\n\nexport const CookieConsent = ({\n    blocking,\n    onAccept,\n    aboutPage = \"https://www.fremtind.no/informasjonskapsler\",\n    ...rest\n}: CookieConsentProps): JSX.Element | null => {\n    const {\n        currentConsent,\n        cookieName,\n        cookieDomain,\n        cookiePath,\n        requirement,\n        isOpen,\n        setIsOpen,\n        updateCurrentConsents,\n    } = useInternalState();\n\n    const [instance, modalConfig] = useModal({\n        id: `jkl-cookie-modal-${useId()}`,\n        // The optional `role` attribute of the dialog element, either `dialog`\n        // (default) or `alertdialog` to make it a modal (preventing closing on\n        // click outside of ESC key).\n        role: blocking ? \"alertdialog\" : \"dialog\",\n        // The required dialog title, mandatory in the document\n        // to provide context to assistive technology.\n        title: \"Informasjonskapsler\",\n    });\n    useEffect(() => {\n        if (isOpen) {\n            instance?.show();\n        } else {\n            instance?.hide();\n        }\n    }, [instance, isOpen]);\n\n    useEffect(() => {\n        const onHide = () => setIsOpen(false);\n        instance?.on(\"hide\", onHide);\n        return () => {\n            instance?.off(\"hide\", onHide);\n        };\n    }, [instance, setIsOpen]);\n\n    if (typeof document === \"undefined\") {\n        return null;\n    }\n\n    // Cookies are disabled in the browser\n    if (typeof navigator !== \"undefined\" && !navigator.cookieEnabled) {\n        if (onAccept) {\n            onAccept({\n                functional: \"denied\",\n                statistics: \"denied\",\n            });\n        }\n\n        return null;\n    }\n\n    const accept = (\n        selection = convertBooleanConsentObjectToConsentObject(\n            {\n                functional: true,\n                statistics: true,\n            },\n            requirement,\n        ),\n    ) => {\n        const selectionWithoutEmptyValues = Object.fromEntries(\n            Object.entries(selection).filter(\n                ([, value]) => typeof value !== \"undefined\",\n            ),\n        );\n\n        const updatedConsent: Consent = {\n            ...currentConsent,\n            ...selectionWithoutEmptyValues,\n        };\n\n        setConsentCookie({\n            consent: updatedConsent,\n            name: cookieName,\n            domain: cookieDomain,\n            path: cookiePath,\n        });\n\n        updateCurrentConsents();\n\n        onAccept?.(updatedConsent);\n\n        instance?.hide();\n    };\n\n    const onSubmit: FormEventHandler<HTMLFormElement> = (e) => {\n        e.preventDefault();\n\n        const formData = new FormData(e.currentTarget);\n\n        const newConsents = convertBooleanConsentObjectToConsentObject(\n            {\n                functional: formData.get(\"functional\") === \"true\",\n                statistics: formData.get(\"statistics\") === \"true\",\n            },\n            requirement,\n        );\n\n        accept(newConsents);\n    };\n\n    return ReactDOM.createPortal(\n        <ModalContainer\n            {...modalConfig.container}\n            {...rest}\n            data-cookie-consent-open={isOpen}\n        >\n            <ModalOverlay {...modalConfig.overlay} />\n            <Modal component=\"form\" {...modalConfig.modal} {...{ onSubmit }}>\n                <form>\n                    <ModalHeader>\n                        <ModalTitle {...modalConfig.title}>\n                            Får vi bruke valgfrie informasjonskapsler?\n                        </ModalTitle>\n                    </ModalHeader>\n                    <ModalBody>\n                        <Flex direction=\"column\" gap=\"m\">\n                            <p>\n                                Vi ønsker å samle anonym statistikk for å forstå\n                                hvordan nettsidene våre brukes. Det hjelper oss\n                                til å gjøre innhold og løsninger bedre og mer\n                                brukervennlige.\n                            </p>\n                            <p>\n                                <Link href={aboutPage} target=\"_blank\">\n                                    Les mer om hvilke informasjonskapsler vi\n                                    lagrer her\n                                </Link>\n                                .\n                            </p>\n                        </Flex>\n                    </ModalBody>\n                    <ModalActions>\n                        <Button\n                            variant=\"secondary\"\n                            data-testid=\"jkl-cookie-consent-godta-alle\"\n                            type=\"button\"\n                            onClick={() => accept()}\n                        >\n                            Ja, det er greit\n                        </Button>\n                        <Button\n                            variant=\"secondary\"\n                            data-testid=\"jkl-cookie-consent-godta\"\n                            type=\"submit\"\n                        >\n                            Nei takk\n                        </Button>\n                    </ModalActions>\n                </form>\n            </Modal>\n        </ModalContainer>,\n        document.body,\n    );\n};\n"],"names":["blocking","onAccept","aboutPage","rest","currentConsent","cookieName","cookieDomain","cookiePath","requirement","isOpen","setIsOpen","updateCurrentConsents","useInternalState","instance","modalConfig","useModal","id","useId","role","title","useEffect","show","hide","onHide","on","off","document","navigator","cookieEnabled","functional","statistics","accept","selection","convertBooleanConsentObjectToConsentObject","selectionWithoutEmptyValues","Object","fromEntries","entries","filter","value","updatedConsent","setConsentCookie","consent","name","domain","path","ReactDOM","createPortal","jsxs","ModalContainer","container","children","jsx","ModalOverlay","overlay","Modal","component","modal","onSubmit","e","preventDefault","formData","FormData","currentTarget","newConsents","get","ModalHeader","ModalTitle","ModalBody","Flex","direction","gap","Link","href","target","ModalActions","Button","variant","type","onClick","body"],"mappings":"oaAsB6B,EACzBA,SAAAA,EACAC,SAAAA,EACAC,UAAAA,EAAY,iDACTC,MAEG,MACFC,eAAAA,EACAC,WAAAA,EACAC,aAAAA,EACAC,WAAAA,EACAC,YAAAA,EACAC,OAAAA,EACAC,UAAAA,EACAC,sBAAAA,GACAC,sBAEGC,EAAUC,GAAeC,WAAS,CACrCC,GAAI,oBAAoBC,EAAAA,UAIxBC,KAAMlB,EAAW,cAAgB,SAGjCmB,MAAO,wBAkBP,GAhBJC,EAAAA,WAAU,KACFX,EACAI,GAAUQ,OAEVR,GAAUS,MAAK,GAEpB,CAACT,EAAUJ,IAEdW,EAAAA,WAAU,KACA,MAAAG,EAAS,IAAMb,GAAU,GACrB,OAAAG,GAAAW,GAAG,OAAQD,GACd,KACOV,GAAAY,IAAI,OAAQF,EAAM,CAChC,GACD,CAACV,EAAUH,WAEHgB,SAAa,IACb,OAAA,KAIX,UAAWC,UAAc,MAAgBA,UAAUC,cAC/C,OAAI3B,GACSA,EAAA,CACL4B,WAAY,SACZC,WAAY,WAIb,KAGL,MAAAC,EAAS,CACXC,EAAYC,EAAAA,2CACR,CACIJ,YAAY,EACZC,YAAY,GAEhBtB,MAGJ,MAAM0B,EAA8BC,OAAOC,YACvCD,OAAOE,QAAQL,GAAWM,QACtB,EAAI,CAAAC,YAAkBA,EAAU,OAIlCC,EAA0B,IACzBpC,KACA8B,GAGUO,mBAAA,CACbC,QAASF,EACTG,KAAMtC,EACNuC,OAAQtC,EACRuC,KAAMtC,IAGYI,IAEtBV,IAAWuC,GAEX3B,GAAUS,MAAK,EAmBnB,OAAOwB,EAASC,aACZC,EAAAA,KAACC,EAAAA,eAAA,IACOnC,EAAYoC,aACZ/C,EACJ,2BAA0BM,EAE1B0C,SAAA,CAACC,EAAAA,IAAAC,EAAAA,aAAA,IAAiBvC,EAAYwC,UAC7BF,EAAAA,IAAAG,EAAAA,MAAA,CAAMC,UAAU,UAAW1C,EAAY2C,MAAaC,SAvBRC,IACjDA,EAAEC,iBAEF,MAAMC,EAAW,IAAIC,SAASH,EAAEI,eAE1BC,EAAc/B,EAAAA,2CAChB,CACIJ,WAA2C,SAA/BgC,EAASI,IAAI,cACzBnC,WAA2C,SAA/B+B,EAASI,IAAI,eAE7BzD,GAGJuB,EAAOiC,EAAW,EAWVb,SAAAH,EAAAA,KAAC,OACG,CAAAG,SAAA,CAAAC,EAAAA,IAACc,eACGf,SAACC,EAAAA,IAAAe,EAAAA,WAAA,IAAerD,EAAYK,MAAOgC,gEAItCiB,EACGA,UAAA,CAAAjB,SAAAH,OAACqB,EAAAA,MAAKC,UAAU,SAASC,IAAI,IACzBpB,SAAA,CAAAC,EAAAA,IAAC,KAAED,SAKH,0KACC,IACG,CAAAA,SAAA,CAAAC,MAACoB,EAAAA,KAAK,CAAAC,KAAMvE,EAAWwE,OAAO,SAASvB,SAGvC,wDAAO,mBAKlBwB,EAAAA,aACG,CAAAxB,SAAA,CAAAC,EAAAA,IAACwB,EAAAA,OAAA,CACGC,QAAQ,YACR,cAAY,gCACZC,KAAK,SACLC,QAAS,IAAMhD,IAClBoB,SAAA,qBAGDC,EAAAA,IAACwB,EAAAA,OAAA,CACGC,QAAQ,YACR,cAAY,2BACZC,KAAK,SACR3B,SAAA,wBAOjBzB,SAASsD,KACb"}
+{"version":3,"file":"CookieConsent.cjs","sources":["../../../../src/components/cookie-consent/CookieConsent.tsx"],"sourcesContent":["import React, { type FormEventHandler, useEffect, useId } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Button } from \"../button/Button.js\";\nimport { Flex } from \"../flex/index.js\";\nimport { Link } from \"../link/index.js\";\nimport {\n    Modal,\n    ModalActions,\n    ModalBody,\n    ModalContainer,\n    ModalHeader,\n    ModalOverlay,\n    ModalTitle,\n} from \"../modal/Modal.js\";\nimport { useModal } from \"../modal/useModal.js\";\nimport { useInternalState } from \"./CookieConsentContext.js\";\nimport {\n    convertBooleanConsentObjectToConsentObject,\n    setConsentCookie,\n} from \"./cookieConsentUtils.js\";\nimport type { Consent, CookieConsentProps } from \"./types.js\";\n\nexport const CookieConsent = ({\n    blocking,\n    onAccept,\n    aboutPage = \"https://www.fremtind.no/informasjonskapsler\",\n    ...rest\n}: CookieConsentProps): JSX.Element | null => {\n    const {\n        currentConsent,\n        cookieName,\n        cookieDomain,\n        cookiePath,\n        requirement,\n        isOpen,\n        setIsOpen,\n        updateCurrentConsents,\n    } = useInternalState();\n\n    const [instance, modalConfig] = useModal({\n        id: `jkl-cookie-modal-${useId()}`,\n        // The optional `role` attribute of the dialog element, either `dialog`\n        // (default) or `alertdialog` to make it a modal (preventing closing on\n        // click outside of ESC key).\n        role: blocking ? \"alertdialog\" : \"dialog\",\n        // The required dialog title, mandatory in the document\n        // to provide context to assistive technology.\n        title: \"Informasjonskapsler\",\n    });\n    useEffect(() => {\n        if (isOpen) {\n            instance?.show();\n        } else {\n            instance?.hide();\n        }\n    }, [instance, isOpen]);\n\n    useEffect(() => {\n        const onHide = () => setIsOpen(false);\n        instance?.on(\"hide\", onHide);\n        return () => {\n            instance?.off(\"hide\", onHide);\n        };\n    }, [instance, setIsOpen]);\n\n    if (typeof document === \"undefined\") {\n        return null;\n    }\n\n    // Cookies are disabled in the browser\n    if (typeof navigator !== \"undefined\" && !navigator.cookieEnabled) {\n        if (onAccept) {\n            onAccept({\n                functional: \"denied\",\n                statistics: \"denied\",\n            });\n        }\n\n        return null;\n    }\n\n    const accept = (\n        selection = convertBooleanConsentObjectToConsentObject(\n            {\n                functional: true,\n                statistics: true,\n            },\n            requirement,\n        ),\n    ) => {\n        const selectionWithoutEmptyValues = Object.fromEntries(\n            Object.entries(selection).filter(\n                ([, value]) => typeof value !== \"undefined\",\n            ),\n        );\n\n        const updatedConsent: Consent = {\n            ...currentConsent,\n            ...selectionWithoutEmptyValues,\n        };\n\n        setConsentCookie({\n            consent: updatedConsent,\n            name: cookieName,\n            domain: cookieDomain,\n            path: cookiePath,\n        });\n\n        updateCurrentConsents();\n\n        onAccept?.(updatedConsent);\n\n        instance?.hide();\n    };\n\n    const onSubmit: FormEventHandler<HTMLFormElement> = (e) => {\n        e.preventDefault();\n\n        const formData = new FormData(e.currentTarget);\n\n        const newConsents = convertBooleanConsentObjectToConsentObject(\n            {\n                functional: formData.get(\"functional\") === \"true\",\n                statistics: formData.get(\"statistics\") === \"true\",\n            },\n            requirement,\n        );\n\n        accept(newConsents);\n    };\n\n    return ReactDOM.createPortal(\n        <ModalContainer\n            {...modalConfig.container}\n            {...rest}\n            data-cookie-consent-open={isOpen}\n        >\n            <ModalOverlay {...modalConfig.overlay} />\n            <Modal component=\"form\" {...modalConfig.modal} {...{ onSubmit }}>\n                <form>\n                    <ModalHeader>\n                        <ModalTitle {...modalConfig.title}>\n                            Får vi bruke valgfrie informasjonskapsler?\n                        </ModalTitle>\n                    </ModalHeader>\n                    <ModalBody>\n                        <Flex direction=\"column\" gap=\"m\">\n                            <p>\n                                Vi ønsker å samle anonym statistikk for å forstå\n                                hvordan nettsidene våre brukes. Det hjelper oss\n                                til å gjøre innhold og løsninger bedre og mer\n                                brukervennlige.\n                            </p>\n                            <p>\n                                <Link href={aboutPage} target=\"_blank\">\n                                    Les mer om hvilke informasjonskapsler vi\n                                    lagrer her\n                                </Link>\n                                .\n                            </p>\n                        </Flex>\n                    </ModalBody>\n                    <ModalActions>\n                        <Button\n                            variant=\"secondary\"\n                            data-testid=\"jkl-cookie-consent-godta-alle\"\n                            type=\"button\"\n                            onClick={() => accept()}\n                        >\n                            Ja, det er greit\n                        </Button>\n                        <Button\n                            variant=\"secondary\"\n                            data-testid=\"jkl-cookie-consent-godta\"\n                            type=\"submit\"\n                        >\n                            Nei takk\n                        </Button>\n                    </ModalActions>\n                </form>\n            </Modal>\n        </ModalContainer>,\n        document.body,\n    );\n};\n"],"names":["blocking","onAccept","aboutPage","rest","currentConsent","cookieName","cookieDomain","cookiePath","requirement","isOpen","setIsOpen","updateCurrentConsents","useInternalState","instance","modalConfig","useModal","id","useId","role","title","useEffect","show","hide","onHide","on","off","document","navigator","cookieEnabled","functional","statistics","accept","selection","convertBooleanConsentObjectToConsentObject","selectionWithoutEmptyValues","Object","fromEntries","entries","filter","value","updatedConsent","setConsentCookie","consent","name","domain","path","ReactDOM","createPortal","jsxs","ModalContainer","container","children","jsx","ModalOverlay","overlay","Modal","component","modal","onSubmit","e","preventDefault","formData","FormData","currentTarget","newConsents","get","ModalHeader","ModalTitle","ModalBody","Flex","direction","gap","Link","href","target","ModalActions","Button","variant","type","onClick","body"],"mappings":"oaAsB6B,EACzBA,SAAAA,EACAC,SAAAA,EACAC,UAAAA,EAAY,iDACTC,MAEH,MACIC,eAAAA,EACAC,WAAAA,EACAC,aAAAA,EACAC,WAAAA,EACAC,YAAAA,EACAC,OAAAA,EACAC,UAAAA,EACAC,sBAAAA,GACAC,sBAEGC,EAAUC,GAAeC,WAAS,CACrCC,GAAI,oBAAoBC,EAAAA,UAIxBC,KAAMlB,EAAW,cAAgB,SAGjCmB,MAAO,wBAkBX,GAhBAC,EAAAA,UAAU,KACFX,EACAI,GAAUQ,OAEVR,GAAUS,QAEf,CAACT,EAAUJ,IAEdW,EAAAA,UAAU,KACN,MAAMG,EAAS,IAAMb,GAAU,GAC/B,OAAAG,GAAUW,GAAG,OAAQD,GACd,KACHV,GAAUY,IAAI,OAAQF,KAE3B,CAACV,EAAUH,WAEHgB,SAAa,IACpB,OAAO,KAIX,UAAWC,UAAc,MAAgBA,UAAUC,cAC/C,OAAI3B,GACAA,EAAS,CACL4B,WAAY,SACZC,WAAY,WAIb,KAGX,MAAMC,EAAS,CACXC,EAAYC,EAAAA,2CACR,CACIJ,YAAY,EACZC,YAAY,GAEhBtB,MAGJ,MAAM0B,EAA8BC,OAAOC,YACvCD,OAAOE,QAAQL,GAAWM,OACtB,EAAC,CAAGC,YAAkBA,EAAU,MAIlCC,EAA0B,IACzBpC,KACA8B,GAGPO,mBAAiB,CACbC,QAASF,EACTG,KAAMtC,EACNuC,OAAQtC,EACRuC,KAAMtC,IAGVI,IAEAV,IAAWuC,GAEX3B,GAAUS,QAmBd,OAAOwB,EAASC,aACZC,EAAAA,KAACC,EAAAA,eAAA,IACOnC,EAAYoC,aACZ/C,EACJ,2BAA0BM,EAE1B0C,SAAA,CAAAC,EAAAA,IAACC,EAAAA,aAAA,IAAiBvC,EAAYwC,UAC9BF,EAAAA,IAACG,EAAAA,MAAA,CAAMC,UAAU,UAAW1C,EAAY2C,MAAaC,SAvBRC,IACjDA,EAAEC,iBAEF,MAAMC,EAAW,IAAIC,SAASH,EAAEI,eAE1BC,EAAc/B,EAAAA,2CAChB,CACIJ,WAA2C,SAA/BgC,EAASI,IAAI,cACzBnC,WAA2C,SAA/B+B,EAASI,IAAI,eAE7BzD,GAGJuB,EAAOiC,IAWCb,SAAAH,EAAAA,KAAC,OAAA,CACGG,SAAA,CAAAC,EAAAA,IAACc,EAAAA,aACGf,SAAAC,EAAAA,IAACe,EAAAA,WAAA,IAAerD,EAAYK,MAAOgC,gEAItCiB,EAAAA,UAAA,CACGjB,SAAAH,OAACqB,EAAAA,MAAKC,UAAU,SAASC,IAAI,IACzBpB,SAAA,CAAAC,EAAAA,IAAC,KAAED,SAAA,0KAMF,IAAA,CACGA,SAAA,CAAAC,MAACoB,EAAAA,KAAA,CAAKC,KAAMvE,EAAWwE,OAAO,SAASvB,SAAA,wDAGhC,mBAKlBwB,EAAAA,aAAA,CACGxB,SAAA,CAAAC,EAAAA,IAACwB,EAAAA,OAAA,CACGC,QAAQ,YACR,cAAY,gCACZC,KAAK,SACLC,QAAS,IAAMhD,IAClBoB,SAAA,qBAGDC,EAAAA,IAACwB,EAAAA,OAAA,CACGC,QAAQ,YACR,cAAY,2BACZC,KAAK,SACR3B,SAAA,wBAOjBzB,SAASsD"}

package/build/cjs/components/cookie-consent/CookieConsentContext.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),t=require("./cookieConsentUtils.cjs"),n="fremtind-cookie-consent",s=o.createContext(void 0);exports.CookieConsentProvider=({children:i,cookieAdapter:r,functional:u,statistics:a,cookieName:c=n,cookieDomain:C,cookiePath:d})=>{const[l,k]=o.useState((()=>Date.now())),m=o.useMemo((()=>t.buildRequirementsObject({functional:u,statistics:a})),[u,a]),p=o.useMemo((()=>t.getConsentCookie({adapter:r,name:c})??{functional:null,statistics:null}),[r,c,l]),[h,x]=o.useState((()=>t.shouldShowConsentDialog(m,p)));return e.jsx(s.Provider,{value:{isOpen:h,setIsOpen:x,updateCurrentConsents:()=>k(Date.now()),requirement:m,currentConsent:p,cookieName:c,cookieDomain:C,cookiePath:d},children:i})},exports.DEFAULT_COOKIE_NAME=n,exports.useCookieConsent=()=>{const e=o.useContext(s);if(void 0===e)throw new Error("useCookieConsent must be used within a CookieConsentProvider");return{openConsentModal:()=>{e.setIsOpen(!0)},consents:e.currentConsent}},exports.useInternalState=()=>{const e=o.useContext(s);if(void 0===e)throw new Error("CookieConsent must be used within a CookieConsentProvider");return e};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),t=require("./cookieConsentUtils.cjs"),n="fremtind-cookie-consent",s=o.createContext(void 0);exports.CookieConsentProvider=({children:i,cookieAdapter:r,functional:u,statistics:a,cookieName:c=n,cookieDomain:C,cookiePath:d})=>{const[l,k]=o.useState(()=>Date.now()),m=o.useMemo(()=>t.buildRequirementsObject({functional:u,statistics:a}),[u,a]),p=o.useMemo(()=>t.getConsentCookie({adapter:r,name:c})??{functional:null,statistics:null},[r,c,l]),[h,x]=o.useState(()=>t.shouldShowConsentDialog(m,p));return e.jsx(s.Provider,{value:{isOpen:h,setIsOpen:x,updateCurrentConsents:()=>k(Date.now()),requirement:m,currentConsent:p,cookieName:c,cookieDomain:C,cookiePath:d},children:i})},exports.DEFAULT_COOKIE_NAME=n,exports.useCookieConsent=()=>{const e=o.useContext(s);if(void 0===e)throw new Error("useCookieConsent must be used within a CookieConsentProvider");return{openConsentModal:()=>{e.setIsOpen(!0)},consents:e.currentConsent}},exports.useInternalState=()=>{const e=o.useContext(s);if(void 0===e)throw new Error("CookieConsent must be used within a CookieConsentProvider");return e};
 //# sourceMappingURL=CookieConsentContext.cjs.map

package/build/cjs/components/cookie-consent/CookieConsentContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CookieConsentContext.cjs","sources":["../../../../src/components/cookie-consent/CookieConsentContext.tsx"],"sourcesContent":["import React, { useContext, useMemo, useState } from \"react\";\nimport {\n    buildRequirementsObject,\n    getConsentCookie,\n    shouldShowConsentDialog,\n} from \"./cookieConsentUtils.js\";\nimport type {\n    Consent,\n    CookieConsentProviderProps,\n    InternalContext,\n} from \"./types.js\";\n\nexport const DEFAULT_COOKIE_NAME = \"fremtind-cookie-consent\";\n\nconst Context = React.createContext<InternalContext | undefined>(undefined);\n\nexport const CookieConsentProvider: React.FC<CookieConsentProviderProps> = ({\n    children,\n    cookieAdapter,\n    functional,\n    statistics,\n    cookieName = DEFAULT_COOKIE_NAME,\n    cookieDomain,\n    cookiePath,\n}) => {\n    const [timestamp, setTimestamp] = useState(() => Date.now());\n\n    const requirement = useMemo(\n        () => buildRequirementsObject({ functional, statistics }),\n        [functional, statistics],\n    );\n\n    /* Use timestamp as a dependency to be able to force re-reading of cookie */\n    // biome-ignore lint/correctness/useExhaustiveDependencies:\n    const consentCookie = useMemo(() => {\n        return (\n            getConsentCookie({ adapter: cookieAdapter, name: cookieName }) ?? {\n                functional: null,\n                statistics: null,\n            }\n        );\n    }, [cookieAdapter, cookieName, timestamp]);\n\n    const [isOpen, setIsOpen] = useState(() => {\n        return shouldShowConsentDialog(requirement, consentCookie);\n    });\n\n    return (\n        <Context.Provider\n            value={{\n                isOpen,\n                setIsOpen,\n                updateCurrentConsents: () => setTimestamp(Date.now()),\n                requirement,\n                currentConsent: consentCookie,\n                cookieName,\n                cookieDomain,\n                cookiePath,\n            }}\n        >\n            {children}\n        </Context.Provider>\n    );\n};\n\nexport const useInternalState = () => {\n    const context = React.useContext(Context);\n    if (context === undefined) {\n        throw new Error(\n            \"CookieConsent must be used within a CookieConsentProvider\",\n        );\n    }\n\n    return context;\n};\n\ntype UseCookieConsent = {\n    openConsentModal: () => void;\n    consents: Consent;\n};\n\nexport const useCookieConsent = (): UseCookieConsent => {\n    const context = useContext(Context);\n\n    if (context === undefined) {\n        throw new Error(\n            \"useCookieConsent must be used within a CookieConsentProvider\",\n        );\n    }\n\n    const openConsentModal = () => {\n        context.setIsOpen(true);\n    };\n\n    const consents = context.currentConsent;\n\n    return { openConsentModal, consents };\n};\n"],"names":["DEFAULT_COOKIE_NAME","Context","React","createContext","children","cookieAdapter","functional","statistics","cookieName","cookieDomain","cookiePath","timestamp","setTimestamp","useState","Date","now","requirement","useMemo","buildRequirementsObject","consentCookie","getConsentCookie","adapter","name","isOpen","setIsOpen","shouldShowConsentDialog","jsx","Provider","value","updateCurrentConsents","currentConsent","context","useContext","Error","openConsentModal","consents"],"mappings":"8KAYaA,EAAsB,0BAE7BC,EAAUC,EAAMC,mBAA2C,iCAEU,EACvEC,SAAAA,EACAC,cAAAA,EACAC,WAAAA,EACAC,WAAAA,EACAC,WAAAA,EAAaR,EACbS,aAAAA,EACAC,WAAAA,MAEM,MAACC,EAAWC,GAAgBC,YAAS,IAAMC,KAAKC,QAEhDC,EAAcC,EAAAA,SAChB,IAAMC,0BAAwB,CAAEZ,WAAAA,EAAYC,WAAAA,KAC5C,CAACD,EAAYC,IAKXY,EAAgBF,EAAAA,SAAQ,IAEtBG,EAAAA,iBAAiB,CAAEC,QAAShB,EAAeiB,KAAMd,KAAiB,CAC9DF,WAAY,KACZC,WAAY,OAGrB,CAACF,EAAeG,EAAYG,KAExBY,EAAQC,GAAaX,YAAS,IAC1BY,EAAAA,wBAAwBT,EAAaG,KAI5C,OAAAO,EAAAA,IAACzB,EAAQ0B,SAAR,CACGC,MAAO,CACHL,OAAAA,EACAC,UAAAA,EACAK,sBAAuB,IAAMjB,EAAaE,KAAKC,OAC/CC,YAAAA,EACAc,eAAgBX,EAChBX,WAAAA,EACAC,aAAAA,EACAC,WAAAA,GAGHN,SAAAA,GACL,yDAoBwB,KACtB,MAAA2B,EAAUC,aAAW/B,GAE3B,QAAgB,IAAZ8B,EACA,MAAM,IAAIE,MACN,gEAUD,MAAA,CAAEC,iBANgB,KACrBH,EAAQP,WAAU,EAAI,EAKCW,SAFVJ,EAAQD,eAEW,2BA/BR,KACtB,MAAAC,EAAU7B,EAAM8B,WAAW/B,GACjC,QAAgB,IAAZ8B,EACA,MAAM,IAAIE,MACN,6DAID,OAAAF"}
+{"version":3,"file":"CookieConsentContext.cjs","sources":["../../../../src/components/cookie-consent/CookieConsentContext.tsx"],"sourcesContent":["import React, { useContext, useMemo, useState } from \"react\";\nimport {\n    buildRequirementsObject,\n    getConsentCookie,\n    shouldShowConsentDialog,\n} from \"./cookieConsentUtils.js\";\nimport type {\n    Consent,\n    CookieConsentProviderProps,\n    InternalContext,\n} from \"./types.js\";\n\nexport const DEFAULT_COOKIE_NAME = \"fremtind-cookie-consent\";\n\nconst Context = React.createContext<InternalContext | undefined>(undefined);\n\nexport const CookieConsentProvider: React.FC<CookieConsentProviderProps> = ({\n    children,\n    cookieAdapter,\n    functional,\n    statistics,\n    cookieName = DEFAULT_COOKIE_NAME,\n    cookieDomain,\n    cookiePath,\n}) => {\n    const [timestamp, setTimestamp] = useState(() => Date.now());\n\n    const requirement = useMemo(\n        () => buildRequirementsObject({ functional, statistics }),\n        [functional, statistics],\n    );\n\n    /* Use timestamp as a dependency to be able to force re-reading of cookie */\n    // biome-ignore lint/correctness/useExhaustiveDependencies:\n    const consentCookie = useMemo(() => {\n        return (\n            getConsentCookie({ adapter: cookieAdapter, name: cookieName }) ?? {\n                functional: null,\n                statistics: null,\n            }\n        );\n    }, [cookieAdapter, cookieName, timestamp]);\n\n    const [isOpen, setIsOpen] = useState(() => {\n        return shouldShowConsentDialog(requirement, consentCookie);\n    });\n\n    return (\n        <Context.Provider\n            value={{\n                isOpen,\n                setIsOpen,\n                updateCurrentConsents: () => setTimestamp(Date.now()),\n                requirement,\n                currentConsent: consentCookie,\n                cookieName,\n                cookieDomain,\n                cookiePath,\n            }}\n        >\n            {children}\n        </Context.Provider>\n    );\n};\n\nexport const useInternalState = () => {\n    const context = React.useContext(Context);\n    if (context === undefined) {\n        throw new Error(\n            \"CookieConsent must be used within a CookieConsentProvider\",\n        );\n    }\n\n    return context;\n};\n\ntype UseCookieConsent = {\n    openConsentModal: () => void;\n    consents: Consent;\n};\n\nexport const useCookieConsent = (): UseCookieConsent => {\n    const context = useContext(Context);\n\n    if (context === undefined) {\n        throw new Error(\n            \"useCookieConsent must be used within a CookieConsentProvider\",\n        );\n    }\n\n    const openConsentModal = () => {\n        context.setIsOpen(true);\n    };\n\n    const consents = context.currentConsent;\n\n    return { openConsentModal, consents };\n};\n"],"names":["DEFAULT_COOKIE_NAME","Context","React","createContext","children","cookieAdapter","functional","statistics","cookieName","cookieDomain","cookiePath","timestamp","setTimestamp","useState","Date","now","requirement","useMemo","buildRequirementsObject","consentCookie","getConsentCookie","adapter","name","isOpen","setIsOpen","shouldShowConsentDialog","jsx","Provider","value","updateCurrentConsents","currentConsent","context","useContext","Error","openConsentModal","consents"],"mappings":"8KAYaA,EAAsB,0BAE7BC,EAAUC,EAAMC,mBAA2C,iCAEU,EACvEC,SAAAA,EACAC,cAAAA,EACAC,WAAAA,EACAC,WAAAA,EACAC,WAAAA,EAAaR,EACbS,aAAAA,EACAC,WAAAA,MAEA,MAAOC,EAAWC,GAAgBC,EAAAA,SAAS,IAAMC,KAAKC,OAEhDC,EAAcC,EAAAA,QAChB,IAAMC,0BAAwB,CAAEZ,WAAAA,EAAYC,WAAAA,IAC5C,CAACD,EAAYC,IAKXY,EAAgBF,EAAAA,QAAQ,IAEtBG,EAAAA,iBAAiB,CAAEC,QAAShB,EAAeiB,KAAMd,KAAiB,CAC9DF,WAAY,KACZC,WAAY,MAGrB,CAACF,EAAeG,EAAYG,KAExBY,EAAQC,GAAaX,EAAAA,SAAS,IAC1BY,EAAAA,wBAAwBT,EAAaG,IAGhD,OACIO,EAAAA,IAACzB,EAAQ0B,SAAR,CACGC,MAAO,CACHL,OAAAA,EACAC,UAAAA,EACAK,sBAAuB,IAAMjB,EAAaE,KAAKC,OAC/CC,YAAAA,EACAc,eAAgBX,EAChBX,WAAAA,EACAC,aAAAA,EACAC,WAAAA,GAGHN,SAAAA,4DAqBmB,KAC5B,MAAM2B,EAAUC,EAAAA,WAAW/B,GAE3B,QAAgB,IAAZ8B,EACA,MAAM,IAAIE,MACN,gEAUR,MAAO,CAAEC,iBANgB,KACrBH,EAAQP,WAAU,IAKKW,SAFVJ,EAAQD,0CA7BG,KAC5B,MAAMC,EAAU7B,EAAM8B,WAAW/B,GACjC,QAAgB,IAAZ8B,EACA,MAAM,IAAIE,MACN,6DAIR,OAAOF"}

package/build/cjs/components/cookie-consent/cookieConsentUtils.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=t=>typeof t>"u"?null:!1===t||"false"===String(t).toLowerCase()?"denied":"accepted";exports.buildRequirementsObject=({functional:t,statistics:e})=>({...t&&{functional:t},...e&&{statistics:e}}),exports.convertBooleanConsentObjectToConsentObject=(e,o)=>({functional:o.functional?t(e.functional):void 0,statistics:o.statistics?t(e.statistics):void 0}),exports.convertBooleanToConsentValue=t,exports.getConsentCookie=({adapter:t,name:e})=>{const o=(t=>{if(typeof document>"u")return;const e=document.cookie.split(";").map((t=>t.trim().split("="))).find((e=>e[0]===t));return e||void 0})(e);return o?JSON.parse(o[1]):t?t():void 0},exports.setConsentCookie=({consent:t,maxAge:e=10368e3,name:o,domain:n,path:s})=>{document.cookie=[`${o}=${JSON.stringify(t)}`,`max-age=${e}`,"SameSite=Lax",!!n&&`domain=${n}`,!!s&&`path=${s}`].filter((t=>t)).join(";")},exports.shouldShowConsentDialog=(t,e)=>{if(!e)return Object.values(t).some((t=>t));const o=new Map(Object.entries(e)),n=Object.entries(t);for(const[t,e]of n)if(e&&null===o.get(t))return!0;return!1};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=t=>typeof t>"u"?null:!1===t||"false"===String(t).toLowerCase()?"denied":"accepted";exports.buildRequirementsObject=({functional:t,statistics:e})=>({...t&&{functional:t},...e&&{statistics:e}}),exports.convertBooleanConsentObjectToConsentObject=(e,o)=>({functional:o.functional?t(e.functional):void 0,statistics:o.statistics?t(e.statistics):void 0}),exports.convertBooleanToConsentValue=t,exports.getConsentCookie=({adapter:t,name:e})=>{const o=(t=>{if(typeof document>"u")return;const e=document.cookie.split(";").map(t=>t.trim().split("=")).find(e=>e[0]===t);return e||void 0})(e);return o?JSON.parse(o[1]):t?t():void 0},exports.setConsentCookie=({consent:t,maxAge:e=10368e3,name:o,domain:n,path:s})=>{document.cookie=[`${o}=${JSON.stringify(t)}`,`max-age=${e}`,"SameSite=Lax",!!n&&`domain=${n}`,!!s&&`path=${s}`].filter(t=>t).join(";")},exports.shouldShowConsentDialog=(t,e)=>{if(!e)return Object.values(t).some(t=>t);const o=new Map(Object.entries(e)),n=Object.entries(t);for(const[t,e]of n)if(e&&null===o.get(t))return!0;return!1};
 //# sourceMappingURL=cookieConsentUtils.cjs.map

package/build/cjs/components/cookie-consent/cookieConsentUtils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"cookieConsentUtils.cjs","sources":["../../../../src/components/cookie-consent/cookieConsentUtils.ts"],"sourcesContent":["import type { Consent, ConsentRequirement, ConsentState } from \"./types.js\";\n\nconst getCookie = (name: string) => {\n    if (typeof document === \"undefined\") {\n        return undefined;\n    }\n\n    const cookie = document.cookie\n        // split a string of cookies into array of cookies\n        .split(\";\")\n        // split cookies into [name, value]\n        .map((s) => s.trim().split(\"=\"))\n        // find our golden nugget\n        .find((c) => c[0] === name);\n\n    if (!cookie) {\n        return undefined;\n    }\n\n    return cookie;\n};\n\nexport const getConsentCookie = ({\n    adapter,\n    name,\n}: {\n    adapter?: () => Consent | undefined;\n    name: string;\n}): Consent | undefined => {\n    const cookie = getCookie(name);\n\n    if (cookie) {\n        const consent = JSON.parse(cookie[1]);\n\n        return consent as Consent;\n    }\n\n    if (adapter) {\n        return adapter();\n    }\n\n    return undefined;\n};\n\n// 120 days\nconst DEFAULT_MAX_AGE = 10368000;\n\nexport const setConsentCookie = ({\n    consent,\n    maxAge = DEFAULT_MAX_AGE,\n    name,\n    domain,\n    path,\n}: {\n    consent: Consent;\n    maxAge?: number;\n    name: string;\n    domain?: string;\n    path?: string;\n}): void => {\n    document.cookie = [\n        `${name}=${JSON.stringify(consent)}`,\n        `max-age=${maxAge}`,\n        \"SameSite=Lax\",\n        !!domain && `domain=${domain}`,\n        !!path && `path=${path}`,\n    ]\n        .filter((f) => f)\n        .join(\";\");\n};\n\nexport const shouldShowConsentDialog = (\n    requirement: ConsentRequirement,\n    consent: Consent | undefined,\n): boolean => {\n    if (!consent) {\n        // check if requirement has truthy values. should show consent if it has\n        return Object.values(requirement).some(\n            (requirementValue) => requirementValue,\n        );\n    }\n\n    // convert to a map to ease accessing dynamic keys\n    const consentMap = new Map(Object.entries(consent));\n\n    // pls spare the CPU of converting to an entries array 3 times\n    const requirementEntries = Object.entries(requirement);\n\n    for (const [name, required] of requirementEntries) {\n        // no need to check more if the value isn't required\n        if (!required) {\n            continue;\n        }\n\n        // cancel and show consent if a value isn't decided\n        if (consentMap.get(name) === null) {\n            return true;\n        }\n    }\n\n    return false;\n};\n\nexport const convertBooleanToConsentValue = (\n    formValue: boolean | undefined,\n): ConsentState => {\n    if (typeof formValue === \"undefined\") {\n        return null;\n    }\n\n    if (formValue === false || String(formValue).toLowerCase() === \"false\") {\n        return \"denied\";\n    }\n\n    return \"accepted\";\n};\n\nexport const convertBooleanConsentObjectToConsentObject = (\n    consent: Partial<Record<keyof Consent, boolean | undefined>>,\n    requirement: ConsentRequirement,\n): Consent => {\n    return {\n        functional: requirement.functional\n            ? convertBooleanToConsentValue(consent.functional)\n            : undefined,\n        statistics: requirement.statistics\n            ? convertBooleanToConsentValue(consent.statistics)\n            : undefined,\n    };\n};\n\nexport const buildRequirementsObject = ({\n    functional,\n    statistics,\n}: ConsentRequirement) => {\n    return {\n        ...(functional && { functional }),\n        ...(statistics && { statistics }),\n    };\n};\n"],"names":["convertBooleanToConsentValue","formValue","String","toLowerCase","functional","statistics","consent","requirement","adapter","name","cookie","document","split","map","s","trim","find","c","getCookie","JSON","parse","maxAge","domain","path","stringify","filter","f","join","Object","values","some","requirementValue","consentMap","Map","entries","requirementEntries","required","get"],"mappings":"gFAEA,MAqGaA,EACTC,UAEWA,EAAc,IACd,MAGO,IAAdA,GAA2D,UAApCC,OAAOD,GAAWE,cAClC,SAGJ,2CAiB4B,EACnCC,WAAAA,EACAC,WAAAA,MAEO,IACCD,GAAc,CAAEA,WAAAA,MAChBC,GAAc,CAAEA,WAAAA,wDApB8B,CACtDC,EACAC,KAEO,CACHH,WAAYG,EAAYH,WAClBJ,EAA6BM,EAAQF,iBACrC,EACNC,WAAYE,EAAYF,WAClBL,EAA6BM,EAAQD,iBACrC,oEAzGkB,EAC5BG,QAAAA,EACAC,KAAAA,MAKM,MAAAC,EA3BSD,KACX,UAAOE,SAAa,IACb,OAGL,MAAAD,EAASC,SAASD,OAEnBE,MAAM,KAENC,KAAKC,GAAMA,EAAEC,OAAOH,MAAM,OAE1BI,MAAMC,GAAMA,EAAE,KAAOR,IAE1B,OAAKC,QAAL,CAIOA,EAUQQ,CAAUT,GAEzB,OAAIC,EACgBS,KAAKC,MAAMV,EAAO,IAKlCF,EACOA,SADX,CACmB,2BASS,EAC5BF,QAAAA,EACAe,OAAAA,EAJoB,QAKpBZ,KAAAA,EACAa,OAAAA,EACAC,KAAAA,MAQAZ,SAASD,OAAS,CACd,GAAGD,KAAQU,KAAKK,UAAUlB,KAC1B,WAAWe,IACX,iBACEC,GAAU,UAAUA,MACpBC,GAAQ,QAAQA,KAEjBE,QAAQC,GAAMA,IACdC,KAAK,IAAG,kCAGsB,CACnCpB,EACAD,KAEA,IAAKA,EAEM,OAAAsB,OAAOC,OAAOtB,GAAauB,MAC7BC,GAAqBA,IAK9B,MAAMC,EAAa,IAAIC,IAAIL,OAAOM,QAAQ5B,IAGpC6B,EAAqBP,OAAOM,QAAQ3B,GAE1C,IAAA,MAAYE,EAAM2B,KAAaD,EAE3B,GAAKC,GAKwB,OAAzBJ,EAAWK,IAAI5B,GACR,OAAA,EAIR,OAAA,CAAA"}
+{"version":3,"file":"cookieConsentUtils.cjs","sources":["../../../../src/components/cookie-consent/cookieConsentUtils.ts"],"sourcesContent":["import type { Consent, ConsentRequirement, ConsentState } from \"./types.js\";\n\nconst getCookie = (name: string) => {\n    if (typeof document === \"undefined\") {\n        return undefined;\n    }\n\n    const cookie = document.cookie\n        // split a string of cookies into array of cookies\n        .split(\";\")\n        // split cookies into [name, value]\n        .map((s) => s.trim().split(\"=\"))\n        // find our golden nugget\n        .find((c) => c[0] === name);\n\n    if (!cookie) {\n        return undefined;\n    }\n\n    return cookie;\n};\n\nexport const getConsentCookie = ({\n    adapter,\n    name,\n}: {\n    adapter?: () => Consent | undefined;\n    name: string;\n}): Consent | undefined => {\n    const cookie = getCookie(name);\n\n    if (cookie) {\n        const consent = JSON.parse(cookie[1]);\n\n        return consent as Consent;\n    }\n\n    if (adapter) {\n        return adapter();\n    }\n\n    return undefined;\n};\n\n// 120 days\nconst DEFAULT_MAX_AGE = 10368000;\n\nexport const setConsentCookie = ({\n    consent,\n    maxAge = DEFAULT_MAX_AGE,\n    name,\n    domain,\n    path,\n}: {\n    consent: Consent;\n    maxAge?: number;\n    name: string;\n    domain?: string;\n    path?: string;\n}): void => {\n    document.cookie = [\n        `${name}=${JSON.stringify(consent)}`,\n        `max-age=${maxAge}`,\n        \"SameSite=Lax\",\n        !!domain && `domain=${domain}`,\n        !!path && `path=${path}`,\n    ]\n        .filter((f) => f)\n        .join(\";\");\n};\n\nexport const shouldShowConsentDialog = (\n    requirement: ConsentRequirement,\n    consent: Consent | undefined,\n): boolean => {\n    if (!consent) {\n        // check if requirement has truthy values. should show consent if it has\n        return Object.values(requirement).some(\n            (requirementValue) => requirementValue,\n        );\n    }\n\n    // convert to a map to ease accessing dynamic keys\n    const consentMap = new Map(Object.entries(consent));\n\n    // pls spare the CPU of converting to an entries array 3 times\n    const requirementEntries = Object.entries(requirement);\n\n    for (const [name, required] of requirementEntries) {\n        // no need to check more if the value isn't required\n        if (!required) {\n            continue;\n        }\n\n        // cancel and show consent if a value isn't decided\n        if (consentMap.get(name) === null) {\n            return true;\n        }\n    }\n\n    return false;\n};\n\nexport const convertBooleanToConsentValue = (\n    formValue: boolean | undefined,\n): ConsentState => {\n    if (typeof formValue === \"undefined\") {\n        return null;\n    }\n\n    if (formValue === false || String(formValue).toLowerCase() === \"false\") {\n        return \"denied\";\n    }\n\n    return \"accepted\";\n};\n\nexport const convertBooleanConsentObjectToConsentObject = (\n    consent: Partial<Record<keyof Consent, boolean | undefined>>,\n    requirement: ConsentRequirement,\n): Consent => {\n    return {\n        functional: requirement.functional\n            ? convertBooleanToConsentValue(consent.functional)\n            : undefined,\n        statistics: requirement.statistics\n            ? convertBooleanToConsentValue(consent.statistics)\n            : undefined,\n    };\n};\n\nexport const buildRequirementsObject = ({\n    functional,\n    statistics,\n}: ConsentRequirement) => {\n    return {\n        ...(functional && { functional }),\n        ...(statistics && { statistics }),\n    };\n};\n"],"names":["convertBooleanToConsentValue","formValue","String","toLowerCase","functional","statistics","consent","requirement","adapter","name","cookie","document","split","map","s","trim","find","c","getCookie","JSON","parse","maxAge","domain","path","stringify","filter","f","join","Object","values","some","requirementValue","consentMap","Map","entries","requirementEntries","required","get"],"mappings":"gFAEA,MAqGaA,EACTC,UAEWA,EAAc,IACd,MAGO,IAAdA,GAA2D,UAApCC,OAAOD,GAAWE,cAClC,SAGJ,2CAiB4B,EACnCC,WAAAA,EACAC,WAAAA,MACJ,IAEYD,GAAc,CAAEA,WAAAA,MAChBC,GAAc,CAAEA,WAAAA,wDApB8B,CACtDC,EACAC,KAAAA,CAGIH,WAAYG,EAAYH,WAClBJ,EAA6BM,EAAQF,iBACrC,EACNC,WAAYE,EAAYF,WAClBL,EAA6BM,EAAQD,iBACrC,oEAzGkB,EAC5BG,QAAAA,EACAC,KAAAA,MAKA,MAAMC,EA3BSD,KACf,UAAWE,SAAa,IACpB,OAGJ,MAAMD,EAASC,SAASD,OAEnBE,MAAM,KAENC,IAAKC,GAAMA,EAAEC,OAAOH,MAAM,MAE1BI,KAAMC,GAAMA,EAAE,KAAOR,GAE1B,OAAKC,QAAL,GAceQ,CAAUT,GAEzB,OAAIC,EACgBS,KAAKC,MAAMV,EAAO,IAKlCF,EACOA,SADX,4BAU4B,EAC5BF,QAAAA,EACAe,OAAAA,EAJoB,QAKpBZ,KAAAA,EACAa,OAAAA,EACAC,KAAAA,MAQAZ,SAASD,OAAS,CACd,GAAGD,KAAQU,KAAKK,UAAUlB,KAC1B,WAAWe,IACX,iBACEC,GAAU,UAAUA,MACpBC,GAAQ,QAAQA,KAEjBE,OAAQC,GAAMA,GACdC,KAAK,sCAGyB,CACnCpB,EACAD,KAEA,IAAKA,EAED,OAAOsB,OAAOC,OAAOtB,GAAauB,KAC7BC,GAAqBA,GAK9B,MAAMC,EAAa,IAAIC,IAAIL,OAAOM,QAAQ5B,IAGpC6B,EAAqBP,OAAOM,QAAQ3B,GAE1C,IAAA,MAAYE,EAAM2B,KAAaD,EAE3B,GAAKC,GAKwB,OAAzBJ,EAAWK,IAAI5B,GACf,OAAO,EAIf,OAAO"}

package/build/cjs/components/countdown/Countdown.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react");exports.Countdown=({className:s,from:r,isPaused:a,...n})=>{const[o,l]=t.useState(Math.floor(r/1e3));return t.useEffect((()=>{o<=0||setTimeout((()=>{a||l((e=>e-1))}),1e3)}),[a,o]),e.jsxs("div",{className:`jkl-countdown ${s??""}`,role:"timer","data-testid":"jkl-countdown",...n,children:[e.jsx("span",{className:"jkl-countdown__tracker",role:"presentation",style:{"--duration":`${r}ms`,"--play-state":a?"paused":"running"},"data-testid":"jkl-countdown__tracker"}),e.jsx("span",{className:"jkl-sr-only",children:o})]})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react");exports.Countdown=({className:s,from:r,isPaused:a,...n})=>{const[o,l]=t.useState(Math.floor(r/1e3));return t.useEffect(()=>{o<=0||setTimeout(()=>{a||l(e=>e-1)},1e3)},[a,o]),e.jsxs("div",{className:`jkl-countdown ${s??""}`,role:"timer","data-testid":"jkl-countdown",...n,children:[e.jsx("span",{className:"jkl-countdown__tracker",role:"presentation",style:{"--duration":`${r}ms`,"--play-state":a?"paused":"running"},"data-testid":"jkl-countdown__tracker"}),e.jsx("span",{className:"jkl-sr-only",children:o})]})};
 //# sourceMappingURL=Countdown.cjs.map

package/build/cjs/components/countdown/Countdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Countdown.cjs","sources":["../../../../src/components/countdown/Countdown.tsx"],"sourcesContent":["import React, { useState, type CSSProperties, type FC, useEffect } from \"react\";\nimport type { CountdownProps } from \"./types.js\";\n\nexport const Countdown: FC<CountdownProps> = ({\n    className,\n    from,\n    isPaused,\n    ...rest\n}) => {\n    const [remainingSeconds, setRemainingSeconds] = useState(\n        Math.floor(from / 1000),\n    );\n\n    useEffect(() => {\n        if (remainingSeconds <= 0) {\n            return;\n        }\n\n        setTimeout(() => {\n            if (!isPaused) {\n                setRemainingSeconds((sec) => sec - 1);\n            }\n        }, 1000);\n    }, [isPaused, remainingSeconds]);\n\n    return (\n        <div\n            className={`jkl-countdown ${className ?? \"\"}`}\n            role=\"timer\"\n            data-testid=\"jkl-countdown\"\n            {...rest}\n        >\n            <span\n                className=\"jkl-countdown__tracker\"\n                role=\"presentation\"\n                style={\n                    {\n                        \"--duration\": `${from}ms`,\n                        \"--play-state\": isPaused ? \"paused\" : \"running\",\n                    } as CSSProperties\n                }\n                data-testid=\"jkl-countdown__tracker\"\n            />\n            <span className=\"jkl-sr-only\">{remainingSeconds}</span>\n        </div>\n    );\n};\n"],"names":["className","from","isPaused","rest","remainingSeconds","setRemainingSeconds","useState","Math","floor","useEffect","setTimeout","sec","jsxs","role","children","jsx","style"],"mappings":"0JAG6C,EACzCA,UAAAA,EACAC,KAAAA,EACAC,SAAAA,KACGC,MAEG,MAACC,EAAkBC,GAAuBC,EAAAA,SAC5CC,KAAKC,MAAMP,EAAO,MAGtBQ,OAAAA,EAAAA,WAAU,KACFL,GAAoB,GAIxBM,YAAW,KACFR,GACmBG,GAACM,GAAQA,EAAM,GAAC,GAEzC,IAAI,GACR,CAACT,EAAUE,IAGVQ,EAAAA,KAAC,MAAA,CACGZ,UAAW,iBAAiBA,GAAa,KACzCa,KAAK,QACL,cAAY,mBACRV,EAEJW,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACGf,UAAU,yBACVa,KAAK,eACLG,MACI,CACI,aAAc,GAAGf,MACjB,eAAgBC,EAAW,SAAW,WAG9C,cAAY,2BAEfa,EAAAA,IAAA,OAAA,CAAKf,UAAU,cAAec,SAAiBV,MACpD"}
+{"version":3,"file":"Countdown.cjs","sources":["../../../../src/components/countdown/Countdown.tsx"],"sourcesContent":["import React, { useState, type CSSProperties, type FC, useEffect } from \"react\";\nimport type { CountdownProps } from \"./types.js\";\n\nexport const Countdown: FC<CountdownProps> = ({\n    className,\n    from,\n    isPaused,\n    ...rest\n}) => {\n    const [remainingSeconds, setRemainingSeconds] = useState(\n        Math.floor(from / 1000),\n    );\n\n    useEffect(() => {\n        if (remainingSeconds <= 0) {\n            return;\n        }\n\n        setTimeout(() => {\n            if (!isPaused) {\n                setRemainingSeconds((sec) => sec - 1);\n            }\n        }, 1000);\n    }, [isPaused, remainingSeconds]);\n\n    return (\n        <div\n            className={`jkl-countdown ${className ?? \"\"}`}\n            role=\"timer\"\n            data-testid=\"jkl-countdown\"\n            {...rest}\n        >\n            <span\n                className=\"jkl-countdown__tracker\"\n                role=\"presentation\"\n                style={\n                    {\n                        \"--duration\": `${from}ms`,\n                        \"--play-state\": isPaused ? \"paused\" : \"running\",\n                    } as CSSProperties\n                }\n                data-testid=\"jkl-countdown__tracker\"\n            />\n            <span className=\"jkl-sr-only\">{remainingSeconds}</span>\n        </div>\n    );\n};\n"],"names":["className","from","isPaused","rest","remainingSeconds","setRemainingSeconds","useState","Math","floor","useEffect","setTimeout","sec","jsxs","role","children","jsx","style"],"mappings":"0JAG6C,EACzCA,UAAAA,EACAC,KAAAA,EACAC,SAAAA,KACGC,MAEH,MAAOC,EAAkBC,GAAuBC,EAAAA,SAC5CC,KAAKC,MAAMP,EAAO,MAGtBQ,OAAAA,EAAAA,UAAU,KACFL,GAAoB,GAIxBM,WAAW,KACFR,GACDG,EAAqBM,GAAQA,EAAM,IAExC,MACJ,CAACT,EAAUE,IAGVQ,EAAAA,KAAC,MAAA,CACGZ,UAAW,iBAAiBA,GAAa,KACzCa,KAAK,QACL,cAAY,mBACRV,EAEJW,SAAA,CAAAC,EAAAA,IAAC,OAAA,CACGf,UAAU,yBACVa,KAAK,eACLG,MACI,CACI,aAAc,GAAGf,MACjB,eAAgBC,EAAW,SAAW,WAG9C,cAAY,2BAEhBa,EAAAA,IAAC,OAAA,CAAKf,UAAU,cAAec,SAAAV"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.cjs","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.cjs","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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"}

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

@@ -1,2 +1,2 @@
-"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.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,density:m,minDate:p,maxDate:k,days:v=h,months:x=u,monthLabel:D="Velg måned",yearLabel:w="Velg år",yearsToShow:y=i.DEFAULT_YEARS_TO_SHOW,onTabOutside:S,...M}=g,F=n.useId("jkl-calendar"),[{offset:C,selectedDate:A,shownDate:_},N]=t.useReducer(c.calendarReducer,i.getInitialDateShown(f,j,p,k),c.calendarInitializer),$=_.getMonth(),q=_.getFullYear();t.useEffect((()=>{N({type:"SET_SELECTED_DATE",newDate:i.getInitialDateShown(f,j,p,k)})}),[f,j,p,k]);const E=t.useCallback((e=>{N({type:"SET_OFFSET",newOffset:e})}),[]),{calendars:O,getBackProps:Y,getDateProps:I,getForwardProps:T,handleOffsetChanged:R}=d.useCalendar({date:A,selected:A,minDate:p,maxDate:k,offset:C,onOffsetChanged:E,firstDayOfWeek:1,...M}),L=t.useRef(null),B=t.useCallback((e=>{if(!L.current)return;const t=document.activeElement,n=L.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:O,minDate:p})||(a.flushSync((()=>{R(C-i.subtractMonth({calendars:O,offset:1,minDate:p}))})),!L.current))return;const e=L.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:O,maxDate:k})||(a.flushSync((()=>{R(C+i.addMonth({calendars:O,offset:1,maxDate:k}))})),!L.current))return;const e=L.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]))}}))}),[R,C,O,k,p]),K=t.useCallback((e=>{switch(e.key){case"ArrowUp":B(-7),e.preventDefault();break;case"ArrowRight":B(1),e.preventDefault();break;case"ArrowDown":B(7),e.preventDefault();break;case"ArrowLeft":B(-1),e.preventDefault()}}),[B]),P=t.useCallback((e=>{if("Tab"!==e.key)return;const t=L.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())}),[]),J=t.useCallback((e=>{const{date:t,selected:a,selectable:n,prevMonth:r,nextMonth:l}=e;return!!n&&!(!a&&t.toString()!==p?.toString()&&(r||l||_.getFullYear()!==t.getFullYear()||A.getMonth()===t.getMonth()||1!==t.getDate()))}),[_,p,A]),U=t.useCallback((()=>{p&&_.getFullYear()-p.getFullYear()==0&&_.getMonth()-p.getMonth()==1?document.querySelector(`[data-testid="${F}-forward-button"]`)?.focus():k&&k.getFullYear()-_.getFullYear()==0&&k.getMonth()-_.getMonth()==1&&document.querySelector(`[data-testid="${F}-back-button"]`)?.focus()}),[p,k,_,F]),V=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-_.getFullYear());const n=new Date(_.getFullYear(),_.getMonth()+a,_.getDate());k&&k.getFullYear()===n.getFullYear()&&k.getMonth()<n.getMonth()?a-=n.getMonth()-k.getMonth():p&&p.getFullYear()===n.getFullYear()&&p.getMonth()>n.getMonth()&&(a+=p.getMonth()-n.getMonth()),N({type:"ADD_OFFSET",addedOffset:a})}),[_,p,k]),W=t.useCallback((e=>{if(!A&&!f)return;const t=_.getFullYear()-(A||new Date).getFullYear(),a=Number.parseInt(e.target.value)-(A||new Date).getMonth();N({type:"SET_OFFSET",newOffset:12*t+a})}),[A,f,_]),z=i.getYearSelectOptions(q,p,k,y),H=i.getMonthSelectOptions(q,x,p,k);return e.jsx("div",{ref:b,id:F,className:"jkl-calendar","data-testid":"jkl-calendar",children:e.jsxs("div",{className:"jkl-calendar__padding",ref:L,onKeyDown:P,children:[e.jsxs("fieldset",{className:"jkl-calendar-navigation",children:[e.jsxs("div",{children:[e.jsx(r.Button,{...Y({calendars:O,onClick:U}),"data-testid":`${F}-back-button`,variant:"ghost",icon:e.jsx(l.ArrowLeftIcon,{variant:"medium",bold:!0})}),e.jsx(r.Button,{...T({calendars:O,onClick:U}),variant:"ghost","data-testid":`${F}-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:W,className:"jkl-calendar-navigation-dropdown__select","aria-label":D,value:$.toString(),children:H.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:V,className:"jkl-calendar-navigation-dropdown__select","aria-label":w,value:q.toString(),children:z.map((t=>e.jsx("option",{value:t,children:t},t)))}),e.jsx(s.ChevronDownIcon,{bold:!0,className:"jkl-calendar-navigation-dropdown__chevron"})]})]})]}),O.map((t=>e.jsxs("table",{className:"jkl-calendar-table","data-testid":"jkl-datepicker-calendar",children:[e.jsxs("caption",{className:"jkl-sr-only",children:[x[t.month],", ",t.year]}),e.jsx("thead",{children:e.jsx("tr",{children:v.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",{...I({dateObj:a}),type:"button",className:"jkl-calendar-date-button",tabIndex:J(a)?0:-1,"aria-label":`${o.getDate()}. ${x[o.getMonth()].toLowerCase()}`,"aria-current":c?"date":void 0,"data-adjacent":d||i?"true":void 0,disabled:!s,onKeyDown:K,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;
+"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.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,density:m,minDate:p,maxDate:k,days:v=h,months:x=u,monthLabel:D="Velg måned",yearLabel:w="Velg år",yearsToShow:y=i.DEFAULT_YEARS_TO_SHOW,onTabOutside:S,...M}=g,F=n.useId("jkl-calendar"),[{offset:C,selectedDate:A,shownDate:_},N]=t.useReducer(c.calendarReducer,i.getInitialDateShown(f,j,p,k),c.calendarInitializer),$=_.getMonth(),q=_.getFullYear();t.useEffect(()=>{N({type:"SET_SELECTED_DATE",newDate:i.getInitialDateShown(f,j,p,k)})},[f,j,p,k]);const E=t.useCallback(e=>{N({type:"SET_OFFSET",newOffset:e})},[]),{calendars:O,getBackProps:Y,getDateProps:I,getForwardProps:T,handleOffsetChanged:R}=d.useCalendar({date:A,selected:A,minDate:p,maxDate:k,offset:C,onOffsetChanged:E,firstDayOfWeek:1,...M}),L=t.useRef(null),B=t.useCallback(e=>{if(!L.current)return;const t=document.activeElement,n=L.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:O,minDate:p})||(a.flushSync(()=>{R(C-i.subtractMonth({calendars:O,offset:1,minDate:p}))}),!L.current))return;const e=L.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:O,maxDate:k})||(a.flushSync(()=>{R(C+i.addMonth({calendars:O,offset:1,maxDate:k}))}),!L.current))return;const e=L.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]))}})},[R,C,O,k,p]),K=t.useCallback(e=>{switch(e.key){case"ArrowUp":B(-7),e.preventDefault();break;case"ArrowRight":B(1),e.preventDefault();break;case"ArrowDown":B(7),e.preventDefault();break;case"ArrowLeft":B(-1),e.preventDefault()}},[B]),P=t.useCallback(e=>{if("Tab"!==e.key)return;const t=L.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())},[]),J=t.useCallback(e=>{const{date:t,selected:a,selectable:n,prevMonth:r,nextMonth:l}=e;return!!n&&!(!a&&t.toString()!==p?.toString()&&(r||l||_.getFullYear()!==t.getFullYear()||A.getMonth()===t.getMonth()||1!==t.getDate()))},[_,p,A]),U=t.useCallback(()=>{p&&_.getFullYear()-p.getFullYear()===0&&_.getMonth()-p.getMonth()===1?document.querySelector(`[data-testid="${F}-forward-button"]`)?.focus():k&&k.getFullYear()-_.getFullYear()===0&&k.getMonth()-_.getMonth()===1&&document.querySelector(`[data-testid="${F}-back-button"]`)?.focus()},[p,k,_,F]),V=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-_.getFullYear());const n=new Date(_.getFullYear(),_.getMonth()+a,_.getDate());k&&k.getFullYear()===n.getFullYear()&&k.getMonth()<n.getMonth()?a-=n.getMonth()-k.getMonth():p&&p.getFullYear()===n.getFullYear()&&p.getMonth()>n.getMonth()&&(a+=p.getMonth()-n.getMonth()),N({type:"ADD_OFFSET",addedOffset:a})},[_,p,k]),W=t.useCallback(e=>{if(!A&&!f)return;const t=_.getFullYear()-(A||new Date).getFullYear(),a=Number.parseInt(e.target.value)-(A||new Date).getMonth();N({type:"SET_OFFSET",newOffset:12*t+a})},[A,f,_]),z=i.getYearSelectOptions(q,p,k,y),H=i.getMonthSelectOptions(q,x,p,k);return e.jsx("div",{ref:b,id:F,className:"jkl-calendar","data-testid":"jkl-calendar",children:e.jsxs("div",{className:"jkl-calendar__padding",ref:L,onKeyDown:P,children:[e.jsxs("fieldset",{className:"jkl-calendar-navigation",children:[e.jsxs("div",{children:[e.jsx(r.Button,{...Y({calendars:O,onClick:U}),"data-testid":`${F}-back-button`,variant:"ghost",icon:e.jsx(l.ArrowLeftIcon,{variant:"medium",bold:!0})}),e.jsx(r.Button,{...T({calendars:O,onClick:U}),variant:"ghost","data-testid":`${F}-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:W,className:"jkl-calendar-navigation-dropdown__select","aria-label":D,value:$.toString(),children:H.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:V,className:"jkl-calendar-navigation-dropdown__select","aria-label":w,value:q.toString(),children:z.map(t=>e.jsx("option",{value:t,children:t},t))}),e.jsx(s.ChevronDownIcon,{bold:!0,className:"jkl-calendar-navigation-dropdown__chevron"})]})]})]}),O.map(t=>e.jsxs("table",{className:"jkl-calendar-table","data-testid":"jkl-datepicker-calendar",children:[e.jsxs("caption",{className:"jkl-sr-only",children:[x[t.month],", ",t.year]}),e.jsx("thead",{children:e.jsx("tr",{children:v.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",{...I({dateObj:a}),type:"button",className:"jkl-calendar-date-button",tabIndex:J(a)?0:-1,"aria-label":`${o.getDate()}. ${x[o.getMonth()].toLowerCase()}`,"aria-current":c?"date":void 0,"data-adjacent":d||i?"true":void 0,disabled:!s,onKeyDown:K,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 +1 @@
-{"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 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","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":"8dA6CMA,EAAgB,CAClB,SACA,UACA,OACA,QACA,MACA,OACA,OACA,SACA,YACA,UACA,WACA,YAGEC,EAAc,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,OAElDC,EAAWC,EAAAA,YACpB,CAACC,EAAOC,KACE,MACFC,KAAAA,EACAC,gBAAAA,EACAC,QAAAA,EACAC,QAAAA,EACAC,QAAAA,EACAC,KAAAA,EAAOV,EACPW,OAAAA,EAASZ,EACTa,WAAAA,EAAa,aACbC,UAAAA,EAAY,UACZC,YAAAA,EAAcC,EAAAA,sBACdC,aAAAA,KACGC,GACHd,EAEEe,EAAKC,QAAM,kBAERC,OAAAA,EAAQC,aAAAA,EAAcC,UAAAA,GAAaC,GAAYC,EAAAA,WACpDC,EAAAA,gBACAC,EAAAA,oBAAoBrB,EAAMC,EAAiBE,EAASC,GACpDkB,EAAAA,qBAGEC,EAAaN,EAAUO,WACvBC,EAAYR,EAAUS,cAE5BC,EAAAA,WAAU,KACGT,EAAA,CACLU,KAAM,oBACNC,QAASR,EAAAA,oBACLrB,EACAC,EACAE,EACAC,IAEP,GACF,CAACJ,EAAMC,EAAiBE,EAASC,IAE9B,MAAA0B,EAAkBC,eAAaC,IACxBd,EAAA,CACLU,KAAM,aACNI,UAAAA,GACH,GACF,KAGCC,UAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAC,gBAAAA,EACAC,oBAAAA,GACAC,cAAY,CACZtC,KAAMgB,EACNuB,SAAUvB,EACVb,QAAAA,EACAC,QAAAA,EACAW,OAAAA,EACAe,gBAAAA,EACAU,eAAgB,KACb5B,IAKD6B,EAAqBC,SAAuB,MAC5CC,EAAgBZ,EAAAA,aACjBa,IACO,IAACH,EAAmBI,QACpB,OAGJ,MAAMC,EAAIC,SAASC,cACbC,EACFR,EAAmBI,QAAQK,iBACvB,8DAGFC,EAAgBC,UACfN,GAAAO,aAAa,WAAY,MACjBC,EAAAD,aAAa,WAAY,KACpCC,EAAWC,OAAM,EAGbN,EAAAO,SAAQ,CAACC,EAAIC,KACjB,MAAMC,EAAaD,EAAId,EAEvB,GAAIa,IAAOX,EACP,GACIa,GAAcV,EAAQW,OAAS,GAC/BD,GAAc,EAEAR,EAAAF,EAAQU,SACff,GAAAA,EAAa,EAAG,CAkBnB,GAjBAiB,iBAAe,CAAE5B,UAAAA,EAAW9B,QAAAA,MAOhC2D,EAAAA,WAAU,KACNzB,EACItB,EACIgD,EAAAA,cAAc,CACV9B,UAAAA,EACAlB,OAAQ,EACRZ,QAAAA,IAEZ,KAECsC,EAAmBI,SACpB,OAEE,MAAAmB,EACFvB,EAAmBI,QAAQK,iBACvB,8DAGJc,EAAWA,EAAWJ,OAASD,KAE/BK,EAAW,GAAGX,aAAa,WAAY,MACvCF,EACIa,EAAWA,EAAWJ,OAASD,IAEvC,KACG,CAkBC,GAjBAM,oBAAkB,CAAEhC,UAAAA,EAAW7B,QAAAA,MAOnC0D,EAAAA,WAAU,KACNzB,EACItB,EACImD,EAAAA,SAAS,CACLjC,UAAAA,EACAlB,OAAQ,EACRX,QAAAA,IAEZ,KAECqC,EAAmBI,SACpB,OAEE,MAAAmB,EACFvB,EAAmBI,QAAQK,iBACvB,8DAIJc,EAAWL,EAAaV,EAAQW,UAEhCI,EAAW,GAAGX,aAAa,WAAY,MACvCF,EACIa,EAAWL,EAAaV,EAAQW,SAExC,IAGX,GAEL,CAACvB,EAAqBtB,EAAQkB,EAAW7B,EAASD,IAGhDgE,EAAwBpC,EAAAA,aACzBqC,IACG,OAAQA,EAAMC,KACV,IAAK,UACD1B,GAAc,GACdyB,EAAME,iBACN,MACJ,IAAK,aACD3B,EAAc,GACdyB,EAAME,iBACN,MACJ,IAAK,YACD3B,EAAc,GACdyB,EAAME,iBACN,MACJ,IAAK,YACD3B,MACAyB,EAAME,iBAGN,GAGZ,CAAC3B,IAGC4B,EAA8CxC,EAAAA,aAC/CqC,IACO,GAAc,QAAdA,EAAMC,IAAe,OAEnB,MAAAG,EACF/B,EAAmBI,SAASK,iBACxB,uDAGR,IAAKsB,EAAmB,OAElB,MAAAC,EAAeD,EAAkB,GACjCE,EACFF,EAAkBA,EAAkBZ,OAAS,GAE5CQ,EAAMO,UAAY5B,SAASC,gBAAkB0B,EAI9CN,EAAMO,UACN5B,SAASC,gBAAkByB,IAE3BC,EAAYnB,QACZa,EAAME,mBAPNG,EAAalB,QACba,EAAME,iBAMe,GAG7B,IAGEM,EAAkB7C,EAAAA,aACnB8C,IACG,MAAQ7E,KAAAA,EAAMuC,SAAAA,EAAUuC,WAAAA,EAAYC,UAAAA,EAAWC,UAAAA,GAC3CH,EAGJ,QAAKC,MAIDvC,GAIAvC,EAAKiF,aAAe9E,GAAS8E,aAM5BF,GACAC,GACD/D,EAAUS,gBAAkB1B,EAAK0B,eACjCV,EAAaQ,aAAexB,EAAKwB,YACd,IAAnBxB,EAAKkF,WAjBE,GAwBf,CAACjE,EAAWd,EAASa,IAGnBmE,EAAsBpD,EAAAA,aAAY,KAGhC5B,GACAc,EAAUS,cAAgBvB,EAAQuB,eAAkB,GACpDT,EAAUO,WAAarB,EAAQqB,YAAe,EAIzCuB,SAAAqC,cACG,iBAAiBvE,uBAEnB0C,QAGNnD,GACAA,EAAQsB,cAAgBT,EAAUS,eAAkB,GACpDtB,EAAQoB,WAAaP,EAAUO,YAAe,GAIzCuB,SAAAqC,cACG,iBAAiBvE,oBAEnB0C,OAAM,GAEjB,CAACpD,EAASC,EAASa,EAAWJ,IAI3BwE,EAAmBtD,EAAAA,aAGpBqC,IACG,GAAkC,IAA9BA,EAAMkB,OAAOC,MAAM3B,OACnB,OAGJ,MAAM4B,EAAeC,OAAOC,SAAStB,EAAMkB,OAAOC,OAC9C,GAAAE,OAAOE,MAAMH,GACb,OAGJ,IAAIzE,EAA4C,IAAlCyE,EAAOvE,EAAUS,eAC/B,MAAMkE,EAAe,IAAIC,KACrB5E,EAAUS,cACVT,EAAUO,WAAaT,EACvBE,EAAUiE,WAKV9E,GACAA,EAAQsB,gBAAkBkE,EAAalE,eACvCtB,EAAQoB,WAAaoE,EAAapE,WAElCT,GAAU6E,EAAapE,WAAapB,EAAQoB,WAE5CrB,GACAA,EAAQuB,gBAAkBkE,EAAalE,eACvCvB,EAAQqB,WAAaoE,EAAapE,aAElCT,GAAUZ,EAAQqB,WAAaoE,EAAapE,YAGvCN,EAAA,CACLU,KAAM,aACNkE,YAAa/E,GAChB,GAIL,CAACE,EAAWd,EAASC,IAGnB2F,EAAoBhE,EAAAA,aAGrBqC,IACO,IAACpD,IAAiBhB,EAClB,OAGE,MAAAgG,EACF/E,EAAUS,eACTV,GAAoB,IAAA6E,MAAQnE,cAC3BuE,EACFR,OAAOC,SAAStB,EAAMkB,OAAOC,QAC5BvE,GAAgB,IAAI6E,MAAQrE,WAExBN,EAAA,CACLU,KAAM,aACNI,UAAsB,GAAXgE,EAAgBC,GAC9B,GAIL,CAACjF,EAAchB,EAAMiB,IAGnBiF,EAAoBC,EAAAA,qBACtB1E,EACAtB,EACAC,EACAK,GAEE2F,EAAqBC,EAAAA,sBACvB5E,EACAnB,EACAH,EACAC,GAIA,OAAAkG,EAAAA,IAAC,MAAA,CACGvG,IAAAA,EACAc,GAAAA,EACA0F,UAAU,eACV,cAAY,eAIZC,SAAAC,EAAAA,KAAC,MAAA,CACGF,UAAU,wBACVxG,IAAK0C,EACLiE,UAAWnC,EAEXiC,SAAA,CAACC,EAAAA,KAAA,WAAA,CAASF,UAAU,0BAChBC,SAAA,CAAAC,OAAC,MACG,CAAAD,SAAA,CAAAF,EAAAA,IAACK,EAAAA,OAAA,IACOzE,EAAa,CACbD,UAAAA,EACA2E,QAASzB,IAEb,cAAa,GAAGtE,gBAChBgG,QAAQ,QACRC,KAAOR,EAAAA,IAAAS,gBAAA,CAAcF,QAAQ,SAASG,MAAI,MAE9CV,EAAAA,IAACK,EAAAA,OAAA,IACOvE,EAAgB,CAChBH,UAAAA,EACA2E,QAASzB,IAEb0B,QAAQ,QACR,cAAa,GAAGhG,mBAChBiG,KAAOR,EAAAA,IAAAW,iBAAA,CAAeJ,QAAQ,SAASG,MAAI,gBAGlD,MACG,CAAAR,SAAA,CAACC,EAAAA,KAAA,MAAA,CAAIF,UAAU,mCACXC,SAAA,CAAAF,EAAAA,IAAC,SAAA,CACGY,SAAUnB,EACVQ,UAAU,2CACV,aAAYhG,EACZgF,MAAOhE,EAAW0D,WAEjBuB,SAAmBJ,EAAAe,KAChB,EAAGC,MAAAA,EAAO7B,MAAAA,KACLe,EAAAA,IAAA,SAAA,CAAmBf,MAAAA,EACfiB,SAAAY,GADQ7B,OAMzBe,EAAAA,IAACe,EAAAA,gBAAA,CACGL,MAAI,EACJT,UAAU,iDAGlBE,EAAAA,KAAC,MAAI,CAAAF,UAAU,mCACXC,SAAA,CAAAF,EAAAA,IAAC,SAAA,CACGY,SAAU7B,EACVkB,UAAU,2CACV,aAAY/F,EACZ+E,MAAO9D,EAAUwD,WAEhBuB,SAAAN,EAAkBiB,KAAK3B,GACpBc,EAAAA,IAAC,UAAkBf,MAAOC,EACrBgB,SADQhB,GAAAA,OAKrBc,EAAAA,IAACe,EAAAA,gBAAA,CACGL,MAAI,EACJT,UAAU,uDAKzBtE,EAAUkF,KAAKG,GACZb,EAAAA,KAAC,QAAA,CACGF,UAAU,qBAEV,cAAY,0BAEZC,SAAA,CAACC,EAAAA,KAAA,UAAA,CAAQF,UAAU,cACdC,SAAA,CAAAlG,EAAOgH,EAASC,OAAO,KAAGD,EAAS9B,cAEvC,QACG,CAAAgB,SAAAF,MAAC,MACIE,SAAKnG,EAAA8G,KAAKK,GACPlB,EAAAA,IAAC,KAAA,CAGIE,SAAAgB,GAFI,GAAGF,EAASC,QAAQD,EAAS9B,OAAOgC,WAOzDlB,EAAAA,IAAC,SAAM,cAAY,uBACdE,WAASiB,MAAMN,KAAI,CAACO,EAAMC,IACvBrB,EAAAA,IAAC,KAAA,CAGIE,SAAKkB,EAAAP,KAAI,CAACtC,EAAU+C,KACX,MAAAvD,EAAM,GAAGiD,EAASC,QAAQD,EAAS9B,OAAOmC,IAAYC,IACxD,GAAoB,iBAAb/C,EAEH,OAAAyB,EAAAA,IAAC,KAAA,CACGC,UAAU,+CAGTC,SAAA3B,GAFIR,GAMX,MACFrE,KAAAA,EACA8E,WAAAA,EACA+C,MAAAA,EACA9C,UAAAA,EACAC,UAAAA,GACAH,EAEJ,aACK,KACG,CAAA2B,SAAAF,EAAAA,IAAC,SAAA,IACOnE,EAAa,CACb2F,QAASjD,IAEbjD,KAAK,SACL2E,UAAU,2BACVwB,SACInD,EACIC,GAEE,GACA,EAEV,aAAY,GAAG7E,EAAKkF,cAAc5E,EAC9BN,EAAKwB,YACPwG,gBACF,eACIH,EACM,YACA,EAEV,gBACI9C,GACAC,EACM,YACA,EAEViD,UAAWnD,EACX4B,UACIvC,EAGJqC,eAAC,OAAK,CAAA,cAAY,OACbA,SAAAxG,EAAKkF,eAlCTb,EAqCT,KA5DH,GAAGiD,EAASC,QAAQD,EAAS9B,OAAOmC,WApBhD,GAAGL,EAASC,QAAQD,EAAS9B,cAyFlD,IAKZ5F,EAASsI,YAAc"}
+{"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 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","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/calendarReducer.cjs.map

@@ -1 +1 @@
-{"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":"gFAsBa,MAyCAA,EAAuBC,IAAAA,CAChCC,aAAcD,EACdE,OAAQ,EACRC,UAAWH,0DA5CwD,CACnEI,EACAC,KAEI,IAAAF,EAEJ,OAAQE,EAAOC,MACX,IAAK,aACW,OAAAH,EAAA,IAAII,KAAKH,EAAaH,cACxBE,EAAAK,SACNJ,EAAaH,aAAaQ,WAAaJ,EAAOK,WAG3C,IACAN,EACHF,OAAQG,EAAOK,UACfP,UAAAA,GAGR,IAAK,aACW,OAAAA,EAAA,IAAII,KAAKH,EAAaH,cACxBE,EAAAK,SACNJ,EAAaH,aAAaQ,WACtBL,EAAaF,OACbG,EAAOM,aAGR,IACAP,EACHF,OAAQE,EAAaF,OAASG,EAAOM,YACrCR,UAAAA,GAGR,IAAK,oBACM,OAAAJ,EAAoBM,EAAOO,SAEtC,QACW,OAAAR,EAAA"}
+{"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/useCalendar.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"useCalendar.cjs","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","date","startOfDay","Date","monthsToDisplay","firstDayOfWeek","showOutsideDays","onOffsetChanged","stateOffset","setStateOffset","useState","prop","state","getOffset","newOffset","getCalendars","bind"],"mappings":"wJAoCA,SAASA,EAAmBC,GACxB,YAAsB,IAAfA,CACX,CAoBA,SAASC,EACLC,GACEC,QAAAA,EAASC,QAAAA,IAEJ,MAAA,CACHD,QAASE,EAAAA,qBAAqBF,GAAUG,IACpCJ,EAAeE,EAASE,EAAK,IAEjCC,UAAWH,EAAQI,WACnB,eAAgBJ,EAAQK,SACxBC,KAAM,SAEd,CAqBA,SAASC,GACHC,QAAAA,EAASC,YAAAA,EAAaC,oBAAAA,IACtBX,QAAAA,EAASY,OAAAA,EAAS,EAAGC,UAAAA,IAEvB,MAAMC,EAAQ,cAAcF,UAA0B,IAAXA,EAAe,GAAK,OACxD,MAAA,CACHZ,QAASE,EAAAA,qBAAqBF,GAAS,KACnCW,EACID,EAAcK,EAAAA,cAAc,CAAEF,UAAAA,EAAWD,OAAAA,EAAQH,QAAAA,IACrD,IAEJL,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,OACrD,MAAA,CACHZ,QAASE,EAAAA,qBAAqBF,GAAS,KACnCW,EACID,EAAcU,EAAAA,SAAS,CAAEP,UAAAA,EAAWD,OAAAA,EAAQO,QAAAA,IAChD,IAEJf,SAAUiB,EAAAA,kBAAkB,CAAER,UAAAA,EAAWM,QAAAA,IACzC,aAAcL,EACdG,MAAOH,EAEf,qBA8BO,UACHQ,KAAAA,EAAOC,EAAAA,WAAe,IAAAC,MACtBL,QAAAA,EACAV,QAAAA,EACAgB,gBAAAA,EAAkB,EAClBC,eAAAA,EAAiB,EACjBC,gBAAAA,GAAkB,EAClBf,OAAAA,EACAb,eAAAA,EACA6B,gBAAAA,EACAtB,SAAAA,IAEA,MAAOuB,EAAaC,GAAkBC,EAAAA,SAAS,GACzCrB,EAjJV,SAAmBsB,EAAcC,GACtB,OAAArC,EAAmBoC,GAAQA,EAAOC,CAC7C,CA+IwBC,CAAUtB,EAAQiB,GAEtC,SAASlB,EAAoBwB,GACpBvC,EAAmBgB,IACpBkB,EAAeK,GAEnBP,EAAgBO,EAAS,CAatB,MAAA,CACHtB,UAXcuB,EAAAA,aAAa,CAC3Bd,KAAAA,EACAhB,SAAAA,EACAmB,gBAAAA,EACAhB,QAAAA,EACAU,QAAAA,EACAP,OAAQF,EACRgB,eAAAA,EACAC,gBAAAA,IAIA7B,aAAcA,EAAauC,KAAK,KAAMtC,GACtCS,aAAcA,EAAa6B,KAAK,KAAM,CAClC5B,QAAAA,EACAC,YAAAA,EACAC,oBAAAA,IAEJO,gBAAiBA,EAAgBmB,KAAK,KAAM,CACxClB,QAAAA,EACAT,YAAAA,EACAC,oBAAAA,IAEJA,oBAAAA,EAER"}
+{"version":3,"file":"useCalendar.cjs","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","date","startOfDay","Date","monthsToDisplay","firstDayOfWeek","showOutsideDays","onOffsetChanged","stateOffset","setStateOffset","useState","prop","state","getOffset","newOffset","getCalendars","bind"],"mappings":"wJAoCA,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,WAAW,IAAIC,MACtBL,QAAAA,EACAV,QAAAA,EACAgB,gBAAAA,EAAkB,EAClBC,eAAAA,EAAiB,EACjBC,gBAAAA,GAAkB,EAClBf,OAAAA,EACAb,eAAAA,EACA6B,gBAAAA,EACAtB,SAAAA,IAEA,MAAOuB,EAAaC,GAAkBC,EAAAA,SAAS,GACzCrB,EAjJV,SAAmBsB,EAAcC,GAC7B,OAAOrC,EAAmBoC,GAAQA,EAAOC,CAC7C,CA+IwBC,CAAUtB,EAAQiB,GAEtC,SAASlB,EAAoBwB,GACpBvC,EAAmBgB,IACpBkB,EAAeK,GAEnBP,EAAgBO,EACpB,CAYA,MAAO,CACHtB,UAXcuB,EAAAA,aAAa,CAC3Bd,KAAAA,EACAhB,SAAAA,EACAmB,gBAAAA,EACAhB,QAAAA,EACAU,QAAAA,EACAP,OAAQF,EACRgB,eAAAA,EACAC,gBAAAA,IAIA7B,aAAcA,EAAauC,KAAK,KAAMtC,GACtCS,aAAcA,EAAa6B,KAAK,KAAM,CAClC5B,QAAAA,EACAC,YAAAA,EACAC,oBAAAA,IAEJO,gBAAiBA,EAAgBmB,KAAK,KAAM,CACxClB,QAAAA,EACAT,YAAAA,EACAC,oBAAAA,IAEJA,oBAAAA,EAER"}