@altinn/altinn-components 0.38.13 → 0.38.15

package/dist/components/Dialog/DialogActions.js

@@ -13,9 +13,9 @@ import '../../assets/DialogActions.css';const k = "_action_m3crc_1", I = "_combo
   action: k,
   comboButton: I
 }, T = ({ items: c, maxItems: s = 2, id: l = "dialog-actions", expandAltLabel: a }) => {
-  const { currentId: d, closeAll: p, toggleId: u } = v(), e = d === l, r = g(() => (c || []).filter((n) => !n.hidden).sort((n, o) => {
-    const i = ["primary", "secondary", "tertiary"];
-    return i.indexOf(n == null ? void 0 : n.priority) - i.indexOf(o == null ? void 0 : o.priority);
+  const { currentId: d, closeAll: p, toggleId: u } = v(), i = d === l, r = g(() => (c || []).filter((n) => !n.hidden).sort((n, o) => {
+    const e = ["primary", "secondary", "tertiary"];
+    return e.indexOf(n == null ? void 0 : n.priority) - e.indexOf(o == null ? void 0 : o.priority);
   }), [c]);
   if (!r.length || s <= 0)
     return null;
@@ -32,21 +32,21 @@ import '../../assets/DialogActions.css';const k = "_action_m3crc_1", I = "_combo
         C,
         {
           variant: "solid",
-          icon: e ? B : _,
+          icon: i ? B : _,
           size: "md",
           onIconClick: () => u(l),
           onLabelClick: r[0].onClick,
-          ariaLabel: e ? "chevron up icon" : "chevron down icon",
+          ariaLabel: i ? "chevron up icon" : "chevron down icon",
           iconAltText: a,
           children: r[0].label
         }
       ),
-      /* @__PURE__ */ t(b, { open: e, onClose: p, children: /* @__PURE__ */ t(x, { items: n }) })
+      i && /* @__PURE__ */ t(b, { open: i, onClose: p, children: /* @__PURE__ */ t(x, { items: n }) })
     ] });
   }
   return /* @__PURE__ */ t("section", { className: m.action, children: r.map((n, o) => {
-    const { priority: i, id: w, ...h } = n;
-    return /* @__PURE__ */ t(y, { variant: i === "primary" ? "solid" : "outline", size: "md", ...h, children: n.label }, "button-" + o);
+    const { priority: e, id: w, ...h } = n;
+    return /* @__PURE__ */ t(y, { variant: e === "primary" ? "solid" : "outline", size: "md", ...h, children: n.label }, "button-" + o);
   }) });
 };
 export {

package/dist/components/GlobalMenu/GlobalMenuButton.js

@@ -3,8 +3,8 @@ import { c as f } from "../../index-L8X2o7IH.js";
 import "react";
 import { Badge as _ } from "../Badge/Badge.js";
 import { ButtonBase as p } from "../Button/ButtonBase.js";
-import { ButtonLabel as d } from "../Button/ButtonLabel.js";
-import { ButtonIcon as I } from "../Button/ButtonIcon.js";
+import { ButtonLabel as u } from "../Button/ButtonLabel.js";
+import { ButtonIcon as d } from "../Button/ButtonIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { S as g } from "../../XMark-DIqxCTTQ.js";
@@ -18,25 +18,35 @@ import '../../assets/GlobalMenuButton.css';const N = "_button_af7mx_1", b = "_lo
 }, z = ({
   className: t,
   as: c = "button",
-  color: s = "accent",
-  variant: e = "solid",
+  color: e = "accent",
+  variant: s = "solid",
   currentAccount: m,
-  expanded: u,
+  expanded: I,
   label: i = "Menu",
   badge: n,
   ...r
-}) => u ? /* @__PURE__ */ l(p, { ...r, as: c, variant: e, color: s, className: f(a.button, t), children: [
-  /* @__PURE__ */ o(d, { children: i }),
-  /* @__PURE__ */ o(I, { className: a.closeIcon, icon: /* @__PURE__ */ o(g, { className: a.icon, "aria-label": "Close Icon" }) }),
+}) => I ? /* @__PURE__ */ l(p, { ...r, as: c, variant: s, color: e, className: f(a.button, t), children: [
+  /* @__PURE__ */ o(u, { children: i }),
+  /* @__PURE__ */ o(d, { className: a.closeIcon, icon: /* @__PURE__ */ o(g, { className: a.icon, "aria-label": "Close Icon" }) }),
   n && /* @__PURE__ */ o(_, { ...n, className: a.badge })
-] }) : m ? /* @__PURE__ */ l(p, { ...r, as: c, variant: e, color: s, className: f(a.button, t), children: [
-  /* @__PURE__ */ o(d, { children: i }),
-  /* @__PURE__ */ o(I, { className: a.avatar, icon: { type: m.type, name: m.name } }),
+] }) : m ? /* @__PURE__ */ l(p, { ...r, as: c, variant: s, color: e, className: f(a.button, t), children: [
+  /* @__PURE__ */ o(u, { children: i }),
+  /* @__PURE__ */ o(
+    d,
+    {
+      className: a.avatar,
+      icon: {
+        type: m.type,
+        name: m.name,
+        outline: !0
+      }
+    }
+  ),
   n && /* @__PURE__ */ o(_, { ...n, className: a.badge })
-] }) : /* @__PURE__ */ l(p, { ...r, as: c, variant: e, color: s, className: f(a.button, t), children: [
-  /* @__PURE__ */ o(d, { children: i }),
+] }) : /* @__PURE__ */ l(p, { ...r, as: c, variant: s, color: e, className: f(a.button, t), children: [
+  /* @__PURE__ */ o(u, { children: i }),
   /* @__PURE__ */ o(
-    I,
+    d,
     {
       className: a.loginIcon,
       icon: /* @__PURE__ */ o(x, { className: a.icon, "aria-label": "Login Icon" })

package/dist/hooks/useMenu.js

@@ -1,56 +1,59 @@
 "use client";
-import { useState as v, useMemo as w, useCallback as x, useEffect as m } from "react";
-import { useEnterKey as b } from "./useEnterKey.js";
-const I = ({
+import { useState as w, useMemo as x, useCallback as k, useEffect as m } from "react";
+import { useEnterKey as A } from "./useEnterKey.js";
+const M = ({
   items: u,
   groups: p,
   groupByKey: c,
-  keyboardEvents: i = !1,
+  keyboardEvents: o = !1,
   sortGroupBy: h,
-  onSelect: a,
-  ref: l
+  onSelect: l,
+  ref: a
 }) => {
-  const [f, s] = v(-1);
-  b(() => {
+  const [f, s] = w(-1);
+  A(() => {
     var n;
-    if (i) {
-      const e = (n = l && "current" in l ? l.current : null) == null ? void 0 : n.querySelector(
+    if (o) {
+      const e = (n = a && "current" in a ? a.current : null) == null ? void 0 : n.querySelector(
         '[data-active="true"]'
       );
-      e && (e.tagName === "A" && e.hasAttribute("href") ? e.click() : e.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), a == null || a();
+      e && (e.tagName === "A" && e.hasAttribute("href") ? e.click() : e.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), l == null || l();
     }
   });
-  const k = w(() => {
+  const v = x(() => {
     const n = u.reduce(
-      (r, o) => {
-        const t = c && o[c] ? o[c] : "ungrouped";
-        return r[t] = r[t] || [], r[t].push(o), r;
+      (r, i) => {
+        const t = c && i[c] ? i[c] : "ungrouped";
+        return r[t] = r[t] || [], r[t].push(i), r;
       },
       {}
     ), e = Object.values(n).flat();
-    return Object.entries(n).sort(h || (() => 0)).map(([r, o]) => ({
-      items: o.map((t) => ({
+    return Object.entries(n).sort(h || (() => 0)).map(([r, i]) => ({
+      items: i.map((t) => ({
         menuIndex: e.indexOf(t),
         active: f === e.indexOf(t),
-        onMouseEnter: () => {
+        onMouseEnter: o ? () => {
           s(e.indexOf(t));
-        },
+        } : void 0,
+        onMouseLeave: o ? () => {
+          s(-1);
+        } : void 0,
         props: t
       })),
       props: {
         ...p[r] || {}
       }
     }));
-  }, [u, c, f, p]), d = x(
+  }, [u, c, f, p]), d = k(
     (n) => {
       n.key === "ArrowDown" ? (n.preventDefault(), s((e) => (e + 1) % u.length)) : n.key === "ArrowUp" && (n.preventDefault(), s((e) => (e - 1 + u.length) % u.length));
     },
     [u.length]
   );
-  return m(() => (i && (s(0), document.addEventListener("keydown", d)), () => {
+  return m(() => (o && (s(0), document.addEventListener("keydown", d)), () => {
     document.removeEventListener("keydown", d);
-  }), [d, i]), { menu: k, activeIndex: f, setActiveIndex: s };
+  }), [d, o]), { menu: v, activeIndex: f, setActiveIndex: s };
 };
 export {
-  I as useMenu
+  M as useMenu
 };

package/dist/types/lib/components/Layout/Layout.stories.d.ts

@@ -25,4 +25,3 @@ export default meta;
 export declare const Preview: (args: LayoutProps) => import("react/jsx-runtime").JSX.Element;
 export declare const HiddenSidebar: (args: LayoutProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Fullscreen: (args: LayoutProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithBanner: (args: LayoutProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

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