@altinn/altinn-components 0.38.14 → 0.38.16

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/Button/ButtonBase.d.ts

@@ -3,7 +3,7 @@ import { Color } from '..';
 export type ButtonVariant = 'solid' | 'tinted' | 'outline' | 'dotted' | 'text' | 'link';
 export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'custom';
 export type ButtonColor = Color | 'inherit';
-export interface ButtonBaseProps extends React.HTMLAttributes<HTMLButtonElement> {
+export interface ButtonBaseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      * @default false

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.14",
+  "version": "0.38.16",
   "main": "dist/index.js",
   "files": [
     "dist/",