@navikt/ds-react 7.32.3 → 7.32.5

package/esm/util/hideNonTargetElements.js

@@ -0,0 +1,139 @@
+/**
+ * Modified version of `aria-hidden`-package.
+ * - Removed "inert"-functionality.
+ * - Removed flexibility for different data-attributes.
+ * https://github.com/theKashey/aria-hidden/blob/720e8a8e1cfa047bd299a929d95d47ac860a5c1a/src/index.ts
+ */
+import { ownerDocument } from "./owner.js";
+let ariaHiddenCounter = new WeakMap();
+let markerCounter = new WeakMap();
+let uncontrolledElementsSet = new WeakSet();
+let lockCount = 0;
+const controlAttribute = "aria-hidden";
+const markerName = "data-aksel-hidden";
+/**
+ * Unwraps a Shadow DOM host to find the actual Element in the light DOM.
+ */
+function unwrapHost(node) {
+    return (node &&
+        (node.host || unwrapHost(node.parentNode)));
+}
+/**
+ * Corrects the target elements by unwrapping Shadow DOM hosts if necessary.
+ *
+ * @param parent - The parent HTMLElement to check containment against.
+ * @param targets - An array of target Elements to correct.
+ * @returns An array of corrected Elements that are contained within the parent.
+ */
+function correctElements(parent, targets) {
+    return targets
+        .map((target) => {
+        if (parent.contains(target)) {
+            return target;
+        }
+        const correctedTarget = unwrapHost(target);
+        if (parent.contains(correctedTarget)) {
+            return correctedTarget;
+        }
+        return null;
+    })
+        .filter((x) => x !== null);
+}
+/**
+ * Applies the aria-hidden attribute to all elements in the body except the specified avoid elements.
+ */
+function applyAttributeToOthers(uncorrectedAvoidElements, body) {
+    const avoidElements = correctElements(body, uncorrectedAvoidElements);
+    const elementsToAvoidWithParents = new Set();
+    const elementsToAvoidUpdating = new Set(avoidElements);
+    const hiddenElements = [];
+    avoidElements.forEach(addToAvoidList);
+    applyAttributes(body);
+    elementsToAvoidWithParents.clear();
+    function addToAvoidList(el) {
+        if (!el || elementsToAvoidWithParents.has(el)) {
+            return;
+        }
+        elementsToAvoidWithParents.add(el);
+        if (el.parentNode) {
+            addToAvoidList(el.parentNode);
+        }
+    }
+    function applyAttributes(parent) {
+        if (!parent || elementsToAvoidUpdating.has(parent)) {
+            return;
+        }
+        const parentChildren = parent.children;
+        for (let index = 0; index < parentChildren.length; index += 1) {
+            const node = parentChildren[index];
+            if (elementsToAvoidWithParents.has(node)) {
+                applyAttributes(node);
+            }
+            else {
+                const attr = node.getAttribute(controlAttribute);
+                /*
+                 * We only check for falsy values here since since arbitrary values
+                 * (e.g. "true", "foo", "") are all valid for indicating that the element is already hidden.
+                 */
+                const alreadyHidden = attr !== null && attr !== "false";
+                const counterValue = (ariaHiddenCounter.get(node) || 0) + 1;
+                const markerValue = (markerCounter.get(node) || 0) + 1;
+                ariaHiddenCounter.set(node, counterValue);
+                markerCounter.set(node, markerValue);
+                hiddenElements.push(node);
+                if (counterValue === 1 && alreadyHidden) {
+                    uncontrolledElementsSet.add(node);
+                }
+                if (markerValue === 1) {
+                    node.setAttribute(markerName, "");
+                }
+                if (!alreadyHidden) {
+                    node.setAttribute(controlAttribute, "true");
+                }
+            }
+        }
+    }
+    lockCount += 1;
+    /* Cleanup */
+    return () => {
+        for (const element of hiddenElements) {
+            const currentCounterValue = ariaHiddenCounter.get(element) || 0;
+            const counterValue = currentCounterValue - 1;
+            const markerValue = (markerCounter.get(element) || 0) - 1;
+            ariaHiddenCounter.set(element, counterValue);
+            markerCounter.set(element, markerValue);
+            if (!counterValue) {
+                if (!uncontrolledElementsSet.has(element)) {
+                    element.removeAttribute(controlAttribute);
+                }
+                uncontrolledElementsSet.delete(element);
+            }
+            if (!markerValue) {
+                element.removeAttribute(markerName);
+            }
+        }
+        lockCount -= 1;
+        /* Reset */
+        if (!lockCount) {
+            ariaHiddenCounter = new WeakMap();
+            uncontrolledElementsSet = new WeakSet();
+            markerCounter = new WeakMap();
+        }
+    };
+}
+/**
+ * Hides all elements in the document body for assertive technologies except the specified elements with `aria-hidden`.
+ * @param avoidElements - An array of elements to avoid hiding.
+ * @returns A function that, when called, will undo the hiding of elements.
+ */
+function hideNonTargetElements(avoidElements) {
+    const body = ownerDocument(avoidElements[0]).body;
+    /**
+     * Assume that elements with `aria-live` or `script` tags should not be hidden.
+     * This ensures that live regions and scripts continue to function properly.
+     */
+    const ingoredElements = Array.from(body.querySelectorAll("[aria-live], script"));
+    return applyAttributeToOthers(avoidElements.concat(ingoredElements), body);
+}
+export { hideNonTargetElements };
+//# sourceMappingURL=hideNonTargetElements.js.map

package/esm/util/hideNonTargetElements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hideNonTargetElements.js","sourceRoot":"","sources":["../../src/util/hideNonTargetElements.ts"],"names":[],"mappings":"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"}

package/esm/util/hooks/useScrollLock.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Locks the scroll of the document when enabled.
+ * @param enabled - Whether to enable the scroll lock.
+ */
+declare function useScrollLock(params: {
+    enabled: boolean;
+    mounted: boolean;
+    open: boolean;
+    referenceElement?: Element | null;
+}): void;
+export { useScrollLock };

package/esm/util/hooks/useScrollLock.js

@@ -0,0 +1,268 @@
+import { isIOS, isWebKit } from "../detectBrowser.js";
+import { ownerDocument, ownerWindow } from "../owner.js";
+import { useClientLayoutEffect } from "./useClientLayoutEffect.js";
+import { Timeout } from "./useTimeout.js";
+let originalHtmlStyles = {};
+let originalBodyStyles = {};
+let originalHtmlScrollBehavior = "";
+function hasInsetScrollbars(referenceElement) {
+    if (typeof document === "undefined") {
+        return false;
+    }
+    const doc = ownerDocument(referenceElement);
+    const win = ownerWindow(doc);
+    return win.innerWidth - doc.documentElement.clientWidth > 0;
+}
+function preventScrollBasic(referenceElement) {
+    const doc = ownerDocument(referenceElement);
+    const html = doc.documentElement;
+    const originalOverflow = html.style.overflow;
+    html.style.overflow = "hidden";
+    return () => {
+        html.style.overflow = originalOverflow;
+    };
+}
+function preventScrollStandard(referenceElement) {
+    var _a, _b;
+    const doc = ownerDocument(referenceElement);
+    const html = doc.documentElement;
+    const body = doc.body;
+    const win = ownerWindow(html);
+    let scrollTop = 0;
+    let scrollLeft = 0;
+    let resizeRaf = 0;
+    /* Pinch-zoom in Safari causes a shift. Just don't lock scroll if there's any pinch-zoom. */
+    if (isWebKit && ((_b = (_a = win.visualViewport) === null || _a === void 0 ? void 0 : _a.scale) !== null && _b !== void 0 ? _b : 1) !== 1) {
+        return () => { };
+    }
+    /**
+     * Locks the scroll by applying styles to Html and Body element.
+     * Reads the DOM first, then writes to avoid layout thrashing.
+     */
+    function lockScroll() {
+        /* DOM reads: */
+        var _a;
+        const htmlStyles = win.getComputedStyle(html);
+        const bodyStyles = win.getComputedStyle(body);
+        scrollTop = html.scrollTop;
+        scrollLeft = html.scrollLeft;
+        originalHtmlStyles = {
+            scrollbarGutter: html.style.scrollbarGutter,
+            overflowY: html.style.overflowY,
+            overflowX: html.style.overflowX,
+        };
+        originalHtmlScrollBehavior = html.style.scrollBehavior;
+        originalBodyStyles = {
+            position: body.style.position,
+            height: body.style.height,
+            width: body.style.width,
+            boxSizing: body.style.boxSizing,
+            overflowY: body.style.overflowY,
+            overflowX: body.style.overflowX,
+            scrollBehavior: body.style.scrollBehavior,
+        };
+        const isScrollableY = html.scrollHeight > html.clientHeight;
+        const isScrollableX = html.scrollWidth > html.clientWidth;
+        const hasConstantOverflowY = htmlStyles.overflowY === "scroll" || bodyStyles.overflowY === "scroll";
+        const hasConstantOverflowX = htmlStyles.overflowX === "scroll" || bodyStyles.overflowX === "scroll";
+        /* Values can be negative in Firefox */
+        const scrollbarWidth = Math.max(0, win.innerWidth - html.clientWidth);
+        const scrollbarHeight = Math.max(0, win.innerHeight - html.clientHeight);
+        /*
+         * Avoid shift due to <body> margin. NB: This does cause elements to be clipped
+         * with whitespace.
+         */
+        const marginY = parseFloat(bodyStyles.marginTop) + parseFloat(bodyStyles.marginBottom);
+        const marginX = parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight);
+        /**
+         * Check support for stable scrollbar gutter to avoid layout shift when scrollbars appear/disappear.
+         */
+        const supportsStableScrollbarGutter = typeof CSS !== "undefined" &&
+            ((_a = CSS.supports) === null || _a === void 0 ? void 0 : _a.call(CSS, "scrollbar-gutter", "stable"));
+        /*
+         * DOM writes:
+         * Do not read the DOM past this point!
+         */
+        Object.assign(html.style, {
+            scrollbarGutter: "stable",
+            overflowY: !supportsStableScrollbarGutter &&
+                (isScrollableY || hasConstantOverflowY)
+                ? "scroll"
+                : "hidden",
+            overflowX: !supportsStableScrollbarGutter &&
+                (isScrollableX || hasConstantOverflowX)
+                ? "scroll"
+                : "hidden",
+        });
+        Object.assign(body.style, {
+            /*
+             * Keeps existing positioned children in place (e.g. fixed headers).
+             */
+            position: "relative",
+            /**
+             *  Limits height to the viewport minus margins/scrollbar compensation to stop vertical overflow from reappearing.
+             */
+            height: marginY || scrollbarHeight
+                ? `calc(100dvh - ${marginY + scrollbarHeight}px)`
+                : "100dvh",
+            /**
+             * Mirrors height-logic for width.
+             */
+            width: marginX || scrollbarWidth
+                ? `calc(100vw - ${marginX + scrollbarWidth}px)`
+                : "100vw",
+            /**
+             * Ensures the adjusted dimensions include padding/border, matching the measured values.
+             */
+            boxSizing: "border-box",
+            /**
+             * Blocks scrollable overflow.
+             */
+            overflow: "hidden",
+            /**
+             * Removes smooth-scrolling so immediate position restores occur without animation.
+             */
+            scrollBehavior: "unset",
+        });
+        body.scrollTop = scrollTop;
+        body.scrollLeft = scrollLeft;
+        html.setAttribute("data-aksel-scroll-locked", "");
+        html.style.scrollBehavior = "unset";
+    }
+    /**
+     * Restores the original scroll position and styles to Html and Body element.
+     */
+    function cleanup() {
+        Object.assign(html.style, originalHtmlStyles);
+        Object.assign(body.style, originalBodyStyles);
+        html.scrollTop = scrollTop;
+        html.scrollLeft = scrollLeft;
+        html.removeAttribute("data-aksel-scroll-locked");
+        html.style.scrollBehavior = originalHtmlScrollBehavior;
+    }
+    /**
+     * On resize, restore original styles, then re-apply scroll lock next frame.
+     */
+    function handleResize() {
+        cleanup();
+        if (resizeRaf) {
+            cancelAnimationFrame(resizeRaf);
+        }
+        /**
+         * Wait until next frame to re-apply scroll lock ensuring layout has settled after resize.
+         */
+        resizeRaf = requestAnimationFrame(lockScroll);
+    }
+    lockScroll();
+    win.addEventListener("resize", handleResize);
+    return () => {
+        if (resizeRaf) {
+            cancelAnimationFrame(resizeRaf);
+        }
+        cleanup();
+        win.removeEventListener("resize", handleResize);
+    };
+}
+class ScrollLocker {
+    constructor() {
+        this.lockCount = 0;
+        this.restore = null;
+        this.timeoutLock = Timeout.create();
+        this.timeoutUnlock = Timeout.create();
+        /**
+         * Releases a lock
+         * - If last lock, unlock document-scroll.
+         * - If not last lock, do nothing.
+         */
+        this.release = () => {
+            this.lockCount -= 1;
+            if (this.lockCount === 0 && this.restore) {
+                this.timeoutUnlock.start(0, this.unlock);
+            }
+        };
+        this.unlock = () => {
+            var _a;
+            if (this.lockCount === 0 && this.restore) {
+                (_a = this.restore) === null || _a === void 0 ? void 0 : _a.call(this);
+                this.restore = null;
+            }
+        };
+    }
+    /**
+     * Aquires a new lock
+     * - If first lock, lock document-scroll.
+     * - If not first lock, do nothing.
+     */
+    acquire(referenceElement) {
+        this.lockCount += 1;
+        if (this.lockCount === 1 && this.restore === null) {
+            /*
+             * Delay locking to avoid layout thrashing when multiple locks/unlocks are requested in quick succession.
+             */
+            this.timeoutLock.start(0, () => this.lock(referenceElement));
+        }
+        return this.release;
+    }
+    lock(referenceElement) {
+        if (this.lockCount === 0 || this.restore !== null) {
+            return;
+        }
+        const doc = ownerDocument(referenceElement);
+        const html = doc.documentElement;
+        const htmlOverflowY = ownerWindow(html).getComputedStyle(html).overflowY;
+        /* If the site author already hid overflow on <html>, respect it and bail out. */
+        if (htmlOverflowY === "hidden" || htmlOverflowY === "clip") {
+            this.restore = () => { };
+            return;
+        }
+        const shouldUseBasicLock = isIOS || !hasInsetScrollbars(referenceElement);
+        /**
+         * On iOS, the standard scroll locking method does not work properly if the navbar is collapsed.
+         * The following must be researched extensively before activating standard scroll locking on iOS:
+         * - Textboxes must scroll into view when focused, and not cause a glitchy scroll animation.
+         * - The navbar must not force itself into view and cause layout shift.
+         * - Scroll containers must not flicker upon closing a popup when it has an exit animation.
+         */
+        this.restore = shouldUseBasicLock
+            ? preventScrollBasic(referenceElement)
+            : preventScrollStandard(referenceElement);
+    }
+}
+const SCROLL_LOCKER = new ScrollLocker();
+/**
+ * Locks the scroll of the document when enabled.
+ * @param enabled - Whether to enable the scroll lock.
+ */
+function useScrollLock(params) {
+    const { enabled = true, mounted, open, referenceElement = null } = params;
+    /**
+     * When closing elements with "sloppy clicks" (clicks that start inside the element and ends outside),
+     * animating out on WebKit browsers (mounted + not open) can cause the whole page to be selected.
+     * To prevent this, we temporarily disable user-select on body while the element is animating out.
+     * This bug might be fixed in newer WebKit versions.
+     *
+     * @see https://github.com/mui/base-ui/issues/1135
+     */
+    useClientLayoutEffect(() => {
+        if (enabled && isWebKit && mounted && !open) {
+            const doc = ownerDocument(referenceElement);
+            const originalUserSelect = doc.body.style.userSelect;
+            const originalWebkitUserSelect = doc.body.style.webkitUserSelect;
+            doc.body.style.userSelect = "none";
+            doc.body.style.webkitUserSelect = "none";
+            return () => {
+                doc.body.style.userSelect = originalUserSelect;
+                doc.body.style.webkitUserSelect = originalWebkitUserSelect;
+            };
+        }
+        return undefined;
+    }, [enabled, mounted, open, referenceElement]);
+    useClientLayoutEffect(() => {
+        if (!enabled) {
+            return undefined;
+        }
+        return SCROLL_LOCKER.acquire(referenceElement);
+    }, [enabled, referenceElement]);
+}
+export { useScrollLock };
+//# sourceMappingURL=useScrollLock.js.map

package/esm/util/hooks/useScrollLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollLock.js","sourceRoot":"","sources":["../../../src/util/hooks/useScrollLock.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "7.32.3",
+  "version": "7.32.5",
   "description": "React components from the Norwegian Labour and Welfare Administration.",
   "author": "Aksel, a team part of the Norwegian Labour and Welfare Administration.",
   "license": "MIT",
@@ -643,15 +643,15 @@
     "clean": "rimraf cjs esm",
     "build": "yarn i18n-jsdoc && concurrently \"tsc -p tsconfig.build.json\" \"tsc -p tsconfig.esm.json && tsc-alias -p tsconfig.esm.json && yarn write-packagejson\" && yarn i18n-jsdoc --cleanup && yarn copy-types",
     "watch": "tsc --watch -p tsconfig.esm.json",
-    "test": "TZ=UTC vitest run -c tests/vitest.config.ts --silent",
+    "test": "TZ=UTC vitest run -c tests/vitest.config.ts",
     "test:watch": "TZ=UTC vitest watch -c tests/vitest.config.ts",
     "copy-types": "copyfiles -f ./src/types/theme.d.ts ./esm/types"
   },
   "dependencies": {
     "@floating-ui/react": "0.27.8",
     "@floating-ui/react-dom": "^2.1.6",
-    "@navikt/aksel-icons": "^7.32.3",
-    "@navikt/ds-tokens": "^7.32.3",
+    "@navikt/aksel-icons": "^7.32.5",
+    "@navikt/ds-tokens": "^7.32.5",
     "clsx": "^2.1.0",
     "date-fns": "^4.0.0",
     "react-day-picker": "9.7.0"
@@ -667,7 +667,7 @@
     "copyfiles": "^2.4.1",
     "fast-glob": "3.2.11",
     "jscodeshift": "^0.15.1",
-    "jsdom": "26.1.0",
+    "jsdom": "27.0.1",
     "react-dom": "^18.0.0",
     "react-router": "^7.6.2",
     "rimraf": "6.0.1",

package/src/accordion/AccordionHeader.tsx

@@ -33,7 +33,7 @@ const AccordionHeader = forwardRef<HTMLButtonElement, AccordionHeaderProps>(
 
     if (themeContext?.isDarkside) {
       /* Fallback to "medium" Accordion-size if any other sizes are used */
-      headingSize = accordionContext?.size === "small" ? "xsmall" : "small";
+      headingSize = accordionContext?.size === "large" ? "small" : "xsmall";
     }
 
     return (

package/src/form/combobox/Input/ToggleListButton.tsx

@@ -12,7 +12,8 @@ export const ToggleListButton = forwardRef<HTMLDivElement>((_, ref) => {
   return (
     <div
       ref={ref}
-      onClick={() => {
+      onClick={(event) => {
+        event.stopPropagation();
         toggleIsListOpen();
         focusInput();
       }}