@altinn/altinn-components 0.52.2 → 0.52.4

package/dist/{FieldsetLegend-CiZWWPgY.js → fieldset-legend-B6lDmp0N.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
-import { L as i } from "./Label-9elsbqMH.js";
+import { L as i } from "./label-xTmTyPhk.js";
 const l = o(function(r, t) {
   return e(i, { asChild: !0, children: e("legend", { ref: t, ...r }) });
 });

package/dist/global.css

@@ -1,16 +1,16 @@
 @import "@digdir/designsystemet-css/index.css";
 @import "@digdir/designsystemet-theme";
 
-@import "./altinn-ds.css";
-@import "./altinn-ds-overrides.css";
-@import "./altinn-theme.css";
+@import "./tokens/design-tokens-build/theme.css";
 
-@import "./padding.css";
-@import "./spacing.css";
-@import "./shadow.css";
+@import "./data-theme.css";
+@import "./data-padding.css";
+@import "./data-spacing.css";
+@import "./data-shadow.css";
 
 * {
   font-family: "Inter", sans-serif;
-  font-feature-settings: "cv05" 1; /* Enable lowercase l with tail */
+  font-feature-settings: "cv05" 1;
+  /* Enable lowercase l with tail */
   box-sizing: border-box;
 }

package/dist/globalSearch.module-DziLSGZg.js

@@ -0,0 +1,9 @@
+import './assets/globalSearch.css';const t = "_globalSearch_1symm_1", s = "_searchInput_1symm_7", c = "_searchInputButton_1symm_11", n = "_searchButton_1symm_16", a = {
+  globalSearch: t,
+  searchInput: s,
+  searchInputButton: c,
+  searchButton: n
+};
+export {
+  a as s
+};

package/dist/{Heading-By5DKz2H.js → heading-C_XYsUfi.js}

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as m } from "react/jsx-runtime";
-import { S as a } from "./index-D8Pn8SCu.js";
+import { S as a } from "./index-D7FJjvrv.js";
 import { c as i } from "./lite-1fxw3LjI.js";
 import { forwardRef as f } from "react";
 const u = f(function({ level: o = 2, className: r, asChild: t, ...e }, n) {

package/dist/hooks/useAccountSelector.js

@@ -1,105 +1,104 @@
-import { jsx as W } from "react/jsx-runtime";
-import { useMemo as Y } from "react";
-import "../index-L8X2o7IH.js";
-import { IconButton as q } from "../components/Button/IconButton.js";
+import { jsx as w } from "react/jsx-runtime";
+import { useMemo as G } from "react";
+import "../index-p1eeF8LQ.js";
+import { IconButton as E } from "../components/Button/IconButton.js";
 import "../components/RootProvider/RootProvider.js";
-import { useIsDesktop as J } from "./useIsDesktop.js";
+import { useIsDesktop as R } from "./useIsDesktop.js";
 import "../components/Snackbar/useSnackbar.js";
-import { formatDisplayName as S } from "../functions/name/name.js";
-import { formatDate as K } from "../functions/date/date.js";
-import { S as Q, a as X } from "../HeartFill-CYSrJ_xK.js";
-const O = (t) => t === "Organization" ? "company" : "person", ro = ({
-  partyListDTO: t = [],
+import { formatDisplayName as P } from "../functions/name/name.js";
+import { formatDate as W } from "../functions/date/date.js";
+import { S as Y, a as q } from "../HeartFill-CYSrJ_xK.js";
+const k = (e) => e === "Organization" ? "company" : "person", rt = ({
+  partyListDTO: e = [],
   favoriteAccountUuids: o,
-  currentAccountUuid: f,
-  selfAccountUuid: m,
-  isLoading: d = !1,
-  onSelectAccount: v,
-  isVirtualized: h = !1,
-  onToggleFavorite: s,
-  languageCode: r
+  currentAccountUuid: u,
+  selfAccountUuid: d,
+  isLoading: f = !1,
+  onSelectAccount: p,
+  isVirtualized: g = !1,
+  onToggleFavorite: r,
+  languageCode: s
 }) => {
-  const i = J(), [c, _, b] = Y(() => {
-    var A, N;
-    if (d || !t || !m)
+  const i = R(), [c, v, _] = G(() => {
+    if (f || !e || !d)
       return [[], {}, void 0];
-    const n = (e) => o == null ? void 0 : o.includes(e), a = F(r), I = r || "nb", z = (e, u) => e.name.localeCompare(u.name, I, {
+    const n = (t) => o?.includes(t), m = N(s), h = s || "nb", I = (t, a) => t.name.localeCompare(a.name, h, {
       sensitivity: "base",
       ignorePunctuation: !0
-    }), B = t.find((e) => D(e.type) && e.partyUuid === m), P = [...t].filter((e) => D(e.type) && e.partyUuid !== m).sort(z), j = [...t].filter((e) => Z(e.type)).sort(z), H = g(
-      r,
-      B,
+    }), $ = e.find((t) => x(t.type) && t.partyUuid === d), S = [...e].filter((t) => x(t.type) && t.partyUuid !== d).sort(I), O = [...e].filter((t) => J(t.type)).sort(I), D = b(
+      s,
+      $,
       "favorites",
-      f,
+      u,
       !1,
-      s,
+      r,
       i,
       void 0,
       !0
-    ), k = P == null ? void 0 : P.map(
-      (e) => g(
-        r,
-        e,
-        e.partyUuid,
-        f,
-        n(e.partyUuid),
+    ), y = S?.map(
+      (t) => b(
         s,
+        t,
+        t.partyUuid,
+        u,
+        n(t.partyUuid),
+        r,
         i
       )
     ), l = [];
-    for (const e of j) {
-      const u = g(
-        r,
-        e,
-        e.partyUuid,
-        f,
-        n(e.partyUuid),
+    for (const t of O) {
+      const a = b(
         s,
+        t,
+        t.partyUuid,
+        u,
+        n(t.partyUuid),
+        r,
         i
       );
-      if (l.push(u), e.subunits && e.subunits.length > 0) {
-        const R = [...e.subunits].sort(z);
-        for (const $ of R) {
-          const U = g(
-            r,
-            $,
-            e.partyUuid,
-            f,
-            n($.partyUuid),
+      if (l.push(a), t.subunits && t.subunits.length > 0) {
+        const M = [...t.subunits].sort(I);
+        for (const z of M) {
+          const V = b(
             s,
+            z,
+            t.partyUuid,
+            u,
+            n(z.partyUuid),
+            r,
             i,
-            e
+            t
           );
-          l.push(U);
+          l.push(V);
         }
       }
     }
-    const M = k.reduce((e, u) => (n(u.id) && e.push({ ...u, groupId: "favorites" }), e), []), V = l.reduce((e, u) => (n(u.id) && e.push({ ...u, groupId: "favorites" }), e), []), w = [...M, ...V], x = [H, ...w, ...k, ...l], G = x.find((e) => (e == null ? void 0 : e.selected) === !0), E = {
-      [((A = l[0]) == null ? void 0 : A.groupId) || "company"]: {
-        title: a.account_orgs,
+    const F = y.reduce((t, a) => (n(a.id) && t.push({ ...a, groupId: "favorites" }), t), []), U = l.reduce((t, a) => (n(a.id) && t.push({ ...a, groupId: "favorites" }), t), []), B = [...F, ...U], A = [D, ...B, ...y, ...l], j = A.find((t) => t?.selected === !0), H = {
+      [l[0]?.groupId || "company"]: {
+        title: m.account_orgs,
         divider: !0
       },
-      [((N = k[0]) == null ? void 0 : N.groupId) || "person"]: {
-        title: a.account_persons,
+      [y[0]?.groupId || "person"]: {
+        title: m.account_persons,
         divider: !0
       },
       favorites: {
-        title: a.account_favorites,
+        title: m.account_favorites,
         divider: !0
       }
     };
-    return [x, E, G];
+    return [A, H, j];
   }, [
-    t,
-    m,
+    e,
+    d,
     o,
+    u,
     f,
-    d,
-    s,
     r,
+    s,
     i
   ]);
-  return d || !t || !b ? {
+  return f || !e || !_ ? {
     accountMenu: {
       items: [],
       groups: {},
@@ -108,72 +107,72 @@ const O = (t) => t === "Organization" ? "company" : "person", ro = ({
       },
       currentAccount: void 0
     },
-    loading: d
+    loading: f
   } : {
     accountMenu: {
       items: c,
-      groups: _,
-      isVirtualized: h,
-      onSelectAccount: v,
-      currentAccount: b
+      groups: v,
+      isVirtualized: g,
+      onSelectAccount: p,
+      currentAccount: _
     },
     loading: !1
   };
-}, g = (t, o, f, m, d, v, h, s, r) => {
-  const i = O((o == null ? void 0 : o.type) ?? ""), c = F(t), _ = S({
-    fullName: o == null ? void 0 : o.name,
+}, b = (e, o, u, d, f, p, g, r, s) => {
+  const i = k(o?.type ?? ""), c = N(e), v = P({
+    fullName: o?.name,
     type: i
-  }), b = s ? S({
-    fullName: s == null ? void 0 : s.name,
-    type: O((s == null ? void 0 : s.type) ?? ""),
+  }), _ = r ? P({
+    fullName: r?.name,
+    type: k(r?.type ?? ""),
     reverseNameOrder: !1
   }) : void 0;
   let n = "";
-  const a = i === "company" && s ? "subunit" : i;
-  switch (a) {
+  const m = i === "company" && r ? "subunit" : i;
+  switch (m) {
     case "company":
       n = `${c.org_no}: ${o.organizationNumber}`;
       break;
     case "person":
-      n = o != null && o.dateOfBirth ? `${c.birthdate}: ${K(o == null ? void 0 : o.dateOfBirth)}` : "";
+      n = o?.dateOfBirth ? `${c.birthdate}: ${W(o?.dateOfBirth)}` : "";
       break;
     case "subunit":
-      n = `↳ ${c.org_no}: ${o == null ? void 0 : o.organizationNumber}, ${c.subunit_of} ${b}`;
+      n = `↳ ${c.org_no}: ${o?.organizationNumber}, ${c.subunit_of} ${_}`;
       break;
     default:
       n = "";
   }
   return {
-    id: o == null ? void 0 : o.partyUuid,
+    id: o?.partyUuid,
     icon: {
-      name: _,
+      name: v,
       type: i,
-      isParent: !s,
-      isDeleted: o == null ? void 0 : o.isDeleted
+      isParent: !r,
+      isDeleted: o?.isDeleted
     },
-    name: _,
+    name: v,
     description: n,
-    groupId: f,
-    type: a,
-    selected: m === (o == null ? void 0 : o.partyUuid),
-    disabled: !!(o != null && o.onlyHierarchyElementWithNoAccess),
-    badge: r ? { label: c.you, color: "person" } : o.isDeleted && h ? { label: c.deleted, color: "neutral" } : void 0,
-    controls: !r && /* @__PURE__ */ W(
-      q,
+    groupId: u,
+    type: m,
+    selected: d === o?.partyUuid,
+    disabled: !!o?.onlyHierarchyElementWithNoAccess,
+    badge: s ? { label: c.you, color: "person" } : o.isDeleted && g ? { label: c.deleted, color: "neutral" } : void 0,
+    controls: !s && /* @__PURE__ */ w(
+      E,
       {
         rounded: !0,
         variant: "text",
-        icon: d ? Q : X,
-        iconAltText: d ? c.remove_from_favorites : c.add_to_favorites,
-        onClick: (I) => {
-          v && (I.stopPropagation(), v(o == null ? void 0 : o.partyUuid));
+        icon: f ? Y : q,
+        iconAltText: f ? c.remove_from_favorites : c.add_to_favorites,
+        onClick: (h) => {
+          p && (h.stopPropagation(), p(o?.partyUuid));
         },
         size: "xs"
       }
     )
   };
-}, Z = (t) => t === "Organization", D = (t) => t === "Person" || t === "SelfIdentified", F = (t) => {
-  switch (t) {
+}, J = (e) => e === "Organization", x = (e) => e === "Person" || e === "SelfIdentified", N = (e) => {
+  switch (e) {
     case "nn":
       return {
         account_orgs: "Virksemder",
@@ -216,5 +215,5 @@ const O = (t) => t === "Organization" ? "company" : "person", ro = ({
   }
 };
 export {
-  ro as useAccountSelector
+  rt as useAccountSelector
 };

package/dist/hooks/useClickOutside.js

@@ -1,14 +1,14 @@
 "use client";
 import { useEffect as u } from "react";
-const c = (t, e) => (u(() => {
-  const n = (r) => {
-    const o = r.target;
-    o.closest("button[data-context-menu-trigger]") || o.closest(".context-menu-trigger") || o.closest("button") || o.closest('[role="button"]') || t.current && !t.current.contains(r.target) && (e == null || e());
+const i = (t, o) => (u(() => {
+  const e = (r) => {
+    const n = r.target;
+    n.closest("button[data-context-menu-trigger]") || n.closest(".context-menu-trigger") || n.closest("button") || n.closest('[role="button"]') || t.current && !t.current.contains(r.target) && o?.();
   };
-  return document.addEventListener("mouseup", n), document.addEventListener("touchend", n), () => {
-    document.removeEventListener("mouseup", n), document.removeEventListener("touchend", n);
+  return document.addEventListener("mouseup", e), document.addEventListener("touchend", e), () => {
+    document.removeEventListener("mouseup", e), document.removeEventListener("touchend", e);
   };
-}, [e, t]), t);
+}, [o, t]), t);
 export {
-  c as useClickOutside
+  i as useClickOutside
 };

package/dist/hooks/useEnterKey.js

@@ -1,9 +1,9 @@
 "use client";
-import { useEffect as d } from "react";
-const s = (e) => {
-  d(() => {
-    const t = (u) => {
-      u.key === "Enter" && (e == null || e(u));
+import { useEffect as r } from "react";
+const u = (e) => {
+  r(() => {
+    const t = (n) => {
+      n.key === "Enter" && e?.(n);
     };
     return document.addEventListener("keydown", t, !0), () => {
       document.removeEventListener("keydown", t, !0);
@@ -11,5 +11,5 @@ const s = (e) => {
   }, [e]);
 };
 export {
-  s as useEnterKey
+  u as useEnterKey
 };

package/dist/hooks/useEscapeKey.js

@@ -1,9 +1,9 @@
 "use client";
-import { useEffect as r } from "react";
-const u = (e) => {
-  r(() => {
+import { useEffect as o } from "react";
+const c = (e) => {
+  o(() => {
     const t = (n) => {
-      n.key === "Escape" && (e == null || e());
+      n.key === "Escape" && e?.();
     };
     return document.addEventListener("keydown", t), () => {
       document.removeEventListener("keydown", t);
@@ -11,5 +11,5 @@ const u = (e) => {
   }, [e]);
 };
 export {
-  u as useEscapeKey
+  c as useEscapeKey
 };

package/dist/hooks/useMenu.js

@@ -1,56 +1,56 @@
 "use client";
-import { useState as w, useMemo as x, useCallback as k, useEffect as A } from "react";
-import { useEnterKey as D } from "./useEnterKey.js";
-const M = ({
-  items: s,
-  groups: p,
+import { useState as w, useMemo as x, useCallback as k, useEffect as m } from "react";
+import { useEnterKey as A } from "./useEnterKey.js";
+const L = ({
+  items: u,
+  groups: d,
   groupByKey: i,
-  keyboardEvents: a = !1,
-  sortGroupBy: v,
-  onSelect: l,
-  ref: c
+  keyboardEvents: c = !1,
+  sortGroupBy: p,
+  onSelect: v,
+  ref: l
 }) => {
-  const [d, u] = w(-1);
-  D((t) => {
-    if (a) {
-      const n = c && "current" in c ? c.current : null, e = n == null ? void 0 : n.querySelector('[data-active="true"]');
-      t.stopPropagation(), t.preventDefault(), e && (e.tagName === "A" && e.hasAttribute("href") ? e.click() : e.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), l == null || l();
+  const [a, o] = w(-1);
+  A((t) => {
+    if (c) {
+      const e = (l && "current" in l ? l.current : null)?.querySelector('[data-active="true"]');
+      t.stopPropagation(), t.preventDefault(), e && (e.tagName === "A" && e.hasAttribute("href") ? e.click() : e.dispatchEvent(new MouseEvent("click", { bubbles: !0 }))), v?.();
     }
   });
   const h = x(() => {
-    const t = s.reduce(
-      (e, o) => {
-        const r = i && o[i] ? o[i] : "ungrouped";
-        return e[r] = e[r] || [], e[r].push(o), e;
+    const t = u.reduce(
+      (e, s) => {
+        const r = i && s[i] ? s[i] : "ungrouped";
+        return e[r] = e[r] || [], e[r].push(s), e;
       },
       {}
-    ), n = Object.values(t).flat().filter((e) => !(e != null && e.disabled));
-    return Object.entries(t).sort(v || (() => 0)).map(([e, o]) => ({
-      items: o.map((r) => ({
+    ), n = Object.values(t).flat().filter((e) => !e?.disabled);
+    return Object.entries(t).sort(p || (() => 0)).map(([e, s]) => ({
+      items: s.map((r) => ({
         menuIndex: n.indexOf(r),
-        active: d === n.indexOf(r),
-        onMouseEnter: a ? () => {
-          u(n.indexOf(r));
+        active: a === n.indexOf(r),
+        onMouseEnter: c ? () => {
+          o(n.indexOf(r));
         } : void 0,
-        onMouseLeave: a ? () => {
-          u(-1);
+        onMouseLeave: c ? () => {
+          o(-1);
         } : void 0,
         props: r
       })),
       props: {
-        ...p[e] || {}
+        ...d[e] || {}
       }
     }));
-  }, [s, i, d, p]), f = k(
+  }, [u, i, a, d]), f = k(
     (t) => {
-      t.key === "ArrowDown" ? (t.preventDefault(), u((n) => (n + 1) % s.length)) : t.key === "ArrowUp" && (t.preventDefault(), u((n) => (n - 1 + s.length) % s.length));
+      t.key === "ArrowDown" ? (t.preventDefault(), o((n) => (n + 1) % u.length)) : t.key === "ArrowUp" && (t.preventDefault(), o((n) => (n - 1 + u.length) % u.length));
     },
-    [s.length]
+    [u.length]
   );
-  return A(() => (a && (u(0), document.addEventListener("keydown", f)), () => {
+  return m(() => (c && (o(0), document.addEventListener("keydown", f)), () => {
     document.removeEventListener("keydown", f);
-  }), [f, a]), { menu: h, activeIndex: d, setActiveIndex: u };
+  }), [f, c]), { menu: h, activeIndex: a, setActiveIndex: o };
 };
 export {
-  M as useMenu
+  L as useMenu
 };

package/dist/index-D7FJjvrv.js

@@ -0,0 +1,86 @@
+import * as i from "react";
+import { jsx as p, Fragment as g } from "react/jsx-runtime";
+function d(t, n) {
+  if (typeof t == "function")
+    return t(n);
+  t != null && (t.current = n);
+}
+function C(...t) {
+  return (n) => {
+    let r = !1;
+    const l = t.map((e) => {
+      const o = d(e, n);
+      return !r && typeof o == "function" && (r = !0), o;
+    });
+    if (r)
+      return () => {
+        for (let e = 0; e < l.length; e++) {
+          const o = l[e];
+          typeof o == "function" ? o() : d(t[e], null);
+        }
+      };
+  };
+}
+var E = /* @__PURE__ */ Symbol.for("react.lazy"), u = i[" use ".trim().toString()];
+function _(t) {
+  return typeof t == "object" && t !== null && "then" in t;
+}
+function S(t) {
+  return t != null && typeof t == "object" && "$$typeof" in t && t.$$typeof === E && "_payload" in t && _(t._payload);
+}
+// @__NO_SIDE_EFFECTS__
+function h(t) {
+  const n = /* @__PURE__ */ R(t), r = i.forwardRef((l, e) => {
+    let { children: o, ...s } = l;
+    S(o) && typeof u == "function" && (o = u(o._payload));
+    const a = i.Children.toArray(o), c = a.find($);
+    if (c) {
+      const f = c.props.children, b = a.map((y) => y === c ? i.Children.count(f) > 1 ? i.Children.only(null) : i.isValidElement(f) ? f.props.children : null : y);
+      return /* @__PURE__ */ p(n, { ...s, ref: e, children: i.isValidElement(f) ? i.cloneElement(f, void 0, b) : null });
+    }
+    return /* @__PURE__ */ p(n, { ...s, ref: e, children: o });
+  });
+  return r.displayName = `${t}.Slot`, r;
+}
+var I = /* @__PURE__ */ h("Slot");
+// @__NO_SIDE_EFFECTS__
+function R(t) {
+  const n = i.forwardRef((r, l) => {
+    let { children: e, ...o } = r;
+    if (S(e) && typeof u == "function" && (e = u(e._payload)), i.isValidElement(e)) {
+      const s = x(e), a = j(o, e.props);
+      return e.type !== i.Fragment && (a.ref = l ? C(l, s) : s), i.cloneElement(e, a);
+    }
+    return i.Children.count(e) > 1 ? i.Children.only(null) : null;
+  });
+  return n.displayName = `${t}.SlotClone`, n;
+}
+var m = /* @__PURE__ */ Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function P(t) {
+  const n = ({ children: r }) => /* @__PURE__ */ p(g, { children: r });
+  return n.displayName = `${t}.Slottable`, n.__radixId = m, n;
+}
+var V = /* @__PURE__ */ P("Slottable");
+function $(t) {
+  return i.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === m;
+}
+function j(t, n) {
+  const r = { ...n };
+  for (const l in n) {
+    const e = t[l], o = n[l];
+    /^on[A-Z]/.test(l) ? e && o ? r[l] = (...a) => {
+      const c = o(...a);
+      return e(...a), c;
+    } : e && (r[l] = e) : l === "style" ? r[l] = { ...e, ...o } : l === "className" && (r[l] = [e, o].filter(Boolean).join(" "));
+  }
+  return { ...t, ...r };
+}
+function x(t) {
+  let n = Object.getOwnPropertyDescriptor(t.props, "ref")?.get, r = n && "isReactWarning" in n && n.isReactWarning;
+  return r ? t.ref : (n = Object.getOwnPropertyDescriptor(t, "ref")?.get, r = n && "isReactWarning" in n && n.isReactWarning, r ? t.props.ref : t.props.ref || t.ref);
+}
+export {
+  I as S,
+  V as a
+};

package/dist/{index-D-VWMqlv.js → index-De5bF0Gf.js}

@@ -26,10 +26,10 @@ function p(r, l, e) {
           0,
           Math.min(120 - 120 * E, 120)
         )}deg 100% 31%);`,
-        e == null ? void 0 : e.key
+        e?.key
       );
     }
-    return (c = e == null ? void 0 : e.onChange) == null || c.call(e, t), t;
+    return (c = e?.onChange) == null || c.call(e, t), t;
   }
   return n.updateDeps = (i) => {
     s = i;
@@ -70,7 +70,7 @@ const T = (r, l) => Math.abs(r - l) <= 1, _ = (r, l, e) => {
   const n = new s.ResizeObserver((i) => {
     const o = () => {
       const a = i[0];
-      if (a != null && a.borderBoxSize) {
+      if (a?.borderBoxSize) {
         const c = a.borderBoxSize[0];
         if (c) {
           t({ width: c.inlineSize, height: c.blockSize });
@@ -111,7 +111,7 @@ const T = (r, l) => Math.abs(r - l) <= 1, _ = (r, l, e) => {
     e.removeEventListener("scroll", o), c && e.removeEventListener("scrollend", a);
   };
 }, F = (r, l, e) => {
-  if (l != null && l.borderBoxSize) {
+  if (l?.borderBoxSize) {
     const s = l.borderBoxSize[0];
     if (s)
       return Math.round(