@altinn/altinn-components 0.13.4 → 0.14.0

package/dist/components/Toolbar/ToolbarDaterange.js

@@ -1,54 +1,54 @@
 import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { useState as p } from "react";
+import { useState as m } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
-import { MenuInputField as d } from "../Menu/MenuInputField.js";
-import { MenuBase as F } from "../Menu/MenuBase.js";
-import { ToolbarButton as x } from "./ToolbarButton.js";
-import { useRootContext as S } from "../RootProvider/RootProvider.js";
-import { ToolbarFilterBase as w } from "./ToolbarFilterBase.js";
+import { ToolbarButton as F } from "./ToolbarButton.js";
+import { useRootContext as x } from "../RootProvider/RootProvider.js";
+import { ToolbarFilterBase as S } from "./ToolbarFilterBase.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 "../Snackbar/useSnackbar.js";
-import { Datepicker as q } from "../Datepicker/Datepicker.js";
-import '../../assets/ToolbarDaterange.css';const B = "_datepicker_mqb1p_1", I = "_fields_mqb1p_6", N = "_description_mqb1p_10", s = {
-  datepicker: B,
-  fields: I,
-  description: N
+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", s = {
+  datepicker: I,
+  fields: N,
+  description: j
 }, Q = ({
   id: c = "toolbar-filter-datetange",
   title: f = "Select daterange",
   description: g = "Choose dates or click to set daterange.",
-  fromLabel: h = "From date",
-  toLabel: D = "To date",
-  label: u = "Select daterange",
+  fromLabel: u = "From date",
+  toLabel: h = "To date",
+  label: D = "Select daterange",
   value: b
 }) => {
-  const { currentId: T, toggleId: _ } = S(), l = () => _(c), m = T === c, [t, r] = p(""), [i, a] = p(""), k = (e) => {
+  const { currentId: T, toggleId: _ } = x(), l = () => _(c), d = T === c, [t, r] = m(""), [i, a] = m(""), k = (e) => {
     r(e.target.value);
   }, C = (e) => {
     a(e.target.value);
   }, v = (e) => {
     i ? (r(e), a("")) : t && e < t ? (a(t), r(e)) : t ? a(e) : r(e);
   };
-  return /* @__PURE__ */ n(w, { expanded: m, children: [
-    /* @__PURE__ */ o(x, { type: "switch", onToggle: l, active: !!b, children: u }),
-    /* @__PURE__ */ o(y, { open: m, drawerTitle: f, onClose: l, children: /* @__PURE__ */ n(F, { children: [
+  return /* @__PURE__ */ n(S, { expanded: d, children: [
+    /* @__PURE__ */ o(F, { type: "switch", onToggle: l, active: !!b, children: D }),
+    /* @__PURE__ */ o(y, { open: d, drawerTitle: f, onClose: l, children: /* @__PURE__ */ n(w, { children: [
       /* @__PURE__ */ n("div", { className: s.fields, children: [
         /* @__PURE__ */ o(
-          d,
+          p,
           {
             name: "fromDate",
             value: t,
             type: "date",
-            label: h,
+            label: u,
             onChange: k
           }
         ),
-        /* @__PURE__ */ o(d, { name: "toDate", value: i, type: "date", label: D, onChange: C })
+        /* @__PURE__ */ o(p, { name: "toDate", value: i, type: "date", label: h, onChange: C })
       ] }),
       /* @__PURE__ */ n("section", { className: s.datepicker, children: [
-        /* @__PURE__ */ o(q, { onSelect: v, selectFrom: t, selectTo: i }),
+        /* @__PURE__ */ o(B, { onSelect: v, selectFrom: t, selectTo: i }),
         /* @__PURE__ */ o("p", { className: s.description, children: g })
       ] })
     ] }) })

package/dist/components/Toolbar/ToolbarMenu.js

@@ -3,17 +3,17 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
-import { Menu as u } from "../Menu/Menu.js";
-import { ToolbarButton as f } from "./ToolbarButton.js";
-import { useRootContext as b } from "../RootProvider/RootProvider.js";
-import { ToolbarFilterBase as g } from "./ToolbarFilterBase.js";
-import { DrawerOrDropdown as h } from "../Dropdown/DrawerOrDropdown.js";
+import { ToolbarButton as u } from "./ToolbarButton.js";
+import { useRootContext as f } from "../RootProvider/RootProvider.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 "../Snackbar/useSnackbar.js";
-const y = ({ label: e, value: n, groups: l, search: m, items: i, id: r = "toolbar-menu" }) => {
-  const { currentId: p, toggleId: s, closeAll: a } = b(), c = () => s(r), t = p === r;
-  return /* @__PURE__ */ d(g, { expanded: t, children: [
-    /* @__PURE__ */ o(f, { type: "switch", onToggle: c, active: !!n, children: e }),
-    /* @__PURE__ */ o(h, { open: t, drawerTitle: "Endre konto", onClose: a, children: /* @__PURE__ */ o(u, { theme: "global", defaultItemColor: "subtle", groups: l, search: m, items: i }) })
+const y = ({ label: e, value: n, groups: m, search: i, items: p, id: r = "toolbar-menu" }) => {
+  const { currentId: l, toggleId: s, closeAll: c } = f(), a = () => s(r), t = l === r;
+  return /* @__PURE__ */ d(x, { expanded: t, children: [
+    /* @__PURE__ */ o(u, { 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: p }) })
   ] });
 };
 export {

package/dist/components/Toolbar/ToolbarOptions.js

@@ -1,4 +1,4 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import { Fragment as M } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
@@ -8,39 +8,39 @@ import "../Snackbar/useSnackbar.js";
 import { MenuOption as v } from "../Menu/MenuOption.js";
 import { MenuSearch as j } from "../Menu/MenuSearch.js";
 import { MenuHeader as x } from "../Menu/MenuHeader.js";
-import { MenuBase as O, MenuList as I, MenuListItem as m } from "../Menu/MenuBase.js";
-const z = ({ search: p, optionGroups: n = {}, options: h, onChange: b, optionType: g }) => {
+import { MenuBase as O, MenuList as I, MenuListItem as l } from "../Menu/MenuBase.js";
+const z = ({ search: p, optionGroups: n = {}, options: h, onChange: b, optionType: f }) => {
   var i;
   const d = h.reduce(
-    (e, l) => {
-      const o = l.groupId || "";
-      return e[o] = e[o] || [], e[o].push(l), e;
+    (r, m) => {
+      const o = m.groupId || "";
+      return r[o] = r[o] || [], r[o].push(m), r;
     },
     {}
   );
-  return /* @__PURE__ */ c(O, { theme: "global", children: [
-    p && /* @__PURE__ */ r(j, { ...p }),
-    /* @__PURE__ */ r(I, { children: (i = Object.keys(d)) == null ? void 0 : i.map((e, l) => {
-      var u;
-      const o = n[e] || {}, { title: a, divider: f = !0 } = o;
+  return /* @__PURE__ */ c(O, { children: [
+    p && /* @__PURE__ */ e(j, { ...p }),
+    /* @__PURE__ */ e(I, { children: (i = Object.keys(d)) == null ? void 0 : i.map((r, m) => {
+      var a;
+      const o = n[r] || {}, { title: u, divider: g = !0 } = o;
       return /* @__PURE__ */ c(M, { children: [
-        l && f ? /* @__PURE__ */ r(m, { role: "separator" }) : "",
-        a && /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(x, { title: a }) }),
-        (u = d[e]) == null ? void 0 : u.map((t) => {
+        m && g ? /* @__PURE__ */ e(l, { role: "separator" }) : "",
+        u && /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(x, { title: u }) }),
+        (a = d[r]) == null ? void 0 : a.map((t) => {
           var s;
-          return /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(
+          return /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(
             v,
             {
               onChange: b,
               label: t.label,
               badge: t.badge,
-              type: t.type || ((s = n == null ? void 0 : n[e]) == null ? void 0 : s.optionType) || g,
+              type: t.type || ((s = n == null ? void 0 : n[r]) == null ? void 0 : s.optionType) || f,
               value: t.value,
               checked: t.checked
             }
           ) }, t.value);
         })
-      ] }, e);
+      ] }, r);
     }) })
   ] });
 };

package/dist/components/Toolbar/ToolbarSearch.js

@@ -1,4 +1,4 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
 import { Icon as e } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
 import "../../index-L8X2o7IH.js";
@@ -7,35 +7,25 @@ import "../Autocomplete/AutocompleteBase.js";
 import { IconButton as m } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ToolbarSearch.css';const l = "_field_tw5fx_1", p = "_icon_tw5fx_5", f = "_input_tw5fx_14", _ = "_clear_tw5fx_30", o = {
+import '../../assets/ToolbarSearch.css';const l = "_field_14byu_1", p = "_icon_14byu_5", u = "_input_14byu_14", _ = "_clear_14byu_30", i = {
   field: l,
   icon: p,
-  input: f,
+  input: u,
   clear: _
-}, k = ({ value: c, name: r, placeholder: n = "Search", onChange: s, onClear: i }) => /* @__PURE__ */ a("div", { className: o.field, children: [
-  /* @__PURE__ */ t(
+}, k = ({ value: c, name: n, placeholder: r = "Search", onChange: s, onClear: t }) => /* @__PURE__ */ a("div", { className: i.field, children: [
+  /* @__PURE__ */ o(
     "input",
     {
       type: "search",
       value: c,
-      name: r,
-      placeholder: n,
-      className: o.input,
+      name: n,
+      placeholder: r,
+      className: i.input,
       onChange: s
     }
   ),
-  /* @__PURE__ */ t(e, { name: "magnifying-glass", className: o.icon }),
-  i && /* @__PURE__ */ t(
-    m,
-    {
-      icon: "x-mark",
-      color: "secondary",
-      variant: "solid",
-      size: "custom",
-      className: o.clear,
-      onClick: i
-    }
-  )
+  /* @__PURE__ */ o(e, { name: "magnifying-glass", className: i.icon }),
+  t && /* @__PURE__ */ o(m, { icon: "x-mark", variant: "solid", size: "custom", className: i.clear, onClick: t })
 ] });
 export {
   k as ToolbarSearch

package/dist/components/Transmission/TransmissionItem.js

@@ -1,49 +1,51 @@
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { useState as v } from "react";
+import { jsx as m, jsxs as l } from "react/jsx-runtime";
+import { useState as x } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { Typography as x } from "../Typography/Typography.js";
+import { Typography as z } from "../Typography/Typography.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import { ListItem as b } from "../List/ListItem.js";
-import { MetaTimestamp as z } from "../Meta/MetaTimestamp.js";
+import { ListItem as g } from "../List/ListItem.js";
+import { MetaTimestamp as I } from "../Meta/MetaTimestamp.js";
 import "../Snackbar/useSnackbar.js";
-import { DialogAttachments as I } from "../Dialog/DialogAttachments.js";
-import '../../assets/TransmissionItem.css';const T = "_body_1m345_1", k = {
-  body: T
-}, S = ({
+import { DialogAttachments as T } from "../Dialog/DialogAttachments.js";
+import '../../assets/TransmissionItem.css';const k = "_body_1m345_1", _ = {
+  body: k
+}, q = ({
+  theme: t,
   type: i,
-  loading: g,
+  loading: h,
   sender: o,
-  createdAt: t,
-  createdAtLabel: h,
+  createdAt: c,
+  createdAtLabel: s,
   title: r,
-  description: c,
-  summary: s,
-  attachments: n
+  description: n,
+  summary: f,
+  attachments: b
 }) => {
-  const [m, f] = v(!1), p = () => {
-    f((u) => !u);
+  const [a, p] = x(!1), u = () => {
+    p((v) => !v);
   };
-  return (i == null ? void 0 : i.value) === "draft" ? /* @__PURE__ */ a(
-    b,
+  return (i == null ? void 0 : i.value) === "draft" ? /* @__PURE__ */ m(
+    g,
     {
       as: "button",
-      color: "transparent",
+      theme: t,
       variant: "dotted",
       size: "sm",
       icon: "pencil",
       title: r,
-      description: c,
+      description: n,
       badge: { label: i == null ? void 0 : i.label },
       linkIcon: "chevron-right"
     }
-  ) : /* @__PURE__ */ a(
-    b,
+  ) : /* @__PURE__ */ m(
+    g,
     {
       as: "button",
-      expanded: m,
-      onClick: p,
+      theme: t,
+      expanded: a,
+      onClick: u,
       size: "sm",
       avatar: {
         type: o == null ? void 0 : o.type,
@@ -51,22 +53,22 @@ import '../../assets/TransmissionItem.css';const T = "_body_1m345_1", k = {
         name: o == null ? void 0 : o.name
       },
       title: r,
-      description: m ? "" : c,
+      description: a ? "" : n,
       badge: { label: i == null ? void 0 : i.label },
-      linkIcon: m ? "chevron-down" : "chevron-up",
-      children: m && /* @__PURE__ */ l("div", { className: k.body, children: [
-        t && /* @__PURE__ */ l(z, { loading: g, datetime: t, size: "xs", children: [
-          o && /* @__PURE__ */ a("strong", { children: (o == null ? void 0 : o.name) + ", " }),
-          h
+      linkIcon: a ? "chevron-down" : "chevron-up",
+      children: a && /* @__PURE__ */ l("div", { className: _.body, children: [
+        c && /* @__PURE__ */ l(I, { loading: h, datetime: c, size: "xs", children: [
+          o && /* @__PURE__ */ m("strong", { children: (o == null ? void 0 : o.name) + ", " }),
+          s
         ] }),
-        /* @__PURE__ */ l(x, { size: "lg", children: [
-          /* @__PURE__ */ a("p", { children: s }),
-          n && /* @__PURE__ */ a(I, { ...n })
+        /* @__PURE__ */ l(z, { size: "lg", children: [
+          /* @__PURE__ */ m("p", { children: f }),
+          b && /* @__PURE__ */ m(T, { ...b })
         ] })
       ] })
     }
   );
 };
 export {
-  S as TransmissionItem
+  q as TransmissionItem
 };

package/dist/components/Typography/Typography.js

@@ -1,15 +1,8 @@
 import { jsx as y } from "react/jsx-runtime";
-import { c as e } from "../../index-L8X2o7IH.js";
-import '../../assets/Typography.css';const n = "_typography_15hc3_1", m = {
+import { c } from "../../index-L8X2o7IH.js";
+import '../../assets/Typography.css';const n = "_typography_3dvcc_1", m = {
   typography: n
-}, g = ({
-  as: t = "div",
-  size: o = "md",
-  theme: p = "inherit",
-  className: r,
-  children: a,
-  ...s
-}) => /* @__PURE__ */ y(t, { className: e(m.typography, r), "data-size": o, "data-theme": p, ...s, children: a });
+}, h = ({ as: o = "div", size: t = "md", color: p, className: r, children: a, ...s }) => /* @__PURE__ */ y(o, { className: c(m.typography, r), "data-size": t, "data-color": p, ...s, children: a });
 export {
-  g as Typography
+  h as Typography
 };