@altinn/altinn-components 0.59.1 → 0.60.2

package/dist/components/Toolbar/useFilter.js

@@ -1,39 +1,42 @@
 "use client";
-import { useState as g, useMemo as f, useEffect as h } from "react";
-const m = (l, c) => c || `toolbar-filter-${l}`, N = ({ filters: l = [], filterState: c, onFilterStateChange: u }) => {
-  const i = c || {}, d = typeof u == "function" ? u : () => {
-  }, [r, o] = g(
-    () => l.filter((e) => !e.removable || typeof i[e.name] < "u").map((e) => e.name)
+import { useState as h, useMemo as f, useEffect as p } from "react";
+const m = (n, o) => o || `toolbar-filter-${n}`, x = ({ filters: n = [], filterState: o, onFilterStateChange: u }) => {
+  const i = o || {}, c = typeof u == "function" ? u : () => {
+  }, [d, a] = h(
+    () => n.filter((e) => !e.removable || typeof i[e.name] < "u").map((e) => e.name)
   ), F = f(
-    () => r.map((e) => l.find((t) => t.name === e)).filter((e) => typeof e < "u"),
-    [l, r]
+    () => d.map((e) => n.find((t) => t.name === e)).filter((e) => typeof e < "u"),
+    [n, d]
   ), b = f(
-    () => l.filter((e) => !r.includes(e.name)),
-    [l, r]
+    () => n.filter((e) => !d.includes(e.name)),
+    [n, d]
   );
-  h(() => {
-    const e = l.filter((t) => !t.removable || typeof i[t.name] < "u").map((t) => t.name);
-    o((t) => {
-      const s = e.filter((n) => !t.includes(n));
-      return s.length === 0 ? t : [...t, ...s];
+  p(() => {
+    const e = n.filter((t) => !t.removable || typeof i[t.name] < "u").map((t) => t.name);
+    a((t) => {
+      const s = [
+        ...t.filter((l) => e.includes(l)),
+        ...e.filter((l) => !t.includes(l))
+      ];
+      return s.length === t.length && s.every((l, r) => l === t[r]) ? t : s;
     });
-  }, [l, i]);
+  }, [n, i]);
   const v = (e, t, s) => {
-    const n = [s];
-    d(e === "radio" ? {
+    const l = [s];
+    c(e === "radio" ? {
       ...i,
-      [t]: n
+      [t]: l
     } : {
       ...i,
-      [t]: i[t] ? i[t].some((a) => n.includes(String(a))) ? i[t].filter((a) => !(n || []).includes(String(a))) : [...i[t], ...n || []] : n
+      [t]: i[t] ? i[t].some((r) => l.includes(String(r))) ? i[t].filter((r) => !(l || []).includes(String(r))) : [...i[t], ...l || []] : l
     });
-  }, p = (e) => {
-    o((t) => t.filter((s) => s !== e)), d({
+  }, y = (e) => {
+    a((t) => t.filter((s) => s !== e)), c({
       ...i,
       [e]: void 0
     });
-  }, y = (e) => {
-    r.includes(e) || o((t) => [...t, e]), d({
+  }, g = (e) => {
+    d.includes(e) || a((t) => [...t, e]), c({
       ...i,
       [e]: i[e] ?? []
     }), requestAnimationFrame(() => {
@@ -55,10 +58,10 @@ const m = (l, c) => c || `toolbar-filter-${l}`, N = ({ filters: l = [], filterSt
       id: m(e.name, e.id)
     })),
     onFilterChange: v,
-    onFilterRemove: p,
-    onFilterAdd: y
+    onFilterRemove: y,
+    onFilterAdd: g
   };
 };
 export {
-  N as useFilter
+  x as useFilter
 };

package/dist/components/Transmission/Transmission.js

@@ -1,73 +1,75 @@
 "use client";
-import { jsx as e, jsxs as a, Fragment as x } from "react/jsx-runtime";
+import { jsx as t, jsxs as l, Fragment as x } from "react/jsx-runtime";
 import { useState as g } from "react";
-import { p as v, S as L, B as S } from "../../Section-BEuICoay.js";
+import { B as v } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../../index-p1eeF8LQ.js";
-import { AttachmentList as T } from "../Attachment/AttachmentList.js";
-import { Typography as y } from "../Typography/Typography.js";
+import { AttachmentList as L } from "../Attachment/AttachmentList.js";
+import { Typography as T } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { SeenByLog as A } from "../Dialog/SeenByLog.js";
+import { SeenByLog as y } from "../Dialog/SeenByLog.js";
+import { ListItem as A } from "../List/ListItem.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
-}, K = ({
+}, O = ({
   type: i,
   unread: o,
   size: d = "xs",
   color: c = "neutral",
-  title: l,
+  title: n,
   createdAt: w,
   createdAtLabel: z,
-  badge: b = { label: "Ulest" },
-  sender: f,
-  summary: n,
+  badge: f = { label: "Ulest" },
+  sender: b,
+  summary: a,
   attachments: s,
   children: r,
   seenByLog: m,
   ...p
 }) => {
-  const [t, u] = g(p.expanded || !1);
-  return /* @__PURE__ */ e(
-    v,
+  const [e, u] = g(p.expanded || !1);
+  return /* @__PURE__ */ t(
+    A,
     {
       ...p,
-      icon: f,
-      badge: i && /* @__PURE__ */ e(_, { value: i?.value, label: i?.label }),
+      icon: b,
+      badge: i && /* @__PURE__ */ t(_, { value: i?.value, label: i?.label }),
       size: d,
       variant: o ? "subtle" : "default",
-      border: t ? "none" : "solid",
+      border: e ? "none" : "solid",
       shadow: "none",
       color: c,
       title: {
         as: "span",
         className: k.title,
-        children: /* @__PURE__ */ a(x, { children: [
-          /* @__PURE__ */ e("h2", { children: l }),
-          o && /* @__PURE__ */ e(S, { variant: "tinted", size: "xs", ...b })
+        children: /* @__PURE__ */ l(x, { children: [
+          /* @__PURE__ */ t("h2", { children: n }),
+          o && /* @__PURE__ */ t(v, { variant: "tinted", size: "xs", ...f })
         ] }),
         weight: o ? "bold" : "normal"
       },
-      expanded: t,
-      selected: t,
+      expanded: e,
+      selected: e,
       onClick: () => u((h) => !h),
       collapsible: !0,
       linkIcon: !0,
       as: "button",
-      ariaLabel: l,
-      children: /* @__PURE__ */ a(L, { padding: 4, spacing: 4, children: [
-        /* @__PURE__ */ a(y, { size: "md", children: [
-          n && /* @__PURE__ */ e("p", { children: n }),
-          t ? typeof r == "function" ? r() : r : null,
-          s?.items && /* @__PURE__ */ e(T, { ...s })
+      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 })
         ] }),
-        m && /* @__PURE__ */ e(A, { ...m })
+        m && /* @__PURE__ */ t(y, { ...m })
       ] })
     }
   );
 };
 export {
-  K as Transmission
+  O as Transmission
 };

package/dist/components/Transmission/TransmissionList.js

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

package/dist/components/Transmission/TransmissionType.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { B as o } from "../../Section-BEuICoay.js";
+import { B as o } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Typography/Link.js";

package/dist/components/Typography/Heading.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Skeleton/Skeleton.js";
-import { H as g } from "../../Section-BEuICoay.js";
+import { H as g } from "../../ToolbarSearch-56Sm2j7P.js";
 import "./useHighlightedText.js";
 import "./Link.js";
 import "../Button/Button.js";

package/dist/components/Typography/Typography.js

@@ -2,35 +2,35 @@ import { jsx as t } from "react/jsx-runtime";
 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_10nrc_1", T = {
+import '../../assets/Typography.css';const f = "_typography_1kdaa_1", T = {
   typography: f
 }, z = ({
   loading: o,
   loadingText: _ = "Loading ...",
-  highlightWords: r,
-  as: a = "div",
-  size: n = "md",
-  color: e,
+  highlightWords: a,
+  as: r = "div",
+  size: e = "md",
+  color: n,
   variant: p,
   className: s,
-  style: c = {},
-  maxWidth: i,
+  style: i = {},
+  maxWidth: c,
   children: y,
-  ...m
+  ...d
 }) => {
-  const d = a, g = x(y, r || []);
+  const m = r, g = x(y, a || []);
   return /* @__PURE__ */ t(
-    d,
+    m,
     {
       className: h(T.typography, s),
       style: {
-        maxWidth: i,
-        ...c
+        maxWidth: c,
+        ...i
       },
-      "data-size": n,
-      "data-color": e,
+      "data-size": e,
+      "data-color": n,
       "data-variant": p,
-      ...m,
+      ...d,
       children: /* @__PURE__ */ t(l, { loading: o, children: g })
     }
   );

package/dist/components/Typography/index.js

@@ -1,5 +1,5 @@
 import { Typography as p } from "./Typography.js";
-import { H as a } from "../../Section-BEuICoay.js";
+import { H as a } from "../../ToolbarSearch-56Sm2j7P.js";
 import { Link as m } from "./Link.js";
 export {
   a as Heading,

package/dist/components/UserListItem/UserListItem.js

@@ -1,44 +1,46 @@
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { B as v, n as x, p as L } from "../../Section-BEuICoay.js";
+import { jsx as s, jsxs as h } from "react/jsx-runtime";
+import { B as p } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/UserListItem.css';const g = "_badges_1xfrv_1", p = "_label_1xfrv_12", o = {
-  badges: g,
-  label: p
-}, P = ({
-  name: a,
+import { ListItemLabel as v } from "../List/ListItemLabel.js";
+import { ListItem as x } from "../List/ListItem.js";
+import '../../assets/UserListItem.css';const L = "_badges_1xfrv_1", g = "_label_1xfrv_12", m = {
+  badges: L,
+  label: g
+}, k = ({
+  name: t,
   type: l,
   description: r,
-  roleNames: c,
-  titleAs: m = "h3",
+  roleNames: o,
+  titleAs: c = "h3",
   subUnit: b = !1,
-  loading: t = !1,
+  loading: a = !1,
   deleted: d = !1,
-  ...s
+  ...e
 }) => {
   const n = {
-    name: a,
+    name: t,
     type: l,
     isParent: l === "company" && !b,
     isDeleted: d
-  }, f = !t && c ? /* @__PURE__ */ e("div", { className: o.badges, children: c.map((i) => /* @__PURE__ */ e(v, { label: i, color: s.color, children: i }, i)) }) : void 0, _ = /* @__PURE__ */ h("div", { className: o.label, "data-size": s.size, children: [
-    /* @__PURE__ */ e(
-      x,
+  }, f = !a && o ? /* @__PURE__ */ s("div", { className: m.badges, children: o.map((i) => /* @__PURE__ */ s(p, { label: i, color: e.color, children: i }, i)) }) : void 0, _ = /* @__PURE__ */ h("div", { className: m.label, "data-size": e.size, children: [
+    /* @__PURE__ */ s(
+      v,
       {
-        title: { children: a, as: m },
+        title: { children: t, as: c },
         description: r,
-        size: s.size,
-        loading: t
+        size: e.size,
+        loading: a
       }
     ),
     f
   ] });
-  return /* @__PURE__ */ e(L, { icon: n, ariaLabel: a, label: _, description: r, loading: t, ...s });
+  return /* @__PURE__ */ s(x, { icon: n, ariaLabel: t, label: _, description: r, loading: a, ...e });
 };
 export {
-  P as UserListItem
+  k as UserListItem
 };