@altinn/altinn-components 0.44.4 → 0.45.0

package/dist/components/List/ListItemSelect.js

@@ -2,9 +2,9 @@ import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { c as r } from "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { Label as l } from "../Forms/Label.js";
 import { Input as n } from "../Forms/Input.js";
+import "../Snackbar/useSnackbar.js";
 import '../../assets/ListItemSelect.css';const i = "_select_kfgnl_1", m = "_checkbox_kfgnl_19", t = {
   select: i,
   checkbox: m

package/dist/components/Menu/MenuItem.js

@@ -60,8 +60,8 @@ import '../../assets/MenuItem.css';const R = "_controls_w98qm_46", U = "_linkIco
           }
         ),
         /* @__PURE__ */ i("span", { className: m.controls, children: [
-          !r && k,
           !r && B(),
+          !r && k,
           s && /* @__PURE__ */ n("span", { className: m.linkIcon, children: /* @__PURE__ */ n(
             N,
             {

package/dist/components/Menu/MenuSearch.js

@@ -1,10 +1,10 @@
 import { jsx as f } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import "../RootProvider/RootProvider.js";
 import { useIsDesktop as a } from "../../hooks/useIsDesktop.js";
-import "../Snackbar/useSnackbar.js";
+import "../RootProvider/RootProvider.js";
 import { SearchField as c } from "../Forms/SearchField.js";
+import "../Snackbar/useSnackbar.js";
 import '../../assets/MenuSearch.css';const l = "_field_1w1s0_1", n = {
   field: l
 }, x = ({

package/dist/components/Notifications/NotificationItem.js

@@ -0,0 +1,17 @@
+import { jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { NotificationItemBase as r } from "./NotificationItemBase.js";
+import "../Snackbar/useSnackbar.js";
+const x = ({
+  loading: m,
+  id: e = "notification",
+  icon: t,
+  title: i,
+  description: n,
+  ...p
+}) => m ? /* @__PURE__ */ o(r, { icon: t, title: i, loading: !0 }) : /* @__PURE__ */ o(r, { ...p, icon: t, title: i, description: n });
+export {
+  x as NotificationItem
+};

package/dist/components/Notifications/NotificationItemBase.js

@@ -0,0 +1,86 @@
+import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { getAriaLabelFromTitle as j } from "../Menu/MenuItemLabel.js";
+import { ListItemBase as B } from "../List/ListItemBase.js";
+import { ListItemLink as v } from "../List/ListItemLink.js";
+import { ListItemLabel as y } from "../List/ListItemLabel.js";
+import { NotificationItemControls as z } from "./NotificationItemControls.js";
+import { NotificationItemIcon as A } from "./NotificationItemIcon.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/NotificationItemBase.css';const C = "_item_w20tn_1", T = "_header_w20tn_24", g = "_link_w20tn_43", q = "_linkFocus_w20tn_47", D = "_controls_w20tn_56", t = {
+  item: C,
+  header: T,
+  link: g,
+  linkFocus: q,
+  controls: D
+}, U = ({
+  as: s,
+  href: m,
+  ref: n,
+  disabled: a,
+  loading: e,
+  onClick: c,
+  onKeyPress: l,
+  tabIndex: _,
+  color: d,
+  variant: p,
+  icon: f,
+  iconBadge: h,
+  label: k,
+  title: i,
+  description: N,
+  highlightWords: L,
+  dismissable: b,
+  dismissLabel: I,
+  onDismiss: u,
+  contextMenu: w,
+  ...F
+}) => {
+  const x = F.ariaLabel || j(i);
+  return /* @__PURE__ */ o(B, { ref: n, className: t.item, color: d, variant: p, size: "md", children: /* @__PURE__ */ r("header", { className: t.header, children: [
+    /* @__PURE__ */ o(A, { icon: f, badge: h }),
+    /* @__PURE__ */ r(
+      v,
+      {
+        as: s,
+        href: m,
+        onClick: c,
+        onKeyPress: l,
+        tabIndex: _,
+        loading: e,
+        disabled: a || e,
+        ariaLabel: x,
+        className: t.link,
+        children: [
+          /* @__PURE__ */ o("div", { className: t.linkFocus, "aria-hidden": "true" }),
+          /* @__PURE__ */ o(
+            y,
+            {
+              loading: e,
+              highlightWords: L,
+              className: t.label,
+              title: i,
+              description: N,
+              children: k
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(
+      z,
+      {
+        className: t.controls,
+        contextMenu: w,
+        dismissable: b,
+        dismissLabel: I,
+        onDismiss: u
+      }
+    )
+  ] }) });
+};
+export {
+  U as NotificationItemBase
+};

package/dist/components/Notifications/NotificationItemControls.js

@@ -0,0 +1,33 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { IconButton as p } from "../Button/IconButton.js";
+import { ContextMenu as f } from "../ContextMenu/ContextMenu.js";
+import "../RootProvider/RootProvider.js";
+import { ListItemControls as l } from "../List/ListItemControls.js";
+import "../Snackbar/useSnackbar.js";
+import { S as c } from "../../XMark-tKk6aExO.js";
+const S = ({
+  className: r,
+  loading: i,
+  dismissable: m,
+  dismissLabel: n,
+  onDismiss: s,
+  contextMenu: o
+}) => i ? null : /* @__PURE__ */ e(l, { className: r, children: [
+  o && /* @__PURE__ */ t(f, { ...o }),
+  m && /* @__PURE__ */ t(
+    p,
+    {
+      rounded: !0,
+      variant: "text",
+      icon: c,
+      iconAltText: n || "Dismiss",
+      onClick: s,
+      size: "xs"
+    }
+  )
+] });
+export {
+  S as NotificationItemControls
+};

package/dist/components/Notifications/NotificationItemIcon.js

@@ -0,0 +1,33 @@
+import { jsx as r, jsxs as o, Fragment as n } from "react/jsx-runtime";
+import { isValidElement as p } from "react";
+import { Icon as e, isIconProps as i } from "../Icon/Icon.js";
+import "../../index-L8X2o7IH.js";
+import { isAvatarProps as c, Avatar as l } from "../Avatar/Avatar.js";
+import { isAvatarGroupProps as _, AvatarGroup as f } from "../Avatar/AvatarGroup.js";
+import { Badge as v } from "../Badge/Badge.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import { S as d } from "../../XMark-tKk6aExO.js";
+import '../../assets/NotificationItemIcon.css';const u = "_icon_15rz1_1", g = "_shape_15rz1_11", h = "_avatar_15rz1_29", N = "_avatarGroup_15rz1_35", b = "_badge_15rz1_39", s = {
+  icon: u,
+  shape: g,
+  avatar: h,
+  avatarGroup: N,
+  badge: b
+};
+function z(t) {
+  return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || p(t);
+}
+const B = ({ loading: t, icon: a, badge: m }) => a ? t ? /* @__PURE__ */ r("div", { className: s.icon, children: /* @__PURE__ */ r(e, { svgElement: d, loading: !0 }) }) : /* @__PURE__ */ o("div", { className: s.icon, children: [
+  c(a) && /* @__PURE__ */ r(l, { ...a, className: s.avatar }) || _(a) && /* @__PURE__ */ r(f, { ...a, className: s.avatarGroup }) || i(a) && /* @__PURE__ */ o(n, { children: [
+    /* @__PURE__ */ r("span", { className: s.shape }),
+    /* @__PURE__ */ r(e, { ...a })
+  ] }) || z(a) && a || /* @__PURE__ */ o(n, { children: [
+    /* @__PURE__ */ r("span", { className: s.shape }),
+    /* @__PURE__ */ r(e, { svgElement: a })
+  ] }),
+  m && /* @__PURE__ */ r(v, { ...m, size: "xs", variant: "base", className: s.badge })
+] }) : null;
+export {
+  B as NotificationItemIcon
+};

package/dist/components/Notifications/index.js

@@ -0,0 +1,10 @@
+import { NotificationItem as i } from "./NotificationItem.js";
+import { NotificationItemBase as r } from "./NotificationItemBase.js";
+import { NotificationItemControls as m } from "./NotificationItemControls.js";
+import { NotificationItemIcon as a } from "./NotificationItemIcon.js";
+export {
+  i as NotificationItem,
+  r as NotificationItemBase,
+  m as NotificationItemControls,
+  a as NotificationItemIcon
+};

package/dist/components/RootProvider/RootProvider.js

@@ -1,47 +1,59 @@
 "use client";
-import { jsx as I } from "react/jsx-runtime";
-import { createContext as g, useState as p, useContext as C } from "react";
+import { jsx as v } from "react/jsx-runtime";
+import { createContext as p, useState as C, useContext as x } from "react";
 import { useEscapeKey as f } from "../../hooks/useEscapeKey.js";
 import "../../index-L8X2o7IH.js";
-import { SnackbarProvider as x } from "../Snackbar/useSnackbar.js";
-const b = {
+import { SnackbarProvider as i } from "../Snackbar/useSnackbar.js";
+const P = {
   currentId: "",
   previousId: "",
-  debug: !1
-}, v = g(b), A = ({ children: t, initialValue: o, debug: r }) => {
-  const [c, d] = p((o == null ? void 0 : o.currentId) || ""), [s, n] = p((o == null ? void 0 : o.previousId) || "");
-  return /* @__PURE__ */ I(
-    v.Provider,
+  debug: !1,
+  setCurrentId: () => {
+    console.warn("setCurrentId called outside of RootProvider context");
+  },
+  setPreviousId: () => {
+    console.warn("setPreviousId called outside of RootProvider context");
+  },
+  languageCode: "nb"
+}, g = p(P), A = ({ children: s, initialValue: o, debug: n, languageCode: t }) => {
+  const [d, c] = C((o == null ? void 0 : o.currentId) || ""), [u, r] = C((o == null ? void 0 : o.previousId) || "");
+  return /* @__PURE__ */ v(
+    g.Provider,
     {
       value: {
-        currentId: c,
-        setCurrentId: d,
-        setPreviousId: n,
-        previousId: s,
-        debug: r
+        currentId: d,
+        setCurrentId: c,
+        setPreviousId: r,
+        previousId: u,
+        debug: n,
+        languageCode: t
       },
-      children: /* @__PURE__ */ I(x, { children: t })
+      children: /* @__PURE__ */ v(i, { children: s })
     }
   );
-}, S = () => {
-  const { currentId: t, setCurrentId: o, debug: r, setPreviousId: c, previousId: d } = C(v), s = (e) => {
-    t && c(t), o(e);
-  }, n = (e) => {
-    r && console.debug(`useRootContext: toggleId called with value: ${e}`), s(t === e ? "" : e);
-  }, u = () => {
-    r && console.debug("useRootContext: closeAll called"), s("");
+}, E = () => {
+  const s = x(g);
+  if (!s)
+    throw new Error("useRootContext must be used within a RootProvider.");
+  const { currentId: o, setCurrentId: n, debug: t, setPreviousId: d, previousId: c, languageCode: u } = s, r = (e) => {
+    o && d(o), n(e);
+  }, l = (e) => {
+    t && console.debug(`useRootContext: toggleId called with value: ${e}`), r(o === e ? "" : e);
+  }, I = () => {
+    t && console.debug("useRootContext: closeAll called"), r("");
   };
-  return f(u), {
-    currentId: t,
-    previousId: d,
-    toggleId: n,
-    closeAll: u,
+  return f(I), {
+    currentId: o,
+    previousId: c,
+    toggleId: l,
+    closeAll: I,
     openId: (e) => {
-      r && console.debug(`useRootContext: openId called with value: ${e}`), s(e);
-    }
+      t && console.debug(`useRootContext: openId called with value: ${e}`), r(e);
+    },
+    languageCode: u
   };
 };
 export {
   A as RootProvider,
-  S as useRootContext
+  E as useRootContext
 };

package/dist/components/Searchbar/Searchbar.js

@@ -1,8 +1,8 @@
 import { jsxs as S, jsx as g } from "react/jsx-runtime";
 import { useState as k } from "react";
 import "../../index-L8X2o7IH.js";
-import { useRootContext as v } from "../RootProvider/RootProvider.js";
-import { useIsDesktop as j } from "../../hooks/useIsDesktop.js";
+import { useIsDesktop as v } from "../../hooks/useIsDesktop.js";
+import { useRootContext as j } from "../RootProvider/RootProvider.js";
 import { SearchbarBase as x } from "./SearchbarBase.js";
 import { SearchbarField as D } from "./SearchbarField.js";
 import { Autocomplete as P } from "./Autocomplete.js";
@@ -15,7 +15,7 @@ const K = ({
   tabIndex: T,
   ...e
 }) => {
-  const [i, l] = k(!1), { previousId: A, openId: B } = v(), F = j();
+  const [i, l] = k(!1), { previousId: A, openId: B } = j(), F = v();
   return /* @__PURE__ */ S(
     x,
     {

package/dist/components/Settings/BookmarksSettingsItem.js

@@ -6,8 +6,8 @@ import { IconButton as z } from "../Button/IconButton.js";
 import { ButtonGroup as b } from "../Button/ButtonGroup.js";
 import "../RootProvider/RootProvider.js";
 import { QueryLabel as S } from "../Searchbar/QueryLabel.js";
-import "../Snackbar/useSnackbar.js";
 import { TextField as h } from "../Forms/TextField.js";
+import "../Snackbar/useSnackbar.js";
 import { SettingsItemBase as G } from "./SettingsItemBase.js";
 import { SettingsModal as j } from "./SettingsModal.js";
 import { S as C } from "../../MagnifyingGlass-bwVhw07z.js";

package/dist/components/Settings/SettingsItem.js

@@ -2,25 +2,36 @@ import { jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import { useState as b } from "react";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { Input as w } from "../Forms/Input.js";
+import "../Snackbar/useSnackbar.js";
 import { SettingsItemBase as n } from "./SettingsItemBase.js";
-import { SettingsModal as x } from "./SettingsModal.js";
+import { SettingsModal as d } from "./SettingsModal.js";
 const M = ({
   loading: u,
-  variant: f = "default",
+  variant: h = "default",
   id: c = "settings",
-  name: h,
+  name: f,
   checked: m,
-  onChange: g,
+  onChange: v,
   modalProps: e,
-  children: v,
+  children: g,
   ...t
 }) => {
   const [l, a] = b(!1);
   if (u)
     return /* @__PURE__ */ i(n, { icon: t == null ? void 0 : t.icon, title: t == null ? void 0 : t.title, loading: !0 });
-  switch (f) {
+  switch (h) {
+    case "link":
+      return /* @__PURE__ */ i(
+        n,
+        {
+          ...t,
+          title: {
+            children: t == null ? void 0 : t.title
+          },
+          value: void 0
+        }
+      );
     case "switch":
       return /* @__PURE__ */ i(
         n,
@@ -39,10 +50,10 @@ const M = ({
               type: "checkbox",
               role: "switch",
               "aria-labelledby": c,
-              name: h,
+              name: f,
               value: t == null ? void 0 : t.value,
               checked: m,
-              onChange: g,
+              onChange: v,
               style: { marginRight: "0.5em" }
             }
           )
@@ -63,14 +74,14 @@ const M = ({
           onClick: () => a(!0),
           expanded: l,
           children: l && /* @__PURE__ */ i(
-            x,
+            d,
             {
               ...e,
               icon: (e == null ? void 0 : e.icon) || (t == null ? void 0 : t.icon),
               title: (e == null ? void 0 : e.title) || (t == null ? void 0 : t.title),
               open: l,
               onClose: () => a(!1),
-              children: v
+              children: g
             }
           )
         }

package/dist/components/Toolbar/ToolbarAccountMenu.js

@@ -2,9 +2,9 @@ import { jsxs as x, jsx as p } from "react/jsx-runtime";
 import { createElement as b } from "react";
 import "../../index-L8X2o7IH.js";
 import { AccountMenu as k } from "../Account/AccountMenu.js";
-import { useRootContext as I } from "../RootProvider/RootProvider.js";
-import { DrawerOrDropdown as h } from "../Dropdown/DrawerOrDropdown.js";
-import { useIsDesktop as w } from "../../hooks/useIsDesktop.js";
+import { useIsDesktop as I } from "../../hooks/useIsDesktop.js";
+import { useRootContext as h } from "../RootProvider/RootProvider.js";
+import { DrawerOrDropdown as w } from "../Dropdown/DrawerOrDropdown.js";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarButton as B } from "./ToolbarButton.js";
 import { ToolbarFilterBase as C } from "./ToolbarFilterBase.js";
@@ -16,7 +16,7 @@ const q = ({
   title: l = "Endre aktør",
   ...n
 }) => {
-  const { currentId: i, toggleId: f, closeAll: a } = I(), T = w(), g = () => f(s), r = i === s;
+  const { currentId: i, toggleId: f, closeAll: a } = h(), T = I(), g = () => f(s), r = i === s;
   return /* @__PURE__ */ x(C, { expanded: r, onBlurCapture: (e) => {
     const m = e.relatedTarget;
     (!m || !e.currentTarget.contains(m)) && a();
@@ -32,7 +32,7 @@ const q = ({
         children: o == null ? void 0 : o.name
       }
     ),
-    /* @__PURE__ */ p(h, { open: r, size: "lg", drawerTitle: l, onClose: a, children: /* @__PURE__ */ b(
+    /* @__PURE__ */ p(w, { open: r, size: "lg", drawerTitle: l, onClose: a, children: /* @__PURE__ */ b(
       k,
       {
         ...n,

package/dist/components/Toolbar/ToolbarAdd.js

@@ -1,21 +1,21 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { useRootContext as u } from "../RootProvider/RootProvider.js";
-import { DrawerOrDropdown as f } from "../Dropdown/DrawerOrDropdown.js";
-import { useIsDesktop as g } from "../../hooks/useIsDesktop.js";
+import { useIsDesktop as u } from "../../hooks/useIsDesktop.js";
+import { useRootContext as f } from "../RootProvider/RootProvider.js";
+import { DrawerOrDropdown as g } from "../Dropdown/DrawerOrDropdown.js";
 import { Menu as x } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarButton as T } from "./ToolbarButton.js";
 import { ToolbarFilterBase as B } from "./ToolbarFilterBase.js";
 const v = ({ label: t = "Legg til", items: p, id: e }) => {
-  const { currentId: i, closeAll: a, toggleId: d } = u(), o = i === e, l = () => d(e), m = g();
+  const { currentId: i, closeAll: a, toggleId: d } = f(), o = i === e, l = () => d(e), m = u();
   return /* @__PURE__ */ c(B, { expanded: o, onBlurCapture: (n) => {
     const s = n.relatedTarget;
     (!s || !n.currentTarget.contains(s)) && a();
   }, children: [
     /* @__PURE__ */ r(T, { type: "add", onToggle: l, "aria-expanded": o, children: t }),
-    /* @__PURE__ */ r(f, { drawerTitle: t, open: o, children: /* @__PURE__ */ r(x, { color: "neutral", items: p, keyboardEvents: o && m }) })
+    /* @__PURE__ */ r(g, { drawerTitle: t, open: o, children: /* @__PURE__ */ r(x, { color: "neutral", items: p, keyboardEvents: o && m }) })
   ] });
 };
 export {

package/dist/components/Toolbar/ToolbarFilter.js

@@ -1,9 +1,9 @@
 import { jsxs as D, jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { useRootContext as g } from "../RootProvider/RootProvider.js";
-import { DrawerOrDropdown as j } from "../Dropdown/DrawerOrDropdown.js";
-import { useIsDesktop as F } from "../../hooks/useIsDesktop.js";
+import { useIsDesktop as g } from "../../hooks/useIsDesktop.js";
+import { useRootContext as j } from "../RootProvider/RootProvider.js";
+import { DrawerOrDropdown as F } from "../Dropdown/DrawerOrDropdown.js";
 import "../Snackbar/useSnackbar.js";
 import { ToolbarButton as O } from "./ToolbarButton.js";
 import { ToolbarFilterBase as R } from "./ToolbarFilterBase.js";
@@ -23,7 +23,7 @@ const G = (u, n) => Array.isArray(n) ? n.join(", ") : n, Q = ({
   optionType: f,
   id: e = `toolbar-filter-${o}`
 }) => {
-  const { currentId: h, toggleId: v, closeAll: d } = g(), I = F(), k = (T ?? []).map((r) => {
+  const { currentId: h, toggleId: v, closeAll: d } = j(), I = g(), k = (T ?? []).map((r) => {
     const t = s == null ? void 0 : s[r.name || o];
     return {
       name: o,
@@ -51,7 +51,7 @@ const G = (u, n) => Array.isArray(n) ? n.join(", ") : n, Q = ({
       }
     ),
     /* @__PURE__ */ i(
-      j,
+      F,
       {
         open: p,
         drawerTitle: n,

package/dist/components/Toolbar/ToolbarOptions.js

@@ -3,11 +3,11 @@ import { useRef as K, Fragment as N } from "react";
 import { useMenu as R } from "../../hooks/useMenu.js";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { MenuOption as S } from "../Menu/MenuOption.js";
 import { MenuSearch as q } from "../Menu/MenuSearch.js";
 import { MenuHeader as w } from "../Menu/MenuHeader.js";
 import { MenuBase as z, MenuList as D, MenuListItem as m } from "../Menu/MenuBase.js";
+import "../Snackbar/useSnackbar.js";
 const G = ({
   name: k,
   search: c,

package/dist/components/Toolbar/ToolbarSearch.js

@@ -2,8 +2,8 @@ import { jsx as p } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
 import { SearchField as a } from "../Forms/SearchField.js";
+import "../Snackbar/useSnackbar.js";
 const f = ({
   value: r,
   name: o,