@norges-domstoler/dds-components 13.10.2 → 13.10.4

package/dist/index.mjs

@@ -2043,10 +2043,7 @@ AppShell2.NavItem = NavigationItem;
 
 // src/components/SelectionControl/RadioButton/RadioButton.tsx
 import { forwardRef as forwardRef5, useId as useId4 } from "react";
-import {
-  getBaseHTMLProps as getBaseHTMLProps8,
-  joinClassNames
-} from "@norges-domstoler/dds-core";
+import { getBaseHTMLProps as getBaseHTMLProps8, cn } from "@norges-domstoler/dds-core";
 import { Typography } from "@norges-domstoler/dds-typography";
 import { HiddenInput } from "@norges-domstoler/dds-form";
 
@@ -2399,7 +2396,7 @@ var RadioButton = forwardRef5(
         disabled: disabled || (radioButtonGroup == null ? void 0 : radioButtonGroup.disabled),
         $readOnly: readOnly || (radioButtonGroup == null ? void 0 : radioButtonGroup.readOnly),
         style,
-        className: joinClassNames(className, htmlPropsClassName),
+        className: cn(className, htmlPropsClassName),
         $hasLabel: hasLabel,
         htmlFor: uniqueId,
         $controlType: "radio",
@@ -2609,7 +2606,7 @@ RadioButtonGroup2.displayName = "RadioButtonGroup";
 import { forwardRef as forwardRef8, useId as useId6 } from "react";
 import {
   getBaseHTMLProps as getBaseHTMLProps11,
-  joinClassNames as joinClassNames2,
+  cn as cn2,
   spaceSeparatedIdListGenerator
 } from "@norges-domstoler/dds-core";
 import { Typography as Typography4 } from "@norges-domstoler/dds-typography";
@@ -2656,7 +2653,7 @@ var Checkbox = forwardRef8(
         htmlFor: uniqueId,
         $hasLabel: hasLabel,
         $controlType: "checkbox",
-        className: joinClassNames2(className, htmlPropsClassName),
+        className: cn2(className, htmlPropsClassName),
         style,
         children: [
           /* @__PURE__ */ jsx19(
@@ -6889,7 +6886,7 @@ import { forwardRef as forwardRef38 } from "react";
 import styled50 from "styled-components";
 import {
   getBaseHTMLProps as getBaseHTMLProps29,
-  joinClassNames as joinClassNames3
+  cn as cn3
 } from "@norges-domstoler/dds-core";
 import {
   getFontStyling as getFontStyling15,
@@ -6984,7 +6981,7 @@ var SkipToContent = forwardRef38(
       Wrapper5,
       {
         $top: top,
-        className: joinClassNames3(className, htmlPropsClassName),
+        className: cn3(className, htmlPropsClassName),
         style,
         children: /* @__PURE__ */ jsx56(Link3, { ...getBaseHTMLProps29(id, restHtmlProps, rest), ref, children: text })
       }
@@ -7650,7 +7647,7 @@ DrawerGroup.displayName = "DrawerGroup";
 
 // src/components/Popover/Popover.tsx
 import { ddsBaseTokens as ddsBaseTokens30 } from "@norges-domstoler/dds-design-tokens";
-import { forwardRef as forwardRef44, useEffect as useEffect13 } from "react";
+import { forwardRef as forwardRef44 } from "react";
 import styled57, { css as css27 } from "styled-components";
 import { visibilityTransition as visibilityTransition4 } from "@norges-domstoler/dds-core";
 import {
@@ -7748,22 +7745,21 @@ var Popover = forwardRef44(
       htmlProps = {},
       ...rest
     } = props;
+    const hasTransitionedIn = useMountTransition3(isOpen, 400);
+    const { refs, styles } = useFloatPosition3(null, {
+      placement,
+      offset
+    });
+    refs.setReference(anchorElement || null);
     const popoverRef = useReturnFocusOnBlur(
-      isOpen,
+      isOpen && hasTransitionedIn,
       () => {
         onClose && onClose();
         onBlur && onBlur();
       },
       anchorElement && anchorElement
     );
-    const { refs, styles } = useFloatPosition3(null, {
-      placement,
-      offset
-    });
     const multiRef = useCombinedRef7(ref, popoverRef, refs.setFloating);
-    useEffect13(() => {
-      anchorElement ? refs.setReference(anchorElement) : refs.setReference(null);
-    }, [anchorElement]);
     const elements = [popoverRef.current];
     if (anchorElement)
       elements.push(anchorElement);
@@ -7771,7 +7767,6 @@ var Popover = forwardRef44(
       if (isOpen)
         onClose && onClose();
     });
-    const hasTransitionedIn = useMountTransition3(isOpen, 400);
     return isOpen || hasTransitionedIn ? /* @__PURE__ */ jsxs36(
       Wrapper6,
       {