@altinn/altinn-components 0.38.5 → 0.38.6

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,88 +1,89 @@
 "use client";
-import { jsxs as m, jsx as r, Fragment as j } from "react/jsx-runtime";
-import { useState as q, useMemo as w } from "react";
+import { jsxs as p, jsx as r, Fragment as v } from "react/jsx-runtime";
+import { useState as b, useMemo as q } from "react";
 import "../../index-L8X2o7IH.js";
-import { AccountMenu as z } from "../Account/AccountMenu.js";
+import { AccountMenu as w } from "../Account/AccountMenu.js";
 import "../RootProvider/RootProvider.js";
-import { CurrentAccount as D } from "./CurrentAccount.js";
-import { BackButton as J } from "./BackButton.js";
-import { LogoutButton as B } from "./LogoutButton.js";
-import { EndUserLabel as F } from "./EndUserLabel.js";
+import { CurrentAccount as z } from "./CurrentAccount.js";
+import { BackButton as D } from "./BackButton.js";
+import { LogoutButton as j } from "./LogoutButton.js";
+import { EndUserLabel as B } from "./EndUserLabel.js";
 import { MenuListItem as f } from "../Menu/MenuBase.js";
-import { Menu as M } from "../Menu/Menu.js";
+import { Menu as F } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
-import { GlobalMenuBase as k, GlobalMenuHeader as K, GlobalMenuFooter as T } from "./GlobalMenuBase.js";
-const n = ({
-  accountMenu: p,
-  items: v = [],
-  groups: g,
-  backLabel: H = "Back",
+import { GlobalMenuBase as e, GlobalMenuHeader as J, GlobalMenuFooter as M } from "./GlobalMenuBase.js";
+const E = ({
+  accountMenu: s,
+  menu: l,
+  backLabel: T = "Back",
   currentAccount: d,
-  currentEndUserLabel: e = "Signed in",
-  onSelectAccount: h,
+  currentEndUserLabel: h = "Signed in",
+  onSelectAccount: o,
   onClose: a,
   logoutButton: t,
-  ariaLabel: s = "Menu"
+  ariaLabel: k = "Menu"
 }) => {
   var x;
-  const [S, W] = q(!1), o = () => {
-    W((i) => !i);
-  }, b = (i) => {
-    o(), a == null || a(), h == null || h(i);
-  }, G = w(() => v.map((i) => ({
+  const [H, S] = b(!1), g = () => {
+    S((i) => !i);
+  }, W = (i) => {
+    g(), a == null || a(), o == null || o(i);
+  }, G = q(() => ((l == null ? void 0 : l.items) ?? []).map((i) => ({
     ...i,
     onClick: () => {
-      var l;
-      (l = i.onClick) == null || l.call(i), a == null || a();
+      var m;
+      (m = i.onClick) == null || m.call(i), a == null || a();
     },
-    items: Array.isArray(i.items) ? i.items.map((l) => ({
-      ...l,
+    items: Array.isArray(i.items) ? i.items.map((m) => ({
+      ...m,
       onClick: () => {
         var y;
-        (y = l.onClick) == null || y.call(l), a == null || a();
+        (y = m.onClick) == null || y.call(m), a == null || a();
       }
     })) : void 0
-  })), [v, a]);
-  if (S)
-    return /* @__PURE__ */ m(k, { "aria-label": s, children: [
-      /* @__PURE__ */ r(K, { children: /* @__PURE__ */ r(J, { onClick: o, label: H }) }),
+  })), [l, a]);
+  if (H)
+    return /* @__PURE__ */ p(e, { "aria-label": k, children: [
+      /* @__PURE__ */ r(J, { children: /* @__PURE__ */ r(D, { onClick: g, label: T }) }),
       /* @__PURE__ */ r(f, { as: "div", role: "separator" }),
-      p && /* @__PURE__ */ r(z, { ...p, currentAccount: d, onSelectAccount: b })
+      s && /* @__PURE__ */ r(w, { ...s, currentAccount: d, onSelectAccount: W })
     ] });
   if (d) {
-    const i = p && ((x = p == null ? void 0 : p.items) == null ? void 0 : x.length) > 1;
-    return /* @__PURE__ */ m(k, { "aria-label": s, color: d == null ? void 0 : d.type, children: [
-      /* @__PURE__ */ r(
-        D,
-        {
-          account: d,
-          multipleAccounts: i,
-          as: i ? "button" : "div",
-          onClick: i ? o : void 0
-        }
-      ),
-      /* @__PURE__ */ r(f, { as: "div", role: "separator" }),
-      /* @__PURE__ */ r(M, { groups: g, items: G, theme: "default" }),
-      t && /* @__PURE__ */ m(j, { children: [
+    const i = s && ((x = s == null ? void 0 : s.items) == null ? void 0 : x.length) > 1;
+    return /* @__PURE__ */ p(e, { "aria-label": k, color: d == null ? void 0 : d.type, children: [
+      d && /* @__PURE__ */ p(v, { children: [
+        /* @__PURE__ */ r(
+          z,
+          {
+            account: d,
+            multipleAccounts: i,
+            as: i ? "button" : "div",
+            onClick: i ? g : void 0
+          }
+        ),
+        /* @__PURE__ */ r(f, { as: "div", role: "separator" })
+      ] }),
+      l && /* @__PURE__ */ r(F, { ...l, items: G }),
+      t && /* @__PURE__ */ p(v, { children: [
         /* @__PURE__ */ r(f, { as: "div", role: "separator" }),
-        /* @__PURE__ */ m(T, { children: [
-          e && /* @__PURE__ */ r(F, { children: e }),
-          /* @__PURE__ */ r(B, { ...t })
+        /* @__PURE__ */ p(M, { children: [
+          h && /* @__PURE__ */ r(B, { children: h }),
+          /* @__PURE__ */ r(j, { ...t })
         ] })
       ] })
     ] });
   }
-  return /* @__PURE__ */ m(k, { "aria-label": s, children: [
-    /* @__PURE__ */ r(M, { groups: g, items: G }),
-    t && /* @__PURE__ */ m(j, { children: [
+  return /* @__PURE__ */ p(e, { "aria-label": k, children: [
+    l && /* @__PURE__ */ r(F, { ...l, items: G }),
+    t && /* @__PURE__ */ p(v, { children: [
       /* @__PURE__ */ r(f, { as: "div", role: "separator" }),
-      /* @__PURE__ */ m(T, { children: [
-        e && /* @__PURE__ */ r(F, { children: e }),
-        /* @__PURE__ */ r(B, { ...t })
+      /* @__PURE__ */ p(M, { children: [
+        h && /* @__PURE__ */ r(B, { children: h }),
+        /* @__PURE__ */ r(j, { ...t })
       ] })
     ] })
   ] });
 };
 export {
-  n as GlobalMenu
+  E as GlobalMenu
 };

package/dist/components/Header/Header.js

@@ -1,73 +1,98 @@
 "use client";
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { DropdownBase as C } from "../Dropdown/DropdownBase.js";
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import { DrawerBase as b } from "../Dropdown/DrawerBase.js";
 import "react";
-import { useRootContext as v } from "../RootProvider/RootProvider.js";
-import { GlobalMenu as h } from "../GlobalMenu/GlobalMenu.js";
-import { GlobalMenuButton as H } from "../GlobalMenu/GlobalMenuButton.js";
-import { HeaderBase as S } from "./HeaderBase.js";
-import { HeaderLogo as k } from "./HeaderLogo.js";
-import { LocaleSwitcher as B } from "./LocaleSwitcher.js";
-import { Searchbar as f } from "../Searchbar/Searchbar.js";
-import "../Snackbar/useSnackbar.js";
-import { HeaderGroup as D } from "./HeaderGroup.js";
+import { useRootContext as k } from "../RootProvider/RootProvider.js";
+import { DropdownBase as B } from "../Dropdown/DropdownBase.js";
+import { DrawerBase as D } from "../Dropdown/DrawerBase.js";
+import { GlobalMenu as f } from "../GlobalMenu/GlobalMenu.js";
+import { GlobalMenuButton as I } from "../GlobalMenu/GlobalMenuButton.js";
+import { HeaderBase as N } from "./HeaderBase.js";
+import { HeaderLogo as u } from "./HeaderLogo.js";
+import { HeaderGroup as F } from "./HeaderGroup.js";
 import { HeaderSearch as w } from "./HeaderSearch.js";
-import { useIsDesktop as I } from "../../hooks/useIsDesktop.js";
-import '../../assets/Header.css';const N = "_drawer_1tael_1", F = "_dropdown_1tael_6", G = "_relative_1tael_20", s = {
-  drawer: N,
-  dropdown: F,
-  relative: G
-}, W = ({ menu: r, locale: d, search: a, currentAccount: t, logo: u = {}, badge: x }) => {
-  const { currentId: o, toggleId: p, openId: _, closeAll: n } = v(), i = () => {
-    _("search");
-  }, c = () => {
-    p("search");
-  }, g = () => {
-    p("menu");
-  }, m = I();
-  return /* @__PURE__ */ l(
-    S,
+import { LocaleSwitcher as G } from "./LocaleSwitcher.js";
+import { Searchbar as x } from "../Searchbar/Searchbar.js";
+import "../Snackbar/useSnackbar.js";
+import { useIsDesktop as L } from "../../hooks/useIsDesktop.js";
+import '../../assets/Header.css';const j = "_drawer_1tael_1", y = "_dropdown_1tael_6", R = "_relative_1tael_20", t = {
+  drawer: j,
+  dropdown: y,
+  relative: R
+}, A = ({
+  globalMenu: e,
+  desktopMenu: _,
+  mobileMenu: C,
+  locale: p,
+  search: s,
+  currentAccount: m,
+  logo: l = {},
+  badge: v
+}) => {
+  const { currentId: r, toggleId: i, openId: H, closeAll: d } = k(), c = () => {
+    H("search");
+  }, a = () => {
+    i("search");
+  }, S = () => {
+    i("menu");
+  }, h = L();
+  return /* @__PURE__ */ n(
+    N,
     {
-      currentId: o,
-      open: o === "search" || o === "menu" || o === "locale",
-      onClose: n,
+      currentId: r,
+      open: r === "search" || r === "menu" || r === "locale",
+      onClose: d,
       children: [
-        /* @__PURE__ */ e(k, { ...u, className: s.logo }),
-        a && m && /* @__PURE__ */ e(w, { expanded: o === "search", children: /* @__PURE__ */ e(f, { ...a, expanded: o === "search", onClose: c, onFocus: i }) }),
-        /* @__PURE__ */ l(D, { children: [
-          d && /* @__PURE__ */ e(B, { ...d }),
-          /* @__PURE__ */ l("div", { className: s.relative, children: [
-            /* @__PURE__ */ e(
-              H,
+        /* @__PURE__ */ o(u, { ...l, className: t.logo }),
+        s && h && /* @__PURE__ */ o(w, { expanded: r === "search", children: /* @__PURE__ */ o(x, { ...s, expanded: r === "search", onClose: a, onFocus: c }) }),
+        /* @__PURE__ */ n(F, { children: [
+          p && /* @__PURE__ */ o(G, { ...p }),
+          /* @__PURE__ */ n("div", { className: t.relative, children: [
+            /* @__PURE__ */ o(
+              I,
               {
-                badge: x,
-                currentAccount: t,
-                onClick: g,
-                expanded: o === "menu",
-                label: r == null ? void 0 : r.menuLabel
+                badge: v,
+                currentAccount: m,
+                onClick: S,
+                expanded: r === "menu",
+                label: e == null ? void 0 : e.menuLabel
               }
             ),
-            r && /* @__PURE__ */ e(
-              C,
+            e && /* @__PURE__ */ o(
+              B,
               {
                 layout: "desktop",
                 padding: !0,
                 placement: "right",
-                open: o === "menu",
-                className: s.dropdown,
-                children: /* @__PURE__ */ e(h, { ...r, currentAccount: t, onClose: n })
+                open: r === "menu",
+                className: t.dropdown,
+                children: /* @__PURE__ */ o(
+                  f,
+                  {
+                    ...e,
+                    menu: _ || (e == null ? void 0 : e.menu),
+                    currentAccount: m,
+                    onClose: d
+                  }
+                )
               }
             )
           ] })
         ] }),
-        a && !m && /* @__PURE__ */ e(w, { expanded: o === "search", children: /* @__PURE__ */ e(f, { ...a, expanded: o === "search", onClose: c, onFocus: i }) }),
-        r && /* @__PURE__ */ e(b, { open: o === "menu", className: s.drawer, children: /* @__PURE__ */ e(h, { ...r, currentAccount: t, onClose: n }) })
+        s && !h && /* @__PURE__ */ o(w, { expanded: r === "search", children: /* @__PURE__ */ o(x, { ...s, expanded: r === "search", onClose: a, onFocus: c }) }),
+        e && /* @__PURE__ */ o(D, { open: r === "menu", className: t.drawer, children: /* @__PURE__ */ o(
+          f,
+          {
+            ...e,
+            menu: C || (e == null ? void 0 : e.menu),
+            currentAccount: m,
+            onClose: d
+          }
+        ) })
       ]
     }
   );
 };
 export {
-  W as Header
+  A as Header
 };

package/dist/components/Header/index.js

@@ -1,14 +1,18 @@
-import { Header as r } from "./Header.js";
+import { Header as o } from "./Header.js";
 import { HeaderBase as a } from "./HeaderBase.js";
-import { HeaderLogo as m } from "./HeaderLogo.js";
+import { HeaderLogo as f } from "./HeaderLogo.js";
 import { HeaderButton as x } from "./HeaderButton.js";
-import { LocaleButton as H } from "./LocaleButton.js";
-import { LocaleSwitcher as B } from "./LocaleSwitcher.js";
+import { HeaderGroup as H } from "./HeaderGroup.js";
+import { HeaderSearch as u } from "./HeaderSearch.js";
+import { LocaleButton as L } from "./LocaleButton.js";
+import { LocaleSwitcher as l } from "./LocaleSwitcher.js";
 export {
-  r as Header,
+  o as Header,
   a as HeaderBase,
   x as HeaderButton,
-  m as HeaderLogo,
-  H as LocaleButton,
-  B as LocaleSwitcher
+  H as HeaderGroup,
+  f as HeaderLogo,
+  u as HeaderSearch,
+  L as LocaleButton,
+  l as LocaleSwitcher
 };