@altinn/altinn-components 0.63.1 → 0.63.2

package/dist/components/AccountSelector/AccountSelector.js

@@ -1,90 +1,93 @@
-import { jsx as c, jsxs as m } from "react/jsx-runtime";
-import { c as S } from "../../index-p1eeF8LQ.js";
-import { useState as f, useEffect as z } from "react";
-import { AccountMenu as N } from "../Account/AccountMenu.js";
+import { jsx as c, jsxs as f } from "react/jsx-runtime";
+import { c as _ } from "../../index-p1eeF8LQ.js";
+import { useState as o, useRef as T, useEffect as g } from "react";
+import { AccountMenu as F } from "../Account/AccountMenu.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { u as k, S as A } from "../../ToolbarSearch-DT-KvnVb.js";
+import { u as H, S as R } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../Snackbar/useSnackbar.js";
-import { Switch as L } from "../Forms/Switch.js";
-import { S as F } from "../../button-BB5sYVKY.js";
-import { H as T } from "../../heading-C_XYsUfi.js";
-import '../../assets/AccountSelector.css';const C = "_accountSelector_829wd_1", H = "_heading_829wd_11", y = "_searchSection_829wd_17", M = "_searchField_829wd_30", j = "_accountMenu_829wd_34", E = "_virtualized_829wd_43", R = "_spinner_829wd_58", t = {
-  accountSelector: C,
-  heading: H,
-  searchSection: y,
-  searchField: M,
-  accountMenu: j,
-  virtualized: E,
-  spinner: R
-}, D = ({
+import { Switch as y } from "../Forms/Switch.js";
+import { S as I } from "../../button-BB5sYVKY.js";
+import { H as M } from "../../heading-C_XYsUfi.js";
+import '../../assets/AccountSelector.css';const j = "_accountSelector_829wd_1", E = "_heading_829wd_11", V = "_searchSection_829wd_17", $ = "_searchField_829wd_30", K = "_accountMenu_829wd_34", O = "_virtualized_829wd_43", W = "_spinner_829wd_58", r = {
+  accountSelector: j,
+  heading: E,
+  searchSection: V,
+  searchField: $,
+  accountMenu: K,
+  virtualized: O,
+  spinner: W
+}, re = ({
   accountMenu: e,
-  forceOpenFullScreen: r,
-  className: a,
-  loading: p,
-  showDeletedUnits: s,
-  onShowDeletedUnitsChange: _,
-  isFullScreen: g
+  forceOpenFullScreen: n,
+  className: s,
+  loading: v,
+  showDeletedUnits: i,
+  onShowDeletedUnitsChange: w,
+  isFullScreen: x
 }) => {
-  const { closeAll: i, languageCode: o } = k(), [l, d] = f(""), [v, h] = f(r);
-  z(() => {
-    !r && v && i(), h(r);
-  }, [r]);
-  const { searchText: u, heading: w, switchLabel: x } = V(o), b = (n) => {
-    e.onSelectAccount?.(n), i(), h(!1);
+  const { closeAll: l, languageCode: d, currentId: b } = H(), a = b === "account" || !!n, [u, h] = o(""), [z, m] = o(n), [N, k] = o(0), S = T(a);
+  g(() => {
+    a && !S.current && k((t) => t + 1), S.current = a;
+  }, [a]), g(() => {
+    !n && z && l(), m(n);
+  }, [n]);
+  const { searchText: p, heading: A, switchLabel: C } = q(d), L = (t) => {
+    e.onSelectAccount?.(t), l(), m(!1);
   };
-  return p ? /* @__PURE__ */ c(F, { "aria-hidden": !0, "data-color": "neutral", className: t.spinner }) : /* @__PURE__ */ m("div", { className: S(a, t.accountSelector), children: [
-    /* @__PURE__ */ c(T, { "data-size": "sm", level: 2, className: t.heading, children: w }),
-    /* @__PURE__ */ m("div", { className: t.searchSection, children: [
+  return v ? /* @__PURE__ */ c(I, { "aria-hidden": !0, "data-color": "neutral", className: r.spinner }) : /* @__PURE__ */ f("div", { className: _(s, r.accountSelector), children: [
+    /* @__PURE__ */ c(M, { "data-size": "sm", level: 2, className: r.heading, children: A }),
+    /* @__PURE__ */ f("div", { className: r.searchSection, children: [
       /* @__PURE__ */ c(
-        A,
+        R,
         {
           size: "sm",
-          name: u,
-          placeholder: u,
-          value: l,
-          onChange: (n) => d(n.target.value),
-          onClear: () => d(""),
-          className: t.searchField
+          name: p,
+          placeholder: p,
+          value: u,
+          onChange: (t) => h(t.target.value),
+          onClear: () => h(""),
+          className: r.searchField
         }
       ),
-      s !== void 0 && /* @__PURE__ */ c(
-        L,
+      i !== void 0 && /* @__PURE__ */ c(
+        y,
         {
           size: "sm",
-          checked: s,
-          onChange: (n) => _?.(n.target.checked),
-          label: x
+          checked: i,
+          onChange: (t) => w?.(t.target.checked),
+          label: C
         }
       )
     ] }),
     /* @__PURE__ */ c(
       "div",
       {
-        className: S(
-          t.accountMenu,
-          g && t.fullScreen,
-          e.virtualized && t.virtualized
+        className: _(
+          r.accountMenu,
+          x && r.fullScreen,
+          e.virtualized && r.virtualized
         ),
         children: /* @__PURE__ */ c(
-          N,
+          F,
           {
             ...e,
-            onSelectAccount: b,
+            onSelectAccount: L,
             keyboardEvents: !1,
             search: {
               hidden: !0,
               name: "",
-              value: l,
-              getResultsLabel: (n) => $(n, o)
+              value: u,
+              getResultsLabel: (t) => B(t, d)
             }
-          }
+          },
+          N
         )
       }
     )
   ] });
-}, V = (e) => {
+}, q = (e) => {
   switch (e) {
     case "nn":
       return {
@@ -105,10 +108,10 @@ import '../../assets/AccountSelector.css';const C = "_accountSelector_829wd_1",
         switchLabel: "Vis slettede"
       };
   }
-}, $ = (e, r) => {
-  const a = r === "nb" || r === "nn";
-  return e === 0 ? a ? "Ingen treff" : "No hits" : a ? `${e} treff` : e === 1 ? "1 hit" : `${e} hits`;
+}, B = (e, n) => {
+  const s = n === "nb" || n === "nn";
+  return e === 0 ? s ? "Ingen treff" : "No hits" : s ? `${e} treff` : e === 1 ? "1 hit" : `${e} hits`;
 };
 export {
-  D as AccountSelector
+  re as AccountSelector
 };

package/package.json

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