@altinn/altinn-components 0.24.4 → 0.24.6

package/dist/components/Menu/MenuItems.js

@@ -1,16 +1,16 @@
 "use client";
-import { jsxs as i, jsx as m, Fragment as k } from "react/jsx-runtime";
-import { Fragment as B } from "react";
+import { jsxs as i, jsx as m, Fragment as B } from "react/jsx-runtime";
+import { Fragment as E } from "react";
 import "../../index-L8X2o7IH.js";
-import { useMenu as E } from "../../hooks/useMenu.js";
+import { useMenu as G } from "../../hooks/useMenu.js";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as G } from "./MenuItem.js";
-import { MenuSearch as H } from "./MenuSearch.js";
-import { MenuHeader as K } from "./MenuHeader.js";
-import { MenuList as S, MenuListItem as c } from "./MenuBase.js";
+import { MenuItem as H } from "./MenuItem.js";
+import { MenuSearch as K } from "./MenuSearch.js";
+import { MenuHeader as S } from "./MenuHeader.js";
+import { MenuList as _, MenuListItem as c } from "./MenuBase.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-const _ = ({
+const $ = ({
   level: h = 0,
   expanded: F,
   search: f,
@@ -19,42 +19,43 @@ const _ = ({
   defaultItemSize: x,
   defaultItemColor: M,
   defaultItemTheme: I,
-  defaultIconTheme: v
+  defaultIconTheme: v,
+  as: o
 }) => {
-  const { menu: b } = E({
+  const { menu: b } = G({
     items: j,
     groups: r,
     groupByKey: "groupId",
     keyboardEvents: !1
   });
-  return /* @__PURE__ */ i(S, { expanded: F, children: [
-    f && /* @__PURE__ */ m(H, { ...f }),
+  return /* @__PURE__ */ i(_, { expanded: F, as: o, children: [
+    f && /* @__PURE__ */ m(K, { ...f }),
     b.map((n, l) => {
-      const t = (n == null ? void 0 : n.props) || {}, { title: y, divider: o = !0 } = t, z = b[l + 1];
-      return /* @__PURE__ */ i(B, { children: [
-        (h > 0 || l) && o ? /* @__PURE__ */ m(c, { role: "separator" }) : "",
-        y && /* @__PURE__ */ m(c, { children: /* @__PURE__ */ m(K, { title: y }) }),
+      const t = (n == null ? void 0 : n.props) || {}, { title: y, divider: z = !0 } = t, L = b[l + 1];
+      return /* @__PURE__ */ i(E, { children: [
+        (h > 0 || l) && z ? /* @__PURE__ */ m(c, { role: "separator" }) : "",
+        y && /* @__PURE__ */ m(c, { children: /* @__PURE__ */ m(S, { title: y }) }),
         n == null ? void 0 : n.items.filter((a) => {
           var d;
           return !((d = a.props) != null && d.hidden);
         }).map((a, d) => {
-          const { active: L } = a, { groupId: $, ...e } = a.props || {}, { expanded: s } = e, T = n == null ? void 0 : n.items[d + 1];
+          const { active: T } = a, { groupId: q, ...e } = a.props || {}, { expanded: s } = e, k = n == null ? void 0 : n.items[d + 1];
           return /* @__PURE__ */ i(c, { expanded: s, children: [
             /* @__PURE__ */ m(
-              G,
+              H,
               {
                 ...e,
                 size: (e == null ? void 0 : e.size) || (t == null ? void 0 : t.defaultItemSize) || x,
                 color: (e == null ? void 0 : e.color) || (t == null ? void 0 : t.defaultItemColor) || M,
                 theme: (e == null ? void 0 : e.theme) || (t == null ? void 0 : t.defaultItemTheme) || I,
                 iconTheme: (e == null ? void 0 : e.iconTheme) || (t == null ? void 0 : t.defaultIconTheme) || v,
-                active: L,
+                active: T,
                 tabIndex: e != null && e.disabled ? -1 : 0
               }
             ),
-            s && (e == null ? void 0 : e.items) && /* @__PURE__ */ i(k, { children: [
+            s && (e == null ? void 0 : e.items) && /* @__PURE__ */ i(B, { children: [
               /* @__PURE__ */ m(
-                _,
+                $,
                 {
                   expanded: s,
                   level: h + 1,
@@ -66,7 +67,7 @@ const _ = ({
                   defaultIconTheme: v
                 }
               ),
-              (z || T) && /* @__PURE__ */ m(c, { role: "separator", as: "div" })
+              (L || k) && /* @__PURE__ */ m(c, { role: "separator", as: "div" })
             ] })
           ] }, d);
         })
@@ -75,5 +76,5 @@ const _ = ({
   ] });
 };
 export {
-  _ as MenuItems
+  $ as MenuItems
 };

package/dist/components/Toolbar/Toolbar.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsxs as B, jsx as i } from "react/jsx-runtime";
+import { jsxs as v, jsx as i } from "react/jsx-runtime";
 import { useState as F, useMemo as T } from "react";
-import { useRootContext as M } from "../RootProvider/RootProvider.js";
-import { ToolbarAccountMenu as V } from "./ToolbarAccountMenu.js";
-import { ToolbarAdd as $ } from "./ToolbarAdd.js";
-import { ToolbarBase as q } from "./ToolbarBase.js";
-import { ToolbarFilter as w } from "./ToolbarFilter.js";
-import { ToolbarSearch as z } from "./ToolbarSearch.js";
+import { useRootContext as B } from "../RootProvider/RootProvider.js";
+import { ToolbarAccountMenu as M } from "./ToolbarAccountMenu.js";
+import { ToolbarAdd as V } from "./ToolbarAdd.js";
+import { ToolbarBase as $ } from "./ToolbarBase.js";
+import { ToolbarFilter as q } from "./ToolbarFilter.js";
+import { ToolbarSearch as w } from "./ToolbarSearch.js";
 const g = (n, l) => l || `toolbar-filter-${n}`, Q = ({
   filters: n = [],
   filterState: l,
@@ -19,45 +19,45 @@ const g = (n, l) => l || `toolbar-filter-${n}`, Q = ({
   removeButtonAltText: S,
   addFilterButtonLabel: h
 }) => {
-  const { openId: C, closeAll: I } = M(), [N, R] = F(
+  const { openId: C, closeAll: I } = B(), [N, R] = F(
     l ?? {}
-  ), c = typeof s == "function" ? s : R, t = l || N, [d, f] = F(
+  ), p = typeof s == "function" ? s : R, t = l || N, [c, u] = F(
     (n == null ? void 0 : n.filter((o) => !(o.removable && typeof t[o.name] > "u")).map((o) => o.name)) ?? []
-  ), u = n == null ? void 0 : n.filter((o) => !d.includes(o.name)), j = T(
-    () => d.map((o) => n.find((e) => e.name === o)).filter((o) => typeof o < "u"),
-    [n, d]
+  ), f = n == null ? void 0 : n.filter((o) => !c.includes(o.name)), j = T(
+    () => c.map((o) => n.find((e) => e.name === o)).filter((o) => typeof o < "u"),
+    [n, c]
   ), a = T(
-    () => n.filter((o) => u.includes(o)),
-    [n, u]
-  ), L = (o, e, r) => {
-    r === "radio" ? (I(), c({
+    () => n.filter((o) => f.includes(o)),
+    [n, f]
+  ), G = (o, e, r) => {
+    r === "radio" ? (I(), p({
       ...t,
       [o]: e
-    })) : c({
+    })) : p({
       ...t,
-      [o]: t[o] ? t[o].some((p) => e == null ? void 0 : e.includes(p)) ? t[o].filter((p) => !e.includes(p)) : [...t[o], ...e] : e
+      [o]: t[o] ? t[o].some((d) => e == null ? void 0 : e.includes(d)) ? t[o].filter((d) => !e.includes(d)) : [...t[o], ...e] : e
     });
-  }, k = (o) => {
-    f((e) => e.filter((r) => r !== o)), c({
+  }, L = (o) => {
+    u((e) => e.filter((r) => r !== o)), p({
       ...t,
       [o]: void 0
     });
-  }, v = (o, e) => {
-    f((r) => [...r, o]), C(e);
+  }, k = (o, e) => {
+    u((r) => [...r, o]), C(e);
   };
-  return /* @__PURE__ */ B(q, { children: [
-    b && /* @__PURE__ */ i(V, { ...b }),
-    m && /* @__PURE__ */ i(z, { ...m }),
+  return /* @__PURE__ */ v($, { children: [
+    b && /* @__PURE__ */ i(M, { ...b }),
+    m && /* @__PURE__ */ i(w, { ...m }),
     j.map((o) => /* @__PURE__ */ i(
-      w,
+      q,
       {
         id: g(o.name, o.id),
         showResultsLabel: A,
         onRemove: () => {
-          k(o.name);
+          L(o.name);
         },
         onChange: (e) => {
-          L(o.name, [e.target.value], o.optionType);
+          G(o.name, [e.target.value], o.optionType);
         },
         name: o.name,
         options: o.options,
@@ -66,12 +66,13 @@ const g = (n, l) => l || `toolbar-filter-${n}`, Q = ({
         optionType: o.optionType,
         removable: o.removable,
         getSelectedLabel: y,
-        buttonAltText: S
+        buttonAltText: S,
+        optionGroups: o.optionGroups
       },
       o.name
     )),
     (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ i(
-      $,
+      V,
       {
         id: "toolbar-filter-add",
         label: h,
@@ -82,7 +83,7 @@ const g = (n, l) => l || `toolbar-filter-${n}`, Q = ({
             title: o.label,
             name: o.name,
             onClick: () => {
-              v(o.name, e);
+              k(o.name, e);
             }
           };
         })