analytica-frontend-lib 1.2.18 → 1.2.21

package/dist/AlertManager/index.mjs

@@ -2320,10 +2320,13 @@ var ProfileMenuHeader = forwardRef5(({ className, name, email, photoUrl, store:
     {
       ref,
       "data-component": "ProfileMenuHeader",
-      className: cn("flex flex-row gap-4 items-center", className),
+      className: cn(
+        "flex flex-row gap-4 items-center min-w-[280px]",
+        className
+      ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx13("span", { className: "w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center overflow-hidden", children: photoUrl ? /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx13("span", { className: "w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center overflow-hidden flex-shrink-0", children: photoUrl ? /* @__PURE__ */ jsx13(
           "img",
           {
             src: photoUrl,
@@ -2331,15 +2334,56 @@ var ProfileMenuHeader = forwardRef5(({ className, name, email, photoUrl, store:
             className: "w-full h-full object-cover"
           }
         ) : /* @__PURE__ */ jsx13(User, { size: 34, className: "text-primary-800" }) }),
-        /* @__PURE__ */ jsxs10("div", { className: "flex flex-col ", children: [
-          /* @__PURE__ */ jsx13(Text_default, { size: "xl", weight: "bold", color: "text-text-950", children: name }),
-          /* @__PURE__ */ jsx13(Text_default, { size: "md", color: "text-text-600", children: email })
+        /* @__PURE__ */ jsxs10("div", { className: "flex flex-col min-w-0", children: [
+          /* @__PURE__ */ jsx13(
+            Text_default,
+            {
+              size: "xl",
+              weight: "bold",
+              color: "text-text-950",
+              className: "truncate",
+              children: name
+            }
+          ),
+          /* @__PURE__ */ jsx13(Text_default, { size: "md", color: "text-text-600", className: "truncate", children: email })
         ] })
       ]
     }
   );
 });
 ProfileMenuHeader.displayName = "ProfileMenuHeader";
+var ProfileMenuInfo = forwardRef5(
+  ({
+    className,
+    schoolName,
+    classYearName,
+    schoolYearName,
+    store: _store,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs10(
+      "div",
+      {
+        ref,
+        "data-component": "ProfileMenuInfo",
+        className: cn("flex flex-row gap-4 items-center", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx13("span", { className: "w-16 h-16" }),
+          /* @__PURE__ */ jsxs10("div", { className: "flex flex-col ", children: [
+            /* @__PURE__ */ jsx13(Text_default, { size: "md", color: "text-text-600", children: schoolName }),
+            /* @__PURE__ */ jsxs10("span", { className: "flex flex-row items-center gap-2", children: [
+              /* @__PURE__ */ jsx13(Text_default, { size: "md", color: "text-text-600", children: classYearName }),
+              /* @__PURE__ */ jsx13("p", { className: "text-text-600 text-xs align-middle", children: "\u25CF" }),
+              /* @__PURE__ */ jsx13(Text_default, { size: "md", color: "text-text-600", children: schoolYearName })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ProfileMenuInfo.displayName = "ProfileMenuInfo";
 var ProfileToggleTheme = ({
   store: externalStore,
   ...props