@altinn/altinn-components 0.54.3 → 0.55.0

package/dist/global.css

@@ -1,7 +1,7 @@
 @import "@digdir/designsystemet-css/index.css";
 @import "@digdir/designsystemet-theme";
 
-@import "tokens/design-tokens-build/theme.css";
+@import "./tokens/design-tokens-build/theme.css";
 
 @import "./data-theme.css";
 @import "./data-padding.css";

package/dist/hooks/useAccountSelector.js

@@ -1,7 +1,7 @@
 import { jsx as A } from "react/jsx-runtime";
-import { useMemo as H } from "react";
+import { useMemo as M } from "react";
 import "../index-p1eeF8LQ.js";
-import { Button as M } from "../components/Button/Button.js";
+import { Button as V } from "../components/Button/Button.js";
 import "../components/RootProvider/RootProvider.js";
 import { useIsDesktop as G } from "./useIsDesktop.js";
 import "../components/Snackbar/useSnackbar.js";
@@ -15,13 +15,13 @@ const x = (e) => e === "Organization" ? "company" : "person", et = ({
   selfAccountUuid: l,
   isLoading: d = !1,
   onSelectAccount: b,
-  isVirtualized: I = !1,
+  virtualized: I = !1,
   onToggleFavorite: r,
   languageCode: i,
   showDeletedUnits: c,
   onShowDeletedUnitsChange: n
 }) => {
-  const f = G(), [P, m, v] = H(() => {
+  const f = G(), [P, m, v] = M(() => {
     if (d || !e || !l)
       return [[], {}, void 0];
     const s = (t) => o?.includes(t), _ = (t) => !t.isDeleted || c !== !1 || t.partyUuid === u, z = D(i), F = i || "nb", N = (t, a) => t.name.localeCompare(a.name, F, {
@@ -92,7 +92,7 @@ const x = (e) => e === "Organization" ? "company" : "person", et = ({
       }
     if (U === void 0)
       return [[], {}, void 0];
-    const $ = [U, ...g, ...k, ...y], V = $.find((t) => t?.selected === !0), j = {
+    const $ = [U, ...g, ...k, ...y], j = $.find((t) => t?.selected === !0), H = {
       [y[0]?.groupId || "company"]: {
         title: z.account_orgs,
         divider: !0
@@ -106,7 +106,7 @@ const x = (e) => e === "Organization" ? "company" : "person", et = ({
         divider: !0
       }
     };
-    return [$, j, V];
+    return [$, H, j];
   }, [
     e,
     l,
@@ -122,7 +122,7 @@ const x = (e) => e === "Organization" ? "company" : "person", et = ({
     accountMenu: {
       items: [],
       groups: {},
-      isVirtualized: !1,
+      virtualized: !1,
       onSelectAccount: () => {
       },
       currentAccount: void 0
@@ -132,7 +132,7 @@ const x = (e) => e === "Organization" ? "company" : "person", et = ({
     accountMenu: {
       items: P,
       groups: m,
-      isVirtualized: I,
+      virtualized: I,
       onSelectAccount: b,
       currentAccount: v
     },
@@ -180,7 +180,7 @@ const x = (e) => e === "Organization" ? "company" : "person", et = ({
     disabled: !!o?.onlyHierarchyElementWithNoAccess,
     badge: i ? { label: n.you, color: "person" } : o.isDeleted && I ? { label: n.deleted, color: "neutral" } : void 0,
     controls: !i && /* @__PURE__ */ A(
-      M,
+      V,
       {
         rounded: !0,
         variant: "ghost",

package/dist/hooks/useMenu.js

@@ -1,56 +1,57 @@
 "use client";
-import { useState as w, useMemo as x, useCallback as k, useEffect as m } from "react";
-import { useEnterKey as A } from "./useEnterKey.js";
-const L = ({
-  items: u,
-  groups: d,
-  groupByKey: i,
-  keyboardEvents: c = !1,
-  sortGroupBy: p,
-  onSelect: v,
-  ref: l
+import { useState as x, useMemo as d, useCallback as k, useEffect as D } from "react";
+import { useEnterKey as I } from "./useEnterKey.js";
+const A = ({
+  items: o,
+  groups: p,
+  groupByKey: c,
+  keyboardEvents: u = !1,
+  autoActivateFirstItem: m = !0,
+  sortGroupBy: v,
+  onSelect: h,
+  ref: f
 }) => {
-  const [a, o] = w(-1);
-  A((t) => {
-    if (c) {
-      const e = (l && "current" in l ? l.current : null)?.querySelector('[data-active="true"]');
-      t.stopPropagation(), t.preventDefault(), e && (e.tagName === "A" && e.hasAttribute("href") ? e.click() : e.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), v?.();
+  const [i, r] = x(-1);
+  I((e) => {
+    if (u) {
+      const t = (f && "current" in f ? f.current : null)?.querySelector('[data-active="true"]');
+      e.stopPropagation(), e.preventDefault(), t && (t.tagName === "A" && t.hasAttribute("href") ? t.click() : t.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), h?.();
     }
   });
-  const h = x(() => {
-    const t = u.reduce(
-      (e, s) => {
-        const r = i && s[i] ? s[i] : "ungrouped";
-        return e[r] = e[r] || [], e[r].push(s), e;
-      },
-      {}
-    ), n = Object.values(t).flat().filter((e) => !e?.disabled);
-    return Object.entries(t).sort(p || (() => 0)).map(([e, s]) => ({
-      items: s.map((r) => ({
-        menuIndex: n.indexOf(r),
-        active: a === n.indexOf(r),
-        onMouseEnter: c ? () => {
-          o(n.indexOf(r));
-        } : void 0,
-        onMouseLeave: c ? () => {
-          o(-1);
-        } : void 0,
-        props: r
-      })),
-      props: {
-        ...d[e] || {}
-      }
-    }));
-  }, [u, i, a, d]), f = k(
-    (t) => {
-      t.key === "ArrowDown" ? (t.preventDefault(), o((n) => (n + 1) % u.length)) : t.key === "ArrowUp" && (t.preventDefault(), o((n) => (n - 1 + u.length) % u.length));
+  const l = d(() => o.reduce(
+    (e, n) => {
+      const t = c && n[c] ? n[c] : "ungrouped";
+      return e[t] = e[t] || [], e[t].push(n), e;
     },
-    [u.length]
+    {}
+  ), [o, c]), s = d(
+    () => Object.values(l).flat().filter((e) => !e?.disabled),
+    [l]
+  ), w = d(() => Object.entries(l).sort(v || (() => 0)).map(([e, n]) => ({
+    items: n.map((t) => ({
+      menuIndex: s.indexOf(t),
+      active: i === s.indexOf(t),
+      onMouseEnter: u ? () => {
+        r(s.indexOf(t));
+      } : void 0,
+      onMouseLeave: u ? () => {
+        r(-1);
+      } : void 0,
+      props: t
+    })),
+    props: {
+      ...p[e] || {}
+    }
+  })), [l, s, i, u, v, p]), a = k(
+    (e) => {
+      e.key === "ArrowDown" ? (e.preventDefault(), r((n) => (n + 1) % o.length)) : e.key === "ArrowUp" && (e.preventDefault(), r((n) => n <= 0 ? 0 : n - 1));
+    },
+    [o.length]
   );
-  return m(() => (c && (o(0), document.addEventListener("keydown", f)), () => {
-    document.removeEventListener("keydown", f);
-  }), [f, c]), { menu: h, activeIndex: a, setActiveIndex: o };
+  return D(() => (u && (r(m ? 0 : -1), document.addEventListener("keydown", a)), () => {
+    document.removeEventListener("keydown", a);
+  }), [a, u, m]), { menu: w, activeIndex: i, setActiveIndex: r, activeItem: s[i] };
 };
 export {
-  L as useMenu
+  A as useMenu
 };