analytica-frontend-lib 1.2.18 → 1.2.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -87,6 +87,7 @@ __export(src_exports, {
87
87
  NotificationEntityType: () => NotificationEntityType,
88
88
  ProfileMenuFooter: () => ProfileMenuFooter,
89
89
  ProfileMenuHeader: () => ProfileMenuHeader,
90
+ ProfileMenuInfo: () => ProfileMenuInfo,
90
91
  ProfileMenuSection: () => ProfileMenuSection,
91
92
  ProfileMenuTrigger: () => ProfileMenuTrigger,
92
93
  ProfileToggleTheme: () => ProfileToggleTheme,
@@ -4632,10 +4633,13 @@ var ProfileMenuHeader = (0, import_react19.forwardRef)(({ className, name, email
4632
4633
  {
4633
4634
  ref,
4634
4635
  "data-component": "ProfileMenuHeader",
4635
- className: cn("flex flex-row gap-4 items-center", className),
4636
+ className: cn(
4637
+ "flex flex-row gap-4 items-center min-w-[280px]",
4638
+ className
4639
+ ),
4636
4640
  ...props,
4637
4641
  children: [
4638
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center overflow-hidden", children: photoUrl ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
4642
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center overflow-hidden flex-shrink-0", children: photoUrl ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
4639
4643
  "img",
4640
4644
  {
4641
4645
  src: photoUrl,
@@ -4643,15 +4647,56 @@ var ProfileMenuHeader = (0, import_react19.forwardRef)(({ className, name, email
4643
4647
  className: "w-full h-full object-cover"
4644
4648
  }
4645
4649
  ) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_phosphor_react15.User, { size: 34, className: "text-primary-800" }) }),
4646
- /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col ", children: [
4647
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text_default, { size: "xl", weight: "bold", color: "text-text-950", children: name }),
4648
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text_default, { size: "md", color: "text-text-600", children: email })
4650
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col min-w-0", children: [
4651
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
4652
+ Text_default,
4653
+ {
4654
+ size: "xl",
4655
+ weight: "bold",
4656
+ color: "text-text-950",
4657
+ className: "truncate",
4658
+ children: name
4659
+ }
4660
+ ),
4661
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text_default, { size: "md", color: "text-text-600", className: "truncate", children: email })
4649
4662
  ] })
4650
4663
  ]
4651
4664
  }
4652
4665
  );
4653
4666
  });
4654
4667
  ProfileMenuHeader.displayName = "ProfileMenuHeader";
4668
+ var ProfileMenuInfo = (0, import_react19.forwardRef)(
4669
+ ({
4670
+ className,
4671
+ schoolName,
4672
+ classYearName,
4673
+ schoolYearName,
4674
+ store: _store,
4675
+ ...props
4676
+ }, ref) => {
4677
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
4678
+ "div",
4679
+ {
4680
+ ref,
4681
+ "data-component": "ProfileMenuInfo",
4682
+ className: cn("flex flex-row gap-4 items-center", className),
4683
+ ...props,
4684
+ children: [
4685
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "w-16 h-16" }),
4686
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col ", children: [
4687
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text_default, { size: "md", color: "text-text-600", children: schoolName }),
4688
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "flex flex-row items-center gap-2", children: [
4689
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text_default, { size: "md", color: "text-text-600", children: classYearName }),
4690
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-text-600 text-xs align-middle", children: "\u25CF" }),
4691
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text_default, { size: "md", color: "text-text-600", children: schoolYearName })
4692
+ ] })
4693
+ ] })
4694
+ ]
4695
+ }
4696
+ );
4697
+ }
4698
+ );
4699
+ ProfileMenuInfo.displayName = "ProfileMenuInfo";
4655
4700
  var ProfileToggleTheme = ({
4656
4701
  store: externalStore,
4657
4702
  ...props
@@ -15599,6 +15644,7 @@ function useAppContent(config) {
15599
15644
  NotificationEntityType,
15600
15645
  ProfileMenuFooter,
15601
15646
  ProfileMenuHeader,
15647
+ ProfileMenuInfo,
15602
15648
  ProfileMenuSection,
15603
15649
  ProfileMenuTrigger,
15604
15650
  ProfileToggleTheme,