@altinn/altinn-components 0.56.34 → 0.57.2

package/dist/components/Menu/MenuItem.js

@@ -1,212 +1,13 @@
-"use client";
-import { jsxs as m, jsx as n, Fragment as z } from "react/jsx-runtime";
-import { c as A } from "../../index-p1eeF8LQ.js";
-import { Badge as C } from "../Badge/Badge.js";
-import { Icon as V } from "../Icon/Icon.js";
-import b, { forwardRef as X } from "react";
-import "../RootProvider/RootProvider.js";
+import "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
+import "../Badge/Badge.js";
+import { q as s } from "../../Section-jhq4n77E.js";
+import "react";
 import "../Button/Button.js";
 import "react-dom";
-import { ItemMedia as F } from "../Item/ItemMedia.js";
-import { ItemLabel as K } from "../Item/ItemLabel.js";
-import { ItemControls as q } from "../Item/ItemControls.js";
+import "../Item/ItemControls.js";
 import "../Snackbar/useSnackbar.js";
-import { pickAriaProps as Y } from "./aria.js";
-import { S as Z } from "../../Checkmark-Byz_C9x4.js";
-import { u as $ } from "../../useId-BVFxCjkq.js";
-import { S as T } from "../../ChevronRight-ANFWmIs1.js";
-import '../../assets/MenuItem.css';var W = function(t, s) {
-  var a = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && s.indexOf(e) < 0 && (a[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
-      s.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (a[e[r]] = t[e[r]]);
-  return a;
-};
-const tt = X((t, s) => {
-  var { title: a, titleId: e } = t, r = W(t, ["title", "titleId"]);
-  let o = $();
-  return o = a ? e || "title-" + o : void 0, b.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: s, "aria-labelledby": o }, r),
-    a ? b.createElement("title", { id: o }, a) : null,
-    b.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.75 12a.75.75 0 0 1 .75-.75h13a.75.75 0 1 1 0 1.5h-13a.75.75 0 0 1-.75-.75", clipRule: "evenodd" })
-  );
-}), et = "_item_h7sxa_3", at = "_media_h7sxa_136", it = "_label_h7sxa_157", rt = "_title_h7sxa_172", nt = "_description_h7sxa_176", ot = "_count_h7sxa_188", lt = "_linkIcon_h7sxa_196", i = {
-  item: et,
-  media: at,
-  label: it,
-  title: rt,
-  description: nt,
-  count: ot,
-  linkIcon: lt
-}, Nt = ({
-  id: t,
-  groupId: s,
-  role: a = "menuItem",
-  as: e,
-  href: r,
-  onClick: o,
-  onChange: v,
-  onKeyPress: y,
-  onMouseEnter: x,
-  size: I = "sm",
-  variant: g,
-  color: w,
-  name: D,
-  value: G,
-  checked: c,
-  icon: _,
-  label: h,
-  badge: p,
-  controls: N,
-  title: d,
-  description: O,
-  highlightWords: P,
-  count: f,
-  linkIcon: j = !1,
-  disabled: l,
-  selected: S,
-  active: E,
-  tabIndex: k = 0,
-  className: R,
-  "data-testid": B,
-  ...H
-}) => {
-  const L = typeof h == "function" ? h() : h, M = Y(H);
-  if (a === "checkbox" || a === "radio") {
-    const u = _ || (c ? Z : tt);
-    return /* @__PURE__ */ m(
-      "label",
-      {
-        ...M,
-        className: A(i.item, R),
-        id: t,
-        "data-id": t,
-        "data-group-id": s,
-        "data-size": I,
-        "data-variant": g,
-        "data-color": w,
-        "data-active": E,
-        role: a,
-        "aria-disabled": l,
-        "aria-checked": c,
-        "aria-selected": c,
-        "data-selected": c,
-        "aria-label": d,
-        "data-testid": B,
-        onKeyUp: (U) => {
-          l || (U.key === "Enter" && o?.(), y?.(U));
-        },
-        onClick: o,
-        onMouseEnter: x,
-        tabIndex: k,
-        children: [
-          /* @__PURE__ */ n(
-            "input",
-            {
-              name: D,
-              value: G,
-              type: a,
-              checked: !!c,
-              onChange: v,
-              readOnly: !v,
-              style: { opacity: 0, position: "absolute" },
-              tabIndex: -1
-            }
-          ),
-          /* @__PURE__ */ n(F, { icon: u, className: i.media }),
-          /* @__PURE__ */ n(
-            K,
-            {
-              className: i.label,
-              highlightWords: P,
-              title: /* @__PURE__ */ m(z, { children: [
-                d,
-                " ",
-                f && /* @__PURE__ */ n("i", { className: i.count, children: f })
-              ] }),
-              titleProps: {
-                weight: "medium",
-                className: i.title
-              },
-              description: O,
-              descriptionProps: {
-                weight: "normal",
-                variant: "subtle",
-                className: i.description
-              },
-              children: L
-            }
-          ),
-          /* @__PURE__ */ m(q, { children: [
-            p && /* @__PURE__ */ n(C, { ...p }),
-            !l && N
-          ] })
-        ]
-      }
-    );
-  }
-  const J = e || (r ? "a" : "button"), Q = j && T;
-  return /* @__PURE__ */ m(
-    J,
-    {
-      href: r,
-      className: A(i.item, R),
-      id: t,
-      "data-id": t,
-      "data-group-id": s,
-      "data-size": I,
-      "data-variant": g,
-      "data-color": w,
-      "data-active": E,
-      "aria-disabled": l,
-      ...l ? { disabled: l } : {},
-      "aria-selected": S,
-      "data-selected": S,
-      "aria-label": d,
-      "data-testid": B,
-      onKeyUp: (u) => {
-        l || (u.key === "Enter" && o?.(), y?.(u));
-      },
-      onClick: o,
-      onMouseEnter: x,
-      tabIndex: l ? -1 : k ?? 0,
-      role: a === "menuItem" ? "menuitem" : a,
-      ...M,
-      children: [
-        _ && /* @__PURE__ */ n(F, { icon: _, className: i.media }),
-        /* @__PURE__ */ n(
-          K,
-          {
-            className: i.label,
-            highlightWords: P,
-            title: /* @__PURE__ */ m(z, { children: [
-              d,
-              " ",
-              f && /* @__PURE__ */ n("i", { className: i.count, children: f })
-            ] }),
-            titleProps: {
-              weight: "medium",
-              className: i.title
-            },
-            description: O,
-            descriptionProps: {
-              variant: "subtle",
-              className: i.description
-            },
-            children: L
-          }
-        ),
-        /* @__PURE__ */ m(q, { children: [
-          p && /* @__PURE__ */ n(C, { ...p }),
-          !l && N,
-          j && /* @__PURE__ */ n(V, { svgElement: Q, className: i.linkIcon })
-        ] })
-      ]
-    }
-  );
-};
+import "./aria.js";
 export {
-  Nt as MenuItem
+  s as MenuItem
 };

package/dist/components/Menu/MenuItems.js

@@ -2,9 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
 import "../../hooks/useMenu.js";
-import { a as c } from "../../SearchField-BU7Imhpe.js";
-import "../RootProvider/RootProvider.js";
-import "./MenuItem.js";
+import { r as M } from "../../Section-jhq4n77E.js";
 import "./MenuList.js";
 import "./MenuListItem.js";
 import "./MenuListGroup.js";
@@ -14,5 +12,5 @@ import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 export {
-  c as MenuItems
+  M as MenuItems
 };

package/dist/components/Menu/MenuListSearch.js

@@ -1,11 +1,10 @@
 import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { b } from "../../SearchField-BU7Imhpe.js";
-import "../RootProvider/RootProvider.js";
+import { s as a } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 export {
-  b as MenuListSearch
+  a as MenuListSearch
 };

package/dist/components/Menu/MenuOption.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
-import { MenuItem as p } from "./MenuItem.js";
-const s = ({ name: o, type: r, value: e, checked: t = !1, ...m }) => /* @__PURE__ */ n(p, { ...m, name: o, role: r, value: e, checked: t });
+import { q as p } from "../../Section-jhq4n77E.js";
+const i = ({ name: o, type: r, value: e, checked: t = !1, ...m }) => /* @__PURE__ */ n(p, { ...m, name: o, role: r, value: e, checked: t });
 export {
-  s as MenuOption
+  i as MenuOption
 };

package/dist/components/Menu/TabMenu.js

@@ -1,16 +1,15 @@
 import { jsx as e } from "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
-import { MenuItem as o } from "./MenuItem.js";
-import "../RootProvider/RootProvider.js";
+import { q as l } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/TabMenu.css';const r = "_menu_1htwq_1", l = "_item_1htwq_28", a = "_link_1htwq_41", m = {
-  menu: r,
-  item: l,
+import '../../assets/TabMenu.css';const o = "_menu_1htwq_1", r = "_item_1htwq_28", a = "_link_1htwq_41", m = {
+  menu: o,
+  item: r,
   link: a
-}, q = ({ items: n = [], variant: i = "default", size: s = "sm" }) => /* @__PURE__ */ e("ul", { className: m.menu, "data-variant": i, children: n?.map((t) => /* @__PURE__ */ e("li", { className: m.item, "aria-selected": t.selected, children: /* @__PURE__ */ e(o, { ...t, className: m.link, variant: i, size: s }) }, t.id)) });
+}, q = ({ items: n = [], variant: i = "default", size: s = "sm" }) => /* @__PURE__ */ e("ul", { className: m.menu, "data-variant": i, children: n?.map((t) => /* @__PURE__ */ e("li", { className: m.item, "aria-selected": t.selected, children: /* @__PURE__ */ e(l, { ...t, className: m.link, variant: i, size: s }) }, t.id)) });
 export {
   q as TabMenu
 };

package/dist/components/Menu/VirtualizedMenuItems.js

@@ -2,9 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
 import "../../hooks/useMenu.js";
-import { V as I } from "../../SearchField-BU7Imhpe.js";
-import "../RootProvider/RootProvider.js";
-import "./MenuItem.js";
+import { V as x } from "../../Section-jhq4n77E.js";
 import "./MenuList.js";
 import "./MenuListItem.js";
 import "./MenuListGroup.js";
@@ -15,5 +13,5 @@ import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import "../../useMenuVirtualization-Cs426RCN.js";
 export {
-  I as VirtualizedMenuItems
+  x as VirtualizedMenuItems
 };

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-BU7Imhpe.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 "../RootProvider/RootProvider.js";
+import { u } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-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
 };