@altinn/altinn-components 0.56.33 → 0.57.2

package/dist/components/Toolbar/ToolbarFilter.js

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

package/dist/components/Toolbar/ToolbarFilterAddMenu.js

@@ -1,85 +1,65 @@
-"use client";
-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 { jsx as t, jsxs as h } from "react/jsx-runtime";
+import { useRef as a, useEffect as y } from "react";
+import { Button as v } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { Dropdown as O } from "../Dropdown/Dropdown.js";
-import "../RootProvider/RootProvider.js";
-import { M as I } from "../../SearchField-QTfebYdU.js";
-import { useDropdownMenuController as x } from "../Menu/useDropdownMenuController.js";
+import { g as w, M as x } from "../../Section-jhq4n77E.js";
+import { useDropdownMenuController as C } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
-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")
-    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
-      a.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (o[e[r]] = t[e[r]]);
-  return o;
-};
-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),
-    o ? u.createElement("title", { id: i }, o) : null,
-    u.createElement("path", { fill: "currentColor", d: "M12.75 5.5a.75.75 0 0 0-1.5 0v5.75H5.5a.75.75 0 0 0 0 1.5h5.75v5.75a.75.75 0 0 0 1.5 0v-5.75h5.75a.75.75 0 0 0 0-1.5h-5.75z" })
-  );
-}), H = ({
-  label: t = "Legg til filter",
-  items: a,
-  groups: o = {},
-  onAdd: e,
-  onToggle: r,
-  onClose: i,
-  open: n,
-  dropdownSize: p = "sm"
+import { S as R } from "../../Plus-Cj3oOc3N.js";
+const O = ({
+  label: d = "Legg til filter",
+  items: i,
+  groups: l = {},
+  onAdd: u,
+  onToggle: m,
+  onClose: c,
+  open: e,
+  dropdownSize: f = "sm"
 }) => {
-  const l = x({ id: "tool-filter-add" }), f = m(n), g = m(!1), c = a?.map((d) => ({
+  const r = C({ id: "tool-filter-add" }), n = a(e), p = a(!1), s = i?.map((o) => ({
     linkIcon: !0,
-    ...d,
-    onClick: () => e?.(d?.name ?? "")
+    ...o,
+    onClick: () => u?.(o?.name ?? "")
   }));
-  if (w(() => {
-    const d = f.current;
-    f.current = n, d && !n && l?.triggerRef?.current?.focus();
-  }, [n, l.triggerRef]), !c?.length)
+  if (y(() => {
+    const o = n.current;
+    n.current = e, o && !e && r?.triggerRef?.current?.focus();
+  }, [e, r.triggerRef]), !s?.length)
     return null;
-  const h = () => {
-    const d = document.getElementById(l.menuId);
-    g.current = !!d?.querySelector('[aria-haspopup="menu"][aria-expanded="true"]'), i();
+  const g = () => {
+    const o = document.getElementById(r.menuId);
+    p.current = !!o?.querySelector('[aria-haspopup="menu"][aria-expanded="true"]'), c();
   };
-  return /* @__PURE__ */ s(
-    O,
+  return /* @__PURE__ */ t(
+    w,
     {
       variant: "drawer-dropdown",
-      size: p,
-      trigger: /* @__PURE__ */ v(
-        b,
+      size: f,
+      trigger: /* @__PURE__ */ h(
+        v,
         {
           variant: "secondary",
           style: {
             borderStyle: "dashed"
           },
           "aria-haspopup": "menu",
-          "aria-expanded": n,
-          "aria-controls": n ? l.menuId : void 0,
-          onClick: r,
-          ref: l.triggerRef,
+          "aria-expanded": e,
+          "aria-controls": e ? r.menuId : void 0,
+          onClick: m,
+          ref: r.triggerRef,
           children: [
-            /* @__PURE__ */ s(C, { "aria-hidden": "true", focusable: "false" }),
-            /* @__PURE__ */ s("span", { children: t })
+            /* @__PURE__ */ t(R, { "aria-hidden": "true", focusable: "false" }),
+            /* @__PURE__ */ t("span", { children: d })
           ]
         }
       ),
-      open: n,
-      onClose: h,
-      ...l.dropdownA11yProps,
-      children: /* @__PURE__ */ s(I, { groups: o, items: c, maxLevels: 1, keyboardEvents: n, open: n, ...l.menuA11yProps })
+      open: e,
+      onClose: g,
+      ...r.dropdownA11yProps,
+      children: /* @__PURE__ */ t(x, { groups: l, items: s, maxLevels: 1, keyboardEvents: e, open: e, ...r.menuA11yProps })
     }
   );
 };
 export {
-  H as ToolbarFilterAddMenu
+  O as ToolbarFilterAddMenu
 };

package/dist/components/Toolbar/ToolbarFilterButton.js

@@ -2,45 +2,44 @@ import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { Button as t } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import { E as s, G as a } from "../../Section-jhq4n77E.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { Tooltip as s } from "../Tooltip/Tooltip.js";
+import { Tooltip as h } from "../Tooltip/Tooltip.js";
 import "../Snackbar/useSnackbar.js";
-import { ButtonGroup as c } from "../Button/ButtonGroup.js";
-import { ButtonGroupDivider as a } from "../Button/ButtonGroupDivider.js";
-import { S as h } from "../../XMark-tKk6aExO.js";
-import { S as b } from "../../ChevronUpDown-DqGsU4MC.js";
-function y({
-  name: e,
-  onClick: i,
-  removable: p,
-  removeLabel: d = "Fjern filter",
-  onRemove: u,
-  children: n,
-  open: f,
+import { ButtonGroup as b } from "../Button/ButtonGroup.js";
+import { ButtonGroupDivider as x } from "../Button/ButtonGroupDivider.js";
+function w({
+  disabled: e,
+  name: i,
+  onClick: n,
+  removable: d,
+  removeLabel: u = "Fjern filter",
+  onRemove: f,
+  children: p,
+  open: l,
   variant: o,
-  ref: l
+  ref: c
 }) {
-  return p ? /* @__PURE__ */ m(c, { variant: o, connected: !0, children: [
-    /* @__PURE__ */ r(t, { variant: o, onClick: i, "data-id": `filter-button-${e}`, "aria-expanded": f, ref: l, children: /* @__PURE__ */ r("span", { children: n }) }),
-    /* @__PURE__ */ r(a, { variant: o }),
-    /* @__PURE__ */ r(s, { content: d, children: /* @__PURE__ */ r(
+  return d ? /* @__PURE__ */ m(b, { disabled: e, variant: o, connected: !0, children: [
+    /* @__PURE__ */ r(t, { variant: o, onClick: n, "data-id": `filter-button-${i}`, "aria-expanded": l, ref: c, children: /* @__PURE__ */ r("span", { children: p }) }),
+    /* @__PURE__ */ r(x, { variant: o }),
+    /* @__PURE__ */ r(h, { content: u, children: /* @__PURE__ */ r(
       t,
       {
         variant: o,
-        onClick: u,
+        onClick: f,
         style: {
           borderLeft: "none",
           borderRadius: "0 .25em .25em 0"
         },
-        children: /* @__PURE__ */ r(h, { "aria-hidden": "true" })
+        children: /* @__PURE__ */ r(s, { "aria-hidden": "true" })
       }
     ) })
-  ] }) : /* @__PURE__ */ m(t, { variant: o, onClick: i, "data-id": `filter-button-${e}`, children: [
-    /* @__PURE__ */ r("span", { children: n }),
-    /* @__PURE__ */ r(b, {})
+  ] }) : /* @__PURE__ */ m(t, { disabled: e, variant: o, onClick: n, "data-id": `filter-button-${i}`, children: [
+    /* @__PURE__ */ r("span", { children: p }),
+    /* @__PURE__ */ r(a, {})
   ] });
 }
 export {
-  y as ToolbarFilterButton
+  w as ToolbarFilterButton
 };

package/dist/components/Toolbar/ToolbarFilterMenu.js

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

package/dist/components/Toolbar/ToolbarMenu.js

@@ -1,68 +1,10 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { Button as u } from "../Button/Button.js";
-import "../../index-p1eeF8LQ.js";
+import "react/jsx-runtime";
 import "react";
-import { Dropdown as b } from "../Dropdown/Dropdown.js";
-import "../RootProvider/RootProvider.js";
-import { M as f } from "../../SearchField-QTfebYdU.js";
-import { useDropdownMenuController as h } from "../Menu/useDropdownMenuController.js";
+import "../Button/Button.js";
+import "../../index-p1eeF8LQ.js";
+import { y as b } from "../../Section-jhq4n77E.js";
+import "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
-import { S as g } from "../../ChevronUpDown-DqGsU4MC.js";
-const I = ({
-  title: s = "Title",
-  label: i = "Label",
-  items: l = [],
-  dropdownSize: p = "sm",
-  id: t = "toolbar-menu",
-  onSelectId: m,
-  ...e
-}) => {
-  const o = h({ id: t, returnFocusOnClose: !0 }), a = e.searchable ? "combobox" : "menu", d = l.map((n) => ({
-    ...n,
-    onClick: () => {
-      m?.(n?.id ?? ""), n?.role !== "checkbox" && o.setOpen(!1);
-    }
-  }));
-  return /* @__PURE__ */ r(
-    b,
-    {
-      id: t,
-      variant: "drawer-dropdown",
-      title: s,
-      size: p,
-      trigger: /* @__PURE__ */ c(
-        u,
-        {
-          variant: "solid",
-          onClick: o.toggleMenu,
-          "aria-expanded": o.open,
-          "aria-haspopup": "menu",
-          "aria-controls": o.open ? o.menuId : void 0,
-          ref: o.triggerRef,
-          children: [
-            /* @__PURE__ */ r("span", { children: i }),
-            /* @__PURE__ */ r(g, { "aria-hidden": "true", focusable: "false" })
-          ]
-        }
-      ),
-      open: o.open,
-      onClose: () => o.setOpen(!1),
-      ...e?.searchable ? {} : o.dropdownA11yProps,
-      children: /* @__PURE__ */ r(
-        f,
-        {
-          ...e,
-          items: d,
-          keyboardEvents: o.open,
-          a11yMode: a,
-          open: o.open,
-          scrollToTopOnOpen: e.virtualized,
-          ...a === "combobox" ? { id: o.menuId } : o.menuA11yProps
-        }
-      )
-    }
-  );
-};
 export {
-  I as ToolbarMenu
+  b as ToolbarMenu
 };