@altinn/altinn-components 0.56.1 → 0.56.3

package/dist/components/Layout/Layout.js

@@ -1,57 +1,48 @@
 "use client";
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { LayoutBase as s } from "./LayoutBase.js";
-import { LayoutBody as y } from "./LayoutBody.js";
-import { LayoutContent as x } from "./LayoutContent.js";
-import { LayoutSidebar as L } from "./LayoutSidebar.js";
-import { Footer as a } from "../Footer/Footer.js";
-import { GlobalHeader as d } from "../GlobalHeader/GlobalHeader.js";
+import { LayoutBase as h } from "./LayoutBase.js";
+import { LayoutBody as a } from "./LayoutBody.js";
+import { LayoutContent as y } from "./LayoutContent.js";
+import { LayoutSidebar as d } from "./LayoutSidebar.js";
+import { Footer as x } from "../Footer/Footer.js";
+import { GlobalHeader as L } from "../GlobalHeader/GlobalHeader.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
-import { M as S } from "../../SearchField-BUp4_VIq.js";
+import { M as S } from "../../SearchField-CN2mo8ck.js";
 import { useRootContext as j } from "../RootProvider/RootProvider.js";
 import { Header as B } from "../Header/Header.js";
 import "../Snackbar/useSnackbar.js";
 import { InboxSearch as C } from "../InboxSearch/InboxSearch.js";
 import { SkipLink as F } from "../SkipLink/SkipLink.js";
-const O = ({
+const N = ({
   color: f,
-  theme: u = "subtle",
+  theme: l = "subtle",
   header: t,
-  footer: c,
+  footer: i,
   sidebar: o,
-  content: l = {},
-  children: h,
-  skipLink: p,
-  useGlobalHeader: n = !1
+  content: u = {},
+  children: s,
+  skipLink: c,
+  useGlobalHeader: e = !1
 }) => {
-  const { currentId: i } = j(), e = t && "search" in t ? t.search : void 0;
-  return /* @__PURE__ */ m(s, { color: f, theme: i === "accountFullscreen" ? "default" : u, currentId: i, children: [
-    p && /* @__PURE__ */ r(F, { ...p }),
-    t && (n ? /* @__PURE__ */ r(d, { ...t }) : /* @__PURE__ */ r(B, { ...t })),
-    /* @__PURE__ */ m(y, { currentId: i, children: [
-      o && /* @__PURE__ */ m(
-        L,
-        {
-          hidden: o?.hidden,
-          color: o?.color,
-          footer: o?.footer,
-          useGlobalHeader: n,
-          children: [
-            o?.menu && /* @__PURE__ */ r(S, { ...o?.menu }),
-            o?.children
-          ]
-        }
-      ),
-      /* @__PURE__ */ m(x, { color: l?.color, id: "main-content", children: [
-        n && e && /* @__PURE__ */ r(C, { search: e }),
-        h
+  const { currentId: n } = j(), p = t && "search" in t ? t.search : void 0;
+  return /* @__PURE__ */ m(h, { color: f, theme: n === "accountFullscreen" ? "default" : l, currentId: n, children: [
+    c && /* @__PURE__ */ r(F, { ...c }),
+    t && (e ? /* @__PURE__ */ r(L, { ...t }) : /* @__PURE__ */ r(B, { ...t })),
+    /* @__PURE__ */ m(a, { currentId: n, children: [
+      o && /* @__PURE__ */ m(d, { hidden: o?.hidden, color: o?.color, footer: o?.footer, children: [
+        o?.menu && /* @__PURE__ */ r(S, { ...o?.menu }),
+        o?.children
+      ] }),
+      /* @__PURE__ */ m(y, { color: u?.color, id: "main-content", children: [
+        e && p && /* @__PURE__ */ r(C, { search: p }),
+        s
       ] })
     ] }),
-    c && /* @__PURE__ */ r(a, { ...c })
+    i && /* @__PURE__ */ r(x, { ...i })
   ] });
 };
 export {
-  O as Layout
+  N as Layout
 };

package/dist/components/Layout/LayoutSidebar.js

@@ -1,28 +1,11 @@
-import { jsxs as i, jsx as c } from "react/jsx-runtime";
-import '../../assets/LayoutSidebar.css';const l = "_sidebar_16tee_1", n = "_footer_16tee_9", a = {
-  sidebar: l,
+import { jsxs as d, jsx as i } from "react/jsx-runtime";
+import '../../assets/LayoutSidebar.css';const c = "_sidebar_1yk7j_1", n = "_footer_1yk7j_9", a = {
+  sidebar: c,
   footer: n
-}, f = ({
-  color: s,
-  hidden: r = !1,
-  sticky: t,
-  children: o,
-  footer: e,
-  useGlobalHeader: d = !1
-}) => /* @__PURE__ */ i(
-  "aside",
-  {
-    className: a.sidebar,
-    "data-color": s,
-    "data-sticky": t,
-    "data-use-global-header": d,
-    "aria-hidden": r,
-    children: [
-      o,
-      e && /* @__PURE__ */ c("div", { className: a.footer, children: e })
-    ]
-  }
-);
+}, _ = ({ color: e, hidden: r = !1, sticky: o, children: t, footer: s }) => /* @__PURE__ */ d("aside", { className: a.sidebar, "data-color": e, "data-sticky": o, "aria-hidden": r, children: [
+  t,
+  s && /* @__PURE__ */ i("div", { className: a.footer, children: s })
+] });
 export {
-  f as LayoutSidebar
+  _ as LayoutSidebar
 };

package/dist/components/Menu/Menu.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { M as t } from "../../SearchField-BUp4_VIq.js";
+import { M as t } from "../../SearchField-CN2mo8ck.js";
 import "./useMenuSearch.js";
 export {
   t as Menu

package/dist/components/Menu/MenuItems.js

@@ -4,7 +4,7 @@ import "../../index-p1eeF8LQ.js";
 import "../../hooks/useMenu.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { a as b } from "../../SearchField-BUp4_VIq.js";
+import { a as b } from "../../SearchField-CN2mo8ck.js";
 import "./MenuItem.js";
 import "./MenuList.js";
 import "./MenuListItem.js";

package/dist/components/Menu/MenuListSearch.js

@@ -3,7 +3,7 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { b as s } from "../../SearchField-BUp4_VIq.js";
+import { b as s } from "../../SearchField-CN2mo8ck.js";
 import "../Snackbar/useSnackbar.js";
 export {
   s as MenuListSearch

package/dist/components/Menu/VirtualizedMenuItems.js

@@ -4,7 +4,7 @@ import "../../index-p1eeF8LQ.js";
 import "../../hooks/useMenu.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { V as z } from "../../SearchField-BUp4_VIq.js";
+import { V as z } from "../../SearchField-CN2mo8ck.js";
 import "./MenuItem.js";
 import "./MenuList.js";
 import "./MenuListItem.js";

package/dist/components/Menu/index.js

@@ -1,4 +1,4 @@
-import { M as t, a as o, b as n, V as u } from "../../SearchField-BUp4_VIq.js";
+import { M as t, a as o, b as n, V as u } from "../../SearchField-CN2mo8ck.js";
 import { MenuItem as M } from "./MenuItem.js";
 import { MenuList as s } from "./MenuList.js";
 import { MenuListItem as a } from "./MenuListItem.js";

package/dist/components/Searchbar/QueryLabel.js

@@ -1,12 +1,12 @@
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import '../../assets/QueryLabel.css';const n = "_label_1jqye_1", o = "_group_1jqye_25", p = "_plus_1jqye_31", m = "_item_1jqye_35", l = {
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import '../../assets/QueryLabel.css';const n = "_label_yf5z4_1", o = "_group_yf5z4_25", p = "_plus_yf5z4_31", m = "_item_yf5z4_35", l = {
   label: n,
   group: o,
   plus: p,
   item: m
-}, u = ({ type: e = "search", label: t }) => /* @__PURE__ */ s("span", { className: l.item, "data-type": e, children: t }), i = ({ params: e = [], size: t = "sm" }) => /* @__PURE__ */ s("div", { className: l.label, "data-size": t, children: e.map((r, a) => /* @__PURE__ */ c("div", { className: l.group, children: [
-  /* @__PURE__ */ s(u, { ...r }),
-  e[a + 1] && /* @__PURE__ */ s("span", { className: l.plus, children: "+" })
+}, u = ({ type: s = "search", label: t }) => /* @__PURE__ */ e("span", { className: l.item, "data-type": s, children: t }), i = ({ params: s = [], size: t = "sm" }) => /* @__PURE__ */ e("div", { className: l.label, "data-size": t, children: s.map((r, a) => /* @__PURE__ */ c("div", { className: l.group, children: [
+  /* @__PURE__ */ e(u, { ...r }),
+  s[a + 1] && /* @__PURE__ */ e("span", { className: l.plus, children: "+" })
 ] }, a)) });
 export {
   u as QueryItem,

package/dist/components/Toolbar/SelectDateFilter.js

@@ -1,6 +1,6 @@
 import { jsx as p } from "react/jsx-runtime";
 import { useState as b } from "react";
-import { M as g } from "../../SearchField-BUp4_VIq.js";
+import { M as g } from "../../SearchField-CN2mo8ck.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";

package/dist/components/Toolbar/ToolbarFilter.js

@@ -1,79 +1,78 @@
-import { jsxs as g, jsx as m } from "react/jsx-runtime";
-import { useState as C, createElement as M } from "react";
-import { Button as w } from "../Button/Button.js";
+import { jsxs as g, Fragment as f, jsx as l } from "react/jsx-runtime";
+import { useState as B, createElement as I } from "react";
+import { Button as L } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { useFilter as I } from "./useFilter.js";
-import { ButtonGroup as L } from "../Button/ButtonGroup.js";
-import { ToolbarFilterAddMenu as N } from "./ToolbarFilterAddMenu.js";
-import { ToolbarFilterMenu as O } from "./ToolbarFilterMenu.js";
+import { useFilter as N } from "./useFilter.js";
+import { ToolbarFilterAddMenu as O } from "./ToolbarFilterAddMenu.js";
+import { ToolbarFilterMenu as w } from "./ToolbarFilterMenu.js";
 import { S as y } from "../../XMark-tKk6aExO.js";
-const V = ({
+const U = ({
   filters: n,
   filterState: e = {},
   onFilterStateChange: r,
-  addLabel: u = "Legg til filter",
-  addNextLabel: b = "Legg til",
-  resetLabel: v = "Nullstill",
-  removeLabel: h = "Fjern filter",
-  submitLabel: F,
+  addLabel: b = "Legg til filter",
+  addNextLabel: v = "Legg til",
+  resetLabel: u = "Nullstill",
+  removeLabel: F = "Fjern filter",
+  submitLabel: h,
   getFilterLabel: T,
   virtualized: j
 }) => {
-  const { visibleFilters: l, hiddenFilters: s, onFilterAdd: x, onFilterChange: R, onFilterRemove: i } = I({
+  const { visibleFilters: m, hiddenFilters: s, onFilterAdd: R, onFilterChange: k, onFilterRemove: i } = N({
     filters: n,
     filterState: e,
     onFilterStateChange: r
-  }), f = (n?.filter((o) => o.removable)?.length || 0) > 0 && Object.values(e)?.some((o) => o && o?.length > 0), k = n?.filter((o) => o.removable)?.map((o) => o.name) ?? [], [a, d] = C(void 0), p = (o) => {
+  }), x = (n?.filter((o) => o.removable)?.length || 0) > 0 && Object.values(e)?.some((o) => o && o?.length > 0), A = n?.filter((o) => o.removable)?.map((o) => o.name) ?? [], [a, d] = B(void 0), p = (o) => {
     d((t) => t === o ? void 0 : o);
   }, c = () => {
     d(void 0);
-  }, A = () => {
-    for (const o of k)
+  }, C = () => {
+    for (const o of A)
       i(o);
     r?.({});
   };
-  return /* @__PURE__ */ g(L, { size: "xs", wrap: !0, children: [
-    l?.map((o, t) => {
-      const B = T?.(o?.name, e?.[o?.id]) ?? o?.label;
-      return /* @__PURE__ */ M(
-        O,
+  return /* @__PURE__ */ g(f, { children: [
+    m?.map((o, t) => {
+      const M = T?.(o?.name, e?.[o?.id]) ?? o?.label;
+      return /* @__PURE__ */ I(
+        w,
         {
           ...o,
-          submitLabel: F,
+          submitLabel: h,
           key: t,
           onToggle: () => p(o.name),
           onClose: c,
           open: a === o.name,
-          label: B,
+          label: M,
           onRemove: () => i(o.name),
-          removeLabel: h,
-          onFilterChange: R,
+          removeLabel: F,
+          onFilterChange: k,
           onFilterStateChange: r,
           filterState: e
         }
       );
     }),
-    s?.length > 0 && /* @__PURE__ */ m(
-      N,
+    s?.length > 0 && /* @__PURE__ */ l(
+      O,
       {
         name: "add",
         onToggle: () => p("add"),
         onClose: c,
         open: a === "add",
         items: s,
-        onAdd: x,
-        label: l?.length > 0 ? b : u,
+        onAdd: R,
+        label: m?.length > 0 ? v : b,
         virtualized: j
       }
     ),
-    f && /* @__PURE__ */ g(w, { onClick: A, variant: "ghost", children: [
-      /* @__PURE__ */ m(y, { "aria-hidden": "true" }),
-      /* @__PURE__ */ m("span", { children: v })
+    x && /* @__PURE__ */ g(L, { onClick: C, variant: "ghost", children: [
+      /* @__PURE__ */ l(y, { "aria-hidden": "true" }),
+      /* @__PURE__ */ l("span", { children: u })
     ] })
   ] });
 };
 export {
-  V as ToolbarFilter
+  U as ToolbarFilter
 };

package/dist/components/Toolbar/ToolbarFilterAddMenu.js

@@ -1,15 +1,15 @@
 "use client";
-import { jsx as s, jsxs as h } from "react/jsx-runtime";
-import u, { forwardRef as v, useRef as m, useEffect as y } from "react";
-import { Button as w } from "../Button/Button.js";
+import { jsx as s, jsxs as v } from "react/jsx-runtime";
+import u, { forwardRef as y, useRef as m, useEffect as w } from "react";
+import { Button as b } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { Dropdown as b } from "../Dropdown/Dropdown.js";
+import { Dropdown as O } from "../Dropdown/Dropdown.js";
 import "../RootProvider/RootProvider.js";
-import { M as O } from "../../SearchField-BUp4_VIq.js";
-import { useDropdownMenuController as I } from "../Menu/useDropdownMenuController.js";
+import { M as I } from "../../SearchField-CN2mo8ck.js";
+import { useDropdownMenuController as x } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
-import { u as x } from "../../useId-BVFxCjkq.js";
-var R = function(t, a) {
+import { u as R } from "../../useId-BVFxCjkq.js";
+var j = function(t, a) {
   var o = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (o[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -17,9 +17,9 @@ var R = function(t, a) {
       a.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (o[e[r]] = t[e[r]]);
   return o;
 };
-const j = v((t, a) => {
-  var { title: o, titleId: e } = t, r = R(t, ["title", "titleId"]);
-  let i = x();
+const C = y((t, a) => {
+  var { title: o, titleId: e } = t, r = j(t, ["title", "titleId"]);
+  let i = R();
   return i = o ? e || "title-" + i : void 0, u.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: a, "aria-labelledby": i }, r),
@@ -33,28 +33,30 @@ const j = v((t, a) => {
   onAdd: e,
   onToggle: r,
   onClose: i,
-  open: n
+  open: n,
+  dropdownSize: p = "sm"
 }) => {
-  const l = I({ id: "tool-filter-add" }), f = m(n), p = m(!1), c = a?.map((d) => ({
+  const l = x({ id: "tool-filter-add" }), f = m(n), g = m(!1), c = a?.map((d) => ({
     linkIcon: !0,
     ...d,
     onClick: () => e?.(d?.name ?? "")
   }));
-  if (y(() => {
+  if (w(() => {
     const d = f.current;
     f.current = n, d && !n && l?.triggerRef?.current?.focus();
   }, [n, l.triggerRef]), !c?.length)
     return null;
-  const g = () => {
+  const h = () => {
     const d = document.getElementById(l.menuId);
-    p.current = !!d?.querySelector('[aria-haspopup="menu"][aria-expanded="true"]'), i();
+    g.current = !!d?.querySelector('[aria-haspopup="menu"][aria-expanded="true"]'), i();
   };
   return /* @__PURE__ */ s(
-    b,
+    O,
     {
       variant: "drawer-dropdown",
-      trigger: /* @__PURE__ */ h(
-        w,
+      size: p,
+      trigger: /* @__PURE__ */ v(
+        b,
         {
           variant: "secondary",
           style: {
@@ -66,15 +68,15 @@ const j = v((t, a) => {
           onClick: r,
           ref: l.triggerRef,
           children: [
-            /* @__PURE__ */ s(j, { "aria-hidden": "true", focusable: "false" }),
+            /* @__PURE__ */ s(C, { "aria-hidden": "true", focusable: "false" }),
             /* @__PURE__ */ s("span", { children: t })
           ]
         }
       ),
       open: n,
-      onClose: g,
+      onClose: h,
       ...l.dropdownA11yProps,
-      children: /* @__PURE__ */ s(O, { groups: o, items: c, maxLevels: 1, keyboardEvents: n, open: n, ...l.menuA11yProps })
+      children: /* @__PURE__ */ s(I, { groups: o, items: c, maxLevels: 1, keyboardEvents: n, open: n, ...l.menuA11yProps })
     }
   );
 };

package/dist/components/Toolbar/ToolbarFilterMenu.js

@@ -1,116 +1,119 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useRef as T, useEffect as q } from "react";
+import { useRef as q, useEffect as G } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
-import { M as G } from "../../SearchField-BUp4_VIq.js";
-import { useDropdownMenuController as H } from "../Menu/useDropdownMenuController.js";
+import { M as H } from "../../SearchField-CN2mo8ck.js";
+import { useDropdownMenuController as J } from "../Menu/useDropdownMenuController.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Dropdown as A } from "../Dropdown/Dropdown.js";
-import { ToolbarFilterButton as I } from "./ToolbarFilterButton.js";
+import { Dropdown as I } from "../Dropdown/Dropdown.js";
+import { ToolbarFilterButton as R } from "./ToolbarFilterButton.js";
 const L = ({
-  as: R,
-  size: a,
+  as: F,
+  size: s,
   name: n,
-  label: s = "",
-  searchable: d,
+  label: a = "",
+  searchable: m,
   groups: f,
   items: l,
-  removable: F,
-  removeLabel: P = "Fjern filter",
-  filterState: m,
+  removable: P,
+  removeLabel: E = "Fjern filter",
+  filterState: d,
   onFilterStateChange: p,
-  onFilterChange: E,
-  onRemove: j,
+  onFilterChange: j,
+  onRemove: C,
   open: t,
   onToggle: g,
   onClose: u,
   submitLabel: v,
-  search: w,
-  virtualized: y,
+  search: y,
+  virtualized: w,
   title: b,
-  variant: C
+  variant: D,
+  dropdownSize: x = "sm"
 }) => {
-  const x = T(t), o = H({ id: "toolbar-filter-menu" });
-  q(() => {
-    const r = x.current;
-    x.current = t, r && !t && o?.triggerRef?.current?.focus();
+  const M = q(t), o = J({ id: "toolbar-filter-menu" });
+  G(() => {
+    const r = M.current;
+    M.current = t, r && !t && o?.triggerRef?.current?.focus();
   }, [t, o.triggerRef]);
-  const D = (r) => {
-    const c = r.target.type, V = r.target.name, B = r.target.value;
-    E?.(c, V, B), c === "radio" && u();
-  }, M = l?.map((r) => ({
+  const O = (r) => {
+    const c = r.target.type, B = r.target.name, T = r.target.value;
+    j?.(c, B, T), c === "radio" && u();
+  }, h = l?.map((r) => ({
     ...r,
-    onChange: (c) => D(c)
-  })), O = (l?.filter((r) => r.checked)?.map((r) => r.value || "true")).length > 0 || m?.[n]?.length, h = C || O ? "tinted" : "outline", k = R || G, i = d ? "combobox" : "menu";
-  return F ? /* @__PURE__ */ e(
-    A,
+    onChange: (c) => O(c)
+  })), V = (l?.filter((r) => r.checked)?.map((r) => r.value || "true")).length > 0 || d?.[n]?.length, k = D || V ? "tinted" : "outline", A = F || H, i = m ? "combobox" : "menu";
+  return P ? /* @__PURE__ */ e(
+    I,
     {
       submitLabel: v,
       title: b,
       variant: "drawer-dropdown",
+      size: x,
       trigger: /* @__PURE__ */ e(
-        I,
+        R,
         {
           name: n,
           onClick: g,
-          onRemove: j,
+          onRemove: C,
           removable: !0,
-          variant: h,
-          removeLabel: P,
+          variant: k,
+          removeLabel: E,
           open: t,
           "aria-expanded": t,
           "aria-controls": o.menuId,
           ref: o.triggerRef,
-          children: s
+          children: a
         }
       ),
       open: t,
       onClose: u,
       ...o.dropdownA11yProps,
       children: /* @__PURE__ */ e(
-        k,
+        A,
         {
-          search: w,
+          search: y,
           name: n,
-          filterState: m,
+          filterState: d,
           onFilterStateChange: p,
-          size: a,
-          searchable: d,
+          size: s,
+          searchable: m,
           groups: f,
-          items: M,
+          items: h,
           keyboardEvents: t,
           a11yMode: i,
           ...i === "combobox" ? { id: o.menuId } : o.menuA11yProps,
-          virtualized: y
+          virtualized: w
         }
       )
     }
   ) : /* @__PURE__ */ e(
-    A,
+    I,
     {
+      size: x,
       title: b,
       variant: "drawer-dropdown",
       submitLabel: v,
-      trigger: /* @__PURE__ */ e(I, { name: n, onClick: g, variant: h, children: s }),
+      trigger: /* @__PURE__ */ e(R, { name: n, onClick: g, variant: k, children: a }),
       open: t,
       onClose: u,
       ...o.dropdownA11yProps,
       children: /* @__PURE__ */ e(
-        k,
+        A,
         {
-          search: w,
+          search: y,
           name: n,
-          filterState: m,
+          filterState: d,
           onFilterStateChange: p,
-          size: a,
-          searchable: d,
+          size: s,
+          searchable: m,
           groups: f,
-          items: M,
+          items: h,
           keyboardEvents: t,
           a11yMode: i,
           ...i === "combobox" ? { id: o.menuId } : o.menuA11yProps,
-          virtualized: y
+          virtualized: w
         }
       )
     }