@digdir/designsystemet-react 0.54.0 → 0.55.0

package/dist/cjs/components/form/Combobox/Combobox.js

@@ -21,7 +21,7 @@ var floatingUi_dom = require('../../../node_modules/@floating-ui/dom/dist/floati
 var floatingUi_core = require('../../../node_modules/@floating-ui/core/dist/floating-ui.core.js');
 var objectUtils = require('../../../utilities/objectUtils.js');
 
-const Combobox = React.forwardRef(({ value, onValueChange, label, hideLabel = false, description, multiple = false, size = 'medium', disabled = false, readOnly = false, hideChips = false, cleanButtonLabel = 'Fjern alt', error, errorId, id, name, portal = true, htmlSize = 0, virtual = false, children, style, loading, loadingLabel = 'Laster...', filter = (inputValue, option) => {
+const Combobox = React.forwardRef(({ value, initialValue = [], onValueChange, label, hideLabel = false, description, multiple = false, size = 'medium', disabled = false, readOnly = false, hideChips = false, cleanButtonLabel = 'Fjern alt', clearButtonLabel = 'Fjern alt', hideClearButton = false, error, errorId, id, name, portal = true, htmlSize = 0, virtual = false, children, style, loading, loadingLabel = 'Laster...', filter = (inputValue, option) => {
     return option.label.toLowerCase().startsWith(inputValue.toLowerCase());
 }, chipSrLabel = (option) => 'Slett ' + option.label, className, ...rest }, forwareddRef) => {
     const inputRef = React.useRef(null);
@@ -30,9 +30,14 @@ const Combobox = React.forwardRef(({ value, onValueChange, label, hideLabel = fa
     const [open, setOpen] = React.useState(false);
     const [inputValue, setInputValue] = React.useState(rest.inputValue || '');
     const [activeIndex, setActiveIndex] = React.useState(null);
-    const [selectedOptions, setSelectedOptions] = React.useState([]);
+    const { selectedOptions, setSelectedOptions, options, optionsChildren, restChildren, optionValues, customIds, prevSelectedHash, setPrevSelectedHash, } = useCombobox.default({
+        children,
+        inputValue,
+        filter,
+        multiple,
+        initialValue,
+    });
     const [activeDescendant, setActiveDescendant] = React.useState(undefined);
-    const [prevSelectedHash, setPrevSelectedHash] = React.useState(JSON.stringify(selectedOptions));
     React.useEffect(() => {
         if (rest.inputValue !== undefined) {
             setInputValue(rest.inputValue);
@@ -48,13 +53,6 @@ const Combobox = React.forwardRef(({ value, onValueChange, label, hideLabel = fa
         id,
     }, 'combobox');
     const listRef = React.useRef([]);
-    const { options, optionsChildren, restChildren, optionValues, customIds } = useCombobox.default({
-        children,
-        inputValue,
-        filter,
-        multiple,
-        selectedOptions,
-    });
     // if value is set, set input value to the label of the value
     React.useEffect(() => {
         if (value && value.length > 0 && !multiple) {
@@ -110,7 +108,7 @@ const Combobox = React.forwardRef(({ value, onValueChange, label, hideLabel = fa
         const values = selectedOptions.map((option) => option.value);
         onValueChange?.(values);
         setPrevSelectedHash(selectedHash);
-    }, [onValueChange, selectedOptions, prevSelectedHash]);
+    }, [onValueChange, selectedOptions, prevSelectedHash, setPrevSelectedHash]);
     React.useEffect(() => {
         if (value && options.length > 0) {
             const updatedSelectedOptions = value.map((option) => {
@@ -119,7 +117,7 @@ const Combobox = React.forwardRef(({ value, onValueChange, label, hideLabel = fa
             });
             setSelectedOptions(updatedSelectedOptions);
         }
-    }, [multiple, prevSelectedHash, value, options]);
+    }, [multiple, prevSelectedHash, value, options, setSelectedOptions]);
     // handle click on option, either select or deselect - Handles single or multiple
     const handleSelectOption = (option) => {
         // if option is already selected, remove it
@@ -250,7 +248,8 @@ const Combobox = React.forwardRef(({ value, onValueChange, label, hideLabel = fa
             htmlSize,
             optionValues,
             hideChips,
-            cleanButtonLabel,
+            clearButtonLabel: cleanButtonLabel || clearButtonLabel,
+            hideClearButton,
             listId,
             setInputValue,
             setActiveIndex,

package/dist/cjs/components/form/Combobox/internal/ComboboxClearButton.js

@@ -16,7 +16,7 @@ const ComboboxClearButton = () => {
     if (!context) {
         throw new Error('ComboboxContext is missing');
     }
-    const { size, readOnly, disabled, cleanButtonLabel, inputRef, setSelectedOptions, setInputValue, } = context;
+    const { size, readOnly, disabled, clearButtonLabel, inputRef, setSelectedOptions, setInputValue, } = context;
     return (jsxRuntime.jsx("button", { disabled: disabled, className: clsx.clsx(Combobox_module.clearButton, Combobox_module[size], utility_module.focusable), onClick: () => {
             if (readOnly)
                 return;
@@ -35,7 +35,7 @@ const ComboboxClearButton = () => {
                 setInputValue('');
                 inputRef.current?.focus();
             }
-        }, type: 'button', "aria-label": cleanButtonLabel, children: jsxRuntime.jsx(akselIcons.XMarkIcon, { fontSize: '1.5em', title: 'Clear selection' }) }));
+        }, type: 'button', "aria-label": clearButtonLabel, children: jsxRuntime.jsx(akselIcons.XMarkIcon, { fontSize: '1.5em', title: 'Clear selection' }) }));
 };
 ComboboxClearButton.displayName = 'ComboboxClearButton';
 var ComboboxClearButton$1 = ComboboxClearButton;

package/dist/cjs/components/form/Combobox/internal/ComboboxInput.js

@@ -21,7 +21,7 @@ const ComboboxInput = ({ ...rest }) => {
     if (!context) {
         throw new Error('ComboboxContext is missing');
     }
-    const { forwareddRef, listId, size, readOnly, disabled, open, inputRef, refs, inputValue, activeDescendant, error, multiple, selectedOptions, formFieldProps, htmlSize, options, hideChips, setOpen, setActiveIndex, handleKeyDown, getReferenceProps, setInputValue, handleSelectOption, } = context;
+    const { forwareddRef, listId, size, readOnly, disabled, open, inputRef, refs, inputValue, activeDescendant, error, multiple, selectedOptions, formFieldProps, htmlSize, options, hideChips, hideClearButton, setOpen, setActiveIndex, handleKeyDown, getReferenceProps, setInputValue, handleSelectOption, } = context;
     const mergedRefs = floatingUi_react.useMergeRefs([forwareddRef, inputRef]);
     // we need to check if input is in focus, to add focus styles to the wrapper
     const [inputInFocus, setInputInFocus] = React.useState(false);
@@ -68,6 +68,7 @@ const ComboboxInput = ({ ...rest }) => {
             }, 0);
         }
     };
+    const showClearButton = multiple && !hideClearButton && selectedOptions.length > 0;
     return (jsxRuntime.jsxs(Box.Box
     /* Props from floating-ui */
     , { ...getReferenceProps({
@@ -99,7 +100,7 @@ const ComboboxInput = ({ ...rest }) => {
         }), "aria-disabled": disabled, className: clsx.clsx(Textfield_module.input, Combobox_module.inputWrapper, Combobox_module[size], inputInFocus && Combobox_module.inFocus, readOnly && Combobox_module.readonly, error && Combobox_module.error), children: [jsxRuntime.jsxs("div", { className: Combobox_module.chipAndInput, children: [multiple && !hideChips && jsxRuntime.jsx(ComboboxChips.default, {}), jsxRuntime.jsx("input", { ref: mergedRefs, "aria-activedescendant": activeDescendant, readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...objectUtils.omit(['style', 'className'], rest), ...formFieldProps.inputProps, onChange: (e) => {
                             onChange(e);
                             rest.onChange && rest.onChange(e);
-                        } })] }), multiple && selectedOptions.length > 0 && jsxRuntime.jsx(ComboboxClearButton.default, {}), jsxRuntime.jsx("div", { className: Combobox_module.arrow, children: open ? (jsxRuntime.jsx(akselIcons.ChevronUpIcon, { title: 'arrow up', fontSize: '1.5em' })) : (jsxRuntime.jsx(akselIcons.ChevronDownIcon, { title: 'arrow down', fontSize: '1.5em' })) })] }));
+                        } })] }), showClearButton && jsxRuntime.jsx(ComboboxClearButton.default, {}), jsxRuntime.jsx("div", { className: Combobox_module.arrow, children: open ? (jsxRuntime.jsx(akselIcons.ChevronUpIcon, { title: 'arrow up', fontSize: '1.5em' })) : (jsxRuntime.jsx(akselIcons.ChevronDownIcon, { title: 'arrow down', fontSize: '1.5em' })) })] }));
 };
 ComboboxInput.displayName = 'ComboboxInput';
 var ComboboxInput$1 = ComboboxInput;

package/dist/cjs/components/form/Combobox/useCombobox.js

@@ -7,36 +7,27 @@ var React = require('react');
 var Option = require('./Option/Option.js');
 var Custom = require('./Custom/Custom.js');
 
-function _interopNamespaceDefault(e) {
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
+const isOption = (option) => !!option;
+function isComboboxOption(child) {
+    return React.isValidElement(child) && child.type === Option.ComboboxOption;
 }
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-function useCombobox({ children, inputValue, multiple, selectedOptions, filter, }) {
+function isComboboxCustom(child) {
+    return React.isValidElement(child) && child.type === Custom.default;
+}
+function isInteractiveComboboxCustom(child) {
+    return isComboboxCustom(child) && child.props.interactive === true;
+}
+function useCombobox({ children, inputValue, multiple, filter, initialValue, }) {
     const options = React.useMemo(() => {
         const allOptions = [];
-        React__namespace.Children.forEach(children, (child) => {
+        React.Children.forEach(children, (child) => {
             if (isComboboxOption(child)) {
                 const props = child.props;
                 let label = props.displayValue || '';
                 if (!props.displayValue) {
                     let childrenLabel = '';
                     // go over children and find all strings
-                    React__namespace.Children.forEach(props.children, (child) => {
+                    React.Children.forEach(props.children, (child) => {
                         if (typeof child === 'string') {
                             childrenLabel += child;
                         }
@@ -56,9 +47,14 @@ function useCombobox({ children, inputValue, multiple, selectedOptions, filter,
         });
         return allOptions;
     }, [children]);
+    const preSelectedOptions = (initialValue || [])
+        .map((value) => options.find((option) => option.value === value))
+        .filter(isOption);
+    const [selectedOptions, setSelectedOptions] = React.useState(preSelectedOptions);
+    const [prevSelectedHash, setPrevSelectedHash] = React.useState(JSON.stringify(selectedOptions));
     const optionsChildren = React.useMemo(() => {
         const valuesArray = Array.from(options);
-        const children_ = React__namespace.Children.toArray(children).filter((child) => isComboboxOption(child));
+        const children_ = React.Children.toArray(children).filter((child) => isComboboxOption(child));
         const activeValue = valuesArray.find((item) => item.label === inputValue);
         if (activeValue && !multiple)
             return children_;
@@ -76,7 +72,7 @@ function useCombobox({ children, inputValue, multiple, selectedOptions, filter,
     }, [options, children, multiple, inputValue, selectedOptions, filter]);
     const customIds = React.useMemo(() => {
         // find all custom components with `interactive=true` and generate random values for them
-        const children_ = React__namespace.Children.toArray(children).filter((child) => {
+        const children_ = React.Children.toArray(children).filter((child) => {
             return isInteractiveComboboxCustom(child);
         });
         // return all ids
@@ -95,7 +91,7 @@ function useCombobox({ children, inputValue, multiple, selectedOptions, filter,
         return [...customIds, ...options];
     }, [customIds, optionsChildren]);
     const restChildren = React.useMemo(() => {
-        return React__namespace.Children.toArray(children).filter((child) => {
+        return React.Children.toArray(children).filter((child) => {
             return !isComboboxOption(child);
         });
     }, [children]);
@@ -105,17 +101,12 @@ function useCombobox({ children, inputValue, multiple, selectedOptions, filter,
         restChildren,
         options,
         customIds,
+        selectedOptions,
+        setSelectedOptions,
+        prevSelectedHash,
+        setPrevSelectedHash,
     };
 }
-function isComboboxOption(child) {
-    return React__namespace.isValidElement(child) && child.type === Option.ComboboxOption;
-}
-function isComboboxCustom(child) {
-    return React__namespace.isValidElement(child) && child.type === Custom.default;
-}
-function isInteractiveComboboxCustom(child) {
-    return isComboboxCustom(child) && child.props.interactive === true;
-}
 
 exports.default = useCombobox;
 exports.isComboboxCustom = isComboboxCustom;

package/dist/cjs/react-css-modules.css

@@ -2648,6 +2648,7 @@
   z-index: 2;
   left: var(--fds-spacing-3);
   transform: scale(1.5);
+  pointer-events: none;
 }
 
 [type='search']::-webkit-search-decoration,

package/dist/esm/components/form/Combobox/Combobox.js

@@ -19,7 +19,7 @@ import { autoUpdate } from '../../../node_modules/@floating-ui/dom/dist/floating
 import { flip, size, offset } from '../../../node_modules/@floating-ui/core/dist/floating-ui.core.js';
 import { omit } from '../../../utilities/objectUtils.js';
 
-const Combobox = forwardRef(({ value, onValueChange, label, hideLabel = false, description, multiple = false, size: size$1 = 'medium', disabled = false, readOnly = false, hideChips = false, cleanButtonLabel = 'Fjern alt', error, errorId, id, name, portal = true, htmlSize = 0, virtual = false, children, style, loading, loadingLabel = 'Laster...', filter = (inputValue, option) => {
+const Combobox = forwardRef(({ value, initialValue = [], onValueChange, label, hideLabel = false, description, multiple = false, size: size$1 = 'medium', disabled = false, readOnly = false, hideChips = false, cleanButtonLabel = 'Fjern alt', clearButtonLabel = 'Fjern alt', hideClearButton = false, error, errorId, id, name, portal = true, htmlSize = 0, virtual = false, children, style, loading, loadingLabel = 'Laster...', filter = (inputValue, option) => {
     return option.label.toLowerCase().startsWith(inputValue.toLowerCase());
 }, chipSrLabel = (option) => 'Slett ' + option.label, className, ...rest }, forwareddRef) => {
     const inputRef = useRef(null);
@@ -28,9 +28,14 @@ const Combobox = forwardRef(({ value, onValueChange, label, hideLabel = false, d
     const [open, setOpen] = useState(false);
     const [inputValue, setInputValue] = useState(rest.inputValue || '');
     const [activeIndex, setActiveIndex] = useState(null);
-    const [selectedOptions, setSelectedOptions] = useState([]);
+    const { selectedOptions, setSelectedOptions, options, optionsChildren, restChildren, optionValues, customIds, prevSelectedHash, setPrevSelectedHash, } = useCombobox({
+        children,
+        inputValue,
+        filter,
+        multiple,
+        initialValue,
+    });
     const [activeDescendant, setActiveDescendant] = useState(undefined);
-    const [prevSelectedHash, setPrevSelectedHash] = useState(JSON.stringify(selectedOptions));
     useEffect(() => {
         if (rest.inputValue !== undefined) {
             setInputValue(rest.inputValue);
@@ -46,13 +51,6 @@ const Combobox = forwardRef(({ value, onValueChange, label, hideLabel = false, d
         id,
     }, 'combobox');
     const listRef = useRef([]);
-    const { options, optionsChildren, restChildren, optionValues, customIds } = useCombobox({
-        children,
-        inputValue,
-        filter,
-        multiple,
-        selectedOptions,
-    });
     // if value is set, set input value to the label of the value
     useEffect(() => {
         if (value && value.length > 0 && !multiple) {
@@ -108,7 +106,7 @@ const Combobox = forwardRef(({ value, onValueChange, label, hideLabel = false, d
         const values = selectedOptions.map((option) => option.value);
         onValueChange?.(values);
         setPrevSelectedHash(selectedHash);
-    }, [onValueChange, selectedOptions, prevSelectedHash]);
+    }, [onValueChange, selectedOptions, prevSelectedHash, setPrevSelectedHash]);
     useEffect(() => {
         if (value && options.length > 0) {
             const updatedSelectedOptions = value.map((option) => {
@@ -117,7 +115,7 @@ const Combobox = forwardRef(({ value, onValueChange, label, hideLabel = false, d
             });
             setSelectedOptions(updatedSelectedOptions);
         }
-    }, [multiple, prevSelectedHash, value, options]);
+    }, [multiple, prevSelectedHash, value, options, setSelectedOptions]);
     // handle click on option, either select or deselect - Handles single or multiple
     const handleSelectOption = (option) => {
         // if option is already selected, remove it
@@ -248,7 +246,8 @@ const Combobox = forwardRef(({ value, onValueChange, label, hideLabel = false, d
             htmlSize,
             optionValues,
             hideChips,
-            cleanButtonLabel,
+            clearButtonLabel: cleanButtonLabel || clearButtonLabel,
+            hideClearButton,
             listId,
             setInputValue,
             setActiveIndex,

package/dist/esm/components/form/Combobox/internal/ComboboxClearButton.js

@@ -12,7 +12,7 @@ const ComboboxClearButton = () => {
     if (!context) {
         throw new Error('ComboboxContext is missing');
     }
-    const { size, readOnly, disabled, cleanButtonLabel, inputRef, setSelectedOptions, setInputValue, } = context;
+    const { size, readOnly, disabled, clearButtonLabel, inputRef, setSelectedOptions, setInputValue, } = context;
     return (jsx("button", { disabled: disabled, className: clsx(classes.clearButton, classes[size], utilityClasses.focusable), onClick: () => {
             if (readOnly)
                 return;
@@ -31,7 +31,7 @@ const ComboboxClearButton = () => {
                 setInputValue('');
                 inputRef.current?.focus();
             }
-        }, type: 'button', "aria-label": cleanButtonLabel, children: jsx(XMarkIcon, { fontSize: '1.5em', title: 'Clear selection' }) }));
+        }, type: 'button', "aria-label": clearButtonLabel, children: jsx(XMarkIcon, { fontSize: '1.5em', title: 'Clear selection' }) }));
 };
 ComboboxClearButton.displayName = 'ComboboxClearButton';
 var ComboboxClearButton$1 = ComboboxClearButton;

package/dist/esm/components/form/Combobox/internal/ComboboxInput.js

@@ -17,7 +17,7 @@ const ComboboxInput = ({ ...rest }) => {
     if (!context) {
         throw new Error('ComboboxContext is missing');
     }
-    const { forwareddRef, listId, size, readOnly, disabled, open, inputRef, refs, inputValue, activeDescendant, error, multiple, selectedOptions, formFieldProps, htmlSize, options, hideChips, setOpen, setActiveIndex, handleKeyDown, getReferenceProps, setInputValue, handleSelectOption, } = context;
+    const { forwareddRef, listId, size, readOnly, disabled, open, inputRef, refs, inputValue, activeDescendant, error, multiple, selectedOptions, formFieldProps, htmlSize, options, hideChips, hideClearButton, setOpen, setActiveIndex, handleKeyDown, getReferenceProps, setInputValue, handleSelectOption, } = context;
     const mergedRefs = useMergeRefs([forwareddRef, inputRef]);
     // we need to check if input is in focus, to add focus styles to the wrapper
     const [inputInFocus, setInputInFocus] = useState(false);
@@ -64,6 +64,7 @@ const ComboboxInput = ({ ...rest }) => {
             }, 0);
         }
     };
+    const showClearButton = multiple && !hideClearButton && selectedOptions.length > 0;
     return (jsxs(Box
     /* Props from floating-ui */
     , { ...getReferenceProps({
@@ -95,7 +96,7 @@ const ComboboxInput = ({ ...rest }) => {
         }), "aria-disabled": disabled, className: clsx(textFieldClasses.input, classes.inputWrapper, classes[size], inputInFocus && classes.inFocus, readOnly && classes.readonly, error && classes.error), children: [jsxs("div", { className: classes.chipAndInput, children: [multiple && !hideChips && jsx(ComboboxChips, {}), jsx("input", { ref: mergedRefs, "aria-activedescendant": activeDescendant, readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...omit(['style', 'className'], rest), ...formFieldProps.inputProps, onChange: (e) => {
                             onChange(e);
                             rest.onChange && rest.onChange(e);
-                        } })] }), multiple && selectedOptions.length > 0 && jsx(ComboboxClearButton, {}), jsx("div", { className: classes.arrow, children: open ? (jsx(ChevronUpIcon, { title: 'arrow up', fontSize: '1.5em' })) : (jsx(ChevronDownIcon, { title: 'arrow down', fontSize: '1.5em' })) })] }));
+                        } })] }), showClearButton && jsx(ComboboxClearButton, {}), jsx("div", { className: classes.arrow, children: open ? (jsx(ChevronUpIcon, { title: 'arrow up', fontSize: '1.5em' })) : (jsx(ChevronDownIcon, { title: 'arrow down', fontSize: '1.5em' })) })] }));
 };
 ComboboxInput.displayName = 'ComboboxInput';
 var ComboboxInput$1 = ComboboxInput;

package/dist/esm/components/form/Combobox/useCombobox.js

@@ -1,20 +1,29 @@
 'use client';
-import * as React from 'react';
-import { useMemo } from 'react';
+import { useMemo, Children, useState, isValidElement } from 'react';
 import { ComboboxOption } from './Option/Option.js';
 import ComboboxCustom from './Custom/Custom.js';
 
-function useCombobox({ children, inputValue, multiple, selectedOptions, filter, }) {
+const isOption = (option) => !!option;
+function isComboboxOption(child) {
+    return isValidElement(child) && child.type === ComboboxOption;
+}
+function isComboboxCustom(child) {
+    return isValidElement(child) && child.type === ComboboxCustom;
+}
+function isInteractiveComboboxCustom(child) {
+    return isComboboxCustom(child) && child.props.interactive === true;
+}
+function useCombobox({ children, inputValue, multiple, filter, initialValue, }) {
     const options = useMemo(() => {
         const allOptions = [];
-        React.Children.forEach(children, (child) => {
+        Children.forEach(children, (child) => {
             if (isComboboxOption(child)) {
                 const props = child.props;
                 let label = props.displayValue || '';
                 if (!props.displayValue) {
                     let childrenLabel = '';
                     // go over children and find all strings
-                    React.Children.forEach(props.children, (child) => {
+                    Children.forEach(props.children, (child) => {
                         if (typeof child === 'string') {
                             childrenLabel += child;
                         }
@@ -34,9 +43,14 @@ function useCombobox({ children, inputValue, multiple, selectedOptions, filter,
         });
         return allOptions;
     }, [children]);
+    const preSelectedOptions = (initialValue || [])
+        .map((value) => options.find((option) => option.value === value))
+        .filter(isOption);
+    const [selectedOptions, setSelectedOptions] = useState(preSelectedOptions);
+    const [prevSelectedHash, setPrevSelectedHash] = useState(JSON.stringify(selectedOptions));
     const optionsChildren = useMemo(() => {
         const valuesArray = Array.from(options);
-        const children_ = React.Children.toArray(children).filter((child) => isComboboxOption(child));
+        const children_ = Children.toArray(children).filter((child) => isComboboxOption(child));
         const activeValue = valuesArray.find((item) => item.label === inputValue);
         if (activeValue && !multiple)
             return children_;
@@ -54,7 +68,7 @@ function useCombobox({ children, inputValue, multiple, selectedOptions, filter,
     }, [options, children, multiple, inputValue, selectedOptions, filter]);
     const customIds = useMemo(() => {
         // find all custom components with `interactive=true` and generate random values for them
-        const children_ = React.Children.toArray(children).filter((child) => {
+        const children_ = Children.toArray(children).filter((child) => {
             return isInteractiveComboboxCustom(child);
         });
         // return all ids
@@ -73,7 +87,7 @@ function useCombobox({ children, inputValue, multiple, selectedOptions, filter,
         return [...customIds, ...options];
     }, [customIds, optionsChildren]);
     const restChildren = useMemo(() => {
-        return React.Children.toArray(children).filter((child) => {
+        return Children.toArray(children).filter((child) => {
             return !isComboboxOption(child);
         });
     }, [children]);
@@ -83,16 +97,11 @@ function useCombobox({ children, inputValue, multiple, selectedOptions, filter,
         restChildren,
         options,
         customIds,
+        selectedOptions,
+        setSelectedOptions,
+        prevSelectedHash,
+        setPrevSelectedHash,
     };
 }
-function isComboboxOption(child) {
-    return React.isValidElement(child) && child.type === ComboboxOption;
-}
-function isComboboxCustom(child) {
-    return React.isValidElement(child) && child.type === ComboboxCustom;
-}
-function isInteractiveComboboxCustom(child) {
-    return isComboboxCustom(child) && child.props.interactive === true;
-}
 
 export { useCombobox as default, isComboboxCustom, isComboboxOption, isInteractiveComboboxCustom };

package/dist/esm/react-css-modules.css

@@ -2648,6 +2648,7 @@
   z-index: 2;
   left: var(--fds-spacing-3);
   transform: scale(1.5);
+  pointer-events: none;
 }
 
 [type='search']::-webkit-search-decoration,

package/dist/types/components/form/Combobox/Combobox.d.ts

@@ -18,6 +18,10 @@ export type ComboboxProps = {
      * String array of selected options. Contains only one option during single selection mode.
      */
     value?: string[];
+    /**
+     * String array of initial selected options. Contains only one option during single selection mode.
+     */
+    initialValue?: string[];
     /**
      * Callback function that is called when the value changes
      */
@@ -44,8 +48,19 @@ export type ComboboxProps = {
     /**
      * Label for the clear button
      * @default 'Fjern alt'
+     * @deprecated Use `clearButtonLabel` instead
      */
     cleanButtonLabel?: string;
+    /**
+     * Hides the clear button
+     * @default false
+     */
+    hideClearButton?: boolean;
+    /**
+     * Label for the clear button
+     * @default 'Fjern alt'
+     */
+    clearButtonLabel?: string;
     /**
      * Enables virtualizing of options list.
      * @see https://tanstack.com/virtual
@@ -99,6 +114,10 @@ export declare const Combobox: React.ForwardRefExoticComponent<{
      * String array of selected options. Contains only one option during single selection mode.
      */
     value?: string[] | undefined;
+    /**
+     * String array of initial selected options. Contains only one option during single selection mode.
+     */
+    initialValue?: string[] | undefined;
     /**
      * Callback function that is called when the value changes
      */
@@ -125,8 +144,19 @@ export declare const Combobox: React.ForwardRefExoticComponent<{
     /**
      * Label for the clear button
      * @default 'Fjern alt'
+     * @deprecated Use `clearButtonLabel` instead
      */
     cleanButtonLabel?: string | undefined;
+    /**
+     * Hides the clear button
+     * @default false
+     */
+    hideClearButton?: boolean | undefined;
+    /**
+     * Label for the clear button
+     * @default 'Fjern alt'
+     */
+    clearButtonLabel?: string | undefined;
     /**
      * Enables virtualizing of options list.
      * @see https://tanstack.com/virtual
@@ -182,7 +212,8 @@ type ComboboxContextType = {
     error: ComboboxProps['error'];
     htmlSize: ComboboxProps['htmlSize'];
     hideChips: NonNullable<ComboboxProps['hideChips']>;
-    cleanButtonLabel: NonNullable<ComboboxProps['cleanButtonLabel']>;
+    clearButtonLabel: NonNullable<ComboboxProps['clearButtonLabel']>;
+    hideClearButton: NonNullable<ComboboxProps['hideClearButton']>;
     options: Option[];
     selectedOptions: Option[];
     size: NonNullable<ComboboxProps['size']>;

package/dist/types/components/form/Combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/Combobox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/Combobox.tsx"],"names":[],"mappings":"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"}

package/dist/types/components/form/Combobox/internal/ComboboxInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAcpC,eAAO,MAAM,aAAa;kBAEvB,KAAK,MAAM,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;;CA0K3D,CAAC;AAIF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAcpC,eAAO,MAAM,aAAa;kBAEvB,KAAK,MAAM,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;;CA8K3D,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/dist/types/components/form/Combobox/useCombobox.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
+import type { ReactNode, ReactElement } from 'react';
 import type { ComboboxOptionProps } from './Option/Option';
 import type { ComboboxProps } from './Combobox';
 import type { ComboboxCustomProps } from './Custom/Custom';
 export type UseComboboxProps = {
-    children: React.ReactNode;
+    children: ReactNode;
     inputValue: string;
     multiple: boolean;
-    selectedOptions: Option[];
     filter: NonNullable<ComboboxProps['filter']>;
+    initialValue?: string[];
 };
 export type Option = {
     value: string;
@@ -15,14 +15,18 @@ export type Option = {
     displayValue?: string;
     description?: string;
 };
-export default function useCombobox({ children, inputValue, multiple, selectedOptions, filter, }: UseComboboxProps): {
-    optionsChildren: React.ReactElement<ComboboxOptionProps, string | React.JSXElementConstructor<any>>[];
+export declare function isComboboxOption(child: ReactNode): child is ReactElement<ComboboxOptionProps>;
+export declare function isComboboxCustom(child: ReactNode): child is ReactElement<ComboboxCustomProps>;
+export declare function isInteractiveComboboxCustom(child: ReactNode): child is ReactElement<ComboboxCustomProps>;
+export default function useCombobox({ children, inputValue, multiple, filter, initialValue, }: UseComboboxProps): {
+    optionsChildren: ReactElement<ComboboxOptionProps, string | import("react").JSXElementConstructor<any>>[];
     optionValues: string[];
-    restChildren: (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal)[];
+    restChildren: (string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal)[];
     options: Option[];
     customIds: string[];
+    selectedOptions: Option[];
+    setSelectedOptions: import("react").Dispatch<import("react").SetStateAction<Option[]>>;
+    prevSelectedHash: string;
+    setPrevSelectedHash: import("react").Dispatch<import("react").SetStateAction<string>>;
 };
-export declare function isComboboxOption(child: React.ReactNode): child is React.ReactElement<ComboboxOptionProps>;
-export declare function isComboboxCustom(child: React.ReactNode): child is React.ReactElement<ComboboxCustomProps>;
-export declare function isInteractiveComboboxCustom(child: React.ReactNode): child is React.ReactElement<ComboboxCustomProps>;
 //# sourceMappingURL=useCombobox.d.ts.map

package/dist/types/components/form/Combobox/useCombobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/useCombobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,MAAM,EAAE,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,eAAe,EACf,MAAM,GACP,EAAE,gBAAgB;;;;;;EAqGlB;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,GACrB,KAAK,IAAI,KAAK,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAElD;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,GACrB,KAAK,IAAI,KAAK,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAElD;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,KAAK,CAAC,SAAS,GACrB,KAAK,IAAI,KAAK,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAElD"}
+{"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/useCombobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAAM,EACN,YAAY,GACb,EAAE,gBAAgB;;;;;;;;;;EAmHlB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet-react",
-  "version": "0.54.0",
+  "version": "0.55.0",
   "description": "React components for Designsystemet",
   "author": "Designsystemet team",
   "repository": "https://github.com/digdir/designsystemet",
@@ -43,5 +43,5 @@
     "rollup": "^4.12.1",
     "typescript": "^5.4.2"
   },
-  "gitHead": "437334bb301d4df2360fe6b09e0bbe8916a103b7"
+  "gitHead": "16a16d646a8ef0d1a5f3f1f5a806438a26dfa0bc"
 }