@altinn/altinn-components 0.56.33 → 0.57.2

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

@@ -1,5 +1,4 @@
-import { S as m } from "../../InformationSquare-D3WAxfVw.js";
-import { S as o, a as p, b as I, c as b } from "../../Trash-DBcymOP9.js";
+import { S as m, a as o, b as p, c as I, d as b } from "../../Trash-BG9YcGIl.js";
 import { S as v } from "../../Eye-BrbjRZJp.js";
 import { S as h, a as k, b as S, c as f } from "../../InboxFill-vGck_zM_.js";
 const x = {
@@ -225,7 +224,7 @@ const x = {
       title: "Mottatte meldinger"
     }
   ]
-}, F = [x, B, y, N], C = F?.map((e) => ({
+}, F = [x, B, y, N], V = F?.map((e) => ({
   ...e,
   removable: !0
 })), n = [
@@ -307,7 +306,7 @@ const x = {
       isParent: !!e?.parentId
     }
   };
-}), U = {
+}), C = {
   label: n[0].title,
   items: n,
   groups: {
@@ -354,19 +353,19 @@ const x = {
     icon: b,
     title: "Papirkurv"
   }
-], D = {
+], U = {
   label: i[0].title,
   items: i,
   size: "md"
 };
 export {
-  U as accountMenu,
+  C as accountMenu,
   n as accountMenuItems,
   N as contentFilter,
   F as inboxFilters,
-  D as inboxMenu,
+  U as inboxMenu,
   i as inboxMenuItems,
-  C as removableInboxFilters,
+  V as removableInboxFilters,
   y as seenByFilter,
   x as statusFilter,
   B as timeFilter

package/dist/components/Menu/index.js

@@ -1,23 +1,22 @@
-import { M as t, a as o, b as n, V as u } from "../../SearchField-QTfebYdU.js";
-import { MenuItem as M } from "./MenuItem.js";
-import { MenuList as s } from "./MenuList.js";
-import { MenuListItem as a } from "./MenuListItem.js";
-import { MenuListGroup as x } from "./MenuListGroup.js";
-import { MenuListDivider as I } from "./MenuListDivider.js";
-import { MenuListHeading as b } from "./MenuListHeading.js";
-import { MenuOption as c } from "./MenuOption.js";
-import { TabMenu as h } from "./TabMenu.js";
+import { M as t, q as o, r as n, s, V as u } from "../../Section-jhq4n77E.js";
+import { MenuList as i } from "./MenuList.js";
+import { MenuListItem as p } from "./MenuListItem.js";
+import { MenuListGroup as f } from "./MenuListGroup.js";
+import { MenuListDivider as L } from "./MenuListDivider.js";
+import { MenuListHeading as d } from "./MenuListHeading.js";
+import { MenuOption as b } from "./MenuOption.js";
+import { TabMenu as g } from "./TabMenu.js";
 export {
   t as Menu,
-  M as MenuItem,
-  o as MenuItems,
-  s as MenuList,
-  I as MenuListDivider,
-  x as MenuListGroup,
-  b as MenuListHeading,
-  a as MenuListItem,
-  n as MenuListSearch,
-  c as MenuOption,
-  h as TabMenu,
+  o as MenuItem,
+  n as MenuItems,
+  i as MenuList,
+  L as MenuListDivider,
+  f as MenuListGroup,
+  d as MenuListHeading,
+  p as MenuListItem,
+  s as MenuListSearch,
+  b as MenuOption,
+  g as TabMenu,
   u as VirtualizedMenuItems
 };

package/dist/components/Menu/useMenuSearch.js

@@ -1,147 +1,6 @@
-"use client";
-import * as t from "react";
-import { useRootContext as Q } from "../RootProvider/RootProvider.js";
-import { S as z } from "../../InformationSquare-D3WAxfVw.js";
-const B = (u) => {
-  switch (u) {
-    case "nn":
-      return {
-        placeholder: "Søk ...",
-        hits: (e) => `${e} treff`,
-        selected: (e) => `${e} valt`,
-        noResults: "Ingen treff"
-      };
-    case "en":
-      return {
-        placeholder: "Search ...",
-        hits: (e) => `${e} hit${e === 1 ? "" : "s"}`,
-        selected: (e) => `${e} selected`,
-        noResults: "No results"
-      };
-    default:
-      return {
-        placeholder: "Søk ...",
-        hits: (e) => `${e} treff`,
-        selected: (e) => `${e} valgt`,
-        noResults: "Ingen treff"
-      };
-  }
-}, j = (u) => {
-  const e = /* @__PURE__ */ new Set(), l = [];
-  for (const d of u) {
-    const a = d.id;
-    if (!a) {
-      l.push(d);
-      continue;
-    }
-    e.has(a) || (e.add(a), l.push(d));
-  }
-  return l;
-}, K = ({
-  placeholder: u,
-  name: e,
-  onChange: l,
-  onClear: d,
-  clearButtonAltText: a,
-  items: i = [],
-  groups: M = {}
-}) => {
-  const { languageCode: I } = Q(), o = t.useMemo(() => B(I), [I]), [f, R] = t.useState(""), C = t.useCallback(
-    (s) => {
-      R(s.target.value), l?.(s);
-    },
-    [l]
-  ), w = t.useCallback(() => {
-    R(""), d?.();
-  }, [d]), h = t.useMemo(() => f.trim().replace(/\s+/g, " "), [f]), r = h.length > 0, y = t.useMemo(() => h.toLowerCase(), [h]), v = t.useMemo(() => h ? h.split(" ") : [], [h]), H = t.useMemo(
-    () => ({
-      placeholder: u ?? o.placeholder,
-      name: e ?? "search",
-      value: f,
-      onChange: C,
-      onClear: w,
-      clearButtonAltText: a
-    }),
-    [u, o.placeholder, e, f, C, w, a]
-  ), $ = t.useMemo(
-    () => i.map((s) => {
-      const c = s?.searchWords?.length ? s.searchWords : [s?.title, s?.description].filter(Boolean);
-      return {
-        ...s,
-        searchWords: c ?? []
-      };
-    }),
-    [i]
-  ), b = t.useMemo(
-    () => [
-      {
-        id: "emptySearch",
-        "aria-disabled": !0,
-        title: o.noResults,
-        groupId: "emptySearch",
-        icon: z,
-        size: "sm",
-        as: "div"
-      }
-    ],
-    [o.noResults]
-  ), k = t.useMemo(() => {
-    const s = i.filter((c) => c.groupId === "emptySearch").map((c) => ({ ...c, hidden: !1 }));
-    return s.length ? s : b;
-  }, [i, b]), { selectedItems: p, results: g } = t.useMemo(() => {
-    if (!r) return { selectedItems: [], results: [] };
-    const s = [], c = [];
-    for (const S of $)
-      S.checked === !0 && s.push({ ...S, groupId: "selected" }), (S.searchWords ?? []).some((G) => String(G).toLowerCase().includes(y)) && c.push({
-        ...S,
-        groupId: "search",
-        highlightWords: v
-      });
-    return { selectedItems: s, results: c };
-  }, [r, $, y, v]), n = g.length, m = p.length, q = t.useMemo(
-    () => ({
-      search: {
-        hidden: !0,
-        title: o.hits(n)
-      },
-      selected: {
-        hidden: !0,
-        title: o.selected(m)
-      },
-      emptySearch: {
-        hidden: !0,
-        title: o.noResults
-      },
-      ...M
-    }),
-    [o, n, m, M]
-  ), L = t.useMemo(
-    () => ({
-      ...q,
-      search: {
-        hidden: !r,
-        title: o.hits(n)
-      },
-      selected: {
-        hidden: m === 0,
-        title: o.selected(m)
-      },
-      emptySearch: {
-        hidden: r && (n > 0 || m > 0),
-        title: o.noResults
-      }
-    }),
-    [q, r, o, n, m]
-  ), W = t.useMemo(() => r ? j([...g, ...p]) : [], [r, g, p]), x = t.useMemo(() => [...k || [], ...p || []], [k, p]), N = t.useMemo(() => r ? n ? W : x : i, [r, i, n, W, x]);
-  return {
-    search: H,
-    results: g,
-    resultCount: n,
-    hasQuery: r,
-    items: N,
-    groups: L
-  };
-};
+import "react";
+import { O as p } from "../../Section-jhq4n77E.js";
+import "../../Trash-BG9YcGIl.js";
 export {
-  K as useMenuSearch
+  p as useMenuSearch
 };

package/dist/components/Metadata/MetaItem.js

@@ -1,30 +1,12 @@
-import { jsx as t, jsxs as M } from "react/jsx-runtime";
+import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import { u } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { Tooltip as i } from "../Tooltip/Tooltip.js";
-import { MetaItemBase as c } from "./MetaItemBase.js";
-import { MetaItemIcon as b } from "./MetaItemIcon.js";
-import { MetaItemLabel as h } from "./MetaItemLabel.js";
+import "./MetaItemBase.js";
+import "./MetaItemLabel.js";
 import "../Snackbar/useSnackbar.js";
-const y = ({
-  loading: m,
-  reverse: e,
-  size: r = "xs",
-  variant: o = "text",
-  icon: p,
-  children: f,
-  tooltip: x,
-  ...I
-}) => x ? /* @__PURE__ */ t(i, { placement: "bottom", content: x, children: /* @__PURE__ */ M(c, { loading: m, reverse: e, variant: o, size: r, ...I, children: [
-  !m && p && /* @__PURE__ */ t(b, { icon: p }),
-  /* @__PURE__ */ t(h, { variant: o, size: r, children: f })
-] }) }) : /* @__PURE__ */ M(c, { loading: m, reverse: e, variant: o, size: r, ...I, children: [
-  !m && p && /* @__PURE__ */ t(b, { icon: p }),
-  /* @__PURE__ */ t(h, { variant: o, size: r, children: f })
-] });
 export {
-  y as MetaItem
+  u as MetaItem
 };

package/dist/components/Metadata/MetaItemBase.js

@@ -1,34 +1,51 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as l } from "../../index-p1eeF8LQ.js";
+import { c as f } from "../../index-p1eeF8LQ.js";
 import { Skeleton as v } from "../Skeleton/Skeleton.js";
-import '../../assets/MetaItemBase.css';const x = "_item_ytjib_1", f = "_reverse_ytjib_27", t = {
-  item: x,
-  reverse: f
-}, g = ({
-  as: r,
-  loading: o,
-  reverse: s,
-  variant: a = "text",
-  size: m,
-  color: n,
-  progress: i,
-  datetime: c,
-  className: p,
-  children: d,
-  ..._
-}) => /* @__PURE__ */ e(
-  r || "span",
-  {
-    "data-size": m,
-    "data-color": n,
-    "data-variant": a,
-    "data-progress": i,
-    dateTime: c,
-    className: l(t.item, { [t.reverse]: s }, p),
-    ..._,
-    children: /* @__PURE__ */ e(v, { loading: o, children: d })
-  }
-);
+import { Tooltip as b } from "../Tooltip/Tooltip.js";
+import '../../assets/MetaItemBase.css';const T = "_item_1bd3n_1", h = "_reverse_1bd3n_28", t = {
+  item: T,
+  reverse: h
+}, j = ({
+  as: x,
+  loading: r,
+  reverse: a,
+  variant: o = "text",
+  size: s,
+  color: m,
+  progress: n,
+  datetime: i,
+  className: c,
+  tooltip: d,
+  children: p,
+  ...l
+}) => {
+  const _ = x || "span";
+  return d ? /* @__PURE__ */ e(b, { placement: "bottom", content: d, style: { zIndex: 2 }, children: /* @__PURE__ */ e(
+    _,
+    {
+      "data-size": s,
+      "data-color": m,
+      "data-variant": o,
+      "data-progress": n,
+      dateTime: i,
+      className: f(t.item, { [t.reverse]: a }, c),
+      ...l,
+      children: /* @__PURE__ */ e(v, { loading: r, children: p })
+    }
+  ) }) : /* @__PURE__ */ e(
+    _,
+    {
+      "data-size": s,
+      "data-color": m,
+      "data-variant": o,
+      "data-progress": n,
+      dateTime: i,
+      className: f(t.item, { [t.reverse]: a }, c),
+      ...l,
+      children: /* @__PURE__ */ e(v, { loading: r, children: p })
+    }
+  );
+};
 export {
-  g as MetaItemBase
+  j as MetaItemBase
 };

package/dist/components/Metadata/MetaItemIcon.js

@@ -1,26 +1,13 @@
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { isValidElement as p } from "react";
+import "react/jsx-runtime";
+import "react";
 import "../../index-p1eeF8LQ.js";
-import { isIconProps as i, Icon as m } from "../Icon/Icon.js";
-import { ProgressIcon as n } from "../Icon/ProgressIcon.js";
-import { isAvatarProps as c, Avatar as f } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as l, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
+import { t as n } from "../../Section-jhq4n77E.js";
+import "../Icon/ProgressIcon.js";
+import "../Avatar/Avatar.js";
+import "../Avatar/AvatarGroup.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MetaItemIcon.css';const _ = "_media_1x8z9_1", d = "_icon_1x8z9_10", v = "_avatarGroup_1x8z9_17", t = {
-  media: _,
-  icon: d,
-  avatarGroup: v
-};
-function x(r) {
-  return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || p(r);
-}
-const h = ({ size: r = "xs", icon: a, progress: s }) => !a && typeof s != "number" ? !1 : /* @__PURE__ */ e("span", { className: t.media, "data-size": r, children: [
-  c(a) && /* @__PURE__ */ o(f, { ...a, className: t.avatar }) || l(a) && /* @__PURE__ */ o(u, { ...a, className: t.avatarGroup }) || i(a) && /* @__PURE__ */ o(m, { ...a, className: t.icon }) || x(a) && a || /* @__PURE__ */ o(m, { svgElement: a, className: t.icon }),
-  s && /* @__PURE__ */ o(n, { value: s, className: t.icon })
-] });
 export {
-  h as MetaItemIcon
+  n as MetaItemIcon
 };

package/dist/components/Metadata/MetaProgress.js

@@ -1,21 +1,12 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import { v as g } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { Tooltip as x } from "../Tooltip/Tooltip.js";
-import { MetaItemBase as f } from "./MetaItemBase.js";
-import { MetaItemIcon as i } from "./MetaItemIcon.js";
-import { MetaItemLabel as n } from "./MetaItemLabel.js";
+import "./MetaItemBase.js";
+import "./MetaItemLabel.js";
 import "../Snackbar/useSnackbar.js";
-const L = ({ size: t = "xs", variant: m = "text", progress: r = 0, tooltip: e, children: p }) => e ? /* @__PURE__ */ o(x, { placement: "bottom", content: e, children: /* @__PURE__ */ c(f, { variant: m, size: t, children: [
-  /* @__PURE__ */ o(i, { size: t, progress: r }),
-  /* @__PURE__ */ o(n, { variant: m, size: t, children: p })
-] }) }) : /* @__PURE__ */ c(f, { variant: m, size: t, children: [
-  /* @__PURE__ */ o(i, { size: t, progress: r }),
-  /* @__PURE__ */ o(n, { variant: m, size: t, children: p })
-] });
 export {
-  L as MetaProgress
+  g as MetaProgress
 };

package/dist/components/Metadata/MetaTimestamp.js

@@ -1,29 +1,12 @@
-import { jsx as m, jsxs as s } from "react/jsx-runtime";
+import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import { w } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { Tooltip as b } from "../Tooltip/Tooltip.js";
-import { MetaItemBase as I } from "./MetaItemBase.js";
-import { MetaItemIcon as M } from "./MetaItemIcon.js";
-import { MetaItemLabel as c } from "./MetaItemLabel.js";
+import "./MetaItemBase.js";
+import "./MetaItemLabel.js";
 import "../Snackbar/useSnackbar.js";
-const q = ({
-  loading: r,
-  size: t = "xs",
-  variant: o = "text",
-  datetime: p,
-  icon: e,
-  tooltip: f,
-  children: x
-}) => f ? /* @__PURE__ */ m(b, { placement: "bottom", content: f, children: /* @__PURE__ */ s(I, { loading: r, as: "time", variant: o, datetime: p, size: t, children: [
-  !r && e && /* @__PURE__ */ m(M, { size: t, icon: e }),
-  /* @__PURE__ */ m(c, { variant: o, size: t, children: x })
-] }) }) : /* @__PURE__ */ s(I, { loading: r, as: "time", variant: o, datetime: p, size: t, children: [
-  !r && e && /* @__PURE__ */ m(M, { size: t, icon: e }),
-  /* @__PURE__ */ m(c, { variant: o, size: t, children: x })
-] });
 export {
-  q as MetaTimestamp
+  w as MetaTimestamp
 };

package/dist/components/Metadata/Metadata.js

@@ -1,25 +1,22 @@
 import { jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import { u as a, w as s, v as n } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { MetaItem as n } from "./MetaItem.js";
-import { MetaProgress as p } from "./MetaProgress.js";
-import { MetaTimestamp as a } from "./MetaTimestamp.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as c } from "../Page/Flex.js";
-const s = ({ type: e = "default", label: r, ...i }) => {
-  switch (e) {
+const p = ({ type: i = "default", label: r, ...e }) => {
+  switch (i) {
     case "progress":
-      return /* @__PURE__ */ t(p, { ...i, children: r });
+      return /* @__PURE__ */ t(n, { ...e, children: r });
     case "timestamp":
-      return /* @__PURE__ */ t(a, { ...i, children: r });
+      return /* @__PURE__ */ t(s, { ...e, children: r });
     default:
-      return /* @__PURE__ */ t(n, { ...i, children: r });
+      return /* @__PURE__ */ t(a, { ...e, children: r });
   }
-}, L = ({ variant: e = "inline", size: r, items: i = [] }) => /* @__PURE__ */ t(c, { as: "ul", direction: e === "list" ? "col" : "row", spacing: 2, children: i.map((o, m) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(s, { ...o, size: r }) }, "meta-" + m)) });
+}, I = ({ variant: i = "inline", size: r, items: e = [] }) => /* @__PURE__ */ t(c, { as: "ul", direction: i === "list" ? "col" : "row", spacing: 2, children: e.map((o, m) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(p, { ...o, size: r }) }, "meta-" + m)) });
 export {
-  s as MetaListItem,
-  L as Metadata
+  p as MetaListItem,
+  I as Metadata
 };

package/dist/components/Metadata/index.js

@@ -1,19 +1,16 @@
-import { MetaBase as o } from "./MetaBase.js";
-import { MetaItemBase as a } from "./MetaItemBase.js";
-import { MetaItemIcon as p } from "./MetaItemIcon.js";
-import { MetaItemLabel as f } from "./MetaItemLabel.js";
-import { MetaItem as s } from "./MetaItem.js";
-import { MetaProgress as i } from "./MetaProgress.js";
-import { MetaTimestamp as L } from "./MetaTimestamp.js";
-import { MetaListItem as c, Metadata as d } from "./Metadata.js";
+import { MetaBase as a } from "./MetaBase.js";
+import { MetaItemBase as o } from "./MetaItemBase.js";
+import { u as s, t as M, v as p, w as I } from "../../Section-jhq4n77E.js";
+import { MetaItemLabel as x } from "./MetaItemLabel.js";
+import { MetaListItem as B, Metadata as L } from "./Metadata.js";
 export {
-  o as MetaBase,
+  a as MetaBase,
   s as MetaItem,
-  a as MetaItemBase,
-  p as MetaItemIcon,
-  f as MetaItemLabel,
-  c as MetaListItem,
-  i as MetaProgress,
-  L as MetaTimestamp,
-  d as Metadata
+  o as MetaItemBase,
+  M as MetaItemIcon,
+  x as MetaItemLabel,
+  B as MetaListItem,
+  p as MetaProgress,
+  I as MetaTimestamp,
+  L as Metadata
 };

package/dist/components/Modal/Modal.js

@@ -1,24 +1,23 @@
-import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { Button as e } from "../Button/Button.js";
+import { E as e } from "../../Section-jhq4n77E.js";
+import { Button as n } from "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { ModalBase as n } from "./ModalBase.js";
-import { S as d } from "../../XMark-tKk6aExO.js";
+import { ModalBase as d } from "./ModalBase.js";
 import '../../assets/Modal.css';const l = "_dismiss_ps82p_1", c = {
   dismiss: l
-}, j = ({ open: t, onClose: i, dismissable: o, closeTitle: r, children: m, ...p }) => /* @__PURE__ */ a(n, { padding: 6, spacing: 6, ...p, open: t, onClose: i, children: [
-  typeof i == "function" && o && /* @__PURE__ */ s(
-    e,
+}, j = ({ open: t, onClose: s, dismissable: o, closeTitle: r, children: m, ...a }) => /* @__PURE__ */ p(d, { padding: 6, spacing: 6, ...a, open: t, onClose: s, children: [
+  typeof s == "function" && o && /* @__PURE__ */ i(
+    n,
     {
       className: c.dismiss,
       variant: "outline",
-      onClick: i,
+      onClick: s,
       "aria-label": r ?? "Close",
       size: "sm",
-      children: /* @__PURE__ */ s(d, { style: { fontSize: "1.5em" } })
+      children: /* @__PURE__ */ i(e, { style: { fontSize: "1.5em" } })
     }
   ),
   m