@altinn/altinn-components 0.68.5 → 0.68.6

package/dist/components/Menu/useDropdownMenuController.js

@@ -1,43 +1,52 @@
-import { useId as D, useMemo as u, useState as v, useRef as c, useCallback as a, useEffect as F } from "react";
-function q(A = {}) {
-  const { id: f, focusPanelOnOpen: i = !0, returnFocusOnClose: l = !0 } = A, p = D(), n = u(() => f || `menu-${p}`, [f, p]), [e, t] = v(!1), [s, d] = v(void 0), m = c(null), r = c(null), I = c(e), O = a(() => t(!0), []), g = a(() => t(!1), []), M = a(() => t((o) => !o), []);
-  F(() => {
-    const o = I.current;
-    if (I.current = e, o && !e && l) {
-      requestAnimationFrame(() => m.current?.focus?.());
-      return;
+import { useId as y, useMemo as a, useState as O, useRef as l, useCallback as d, useEffect as P } from "react";
+function w(C = {}) {
+  const { id: f, focusPanelOnOpen: m = !0, returnFocusOnClose: p = !0 } = C, g = y(), n = a(() => f || `menu-${g}`, [f, g]), [e, t] = O(!1), [c, v] = O(void 0), u = l(null), i = l(null), A = l(e), M = d(() => t(!0), []), D = d(() => t(!1), []), E = d(() => t((o) => !o), []);
+  P(() => {
+    const o = A.current;
+    if (A.current = e, o && !e && p) {
+      const q = requestAnimationFrame(() => {
+        const r = u.current;
+        if (!r || (r.focus?.(), document.activeElement === r)) return;
+        const s = document.querySelector("dialog[open]");
+        if (!s || s.contains(r)) return;
+        const I = () => {
+          s.removeEventListener("close", I), u.current?.focus?.();
+        };
+        s.addEventListener("close", I);
+      });
+      return () => cancelAnimationFrame(q);
     }
-    !o && e && i && requestAnimationFrame(() => r.current?.focus?.());
-  }, [e, i, l]);
-  const C = u(
+    !o && e && m && requestAnimationFrame(() => i.current?.focus?.());
+  }, [e, m, p]);
+  const F = a(
     () => ({
       menuId: n,
-      activeDescendantId: s,
-      panelRef: r
+      activeDescendantId: c,
+      panelRef: i
     }),
-    [n, s]
-  ), R = u(
+    [n, c]
+  ), R = a(
     () => ({
       id: n,
-      onActiveItemIdChange: d
+      onActiveItemIdChange: v
     }),
     [n]
   );
   return {
     open: e,
     setOpen: t,
-    openMenu: O,
-    closeMenu: g,
-    toggleMenu: M,
+    openMenu: M,
+    closeMenu: D,
+    toggleMenu: E,
     menuId: n,
-    activeDescendantId: s,
-    setActiveDescendantId: d,
-    triggerRef: m,
-    panelRef: r,
-    dropdownA11yProps: C,
+    activeDescendantId: c,
+    setActiveDescendantId: v,
+    triggerRef: u,
+    panelRef: i,
+    dropdownA11yProps: F,
     menuA11yProps: R
   };
 }
 export {
-  q as useDropdownMenuController
+  w as useDropdownMenuController
 };

package/dist/types/lib/components/Dialog/DialogList.stories.d.ts

@@ -21,4 +21,5 @@ export declare const Description: Story;
 export declare const AsLink: Story;
 export declare const Ungrouped: Story;
 export declare const WithExtendedStatus: Story;
+export declare const WithContextMenu: () => import("react/jsx-runtime").JSX.Element;
 export declare const Loading: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.68.5",
+  "version": "0.68.6",
   "main": "dist/index.js",
   "files": [
     "dist/",