@altinn/altinn-components 0.10.4 → 0.12.0

package/dist/components/Toolbar/ToolbarFilter.js

@@ -7,28 +7,29 @@ import { ToolbarButton as j } from "./ToolbarButton.js";
 import { useRootContext as B } from "../RootProvider/RootProvider.js";
 import { ToolbarFilterBase as C } from "./ToolbarFilterBase.js";
 import { DrawerOrDropdown as O } from "../Dropdown/DrawerOrDropdown.js";
+import "../Snackbar/useSnackbar.js";
 import { ToolbarOptions as k } from "./ToolbarOptions.js";
-const D = (p, o) => Array.isArray(o) ? o.join(", ") : o, H = ({
+const D = (p, o) => Array.isArray(o) ? o.join(", ") : o, J = ({
   removable: p,
   label: o,
   name: t,
   value: r,
-  options: f,
-  optionGroups: m,
+  options: m,
+  optionGroups: f,
   onChange: d,
   onRemove: a,
-  getSelectedLabel: n,
+  getSelectedLabel: i,
   showResultsLabel: y = "Show results",
   optionType: A,
   id: c = `toolbar-filter-${t}`
 }) => {
-  const { currentId: h, toggleId: T, closeAll: u } = B(), w = (f ?? []).map(
-    (i) => ({
-      ...i,
+  const { currentId: h, toggleId: T, closeAll: u } = B(), w = (m ?? []).map(
+    (n) => ({
+      ...n,
       name: t,
-      checked: Array.isArray(r) ? r.includes(i.value) : i.value === r
+      checked: Array.isArray(r) ? r.includes(n.value) : n.value === r
     })
-  ), x = (n == null ? void 0 : n(t, r)) ?? D(t, r), e = () => T(c), l = h === c;
+  ), x = (i == null ? void 0 : i(t, r)) ?? D(t, r), e = () => T(c), l = h === c;
   return /* @__PURE__ */ b(C, { expanded: l, children: [
     /* @__PURE__ */ s(
       j,
@@ -52,7 +53,7 @@ const D = (p, o) => Array.isArray(o) ? o.join(", ") : o, H = ({
           k,
           {
             options: w,
-            optionGroups: m,
+            optionGroups: f,
             onChange: d,
             optionType: A
           }
@@ -62,5 +63,5 @@ const D = (p, o) => Array.isArray(o) ? o.join(", ") : o, H = ({
   ] });
 };
 export {
-  H as ToolbarFilter
+  J as ToolbarFilter
 };

package/dist/components/Toolbar/ToolbarMenu.js

@@ -8,7 +8,8 @@ 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";
-const v = ({ label: e, value: n, groups: l, search: m, items: i, id: r = "toolbar-menu" }) => {
+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 }),
@@ -16,5 +17,5 @@ const v = ({ label: e, value: n, groups: l, search: m, items: i, id: r = "toolba
   ] });
 };
 export {
-  v as ToolbarMenu
+  y as ToolbarMenu
 };

package/dist/components/Toolbar/ToolbarOptions.js

@@ -7,10 +7,11 @@ import { MenuSearch as j } from "../Menu/MenuSearch.js";
 import { MenuHeader as x } from "../Menu/MenuHeader.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import { MenuBase as O, MenuList as I, MenuListItem as m } from "../Menu/MenuBase.js";
-const w = ({ search: d, optionGroups: n = {}, options: h, onChange: b, optionType: g }) => {
-  var a;
-  const p = h.reduce(
+const z = ({ search: p, optionGroups: n = {}, options: h, onChange: b, optionType: g }) => {
+  var i;
+  const d = h.reduce(
     (e, l) => {
       const o = l.groupId || "";
       return e[o] = e[o] || [], e[o].push(l), e;
@@ -18,14 +19,14 @@ const w = ({ search: d, optionGroups: n = {}, options: h, onChange: b, optionTyp
     {}
   );
   return /* @__PURE__ */ c(O, { theme: "global", children: [
-    d && /* @__PURE__ */ r(j, { ...d }),
-    /* @__PURE__ */ r(I, { children: (a = Object.keys(p)) == null ? void 0 : a.map((e, l) => {
+    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: i, divider: f = !0 } = o;
+      const o = n[e] || {}, { title: a, divider: f = !0 } = o;
       return /* @__PURE__ */ c(M, { children: [
         l && f ? /* @__PURE__ */ r(m, { role: "separator" }) : "",
-        i && /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(x, { title: i }) }),
-        (u = p[e]) == null ? void 0 : u.map((t) => {
+        a && /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(x, { title: a }) }),
+        (u = d[e]) == null ? void 0 : u.map((t) => {
           var s;
           return /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(
             v,
@@ -44,5 +45,5 @@ const w = ({ search: d, optionGroups: n = {}, options: h, onChange: b, optionTyp
   ] });
 };
 export {
-  w as ToolbarOptions
+  z as ToolbarOptions
 };

package/dist/components/Toolbar/ToolbarSearch.js

@@ -6,19 +6,20 @@ import "react";
 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 = {
   field: l,
   icon: p,
   input: f,
   clear: _
-}, j = ({ value: c, name: n, placeholder: r = "Search", onChange: s, onClear: i }) => /* @__PURE__ */ a("div", { className: o.field, children: [
+}, k = ({ value: c, name: r, placeholder: n = "Search", onChange: s, onClear: i }) => /* @__PURE__ */ a("div", { className: o.field, children: [
   /* @__PURE__ */ t(
     "input",
     {
       type: "search",
       value: c,
-      name: n,
-      placeholder: r,
+      name: r,
+      placeholder: n,
       className: o.input,
       onChange: s
     }
@@ -37,5 +38,5 @@ import '../../assets/ToolbarSearch.css';const l = "_field_tw5fx_1", p = "_icon_t
   )
 ] });
 export {
-  j as ToolbarSearch
+  k as ToolbarSearch
 };

package/dist/components/Transmission/TransmissionItem.js

@@ -7,10 +7,11 @@ 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 "../Snackbar/useSnackbar.js";
 import { DialogAttachments as I } from "../Dialog/DialogAttachments.js";
 import '../../assets/TransmissionItem.css';const T = "_body_1m345_1", k = {
   body: T
-}, N = ({
+}, S = ({
   type: i,
   loading: g,
   sender: o,
@@ -67,5 +68,5 @@ import '../../assets/TransmissionItem.css';const T = "_body_1m345_1", k = {
   );
 };
 export {
-  N as TransmissionItem
+  S as TransmissionItem
 };

package/dist/components/Transmission/TransmissionList.js

@@ -5,8 +5,9 @@ import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import { TransmissionItem as e } from "./TransmissionItem.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;
+const L = ({ items: r }) => r.length ? /* @__PURE__ */ o(n, { children: r.map((t, m) => /* @__PURE__ */ i(e, { ...t, key: m })) }) : null;
 export {
-  x as TransmissionList
+  L as TransmissionList
 };

package/dist/components/Typography/Heading.js

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
 import { c as d } from "../../index-L8X2o7IH.js";
-import '../../assets/Heading.css';const o = "_heading_15ax1_1", m = {
-  heading: o
-}, h = ({ as: a = "h2", size: e = "md", weight: t = "medium", className: s, children: i }) => /* @__PURE__ */ n(a, { className: d(m.heading, s), "data-size": e, "data-weight": t, children: i });
+import '../../assets/Heading.css';const m = "_heading_mt0g8_1", o = {
+  heading: m
+}, h = ({ as: t = "h2", size: a = "md", weight: e = "medium", className: s, children: i }) => /* @__PURE__ */ n(t, { className: d(o.heading, s), "data-size": a, "data-weight": e, children: i });
 export {
   h as Heading
 };

package/dist/components/Typography/Typography.js

@@ -1,16 +1,15 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as s } from "../../index-L8X2o7IH.js";
-import '../../assets/Typography.css';const n = "_typography_19j8u_1", y = "_item_19j8u_7", i = {
-  typography: n,
-  item: y
+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 = {
+  typography: n
 }, g = ({
   as: t = "div",
   size: o = "md",
   theme: p = "inherit",
-  className: e,
-  children: r,
-  ...a
-}) => /* @__PURE__ */ m(t, { className: s(i.typography, e), "data-size": o, "data-theme": p, ...a, children: r });
+  className: r,
+  children: a,
+  ...s
+}) => /* @__PURE__ */ y(t, { className: e(m.typography, r), "data-size": o, "data-theme": p, ...s, children: a });
 export {
   g as Typography
 };