@altinn/altinn-components 0.41.2 → 0.41.3

package/dist/assets/AccountOrganization.css

@@ -0,0 +1 @@
+._list_hvcdj_1{display:flex;flex-direction:column;row-gap:.25rem;list-style:none;padding:.25rem 0;margin:0;border-left:2px solid;border-color:var(--ds-color-border-subtle);margin-left:1rem}._list_hvcdj_1[data-level="1"]{border-left:none;margin-left:0}._node_hvcdj_19{display:flex;align-items:center}._node_hvcdj_19:before{content:"";display:flex;width:100%;height:2px;width:1.5rem;background-color:var(--ds-color-border-subtle)}._node_hvcdj_19[data-level="1"]:before{display:none}._link_hvcdj_37{padding:.375rem .5rem;width:100%;display:flex;align-items:center;text-decoration:none}._link_hvcdj_37:not([data-selected=true]):hover{background-color:var(--ds-color-background-tinted)}._link_hvcdj_37[data-selected=true]{background-color:var(--ds-color-surface-tinted)}

package/dist/components/Account/AccountListItem.js

@@ -2,58 +2,59 @@ import { jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { ListItem as C } from "../List/ListItem.js";
+import { ListItem as M } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
-import { AccountListItemControls as M } from "./AccountListItemControls.js";
-const B = ({
+import { AccountListItemControls as b } from "./AccountListItemControls.js";
+const D = ({
   id: i,
   type: m,
   size: c,
   expanded: t,
   icon: s,
-  title: e,
-  description: n,
-  isCurrentEndUser: p,
-  isDeleted: u,
-  badge: f,
+  name: e,
+  title: n,
+  description: p,
+  isCurrentEndUser: u,
+  isDeleted: f,
+  badge: l,
   favourite: I = !1,
-  favouriteLabel: l,
-  onToggleFavourite: L,
-  contextMenu: v,
-  children: A,
-  interactive: j,
+  favouriteLabel: L,
+  onToggleFavourite: v,
+  contextMenu: A,
+  children: j,
+  interactive: k,
   loading: o,
-  ...k
+  ...C
 }) => /* @__PURE__ */ r(
-  C,
+  M,
   {
-    ...k,
+    ...C,
     loading: o,
     size: c,
     icon: s,
-    title: e,
-    description: t ? void 0 : n,
+    title: n || e,
+    description: t ? void 0 : p,
     expanded: t,
     selected: t,
     controls: !o && /* @__PURE__ */ r(
-      M,
+      b,
       {
         id: i,
         type: m,
         favourite: I,
-        favouriteLabel: l,
-        badge: f,
-        isCurrentEndUser: p,
-        isDeleted: u,
-        onToggleFavourite: L,
-        contextMenu: t ? void 0 : v
+        favouriteLabel: L,
+        badge: l,
+        isCurrentEndUser: u,
+        isDeleted: f,
+        onToggleFavourite: v,
+        contextMenu: t ? void 0 : A
       }
     ),
     linkIcon: !o && !0,
-    interactive: j,
-    children: A
+    interactive: k,
+    children: j
   }
 );
 export {
-  B as AccountListItem
+  D as AccountListItem
 };

package/dist/components/Account/AccountListItemDetails.js

@@ -0,0 +1,33 @@
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import { createElement as g, Fragment as h } from "react";
+import "../../index-L8X2o7IH.js";
+import { AccountOrganization as v } from "./AccountOrganization.js";
+import { Button as p } from "../Button/Button.js";
+import { ButtonGroup as L } from "../Button/ButtonGroup.js";
+import "../RootProvider/RootProvider.js";
+import { Divider as j } from "../Divider/Divider.js";
+import { List as x } from "../List/List.js";
+import "../Snackbar/useSnackbar.js";
+import { Section as a } from "../Page/Section.js";
+import { SettingsItem as z } from "../Settings/SettingsItem.js";
+const P = ({
+  color: c,
+  loading: s,
+  loadingText: l = "Loading...",
+  buttons: o,
+  settings: m,
+  organization: n
+}) => s ? /* @__PURE__ */ r(a, { padding: 6, spacing: 4, children: /* @__PURE__ */ r(p, { variant: "outline", loading: !0, children: l }) }) : /* @__PURE__ */ e(a, { padding: 6, spacing: 4, color: c, children: [
+  o && /* @__PURE__ */ r(L, { size: "sm", children: o.map((i, t) => {
+    const { label: d, variant: u, ...f } = i;
+    return /* @__PURE__ */ g(p, { ...f, variant: u || "outline", key: t }, d);
+  }) }),
+  m && /* @__PURE__ */ r(x, { size: "sm", children: m.map((i, t) => /* @__PURE__ */ e(h, { children: [
+    t > 0 && /* @__PURE__ */ r(j, { as: "li" }),
+    /* @__PURE__ */ r(z, { ...i })
+  ] }, t)) }),
+  n && /* @__PURE__ */ r(v, { items: n })
+] });
+export {
+  P as AccountListItemDetails
+};

package/dist/components/Account/AccountOrganization.js

@@ -0,0 +1,27 @@
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { Byline as d } 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,
+  selected: c,
+  ...e
+}) => /* @__PURE__ */ n(c ? "span" : o || "a", { ...e, className: i.link, "data-selected": c, children: /* @__PURE__ */ r(d, { size: "sm", avatar: t, children: [
+  /* @__PURE__ */ n("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__ */ r("li", { children: [
+  /* @__PURE__ */ n(a, { ...o }),
+  o.items && /* @__PURE__ */ n(u, { items: o.items, level: l + 1 })
+] }, s)) });
+export {
+  x as AccountOrganization
+};

package/dist/components/Account/index.js

@@ -1,10 +1,14 @@
 import { AccountMenu as c } from "./AccountMenu.js";
 import { AccountListItem as e } from "./AccountListItem.js";
-import { AccountList as i } from "./AccountList.js";
-import { AccountNotificationSettings as m } from "./AccountNotificationSettings.js";
+import { AccountListItemDetails as i } from "./AccountListItemDetails.js";
+import { AccountList as f } from "./AccountList.js";
+import { AccountNotificationSettings as p } from "./AccountNotificationSettings.js";
+import { AccountOrganization as A } from "./AccountOrganization.js";
 export {
-  i as AccountList,
+  f as AccountList,
   e as AccountListItem,
+  i as AccountListItemDetails,
   c as AccountMenu,
-  m as AccountNotificationSettings
+  p as AccountNotificationSettings,
+  A as AccountOrganization
 };

package/dist/components/Settings/AddressSettingsModal.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import i, { forwardRef as f } from "react";
+import { Typography as c } from "../Typography/Typography.js";
+import { Button as m } from "../Button/Button.js";
+import { ButtonGroup as p } from "../Button/ButtonGroup.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import { TextareaField as u } from "../Forms/TextareaField.js";
+import { SettingsModal as v } from "./SettingsModal.js";
+import { u as s } from "../../useId-BVFxCjkq.js";
+var h = function(t, n) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (l[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      n.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
+};
+const g = f((t, n) => {
+  var { title: l, titleId: e } = t, r = h(t, ["title", "titleId"]);
+  let o = s();
+  return o = l ? e || "title-" + o : void 0, i.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: n, "aria-labelledby": o }, r),
+    l ? i.createElement("title", { id: o }, l) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M20.532 3.471A.75.75 0 0 1 20.75 4v7.5a.75.75 0 0 1-1.5 0V5.81l-8.72 8.72a.75.75 0 1 1-1.06-1.06l8.72-8.72H12.5a.75.75 0 0 1 0-1.5H20c.206 0 .393.083.529.218l.001.002zM4.75 9A.25.25 0 0 1 5 8.75h7a.75.75 0 0 0 0-1.5H5A1.75 1.75 0 0 0 3.25 9v10c0 .966.784 1.75 1.75 1.75h10A1.75 1.75 0 0 0 16.75 19v-7a.75.75 0 0 0-1.5 0v7a.25.25 0 0 1-.25.25H5a.25.25 0 0 1-.25-.25z", clipRule: "evenodd" })
+  );
+});
+var b = function(t, n) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (l[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      n.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
+};
+const y = f((t, n) => {
+  var { title: l, titleId: e } = t, r = b(t, ["title", "titleId"]);
+  let o = s();
+  return o = l ? e || "title-" + o : void 0, i.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: n, "aria-labelledby": o }, r),
+    l ? i.createElement("title", { id: o }, l) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.53 2.47a.75.75 0 0 0-1.06 0l-7 7a.75.75 0 0 0-.22.53v11c0 .414.336.75.75.75h14a.75.75 0 0 0 .75-.75V10a.75.75 0 0 0-.22-.53zM5.75 20.25v-9.94L12 4.06l6.25 6.25v9.94zm4.28-7.22c.26-.26.68-.26.94 0l.5.5a.75.75 0 0 0 1.06 0l.5-.5a.664.664 0 1 1 .94.94L12 15.94l-1.97-1.97a.664.664 0 0 1 0-.94M12 11.94a2.164 2.164 0 0 0-3.03 3.09l2.5 2.5a.75.75 0 0 0 1.06 0l2.5-2.5A2.164 2.164 0 0 0 12 11.94", clipRule: "evenodd" })
+  );
+}), H = ({
+  title: t = "Endre adresse",
+  icon: n = y,
+  valueField: l = {
+    label: "Adresse",
+    value: "Idrettsveien 1, 5025 Bergen",
+    readOnly: !0
+  },
+  open: e,
+  onClose: r
+}) => /* @__PURE__ */ d(v, { icon: n, title: t, open: e, onClose: r, children: [
+  /* @__PURE__ */ a(u, { ...l, size: "sm", readOnly: !0 }),
+  /* @__PURE__ */ a(c, { size: "sm", children: /* @__PURE__ */ d("p", { children: [
+    "Altinn bruker adressen din fra ",
+    /* @__PURE__ */ a("a", { href: "https://skatteetaten.no/", children: "Folkeregisteret" }),
+    "."
+  ] }) }),
+  /* @__PURE__ */ a(p, { size: "md", children: /* @__PURE__ */ a(m, { variant: "outline", icon: g, reverse: !0, children: "Endre adresse" }) })
+] });
+export {
+  H as AddressSettingsModal
+};

package/dist/components/Settings/SettingsList.js

@@ -25,7 +25,7 @@ const q = ({ items: n, groups: p = {}, sortGroupBy: c }) => {
       /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(S, { size: "sm", children: i == null ? void 0 : i.items.map((a, m) => {
         const d = a.props || {};
         return /* @__PURE__ */ o(s, { children: [
-          m > 0 && /* @__PURE__ */ t(y, {}),
+          m > 0 && /* @__PURE__ */ t(y, { as: "li" }),
           /* @__PURE__ */ f(k, { ...d, key: "settings-list-item" + m })
         ] }, m);
       }) }) })

package/dist/components/Settings/UsedByLog.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as o, jsxs as e } from "react/jsx-runtime";
+import { useState as B, createElement as L, Fragment as S } from "react";
+import "../../index-L8X2o7IH.js";
+import "../RootProvider/RootProvider.js";
+import { SeenByLogButton as i } from "../Dialog/SeenByLogButton.js";
+import { Divider as u } from "../Divider/Divider.js";
+import { List as a } from "../List/List.js";
+import "../Snackbar/useSnackbar.js";
+import { Flex as j } from "../Page/Flex.js";
+import { Section as f } from "../Page/Section.js";
+import { UsedByLogItem as h } from "./UsedByLogItem.js";
+const w = ({
+  collapsible: d = !0,
+  expanded: l,
+  title: c,
+  items: r,
+  size: p = "sm",
+  endUserLabel: t
+}) => {
+  const [g, m] = B(l || !d && !0), x = () => {
+    m((n) => !n);
+  };
+  return (r == null ? void 0 : r.length) === 1 ? /* @__PURE__ */ o(f, { spacing: 1, children: /* @__PURE__ */ o(a, { size: p, spacing: 1, children: r == null ? void 0 : r.map((n) => /* @__PURE__ */ L(h, { ...n, key: n.id, size: p, endUserLabel: t })) }) }) : /* @__PURE__ */ e(f, { spacing: 1, children: [
+    c && /* @__PURE__ */ o(j, { children: d ? /* @__PURE__ */ o(i, { icon: { items: r }, as: "button", onClick: x, children: c }) : /* @__PURE__ */ o(i, { icon: { items: r }, as: "div", children: c }) }),
+    c && g && /* @__PURE__ */ o(u, {}),
+    g && /* @__PURE__ */ o(a, { size: p, spacing: 1, children: r == null ? void 0 : r.map((n, y) => /* @__PURE__ */ e(S, { children: [
+      y > 0 && /* @__PURE__ */ o(u, {}),
+      /* @__PURE__ */ o(h, { ...n, size: p, endUserLabel: t })
+    ] }, n.id)) })
+  ] });
+};
+export {
+  w as UsedByLog
+};

package/dist/components/Settings/UsedByLogItem.js

@@ -0,0 +1,32 @@
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { Badge as s } from "../Badge/Badge.js";
+import { Byline as p } from "../Byline/Byline.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import { Flex as c } from "../Page/Flex.js";
+const u = ({
+  type: e,
+  name: t,
+  description: o,
+  isEndUser: m,
+  endUserLabel: a,
+  size: l = "sm"
+}) => {
+  const i = m && { label: a };
+  return /* @__PURE__ */ r(c, { align: "center", spacing: 2, as: "li", children: [
+    /* @__PURE__ */ r(p, { size: l, avatar: { name: t, type: e }, children: [
+      /* @__PURE__ */ r("strong", { children: [
+        t,
+        o && NaN
+      ] }),
+      " ",
+      o
+    ] }),
+    i && /* @__PURE__ */ n(s, { variant: "subtle", ...i })
+  ] });
+};
+export {
+  u as UsedByLogItem
+};

package/dist/components/Settings/index.js

@@ -1,10 +1,14 @@
-import { SettingsSection as o } from "./SettingsSection.js";
-import { SettingsItem as i } from "./SettingsItem.js";
-import { SettingsList as n } from "./SettingsList.js";
-import { SettingsModal as S } from "./SettingsModal.js";
+import { SettingsSection as e } from "./SettingsSection.js";
+import { SettingsItem as m } from "./SettingsItem.js";
+import { SettingsList as f } from "./SettingsList.js";
+import { SettingsModal as i } from "./SettingsModal.js";
+import { UsedByLog as x } from "./UsedByLog.js";
+import { UsedByLogItem as S } from "./UsedByLogItem.js";
 export {
-  i as SettingsItem,
-  n as SettingsList,
-  S as SettingsModal,
-  o as SettingsSection
+  m as SettingsItem,
+  f as SettingsList,
+  i as SettingsModal,
+  e as SettingsSection,
+  x as UsedByLog,
+  S as UsedByLogItem
 };