@altinn/altinn-components 0.47.0 → 0.47.2

package/dist/components/GlobalHeader/AccountSelector.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as a, jsxs as O } from "react/jsx-runtime";
+import { jsx as o, jsxs as O } from "react/jsx-runtime";
 import { c as g } from "../../index-L8X2o7IH.js";
 import s, { forwardRef as v, useState as z, useEffect as j } from "react";
 import { AccountMenu as C } from "../Account/AccountMenu.js";
@@ -10,42 +10,42 @@ import { SearchField as F } from "../Forms/SearchField.js";
 import { S as N } from "../../Spinner-BDXfwXIh.js";
 import { H as R } from "../../Heading-By5DKz2H.js";
 import { u as _ } from "../../useId-BVFxCjkq.js";
-import '../../assets/AccountSelector.css';var M = function(e, i) {
+import '../../assets/AccountSelector.css';var M = function(e, l) {
   var r = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && i.indexOf(t) < 0 && (r[t] = e[t]);
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (r[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
     for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
-      i.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
+      l.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
   return r;
 };
-const P = v((e, i) => {
+const P = v((e, l) => {
   var { title: r, titleId: t } = e, n = M(e, ["title", "titleId"]);
-  let l = _();
-  return l = r ? t || "title-" + l : void 0, s.createElement(
+  let i = _();
+  return i = r ? t || "title-" + i : void 0, s.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": l }, n),
-    r ? s.createElement("title", { id: l }, r) : null,
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": i }, n),
+    r ? s.createElement("title", { id: i }, r) : null,
     s.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25m4.03 9.28-3.5 3.5a.75.75 0 0 1-1.06 0l-3.5-3.5a.75.75 0 0 1 .53-1.28h7a.75.75 0 0 1 .53 1.28m-2.34.22h-3.38L12 13.44z", clipRule: "evenodd" })
   );
 });
-var A = function(e, i) {
+var A = function(e, l) {
   var r = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && i.indexOf(t) < 0 && (r[t] = e[t]);
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (r[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
     for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
-      i.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
+      l.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
   return r;
 };
-const T = v((e, i) => {
+const T = v((e, l) => {
   var { title: r, titleId: t } = e, n = A(e, ["title", "titleId"]);
-  let l = _();
-  return l = r ? t || "title-" + l : void 0, s.createElement(
+  let i = _();
+  return i = r ? t || "title-" + i : void 0, s.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": l }, n),
-    r ? s.createElement("title", { id: l }, r) : null,
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": i }, n),
+    r ? s.createElement("title", { id: i }, r) : null,
     s.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25m.53 6.72a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 .53 1.28h7a.75.75 0 0 0 .53-1.28zM12 10.56l1.69 1.69h-3.38z", clipRule: "evenodd" })
   );
-}), H = "_accountSelector_1f74n_1", V = "_heading_1f74n_11", B = "_searchSection_1f74n_17", D = "_searchField_1f74n_22", K = "_accountMenu_1f74n_26", L = "_fullScreen_1f74n_34", U = "_virtualized_1f74n_38", W = "_btnIcon_1f74n_42", $ = "_spinner_1f74n_46", c = {
+}), H = "_accountSelector_1f74n_1", V = "_heading_1f74n_11", B = "_searchSection_1f74n_17", D = "_searchField_1f74n_22", K = "_accountMenu_1f74n_26", L = "_fullScreen_1f74n_34", U = "_virtualized_1f74n_38", W = "_btnIcon_1f74n_42", $ = "_spinner_1f74n_46", a = {
   accountSelector: H,
   heading: V,
   searchSection: B,
@@ -55,57 +55,57 @@ const T = v((e, i) => {
   virtualized: U,
   btnIcon: W,
   spinner: $
-}, ie = ({ accountMenu: e, forceOpenFullScreen: i, className: r, loading: t }) => {
-  const { currentId: n, openId: l, toggleId: u, languageCode: S } = k(), o = n === "accountFullscreen", [f, m] = z(""), { minimize: b, fullscreen: y, searchText: h, heading: w } = q(S);
+}, ie = ({ accountMenu: e, forceOpenFullScreen: l, className: r, loading: t }) => {
+  const { currentId: n, openId: i, toggleId: d, languageCode: S } = k(), c = n === "accountFullscreen", [f, m] = z(""), { minimize: b, fullscreen: y, searchText: h, heading: w } = q(S);
   j(() => {
-    i === !0 && !o && l("accountFullscreen");
-  }, [i, o, l]);
+    l === !0 && !c ? i("accountFullscreen") : l === !1 && c && d("accountFullscreen");
+  }, [l, c, i, d]);
   const x = () => {
-    l(o ? "account" : "accountFullscreen");
-  }, I = (d) => {
+    i(c ? "account" : "accountFullscreen");
+  }, I = (u) => {
     var p;
-    (p = e.onSelectAccount) == null || p.call(e, d), u(o ? "accountFullscreen" : "account");
+    (p = e.onSelectAccount) == null || p.call(e, u), d(c ? "accountFullscreen" : "account");
   };
-  return t ? /* @__PURE__ */ a(N, { "aria-hidden": !0, "data-color": "neutral", className: c.spinner }) : /* @__PURE__ */ O("div", { className: g(r, c.accountSelector), children: [
-    o && /* @__PURE__ */ a(R, { "data-size": "md", level: 2, className: c.heading, children: w }),
-    /* @__PURE__ */ a("div", { className: c.searchSection, children: /* @__PURE__ */ a(
+  return t ? /* @__PURE__ */ o(N, { "aria-hidden": !0, "data-color": "neutral", className: a.spinner }) : /* @__PURE__ */ O("div", { className: g(r, a.accountSelector), children: [
+    c && /* @__PURE__ */ o(R, { "data-size": "md", level: 2, className: a.heading, children: w }),
+    /* @__PURE__ */ o("div", { className: a.searchSection, children: /* @__PURE__ */ o(
       F,
       {
         name: h,
         placeholder: h,
         value: f,
-        onChange: (d) => m(d.target.value),
+        onChange: (u) => m(u.target.value),
         onClear: () => m(""),
-        className: c.searchField
+        className: a.searchField
       }
     ) }),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ o(
       "div",
       {
         className: g(
-          c.accountMenu,
-          o && c.fullScreen,
-          e.isVirtualized && c.virtualized
+          a.accountMenu,
+          c && a.fullScreen,
+          e.isVirtualized && a.virtualized
         ),
-        children: /* @__PURE__ */ a(
+        children: /* @__PURE__ */ o(
           C,
           {
             ...e,
             onSelectAccount: I,
             keyboardEvents: !1,
             search: { hidden: !0, name: "", value: f },
-            scrollRefStyles: !o && e.isVirtualized ? { maxHeight: "calc(40vh)" } : void 0
+            scrollRefStyles: !c && e.isVirtualized ? { maxHeight: "calc(40vh)" } : void 0
           }
         )
       }
     ),
-    i !== !0 && /* @__PURE__ */ a(
+    l !== !0 && /* @__PURE__ */ o(
       E,
       {
-        icon: o ? /* @__PURE__ */ a(T, { className: c.btnIcon, "aria-hidden": "true" }) : /* @__PURE__ */ a(P, { className: c.btnIcon, "aria-hidden": "true" }),
+        icon: c ? /* @__PURE__ */ o(T, { className: a.btnIcon, "aria-hidden": "true" }) : /* @__PURE__ */ o(P, { className: a.btnIcon, "aria-hidden": "true" }),
         variant: "text",
         onClick: x,
-        children: o ? b : y
+        children: c ? b : y
       }
     )
   ] });

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,33 +1,32 @@
 "use client";
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { useState as B, useEffect as h, useMemo as u } from "react";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useState as L, useEffect as B, useMemo as h } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { LocaleSwitcher as G } from "./LocaleSwitcher.js";
+import { LocaleSwitcher as u } from "./LocaleSwitcher.js";
 import "../Snackbar/useSnackbar.js";
-import { MenuListItem as x } from "../Menu/MenuBase.js";
-import { Menu as j } from "../Menu/Menu.js";
-import { BackButton as v } from "./BackButton.js";
-import { GlobalMenuBase as M, GlobalMenuHeader as y, GlobalMenuFooter as A } from "./GlobalMenuBase.js";
-import { LocaleButton as S } from "./LocaleButton.js";
-import { LogoutButton as T } from "./LogoutButton.js";
-const Q = ({
+import { MenuListItem as G } from "../Menu/MenuBase.js";
+import { Menu as x } from "../Menu/Menu.js";
+import { BackButton as j } from "./BackButton.js";
+import { GlobalMenuBase as k, GlobalMenuHeader as v, GlobalMenuFooter as y } from "./GlobalMenuBase.js";
+import { LocaleButton as A } from "./LocaleButton.js";
+import { LogoutButton as S } from "./LogoutButton.js";
+const P = ({
   menu: a,
-  backLabel: d = "Back",
+  backLabel: M = "Back",
   onClose: i,
-  logoutButton: l,
+  logoutButton: e,
   ariaLabel: f = "Menu",
-  localeSwitcher: e,
-  isOpen: p = !1,
-  color: n = "person"
+  localeSwitcher: c,
+  isOpen: p = !1
 }) => {
-  const [g, m] = B(!1), s = () => {
-    m((r) => !r);
+  const [d, n] = L(!1), m = () => {
+    n((r) => !r);
   };
-  h(() => {
-    p || m(!1);
+  B(() => {
+    p || n(!1);
   }, [p]);
-  const L = u(() => ((a == null ? void 0 : a.items) ?? []).map((r) => ({
+  const g = h(() => ((a == null ? void 0 : a.items) ?? []).map((r) => ({
     ...r,
     onClick: () => {
       var o;
@@ -36,23 +35,23 @@ const Q = ({
     items: Array.isArray(r.items) ? r.items.map((o) => ({
       ...o,
       onClick: () => {
-        var k;
-        (k = o.onClick) == null || k.call(o), i == null || i();
+        var s;
+        (s = o.onClick) == null || s.call(o), i == null || i();
       }
     })) : void 0
   })), [a, i]);
-  return g ? /* @__PURE__ */ c(M, { "aria-label": f, color: n, children: [
-    /* @__PURE__ */ c(y, { children: [
-      /* @__PURE__ */ t(v, { onClick: s, label: d }),
-      e && /* @__PURE__ */ t(G, { ...e })
+  return d ? /* @__PURE__ */ l(k, { "aria-label": f, children: [
+    /* @__PURE__ */ l(v, { children: [
+      /* @__PURE__ */ t(j, { onClick: m, label: M }),
+      c && /* @__PURE__ */ t(u, { ...c })
     ] }),
-    /* @__PURE__ */ t(x, { as: "div", role: "separator" })
-  ] }) : /* @__PURE__ */ c(M, { "aria-label": f, color: n, children: [
-    a && /* @__PURE__ */ t(j, { ...a, items: L }),
-    e && /* @__PURE__ */ t(S, { onClick: s }),
-    l && /* @__PURE__ */ t(A, { children: /* @__PURE__ */ t(T, { ...l }) })
+    /* @__PURE__ */ t(G, { as: "div", role: "separator" })
+  ] }) : /* @__PURE__ */ l(k, { "aria-label": f, children: [
+    a && /* @__PURE__ */ t(x, { ...a, items: g }),
+    c && /* @__PURE__ */ t(A, { onClick: m }),
+    e && /* @__PURE__ */ t(y, { children: /* @__PURE__ */ t(S, { ...e }) })
   ] });
 };
 export {
-  Q as GlobalMenu
+  P as GlobalMenu
 };

package/dist/types/lib/components/GlobalMenu/GlobalMenu.d.ts

@@ -1,4 +1,3 @@
-import { Color } from '../';
 import { LocaleSwitcherProps } from '../Header';
 import { MenuProps } from '../Menu';
 import { LogoutButtonProps } from './LogoutButton';
@@ -14,6 +13,5 @@ export interface GlobalMenuProps {
     ariaLabel?: string;
     localeSwitcher?: LocaleSwitcherProps;
     isOpen?: boolean;
-    color?: Color;
 }
-export declare const GlobalMenu: ({ menu, backLabel, onClose, logoutButton, ariaLabel, localeSwitcher, isOpen, color, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalMenu: ({ menu, backLabel, onClose, logoutButton, ariaLabel, localeSwitcher, isOpen, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,7 +3,7 @@ import { MenuProps } from '../Menu';
 import { GlobalMenuProps } from './GlobalMenu';
 declare const meta: {
     title: string;
-    component: ({ menu, backLabel, onClose, logoutButton, ariaLabel, localeSwitcher, isOpen, color, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ menu, backLabel, onClose, logoutButton, ariaLabel, localeSwitcher, isOpen, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/package.json

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