@altinn/altinn-components 0.18.9 → 0.19.1

package/dist/components/Timeline/index.js

@@ -1,8 +1,14 @@
-import { TimelineBase as o } from "./TimelineBase.js";
-import { TimelineSection as r } from "./TimelineSection.js";
-import { Timeline as t } from "./Timeline.js";
+import { Timeline as o } from "./Timeline.js";
+import { TimelineBase as m } from "./TimelineBase.js";
+import { TimelineSection as n } from "./TimelineSection.js";
+import { TimelineHeader as l } from "./TimelineHeader.js";
+import { TimelineFooter as x } from "./TimelineFooter.js";
+import { TimelineActivity as a } from "./TimelineActivity.js";
 export {
-  t as Timeline,
-  o as TimelineBase,
-  r as TimelineSection
+  o as Timeline,
+  a as TimelineActivity,
+  m as TimelineBase,
+  x as TimelineFooter,
+  l as TimelineHeader,
+  n as TimelineSection
 };

package/dist/components/Toolbar/ToolbarAccountMenu.js

@@ -2,12 +2,12 @@ import { jsxs as f, jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { useRootContext as n } from "../RootProvider/RootProvider.js";
-import { ToolbarButton as x } from "./ToolbarButton.js";
-import { ToolbarFilterBase as T } from "./ToolbarFilterBase.js";
-import { DrawerOrDropdown as b } from "../Dropdown/DrawerOrDropdown.js";
-import { AccountMenu as g } from "../GlobalMenu/AccountMenu.js";
+import { DrawerOrDropdown as x } from "../Dropdown/DrawerOrDropdown.js";
+import { AccountMenu as T } from "../GlobalMenu/AccountMenu.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
+import { ToolbarButton as b } from "./ToolbarButton.js";
+import { ToolbarFilterBase as g } from "./ToolbarFilterBase.js";
 const y = ({
   currentAccount: o,
   id: i = "toolbar-accounts",
@@ -15,10 +15,10 @@ const y = ({
   ...e
 }) => {
   const { currentId: s, toggleId: l, closeAll: p } = n(), a = () => l(i), t = s === i;
-  return /* @__PURE__ */ f(T, { expanded: t, children: [
-    /* @__PURE__ */ m(x, { type: "switch", onToggle: a, active: !!o, children: o == null ? void 0 : o.name }),
-    /* @__PURE__ */ m(b, { open: t, drawerTitle: "Endre konto", onClose: p, children: /* @__PURE__ */ m(
-      g,
+  return /* @__PURE__ */ f(g, { expanded: t, children: [
+    /* @__PURE__ */ m(b, { type: "switch", onToggle: a, active: !!o, children: o == null ? void 0 : o.name }),
+    /* @__PURE__ */ m(x, { open: t, drawerTitle: "Endre konto", onClose: p, children: /* @__PURE__ */ m(
+      T,
       {
         ...e,
         onSelectAccount: (d) => {

package/dist/components/Toolbar/ToolbarAdd.js

@@ -2,17 +2,17 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { useRootContext as d } from "../RootProvider/RootProvider.js";
-import { ToolbarButton as s } from "./ToolbarButton.js";
-import { ToolbarFilterBase as c } from "./ToolbarFilterBase.js";
-import { Menu as a } from "../Menu/Menu.js";
-import { DrawerOrDropdown as g } from "../Dropdown/DrawerOrDropdown.js";
+import { DrawerOrDropdown as s } from "../Dropdown/DrawerOrDropdown.js";
+import { Menu as c } from "../Menu/Menu.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
+import { ToolbarButton as a } from "./ToolbarButton.js";
+import { ToolbarFilterBase as g } from "./ToolbarFilterBase.js";
 const D = ({ label: r = "Legg til", items: n, id: t }) => {
   const { closeAll: l, currentId: m, toggleId: i } = d(), e = m === t;
-  return /* @__PURE__ */ p(c, { expanded: e, children: [
-    /* @__PURE__ */ o(s, { type: "add", onToggle: () => i(t), children: r }),
-    /* @__PURE__ */ o(g, { drawerTitle: r, onClose: l, open: e, children: /* @__PURE__ */ o(a, { color: "neutral", items: n }) })
+  return /* @__PURE__ */ p(g, { expanded: e, children: [
+    /* @__PURE__ */ o(a, { type: "add", onToggle: () => i(t), children: r }),
+    /* @__PURE__ */ o(s, { drawerTitle: r, onClose: l, open: e, children: /* @__PURE__ */ o(c, { color: "neutral", items: n }) })
   ] });
 };
 export {

package/dist/components/Toolbar/ToolbarDaterange.js

@@ -2,13 +2,13 @@ import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import { useState as m } from "react";
 import "../../index-L8X2o7IH.js";
 import { useRootContext as F } from "../RootProvider/RootProvider.js";
-import { ToolbarButton as x } from "./ToolbarButton.js";
-import { ToolbarFilterBase as S } from "./ToolbarFilterBase.js";
+import { DrawerOrDropdown as x } from "../Dropdown/DrawerOrDropdown.js";
 import { MenuInputField as p } from "../Menu/MenuInputField.js";
-import { MenuBase as w } from "../Menu/MenuBase.js";
-import { DrawerOrDropdown as y } from "../Dropdown/DrawerOrDropdown.js";
+import { MenuBase as S } from "../Menu/MenuBase.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
+import { ToolbarButton as w } from "./ToolbarButton.js";
+import { ToolbarFilterBase as y } from "./ToolbarFilterBase.js";
 import { Datepicker as B } from "../Datepicker/Datepicker.js";
 import '../../assets/ToolbarDaterange.css';const I = "_datepicker_ud6cb_1", N = "_fields_ud6cb_6", j = "_description_ud6cb_10", c = {
   datepicker: I,
@@ -30,9 +30,9 @@ import '../../assets/ToolbarDaterange.css';const I = "_datepicker_ud6cb_1", N =
   }, v = (e) => {
     s ? (r(e), a("")) : t && e < t ? (a(t), r(e)) : t ? a(e) : r(e);
   };
-  return /* @__PURE__ */ n(S, { expanded: d, children: [
-    /* @__PURE__ */ o(x, { type: "switch", onToggle: l, active: !!b, children: D }),
-    /* @__PURE__ */ o(y, { open: d, drawerTitle: f, onClose: l, children: /* @__PURE__ */ n(w, { children: [
+  return /* @__PURE__ */ n(y, { expanded: d, children: [
+    /* @__PURE__ */ o(w, { type: "switch", onToggle: l, active: !!b, children: D }),
+    /* @__PURE__ */ o(x, { open: d, drawerTitle: f, onClose: l, children: /* @__PURE__ */ n(S, { children: [
       /* @__PURE__ */ n("div", { className: c.fields, children: [
         /* @__PURE__ */ o(
           p,

package/dist/components/Toolbar/ToolbarFilter.js

@@ -2,11 +2,11 @@ import { jsxs as j, jsx as s } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { useRootContext as B } from "../RootProvider/RootProvider.js";
-import { ToolbarButton as C } from "./ToolbarButton.js";
-import { ToolbarFilterBase as O } from "./ToolbarFilterBase.js";
-import { DrawerOrDropdown as k } from "../Dropdown/DrawerOrDropdown.js";
+import { DrawerOrDropdown as C } from "../Dropdown/DrawerOrDropdown.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
+import { ToolbarButton as O } from "./ToolbarButton.js";
+import { ToolbarFilterBase as k } from "./ToolbarFilterBase.js";
 import { ToolbarOptions as D } from "./ToolbarOptions.js";
 const F = (p, o) => Array.isArray(o) ? o.join(", ") : o, J = ({
   removable: p,
@@ -30,9 +30,9 @@ const F = (p, o) => Array.isArray(o) ? o.join(", ") : o, J = ({
       checked: Array.isArray(r) ? r.includes(i.value) : i.value === r
     })
   ), x = (n == null ? void 0 : n(t, r)) ?? F(t, r), c = () => T(e), l = u === e;
-  return /* @__PURE__ */ j(O, { expanded: l, children: [
+  return /* @__PURE__ */ j(k, { expanded: l, children: [
     /* @__PURE__ */ s(
-      C,
+      O,
       {
         type: "select",
         removable: p,
@@ -44,7 +44,7 @@ const F = (p, o) => Array.isArray(o) ? o.join(", ") : o, J = ({
       }
     ),
     /* @__PURE__ */ s(
-      k,
+      C,
       {
         open: l,
         drawerTitle: o,

package/dist/components/Toolbar/ToolbarMenu.js

@@ -2,17 +2,17 @@ import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { useRootContext as u } from "../RootProvider/RootProvider.js";
-import { ToolbarButton as f } from "./ToolbarButton.js";
-import { ToolbarFilterBase as x } from "./ToolbarFilterBase.js";
-import { Menu as T } from "../Menu/Menu.js";
-import { DrawerOrDropdown as b } from "../Dropdown/DrawerOrDropdown.js";
+import { DrawerOrDropdown as f } from "../Dropdown/DrawerOrDropdown.js";
+import { Menu as x } from "../Menu/Menu.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
+import { ToolbarButton as T } from "./ToolbarButton.js";
+import { ToolbarFilterBase as b } from "./ToolbarFilterBase.js";
 const v = ({ label: e, value: n, groups: m, search: i, items: l, id: r = "toolbar-menu" }) => {
   const { currentId: p, toggleId: s, closeAll: c } = u(), a = () => s(r), t = p === r;
-  return /* @__PURE__ */ d(x, { expanded: t, children: [
-    /* @__PURE__ */ o(f, { type: "switch", onToggle: a, active: !!n, children: e }),
-    /* @__PURE__ */ o(b, { open: t, drawerTitle: "Endre konto", onClose: c, children: /* @__PURE__ */ o(T, { groups: m, search: i, items: l }) })
+  return /* @__PURE__ */ d(b, { expanded: t, children: [
+    /* @__PURE__ */ o(T, { type: "switch", onToggle: a, active: !!n, children: e }),
+    /* @__PURE__ */ o(f, { open: t, drawerTitle: "Endre konto", onClose: c, children: /* @__PURE__ */ o(x, { groups: m, search: i, items: l }) })
   ] });
 };
 export {

package/dist/components/Transmission/Transmission.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import { useState as x } from "react";
+import "../../index-L8X2o7IH.js";
+import { AttachmentList as a } from "../Attachment/AttachmentList.js";
+import { Byline as y } from "../Byline/Byline.js";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import { ListItem as g } from "../List/ListItem.js";
+import "../Snackbar/useSnackbar.js";
+import { Section as h } from "../Page/Section.js";
+import { Typography as b } from "../Typography/Typography.js";
+const w = ({
+  size: p = "xs",
+  theme: m = "subtle",
+  color: e = "neutral",
+  type: j,
+  createdAt: k,
+  createdAtLabel: l,
+  badge: n,
+  sender: i,
+  summary: c,
+  attachments: r,
+  ...s
+}) => {
+  const [d, f] = x(!1);
+  return /* @__PURE__ */ o(
+    g,
+    {
+      ...s,
+      avatar: i,
+      badge: n,
+      size: p,
+      theme: m,
+      color: e,
+      expanded: d,
+      onClick: () => f((u) => !u),
+      collapsible: !0,
+      linkIcon: !0,
+      children: /* @__PURE__ */ t(h, { padding: 4, children: [
+        /* @__PURE__ */ t(y, { children: [
+          /* @__PURE__ */ o("strong", { children: (i == null ? void 0 : i.name) + ", " }),
+          " ",
+          l
+        ] }),
+        /* @__PURE__ */ t(b, { size: "md", children: [
+          /* @__PURE__ */ o("p", { children: c }),
+          (r == null ? void 0 : r.items) && /* @__PURE__ */ o(a, { ...r })
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  w as Transmission
+};

package/dist/components/Transmission/TransmissionList.js

@@ -1,12 +1,19 @@
-import { jsx as o } from "react/jsx-runtime";
-import { createElement as i } from "react";
+import { jsx as i, jsxs as l } from "react/jsx-runtime";
+import { createElement as p } from "react";
 import "../../index-L8X2o7IH.js";
+import { Byline as a } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
-import { TransmissionItem as e } from "./TransmissionItem.js";
 import "../Search/AutocompleteBase.js";
+import { ListBase as e } from "../List/ListBase.js";
 import "../Snackbar/useSnackbar.js";
-import { ListBase as n } from "../List/ListBase.js";
-const x = ({ items: r }) => r.length ? /* @__PURE__ */ o(n, { children: r.map((t, m) => /* @__PURE__ */ i(e, { ...t, key: m })) }) : null;
+import { Transmission as c } from "./Transmission.js";
+const B = ({ items: t }) => t.length ? /* @__PURE__ */ i(e, { children: t.map((r, o) => {
+  const { datetime: n, byline: m, createdAtLabel: s } = r;
+  return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ l(e, { children: [
+    /* @__PURE__ */ i(a, { as: "li", datetime: n, children: m || s }),
+    /* @__PURE__ */ p(c, { ...r, key: o })
+  ] }) }, r.id);
+}) }) : null;
 export {
-  x as TransmissionList
+  B as TransmissionList
 };

package/dist/components/Transmission/index.js

@@ -1,6 +1,6 @@
-import { TransmissionItem as r } from "./TransmissionItem.js";
+import { Transmission as r } from "./Transmission.js";
 import { TransmissionList as m } from "./TransmissionList.js";
 export {
-  r as TransmissionItem,
+  r as Transmission,
   m as TransmissionList
 };

package/dist/components/Typography/Typography.js

@@ -1,27 +1,29 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as m } from "../../index-L8X2o7IH.js";
-import '../../assets/Typography.css';const c = "_typography_gmmcy_1", e = {
-  typography: c
-}, l = ({
-  loading: g,
-  as: o = "div",
-  size: t = "md",
-  color: a,
-  variant: p,
-  className: r,
-  children: y,
-  ...n
-}) => /* @__PURE__ */ s(
-  o,
+import { jsx as t } from "react/jsx-runtime";
+import { c as s } from "../../index-L8X2o7IH.js";
+import { Skeleton as i } from "../Skeleton/Skeleton.js";
+import '../../assets/Typography.css';const d = "_typography_gmmcy_1", h = {
+  typography: d
+}, _ = ({
+  loading: o,
+  loadingText: r = "Loading ...",
+  as: a = "div",
+  size: p = "md",
+  color: n,
+  variant: m,
+  className: y,
+  children: c,
+  ...e
+}) => /* @__PURE__ */ t(
+  a,
   {
-    className: m(e.typography, r),
-    "data-size": t,
-    "data-color": a,
-    "data-variant": p,
-    ...n,
-    children: y
+    className: s(h.typography, y),
+    "data-size": p,
+    "data-color": n,
+    "data-variant": m,
+    ...e,
+    children: o && /* @__PURE__ */ t(i, { loading: o, children: r }) || c
   }
 );
 export {
-  l as Typography
+  _ as Typography
 };