@altinn/altinn-components 0.50.3 → 0.50.4

package/dist/components/Account/AccountMenuButton.js

@@ -1,53 +1,53 @@
 "use client";
 import { jsx as a, jsxs as d } from "react/jsx-runtime";
 import { c as m } from "../../index-L8X2o7IH.js";
-import f, { forwardRef as _, isValidElement as v } from "react";
-import { Avatar as b } from "../Avatar/Avatar.js";
-import { ButtonBase as p } from "../Button/ButtonBase.js";
-import { ButtonLabel as g } from "../Button/ButtonLabel.js";
+import f, { forwardRef as v, isValidElement as h } from "react";
+import { Avatar as p } from "../Avatar/Avatar.js";
+import { ButtonBase as g } from "../Button/ButtonBase.js";
+import { ButtonLabel as b } from "../Button/ButtonLabel.js";
 import { ButtonIcon as u } from "../Button/ButtonIcon.js";
-import "../RootProvider/RootProvider.js";
+import { useRootContext as I } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as h } from "../../XMark-tKk6aExO.js";
-import { u as I } from "../../useId-BVFxCjkq.js";
-import '../../assets/AccountMenuButton.css';var w = function(t, o) {
-  var i = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (i[e] = t[e]);
+import { S as w } from "../../XMark-tKk6aExO.js";
+import { u as y } from "../../useId-BVFxCjkq.js";
+import '../../assets/AccountMenuButton.css';var N = function(t, o) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      o.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (i[e[l]] = t[e[l]]);
-  return i;
+    for (var i = 0, e = Object.getOwnPropertySymbols(t); i < e.length; i++)
+      o.indexOf(e[i]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[i]) && (l[e[i]] = t[e[i]]);
+  return l;
 };
-const y = _((t, o) => {
-  var { title: i, titleId: e } = t, l = w(t, ["title", "titleId"]);
-  let r = I();
-  return r = i ? e || "title-" + r : void 0, f.createElement(
+const x = v((t, o) => {
+  var { title: l, titleId: e } = t, i = N(t, ["title", "titleId"]);
+  let r = y();
+  return r = l ? e || "title-" + r : void 0, f.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: o, "aria-labelledby": r }, l),
-    i ? f.createElement("title", { id: r }, i) : null,
+    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: o, "aria-labelledby": r }, i),
+    l ? f.createElement("title", { id: r }, l) : null,
     f.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M15.5 3.25a.75.75 0 0 0 0 1.5H19a.25.25 0 0 1 .25.25v14a.25.25 0 0 1-.25.25h-3.5a.75.75 0 0 0 0 1.5H19A1.75 1.75 0 0 0 20.75 19V5A1.75 1.75 0 0 0 19 3.25zM9.97 6.97a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 1 1-1.06-1.06l3.22-3.22H3.5a.75.75 0 0 1 0-1.5h9.69L9.97 8.03a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
   );
-}), N = "_button_1r4wq_1", x = "_avatarIcon_1r4wq_18", O = "_loginIcon_1r4wq_19", q = "_closeIcon_1r4wq_20", j = "_avatar_1r4wq_18", k = "_icon_1r4wq_43", L = "_labelContainer_1r4wq_55", B = "_description_1r4wq_63", n = {
-  button: N,
-  avatarIcon: x,
-  loginIcon: O,
-  closeIcon: q,
-  avatar: j,
-  icon: k,
-  labelContainer: L,
-  description: B
-}, F = ({
+}), O = "_button_1r4wq_1", q = "_avatarIcon_1r4wq_18", C = "_loginIcon_1r4wq_19", j = "_closeIcon_1r4wq_20", k = "_avatar_1r4wq_18", L = "_icon_1r4wq_43", B = "_labelContainer_1r4wq_55", E = "_description_1r4wq_63", n = {
+  button: O,
+  avatarIcon: q,
+  loginIcon: C,
+  closeIcon: j,
+  avatar: k,
+  icon: L,
+  labelContainer: B,
+  description: E
+}, J = ({
   className: t,
   currentAccount: o,
-  expanded: i,
+  expanded: l,
   minimized: e = !1,
-  loading: l = !1,
+  loading: i = !1,
   ...r
 }) => {
-  const c = C(void 0);
-  if (l)
+  const { languageCode: _ } = I(), c = M(_);
+  if (i)
     return /* @__PURE__ */ a(
-      p,
+      g,
       {
         ...r,
         as: "button",
@@ -57,13 +57,13 @@ const y = _((t, o) => {
         className: m(n.button, n.loading, t),
         disabled: !0,
         "aria-label": "loading",
-        children: /* @__PURE__ */ a(u, { className: n.avatarIcon, icon: /* @__PURE__ */ a(b, { name: "loading", loading: !0, className: n.avatar }) })
+        children: /* @__PURE__ */ a(u, { className: n.avatarIcon, icon: /* @__PURE__ */ a(p, { name: "loading", loading: !0, className: n.avatar }) })
       }
     );
   if (o) {
     let s = o.description;
     return o.type === "subunit" && typeof s == "string" && s && (s = `${s.split(",")[0]}, ${c.subunit}`), /* @__PURE__ */ d(
-      p,
+      g,
       {
         ...r,
         as: "button",
@@ -71,25 +71,25 @@ const y = _((t, o) => {
         variant: "text",
         color: "accent",
         className: m(n.button, t),
-        "aria-label": i ? c.close : o.name,
+        "aria-label": l ? c.close : o.name,
         children: [
-          !e && /* @__PURE__ */ a(g, { children: /* @__PURE__ */ d("div", { className: n.labelContainer, children: [
+          !e && /* @__PURE__ */ a(b, { children: /* @__PURE__ */ d("div", { className: n.labelContainer, children: [
             o.name,
-            /* @__PURE__ */ a("span", { className: n.description, children: typeof s == "string" || v(s) ? s : null })
+            /* @__PURE__ */ a("span", { className: n.description, children: typeof s == "string" || h(s) ? s : null })
           ] }) }),
-          i ? /* @__PURE__ */ a(u, { className: n.closeIcon, icon: /* @__PURE__ */ a(h, { className: n.icon, "aria-hidden": !0 }) }) : /* @__PURE__ */ a(
+          l ? /* @__PURE__ */ a(u, { className: n.closeIcon, icon: /* @__PURE__ */ a(w, { className: n.icon, "aria-hidden": !0 }) }) : /* @__PURE__ */ a(
             u,
             {
               className: n.avatarIcon,
-              icon: /* @__PURE__ */ a(b, { ...o == null ? void 0 : o.icon, className: n.avatar })
+              icon: /* @__PURE__ */ a(p, { ...o == null ? void 0 : o.icon, className: n.avatar })
             }
           )
         ]
       }
     );
   }
-  return i ? null : /* @__PURE__ */ d(
-    p,
+  return l ? null : /* @__PURE__ */ d(
+    g,
     {
       ...r,
       as: "button",
@@ -99,12 +99,12 @@ const y = _((t, o) => {
       "aria-label": c.login,
       className: m(n.button, t),
       children: [
-        !e && /* @__PURE__ */ a(g, { children: c.login }),
-        /* @__PURE__ */ a(u, { className: n.loginIcon, icon: /* @__PURE__ */ a(y, { className: n.icon, "aria-hidden": !0 }) })
+        !e && /* @__PURE__ */ a(b, { children: c.login }),
+        /* @__PURE__ */ a(u, { className: n.loginIcon, icon: /* @__PURE__ */ a(x, { className: n.icon, "aria-hidden": !0 }) })
       ]
     }
   );
-}, C = (t) => {
+}, M = (t) => {
   switch (t) {
     case "nn":
       return {
@@ -127,5 +127,5 @@ const y = _((t, o) => {
   }
 };
 export {
-  F as AccountMenuButton
+  J as AccountMenuButton
 };

package/dist/components/Account/AccountOrganization.js

@@ -1,30 +1,33 @@
-import { jsx as n, jsxs as c } from "react/jsx-runtime";
+import { jsx as n, jsxs as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Byline as d } from "../Byline/Byline.js";
+import { Byline as p } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/AccountOrganization.css';const m = "_list_hvcdj_1", p = "_node_hvcdj_19", h = "_link_hvcdj_37", i = {
-  list: m,
-  node: p,
-  link: h
-}, a = ({
-  avatar: t,
-  title: l,
-  as: o,
-  description: s,
+import '../../assets/AccountOrganization.css';const h = "_list_hvcdj_1", _ = "_node_hvcdj_19", u = "_link_hvcdj_37", l = {
+  list: h,
+  node: _,
+  link: u
+}, c = ({
+  avatar: e,
+  title: t,
+  as: s,
+  description: i,
   selected: r,
-  ...e
-}) => /* @__PURE__ */ n(r ? "span" : o || "a", { ...e, className: i.link, "data-selected": r, children: /* @__PURE__ */ c(d, { size: "sm", avatar: t, children: [
-  /* @__PURE__ */ c("strong", { children: [
-    l,
-    s && ","
-  ] }),
-  s
-] }) }), u = ({ items: t, level: l }) => /* @__PURE__ */ n("ul", { "data-level": l, className: i.list, children: t.map((o, s) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n("span", { className: i.node, "data-level": l, children: /* @__PURE__ */ n(a, { ...o }) }) }, s)) }), x = ({ items: t, level: l = 1 }) => /* @__PURE__ */ n("ul", { "data-level": l, className: i.list, children: t == null ? void 0 : t.map((o, s) => /* @__PURE__ */ c("li", { children: [
-  /* @__PURE__ */ n(a, { ...o }),
-  o.items && /* @__PURE__ */ n(u, { items: o.items, level: l + 1 })
-] }, s)) });
+  ...a
+}) => {
+  const m = r ? "span" : s || "a", { items: v, ...d } = a;
+  return /* @__PURE__ */ n(m, { ...d, className: l.link, "data-selected": r, children: /* @__PURE__ */ o(p, { size: "sm", avatar: e, children: [
+    /* @__PURE__ */ o("strong", { children: [
+      t,
+      i && ","
+    ] }),
+    i
+  ] }) });
+}, j = ({ items: e, level: t }) => /* @__PURE__ */ n("ul", { "data-level": t, className: l.list, children: e.map((s, i) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n("span", { className: l.node, "data-level": t, children: /* @__PURE__ */ n(c, { ...s }) }) }, i)) }), O = ({ items: e = [], level: t = 1 }) => /* @__PURE__ */ n("ul", { "data-level": t, className: l.list, children: e.map((s, i) => /* @__PURE__ */ o("li", { children: [
+  /* @__PURE__ */ n(c, { ...s }),
+  s.items && /* @__PURE__ */ n(j, { items: s.items, level: t + 1 })
+] }, i)) });
 export {
-  x as AccountOrganization
+  O as AccountOrganization
 };

package/dist/types/lib/components/Account/AccountMenuButton.stories.d.ts

@@ -24,6 +24,7 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Login: Story;
+export declare const LoginWithEnglishText: () => import("react/jsx-runtime").JSX.Element;
 export declare const Person: Story;
 export declare const Company: Story;
 export declare const Expanded: Story;

package/dist/types/lib/components/Account/AccountOrganization.stories.d.ts

@@ -12,15 +12,25 @@ declare const meta: {
                 name: string;
             };
             selected: true;
-            items: {
+            items: ({
                 title: string;
                 description: string;
                 avatar: {
                     type: "company";
                     name: string;
                     variant: "outline";
+                    isDeleted?: undefined;
                 };
-            }[];
+            } | {
+                title: string;
+                description: string;
+                avatar: {
+                    type: "company";
+                    name: string;
+                    variant: "outline";
+                    isDeleted: true;
+                };
+            })[];
         }[];
     };
     parameters: {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.50.3",
+  "version": "0.50.4",
   "main": "dist/index.js",
   "files": [
     "dist/",