@altinn/altinn-components 0.15.5 → 0.17.0

package/dist/components/Toolbar/ToolbarOptions.js

@@ -1,40 +1,39 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { Fragment as M } from "react";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 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 l } from "../Menu/MenuBase.js";
-const z = ({ search: d, optionGroups: n = {}, options: h, onChange: f, optionType: b }) => {
-  var i;
+import { MenuBase as O, MenuList as I, MenuListItem as m } from "../Menu/MenuBase.js";
+const w = ({ search: d, optionGroups: o = {}, options: h, onChange: f, optionType: b }) => {
+  var u;
   const p = h.reduce(
-    (e, m) => {
-      const o = m.groupId || "";
-      return e[o] = e[o] || [], e[o].push(m), e;
+    (e, l) => {
+      const n = l.groupId || "";
+      return e[n] = e[n] || [], e[n].push(l), e;
     },
     {}
   );
   return /* @__PURE__ */ c(O, { theme: "default", children: [
     d && /* @__PURE__ */ r(j, { ...d }),
-    /* @__PURE__ */ r(I, { children: (i = Object.keys(p)) == null ? void 0 : i.map((e, m) => {
-      var a;
-      const o = n[e] || {}, { title: u, divider: g = !0 } = o;
+    /* @__PURE__ */ r(I, { children: (u = Object.keys(p)) == null ? void 0 : u.map((e, l) => {
+      var i;
+      const n = o[e] || {}, { title: a, divider: g = !0 } = n;
       return /* @__PURE__ */ c(M, { children: [
-        m && g ? /* @__PURE__ */ r(l, { role: "separator" }) : "",
-        u && /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(x, { title: u }) }),
-        (a = p[e]) == null ? void 0 : a.map((t) => {
+        l && g ? /* @__PURE__ */ r(m, { role: "separator" }) : "",
+        a && /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(x, { title: a }) }),
+        (i = p[e]) == null ? void 0 : i.map((t) => {
           var s;
-          return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(
+          return /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(
             v,
             {
               onChange: f,
               label: t.label,
               badge: t.badge,
-              type: t.type || ((s = n == null ? void 0 : n[e]) == null ? void 0 : s.optionType) || b,
+              type: t.type || ((s = o == null ? void 0 : o[e]) == null ? void 0 : s.optionType) || b,
               value: t.value,
               checked: t.checked
             }
@@ -45,5 +44,5 @@ const z = ({ search: d, optionGroups: n = {}, options: h, onChange: f, optionTyp
   ] });
 };
 export {
-  z as ToolbarOptions
+  w as ToolbarOptions
 };

package/dist/components/Toolbar/ToolbarSearch.js

@@ -1,32 +1,50 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import { Icon as e } from "../Icon/Icon.js";
-import "../Icon/SvgIcon.js";
+import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import { Icon as m } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { IconButton as m } from "../Button/IconButton.js";
+import { IconButton as l } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-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: u,
-  clear: _
-}, k = ({ value: c, name: n, placeholder: r = "Search", onChange: s, onClear: t }) => /* @__PURE__ */ a("div", { className: i.field, children: [
-  /* @__PURE__ */ o(
+import { S as p } from "../../MagnifyingGlass-DWIcpwS4.js";
+import { S as u } from "../../XMark-Bv1I87Ev.js";
+import '../../assets/ToolbarSearch.css';const _ = "_field_14byu_1", f = "_icon_14byu_5", d = "_input_14byu_14", y = "_clear_14byu_30", o = {
+  field: _,
+  icon: f,
+  input: d,
+  clear: y
+}, M = ({
+  value: r,
+  name: c,
+  placeholder: s = "Search",
+  clearButtonAltText: n = "Clear search",
+  onChange: e,
+  onClear: t
+}) => /* @__PURE__ */ a("div", { className: o.field, children: [
+  /* @__PURE__ */ i(
     "input",
     {
       type: "search",
-      value: c,
-      name: n,
-      placeholder: r,
-      className: i.input,
-      onChange: s
+      value: r,
+      name: c,
+      placeholder: s,
+      className: o.input,
+      onChange: e
     }
   ),
-  /* @__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 })
+  /* @__PURE__ */ i(m, { svgElement: p, className: o.icon }),
+  t && /* @__PURE__ */ i(
+    l,
+    {
+      icon: u,
+      variant: "solid",
+      size: "custom",
+      className: o.clear,
+      onClick: t,
+      iconAltText: n
+    }
+  )
 ] });
 export {
-  k as ToolbarSearch
+  M as ToolbarSearch
 };

package/dist/components/Transmission/TransmissionItem.js

@@ -1,74 +1,93 @@
-import { jsx as m, jsxs as l } from "react/jsx-runtime";
-import { useState as x } from "react";
+"use client";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import * as c from "react";
+import { forwardRef as h, useState as w } from "react";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
-import { ListItem as g } from "../List/ListItem.js";
-import { MetaTimestamp as z } from "../Meta/MetaTimestamp.js";
+import { ListItem as s } from "../List/ListItem.js";
+import { MetaTimestamp as x } from "../Meta/MetaTimestamp.js";
 import "../Snackbar/useSnackbar.js";
-import { Typography as I } from "../Typography/Typography.js";
-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: h,
-  sender: o,
-  createdAt: c,
-  createdAtLabel: s,
-  title: r,
-  description: n,
-  summary: f,
+import { Typography as O } from "../Typography/Typography.js";
+import { DialogAttachments as I } from "../Dialog/DialogAttachments.js";
+import { u as j } from "../../useId-CsCRkvK3.js";
+import '../../assets/TransmissionItem.css';var _ = function(o, l) {
+  var e = {};
+  for (var t in o) Object.prototype.hasOwnProperty.call(o, t) && l.indexOf(t) < 0 && (e[t] = o[t]);
+  if (o != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, t = Object.getOwnPropertySymbols(o); i < t.length; i++)
+      l.indexOf(t[i]) < 0 && Object.prototype.propertyIsEnumerable.call(o, t[i]) && (e[t[i]] = o[t[i]]);
+  return e;
+};
+const z = h((o, l) => {
+  var { title: e, titleId: t } = o, i = _(o, ["title", "titleId"]);
+  let a = j();
+  return a = e ? t || "title-" + a : void 0, c.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: l, "aria-labelledby": a }, i),
+    e ? c.createElement("title", { id: a }, e) : null,
+    c.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M19.638 4.417a3.25 3.25 0 0 0-4.608-.008l-9.378 9.379a.75.75 0 0 0-.191.324l-1.414 4.95a.75.75 0 0 0 .925.927l4.94-1.398a.75.75 0 0 0 .327-.191l9.39-9.391a3.25 3.25 0 0 0 .01-4.592M16.091 5.47a1.752 1.752 0 1 1 2.478 2.478l-.23.23-2.477-2.479zM14.8 6.76 6.85 14.71l-.991 3.47 3.457-.979 7.963-7.963z", clipRule: "evenodd" })
+  );
+}), y = "_body_1m345_1", E = {
+  body: y
+}, N = ({
+  theme: o,
+  type: l,
+  loading: e,
+  sender: t,
+  createdAt: i,
+  createdAtLabel: a,
+  title: f,
+  description: u,
+  summary: d,
   attachments: b
 }) => {
-  const [a, p] = x(!1), u = () => {
+  const [m, p] = w(!1), g = () => {
     p((v) => !v);
   };
-  return (i == null ? void 0 : i.value) === "draft" ? /* @__PURE__ */ m(
-    g,
+  return (l == null ? void 0 : l.value) === "draft" ? /* @__PURE__ */ r(
+    s,
     {
       as: "button",
-      theme: t,
+      theme: o,
       variant: "dotted",
       size: "sm",
-      icon: "pencil",
-      title: r,
-      description: n,
-      badge: { label: i == null ? void 0 : i.label },
-      linkIcon: "chevron-right"
+      icon: z,
+      title: f,
+      description: u,
+      badge: { label: l == null ? void 0 : l.label },
+      linkIcon: !0
     }
-  ) : /* @__PURE__ */ m(
-    g,
+  ) : /* @__PURE__ */ r(
+    s,
     {
       as: "button",
-      theme: t,
-      expanded: a,
-      onClick: u,
+      theme: o,
+      expanded: m,
+      collapsible: !0,
+      onClick: g,
       size: "sm",
       avatar: {
-        type: o == null ? void 0 : o.type,
-        imageUrl: o == null ? void 0 : o.imageUrl,
-        name: o == null ? void 0 : o.name
+        type: t == null ? void 0 : t.type,
+        imageUrl: t == null ? void 0 : t.imageUrl,
+        name: t == null ? void 0 : t.name
       },
-      title: r,
-      description: a ? "" : n,
-      badge: { label: i == null ? void 0 : i.label },
-      linkIcon: a ? "chevron-down" : "chevron-up",
-      children: a && /* @__PURE__ */ l("div", { className: _.body, children: [
-        c && /* @__PURE__ */ l(z, { loading: h, datetime: c, size: "xs", children: [
-          o && /* @__PURE__ */ m("strong", { children: (o == null ? void 0 : o.name) + ", " }),
-          s
+      title: f,
+      description: m ? "" : u,
+      badge: { label: l == null ? void 0 : l.label },
+      children: m && /* @__PURE__ */ n("div", { className: E.body, children: [
+        i && /* @__PURE__ */ n(x, { loading: e, datetime: i, size: "xs", children: [
+          t && /* @__PURE__ */ r("strong", { children: (t == null ? void 0 : t.name) + ", " }),
+          a
         ] }),
-        /* @__PURE__ */ l(I, { size: "lg", children: [
-          /* @__PURE__ */ m("p", { children: f }),
-          b && /* @__PURE__ */ m(T, { ...b })
+        /* @__PURE__ */ n(O, { size: "lg", children: [
+          /* @__PURE__ */ r("p", { children: d }),
+          b && /* @__PURE__ */ r(I, { ...b })
         ] })
       ] })
     }
   );
 };
 export {
-  q as TransmissionItem
+  N as TransmissionItem
 };

package/dist/components/Transmission/TransmissionList.js

@@ -1,13 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
 import { createElement as i } from "react";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import { TransmissionItem as e } from "./TransmissionItem.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ListBase as n } from "../List/ListBase.js";
-const L = ({ items: r }) => r.length ? /* @__PURE__ */ o(n, { children: r.map((t, m) => /* @__PURE__ */ i(e, { ...t, key: m })) }) : null;
+const x = ({ items: r }) => r.length ? /* @__PURE__ */ o(n, { children: r.map((t, m) => /* @__PURE__ */ i(e, { ...t, key: m })) }) : null;
 export {
-  L as TransmissionList
+  x as TransmissionList
 };