@altinn/altinn-components 0.56.34 → 0.57.3

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

package/dist/components/Toolbar/ToolbarSearch.js

@@ -1,43 +1,10 @@
-import { jsx as h } from "react/jsx-runtime";
-import "../../index-p1eeF8LQ.js";
+import "react/jsx-runtime";
 import "react";
-import "../RootProvider/RootProvider.js";
+import "../../index-p1eeF8LQ.js";
+import { T } from "../../Section-xbt3ft20.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { S as l } from "../../SearchField-BU7Imhpe.js";
-const j = ({
-  value: r,
-  name: o,
-  placeholder: t = "Search",
-  loading: e,
-  collapsible: a,
-  clearButtonAltText: i = "Clear search",
-  onChange: p,
-  onClear: m,
-  onKeyDown: s,
-  menu: c,
-  minLength: f
-}) => /* @__PURE__ */ h(
-  l,
-  {
-    size: "xs",
-    value: r,
-    name: o,
-    placeholder: t,
-    clearButtonAltText: i,
-    onChange: p,
-    onClear: m,
-    onKeyDown: s,
-    collapsible: a,
-    autoComplete: "off",
-    autoCapitalize: "off",
-    type: "search",
-    minLength: f,
-    loading: e,
-    menu: c
-  }
-);
 export {
-  j as ToolbarSearch
+  T as ToolbarSearch
 };

package/dist/components/Toolbar/example.data.js

@@ -1,5 +1,4 @@
-import { S as c } from "../../InformationSquare-D3WAxfVw.js";
-import { S as o, a as I, b as m, c as p } from "../../Trash-DBcymOP9.js";
+import { S as c, a as o, b as I, c as m, d as p } from "../../Trash-BG9YcGIl.js";
 import { S as v } from "../../Eye-BrbjRZJp.js";
 import { S as b } from "../../MenuHamburger-YjDC-ncP.js";
 import { S as B, a as k, b as w, c as F } from "../../InboxFill-vGck_zM_.js";
@@ -272,7 +271,7 @@ const h = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAA
       title: "Mottatte meldinger"
     }
   ]
-}, R = [S, Q, X, V, M], T = R?.map((e) => ({
+}, R = [S, Q, X, V, M], P = R?.map((e) => ({
   ...e,
   removable: !0
 })), a = [
@@ -370,7 +369,7 @@ const h = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAA
       isParent: !e?.parentId
     }
   };
-}), U = {
+}), T = {
   label: a[0].title,
   items: a,
   searchable: !0,
@@ -418,20 +417,20 @@ const h = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAA
     icon: p,
     title: "Papirkurv"
   }
-], W = {
+], U = {
   label: i[0].title,
   items: i,
   size: "sm"
 };
 export {
-  U as accountMenu,
+  T as accountMenu,
   a as accountMenuItems,
   V as contentFilter,
   R as inboxFilters,
-  W as inboxMenu,
+  U as inboxMenu,
   i as inboxMenuItems,
   M as ownerFilter,
-  T as removableInboxFilters,
+  P as removableInboxFilters,
   X as seenByFilter,
   S as statusFilter,
   Q as timeFilter

package/dist/components/Toolbar/index.js

@@ -1,20 +1,19 @@
 import { Toolbar as e } from "./Toolbar.js";
 import { ToolbarFilter as l } from "./ToolbarFilter.js";
-import { ToolbarFilterMenu as f } from "./ToolbarFilterMenu.js";
-import { ToolbarSearch as x } from "./ToolbarSearch.js";
-import { ToolbarMenu as b } from "./ToolbarMenu.js";
+import { ToolbarFilterMenu as m } from "./ToolbarFilterMenu.js";
+import { y as p, T as x } from "../../Section-xbt3ft20.js";
 import { useFilter as T } from "./useFilter.js";
-import { SelectDateFilter as F } from "./SelectDateFilter.js";
-import { QueryLabel as n } from "./QueryLabel.js";
-import { QueryItem as M } from "./QueryLabelItem.js";
+import { SelectDateFilter as i } from "./SelectDateFilter.js";
+import { QueryLabel as s } from "./QueryLabel.js";
+import { QueryItem as c } from "./QueryLabelItem.js";
 export {
-  M as QueryItem,
-  n as QueryLabel,
-  F as SelectDateFilter,
+  c as QueryItem,
+  s as QueryLabel,
+  i as SelectDateFilter,
   e as Toolbar,
   l as ToolbarFilter,
-  f as ToolbarFilterMenu,
-  b as ToolbarMenu,
+  m as ToolbarFilterMenu,
+  p as ToolbarMenu,
   x as ToolbarSearch,
   T as useFilter
 };

package/dist/components/Transmission/Transmission.js

@@ -1,24 +1,22 @@
 "use client";
-import { jsx as t, jsxs as l, Fragment as x } from "react/jsx-runtime";
+import { jsx as e, jsxs as l, Fragment as x } from "react/jsx-runtime";
 import { useState as g } from "react";
 import { Badge as v } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import { AttachmentList as L } from "../Attachment/AttachmentList.js";
-import "../RootProvider/RootProvider.js";
-import { Typography as T } from "../Typography/Typography.js";
+import { o as S, S as T } from "../../Section-xbt3ft20.js";
+import { Typography as y } from "../Typography/Typography.js";
 import "../Button/Button.js";
 import "react-dom";
-import { SeenByLog as y } from "../Dialog/SeenByLog.js";
-import { ListItem as A } from "../List/ListItem.js";
+import { SeenByLog as A } from "../Dialog/SeenByLog.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as S } from "../Page/Section.js";
 import { TransmissionType as _ } from "./TransmissionType.js";
 import '../../assets/Transmission.css';const j = "_title_cy7ua_1", k = {
   title: j
-}, O = ({
+}, K = ({
   type: i,
   unread: o,
-  size: d = "xs",
+  size: p = "xs",
   color: c = "neutral",
   title: n,
   createdAt: w,
@@ -29,47 +27,47 @@ import '../../assets/Transmission.css';const j = "_title_cy7ua_1", k = {
   attachments: s,
   children: r,
   seenByLog: m,
-  ...p
+  ...d
 }) => {
-  const [e, u] = g(p.expanded || !1);
-  return /* @__PURE__ */ t(
-    A,
+  const [t, u] = g(d.expanded || !1);
+  return /* @__PURE__ */ e(
+    S,
     {
-      ...p,
+      ...d,
       icon: b,
-      badge: i && /* @__PURE__ */ t(_, { value: i?.value, label: i?.label }),
-      size: d,
+      badge: i && /* @__PURE__ */ e(_, { value: i?.value, label: i?.label }),
+      size: p,
       variant: o ? "subtle" : "default",
-      border: e ? "none" : "solid",
+      border: t ? "none" : "solid",
       shadow: "none",
       color: c,
       title: {
         as: "span",
         className: k.title,
         children: /* @__PURE__ */ l(x, { children: [
-          /* @__PURE__ */ t("h2", { children: n }),
-          o && /* @__PURE__ */ t(v, { variant: "tinted", size: "xs", ...f })
+          /* @__PURE__ */ e("h2", { children: n }),
+          o && /* @__PURE__ */ e(v, { variant: "tinted", size: "xs", ...f })
         ] }),
         weight: o ? "bold" : "normal"
       },
-      expanded: e,
-      selected: e,
+      expanded: t,
+      selected: t,
       onClick: () => u((h) => !h),
       collapsible: !0,
       linkIcon: !0,
       as: "button",
       ariaLabel: n,
-      children: /* @__PURE__ */ l(S, { padding: 4, spacing: 4, children: [
-        /* @__PURE__ */ l(T, { size: "md", children: [
-          a && /* @__PURE__ */ t("p", { children: a }),
-          e ? typeof r == "function" ? r() : r : null,
-          s?.items && /* @__PURE__ */ t(L, { ...s })
+      children: /* @__PURE__ */ l(T, { padding: 4, spacing: 4, children: [
+        /* @__PURE__ */ l(y, { size: "md", children: [
+          a && /* @__PURE__ */ e("p", { children: a }),
+          t ? typeof r == "function" ? r() : r : null,
+          s?.items && /* @__PURE__ */ e(L, { ...s })
         ] }),
-        m && /* @__PURE__ */ t(y, { ...m })
+        m && /* @__PURE__ */ e(A, { ...m })
       ] })
     }
   );
 };
 export {
-  O as Transmission
+  K as Transmission
 };

package/dist/components/Transmission/TransmissionList.js

@@ -1,20 +1,18 @@
-import { jsx as i, jsxs as s } from "react/jsx-runtime";
+import { jsx as i, jsxs as l } from "react/jsx-runtime";
 import { createElement as p } from "react";
 import "../../index-p1eeF8LQ.js";
-import "../RootProvider/RootProvider.js";
+import { p as e, B as a } from "../../Section-xbt3ft20.js";
 import "../Button/Button.js";
-import { Byline as a } from "../Byline/Byline.js";
 import "react-dom";
-import { List as o } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
 import { Transmission as c } from "./Transmission.js";
-const g = ({ items: t }) => t.length ? /* @__PURE__ */ i(o, { children: t.map((r, e) => {
-  const { datetime: n, byline: m, createdAtLabel: l } = r;
-  return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ s(o, { children: [
-    /* @__PURE__ */ i(a, { as: "li", datetime: n, children: m || l }),
-    /* @__PURE__ */ p(c, { ...r, key: e })
+const j = ({ items: t }) => t.length ? /* @__PURE__ */ i(e, { children: t.map((r, n) => {
+  const { datetime: o, byline: s, createdAtLabel: m } = r;
+  return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ l(e, { children: [
+    /* @__PURE__ */ i(a, { as: "li", datetime: o, children: s || m }),
+    /* @__PURE__ */ p(c, { ...r, key: n })
   ] }) }, r.id);
 }) }) : null;
 export {
-  g as TransmissionList
+  j as TransmissionList
 };

package/dist/components/Transmission/TransmissionType.js

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import { Badge as o } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../RootProvider/RootProvider.js";
+import "../../Section-xbt3ft20.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Typography/Heading.js

@@ -1,47 +1,12 @@
-"use client";
-import { jsx as a } from "react/jsx-runtime";
-import { c as f } from "../../index-p1eeF8LQ.js";
+import "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
 import "react";
-import { Skeleton as u } from "../Skeleton/Skeleton.js";
-import "../RootProvider/RootProvider.js";
-import { useHighlightedText as H } from "./useHighlightedText.js";
+import "../Skeleton/Skeleton.js";
+import { H as f } from "../../Section-xbt3ft20.js";
+import "./useHighlightedText.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Heading.css';const _ = "_heading_1dyne_1", w = {
-  heading: _
-}, z = ({
-  id: e,
-  loading: i,
-  highlightWords: o = [],
-  as: r = "h2",
-  size: t,
-  leading: n = "tight",
-  weight: d = "medium",
-  color: m,
-  variant: s,
-  maxRows: c,
-  className: h,
-  style: g,
-  children: l
-}) => {
-  const p = r, x = H(l, o || []);
-  return /* @__PURE__ */ a(
-    p,
-    {
-      id: e,
-      className: f(w.heading, h),
-      style: g,
-      "data-size": t,
-      "data-leading": n,
-      "data-weight": d,
-      "data-color": m,
-      "data-variant": t === "xxs" && "default" || s,
-      "data-max-rows": c,
-      children: /* @__PURE__ */ a(u, { loading: i, children: x })
-    }
-  );
-};
 export {
-  z as Heading
+  f as Heading
 };

package/dist/components/Typography/Typography.js

@@ -1,40 +1,40 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as g } from "../../index-p1eeF8LQ.js";
+import { c as h } from "../../index-p1eeF8LQ.js";
 import { Skeleton as l } from "../Skeleton/Skeleton.js";
 import { useHighlightedText as x } from "./useHighlightedText.js";
-import '../../assets/Typography.css';const f = "_typography_1h9tz_1", T = {
+import '../../assets/Typography.css';const f = "_typography_10nrc_1", T = {
   typography: f
-}, k = ({
+}, z = ({
   loading: o,
   loadingText: _ = "Loading ...",
   highlightWords: r,
   as: a = "div",
-  size: e = "md",
-  color: n,
+  size: n = "md",
+  color: e,
   variant: p,
   className: s,
-  style: i = {},
-  maxWidth: c,
+  style: c = {},
+  maxWidth: i,
   children: y,
   ...m
 }) => {
-  const d = a, h = x(y, r || []);
+  const d = a, g = x(y, r || []);
   return /* @__PURE__ */ t(
     d,
     {
-      className: g(T.typography, s),
+      className: h(T.typography, s),
       style: {
-        maxWidth: c,
-        ...i
+        maxWidth: i,
+        ...c
       },
-      "data-size": e,
-      "data-color": n,
+      "data-size": n,
+      "data-color": e,
       "data-variant": p,
       ...m,
-      children: /* @__PURE__ */ t(l, { loading: o, children: h })
+      children: /* @__PURE__ */ t(l, { loading: o, children: g })
     }
   );
 };
 export {
-  k as Typography
+  z as Typography
 };