gov-layout 1.2.25 → 1.2.27

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.mjs CHANGED
@@ -623,6 +623,18 @@ function ProfileIcon() {
623
623
  }
624
624
  );
625
625
  }
626
+ function DefaultAvatarIcon() {
627
+ return /* @__PURE__ */ jsx(
628
+ "svg",
629
+ {
630
+ width: "20",
631
+ height: "20",
632
+ viewBox: "0 0 24 24",
633
+ fill: "currentColor",
634
+ children: /* @__PURE__ */ jsx("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" })
635
+ }
636
+ );
637
+ }
626
638
  function SidebarUserProfile({
627
639
  user,
628
640
  roleLabel,
@@ -638,9 +650,6 @@ function SidebarUserProfile({
638
650
  }
639
651
  return user.firstName || user.lastName || "\u0E1C\u0E39\u0E49\u0E43\u0E0A\u0E49";
640
652
  };
641
- const getInitial = () => {
642
- return user.firstName?.charAt(0) || user.lastName?.charAt(0) || "?";
643
- };
644
653
  if (collapsed) {
645
654
  return /* @__PURE__ */ jsxs("div", { style: {
646
655
  padding: "12px 8px",
@@ -679,11 +688,9 @@ function SidebarUserProfile({
679
688
  display: "flex",
680
689
  alignItems: "center",
681
690
  justifyContent: "center",
682
- color: "#fff",
683
- fontWeight: 700,
684
- fontSize: "14px"
691
+ color: "#fff"
685
692
  },
686
- children: getInitial()
693
+ children: /* @__PURE__ */ jsx(DefaultAvatarIcon, {})
687
694
  }
688
695
  )
689
696
  }
@@ -800,11 +807,9 @@ function SidebarUserProfile({
800
807
  alignItems: "center",
801
808
  justifyContent: "center",
802
809
  color: "#fff",
803
- fontWeight: 700,
804
- fontSize: "16px",
805
810
  flexShrink: 0
806
811
  },
807
- children: getInitial()
812
+ children: /* @__PURE__ */ jsx(DefaultAvatarIcon, {})
808
813
  }
809
814
  ),
810
815
  /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
@@ -1095,6 +1100,9 @@ function HamburgerIcon() {
1095
1100
  }
1096
1101
  ) });
1097
1102
  }
1103
+ function MessageOutlinedIcon(props) {
1104
+ return /* @__PURE__ */ jsx("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx("path", { d: "M4 4h16v12H5.17L4 17.17zm0-2c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm2 10h12v2H6zm0-3h12v2H6zm0-3h12v2H6z" }) });
1105
+ }
1098
1106
  function getNotifBg(type) {
1099
1107
  const map = {
1100
1108
  success: "#dcfce7",
@@ -1438,12 +1446,26 @@ function UserHeader({
1438
1446
  "div",
1439
1447
  {
1440
1448
  style: {
1441
- padding: "32px",
1449
+ padding: "48px 32px",
1442
1450
  textAlign: "center",
1443
- color: "#9ca3af",
1444
- fontSize: "14px"
1451
+ color: isDark ? "#9ca3af" : "#6b7280",
1452
+ fontSize: "14px",
1453
+ display: "flex",
1454
+ flexDirection: "column",
1455
+ alignItems: "center",
1456
+ justifyContent: "center",
1457
+ gap: "12px"
1445
1458
  },
1446
- children: activeFilter === "all" ? "\u{1F514} \u0E44\u0E21\u0E48\u0E21\u0E35\u0E01\u0E32\u0E23\u0E41\u0E08\u0E49\u0E07\u0E40\u0E15\u0E37\u0E2D\u0E19\u0E43\u0E2B\u0E21\u0E48" : activeFilter === "action" ? "\u2705 \u0E44\u0E21\u0E48\u0E21\u0E35\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E17\u0E35\u0E48\u0E15\u0E49\u0E2D\u0E07\u0E14\u0E33\u0E40\u0E19\u0E34\u0E19\u0E01\u0E32\u0E23" : "\u{1F4CB} \u0E44\u0E21\u0E48\u0E21\u0E35\u0E01\u0E32\u0E23\u0E41\u0E08\u0E49\u0E07\u0E40\u0E15\u0E37\u0E2D\u0E19\u0E17\u0E31\u0E48\u0E27\u0E44\u0E1B"
1459
+ children: activeFilter === "action" ? /* @__PURE__ */ jsxs(Fragment, { children: [
1460
+ /* @__PURE__ */ jsx(MessageOutlinedIcon, { style: { width: "48px", height: "48px", opacity: 0.4 } }),
1461
+ /* @__PURE__ */ jsx("span", { style: { fontWeight: 500 }, children: "\u0E44\u0E21\u0E48\u0E21\u0E35\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E17\u0E35\u0E48\u0E15\u0E49\u0E2D\u0E07\u0E14\u0E33\u0E40\u0E19\u0E34\u0E19\u0E01\u0E32\u0E23" })
1462
+ ] }) : activeFilter === "all" ? /* @__PURE__ */ jsxs(Fragment, { children: [
1463
+ /* @__PURE__ */ jsx(BellIcon2, {}),
1464
+ /* @__PURE__ */ jsx("span", { style: { fontWeight: 500, marginTop: "8px" }, children: "\u0E44\u0E21\u0E48\u0E21\u0E35\u0E01\u0E32\u0E23\u0E41\u0E08\u0E49\u0E07\u0E40\u0E15\u0E37\u0E2D\u0E19\u0E43\u0E2B\u0E21\u0E48" })
1465
+ ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
1466
+ /* @__PURE__ */ jsx("div", { style: { fontSize: "40px", opacity: 0.6, marginBottom: "-8px" }, children: "\u{1F4CB}" }),
1467
+ /* @__PURE__ */ jsx("span", { style: { fontWeight: 500 }, children: "\u0E44\u0E21\u0E48\u0E21\u0E35\u0E01\u0E32\u0E23\u0E41\u0E08\u0E49\u0E07\u0E40\u0E15\u0E37\u0E2D\u0E19\u0E17\u0E31\u0E48\u0E27\u0E44\u0E1B" })
1468
+ ] })
1447
1469
  }
1448
1470
  ) : filteredNotifications.map((item) => /* @__PURE__ */ jsxs(
1449
1471
  "div",