@fremtind/jokul 0.24.0 → 0.25.0

package/build/es/components/combobox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":["../../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n    FC,\n    useEffect,\n    useRef,\n    useState,\n    useCallback,\n    KeyboardEvent,\n    ChangeEvent,\n    FocusEvent,\n    MouseEvent,\n    useMemo,\n} from \"react\";\nimport { ValuePair, Density } from \"../..\";\nimport { useId, useAnimatedHeight, useListNavigation } from \"../../hooks\";\nimport { ArrowVerticalAnimated, CheckIcon } from \"../icon\";\nimport { IconButton } from \"../icon-button\";\nimport { InputGroup, InputGroupProps, type LabelProps } from \"../input-group\";\nimport { Tag } from \"../tag\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../tooltip\";\n\nexport type ComboboxValuePair = ValuePair & {\n    tagLabel?: string;\n    isMarked?: boolean;\n};\n\nexport function getComboboxValuePair(item: string | ComboboxValuePair): ComboboxValuePair {\n    return typeof item === \"string\" ? { value: item, label: item } : item;\n}\n\ninterface PartialChangeEvent extends Partial<Omit<ChangeEvent<HTMLElement>, \"target\">> {\n    type: \"change\" | \"blur\";\n    target: {\n        name: string;\n        value: string;\n        selectedOptions: Array<ValuePair>;\n    };\n}\n\ntype ChangeEventHandler = (event: PartialChangeEvent) => void;\n\ninterface ComboboxProps extends InputGroupProps {\n    id?: string;\n    placeholder?: string;\n    labelProps?: Omit<LabelProps, \"children\" | \"density\" | \"htmlFor\" | \"standAlone\">;\n    items: Array<ValuePair>;\n    noMatchingOption?: string;\n    label: string;\n    name: string;\n    value?: Array<ValuePair>;\n    density?: Density;\n    width?: string;\n    helpLabel?: string;\n    errorLabel?: string;\n    className?: string;\n    invalid?: boolean;\n    hasTagHover?: boolean;\n    onChange: ChangeEventHandler;\n    onBlur?: ChangeEventHandler;\n    onFocus?: ChangeEventHandler;\n}\n\nexport const Combobox: FC<ComboboxProps> = ({\n    id,\n    placeholder,\n    items,\n    onChange,\n    onFocus,\n    onBlur,\n    value,\n    label,\n    noMatchingOption,\n    labelProps,\n    helpLabel,\n    errorLabel,\n    width,\n    density,\n    name,\n    className,\n    invalid,\n    hasTagHover,\n}) => {\n    const listId = useId(id || \"jkl-combobox\", { generateSuffix: !id });\n    const labelId = `${listId}_label`;\n    const buttonId = `${listId}_button`;\n    const inputId = `${listId}_search-input`;\n\n    const [selectedValue, setSelectedValue] = useState<Array<ComboboxValuePair>>(value || []);\n    const [isPointingDown, setIsPointingDown] = useState<boolean>(true);\n    const [showMenu, setShowMenu] = useState<boolean>(false);\n    const [searchValue, setSearchValue] = useState<string>(\"\");\n    const [noResults, setNoResults] = useState(false);\n    const [marked, setMarked] = useState<boolean>(false);\n\n    const searchRef = useRef<HTMLInputElement>(null);\n    const inputRef = useRef<HTMLDivElement>(null);\n    const focusInsideRef = useRef(false);\n\n    useEffect(() => {\n        setSearchValue(\"\");\n        if (showMenu && searchRef.current) {\n            searchRef.current.focus();\n        }\n    }, [showMenu]);\n\n    useEffect(() => {\n        setSelectedValue((prev) => value || prev);\n    }, [value]);\n\n    // Funksjon for å stile valgt element\n    const isSelected = (option: ValuePair) => {\n        if (!selectedValue) {\n            return false;\n        } else {\n            return selectedValue.some((value) => value.value === option.value);\n        }\n    };\n\n    // Fjerne ett eller flere valg\n    const removeOption = useCallback(\n        (option: string) => {\n            return selectedValue.filter((value) => value.value !== option);\n        },\n        [selectedValue],\n    );\n\n    const onTagRemove = useCallback(\n        (\n            e: React.MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | React.KeyboardEvent<HTMLInputElement>,\n            option: string,\n        ) => {\n            let newValue = removeOption(option);\n            setSelectedValue(newValue);\n            onChange({\n                type: \"change\",\n                target: { name, value: option, selectedOptions: newValue },\n            });\n            e.stopPropagation();\n\n            if (newValue.length === 0) {\n                setMarked(false);\n            }\n        },\n        [removeOption, setSelectedValue, onChange, name, setMarked],\n    );\n\n    // Håndtere valgt verdi i listen\n    const onItemClick = useCallback(\n        (option: string) => {\n            let newValue: Array<ValuePair>;\n\n            if (selectedValue.some((value) => value.value === option)) {\n                newValue = removeOption(option);\n            } else {\n                const item = items.find((i) => i.value === option);\n                newValue = [...selectedValue, item as ValuePair];\n            }\n            searchRef.current?.focus();\n            setSelectedValue(newValue);\n            onChange({\n                type: \"change\",\n                target: { name, value: option, selectedOptions: newValue },\n            });\n        },\n        [selectedValue, setSelectedValue, onChange, name, removeOption, items],\n    );\n\n    // Funksjon for søk\n    const onSearch = (e: { target: { value: React.SetStateAction<string> } }) => {\n        searchRef.current?.focus();\n        setShowMenu(true);\n        setSearchValue(e.target.value);\n    };\n\n    const options = useMemo(() => {\n        if (!searchValue) {\n            return items;\n        }\n\n        const filteredOptions = items.filter(\n            (option) => option.label.toLowerCase().indexOf(searchValue.toLowerCase()) >= 0,\n        );\n\n        setNoResults(filteredOptions.length === 0);\n\n        return filteredOptions;\n    }, [searchValue, items]);\n\n    // Det første elementet i listen skal være aktivt fram til brukeren klikker på noe annet\n    const [activeDescendant, setActiveDescendant] = useState<string | undefined>(\n        options[0]?.value ? `${listId}-${options[0]?.value}` : undefined,\n    );\n\n    // Håndtere arrow-state\n    useEffect(() => {\n        if (showMenu) {\n            setIsPointingDown(false);\n        } else {\n            setIsPointingDown(true);\n        }\n    }, [showMenu]);\n\n    // Lukk meny med ESC\n    useEffect(() => {\n        const handleEscape = (e: globalThis.KeyboardEvent) => {\n            if (e.key === \"Escape\" && showMenu) {\n                setShowMenu(false);\n            }\n        };\n        if (typeof window !== \"undefined\") {\n            window.addEventListener(\"keydown\", handleEscape);\n        }\n        return () => {\n            if (typeof window !== \"undefined\" && showMenu) {\n                window.removeEventListener(\"keydown\", handleEscape);\n            }\n        };\n    }, [setShowMenu, showMenu]);\n\n    // Fokushåndtering\n    const handleFocusPlacement = useCallback((isOpen: boolean) => {\n        if (isOpen) {\n            if (searchRef.current) {\n                searchRef.current.focus();\n            }\n        } else {\n            if (focusInsideRef.current && inputRef.current) {\n                inputRef.current.focus();\n            }\n        }\n    }, []);\n\n    const handleFocus = useCallback(() => {\n        if (!focusInsideRef.current) {\n            if (onFocus) {\n                onFocus({\n                    type: \"change\",\n                    target: {\n                        name,\n                        value: selectedValue?.[0].value || \"\",\n                        selectedOptions: selectedValue,\n                    },\n                });\n            }\n            focusInsideRef.current = true;\n            setShowMenu(true);\n        }\n    }, [onFocus, selectedValue, name]);\n\n    const [dropdownRef] = useAnimatedHeight<HTMLDivElement>(showMenu, {\n        onFirstVisible: handleFocusPlacement,\n        onTransitionEnd: handleFocusPlacement,\n    });\n\n    useListNavigation({ ref: dropdownRef });\n\n    const componentRootElementRef = useRef<HTMLDivElement>(null);\n\n    const handleBlur = useCallback(\n        (e: FocusEvent<HTMLDivElement | HTMLInputElement | HTMLButtonElement>) => {\n            const componentRootElement = componentRootElementRef.current;\n            const nextFocusIsInsideComponent =\n                componentRootElement && componentRootElement.contains(e.relatedTarget as Node);\n            if (!nextFocusIsInsideComponent) {\n                setSearchValue(\"\");\n\n                if (onBlur) {\n                    onBlur({\n                        type: \"blur\",\n                        target: {\n                            name,\n                            value: selectedValue?.[0]?.value || \"\",\n                            selectedOptions: selectedValue,\n                        },\n                    });\n                    inputRef.current?.dispatchEvent(new Event(\"focusout\", { bubbles: true }));\n                }\n                focusInsideRef.current = false;\n                setShowMenu(false);\n            }\n        },\n        [onBlur, name, selectedValue],\n    );\n\n    const handleMouseOver = useCallback((e: MouseEvent<HTMLButtonElement>) => {\n        // Ved mouseOver på options flytter vi fokus til dem for å unngå \"dobbel fokus\"\n        // der det ser ut som to forskjellige elementer er fokusert/hovered samtidig\n        (e.target as HTMLButtonElement).focus({ preventScroll: true });\n    }, []);\n\n    // Tastaturnavigasjon\n    const handleSearchOnKeyDown = useCallback(\n        (e: KeyboardEvent<HTMLInputElement>) => {\n            if (e.key === \"ArrowDown\") {\n                e.preventDefault();\n                e.stopPropagation();\n                const listElement = dropdownRef.current;\n                if (listElement) {\n                    listElement.querySelector<HTMLButtonElement>('[role=\"option\"]')?.focus();\n                }\n            } else if (e.key === \"Escape\") {\n                e.preventDefault();\n                e.stopPropagation();\n                setShowMenu(false);\n            }\n\n            if ((e.metaKey && e.key === \"a\") || (e.ctrlKey && e.key === \"a\")) {\n                e.preventDefault();\n                e.stopPropagation();\n                const updatedSelectedValue = selectedValue.map((item) => ({\n                    ...item,\n                    isMarked: true,\n                }));\n                setMarked(true);\n                setSelectedValue(updatedSelectedValue);\n            } else if (e.key === \"Backspace\") {\n                e.stopPropagation();\n                setMarked(false);\n\n                // Sjekk om selectedValue er markert\n                const selectedValueIsMarked = selectedValue.some((item) => item.isMarked);\n\n                if (selectedValueIsMarked) {\n                    const updatedSelectedValue = selectedValue.filter((item) => !item.isMarked);\n                    setSelectedValue(updatedSelectedValue);\n                    setSearchValue(\"\");\n                } else if (selectedValue.length > 0 && searchValue === \"\") {\n                    // Hvis ingen items er markert, fjern siste valgte item\n                    onTagRemove(e, selectedValue[selectedValue.length - 1].value);\n                }\n            }\n        },\n        [selectedValue, searchValue, dropdownRef, onTagRemove],\n    );\n\n    const handleOptionOnKeyDown = useCallback(\n        (e: KeyboardEvent<HTMLButtonElement>) => {\n            if (e.key === \"Tab\") {\n                if (searchRef.current) {\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    if (e.shiftKey) {\n                        searchRef.current.focus();\n                    } else {\n                        setShowMenu(false);\n                        searchRef.current.focus();\n                    }\n                }\n            } else if (e.key === \"ArrowUp\") {\n                if (dropdownRef.current && searchRef.current) {\n                    // Can't be based on index since the first item might be filtered out\n                    const firstVisible = dropdownRef.current.querySelector('[role=\"option\"]:not([hidden])');\n                    if (e.currentTarget.id === firstVisible?.id && searchRef.current) {\n                        searchRef.current.focus();\n                    }\n                }\n            }\n        },\n        [setShowMenu, dropdownRef],\n    );\n\n    const hasSelection = selectedValue.length >= 1;\n\n    return (\n        <InputGroup\n            label={label}\n            id={inputId}\n            ref={componentRootElementRef}\n            data-testid=\"jkl-combobox\"\n            className={clsx(\"jkl-combobox\", className, {\n                \"jkl-combobox--invalid\": !!errorLabel || invalid,\n                \"jkl-combobox--menu-open\": showMenu,\n                \"jkl-combobox--menu-closed\": !showMenu && hasSelection,\n            })}\n            labelProps={{\n                id: labelId,\n                ...labelProps,\n            }}\n            helpLabel={helpLabel}\n            errorLabel={errorLabel}\n            density={density}\n            render={(inputProps) => (\n                <div\n                    className={clsx(\"jkl-combobox__wrapper\", { \"jkl-combobox__wrapper--active-value\": hasSelection })}\n                    style={{ width }}\n                    tabIndex={-1}\n                    onFocus={handleFocus}\n                    onBlur={handleBlur}\n                >\n                    <div className=\"jkl-combobox__tags\" data-testid=\"jkl-combobox__tags\">\n                        {selectedValue.map(getComboboxValuePair).map((option) => (\n                            <Tag\n                                key={option.value}\n                                className={`jkl-tag ${marked && \"jkl-tag__marked\"}`}\n                                data-testid=\"jkl-tag\"\n                                dismissAction={{\n                                    onClick: (e) => {\n                                        if (searchRef.current) {\n                                            searchRef.current.focus();\n                                        }\n                                        onTagRemove(e, option.value);\n                                    },\n                                    onBlur: handleBlur,\n                                    label: `Fjern ${option.value}`,\n                                }}\n                            >\n                                {hasTagHover ? (\n                                    <Tooltip key={option.value}>\n                                        <TooltipTrigger>\n                                            {\" \"}\n                                            <span aria-hidden=\"true\" data-testid=\"jkl-tag__content\">\n                                                {option.tagLabel ? option.tagLabel : option.label}\n                                            </span>\n                                        </TooltipTrigger>\n                                        <TooltipContent>{option.label}</TooltipContent>\n                                    </Tooltip>\n                                ) : (\n                                    <span aria-hidden=\"true\" data-testid=\"jkl-tag__content\">\n                                        {option.tagLabel ? option.tagLabel : option.label}\n                                    </span>\n                                )}\n                            </Tag>\n                        ))}\n                        <input\n                            {...inputProps}\n                            className=\"jkl-combobox__search-input\"\n                            onChange={onSearch}\n                            data-testid=\"jkl-combobox__search-input\"\n                            onFocus={handleFocus}\n                            onBlur={handleBlur}\n                            onKeyDown={handleSearchOnKeyDown}\n                            value={searchValue}\n                            ref={searchRef}\n                            aria-controls={listId}\n                            role=\"combobox\"\n                            aria-autocomplete=\"list\"\n                            aria-expanded={showMenu}\n                            placeholder={selectedValue.length > 0 ? \"\" : placeholder}\n                            autoComplete=\"off\"\n                        />\n                    </div>\n\n                    <div\n                        className=\"jkl-combobox__menu\"\n                        role=\"listbox\"\n                        ref={dropdownRef}\n                        id={listId}\n                        aria-labelledby={labelId}\n                        aria-multiselectable=\"true\"\n                        aria-activedescendant={activeDescendant}\n                        onFocus={handleFocus}\n                        onBlur={handleBlur}\n                        tabIndex={-1}\n                    >\n                        {options.map((option, i) => (\n                            <button\n                                key={`${listId}-${option.value}`}\n                                type=\"button\"\n                                id={`${listId}__${option.value}`}\n                                aria-selected={isSelected(option)}\n                                role=\"option\"\n                                value={option.value}\n                                onBlur={handleBlur}\n                                className={`jkl-combobox__option ${\n                                    isSelected(option) && \"jkl-combobox__option--selected\"\n                                }`}\n                                data-testid=\"jkl-combobox__option\"\n                                data-testautoid={`jkl-combobox__option-${i}`}\n                                onFocus={handleFocus}\n                                onKeyDown={handleOptionOnKeyDown}\n                                onClick={(e) => {\n                                    setActiveDescendant(`${listId}__${option.value}`); // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/listbox_role#required_javascript_features\n                                    e.stopPropagation();\n                                    onItemClick(option.value);\n                                    setSearchValue(\"\");\n                                }}\n                                onMouseOver={handleMouseOver}\n                            >\n                                {option.description ? (\n                                    <span>\n                                        {option.label}\n                                        <span className=\"jkl-combobox__option-description\">{option.description}</span>\n                                    </span>\n                                ) : (\n                                    option.label\n                                )}\n                                {isSelected(option) ? (\n                                    <span>\n                                        <CheckIcon />{\" \"}\n                                    </span>\n                                ) : null}\n                            </button>\n                        ))}\n                        {noResults && <div className=\"jkl-combobox__no-option\">{noMatchingOption}</div>}\n                    </div>\n                    <div className=\"jkl-combobox__actions\">\n                        <IconButton\n                            id={buttonId}\n                            onFocus={handleFocus}\n                            onBlur={handleBlur}\n                            className=\"jkl-combobox__button\"\n                            data-testid=\"jkl-combobox__button\"\n                            aria-label={`${selectedValue.map((value) => value.label) || \"Velg\"},${label}`}\n                            aria-expanded={showMenu}\n                            aria-controls={listId}\n                            role=\"button\"\n                            onClick={() => setShowMenu(true)}\n                            onMouseDown={(e) => {\n                                e.preventDefault();\n                                inputRef.current?.focus();\n                            }}\n                        >\n                            <ArrowVerticalAnimated pointingDown={isPointingDown} />\n                        </IconButton>\n                    </div>\n                </div>\n            )}\n        />\n    );\n};\nCombobox.displayName = \"Combobox\";\n"],"names":["getComboboxValuePair","item","value","label","Combobox","id","placeholder","items","onChange","onFocus","onBlur","noMatchingOption","labelProps","helpLabel","errorLabel","width","density","name","className","invalid","hasTagHover","listId","useId","generateSuffix","labelId","buttonId","inputId","selectedValue","setSelectedValue","useState","isPointingDown","setIsPointingDown","showMenu","setShowMenu","searchValue","setSearchValue","noResults","setNoResults","marked","setMarked","searchRef","useRef","inputRef","focusInsideRef","useEffect","current","focus","prev","isSelected","option","some","removeOption","useCallback","filter","onTagRemove","e","newValue","type","target","selectedOptions","stopPropagation","length","onItemClick","find","i","_a","onSearch","options","useMemo","filteredOptions","toLowerCase","indexOf","activeDescendant","setActiveDescendant","_b","handleEscape","key","window","addEventListener","removeEventListener","handleFocusPlacement","isOpen","handleFocus","dropdownRef","useAnimatedHeight","onFirstVisible","onTransitionEnd","useListNavigation","ref","componentRootElementRef","handleBlur","componentRootElement","contains","relatedTarget","dispatchEvent","Event","bubbles","handleMouseOver","preventScroll","handleSearchOnKeyDown","preventDefault","listElement","querySelector","metaKey","ctrlKey","updatedSelectedValue","map","isMarked","handleOptionOnKeyDown","shiftKey","firstVisible","currentTarget","hasSelection","jsx","InputGroup","clsx","render","inputProps","jsxs","style","tabIndex","children","Tag","dismissAction","onClick","Tooltip","TooltipTrigger","tagLabel","TooltipContent","onKeyDown","role","autoComplete","onMouseOver","description","CheckIcon","IconButton","onMouseDown","ArrowVerticalAnimated","pointingDown","displayName"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","sources":["../../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n    ChangeEvent,\n    FC,\n    FocusEvent,\n    KeyboardEvent,\n    MouseEvent,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from \"react\";\nimport { Density } from \"../../core/types.js\";\nimport { useAnimatedHeight } from \"../../hooks/useAnimatedHeight/useAnimatedHeight.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { useListNavigation } from \"../../hooks/useListNavigation/useListNavigation.js\";\nimport { ValuePair } from \"../../utilities/valuePair.js\";\nimport { ArrowVerticalAnimated } from \"../icon/icons/animated/ArrowVerticalAnimated.js\";\nimport { CheckIcon } from \"../icon/index.js\";\nimport { IconButton } from \"../icon-button/IconButton.js\";\nimport { InputGroup, InputGroupProps } from \"../input-group/InputGroup.js\";\nimport { LabelProps } from \"../input-group/Label.js\";\nimport { Tag } from \"../tag/Tag.js\";\nimport { Tooltip } from \"../tooltip/Tooltip.js\";\nimport { TooltipContent } from \"../tooltip/TooltipContent.js\";\nimport { TooltipTrigger } from \"../tooltip/TooltipTrigger.js\";\n\nexport type ComboboxValuePair = ValuePair & {\n    tagLabel?: string;\n    isMarked?: boolean;\n};\n\nexport function getComboboxValuePair(item: string | ComboboxValuePair): ComboboxValuePair {\n    return typeof item === \"string\" ? { value: item, label: item } : item;\n}\n\ninterface PartialChangeEvent extends Partial<Omit<ChangeEvent<HTMLElement>, \"target\">> {\n    type: \"change\" | \"blur\";\n    target: {\n        name: string;\n        value: string;\n        selectedOptions: Array<ValuePair>;\n    };\n}\n\ntype ChangeEventHandler = (event: PartialChangeEvent) => void;\n\ninterface ComboboxProps extends InputGroupProps {\n    id?: string;\n    placeholder?: string;\n    labelProps?: Omit<LabelProps, \"children\" | \"density\" | \"htmlFor\" | \"standAlone\">;\n    items: Array<ValuePair>;\n    noMatchingOption?: string;\n    label: string;\n    name: string;\n    value?: Array<ValuePair>;\n    density?: Density;\n    width?: string;\n    helpLabel?: string;\n    errorLabel?: string;\n    className?: string;\n    invalid?: boolean;\n    hasTagHover?: boolean;\n    onChange: ChangeEventHandler;\n    onBlur?: ChangeEventHandler;\n    onFocus?: ChangeEventHandler;\n}\n\nexport const Combobox: FC<ComboboxProps> = ({\n    id,\n    placeholder,\n    items,\n    onChange,\n    onFocus,\n    onBlur,\n    value,\n    label,\n    noMatchingOption,\n    labelProps,\n    helpLabel,\n    errorLabel,\n    width,\n    density,\n    name,\n    className,\n    invalid,\n    hasTagHover,\n}) => {\n    const listId = useId(id || \"jkl-combobox\", { generateSuffix: !id });\n    const labelId = `${listId}_label`;\n    const buttonId = `${listId}_button`;\n    const inputId = `${listId}_search-input`;\n\n    const [selectedValue, setSelectedValue] = useState<Array<ComboboxValuePair>>(value || []);\n    const [isPointingDown, setIsPointingDown] = useState<boolean>(true);\n    const [showMenu, setShowMenu] = useState<boolean>(false);\n    const [searchValue, setSearchValue] = useState<string>(\"\");\n    const [noResults, setNoResults] = useState(false);\n    const [marked, setMarked] = useState<boolean>(false);\n\n    const searchRef = useRef<HTMLInputElement>(null);\n    const inputRef = useRef<HTMLDivElement>(null);\n    const focusInsideRef = useRef(false);\n\n    useEffect(() => {\n        setSearchValue(\"\");\n        if (showMenu && searchRef.current) {\n            searchRef.current.focus();\n        }\n    }, [showMenu]);\n\n    useEffect(() => {\n        setSelectedValue((prev) => value || prev);\n    }, [value]);\n\n    // Funksjon for å stile valgt element\n    const isSelected = (option: ValuePair) => {\n        if (!selectedValue) {\n            return false;\n        } else {\n            return selectedValue.some((value) => value.value === option.value);\n        }\n    };\n\n    // Fjerne ett eller flere valg\n    const removeOption = useCallback(\n        (option: string) => {\n            return selectedValue.filter((value) => value.value !== option);\n        },\n        [selectedValue],\n    );\n\n    const onTagRemove = useCallback(\n        (\n            e: React.MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | React.KeyboardEvent<HTMLInputElement>,\n            option: string,\n        ) => {\n            let newValue = removeOption(option);\n            setSelectedValue(newValue);\n            onChange({\n                type: \"change\",\n                target: { name, value: option, selectedOptions: newValue },\n            });\n            e.stopPropagation();\n\n            if (newValue.length === 0) {\n                setMarked(false);\n            }\n        },\n        [removeOption, setSelectedValue, onChange, name, setMarked],\n    );\n\n    // Håndtere valgt verdi i listen\n    const onItemClick = useCallback(\n        (option: string) => {\n            let newValue: Array<ValuePair>;\n\n            if (selectedValue.some((value) => value.value === option)) {\n                newValue = removeOption(option);\n            } else {\n                const item = items.find((i) => i.value === option);\n                newValue = [...selectedValue, item as ValuePair];\n            }\n            searchRef.current?.focus();\n            setSelectedValue(newValue);\n            onChange({\n                type: \"change\",\n                target: { name, value: option, selectedOptions: newValue },\n            });\n        },\n        [selectedValue, setSelectedValue, onChange, name, removeOption, items],\n    );\n\n    // Funksjon for søk\n    const onSearch = (e: { target: { value: React.SetStateAction<string> } }) => {\n        searchRef.current?.focus();\n        setShowMenu(true);\n        setSearchValue(e.target.value);\n    };\n\n    const options = useMemo(() => {\n        if (!searchValue) {\n            return items;\n        }\n\n        const filteredOptions = items.filter(\n            (option) => option.label.toLowerCase().indexOf(searchValue.toLowerCase()) >= 0,\n        );\n\n        setNoResults(filteredOptions.length === 0);\n\n        return filteredOptions;\n    }, [searchValue, items]);\n\n    // Det første elementet i listen skal være aktivt fram til brukeren klikker på noe annet\n    const [activeDescendant, setActiveDescendant] = useState<string | undefined>(\n        options[0]?.value ? `${listId}-${options[0]?.value}` : undefined,\n    );\n\n    // Håndtere arrow-state\n    useEffect(() => {\n        if (showMenu) {\n            setIsPointingDown(false);\n        } else {\n            setIsPointingDown(true);\n        }\n    }, [showMenu]);\n\n    // Lukk meny med ESC\n    useEffect(() => {\n        const handleEscape = (e: globalThis.KeyboardEvent) => {\n            if (e.key === \"Escape\" && showMenu) {\n                setShowMenu(false);\n            }\n        };\n        if (typeof window !== \"undefined\") {\n            window.addEventListener(\"keydown\", handleEscape);\n        }\n        return () => {\n            if (typeof window !== \"undefined\" && showMenu) {\n                window.removeEventListener(\"keydown\", handleEscape);\n            }\n        };\n    }, [setShowMenu, showMenu]);\n\n    // Fokushåndtering\n    const handleFocusPlacement = useCallback((isOpen: boolean) => {\n        if (isOpen) {\n            if (searchRef.current) {\n                searchRef.current.focus();\n            }\n        } else {\n            if (focusInsideRef.current && inputRef.current) {\n                inputRef.current.focus();\n            }\n        }\n    }, []);\n\n    const handleFocus = useCallback(() => {\n        if (!focusInsideRef.current) {\n            if (onFocus) {\n                onFocus({\n                    type: \"change\",\n                    target: {\n                        name,\n                        value: selectedValue?.[0].value || \"\",\n                        selectedOptions: selectedValue,\n                    },\n                });\n            }\n            focusInsideRef.current = true;\n            setShowMenu(true);\n        }\n    }, [onFocus, selectedValue, name]);\n\n    const [dropdownRef] = useAnimatedHeight<HTMLDivElement>(showMenu, {\n        onFirstVisible: handleFocusPlacement,\n        onTransitionEnd: handleFocusPlacement,\n    });\n\n    useListNavigation({ ref: dropdownRef });\n\n    const componentRootElementRef = useRef<HTMLDivElement>(null);\n\n    const handleBlur = useCallback(\n        (e: FocusEvent<HTMLDivElement | HTMLInputElement | HTMLButtonElement>) => {\n            const componentRootElement = componentRootElementRef.current;\n            const nextFocusIsInsideComponent =\n                componentRootElement && componentRootElement.contains(e.relatedTarget as Node);\n            if (!nextFocusIsInsideComponent) {\n                setSearchValue(\"\");\n\n                if (onBlur) {\n                    onBlur({\n                        type: \"blur\",\n                        target: {\n                            name,\n                            value: selectedValue?.[0]?.value || \"\",\n                            selectedOptions: selectedValue,\n                        },\n                    });\n                    inputRef.current?.dispatchEvent(new Event(\"focusout\", { bubbles: true }));\n                }\n                focusInsideRef.current = false;\n                setShowMenu(false);\n            }\n        },\n        [onBlur, name, selectedValue],\n    );\n\n    const handleMouseOver = useCallback((e: MouseEvent<HTMLButtonElement>) => {\n        // Ved mouseOver på options flytter vi fokus til dem for å unngå \"dobbel fokus\"\n        // der det ser ut som to forskjellige elementer er fokusert/hovered samtidig\n        (e.target as HTMLButtonElement).focus({ preventScroll: true });\n    }, []);\n\n    // Tastaturnavigasjon\n    const handleSearchOnKeyDown = useCallback(\n        (e: KeyboardEvent<HTMLInputElement>) => {\n            if (e.key === \"ArrowDown\") {\n                e.preventDefault();\n                e.stopPropagation();\n                const listElement = dropdownRef.current;\n                if (listElement) {\n                    listElement.querySelector<HTMLButtonElement>('[role=\"option\"]')?.focus();\n                }\n            } else if (e.key === \"Escape\") {\n                e.preventDefault();\n                e.stopPropagation();\n                setShowMenu(false);\n            }\n\n            if ((e.metaKey && e.key === \"a\") || (e.ctrlKey && e.key === \"a\")) {\n                e.preventDefault();\n                e.stopPropagation();\n                const updatedSelectedValue = selectedValue.map((item) => ({\n                    ...item,\n                    isMarked: true,\n                }));\n                setMarked(true);\n                setSelectedValue(updatedSelectedValue);\n            } else if (e.key === \"Backspace\") {\n                e.stopPropagation();\n                setMarked(false);\n\n                // Sjekk om selectedValue er markert\n                const selectedValueIsMarked = selectedValue.some((item) => item.isMarked);\n\n                if (selectedValueIsMarked) {\n                    const updatedSelectedValue = selectedValue.filter((item) => !item.isMarked);\n                    setSelectedValue(updatedSelectedValue);\n                    setSearchValue(\"\");\n                } else if (selectedValue.length > 0 && searchValue === \"\") {\n                    // Hvis ingen items er markert, fjern siste valgte item\n                    onTagRemove(e, selectedValue[selectedValue.length - 1].value);\n                }\n            }\n        },\n        [selectedValue, searchValue, dropdownRef, onTagRemove],\n    );\n\n    const handleOptionOnKeyDown = useCallback(\n        (e: KeyboardEvent<HTMLButtonElement>) => {\n            if (e.key === \"Tab\") {\n                if (searchRef.current) {\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    if (e.shiftKey) {\n                        searchRef.current.focus();\n                    } else {\n                        setShowMenu(false);\n                        searchRef.current.focus();\n                    }\n                }\n            } else if (e.key === \"ArrowUp\") {\n                if (dropdownRef.current && searchRef.current) {\n                    // Can't be based on index since the first item might be filtered out\n                    const firstVisible = dropdownRef.current.querySelector('[role=\"option\"]:not([hidden])');\n                    if (e.currentTarget.id === firstVisible?.id && searchRef.current) {\n                        searchRef.current.focus();\n                    }\n                }\n            }\n        },\n        [setShowMenu, dropdownRef],\n    );\n\n    const hasSelection = selectedValue.length >= 1;\n\n    return (\n        <InputGroup\n            label={label}\n            id={inputId}\n            ref={componentRootElementRef}\n            data-testid=\"jkl-combobox\"\n            className={clsx(\"jkl-combobox\", className, {\n                \"jkl-combobox--invalid\": !!errorLabel || invalid,\n                \"jkl-combobox--menu-open\": showMenu,\n                \"jkl-combobox--menu-closed\": !showMenu && hasSelection,\n            })}\n            labelProps={{\n                id: labelId,\n                ...labelProps,\n            }}\n            helpLabel={helpLabel}\n            errorLabel={errorLabel}\n            density={density}\n            render={(inputProps) => (\n                <div\n                    className={clsx(\"jkl-combobox__wrapper\", { \"jkl-combobox__wrapper--active-value\": hasSelection })}\n                    style={{ width }}\n                    tabIndex={-1}\n                    onFocus={handleFocus}\n                    onBlur={handleBlur}\n                >\n                    <div className=\"jkl-combobox__tags\" data-testid=\"jkl-combobox__tags\">\n                        {selectedValue.map(getComboboxValuePair).map((option) => (\n                            <Tag\n                                key={option.value}\n                                className={`jkl-tag ${marked && \"jkl-tag__marked\"}`}\n                                data-testid=\"jkl-tag\"\n                                dismissAction={{\n                                    onClick: (e) => {\n                                        if (searchRef.current) {\n                                            searchRef.current.focus();\n                                        }\n                                        onTagRemove(e, option.value);\n                                    },\n                                    onBlur: handleBlur,\n                                    label: `Fjern ${option.value}`,\n                                }}\n                            >\n                                {hasTagHover ? (\n                                    <Tooltip key={option.value}>\n                                        <TooltipTrigger>\n                                            {\" \"}\n                                            <span aria-hidden=\"true\" data-testid=\"jkl-tag__content\">\n                                                {option.tagLabel ? option.tagLabel : option.label}\n                                            </span>\n                                        </TooltipTrigger>\n                                        <TooltipContent>{option.label}</TooltipContent>\n                                    </Tooltip>\n                                ) : (\n                                    <span aria-hidden=\"true\" data-testid=\"jkl-tag__content\">\n                                        {option.tagLabel ? option.tagLabel : option.label}\n                                    </span>\n                                )}\n                            </Tag>\n                        ))}\n                        <input\n                            {...inputProps}\n                            className=\"jkl-combobox__search-input\"\n                            onChange={onSearch}\n                            data-testid=\"jkl-combobox__search-input\"\n                            onFocus={handleFocus}\n                            onBlur={handleBlur}\n                            onKeyDown={handleSearchOnKeyDown}\n                            value={searchValue}\n                            ref={searchRef}\n                            aria-controls={listId}\n                            role=\"combobox\"\n                            aria-autocomplete=\"list\"\n                            aria-expanded={showMenu}\n                            placeholder={selectedValue.length > 0 ? \"\" : placeholder}\n                            autoComplete=\"off\"\n                        />\n                    </div>\n\n                    <div\n                        className=\"jkl-combobox__menu\"\n                        role=\"listbox\"\n                        ref={dropdownRef}\n                        id={listId}\n                        aria-labelledby={labelId}\n                        aria-multiselectable=\"true\"\n                        aria-activedescendant={activeDescendant}\n                        onFocus={handleFocus}\n                        onBlur={handleBlur}\n                        tabIndex={-1}\n                    >\n                        {options.map((option, i) => (\n                            <button\n                                key={`${listId}-${option.value}`}\n                                type=\"button\"\n                                id={`${listId}__${option.value}`}\n                                aria-selected={isSelected(option)}\n                                role=\"option\"\n                                value={option.value}\n                                onBlur={handleBlur}\n                                className={`jkl-combobox__option ${\n                                    isSelected(option) && \"jkl-combobox__option--selected\"\n                                }`}\n                                data-testid=\"jkl-combobox__option\"\n                                data-testautoid={`jkl-combobox__option-${i}`}\n                                onFocus={handleFocus}\n                                onKeyDown={handleOptionOnKeyDown}\n                                onClick={(e) => {\n                                    setActiveDescendant(`${listId}__${option.value}`); // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/listbox_role#required_javascript_features\n                                    e.stopPropagation();\n                                    onItemClick(option.value);\n                                    setSearchValue(\"\");\n                                }}\n                                onMouseOver={handleMouseOver}\n                            >\n                                {option.description ? (\n                                    <span>\n                                        {option.label}\n                                        <span className=\"jkl-combobox__option-description\">{option.description}</span>\n                                    </span>\n                                ) : (\n                                    option.label\n                                )}\n                                {isSelected(option) ? (\n                                    <span>\n                                        <CheckIcon />{\" \"}\n                                    </span>\n                                ) : null}\n                            </button>\n                        ))}\n                        {noResults && <div className=\"jkl-combobox__no-option\">{noMatchingOption}</div>}\n                    </div>\n                    <div className=\"jkl-combobox__actions\">\n                        <IconButton\n                            id={buttonId}\n                            onFocus={handleFocus}\n                            onBlur={handleBlur}\n                            className=\"jkl-combobox__button\"\n                            data-testid=\"jkl-combobox__button\"\n                            aria-label={`${selectedValue.map((value) => value.label) || \"Velg\"},${label}`}\n                            aria-expanded={showMenu}\n                            aria-controls={listId}\n                            role=\"button\"\n                            onClick={() => setShowMenu(true)}\n                            onMouseDown={(e) => {\n                                e.preventDefault();\n                                inputRef.current?.focus();\n                            }}\n                        >\n                            <ArrowVerticalAnimated pointingDown={isPointingDown} />\n                        </IconButton>\n                    </div>\n                </div>\n            )}\n        />\n    );\n};\nCombobox.displayName = \"Combobox\";\n"],"names":["getComboboxValuePair","item","value","label","Combobox","id","placeholder","items","onChange","onFocus","onBlur","noMatchingOption","labelProps","helpLabel","errorLabel","width","density","name","className","invalid","hasTagHover","listId","useId","generateSuffix","labelId","buttonId","inputId","selectedValue","setSelectedValue","useState","isPointingDown","setIsPointingDown","showMenu","setShowMenu","searchValue","setSearchValue","noResults","setNoResults","marked","setMarked","searchRef","useRef","inputRef","focusInsideRef","useEffect","current","focus","prev","isSelected","option","some","removeOption","useCallback","filter","onTagRemove","e","newValue","type","target","selectedOptions","stopPropagation","length","onItemClick","find","i","_a","onSearch","options","useMemo","filteredOptions","toLowerCase","indexOf","activeDescendant","setActiveDescendant","_b","handleEscape","key","window","addEventListener","removeEventListener","handleFocusPlacement","isOpen","handleFocus","dropdownRef","useAnimatedHeight","onFirstVisible","onTransitionEnd","useListNavigation","ref","componentRootElementRef","handleBlur","componentRootElement","contains","relatedTarget","dispatchEvent","Event","bubbles","handleMouseOver","preventScroll","handleSearchOnKeyDown","preventDefault","listElement","querySelector","metaKey","ctrlKey","updatedSelectedValue","map","isMarked","handleOptionOnKeyDown","shiftKey","firstVisible","currentTarget","hasSelection","jsx","InputGroup","clsx","render","inputProps","jsxs","style","tabIndex","children","Tag","dismissAction","onClick","Tooltip","TooltipTrigger","tagLabel","TooltipContent","onKeyDown","role","autoComplete","onMouseOver","description","CheckIcon","IconButton","onMouseDown","ArrowVerticalAnimated","pointingDown","displayName"],"mappings":"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"}

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

@@ -0,0 +1 @@
+export { Combobox, getComboboxValuePair, type ComboboxValuePair } from './Combobox.js';

package/build/es/components/cookie-consent/CookieConsent.d.ts

@@ -0,0 +1,6 @@
+import { AcceptConsentCallback } from './types.js';
+export interface CookieConsentProps {
+    blocking?: boolean;
+    onAccept?: AcceptConsentCallback;
+}
+export declare const CookieConsent: ({ blocking, onAccept, ...rest }: CookieConsentProps) => JSX.Element | null;

package/build/es/components/cookie-consent/CookieConsent.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{useEffect as e}from"react";import{usePreviousValue as t}from"../../hooks/usePreviousValue/usePreviousValue.js";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import{useCookieConsentState as s}from"./CookieConsentContext.js";import{CookieConsentModal as n}from"./CookieConsentModal.js";import{setConsentCookie as i}from"./cookieConsentUtils.js";const r=({blocking:r,onAccept:a,...c})=>{const{dispatch:u,consent:m,cookieName:l,cookieDomain:p}=s(),C=t(m);if(e((()=>{a&&m!==C&&a(m)}),[a,m,C]),typeof navigator<"u"&&!navigator.cookieEnabled)return a&&a({functional:"denied",marketing:"denied",statistics:"denied"}),null;return r?o(n,{...c,onAccept:o=>{const e=Object.fromEntries(Object.entries(o).filter((([,o])=>null!=o))),t={...m,...e};u({type:"UPDATE_CONSENT",payload:t}),u({type:"SET_SHOW_CONSENT",payload:!1}),i({consent:t,name:l,domain:p})}}):null};export{r as CookieConsent};
+import{jsx as o}from"react/jsx-runtime";import{useEffect as e}from"react";import{usePreviousValue as t}from"../../hooks/usePreviousValue/usePreviousValue.js";import{useCookieConsentState as n}from"./CookieConsentContext.js";import{CookieConsentModal as s}from"./CookieConsentModal.js";import{setConsentCookie as i}from"./cookieConsentUtils.js";const a=({blocking:a,onAccept:r,...c})=>{const{dispatch:m,consent:u,cookieName:l,cookieDomain:C}=n(),p=t(u);if(e((()=>{r&&u!==p&&r(u)}),[r,u,p]),typeof navigator<"u"&&!navigator.cookieEnabled)return r&&r({functional:"denied",marketing:"denied",statistics:"denied"}),null;return a?o(s,{...c,onAccept:o=>{const e=Object.fromEntries(Object.entries(o).filter((([,o])=>null!=o))),t={...u,...e};m({type:"UPDATE_CONSENT",payload:t}),m({type:"SET_SHOW_CONSENT",payload:!1}),i({consent:t,name:l,domain:C})}}):null};export{a as CookieConsent};
 //# sourceMappingURL=CookieConsent.js.map

package/build/es/components/cookie-consent/CookieConsent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CookieConsent.js","sources":["../../../../src/components/cookie-consent/CookieConsent.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { usePreviousValue } from \"../../hooks\";\nimport { useCookieConsentState } from \"./CookieConsentContext\";\nimport { CookieConsentModal } from \"./CookieConsentModal\";\nimport { setConsentCookie } from \"./cookieConsentUtils\";\nimport { AcceptConsentCallback, Consent } from \"./types\";\n\nexport interface CookieConsentProps {\n    blocking?: boolean;\n    onAccept?: AcceptConsentCallback;\n}\n\nexport const CookieConsent = ({ blocking, onAccept, ...rest }: CookieConsentProps): JSX.Element | null => {\n    const { dispatch, consent, cookieName, cookieDomain } = useCookieConsentState();\n    const prevConsent = usePreviousValue(consent);\n\n    useEffect(() => {\n        if (onAccept) {\n            // Prevent onAccept from being triggered every time state changes\\\n            if (consent !== prevConsent) {\n                onAccept(consent);\n            }\n        }\n    }, [onAccept, consent, prevConsent]);\n\n    // Cookies are disabled in the browser\n    if (typeof navigator !== \"undefined\" && !navigator.cookieEnabled) {\n        if (onAccept) {\n            onAccept({\n                functional: \"denied\",\n                marketing: \"denied\",\n                statistics: \"denied\",\n            });\n        }\n\n        return null;\n    }\n\n    const handleAccept = (newConsent: Partial<Consent>) => {\n        // Filter out null values from the new consent\n        const newConsentWithoutNullValues = Object.fromEntries(\n            Object.entries(newConsent).filter(([, value]) => value != null),\n        );\n\n        // Merge the existing consent with the new consent\n        const updatedConsent: Consent = {\n            ...consent,\n            ...newConsentWithoutNullValues,\n        };\n\n        dispatch({ type: \"UPDATE_CONSENT\", payload: updatedConsent });\n        dispatch({ type: \"SET_SHOW_CONSENT\", payload: false });\n        setConsentCookie({ consent: updatedConsent, name: cookieName, domain: cookieDomain });\n    };\n\n    // This returns different variants of consents based on the behavior required to get the consent\n    // Blocking implies a blocking modal demanding an active action before the user can interact with the application\n    if (blocking) {\n        return <CookieConsentModal {...rest} onAccept={handleAccept} />;\n    }\n\n    return null;\n};\n"],"names":["CookieConsent","blocking","onAccept","rest","dispatch","consent","cookieName","cookieDomain","useCookieConsentState","prevConsent","usePreviousValue","useEffect","navigator","cookieEnabled","functional","marketing","statistics","jsx","CookieConsentModal","newConsent","newConsentWithoutNullValues","Object","fromEntries","entries","filter","value","updatedConsent","type","payload","setConsentCookie","name","domain"],"mappings":"saAYO,MAAMA,EAAgB,EAAGC,SAAAA,EAAUC,SAAAA,KAAaC,MACnD,MAAQC,SAAAA,EAAUC,QAAAA,EAASC,WAAAA,EAAYC,aAAAA,GAAiBC,IAClDC,EAAcC,EAAiBL,GAYrC,GAVAM,GAAU,KACFT,GAEIG,IAAYI,GACZP,EAASG,EAAO,GAGzB,CAACH,EAAUG,EAASI,WAGZG,UAAc,MAAgBA,UAAUC,cAC/C,OAAIX,GACSA,EAAA,CACLY,WAAY,SACZC,UAAW,SACXC,WAAY,WAIb,KAsBPf,OAAAA,EACQgB,EAAAC,EAAA,IAAuBf,EAAMD,SApBnBiB,IAElB,MAAMC,EAA8BC,OAAOC,YACvCD,OAAOE,QAAQJ,GAAYK,QAAO,GAAIC,KAAoB,MAATA,KAI/CC,EAA0B,IACzBrB,KACAe,GAGPhB,EAAS,CAAEuB,KAAM,iBAAkBC,QAASF,IAC5CtB,EAAS,CAAEuB,KAAM,mBAAoBC,SAAS,IAC9CC,EAAiB,CAAExB,QAASqB,EAAgBI,KAAMxB,EAAYyB,OAAQxB,GAAc,IASjF,IAAA"}
+{"version":3,"file":"CookieConsent.js","sources":["../../../../src/components/cookie-consent/CookieConsent.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { usePreviousValue } from \"../../hooks/usePreviousValue/usePreviousValue.js\";\nimport { useCookieConsentState } from \"./CookieConsentContext.js\";\nimport { CookieConsentModal } from \"./CookieConsentModal.js\";\nimport { setConsentCookie } from \"./cookieConsentUtils.js\";\nimport { AcceptConsentCallback, Consent } from \"./types.js\";\n\nexport interface CookieConsentProps {\n    blocking?: boolean;\n    onAccept?: AcceptConsentCallback;\n}\n\nexport const CookieConsent = ({ blocking, onAccept, ...rest }: CookieConsentProps): JSX.Element | null => {\n    const { dispatch, consent, cookieName, cookieDomain } = useCookieConsentState();\n    const prevConsent = usePreviousValue(consent);\n\n    useEffect(() => {\n        if (onAccept) {\n            // Prevent onAccept from being triggered every time state changes\\\n            if (consent !== prevConsent) {\n                onAccept(consent);\n            }\n        }\n    }, [onAccept, consent, prevConsent]);\n\n    // Cookies are disabled in the browser\n    if (typeof navigator !== \"undefined\" && !navigator.cookieEnabled) {\n        if (onAccept) {\n            onAccept({\n                functional: \"denied\",\n                marketing: \"denied\",\n                statistics: \"denied\",\n            });\n        }\n\n        return null;\n    }\n\n    const handleAccept = (newConsent: Partial<Consent>) => {\n        // Filter out null values from the new consent\n        const newConsentWithoutNullValues = Object.fromEntries(\n            Object.entries(newConsent).filter(([, value]) => value != null),\n        );\n\n        // Merge the existing consent with the new consent\n        const updatedConsent: Consent = {\n            ...consent,\n            ...newConsentWithoutNullValues,\n        };\n\n        dispatch({ type: \"UPDATE_CONSENT\", payload: updatedConsent });\n        dispatch({ type: \"SET_SHOW_CONSENT\", payload: false });\n        setConsentCookie({ consent: updatedConsent, name: cookieName, domain: cookieDomain });\n    };\n\n    // This returns different variants of consents based on the behavior required to get the consent\n    // Blocking implies a blocking modal demanding an active action before the user can interact with the application\n    if (blocking) {\n        return <CookieConsentModal {...rest} onAccept={handleAccept} />;\n    }\n\n    return null;\n};\n"],"names":["CookieConsent","blocking","onAccept","rest","dispatch","consent","cookieName","cookieDomain","useCookieConsentState","prevConsent","usePreviousValue","useEffect","navigator","cookieEnabled","functional","marketing","statistics","jsx","CookieConsentModal","newConsent","newConsentWithoutNullValues","Object","fromEntries","entries","filter","value","updatedConsent","type","payload","setConsentCookie","name","domain"],"mappings":"wVAYO,MAAMA,EAAgB,EAAGC,SAAAA,EAAUC,SAAAA,KAAaC,MACnD,MAAQC,SAAAA,EAAUC,QAAAA,EAASC,WAAAA,EAAYC,aAAAA,GAAiBC,IAClDC,EAAcC,EAAiBL,GAYrC,GAVAM,GAAU,KACFT,GAEIG,IAAYI,GACZP,EAASG,EAAO,GAGzB,CAACH,EAAUG,EAASI,WAGZG,UAAc,MAAgBA,UAAUC,cAC/C,OAAIX,GACSA,EAAA,CACLY,WAAY,SACZC,UAAW,SACXC,WAAY,WAIb,KAsBPf,OAAAA,EACQgB,EAAAC,EAAA,IAAuBf,EAAMD,SApBnBiB,IAElB,MAAMC,EAA8BC,OAAOC,YACvCD,OAAOE,QAAQJ,GAAYK,QAAO,GAAIC,KAAoB,MAATA,KAI/CC,EAA0B,IACzBrB,KACAe,GAGPhB,EAAS,CAAEuB,KAAM,iBAAkBC,QAASF,IAC5CtB,EAAS,CAAEuB,KAAM,mBAAoBC,SAAS,IAC9CC,EAAiB,CAAExB,QAASqB,EAAgBI,KAAMxB,EAAYyB,OAAQxB,GAAc,IASjF,IAAA"}

package/build/es/components/cookie-consent/CookieConsentContext.d.ts

@@ -0,0 +1,48 @@
+import { default as React } from 'react';
+import { WithChildren } from '../../core/types.js';
+import { Consent, ConsentRequirement } from './types.js';
+interface SetShowConsentAction {
+    type: "SET_SHOW_CONSENT";
+    payload: boolean;
+}
+interface SetShowSettingsAction {
+    type: "SET_SHOW_SETTINGS";
+    payload: boolean;
+}
+interface UpdateConsentAction {
+    type: "UPDATE_CONSENT";
+    payload: Consent;
+}
+interface UpdateRequirementsAction {
+    type: "UPDATE_REQUIREMENTS";
+    payload: ConsentRequirement;
+}
+type Action = SetShowConsentAction | UpdateConsentAction | SetShowSettingsAction | UpdateRequirementsAction;
+type Dispatch = (action: Action) => void;
+interface State {
+    isOpen: boolean;
+    showSettings: boolean;
+    requirement: ConsentRequirement;
+    consent: Consent;
+}
+export declare const DEFAULT_COOKIE_NAME = "fremtind-cookie-consent";
+export interface CookieConsentProviderProps extends Partial<ConsentRequirement>, WithChildren {
+    cookieAdapter?: () => Consent | undefined;
+    cookieName?: string;
+    cookieDomain?: string;
+}
+declare const CookieConsentProvider: React.FC<CookieConsentProviderProps>;
+interface UseCookieConsentState extends State {
+    dispatch: Dispatch;
+    cookieName: string;
+    cookieDomain?: string;
+}
+declare const useCookieConsentState: () => UseCookieConsentState;
+type UseCookieConsent = {
+    openConsentModalWithSettings: () => void;
+    openConsentModalWithDefaults: () => void;
+    /** Se hvilke samtykker som er gitt, om du for eksempel trenger styre UI basert på samtykker. */
+    consents: Consent;
+};
+declare const useCookieConsent: () => UseCookieConsent;
+export { CookieConsentProvider, useCookieConsent, useCookieConsentState };

package/build/es/components/cookie-consent/CookieConsentContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"CookieConsentContext.js","sources":["../../../../src/components/cookie-consent/CookieConsentContext.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { WithChildren } from \"../..\";\nimport { shouldShowConsentDialog, getConsentCookie, buildRequirementsObject } from \"./cookieConsentUtils\";\nimport type { Consent, ConsentRequirement } from \"./types\";\n\n// https://kentcdodds.com/blog/how-to-use-react-context-effectively\n\ninterface SetShowConsentAction {\n    type: \"SET_SHOW_CONSENT\";\n    payload: boolean;\n}\n\ninterface SetShowSettingsAction {\n    type: \"SET_SHOW_SETTINGS\";\n    payload: boolean;\n}\n\ninterface UpdateConsentAction {\n    type: \"UPDATE_CONSENT\";\n    payload: Consent;\n}\n\ninterface UpdateRequirementsAction {\n    type: \"UPDATE_REQUIREMENTS\";\n    payload: ConsentRequirement;\n}\n\ntype Action = SetShowConsentAction | UpdateConsentAction | SetShowSettingsAction | UpdateRequirementsAction;\ntype Dispatch = (action: Action) => void;\n\ninterface State {\n    isOpen: boolean;\n    showSettings: boolean;\n    requirement: ConsentRequirement;\n    consent: Consent;\n}\n\nexport const DEFAULT_COOKIE_NAME = \"fremtind-cookie-consent\";\n\nconst CookieConsentContext = React.createContext<\n    { state: State; dispatch: Dispatch; cookieName: string; cookieDomain?: string } | undefined\n>(undefined);\n\nconst cookieConsentReducer = (state: State, action: Action): State => {\n    switch (action.type) {\n        case \"SET_SHOW_CONSENT\":\n            return { ...state, isOpen: action.payload };\n\n        case \"SET_SHOW_SETTINGS\":\n            return {\n                ...state,\n                showSettings: action.payload,\n            };\n\n        case \"UPDATE_CONSENT\":\n            return {\n                ...state,\n                consent: {\n                    ...state.consent,\n                    ...action.payload,\n                },\n            };\n\n        case \"UPDATE_REQUIREMENTS\":\n            return {\n                ...state,\n                requirement: {\n                    ...state.requirement,\n                    ...action.payload,\n                },\n            };\n\n        default: {\n            // @ts-ignore Denne skal ikke oppstå, men den _kan_ oppstå\n            throw new Error(`Unhandled action type: ${action.type}`);\n        }\n    }\n};\n\nexport interface CookieConsentProviderProps extends Partial<ConsentRequirement>, WithChildren {\n    cookieAdapter?: () => Consent | undefined;\n    cookieName?: string;\n    cookieDomain?: string;\n}\n\nconst CookieConsentProvider: React.FC<CookieConsentProviderProps> = ({\n    children,\n    cookieAdapter,\n    marketing,\n    functional,\n    statistics,\n    cookieName = DEFAULT_COOKIE_NAME,\n    cookieDomain,\n}) => {\n    // Load existing consent at initial render\n    const consentCookie = useMemo(() => {\n        return (\n            getConsentCookie({ adapter: cookieAdapter, name: cookieName }) ?? {\n                marketing: null,\n                functional: null,\n                statistics: null,\n            }\n        );\n    }, [cookieAdapter, cookieName]);\n\n    const requirement = useMemo(\n        () => buildRequirementsObject({ marketing, functional, statistics }),\n        [marketing, functional, statistics],\n    );\n\n    const [state, dispatch] = React.useReducer(cookieConsentReducer, {\n        isOpen: false,\n        showSettings: false,\n        requirement,\n        consent: consentCookie,\n    });\n\n    useEffect(() => {\n        if (shouldShowConsentDialog(requirement, consentCookie)) {\n            dispatch({ type: \"SET_SHOW_CONSENT\", payload: true });\n        } else if (consentCookie) {\n            dispatch({ type: \"UPDATE_CONSENT\", payload: consentCookie });\n        }\n    }, [requirement, consentCookie]);\n\n    const value = { state, dispatch, cookieName, cookieDomain };\n    return <CookieConsentContext.Provider value={value}>{children}</CookieConsentContext.Provider>;\n};\n\ninterface UseCookieConsentState extends State {\n    dispatch: Dispatch;\n    cookieName: string;\n    cookieDomain?: string;\n}\n\n// control and state for internal use\nconst useCookieConsentState = (): UseCookieConsentState => {\n    const context = React.useContext(CookieConsentContext);\n    if (context === undefined) {\n        throw new Error(\"useCookieConsentState must be used within a CookieConsentProvider\");\n    }\n\n    return {\n        dispatch: context.dispatch,\n        cookieName: context.cookieName,\n        cookieDomain: context.cookieDomain,\n        ...context.state,\n    };\n};\n\ntype UseCookieConsent = {\n    openConsentModalWithSettings: () => void;\n    openConsentModalWithDefaults: () => void;\n    /** Se hvilke samtykker som er gitt, om du for eksempel trenger styre UI basert på samtykker. */\n    consents: Consent;\n};\n\n// expose functionality to be used by consumers\nconst useCookieConsent = (): UseCookieConsent => {\n    const context = React.useContext(CookieConsentContext);\n    if (context === undefined) {\n        throw new Error(\"useCookieConsent must be used within a CookieConsentProvider\");\n    }\n\n    const openConsentModalWithSettings = () => {\n        context.dispatch({ type: \"SET_SHOW_CONSENT\", payload: true });\n        context.dispatch({ type: \"SET_SHOW_SETTINGS\", payload: true });\n    };\n\n    const openConsentModalWithDefaults = () => {\n        context.dispatch({ type: \"SET_SHOW_CONSENT\", payload: true });\n        context.dispatch({ type: \"SET_SHOW_SETTINGS\", payload: false });\n    };\n\n    const consents = context.state.consent;\n\n    return { openConsentModalWithSettings, openConsentModalWithDefaults, consents };\n};\n\nexport { CookieConsentProvider, useCookieConsentState, useCookieConsent };\n"],"names":["DEFAULT_COOKIE_NAME","CookieConsentContext","React","createContext","cookieConsentReducer","state","action","type","isOpen","payload","showSettings","consent","requirement","Error","CookieConsentProvider","children","cookieAdapter","marketing","functional","statistics","cookieName","cookieDomain","consentCookie","useMemo","getConsentCookie","adapter","name","buildRequirementsObject","dispatch","useReducer","useEffect","shouldShowConsentDialog","value","jsx","Provider","useCookieConsentState","context","useContext","useCookieConsent","openConsentModalWithSettings","openConsentModalWithDefaults","consents"],"mappings":"+MAqCO,MAAMA,EAAsB,0BAE7BC,EAAuBC,EAAMC,mBAEjC,GAEIC,EAAuB,CAACC,EAAcC,KACxC,OAAQA,EAAOC,MACX,IAAK,mBACD,MAAO,IAAKF,EAAOG,OAAQF,EAAOG,SAEtC,IAAK,oBACM,MAAA,IACAJ,EACHK,aAAcJ,EAAOG,SAG7B,IAAK,iBACM,MAAA,IACAJ,EACHM,QAAS,IACFN,EAAMM,WACNL,EAAOG,UAItB,IAAK,sBACM,MAAA,IACAJ,EACHO,YAAa,IACNP,EAAMO,eACNN,EAAOG,UAItB,QAEI,MAAM,IAAII,MAAM,0BAA0BP,EAAOC,QAEzD,EASEO,EAA8D,EAChEC,SAAAA,EACAC,cAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,WAAAA,EACAC,WAAAA,EAAapB,EACbqB,aAAAA,MAGMC,MAAAA,EAAgBC,GAAQ,IAEtBC,EAAiB,CAAEC,QAAST,EAAeU,KAAMN,KAAiB,CAC9DH,UAAW,KACXC,WAAY,KACZC,WAAY,OAGrB,CAACH,EAAeI,IAEbR,EAAcW,GAChB,IAAMI,EAAwB,CAAEV,UAAAA,EAAWC,WAAAA,EAAYC,WAAAA,KACvD,CAACF,EAAWC,EAAYC,KAGrBd,EAAOuB,GAAY1B,EAAM2B,WAAWzB,EAAsB,CAC7DI,QAAQ,EACRE,cAAc,EACdE,YAAAA,EACAD,QAASW,IAGbQ,GAAU,KACFC,EAAwBnB,EAAaU,GACrCM,EAAS,CAAErB,KAAM,mBAAoBE,SAAS,IACvCa,GACPM,EAAS,CAAErB,KAAM,iBAAkBE,QAASa,GAAe,GAEhE,CAACV,EAAaU,IAEXU,MAAAA,EAAQ,CAAE3B,MAAAA,EAAOuB,SAAAA,EAAUR,WAAAA,EAAYC,aAAAA,GACrC,OAAAY,EAAAhC,EAAqBiC,SAArB,CAA8BF,MAAAA,EAAejB,SAAAA,GAAS,EAU5DoB,EAAwB,KACpBC,MAAAA,EAAUlC,EAAMmC,WAAWpC,GACjC,QAAgB,IAAZmC,EACM,MAAA,IAAIvB,MAAM,qEAGb,MAAA,CACHe,SAAUQ,EAAQR,SAClBR,WAAYgB,EAAQhB,WACpBC,aAAce,EAAQf,gBACnBe,EAAQ/B,MAAA,EAYbiC,EAAmB,KACfF,MAAAA,EAAUlC,EAAMmC,WAAWpC,GACjC,QAAgB,IAAZmC,EACM,MAAA,IAAIvB,MAAM,gEAeb,MAAA,CAAE0B,6BAZ4B,KACjCH,EAAQR,SAAS,CAAErB,KAAM,mBAAoBE,SAAS,IACtD2B,EAAQR,SAAS,CAAErB,KAAM,oBAAqBE,SAAS,GAAM,EAU1B+B,6BAPF,KACjCJ,EAAQR,SAAS,CAAErB,KAAM,mBAAoBE,SAAS,IACtD2B,EAAQR,SAAS,CAAErB,KAAM,oBAAqBE,SAAS,GAAO,EAKGgC,SAFpDL,EAAQ/B,MAAMM"}
+{"version":3,"file":"CookieConsentContext.js","sources":["../../../../src/components/cookie-consent/CookieConsentContext.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { WithChildren } from \"../../core/types.js\";\nimport { buildRequirementsObject, getConsentCookie, shouldShowConsentDialog } from \"./cookieConsentUtils.js\";\nimport { Consent, ConsentRequirement } from \"./types.js\";\n\n// https://kentcdodds.com/blog/how-to-use-react-context-effectively\n\ninterface SetShowConsentAction {\n    type: \"SET_SHOW_CONSENT\";\n    payload: boolean;\n}\n\ninterface SetShowSettingsAction {\n    type: \"SET_SHOW_SETTINGS\";\n    payload: boolean;\n}\n\ninterface UpdateConsentAction {\n    type: \"UPDATE_CONSENT\";\n    payload: Consent;\n}\n\ninterface UpdateRequirementsAction {\n    type: \"UPDATE_REQUIREMENTS\";\n    payload: ConsentRequirement;\n}\n\ntype Action = SetShowConsentAction | UpdateConsentAction | SetShowSettingsAction | UpdateRequirementsAction;\ntype Dispatch = (action: Action) => void;\n\ninterface State {\n    isOpen: boolean;\n    showSettings: boolean;\n    requirement: ConsentRequirement;\n    consent: Consent;\n}\n\nexport const DEFAULT_COOKIE_NAME = \"fremtind-cookie-consent\";\n\nconst CookieConsentContext = React.createContext<\n    { state: State; dispatch: Dispatch; cookieName: string; cookieDomain?: string } | undefined\n>(undefined);\n\nconst cookieConsentReducer = (state: State, action: Action): State => {\n    switch (action.type) {\n        case \"SET_SHOW_CONSENT\":\n            return { ...state, isOpen: action.payload };\n\n        case \"SET_SHOW_SETTINGS\":\n            return {\n                ...state,\n                showSettings: action.payload,\n            };\n\n        case \"UPDATE_CONSENT\":\n            return {\n                ...state,\n                consent: {\n                    ...state.consent,\n                    ...action.payload,\n                },\n            };\n\n        case \"UPDATE_REQUIREMENTS\":\n            return {\n                ...state,\n                requirement: {\n                    ...state.requirement,\n                    ...action.payload,\n                },\n            };\n\n        default: {\n            // @ts-ignore Denne skal ikke oppstå, men den _kan_ oppstå\n            throw new Error(`Unhandled action type: ${action.type}`);\n        }\n    }\n};\n\nexport interface CookieConsentProviderProps extends Partial<ConsentRequirement>, WithChildren {\n    cookieAdapter?: () => Consent | undefined;\n    cookieName?: string;\n    cookieDomain?: string;\n}\n\nconst CookieConsentProvider: React.FC<CookieConsentProviderProps> = ({\n    children,\n    cookieAdapter,\n    marketing,\n    functional,\n    statistics,\n    cookieName = DEFAULT_COOKIE_NAME,\n    cookieDomain,\n}) => {\n    // Load existing consent at initial render\n    const consentCookie = useMemo(() => {\n        return (\n            getConsentCookie({ adapter: cookieAdapter, name: cookieName }) ?? {\n                marketing: null,\n                functional: null,\n                statistics: null,\n            }\n        );\n    }, [cookieAdapter, cookieName]);\n\n    const requirement = useMemo(\n        () => buildRequirementsObject({ marketing, functional, statistics }),\n        [marketing, functional, statistics],\n    );\n\n    const [state, dispatch] = React.useReducer(cookieConsentReducer, {\n        isOpen: false,\n        showSettings: false,\n        requirement,\n        consent: consentCookie,\n    });\n\n    useEffect(() => {\n        if (shouldShowConsentDialog(requirement, consentCookie)) {\n            dispatch({ type: \"SET_SHOW_CONSENT\", payload: true });\n        } else if (consentCookie) {\n            dispatch({ type: \"UPDATE_CONSENT\", payload: consentCookie });\n        }\n    }, [requirement, consentCookie]);\n\n    const value = { state, dispatch, cookieName, cookieDomain };\n    return <CookieConsentContext.Provider value={value}>{children}</CookieConsentContext.Provider>;\n};\n\ninterface UseCookieConsentState extends State {\n    dispatch: Dispatch;\n    cookieName: string;\n    cookieDomain?: string;\n}\n\n// control and state for internal use\nconst useCookieConsentState = (): UseCookieConsentState => {\n    const context = React.useContext(CookieConsentContext);\n    if (context === undefined) {\n        throw new Error(\"useCookieConsentState must be used within a CookieConsentProvider\");\n    }\n\n    return {\n        dispatch: context.dispatch,\n        cookieName: context.cookieName,\n        cookieDomain: context.cookieDomain,\n        ...context.state,\n    };\n};\n\ntype UseCookieConsent = {\n    openConsentModalWithSettings: () => void;\n    openConsentModalWithDefaults: () => void;\n    /** Se hvilke samtykker som er gitt, om du for eksempel trenger styre UI basert på samtykker. */\n    consents: Consent;\n};\n\n// expose functionality to be used by consumers\nconst useCookieConsent = (): UseCookieConsent => {\n    const context = React.useContext(CookieConsentContext);\n    if (context === undefined) {\n        throw new Error(\"useCookieConsent must be used within a CookieConsentProvider\");\n    }\n\n    const openConsentModalWithSettings = () => {\n        context.dispatch({ type: \"SET_SHOW_CONSENT\", payload: true });\n        context.dispatch({ type: \"SET_SHOW_SETTINGS\", payload: true });\n    };\n\n    const openConsentModalWithDefaults = () => {\n        context.dispatch({ type: \"SET_SHOW_CONSENT\", payload: true });\n        context.dispatch({ type: \"SET_SHOW_SETTINGS\", payload: false });\n    };\n\n    const consents = context.state.consent;\n\n    return { openConsentModalWithSettings, openConsentModalWithDefaults, consents };\n};\n\nexport { CookieConsentProvider, useCookieConsent, useCookieConsentState };\n"],"names":["DEFAULT_COOKIE_NAME","CookieConsentContext","React","createContext","cookieConsentReducer","state","action","type","isOpen","payload","showSettings","consent","requirement","Error","CookieConsentProvider","children","cookieAdapter","marketing","functional","statistics","cookieName","cookieDomain","consentCookie","useMemo","getConsentCookie","adapter","name","buildRequirementsObject","dispatch","useReducer","useEffect","shouldShowConsentDialog","value","jsx","Provider","useCookieConsentState","context","useContext","useCookieConsent","openConsentModalWithSettings","openConsentModalWithDefaults","consents"],"mappings":"+MAqCO,MAAMA,EAAsB,0BAE7BC,EAAuBC,EAAMC,mBAEjC,GAEIC,EAAuB,CAACC,EAAcC,KACxC,OAAQA,EAAOC,MACX,IAAK,mBACD,MAAO,IAAKF,EAAOG,OAAQF,EAAOG,SAEtC,IAAK,oBACM,MAAA,IACAJ,EACHK,aAAcJ,EAAOG,SAG7B,IAAK,iBACM,MAAA,IACAJ,EACHM,QAAS,IACFN,EAAMM,WACNL,EAAOG,UAItB,IAAK,sBACM,MAAA,IACAJ,EACHO,YAAa,IACNP,EAAMO,eACNN,EAAOG,UAItB,QAEI,MAAM,IAAII,MAAM,0BAA0BP,EAAOC,QAEzD,EASEO,EAA8D,EAChEC,SAAAA,EACAC,cAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,WAAAA,EACAC,WAAAA,EAAapB,EACbqB,aAAAA,MAGMC,MAAAA,EAAgBC,GAAQ,IAEtBC,EAAiB,CAAEC,QAAST,EAAeU,KAAMN,KAAiB,CAC9DH,UAAW,KACXC,WAAY,KACZC,WAAY,OAGrB,CAACH,EAAeI,IAEbR,EAAcW,GAChB,IAAMI,EAAwB,CAAEV,UAAAA,EAAWC,WAAAA,EAAYC,WAAAA,KACvD,CAACF,EAAWC,EAAYC,KAGrBd,EAAOuB,GAAY1B,EAAM2B,WAAWzB,EAAsB,CAC7DI,QAAQ,EACRE,cAAc,EACdE,YAAAA,EACAD,QAASW,IAGbQ,GAAU,KACFC,EAAwBnB,EAAaU,GACrCM,EAAS,CAAErB,KAAM,mBAAoBE,SAAS,IACvCa,GACPM,EAAS,CAAErB,KAAM,iBAAkBE,QAASa,GAAe,GAEhE,CAACV,EAAaU,IAEXU,MAAAA,EAAQ,CAAE3B,MAAAA,EAAOuB,SAAAA,EAAUR,WAAAA,EAAYC,aAAAA,GACrC,OAAAY,EAAAhC,EAAqBiC,SAArB,CAA8BF,MAAAA,EAAejB,SAAAA,GAAS,EAU5DoB,EAAwB,KACpBC,MAAAA,EAAUlC,EAAMmC,WAAWpC,GACjC,QAAgB,IAAZmC,EACM,MAAA,IAAIvB,MAAM,qEAGb,MAAA,CACHe,SAAUQ,EAAQR,SAClBR,WAAYgB,EAAQhB,WACpBC,aAAce,EAAQf,gBACnBe,EAAQ/B,MAAA,EAYbiC,EAAmB,KACfF,MAAAA,EAAUlC,EAAMmC,WAAWpC,GACjC,QAAgB,IAAZmC,EACM,MAAA,IAAIvB,MAAM,gEAeb,MAAA,CAAE0B,6BAZ4B,KACjCH,EAAQR,SAAS,CAAErB,KAAM,mBAAoBE,SAAS,IACtD2B,EAAQR,SAAS,CAAErB,KAAM,oBAAqBE,SAAS,GAAM,EAU1B+B,6BAPF,KACjCJ,EAAQR,SAAS,CAAErB,KAAM,mBAAoBE,SAAS,IACtD2B,EAAQR,SAAS,CAAErB,KAAM,oBAAqBE,SAAS,GAAO,EAKGgC,SAFpDL,EAAQ/B,MAAMM"}

package/build/es/components/cookie-consent/CookieConsentModal.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ConsentComponentBaseProps } from './types.js';
+export declare const CookieConsentModal: FC<ConsentComponentBaseProps>;

package/build/es/components/cookie-consent/CookieConsentModal.js

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useCallback as s,useEffect as t}from"react";import n from"react-dom";import"../../hooks/useScreen/useScreen.js";import{useId as a}from"../../hooks/useId/useId.js";import{ModalContainer as r,ModalOverlay as m}from"../modal/Modal.js";import{useModal as i}from"../modal/useModal.js";import{CustomConsents as l}from"./consents/CustomConsents.js";import{DefaultConsents as c}from"./consents/DefaultConsents.js";import{useCookieConsentState as d}from"./CookieConsentContext.js";import{convertBooleanConsentObjectToConsentObject as u}from"./cookieConsentUtils.js";const C=({onAccept:C,...p})=>{const{isOpen:f,requirement:j,showSettings:k}=d(),h=s((o=>{C("implicit"===o?u(j):o)}),[C,j]),[M,x]=i({id:a("jkl-cookie-modal"),role:"alertdialog",title:"Informasjonskapsler"});return t((()=>{M&&(f?M.show():M.hide())}),[M,f]),typeof document>"u"?null:n.createPortal(o(r,{...p,...x.container,"data-testautoid":"jkl-cookie-consent-modal",children:[e(m,{...x.overlay}),e(k?l:c,{modalConfig:x,handleAccept:h})]}),document.body)};export{C as CookieConsentModal};
+import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useCallback as s,useEffect as t}from"react";import n from"react-dom";import{useId as a}from"../../hooks/useId/useId.js";import{ModalContainer as r,ModalOverlay as m}from"../modal/Modal.js";import{useModal as i}from"../modal/useModal.js";import{CustomConsents as l}from"./consents/CustomConsents.js";import{DefaultConsents as c}from"./consents/DefaultConsents.js";import{useCookieConsentState as d}from"./CookieConsentContext.js";import{convertBooleanConsentObjectToConsentObject as u}from"./cookieConsentUtils.js";const C=({onAccept:C,...f})=>{const{isOpen:p,requirement:j,showSettings:k}=d(),h=s((o=>{C("implicit"===o?u(j):o)}),[C,j]),[M,x]=i({id:a("jkl-cookie-modal"),role:"alertdialog",title:"Informasjonskapsler"});return t((()=>{M&&(p?M.show():M.hide())}),[M,p]),typeof document>"u"?null:n.createPortal(o(r,{...f,...x.container,"data-testautoid":"jkl-cookie-consent-modal",children:[e(m,{...x.overlay}),e(k?l:c,{modalConfig:x,handleAccept:h})]}),document.body)};export{C as CookieConsentModal};
 //# sourceMappingURL=CookieConsentModal.js.map

package/build/es/components/cookie-consent/CookieConsentModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"CookieConsentModal.js","sources":["../../../../src/components/cookie-consent/CookieConsentModal.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { useId } from \"../../hooks\";\nimport { ModalContainer, ModalOverlay, useModal } from \"../modal\";\nimport { CustomConsents } from \"./consents/CustomConsents\";\nimport { DefaultConsents } from \"./consents/DefaultConsents\";\nimport { useCookieConsentState } from \"./CookieConsentContext\";\nimport { convertBooleanConsentObjectToConsentObject } from \"./cookieConsentUtils\";\nimport { Consent, ConsentComponentBaseProps } from \"./types\";\n\nexport const CookieConsentModal: FC<ConsentComponentBaseProps> = ({ onAccept, ...rest }) => {\n    const { isOpen, requirement, showSettings } = useCookieConsentState();\n\n    const handleAccept = useCallback(\n        (v: Consent | \"implicit\") => {\n            if (v === \"implicit\") {\n                onAccept(convertBooleanConsentObjectToConsentObject(requirement));\n            } else {\n                onAccept(v);\n            }\n        },\n        [onAccept, requirement],\n    );\n\n    const [instance, modalConfig] = useModal({\n        id: useId(\"jkl-cookie-modal\"),\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: \"alertdialog\",\n        // The required dialog title, mandatory in the document\n        // to provide context to assistive technology.\n        title: \"Informasjonskapsler\",\n    });\n\n    useEffect(() => {\n        if (!instance) {\n            return;\n        }\n        if (isOpen) {\n            instance.show();\n        } else {\n            instance.hide();\n        }\n    }, [instance, isOpen]);\n\n    if (typeof document === \"undefined\") {\n        return null;\n    }\n\n    return ReactDOM.createPortal(\n        <ModalContainer {...rest} {...modalConfig.container} data-testautoid=\"jkl-cookie-consent-modal\">\n            <ModalOverlay {...modalConfig.overlay} />\n            {showSettings ? (\n                <CustomConsents modalConfig={modalConfig} handleAccept={handleAccept} />\n            ) : (\n                <DefaultConsents modalConfig={modalConfig} handleAccept={handleAccept} />\n            )}\n        </ModalContainer>,\n        document.body,\n    );\n};\n"],"names":["CookieConsentModal","onAccept","rest","isOpen","requirement","showSettings","useCookieConsentState","handleAccept","useCallback","v","convertBooleanConsentObjectToConsentObject","instance","modalConfig","useModal","id","useId","role","title","useEffect","show","hide","document","ReactDOM","createPortal","jsxs","ModalContainer","container","children","jsx","ModalOverlay","overlay","CustomConsents","DefaultConsents","body"],"mappings":"smBAUO,MAAMA,EAAoD,EAAGC,SAAAA,KAAaC,MACvE,MAAEC,OAAAA,EAAQC,YAAAA,EAAaC,aAAAA,GAAiBC,IAExCC,EAAeC,GAChBC,IAEgBR,EADH,aAANQ,EACSC,EAA2CN,GAE3CK,EAFuD,GAKxE,CAACR,EAAUG,KAGRO,EAAUC,GAAeC,EAAS,CACrCC,GAAIC,EAAM,oBAIVC,KAAM,cAGNC,MAAO,wBAcP,OAXJC,GAAU,KACDP,IAGDR,EACAQ,EAASQ,OAETR,EAASS,OAAK,GAEnB,CAACT,EAAUR,WAEHkB,SAAa,IACb,KAGJC,EAASC,aACZC,EAACC,MAAmBvB,KAAUU,EAAYc,UAAW,kBAAgB,2BACjEC,SAAA,CAACC,EAAAC,EAAA,IAAiBjB,EAAYkB,YAC7BzB,EACI0B,EAEAC,EAFe,CAAApB,YAAAA,EAA0BL,aAAAA,OAKlDc,SAASY,KAAA"}
+{"version":3,"file":"CookieConsentModal.js","sources":["../../../../src/components/cookie-consent/CookieConsentModal.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { ModalContainer, ModalOverlay } from \"../modal/Modal.js\";\nimport { useModal } from \"../modal/useModal.js\";\nimport { CustomConsents } from \"./consents/CustomConsents.js\";\nimport { DefaultConsents } from \"./consents/DefaultConsents.js\";\nimport { useCookieConsentState } from \"./CookieConsentContext.js\";\nimport { convertBooleanConsentObjectToConsentObject } from \"./cookieConsentUtils.js\";\nimport { Consent, ConsentComponentBaseProps } from \"./types.js\";\n\nexport const CookieConsentModal: FC<ConsentComponentBaseProps> = ({ onAccept, ...rest }) => {\n    const { isOpen, requirement, showSettings } = useCookieConsentState();\n\n    const handleAccept = useCallback(\n        (v: Consent | \"implicit\") => {\n            if (v === \"implicit\") {\n                onAccept(convertBooleanConsentObjectToConsentObject(requirement));\n            } else {\n                onAccept(v);\n            }\n        },\n        [onAccept, requirement],\n    );\n\n    const [instance, modalConfig] = useModal({\n        id: useId(\"jkl-cookie-modal\"),\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: \"alertdialog\",\n        // The required dialog title, mandatory in the document\n        // to provide context to assistive technology.\n        title: \"Informasjonskapsler\",\n    });\n\n    useEffect(() => {\n        if (!instance) {\n            return;\n        }\n        if (isOpen) {\n            instance.show();\n        } else {\n            instance.hide();\n        }\n    }, [instance, isOpen]);\n\n    if (typeof document === \"undefined\") {\n        return null;\n    }\n\n    return ReactDOM.createPortal(\n        <ModalContainer {...rest} {...modalConfig.container} data-testautoid=\"jkl-cookie-consent-modal\">\n            <ModalOverlay {...modalConfig.overlay} />\n            {showSettings ? (\n                <CustomConsents modalConfig={modalConfig} handleAccept={handleAccept} />\n            ) : (\n                <DefaultConsents modalConfig={modalConfig} handleAccept={handleAccept} />\n            )}\n        </ModalContainer>,\n        document.body,\n    );\n};\n"],"names":["CookieConsentModal","onAccept","rest","isOpen","requirement","showSettings","useCookieConsentState","handleAccept","useCallback","v","convertBooleanConsentObjectToConsentObject","instance","modalConfig","useModal","id","useId","role","title","useEffect","show","hide","document","ReactDOM","createPortal","jsxs","ModalContainer","container","children","jsx","ModalOverlay","overlay","CustomConsents","DefaultConsents","body"],"mappings":"2jBAWO,MAAMA,EAAoD,EAAGC,SAAAA,KAAaC,MACvE,MAAEC,OAAAA,EAAQC,YAAAA,EAAaC,aAAAA,GAAiBC,IAExCC,EAAeC,GAChBC,IAEgBR,EADH,aAANQ,EACSC,EAA2CN,GAE3CK,EAFuD,GAKxE,CAACR,EAAUG,KAGRO,EAAUC,GAAeC,EAAS,CACrCC,GAAIC,EAAM,oBAIVC,KAAM,cAGNC,MAAO,wBAcP,OAXJC,GAAU,KACDP,IAGDR,EACAQ,EAASQ,OAETR,EAASS,OAAK,GAEnB,CAACT,EAAUR,WAEHkB,SAAa,IACb,KAGJC,EAASC,aACZC,EAACC,MAAmBvB,KAAUU,EAAYc,UAAW,kBAAgB,2BACjEC,SAAA,CAACC,EAAAC,EAAA,IAAiBjB,EAAYkB,YAC7BzB,EACI0B,EAEAC,EAFe,CAAApB,YAAAA,EAA0BL,aAAAA,OAKlDc,SAASY,KAAA"}

package/build/es/components/cookie-consent/consents/CustomConsents.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ModalConfig } from '../../modal/useModal.js';
+import { Consent } from '../types.js';
+type Props = {
+    modalConfig: ModalConfig;
+    handleAccept: (v: Consent | "implicit") => void;
+};
+export declare const CustomConsents: FC<Props>;
+export {};

package/build/es/components/cookie-consent/consents/CustomConsents.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useCallback as s}from"react";import{PrimaryButton as n}from"../../button/Button.js";import{UnorderedList as o}from"../../list/List.js";import{CheckListItem as a}from"../../list/ListItem.js";import{Modal as r,ModalHeader as i,ModalTitle as l,ModalBody as d,ModalActions as m}from"../../modal/Modal.js";import"react-a11y-dialog";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import{useCookieConsentState as c}from"../CookieConsentContext.js";import{convertBooleanConsentObjectToConsentObject as k}from"../cookieConsentUtils.js";import{RequirementCheckbox as f}from"./RequirementCheckbox.js";const u=({modalConfig:u,handleAccept:p})=>{const{consent:j,requirement:g}=c(),h=s((e=>{e.preventDefault();const t={},s=Object.entries(g).map((([e,t])=>t?e:void 0)).filter(Boolean),n=new FormData(e.target);s.forEach((e=>{t[e]="True"===n.get(e)})),p(k(t))}),[p,g]);return e(r,{component:"form",...u.modal,onSubmit:h,children:[t(i,{children:t(l,{...u.title,children:"Informasjonskapsler"})}),e(d,{children:[t(o,{className:"jkl-cookie-consent-modal__checklist",children:t(a,{children:"Nettsidene skal fungere teknisk"})}),t("p",{className:"jkl-cookie-consent-modal__info-text",children:"For at nettsidene skal fungere, må vi bruke tekniske informasjonskapsler. Denne kan derfor ikke slås av."}),g.functional&&t(f,{name:"functional",label:"Tillat funksjonelle",defaultChecked:"accepted"===j.functional,children:"Funksjonelle informasjonskapsler lagrer opplysninger om din bruk av nettsidene og hvilke innstillinger du har gjort, slik at du kan få funksjonalitet tilpasset deg."}),g.statistics&&t(f,{name:"statistics",label:"Tillat statistikk",defaultChecked:"accepted"===j.statistics,children:"Informasjonskapslene lagrer statistikk som hjelper oss med å forstå hvordan nettsidene blir brukt, slik at vi kan gjøre dem bedre og enklere å bruke."}),g.marketing&&t(f,{name:"marketing",label:"Tillat personlig markedsføring",defaultChecked:"accepted"===j.marketing,children:"Dette gjør at vi kan gi deg mer relevant og tilpasset markedsføring, også gjennom våre samarbeidspartnere, på for eksempel nettsider, annonser og i sosiale medier."})]}),t(m,{children:t(n,{"data-testid":"jkl-cookie-consent-godta",children:"Godta"})})]})};export{u as CustomConsents};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useCallback as n}from"react";import{PrimaryButton as s}from"../../button/Button.js";import{UnorderedList as o}from"../../list/List.js";import{CheckListItem as a}from"../../list/ListItem.js";import{Modal as r,ModalHeader as i,ModalTitle as l,ModalBody as d,ModalActions as m}from"../../modal/Modal.js";import{useCookieConsentState as c}from"../CookieConsentContext.js";import{convertBooleanConsentObjectToConsentObject as k}from"../cookieConsentUtils.js";import{RequirementCheckbox as f}from"./RequirementCheckbox.js";const p=({modalConfig:p,handleAccept:u})=>{const{consent:g,requirement:j}=c(),h=n((e=>{e.preventDefault();const t={},n=Object.entries(j).map((([e,t])=>t?e:void 0)).filter(Boolean),s=new FormData(e.target);n.forEach((e=>{t[e]="True"===s.get(e)})),u(k(t))}),[u,j]);return e(r,{component:"form",...p.modal,onSubmit:h,children:[t(i,{children:t(l,{...p.title,children:"Informasjonskapsler"})}),e(d,{children:[t(o,{className:"jkl-cookie-consent-modal__checklist",children:t(a,{children:"Nettsidene skal fungere teknisk"})}),t("p",{className:"jkl-cookie-consent-modal__info-text",children:"For at nettsidene skal fungere, må vi bruke tekniske informasjonskapsler. Denne kan derfor ikke slås av."}),j.functional&&t(f,{name:"functional",label:"Tillat funksjonelle",defaultChecked:"accepted"===g.functional,children:"Funksjonelle informasjonskapsler lagrer opplysninger om din bruk av nettsidene og hvilke innstillinger du har gjort, slik at du kan få funksjonalitet tilpasset deg."}),j.statistics&&t(f,{name:"statistics",label:"Tillat statistikk",defaultChecked:"accepted"===g.statistics,children:"Informasjonskapslene lagrer statistikk som hjelper oss med å forstå hvordan nettsidene blir brukt, slik at vi kan gjøre dem bedre og enklere å bruke."}),j.marketing&&t(f,{name:"marketing",label:"Tillat personlig markedsføring",defaultChecked:"accepted"===g.marketing,children:"Dette gjør at vi kan gi deg mer relevant og tilpasset markedsføring, også gjennom våre samarbeidspartnere, på for eksempel nettsider, annonser og i sosiale medier."})]}),t(m,{children:t(s,{"data-testid":"jkl-cookie-consent-godta",children:"Godta"})})]})};export{p as CustomConsents};
 //# sourceMappingURL=CustomConsents.js.map

package/build/es/components/cookie-consent/consents/CustomConsents.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomConsents.js","sources":["../../../../../src/components/cookie-consent/consents/CustomConsents.tsx"],"sourcesContent":["import React, { FC, FormEvent, useCallback } from \"react\";\nimport { PrimaryButton } from \"../../button\";\nimport { CheckListItem, UnorderedList } from \"../../list\";\nimport { Modal, ModalActions, ModalBody, ModalConfig, ModalHeader, ModalTitle } from \"../../modal\";\nimport { useCookieConsentState } from \"../CookieConsentContext\";\nimport { convertBooleanConsentObjectToConsentObject } from \"../cookieConsentUtils\";\nimport { Consent } from \"../types\";\nimport { RequirementCheckbox } from \"./RequirementCheckbox\";\n\ntype Props = {\n    modalConfig: ModalConfig;\n    handleAccept: (v: Consent | \"implicit\") => void;\n};\n\nexport const CustomConsents: FC<Props> = ({ modalConfig, handleAccept }) => {\n    const { consent, requirement } = useCookieConsentState();\n\n    const onSubmit = useCallback(\n        (event: FormEvent<HTMLFormElement>) => {\n            event.preventDefault();\n\n            const formValues: Partial<Record<keyof Consent, boolean>> = {};\n            const requiredFormNames = Object.entries(requirement)\n                .map(([name, required]) => (required ? name : undefined))\n                .filter(Boolean) as Array<keyof Consent>;\n\n            const formData = new FormData(event.target as HTMLFormElement);\n            requiredFormNames.forEach((name) => {\n                formValues[name] = formData.get(name) === \"True\";\n            });\n\n            handleAccept(convertBooleanConsentObjectToConsentObject(formValues));\n        },\n        [handleAccept, requirement],\n    );\n\n    return (\n        <Modal component=\"form\" {...modalConfig.modal} {...{ onSubmit }}>\n            <ModalHeader>\n                <ModalTitle {...modalConfig.title}>Informasjonskapsler</ModalTitle>\n            </ModalHeader>\n            <ModalBody>\n                <UnorderedList className=\"jkl-cookie-consent-modal__checklist\">\n                    <CheckListItem>Nettsidene skal fungere teknisk</CheckListItem>\n                </UnorderedList>\n                <p className=\"jkl-cookie-consent-modal__info-text\">\n                    For at nettsidene skal fungere, må vi bruke tekniske informasjonskapsler. Denne kan derfor ikke slås\n                    av.\n                </p>\n                {requirement.functional && (\n                    <RequirementCheckbox\n                        name=\"functional\"\n                        label=\"Tillat funksjonelle\"\n                        defaultChecked={consent.functional === \"accepted\"}\n                    >\n                        Funksjonelle informasjonskapsler lagrer opplysninger om din bruk av nettsidene og hvilke\n                        innstillinger du har gjort, slik at du kan få funksjonalitet tilpasset deg.\n                    </RequirementCheckbox>\n                )}\n\n                {requirement.statistics && (\n                    <RequirementCheckbox\n                        name=\"statistics\"\n                        label=\"Tillat statistikk\"\n                        defaultChecked={consent.statistics === \"accepted\"}\n                    >\n                        Informasjonskapslene lagrer statistikk som hjelper oss med å forstå hvordan nettsidene blir\n                        brukt, slik at vi kan gjøre dem bedre og enklere å bruke.\n                    </RequirementCheckbox>\n                )}\n\n                {requirement.marketing && (\n                    <RequirementCheckbox\n                        name=\"marketing\"\n                        label=\"Tillat personlig markedsføring\"\n                        defaultChecked={consent.marketing === \"accepted\"}\n                    >\n                        Dette gjør at vi kan gi deg mer relevant og tilpasset markedsføring, også gjennom våre\n                        samarbeidspartnere, på for eksempel nettsider, annonser og i sosiale medier.\n                    </RequirementCheckbox>\n                )}\n            </ModalBody>\n            <ModalActions>\n                <PrimaryButton data-testid=\"jkl-cookie-consent-godta\">Godta</PrimaryButton>\n            </ModalActions>\n        </Modal>\n    );\n};\n"],"names":["CustomConsents","modalConfig","handleAccept","consent","requirement","useCookieConsentState","onSubmit","useCallback","event","preventDefault","formValues","requiredFormNames","Object","entries","map","name","required","filter","Boolean","formData","FormData","target","forEach","get","convertBooleanConsentObjectToConsentObject","jsxs","Modal","component","modal","children","jsx","ModalHeader","ModalTitle","title","ModalBody","UnorderedList","className","CheckListItem","functional","RequirementCheckbox","label","defaultChecked","statistics","marketing","ModalActions","PrimaryButton"],"mappings":"4qBAcO,MAAMA,EAA4B,EAAGC,YAAAA,EAAaC,aAAAA,MAC/C,MAAEC,QAAAA,EAASC,YAAAA,GAAgBC,IAE3BC,EAAWC,GACZC,IACGA,EAAMC,iBAEAC,MAAAA,EAAsD,CAAA,EACtDC,EAAoBC,OAAOC,QAAQT,GACpCU,KAAI,EAAEC,EAAMC,KAAeA,EAAWD,OAAO,IAC7CE,OAAOC,SAENC,EAAW,IAAIC,SAASZ,EAAMa,QAClBV,EAAAW,SAASP,IACvBL,EAAWK,GAA+B,SAAvBI,EAASI,IAAIR,EAAU,IAGjCb,EAAAsB,EAA2Cd,GAAW,GAEvE,CAACR,EAAcE,IAIf,OAAAqB,EAACC,EAAM,CAAAC,UAAU,UAAW1B,EAAY2B,MAAatB,SAAAA,EACjDuB,SAAA,CAAAC,EAACC,GACGF,SAACC,EAAAE,EAAA,IAAe/B,EAAYgC,MAAOJ,qCAEtCK,EACG,CAAAL,SAAA,CAAAC,EAACK,GAAcC,UAAU,sCACrBP,SAACC,EAAAO,EAAA,CAAcR,+CAElBC,EAAA,IAAA,CAAEM,UAAU,sCAAsCP,SAGnD,6GACCzB,EAAYkC,YACTR,EAACS,EAAA,CACGxB,KAAK,aACLyB,MAAM,sBACNC,eAAuC,aAAvBtC,EAAQmC,WAC3BT,SAAA,yKAMJzB,EAAYsC,YACTZ,EAACS,EAAA,CACGxB,KAAK,aACLyB,MAAM,oBACNC,eAAuC,aAAvBtC,EAAQuC,WAC3Bb,SAAA,0JAMJzB,EAAYuC,WACTb,EAACS,EAAA,CACGxB,KAAK,YACLyB,MAAM,iCACNC,eAAsC,aAAtBtC,EAAQwC,UAC3Bd,SAAA,6KAMRe,EACG,CAAAf,SAAAC,EAACe,GAAc,cAAY,2BAA2BhB,uBAE9D"}
+{"version":3,"file":"CustomConsents.js","sources":["../../../../../src/components/cookie-consent/consents/CustomConsents.tsx"],"sourcesContent":["import React, { FC, FormEvent, useCallback } from \"react\";\nimport { PrimaryButton } from \"../../button/Button.js\";\nimport { UnorderedList } from \"../../list/List.js\";\nimport { CheckListItem } from \"../../list/ListItem.js\";\nimport { Modal, ModalActions, ModalBody, ModalHeader, ModalTitle } from \"../../modal/Modal.js\";\nimport { ModalConfig } from \"../../modal/useModal.js\";\nimport { useCookieConsentState } from \"../CookieConsentContext.js\";\nimport { convertBooleanConsentObjectToConsentObject } from \"../cookieConsentUtils.js\";\nimport { Consent } from \"../types.js\";\nimport { RequirementCheckbox } from \"./RequirementCheckbox.js\";\n\ntype Props = {\n    modalConfig: ModalConfig;\n    handleAccept: (v: Consent | \"implicit\") => void;\n};\n\nexport const CustomConsents: FC<Props> = ({ modalConfig, handleAccept }) => {\n    const { consent, requirement } = useCookieConsentState();\n\n    const onSubmit = useCallback(\n        (event: FormEvent<HTMLFormElement>) => {\n            event.preventDefault();\n\n            const formValues: Partial<Record<keyof Consent, boolean>> = {};\n            const requiredFormNames = Object.entries(requirement)\n                .map(([name, required]) => (required ? name : undefined))\n                .filter(Boolean) as Array<keyof Consent>;\n\n            const formData = new FormData(event.target as HTMLFormElement);\n            requiredFormNames.forEach((name) => {\n                formValues[name] = formData.get(name) === \"True\";\n            });\n\n            handleAccept(convertBooleanConsentObjectToConsentObject(formValues));\n        },\n        [handleAccept, requirement],\n    );\n\n    return (\n        <Modal component=\"form\" {...modalConfig.modal} {...{ onSubmit }}>\n            <ModalHeader>\n                <ModalTitle {...modalConfig.title}>Informasjonskapsler</ModalTitle>\n            </ModalHeader>\n            <ModalBody>\n                <UnorderedList className=\"jkl-cookie-consent-modal__checklist\">\n                    <CheckListItem>Nettsidene skal fungere teknisk</CheckListItem>\n                </UnorderedList>\n                <p className=\"jkl-cookie-consent-modal__info-text\">\n                    For at nettsidene skal fungere, må vi bruke tekniske informasjonskapsler. Denne kan derfor ikke slås\n                    av.\n                </p>\n                {requirement.functional && (\n                    <RequirementCheckbox\n                        name=\"functional\"\n                        label=\"Tillat funksjonelle\"\n                        defaultChecked={consent.functional === \"accepted\"}\n                    >\n                        Funksjonelle informasjonskapsler lagrer opplysninger om din bruk av nettsidene og hvilke\n                        innstillinger du har gjort, slik at du kan få funksjonalitet tilpasset deg.\n                    </RequirementCheckbox>\n                )}\n\n                {requirement.statistics && (\n                    <RequirementCheckbox\n                        name=\"statistics\"\n                        label=\"Tillat statistikk\"\n                        defaultChecked={consent.statistics === \"accepted\"}\n                    >\n                        Informasjonskapslene lagrer statistikk som hjelper oss med å forstå hvordan nettsidene blir\n                        brukt, slik at vi kan gjøre dem bedre og enklere å bruke.\n                    </RequirementCheckbox>\n                )}\n\n                {requirement.marketing && (\n                    <RequirementCheckbox\n                        name=\"marketing\"\n                        label=\"Tillat personlig markedsføring\"\n                        defaultChecked={consent.marketing === \"accepted\"}\n                    >\n                        Dette gjør at vi kan gi deg mer relevant og tilpasset markedsføring, også gjennom våre\n                        samarbeidspartnere, på for eksempel nettsider, annonser og i sosiale medier.\n                    </RequirementCheckbox>\n                )}\n            </ModalBody>\n            <ModalActions>\n                <PrimaryButton data-testid=\"jkl-cookie-consent-godta\">Godta</PrimaryButton>\n            </ModalActions>\n        </Modal>\n    );\n};\n"],"names":["CustomConsents","modalConfig","handleAccept","consent","requirement","useCookieConsentState","onSubmit","useCallback","event","preventDefault","formValues","requiredFormNames","Object","entries","map","name","required","filter","Boolean","formData","FormData","target","forEach","get","convertBooleanConsentObjectToConsentObject","jsxs","Modal","component","modal","children","jsx","ModalHeader","ModalTitle","title","ModalBody","UnorderedList","className","CheckListItem","functional","RequirementCheckbox","label","defaultChecked","statistics","marketing","ModalActions","PrimaryButton"],"mappings":"8jBAgBO,MAAMA,EAA4B,EAAGC,YAAAA,EAAaC,aAAAA,MAC/C,MAAEC,QAAAA,EAASC,YAAAA,GAAgBC,IAE3BC,EAAWC,GACZC,IACGA,EAAMC,iBAEAC,MAAAA,EAAsD,CAAA,EACtDC,EAAoBC,OAAOC,QAAQT,GACpCU,KAAI,EAAEC,EAAMC,KAAeA,EAAWD,OAAO,IAC7CE,OAAOC,SAENC,EAAW,IAAIC,SAASZ,EAAMa,QAClBV,EAAAW,SAASP,IACvBL,EAAWK,GAA+B,SAAvBI,EAASI,IAAIR,EAAU,IAGjCb,EAAAsB,EAA2Cd,GAAW,GAEvE,CAACR,EAAcE,IAIf,OAAAqB,EAACC,EAAM,CAAAC,UAAU,UAAW1B,EAAY2B,MAAatB,SAAAA,EACjDuB,SAAA,CAAAC,EAACC,GACGF,SAACC,EAAAE,EAAA,IAAe/B,EAAYgC,MAAOJ,qCAEtCK,EACG,CAAAL,SAAA,CAAAC,EAACK,GAAcC,UAAU,sCACrBP,SAACC,EAAAO,EAAA,CAAcR,+CAElBC,EAAA,IAAA,CAAEM,UAAU,sCAAsCP,SAGnD,6GACCzB,EAAYkC,YACTR,EAACS,EAAA,CACGxB,KAAK,aACLyB,MAAM,sBACNC,eAAuC,aAAvBtC,EAAQmC,WAC3BT,SAAA,yKAMJzB,EAAYsC,YACTZ,EAACS,EAAA,CACGxB,KAAK,aACLyB,MAAM,oBACNC,eAAuC,aAAvBtC,EAAQuC,WAC3Bb,SAAA,0JAMJzB,EAAYuC,WACTb,EAACS,EAAA,CACGxB,KAAK,YACLyB,MAAM,iCACNC,eAAsC,aAAtBtC,EAAQwC,UAC3Bd,SAAA,6KAMRe,EACG,CAAAf,SAAAC,EAACe,GAAc,cAAY,2BAA2BhB,uBAE9D"}

package/build/es/components/cookie-consent/consents/DefaultConsents.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ModalConfig } from '../../modal/useModal.js';
+import { Consent } from '../types.js';
+type Props = {
+    modalConfig: ModalConfig;
+    handleAccept: (v: Consent | "implicit") => void;
+};
+export declare const DefaultConsents: FC<Props>;
+export {};

package/build/es/components/cookie-consent/consents/DefaultConsents.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useCallback as s}from"react";import{PrimaryButton as o,TertiaryButton as i}from"../../button/Button.js";import{UnorderedList as n}from"../../list/List.js";import{CheckListItem as r}from"../../list/ListItem.js";import{Modal as a,ModalHeader as l,ModalTitle as d,ModalBody as m,ModalActions as c}from"../../modal/Modal.js";import"react-a11y-dialog";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import{useCookieConsentState as k}from"../CookieConsentContext.js";const p=({modalConfig:p,handleAccept:u})=>{const{dispatch:h,requirement:g}=k(),f=s((e=>{e.preventDefault(),u("implicit")}),[u]);return e(a,{component:"form",...p.modal,onSubmit:f,children:[t(l,{children:t(d,{...p.title,children:"Vi bruker informasjonskapsler slik at:"})}),t(m,{children:e(n,{className:"jkl-cookie-consent-modal__checklist",children:[t(r,{children:"Nettsidene skal fungere teknisk"}),g.functional&&t(r,{children:"Nettsidene skal tilpasses din bruk, dine valg og dine innstillinger."}),g.statistics&&t(r,{children:"Vi kan samle statistikk på hvordan nettsidene brukes og dermed kunne forbedre tjenestene våre."}),g.marketing&&t(r,{children:"Vi kan gi deg personlig tilpasset innhold og relevante annonser, også gjennom våre samarbeidspartnere, på for eksempel nettsider og i sosiale medier."})]})}),e(c,{children:[t(o,{"data-testid":"jkl-cookie-consent-godta",...p.closeButton,type:"submit",children:"Godta"}),t(i,{type:"button",onClick:()=>{h({type:"SET_SHOW_SETTINGS",payload:!0})},children:"Innstillinger"})]})]})};export{p as DefaultConsents};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useCallback as n}from"react";import{PrimaryButton as s,TertiaryButton as i}from"../../button/Button.js";import{UnorderedList as o}from"../../list/List.js";import{CheckListItem as r}from"../../list/ListItem.js";import{Modal as a,ModalHeader as l,ModalTitle as d,ModalBody as m,ModalActions as c}from"../../modal/Modal.js";import{useCookieConsentState as k}from"../CookieConsentContext.js";const p=({modalConfig:p,handleAccept:u})=>{const{dispatch:h,requirement:f}=k(),g=n((e=>{e.preventDefault(),u("implicit")}),[u]);return e(a,{component:"form",...p.modal,onSubmit:g,children:[t(l,{children:t(d,{...p.title,children:"Vi bruker informasjonskapsler slik at:"})}),t(m,{children:e(o,{className:"jkl-cookie-consent-modal__checklist",children:[t(r,{children:"Nettsidene skal fungere teknisk"}),f.functional&&t(r,{children:"Nettsidene skal tilpasses din bruk, dine valg og dine innstillinger."}),f.statistics&&t(r,{children:"Vi kan samle statistikk på hvordan nettsidene brukes og dermed kunne forbedre tjenestene våre."}),f.marketing&&t(r,{children:"Vi kan gi deg personlig tilpasset innhold og relevante annonser, også gjennom våre samarbeidspartnere, på for eksempel nettsider og i sosiale medier."})]})}),e(c,{children:[t(s,{"data-testid":"jkl-cookie-consent-godta",...p.closeButton,type:"submit",children:"Godta"}),t(i,{type:"button",onClick:()=>{h({type:"SET_SHOW_SETTINGS",payload:!0})},children:"Innstillinger"})]})]})};export{p as DefaultConsents};
 //# sourceMappingURL=DefaultConsents.js.map

package/build/es/components/cookie-consent/consents/DefaultConsents.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultConsents.js","sources":["../../../../../src/components/cookie-consent/consents/DefaultConsents.tsx"],"sourcesContent":["import React, { FC, FormEvent, useCallback } from \"react\";\nimport { PrimaryButton, TertiaryButton } from \"../../button\";\nimport { CheckListItem, UnorderedList } from \"../../list\";\nimport { Modal, ModalActions, ModalBody, type ModalConfig, ModalHeader, ModalTitle } from \"../../modal\";\nimport { useCookieConsentState } from \"../CookieConsentContext\";\nimport { Consent } from \"../types\";\n\ntype Props = {\n    modalConfig: ModalConfig;\n    handleAccept: (v: Consent | \"implicit\") => void;\n};\n\nexport const DefaultConsents: FC<Props> = ({ modalConfig, handleAccept }) => {\n    const { dispatch, requirement } = useCookieConsentState();\n\n    const onSubmit = useCallback(\n        (event: FormEvent<HTMLFormElement>) => {\n            event.preventDefault();\n            handleAccept(\"implicit\");\n        },\n        [handleAccept],\n    );\n\n    return (\n        <Modal component=\"form\" {...modalConfig.modal} {...{ onSubmit }}>\n            <ModalHeader>\n                <ModalTitle {...modalConfig.title}>Vi bruker informasjonskapsler slik at:</ModalTitle>\n            </ModalHeader>\n            <ModalBody>\n                <UnorderedList className=\"jkl-cookie-consent-modal__checklist\">\n                    <CheckListItem>Nettsidene skal fungere teknisk</CheckListItem>\n                    {requirement.functional && (\n                        <CheckListItem>\n                            Nettsidene skal tilpasses din bruk, dine valg og dine innstillinger.\n                        </CheckListItem>\n                    )}\n                    {requirement.statistics && (\n                        <CheckListItem>\n                            Vi kan samle statistikk på hvordan nettsidene brukes og dermed kunne forbedre tjenestene\n                            våre.\n                        </CheckListItem>\n                    )}\n                    {requirement.marketing && (\n                        <CheckListItem>\n                            Vi kan gi deg personlig tilpasset innhold og relevante annonser, også gjennom våre\n                            samarbeidspartnere, på for eksempel nettsider og i sosiale medier.\n                        </CheckListItem>\n                    )}\n                </UnorderedList>\n            </ModalBody>\n            <ModalActions>\n                <PrimaryButton data-testid=\"jkl-cookie-consent-godta\" {...modalConfig.closeButton} type={\"submit\"}>\n                    Godta\n                </PrimaryButton>\n\n                <TertiaryButton\n                    type=\"button\"\n                    onClick={() => {\n                        dispatch({ type: \"SET_SHOW_SETTINGS\", payload: true });\n                    }}\n                >\n                    Innstillinger\n                </TertiaryButton>\n            </ModalActions>\n        </Modal>\n    );\n};\n"],"names":["DefaultConsents","modalConfig","handleAccept","dispatch","requirement","useCookieConsentState","onSubmit","useCallback","event","preventDefault","jsxs","Modal","component","modal","children","jsx","ModalHeader","ModalTitle","title","ModalBody","UnorderedList","className","CheckListItem","functional","statistics","marketing","ModalActions","PrimaryButton","closeButton","type","TertiaryButton","onClick","payload"],"mappings":"2iBAYO,MAAMA,EAA6B,EAAGC,YAAAA,EAAaC,aAAAA,MAChD,MAAEC,SAAAA,EAAUC,YAAAA,GAAgBC,IAE5BC,EAAWC,GACZC,IACGA,EAAMC,iBACNP,EAAa,WAAU,GAE3B,CAACA,IAID,OAAAQ,EAACC,EAAM,CAAAC,UAAU,UAAWX,EAAYY,MAAaP,SAAAA,EACjDQ,SAAA,CAAAC,EAACC,GACGF,SAACC,EAAAE,EAAA,IAAehB,EAAYiB,MAAOJ,sDAEtCC,EAAAI,EAAA,CACGL,SAACJ,EAAAU,EAAA,CAAcC,UAAU,sCACrBP,SAAA,CAAAC,EAACO,GAAcR,SAA+B,oCAC7CV,EAAYmB,YACRR,EAAAO,EAAA,CAAcR,SAEf,yEAEHV,EAAYoB,YACRT,EAAAO,EAAA,CAAcR,SAGf,mGAEHV,EAAYqB,WACRV,EAAAO,EAAA,CAAcR,SAGf,iKAIXY,EACG,CAAAZ,SAAA,CAACC,EAAAY,EAAA,CAAc,cAAY,8BAA+B1B,EAAY2B,YAAaC,KAAM,SAAUf,SAEnG,UAEAC,EAACe,EAAA,CACGD,KAAK,SACLE,QAAS,KACL5B,EAAS,CAAE0B,KAAM,oBAAqBG,SAAS,GAAM,EAE5DlB,SAAA,uBAIT"}
+{"version":3,"file":"DefaultConsents.js","sources":["../../../../../src/components/cookie-consent/consents/DefaultConsents.tsx"],"sourcesContent":["import React, { FC, FormEvent, useCallback } from \"react\";\nimport { PrimaryButton, TertiaryButton } from \"../../button/Button.js\";\nimport { UnorderedList } from \"../../list/List.js\";\nimport { CheckListItem } from \"../../list/ListItem.js\";\nimport { Modal, ModalActions, ModalBody, ModalHeader, ModalTitle } from \"../../modal/Modal.js\";\nimport { ModalConfig } from \"../../modal/useModal.js\";\nimport { useCookieConsentState } from \"../CookieConsentContext.js\";\nimport { Consent } from \"../types.js\";\n\ntype Props = {\n    modalConfig: ModalConfig;\n    handleAccept: (v: Consent | \"implicit\") => void;\n};\n\nexport const DefaultConsents: FC<Props> = ({ modalConfig, handleAccept }) => {\n    const { dispatch, requirement } = useCookieConsentState();\n\n    const onSubmit = useCallback(\n        (event: FormEvent<HTMLFormElement>) => {\n            event.preventDefault();\n            handleAccept(\"implicit\");\n        },\n        [handleAccept],\n    );\n\n    return (\n        <Modal component=\"form\" {...modalConfig.modal} {...{ onSubmit }}>\n            <ModalHeader>\n                <ModalTitle {...modalConfig.title}>Vi bruker informasjonskapsler slik at:</ModalTitle>\n            </ModalHeader>\n            <ModalBody>\n                <UnorderedList className=\"jkl-cookie-consent-modal__checklist\">\n                    <CheckListItem>Nettsidene skal fungere teknisk</CheckListItem>\n                    {requirement.functional && (\n                        <CheckListItem>\n                            Nettsidene skal tilpasses din bruk, dine valg og dine innstillinger.\n                        </CheckListItem>\n                    )}\n                    {requirement.statistics && (\n                        <CheckListItem>\n                            Vi kan samle statistikk på hvordan nettsidene brukes og dermed kunne forbedre tjenestene\n                            våre.\n                        </CheckListItem>\n                    )}\n                    {requirement.marketing && (\n                        <CheckListItem>\n                            Vi kan gi deg personlig tilpasset innhold og relevante annonser, også gjennom våre\n                            samarbeidspartnere, på for eksempel nettsider og i sosiale medier.\n                        </CheckListItem>\n                    )}\n                </UnorderedList>\n            </ModalBody>\n            <ModalActions>\n                <PrimaryButton data-testid=\"jkl-cookie-consent-godta\" {...modalConfig.closeButton} type={\"submit\"}>\n                    Godta\n                </PrimaryButton>\n\n                <TertiaryButton\n                    type=\"button\"\n                    onClick={() => {\n                        dispatch({ type: \"SET_SHOW_SETTINGS\", payload: true });\n                    }}\n                >\n                    Innstillinger\n                </TertiaryButton>\n            </ModalActions>\n        </Modal>\n    );\n};\n"],"names":["DefaultConsents","modalConfig","handleAccept","dispatch","requirement","useCookieConsentState","onSubmit","useCallback","event","preventDefault","jsxs","Modal","component","modal","children","jsx","ModalHeader","ModalTitle","title","ModalBody","UnorderedList","className","CheckListItem","functional","statistics","marketing","ModalActions","PrimaryButton","closeButton","type","TertiaryButton","onClick","payload"],"mappings":"6bAcO,MAAMA,EAA6B,EAAGC,YAAAA,EAAaC,aAAAA,MAChD,MAAEC,SAAAA,EAAUC,YAAAA,GAAgBC,IAE5BC,EAAWC,GACZC,IACGA,EAAMC,iBACNP,EAAa,WAAU,GAE3B,CAACA,IAID,OAAAQ,EAACC,EAAM,CAAAC,UAAU,UAAWX,EAAYY,MAAaP,SAAAA,EACjDQ,SAAA,CAAAC,EAACC,GACGF,SAACC,EAAAE,EAAA,IAAehB,EAAYiB,MAAOJ,sDAEtCC,EAAAI,EAAA,CACGL,SAACJ,EAAAU,EAAA,CAAcC,UAAU,sCACrBP,SAAA,CAAAC,EAACO,GAAcR,SAA+B,oCAC7CV,EAAYmB,YACRR,EAAAO,EAAA,CAAcR,SAEf,yEAEHV,EAAYoB,YACRT,EAAAO,EAAA,CAAcR,SAGf,mGAEHV,EAAYqB,WACRV,EAAAO,EAAA,CAAcR,SAGf,iKAIXY,EACG,CAAAZ,SAAA,CAACC,EAAAY,EAAA,CAAc,cAAY,8BAA+B1B,EAAY2B,YAAaC,KAAM,SAAUf,SAEnG,UAEAC,EAACe,EAAA,CACGD,KAAK,SACLE,QAAS,KACL5B,EAAS,CAAE0B,KAAM,oBAAqBG,SAAS,GAAM,EAE5DlB,SAAA,uBAIT"}

package/build/es/components/cookie-consent/consents/RequirementCheckbox.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { WithChildren } from '../../../core/types.js';
+interface RequirementCheckboxProps extends WithChildren {
+    defaultChecked: boolean;
+    name: "functional" | "marketing" | "statistics";
+    label: string;
+}
+export declare const RequirementCheckbox: ({ defaultChecked, name, label, children }: RequirementCheckboxProps) => React.JSX.Element;
+export {};

package/build/es/components/cookie-consent/consents/RequirementCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequirementCheckbox.js","sources":["../../../../../src/components/cookie-consent/consents/RequirementCheckbox.tsx"],"sourcesContent":["import React from \"react\";\nimport { WithChildren } from \"../../..\";\nimport { Checkbox } from \"../../checkbox\";\n\ninterface RequirementCheckboxProps extends WithChildren {\n    defaultChecked: boolean;\n    name: \"functional\" | \"marketing\" | \"statistics\";\n    label: string;\n}\n\nexport const RequirementCheckbox = ({ defaultChecked, name, label, children }: RequirementCheckboxProps) => {\n    return (\n        <>\n            <Checkbox\n                className=\"jkl-cookie-consent-modal__checkbox\"\n                value=\"True\"\n                name={name}\n                defaultChecked={defaultChecked}\n            >\n                {label}\n            </Checkbox>\n            <p className=\"jkl-cookie-consent-modal__info-text\">{children}</p>\n        </>\n    );\n};\n"],"names":["RequirementCheckbox","defaultChecked","name","label","children","jsxs","Fragment","jsx","Checkbox","className","value"],"mappings":"sHAUO,MAAMA,EAAsB,EAAGC,eAAAA,EAAgBC,KAAAA,EAAMC,MAAAA,EAAOC,SAAAA,KAGvDC,EAAAC,EAAA,CAAAF,SAAA,CAAAG,EAACC,EAAA,CACGC,UAAU,qCACVC,MAAM,OACNR,KAAAA,EACAD,eAAAA,EAECG,SAAAD,IAEJI,EAAA,IAAA,CAAEE,UAAU,sCAAuCL,SAAAA"}
+{"version":3,"file":"RequirementCheckbox.js","sources":["../../../../../src/components/cookie-consent/consents/RequirementCheckbox.tsx"],"sourcesContent":["import React from \"react\";\nimport { WithChildren } from \"../../../core/types.js\";\nimport { Checkbox } from \"../../checkbox/Checkbox.js\";\n\ninterface RequirementCheckboxProps extends WithChildren {\n    defaultChecked: boolean;\n    name: \"functional\" | \"marketing\" | \"statistics\";\n    label: string;\n}\n\nexport const RequirementCheckbox = ({ defaultChecked, name, label, children }: RequirementCheckboxProps) => {\n    return (\n        <>\n            <Checkbox\n                className=\"jkl-cookie-consent-modal__checkbox\"\n                value=\"True\"\n                name={name}\n                defaultChecked={defaultChecked}\n            >\n                {label}\n            </Checkbox>\n            <p className=\"jkl-cookie-consent-modal__info-text\">{children}</p>\n        </>\n    );\n};\n"],"names":["RequirementCheckbox","defaultChecked","name","label","children","jsxs","Fragment","jsx","Checkbox","className","value"],"mappings":"sHAUO,MAAMA,EAAsB,EAAGC,eAAAA,EAAgBC,KAAAA,EAAMC,MAAAA,EAAOC,SAAAA,KAGvDC,EAAAC,EAAA,CAAAF,SAAA,CAAAG,EAACC,EAAA,CACGC,UAAU,qCACVC,MAAM,OACNR,KAAAA,EACAD,eAAAA,EAECG,SAAAD,IAEJI,EAAA,IAAA,CAAEE,UAAU,sCAAuCL,SAAAA"}

package/build/es/components/cookie-consent/cookieConsentUtils.d.ts

@@ -0,0 +1,23 @@
+import { Consent, ConsentRequirement, ConsentState } from './types.js';
+export declare const getConsentCookie: ({ adapter, name, }: {
+    adapter?: (() => Consent | undefined) | undefined;
+    name: string;
+}) => Consent | undefined;
+export declare const setConsentCookie: ({ consent, maxAge, name, domain, }: {
+    consent: Consent;
+    maxAge?: number | undefined;
+    name: string;
+    domain?: string | undefined;
+}) => void;
+export declare const shouldShowConsentDialog: (requirement: ConsentRequirement, consent: Consent | undefined) => boolean;
+export declare const convertConsentValueToFormValue: (consent: ConsentState) => boolean | undefined;
+export declare const convertConsentObjectToBooleans: (consent: Partial<Record<keyof Consent, ConsentState>>) => {
+    [k: string]: boolean | undefined;
+};
+export declare const convertBooleanToConsentValue: (formValue: boolean | undefined) => ConsentState;
+export declare const convertBooleanConsentObjectToConsentObject: (consent: Partial<Record<keyof Consent, boolean | undefined>>) => Consent;
+export declare const buildRequirementsObject: ({ marketing, functional, statistics }: ConsentRequirement) => {
+    statistics?: true | undefined;
+    functional?: true | undefined;
+    marketing?: true | undefined;
+};

package/build/es/components/cookie-consent/cookieConsentUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"cookieConsentUtils.js","sources":["../../../../src/components/cookie-consent/cookieConsentUtils.ts"],"sourcesContent":["import type { Consent, ConsentRequirement, ConsentState } from \"./types\";\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}: {\n    consent: Consent;\n    maxAge?: number;\n    name: string;\n    domain?: string;\n}): void => {\n    document.cookie = [\n        `${name}=${JSON.stringify(consent)}`,\n        `max-age=${maxAge}`,\n        `SameSite=Lax`,\n        !!domain && `domain=${domain}`,\n    ]\n        .filter((f) => f)\n        .join(\";\");\n};\n\nexport const shouldShowConsentDialog = (requirement: ConsentRequirement, consent: Consent | undefined): boolean => {\n    if (!consent) {\n        // check if requirement has truthy values. should show consent if it has\n        return Object.values(requirement).some((requirementValue) => requirementValue);\n    } else {\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};\n\nexport const convertConsentValueToFormValue = (consent: ConsentState): boolean | undefined => {\n    if (!consent) {\n        return undefined;\n    }\n\n    if (consent === \"denied\") {\n        return false;\n    }\n\n    return true;\n};\n\nexport const convertConsentObjectToBooleans = (\n    consent: Partial<Record<keyof Consent, ConsentState>>,\n): { [k: string]: boolean | undefined } => {\n    const defaultConsent = {\n        functional: null,\n        marketing: null,\n        statistics: null,\n    };\n\n    const consentEntries: Array<[string, boolean | undefined]> = Object.entries({ ...defaultConsent, ...consent }).map(\n        ([consentName, value]) => [consentName, convertConsentValueToFormValue(value)],\n    );\n    return Object.fromEntries(consentEntries);\n};\n\nexport const convertBooleanToConsentValue = (formValue: boolean | undefined): 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): Consent => {\n    const defaultObject = {\n        functional: undefined,\n        marketing: undefined,\n        statistics: undefined,\n    };\n\n    const consentEntries = Object.entries({ ...defaultObject, ...consent }).map(([consentName, value]) => [\n        consentName,\n        convertBooleanToConsentValue(value),\n    ]);\n\n    return Object.fromEntries(consentEntries);\n};\n\nexport const buildRequirementsObject = ({ marketing, functional, statistics }: ConsentRequirement) => {\n    return {\n        ...(marketing && { marketing }),\n        ...(functional && { functional }),\n        ...(statistics && { statistics }),\n    };\n};\n"],"names":["getConsentCookie","adapter","name","cookie","document","split","map","s","trim","find","c","getCookie","JSON","parse","setConsentCookie","consent","maxAge","domain","stringify","filter","f","join","shouldShowConsentDialog","requirement","consentMap","Map","Object","entries","requirementEntries","required","get","values","some","requirementValue","convertConsentValueToFormValue","convertConsentObjectToBooleans","consentEntries","functional","marketing","statistics","consentName","value","fromEntries","convertBooleanToConsentValue","formValue","String","toLowerCase","convertBooleanConsentObjectToConsentObject","buildRequirementsObject"],"mappings":"AAEA,MAoBaA,EAAmB,EAC5BC,QAAAA,EACAC,KAAAA,MAKMC,MAAAA,EA3BQ,CAACD,IACX,UAAOE,SAAa,IACb,OAGLD,MAAAA,EAASC,SAASD,OAEnBE,MAAM,KAENC,KAAKC,GAAMA,EAAEC,OAAOH,MAAM,OAE1BI,MAAMC,GAAMA,EAAE,KAAOR,IAErBC,OAAAA,QAAAA,CAIEA,EAUQQ,CAAUT,GAErBC,OAAAA,EACgBS,KAAKC,MAAMV,EAAO,IAKlCF,EACOA,SADPA,CACe,EASVa,EAAmB,EAC5BC,QAAAA,EACAC,OAAAA,EAAS,QACTd,KAAAA,EACAe,OAAAA,MAOAb,SAASD,OAAS,CACd,GAAGD,KAAQU,KAAKM,UAAUH,KAC1B,WAAWC,IACX,iBACEC,GAAU,UAAUA,KAErBE,QAAQC,GAAMA,IACdC,KAAK,IAAG,EAGJC,EAA0B,CAACC,EAAiCR,KACrE,GAAKA,EAGE,CAEGS,MAAAA,EAAa,IAAIC,IAAIC,OAAOC,QAAQZ,IAGpCa,EAAqBF,OAAOC,QAAQJ,GAE/B,IAAA,MAACrB,EAAM2B,KAAaD,EAE3B,GAAKC,GAKwB,OAAzBL,EAAWM,IAAI5B,GACR,OAAA,EAIR,OAAA,CACX,CArBI,OAAOwB,OAAOK,OAAOR,GAAaS,MAAMC,GAAqBA,GAAgB,EAwBxEC,EAAkCnB,IACtCA,GAAAA,EAIL,MAAgB,WAAZA,CAAY,EAOPoB,EACTpB,IAQM,MAAAqB,EAAuDV,OAAOC,QAAQ,CALxEU,WAAY,KACZC,UAAW,KACXC,WAAY,QAGoFxB,IAAWT,KAC3G,EAAEkC,EAAaC,KAAW,CAACD,EAAaN,EAA+BO,MAEpE,OAAAf,OAAOgB,YAAYN,EAAc,EAG/BO,EAAgCC,UAC9BA,EAAc,IACd,MAGO,IAAdA,GAA2D,UAApCC,OAAOD,GAAWE,cAClC,SAGJ,WAGEC,EACThC,IAQA,MAAMqB,EAAiBV,OAAOC,QAAQ,CALlCU,gBAAY,EACZC,eAAW,EACXC,gBAAY,KAG6CxB,IAAWT,KAAI,EAAEkC,EAAaC,KAAW,CAClGD,EACAG,EAA6BF,MAG1B,OAAAf,OAAOgB,YAAYN,EAAc,EAG/BY,EAA0B,EAAGV,UAAAA,EAAWD,WAAAA,EAAYE,WAAAA,MACtD,IACCD,GAAa,CAAEA,UAAAA,MACfD,GAAc,CAAEA,WAAAA,MAChBE,GAAc,CAAEA,WAAAA"}
+{"version":3,"file":"cookieConsentUtils.js","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}: {\n    consent: Consent;\n    maxAge?: number;\n    name: string;\n    domain?: string;\n}): void => {\n    document.cookie = [\n        `${name}=${JSON.stringify(consent)}`,\n        `max-age=${maxAge}`,\n        `SameSite=Lax`,\n        !!domain && `domain=${domain}`,\n    ]\n        .filter((f) => f)\n        .join(\";\");\n};\n\nexport const shouldShowConsentDialog = (requirement: ConsentRequirement, consent: Consent | undefined): boolean => {\n    if (!consent) {\n        // check if requirement has truthy values. should show consent if it has\n        return Object.values(requirement).some((requirementValue) => requirementValue);\n    } else {\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};\n\nexport const convertConsentValueToFormValue = (consent: ConsentState): boolean | undefined => {\n    if (!consent) {\n        return undefined;\n    }\n\n    if (consent === \"denied\") {\n        return false;\n    }\n\n    return true;\n};\n\nexport const convertConsentObjectToBooleans = (\n    consent: Partial<Record<keyof Consent, ConsentState>>,\n): { [k: string]: boolean | undefined } => {\n    const defaultConsent = {\n        functional: null,\n        marketing: null,\n        statistics: null,\n    };\n\n    const consentEntries: Array<[string, boolean | undefined]> = Object.entries({ ...defaultConsent, ...consent }).map(\n        ([consentName, value]) => [consentName, convertConsentValueToFormValue(value)],\n    );\n    return Object.fromEntries(consentEntries);\n};\n\nexport const convertBooleanToConsentValue = (formValue: boolean | undefined): 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): Consent => {\n    const defaultObject = {\n        functional: undefined,\n        marketing: undefined,\n        statistics: undefined,\n    };\n\n    const consentEntries = Object.entries({ ...defaultObject, ...consent }).map(([consentName, value]) => [\n        consentName,\n        convertBooleanToConsentValue(value),\n    ]);\n\n    return Object.fromEntries(consentEntries);\n};\n\nexport const buildRequirementsObject = ({ marketing, functional, statistics }: ConsentRequirement) => {\n    return {\n        ...(marketing && { marketing }),\n        ...(functional && { functional }),\n        ...(statistics && { statistics }),\n    };\n};\n"],"names":["getConsentCookie","adapter","name","cookie","document","split","map","s","trim","find","c","getCookie","JSON","parse","setConsentCookie","consent","maxAge","domain","stringify","filter","f","join","shouldShowConsentDialog","requirement","consentMap","Map","Object","entries","requirementEntries","required","get","values","some","requirementValue","convertConsentValueToFormValue","convertConsentObjectToBooleans","consentEntries","functional","marketing","statistics","consentName","value","fromEntries","convertBooleanToConsentValue","formValue","String","toLowerCase","convertBooleanConsentObjectToConsentObject","buildRequirementsObject"],"mappings":"AAEA,MAoBaA,EAAmB,EAC5BC,QAAAA,EACAC,KAAAA,MAKMC,MAAAA,EA3BQ,CAACD,IACX,UAAOE,SAAa,IACb,OAGLD,MAAAA,EAASC,SAASD,OAEnBE,MAAM,KAENC,KAAKC,GAAMA,EAAEC,OAAOH,MAAM,OAE1BI,MAAMC,GAAMA,EAAE,KAAOR,IAErBC,OAAAA,QAAAA,CAIEA,EAUQQ,CAAUT,GAErBC,OAAAA,EACgBS,KAAKC,MAAMV,EAAO,IAKlCF,EACOA,SADPA,CACe,EASVa,EAAmB,EAC5BC,QAAAA,EACAC,OAAAA,EAAS,QACTd,KAAAA,EACAe,OAAAA,MAOAb,SAASD,OAAS,CACd,GAAGD,KAAQU,KAAKM,UAAUH,KAC1B,WAAWC,IACX,iBACEC,GAAU,UAAUA,KAErBE,QAAQC,GAAMA,IACdC,KAAK,IAAG,EAGJC,EAA0B,CAACC,EAAiCR,KACrE,GAAKA,EAGE,CAEGS,MAAAA,EAAa,IAAIC,IAAIC,OAAOC,QAAQZ,IAGpCa,EAAqBF,OAAOC,QAAQJ,GAE/B,IAAA,MAACrB,EAAM2B,KAAaD,EAE3B,GAAKC,GAKwB,OAAzBL,EAAWM,IAAI5B,GACR,OAAA,EAIR,OAAA,CACX,CArBI,OAAOwB,OAAOK,OAAOR,GAAaS,MAAMC,GAAqBA,GAAgB,EAwBxEC,EAAkCnB,IACtCA,GAAAA,EAIL,MAAgB,WAAZA,CAAY,EAOPoB,EACTpB,IAQM,MAAAqB,EAAuDV,OAAOC,QAAQ,CALxEU,WAAY,KACZC,UAAW,KACXC,WAAY,QAGoFxB,IAAWT,KAC3G,EAAEkC,EAAaC,KAAW,CAACD,EAAaN,EAA+BO,MAEpE,OAAAf,OAAOgB,YAAYN,EAAc,EAG/BO,EAAgCC,UAC9BA,EAAc,IACd,MAGO,IAAdA,GAA2D,UAApCC,OAAOD,GAAWE,cAClC,SAGJ,WAGEC,EACThC,IAQA,MAAMqB,EAAiBV,OAAOC,QAAQ,CALlCU,gBAAY,EACZC,eAAW,EACXC,gBAAY,KAG6CxB,IAAWT,KAAI,EAAEkC,EAAaC,KAAW,CAClGD,EACAG,EAA6BF,MAG1B,OAAAf,OAAOgB,YAAYN,EAAc,EAG/BY,EAA0B,EAAGV,UAAAA,EAAWD,WAAAA,EAAYE,WAAAA,MACtD,IACCD,GAAa,CAAEA,UAAAA,MACfD,GAAc,CAAEA,WAAAA,MAChBE,GAAc,CAAEA,WAAAA"}

package/build/es/components/cookie-consent/index.d.ts

@@ -0,0 +1,5 @@
+export type { AcceptConsentCallback, Consent, ConsentState } from './types.js';
+export type { CookieConsentProps } from './CookieConsent.js';
+export { CookieConsent } from './CookieConsent.js';
+export type { CookieConsentProviderProps } from './CookieConsentContext.js';
+export { CookieConsentProvider, useCookieConsent } from './CookieConsentContext.js';

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

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

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

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as n}from"react/jsx-runtime";import{c as e}from"../../../clsx-BeLtu-UY.js";import{startOfDay as t}from"date-fns";import{forwardRef as r,useState as i,useRef as s,useCallback as a}from"react";import{flushSync as c}from"react-dom";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import{CalendarIcon as l}from"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import{IconButton as p}from"../icon-button/IconButton.js";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import"../tooltip/Tooltip.js";import"../tooltip/TooltipContent.js";import"../tooltip/TooltipTrigger.js";import{InputGroup as u}from"../input-group/InputGroup.js";import m from"../popover/Popover.js";import"../text-input/BaseTextArea.js";import{BaseTextInput as d}from"../text-input/BaseTextInput.js";import"../text-input/TextArea.js";import"../text-input/TextInput.js";import{Calendar as j}from"./internal/Calendar.js";import{getInitialDate as I}from"./internal/utils.js";import{parseDateString as f,formatInput as h}from"./utils.js";import{isWithinLowerBound as v,isWithinUpperBound as k}from"./validation.js";const b=r(((r,b)=>{const{"data-testautoid":g,id:D,className:C="",label:w="Velg dato",labelProps:y,defaultValue:T,defaultShow:L=!1,value:x,disableBeforeDate:P,disableAfterDate:A,yearsToShow:S,name:B,helpLabel:E,errorLabel:_,invalid:N,density:O,days:R,months:U,monthLabel:V,yearLabel:W,placeholder:F="dd.mm.åååå",width:G="11.25rem",onChange:H,onBlur:K,onFocus:M,onKeyDown:q,action:z,showCalendarLabel:Q="Åpne kalender",hideCalendarLabel:J="Lukk kalender",supportLabelProps:X,tooltipProps:Y,...Z}=r;"production"!==process.env.NODE_ENV&&x&&T&&console.warn("DatePicker må enten være controlled eller uncontrolled. Hvis du bruker defaultValue og value sammen vil defaultValue bli ignorert.");const $=f(P),oo=$?t($):void 0,no=f(A),eo=no?t(no):void 0,[to,ro]=i(I(x,T,oo,eo)),[io,so]=i(null),[ao,co]=i(L),lo=s(null),po=s(null),uo=s(null),mo=s(null),jo=a((o=>{mo.current=o,b&&("function"==typeof b?b(o):b.current=o)}),[mo,b]),Io=a((o=>{M&&po.current&&(po.current.contains(o.relatedTarget)||M(o,to,{error:io,value:o.target.value}))}),[M,to,io]),fo=a((o=>{K&&K(o,to,{error:io,value:o.target.value})}),[K,to,io]),ho=a((o=>{"Escape"===o.key&&(co(!1),o.preventDefault(),o.stopPropagation()),null!=z&&z.onKeyDown&&z.onKeyDown(o)}),[co,z]),vo=a((o=>{let n=null,e=null;if(o.target.value){const t=f(o.target.value);t?oo&&!v(t,oo)?e="OUTSIDE_LOWER_BOUND":eo&&!k(t,eo)?e="OUTSIDE_UPPER_BOUND":co(!1):e="WRONG_FORMAT",n=t||null}so(e),ro(n),H&&H(o,n,{error:e,value:o.target.value})}),[H,so,ro,co,oo,eo]),ko=a((o=>{c((()=>{co(!ao)}));const n=lo.current,e=n&&n.querySelector('[aria-pressed="true"]');e&&e.focus(),null!=z&&z.onClick&&z.onClick(o)}),[co,ao,z,lo]),bo=a((({date:o})=>{if(co(!1),ro(o),mo.current){const n=mo.current;n.value=h(o);const e=document.createEvent("HTMLEvents");e.initEvent("input",!0,!1),n.dispatchEvent(e),n.focus(),H&&H(e,o,{error:null,value:n.value})}}),[co,ro,H]),go=a((o=>{o.preventDefault(),co(!1),uo.current&&uo.current.focus()}),[co]);return o(u,{id:D,className:e("jkl-datepicker",C,{"jkl-datepicker--open":ao}),...Z,ref:po,label:w,labelProps:y,density:O,helpLabel:E,errorLabel:_,supportLabelProps:X,tooltipProps:Y,render:e=>o(d,{ref:jo,"data-testid":"jkl-datepicker__input","data-testautoid":g,className:"jkl-datepicker__input",name:B,defaultValue:T,density:O,value:x,type:"text",placeholder:F,width:G,onFocus:Io,onBlur:fo,onChange:vo,actionButton:n(m,{positionReference:mo,open:ao,onOpenChange:()=>co(!ao),offset:8,children:[o(m.Trigger,{...z,"data-testid":"jkl-datepicker__trigger",className:"jkl-text-input-action-button",title:ao?J:Q,tabIndex:0,onClick:ko,onKeyDown:ho,asChild:!0,children:o(p,{children:o(l,{})})}),o(m.Content,{initialFocus:-1,padding:24,children:o(j,{ref:lo,density:O,date:to,minDate:oo,maxDate:eo,days:R,months:U,monthLabel:V,yearLabel:W,yearsToShow:S,onDateSelected:bo,onTabOutside:go})})]}),...e})})}));b.displayName="DatePicker";export{b as DatePicker};
+import{jsx as o,jsxs as n}from"react/jsx-runtime";import{c as e}from"../../../clsx-BeLtu-UY.js";import{startOfDay as t}from"date-fns";import{forwardRef as r,useState as i,useRef as a,useCallback as s}from"react";import{flushSync as c}from"react-dom";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import{CalendarIcon as l}from"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import{IconButton as p}from"../icon-button/IconButton.js";import{InputGroup as u}from"../input-group/InputGroup.js";import{Popover as m}from"../popover/Popover.js";import{BaseTextInput as d}from"../text-input/BaseTextInput.js";import{Calendar as j}from"./internal/Calendar.js";import{getInitialDate as f}from"./internal/utils.js";import{parseDateString as I,formatInput as h}from"./utils.js";import{isWithinLowerBound as v,isWithinUpperBound as b}from"./validation.js";const k=r(((r,k)=>{const{"data-testautoid":D,id:g,className:w="",label:C="Velg dato",labelProps:y,defaultValue:L,defaultShow:P=!1,value:T,disableBeforeDate:A,disableAfterDate:E,yearsToShow:x,name:B,helpLabel:S,errorLabel:_,invalid:N,density:O,days:R,months:U,monthLabel:V,yearLabel:F,placeholder:W="dd.mm.åååå",width:G="11.25rem",onChange:H,onBlur:K,onFocus:M,onKeyDown:q,action:z,showCalendarLabel:Q="Åpne kalender",hideCalendarLabel:J="Lukk kalender",supportLabelProps:X,tooltipProps:Y,...Z}=r;"production"!==process.env.NODE_ENV&&T&&L&&console.warn("DatePicker må enten være controlled eller uncontrolled. Hvis du bruker defaultValue og value sammen vil defaultValue bli ignorert.");const $=I(A),oo=$?t($):void 0,no=I(E),eo=no?t(no):void 0,[to,ro]=i(f(T,L,oo,eo)),[io,ao]=i(null),[so,co]=i(P),lo=a(null),po=a(null),uo=a(null),mo=a(null),jo=s((o=>{mo.current=o,k&&("function"==typeof k?k(o):k.current=o)}),[mo,k]),fo=s((o=>{M&&po.current&&(po.current.contains(o.relatedTarget)||M(o,to,{error:io,value:o.target.value}))}),[M,to,io]),Io=s((o=>{K&&K(o,to,{error:io,value:o.target.value})}),[K,to,io]),ho=s((o=>{"Escape"===o.key&&(co(!1),o.preventDefault(),o.stopPropagation()),null!=z&&z.onKeyDown&&z.onKeyDown(o)}),[co,z]),vo=s((o=>{let n=null,e=null;if(o.target.value){const t=I(o.target.value);t?oo&&!v(t,oo)?e="OUTSIDE_LOWER_BOUND":eo&&!b(t,eo)?e="OUTSIDE_UPPER_BOUND":co(!1):e="WRONG_FORMAT",n=t||null}ao(e),ro(n),H&&H(o,n,{error:e,value:o.target.value})}),[H,ao,ro,co,oo,eo]),bo=s((o=>{c((()=>{co(!so)}));const n=lo.current,e=n&&n.querySelector('[aria-pressed="true"]');window.requestAnimationFrame((()=>e&&e.focus())),null!=z&&z.onClick&&z.onClick(o)}),[co,so,z,lo]),ko=s((({date:o})=>{if(co(!1),ro(o),mo.current){const n=mo.current;n.value=h(o);const e=document.createEvent("HTMLEvents");e.initEvent("input",!0,!1),n.dispatchEvent(e),n.focus(),H&&H(e,o,{error:null,value:n.value})}}),[co,ro,H]),Do=s((o=>{o.preventDefault(),co(!1),uo.current&&uo.current.focus()}),[co]);return o(u,{id:g,className:e("jkl-datepicker",w,{"jkl-datepicker--open":so}),...Z,ref:po,label:C,labelProps:y,density:O,helpLabel:S,errorLabel:_,supportLabelProps:X,tooltipProps:Y,render:e=>o(d,{ref:jo,"data-testid":"jkl-datepicker__input","data-testautoid":D,className:"jkl-datepicker__input",name:B,defaultValue:L,density:O,value:T,type:"text",placeholder:W,width:G,onFocus:fo,onBlur:Io,onChange:vo,actionButton:n(m,{positionReference:mo,open:so,onOpenChange:()=>co(!so),offset:8,children:[o(m.Trigger,{...z,"data-testid":"jkl-datepicker__trigger",className:"jkl-text-input-action-button",title:so?J:Q,tabIndex:0,onClick:bo,onKeyDown:ho,asChild:!0,children:o(p,{children:o(l,{})})}),o(m.Content,{initialFocus:-1,padding:24,children:o(j,{ref:lo,density:O,date:to,minDate:oo,maxDate:eo,days:R,months:U,monthLabel:V,yearLabel:F,yearsToShow:x,onDateSelected:ko,onTabOutside:Do})})]}),...e})})}));k.displayName="DatePicker";export{k as DatePicker};
 //# sourceMappingURL=DatePicker.js.map