@altinn/altinn-components 0.47.3 → 0.47.5

package/dist/components/Account/AccountMenu.js

@@ -1,64 +1,71 @@
 "use client";
 import { jsx as x } from "react/jsx-runtime";
-import { useState as R, useEffect as S } from "react";
+import { useState as R, useEffect as S, useMemo as j } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { Menu as j } from "../Menu/Menu.js";
+import { Menu as k } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
-const k = (d) => `${d} hits`, D = ({
-  items: d = [],
-  groups: v = {},
-  search: t,
-  filterAccount: C,
-  onSelectAccount: u,
+const y = (u) => `${u} hits`, D = ({
+  items: u = [],
+  groups: C = {},
+  search: l,
+  filterAccount: w,
+  onSelectAccount: d,
   currentAccount: e,
   isVirtualized: L,
-  keyboardEvents: w,
+  keyboardEvents: M,
   scrollRefStyles: F
 }) => {
-  var r;
-  const p = d.map((o) => ({
+  var p;
+  const r = u.map((o) => ({
     ...o,
     title: (o == null ? void 0 : o.title) || o.name,
     groupId: o.groupId || "search",
     selected: o.selected ?? (e == null ? void 0 : e.id) === o.id,
     onClick: () => {
-      !o.disabled && (u == null || u(o.id));
+      !o.disabled && (d == null || d(o.id));
     }
-  })), [l, i] = R("");
+  })), [t, a] = R("");
   S(() => {
-    (t == null ? void 0 : t.value) !== void 0 && i(t.value);
-  }, [t == null ? void 0 : t.value]);
-  const b = C || ((o, a) => {
-    var g, f, s;
-    return ((g = o == null ? void 0 : o.name) == null ? void 0 : g.toLowerCase().includes(a.toLowerCase())) || ((s = (f = o == null ? void 0 : o.description) == null ? void 0 : f.toString()) == null ? void 0 : s.toLowerCase().includes(a.toLowerCase()));
-  }), n = l ? p.filter((o) => b(o, l)).map((o) => ({
-    ...o,
-    groupId: "search",
-    title: (o == null ? void 0 : o.title) || o.name,
-    highlightWords: [l]
-  })) : p, I = l ? {
+    (l == null ? void 0 : l.value) !== void 0 && a(l.value);
+  }, [l == null ? void 0 : l.value]);
+  const i = w || ((o, f) => {
+    var s, g, v;
+    return ((s = o == null ? void 0 : o.name) == null ? void 0 : s.toLowerCase().includes(f.toLowerCase())) || ((v = (g = o == null ? void 0 : o.description) == null ? void 0 : g.toString()) == null ? void 0 : v.toLowerCase().includes(f.toLowerCase()));
+  }), n = j(() => t ? Array.from(
+    new Map(
+      r.filter((o) => i(o, t)).map((o) => [
+        o.id,
+        {
+          ...o,
+          groupId: "search",
+          title: (o == null ? void 0 : o.title) || o.name,
+          highlightWords: [t]
+        }
+      ])
+    ).values()
+  ) : r, [r, t, i]), b = t ? {
     search: {
-      title: ((r = t == null ? void 0 : t.getResultsLabel) == null ? void 0 : r.call(t, n.length)) ?? k(n.length)
+      title: ((p = l == null ? void 0 : l.getResultsLabel) == null ? void 0 : p.call(l, n.length)) ?? y(n.length)
     }
-  } : v, M = {
+  } : C, I = {
     name: "account-search",
-    value: l,
-    placeholder: (t == null ? void 0 : t.placeholder) ?? "Find account",
-    onChange: (o) => i(o.target.value),
-    onClear: () => i("")
+    value: t,
+    placeholder: (l == null ? void 0 : l.placeholder) ?? "Find account",
+    onChange: (o) => a(o.target.value),
+    onClear: () => a("")
   }, c = [
     ...n.length > 0 ? n : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
   return /* @__PURE__ */ x(
-    j,
+    k,
     {
       variant: "default",
-      search: t && !t.hidden ? M : void 0,
-      groups: I,
+      search: l && !l.hidden ? I : void 0,
+      groups: b,
       items: c,
       isVirtualized: L,
-      keyboardEvents: w,
+      keyboardEvents: M,
       scrollRefStyles: F
     }
   );

package/dist/components/Dropdown/DrawerBase.js

@@ -1,24 +1,23 @@
 import { jsx as d } from "react/jsx-runtime";
 import { c as s } from "../../index-L8X2o7IH.js";
-import '../../assets/DrawerBase.css';const c = "_drawer_tvpob_1", m = {
-  drawer: c
+import '../../assets/DrawerBase.css';const m = "_drawer_tvpob_1", c = {
+  drawer: m
 }, w = ({
   placement: a = "inline",
-  open: t = !1,
-  className: e,
-  children: o,
-  as: r = "div",
+  open: e = !1,
+  className: t,
+  children: r,
+  as: o = "div",
   dataLayout: n = "mobile"
 }) => /* @__PURE__ */ d(
-  r,
+  o,
   {
-    className: s(m.drawer, e),
+    className: s(c.drawer, t),
     "data-placement": a,
     "data-variant": "default",
-    "data-color": "company",
-    "data-expanded": t,
+    "data-expanded": e,
     "data-layout": n,
-    children: o
+    children: r
   }
 );
 export {

package/dist/components/GlobalHeader/AccountSelector.js

@@ -1,16 +1,16 @@
 "use client";
-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";
-import { Button as E } from "../Button/Button.js";
-import { useRootContext as k } from "../RootProvider/RootProvider.js";
+import { jsx as o, jsxs as E } from "react/jsx-runtime";
+import { c as S } from "../../index-L8X2o7IH.js";
+import s, { forwardRef as y, useState as _, useEffect as b } from "react";
+import { AccountMenu as F } from "../Account/AccountMenu.js";
+import { Button as k } from "../Button/Button.js";
+import { useRootContext as N } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-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, l) {
+import { SearchField as R } from "../Forms/SearchField.js";
+import { S as A } from "../../Spinner-BDXfwXIh.js";
+import { H as M } from "../../Heading-By5DKz2H.js";
+import { u as w } from "../../useId-BVFxCjkq.js";
+import '../../assets/AccountSelector.css';var P = function(e, l) {
   var r = {};
   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")
@@ -18,9 +18,9 @@ import '../../assets/AccountSelector.css';var M = function(e, l) {
       l.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
   return r;
 };
-const P = v((e, l) => {
-  var { title: r, titleId: t } = e, n = M(e, ["title", "titleId"]);
-  let i = _();
+const T = y((e, l) => {
+  var { title: r, titleId: t } = e, n = P(e, ["title", "titleId"]);
+  let i = w();
   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: l, "aria-labelledby": i }, n),
@@ -28,7 +28,7 @@ const P = v((e, l) => {
     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, l) {
+var H = function(e, l) {
   var r = {};
   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")
@@ -36,80 +36,82 @@ var A = function(e, l) {
       l.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
   return r;
 };
-const T = v((e, l) => {
-  var { title: r, titleId: t } = e, n = A(e, ["title", "titleId"]);
-  let i = _();
+const V = y((e, l) => {
+  var { title: r, titleId: t } = e, n = H(e, ["title", "titleId"]);
+  let i = w();
   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: 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", a = {
-  accountSelector: H,
-  heading: V,
-  searchSection: B,
-  searchField: D,
-  accountMenu: K,
-  fullScreen: L,
-  virtualized: U,
-  btnIcon: W,
-  spinner: $
-}, 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(() => {
-    l === !0 && !c ? i("accountFullscreen") : l === !1 && c && d("accountFullscreen");
-  }, [l, c, i, d]);
-  const x = () => {
-    i(c ? "account" : "accountFullscreen");
-  }, I = (u) => {
-    var p;
-    (p = e.onSelectAccount) == null || p.call(e, u), d(c ? "accountFullscreen" : "account");
+}), B = "_accountSelector_1f74n_1", D = "_heading_1f74n_11", K = "_searchSection_1f74n_17", L = "_searchField_1f74n_22", U = "_accountMenu_1f74n_26", W = "_fullScreen_1f74n_34", $ = "_virtualized_1f74n_38", q = "_btnIcon_1f74n_42", G = "_spinner_1f74n_46", c = {
+  accountSelector: B,
+  heading: D,
+  searchSection: K,
+  searchField: L,
+  accountMenu: U,
+  fullScreen: W,
+  virtualized: $,
+  btnIcon: q,
+  spinner: G
+}, ae = ({ accountMenu: e, forceOpenFullScreen: l, className: r, loading: t }) => {
+  const { currentId: n, openId: i, closeAll: f, languageCode: x } = N(), a = n === "accountFullscreen", [m, h] = _(""), [d, p] = _(l);
+  b(() => {
+    !l && d && a && f(), p(l);
+  }, [l]), b(() => {
+    d === !0 && !a && i("accountFullscreen");
+  }, [d, a, i]);
+  const { minimize: O, fullscreen: I, searchText: v, heading: z } = J(x), j = () => {
+    i(a ? "account" : "accountFullscreen");
+  }, C = (u) => {
+    var g;
+    (g = e.onSelectAccount) == null || g.call(e, u), f(), p(!1);
   };
-  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,
+  return t ? /* @__PURE__ */ o(A, { "aria-hidden": !0, "data-color": "neutral", className: c.spinner }) : /* @__PURE__ */ E("div", { className: S(r, c.accountSelector), children: [
+    a && /* @__PURE__ */ o(M, { "data-size": "md", level: 2, className: c.heading, children: z }),
+    /* @__PURE__ */ o("div", { className: c.searchSection, children: /* @__PURE__ */ o(
+      R,
       {
-        name: h,
-        placeholder: h,
-        value: f,
-        onChange: (u) => m(u.target.value),
-        onClear: () => m(""),
-        className: a.searchField
+        name: v,
+        placeholder: v,
+        value: m,
+        onChange: (u) => h(u.target.value),
+        onClear: () => h(""),
+        className: c.searchField
       }
     ) }),
     /* @__PURE__ */ o(
       "div",
       {
-        className: g(
-          a.accountMenu,
-          c && a.fullScreen,
-          e.isVirtualized && a.virtualized
+        className: S(
+          c.accountMenu,
+          a && c.fullScreen,
+          e.isVirtualized && c.virtualized
         ),
         children: /* @__PURE__ */ o(
-          C,
+          F,
           {
             ...e,
-            onSelectAccount: I,
+            onSelectAccount: C,
             keyboardEvents: !1,
-            search: { hidden: !0, name: "", value: f },
-            scrollRefStyles: !c && e.isVirtualized ? { maxHeight: "calc(40vh)" } : void 0
+            search: { hidden: !0, name: "", value: m },
+            scrollRefStyles: !a && e.isVirtualized ? { maxHeight: "calc(40vh)" } : void 0
           }
         )
       }
     ),
-    l !== !0 && /* @__PURE__ */ o(
-      E,
+    d !== !0 && /* @__PURE__ */ o(
+      k,
       {
-        icon: c ? /* @__PURE__ */ o(T, { className: a.btnIcon, "aria-hidden": "true" }) : /* @__PURE__ */ o(P, { className: a.btnIcon, "aria-hidden": "true" }),
+        icon: a ? /* @__PURE__ */ o(V, { className: c.btnIcon, "aria-hidden": "true" }) : /* @__PURE__ */ o(T, { className: c.btnIcon, "aria-hidden": "true" }),
         variant: "text",
-        onClick: x,
-        children: c ? b : y
+        onClick: j,
+        children: a ? O : I
       }
     )
   ] });
-}, q = (e) => {
+}, J = (e) => {
   switch (e) {
     case "nn":
       return {
@@ -135,5 +137,5 @@ const T = v((e, l) => {
   }
 };
 export {
-  ie as AccountSelector
+  ae as AccountSelector
 };

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

@@ -50,3 +50,4 @@ export declare const WithEnglishLanguage: (args: LayoutStoryArgs) => import("rea
 export declare const StickySidebar: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
 export declare const HiddenSidebar: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
 export declare const Fullscreen: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
+export declare const Profile: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;

package/package.json

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