@altinn/altinn-components 0.63.0 → 0.63.1

package/dist/components/Transmission/Transmission.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as t, jsxs as l, Fragment as x } from "react/jsx-runtime";
 import { useState as g } from "react";
-import { B as v } from "../../ToolbarSearch-56Sm2j7P.js";
+import { B as v } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../../index-p1eeF8LQ.js";
 import { AttachmentList as L } from "../Attachment/AttachmentList.js";
 import { Typography as T } from "../Typography/Typography.js";

package/dist/components/Transmission/TransmissionList.js

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as l } from "react/jsx-runtime";
 import { createElement as p } from "react";
 import "../../index-p1eeF8LQ.js";
-import { a } from "../../ToolbarSearch-56Sm2j7P.js";
+import { a } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Transmission/TransmissionType.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { B as o } from "../../ToolbarSearch-56Sm2j7P.js";
+import { B as o } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Typography/Link.js";

package/dist/components/Typography/Heading.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Skeleton/Skeleton.js";
-import { H as g } from "../../ToolbarSearch-56Sm2j7P.js";
+import { H as g } from "../../ToolbarSearch-DT-KvnVb.js";
 import "./useHighlightedText.js";
 import "./Link.js";
 import "../Button/Button.js";

package/dist/components/Typography/index.js

@@ -1,5 +1,5 @@
 import { Typography as p } from "./Typography.js";
-import { H as a } from "../../ToolbarSearch-56Sm2j7P.js";
+import { H as a } from "../../ToolbarSearch-DT-KvnVb.js";
 import { Link as m } from "./Link.js";
 export {
   a as Heading,

package/dist/components/UserListItem/UserListItem.js

@@ -1,5 +1,5 @@
 import { jsx as s, jsxs as h } from "react/jsx-runtime";
-import { B as p } from "../../ToolbarSearch-56Sm2j7P.js";
+import { B as p } from "../../ToolbarSearch-DT-KvnVb.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Typography/Link.js";

package/dist/components/index.js

@@ -11,7 +11,7 @@ import { AccountNotificationSettings as b } from "./Account/AccountNotificationS
 import { AccountOrganization as M } from "./Account/AccountOrganization.js";
 import { AccountSelector as T } from "./AccountSelector/AccountSelector.js";
 import { Alert as h } from "./Alert/Alert.js";
-import { B as C, a as P, d as H, D as v, b as w, c as G, f as R, e as E, g as N, F as O, H as V, I as U, j as z, h as Q, M as j, k as q, l as J, m as K, o as W, n as X, R as Y, S as Z, p as _, T as $, V as oo, i as ro, u as eo } from "../ToolbarSearch-56Sm2j7P.js";
+import { B as C, a as P, d as H, D as v, b as w, c as G, f as R, e as E, g as N, F as O, H as V, I as U, j as z, h as Q, M as j, k as q, l as J, m as K, o as W, n as X, R as Y, S as Z, p as _, T as $, V as oo, i as ro, u as eo } from "../ToolbarSearch-DT-KvnVb.js";
 import { Banner as mo, BannerColorEnum as ao, BannerVariantEnum as po } from "./Banner/Banner.js";
 import { BookmarkSettingsItem as fo } from "./Bookmarks/BookmarkSettingsItem.js";
 import { BookmarkSettingsList as so } from "./Bookmarks/BookmarkSettingsList.js";

package/dist/hooks/useAccountSelector.js

@@ -1,7 +1,7 @@
 import { jsx as S } from "react/jsx-runtime";
 import { useRef as x, useMemo as z } from "react";
 import "../index-p1eeF8LQ.js";
-import "../ToolbarSearch-56Sm2j7P.js";
+import "../ToolbarSearch-DT-KvnVb.js";
 import "../components/Typography/Link.js";
 import { Button as G } from "../components/Button/Button.js";
 import "react-dom";

package/dist/hooks/useMenu.js

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

package/dist/index.js

@@ -11,7 +11,7 @@ import { AccountNotificationSettings as b } from "./components/Account/AccountNo
 import { AccountOrganization as M } from "./components/Account/AccountOrganization.js";
 import { AccountSelector as T } from "./components/AccountSelector/AccountSelector.js";
 import { Alert as h } from "./components/Alert/Alert.js";
-import { B as C, a as P, d as H, D as v, b as w, c as G, f as N, e as O, g as E, F as R, H as V, I as U, j as z, h as Q, M as j, k as K, l as q, m as J, o as W, n as X, R as Y, S as Z, p as _, T as $, V as oo, i as ro, u as eo } from "./ToolbarSearch-56Sm2j7P.js";
+import { B as C, a as P, d as H, D as v, b as w, c as G, f as N, e as O, g as E, F as R, H as V, I as U, j as z, h as Q, M as j, k as K, l as q, m as J, o as W, n as X, R as Y, S as Z, p as _, T as $, V as oo, i as ro, u as eo } from "./ToolbarSearch-DT-KvnVb.js";
 import { Banner as mo, BannerColorEnum as ao, BannerVariantEnum as po } from "./components/Banner/Banner.js";
 import { BookmarkSettingsItem as fo } from "./components/Bookmarks/BookmarkSettingsItem.js";
 import { BookmarkSettingsList as so } from "./components/Bookmarks/BookmarkSettingsList.js";

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

@@ -27,6 +27,7 @@ export declare const Composition: () => import("react/jsx-runtime").JSX.Element;
 export declare const SearchAndFilter: () => import("react/jsx-runtime").JSX.Element;
 export declare const SearchAndSwitch: () => import("react/jsx-runtime").JSX.Element;
 export declare const StaticFilters: () => import("react/jsx-runtime").JSX.Element;
+export declare const StaticFiltersInDialog: () => import("react/jsx-runtime").JSX.Element;
 export declare const RemovableFilters: () => import("react/jsx-runtime").JSX.Element;
 export declare const AccountMenuAndFilters: () => import("react/jsx-runtime").JSX.Element;
 export declare const AccountMenuAndSearch: () => import("react/jsx-runtime").JSX.Element;

package/package.json

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