@altinn/altinn-components 0.33.8 → 0.35.0

package/dist/components/{ResourceList → ResourceListItem}/ResourceListItem.js

@@ -4,15 +4,16 @@ import "react";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { ListItem as e } from "../List/ListItem.js";
-const u = ({
+import { ListItem as s } from "../List/ListItem.js";
+const h = ({
   ownerName: t,
   resourceName: i,
   ownerLogoUrlAlt: r,
   ownerLogoUrl: m,
-  ...o
+  titleAs: o = "h3",
+  ...e
 }) => /* @__PURE__ */ p(
-  e,
+  s,
   {
     icon: {
       name: t,
@@ -20,11 +21,11 @@ const u = ({
       imageUrlAlt: r,
       type: "company"
     },
-    title: i,
+    title: { children: i, as: o },
     description: t,
-    ...o
+    ...e
   }
 );
 export {
-  u as ResourceListItem
+  h as ResourceListItem
 };

package/dist/components/ResourceListItem/index.js

@@ -0,0 +1,4 @@
+import { ResourceListItem as r } from "./ResourceListItem.js";
+export {
+  r as ResourceListItem
+};

package/dist/components/UserListItem/UserListItem.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx as s, jsxs as v } from "react/jsx-runtime";
+import { Avatar as y } from "../Avatar/Avatar.js";
+import "../../index-L8X2o7IH.js";
+import * as d from "react";
+import { forwardRef as g } from "react";
+import { Badge as h } from "../Badge/Badge.js";
+import "../RootProvider/RootProvider.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { ListItemLabel as _ } from "../List/ListItemLabel.js";
+import { ListItem as w } from "../List/ListItem.js";
+import { u as O } from "../../useId-BVFxCjkq.js";
+import '../../assets/UserListItem.css';var z = function(e, o) {
+  var a = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (a[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, t = Object.getOwnPropertySymbols(e); l < t.length; l++)
+      o.indexOf(t[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[l]) && (a[t[l]] = e[t[l]]);
+  return a;
+};
+const I = g((e, o) => {
+  var { title: a, titleId: t } = e, l = z(e, ["title", "titleId"]);
+  let r = O();
+  return r = a ? t || "title-" + r : void 0, d.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),
+    a ? d.createElement("title", { id: r }, a) : null,
+    d.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.625 2.35a.75.75 0 0 1 .75 0l7.794 4.5a.75.75 0 0 1 .375.65v9a.75.75 0 0 1-.375.65l-7.779 4.49a.75.75 0 0 1-.39.11h-.006a.76.76 0 0 1-.373-.103L3.83 17.15a.75.75 0 0 1-.375-.65V7.494a.75.75 0 0 1 .382-.648zm-.375 17.351-6.294-3.634V8.799l3.486 2.013a3.751 3.751 0 0 0 2.808 4.863zM15.75 12a3.75 3.75 0 0 1-3 3.675v4.026l6.294-3.634V8.799l-3.486 2.013c.124.373.192.773.192 1.188m-1.79-1.105a2.25 2.25 0 1 1-3.919-.003l.01-.017.01-.016a2.249 2.249 0 0 1 3.9.036m.847-1.382L18.294 7.5 12 3.866 5.706 7.5l3.487 2.013A3.74 3.74 0 0 1 12 8.25a3.74 3.74 0 0 1 2.807 1.263", clipRule: "evenodd" })
+  );
+}), j = "_badges_1m5z5_1", x = "_label_1m5z5_11", A = "_subUnitAvatar_1m5z5_18", f = {
+  badges: j,
+  label: x,
+  subUnitAvatar: A
+}, C = ({
+  name: e,
+  type: o,
+  description: a,
+  roleNames: t,
+  titleAs: l = "h3",
+  subUnit: r = !1,
+  loading: c = !1,
+  ...n
+}) => {
+  let i;
+  switch (o) {
+    case "person":
+      i = { name: e, type: "person" };
+      break;
+    case "company":
+      i = { name: e, type: "company" };
+      break;
+    case "system":
+      i = I;
+      break;
+    default:
+      i = { name: e, type: "person" };
+  }
+  const b = r && /* @__PURE__ */ s(y, { name: e, type: "company", className: f.subUnitAvatar }), p = !c && t ? /* @__PURE__ */ s("div", { className: f.badges, children: t.map((m) => /* @__PURE__ */ s(h, { label: m, color: n.color, children: m }, m)) }) : void 0, u = /* @__PURE__ */ v("div", { className: f.label, "data-size": n.size, children: [
+    /* @__PURE__ */ s(
+      _,
+      {
+        title: { children: e, as: l },
+        description: a,
+        size: n.size,
+        loading: c
+      }
+    ),
+    p
+  ] });
+  return /* @__PURE__ */ s(
+    w,
+    {
+      icon: r ? b : i,
+      ariaLabel: e,
+      label: u,
+      description: a,
+      loading: c,
+      ...n
+    }
+  );
+};
+export {
+  C as UserListItem
+};

package/dist/components/UserListItem/index.js

@@ -0,0 +1,4 @@
+import { UserListItem as t } from "./UserListItem.js";
+export {
+  t as UserListItem
+};