gov-layout 1.2.26 → 1.2.28
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 +35 -9
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +35 -9
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -623,6 +623,18 @@ function ProfileIcon() {
|
|
|
623
623
|
}
|
|
624
624
|
);
|
|
625
625
|
}
|
|
626
|
+
function AvatarIcon({ size = 20 }) {
|
|
627
|
+
return /* @__PURE__ */ jsx(
|
|
628
|
+
"svg",
|
|
629
|
+
{
|
|
630
|
+
width: size,
|
|
631
|
+
height: size,
|
|
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",
|
|
@@ -683,7 +692,7 @@ function SidebarUserProfile({
|
|
|
683
692
|
fontWeight: 700,
|
|
684
693
|
fontSize: "14px"
|
|
685
694
|
},
|
|
686
|
-
children:
|
|
695
|
+
children: /* @__PURE__ */ jsx(AvatarIcon, { size: 20 })
|
|
687
696
|
}
|
|
688
697
|
)
|
|
689
698
|
}
|
|
@@ -804,7 +813,7 @@ function SidebarUserProfile({
|
|
|
804
813
|
fontSize: "16px",
|
|
805
814
|
flexShrink: 0
|
|
806
815
|
},
|
|
807
|
-
children:
|
|
816
|
+
children: /* @__PURE__ */ jsx(AvatarIcon, { size: 24 })
|
|
808
817
|
}
|
|
809
818
|
),
|
|
810
819
|
/* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
@@ -1095,6 +1104,9 @@ function HamburgerIcon() {
|
|
|
1095
1104
|
}
|
|
1096
1105
|
) });
|
|
1097
1106
|
}
|
|
1107
|
+
function MessageOutlinedIcon(props) {
|
|
1108
|
+
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" }) });
|
|
1109
|
+
}
|
|
1098
1110
|
function getNotifBg(type) {
|
|
1099
1111
|
const map = {
|
|
1100
1112
|
success: "#dcfce7",
|
|
@@ -1438,12 +1450,26 @@ function UserHeader({
|
|
|
1438
1450
|
"div",
|
|
1439
1451
|
{
|
|
1440
1452
|
style: {
|
|
1441
|
-
padding: "32px",
|
|
1453
|
+
padding: "48px 32px",
|
|
1442
1454
|
textAlign: "center",
|
|
1443
|
-
color: "#9ca3af",
|
|
1444
|
-
fontSize: "14px"
|
|
1455
|
+
color: isDark ? "#9ca3af" : "#6b7280",
|
|
1456
|
+
fontSize: "14px",
|
|
1457
|
+
display: "flex",
|
|
1458
|
+
flexDirection: "column",
|
|
1459
|
+
alignItems: "center",
|
|
1460
|
+
justifyContent: "center",
|
|
1461
|
+
gap: "12px"
|
|
1445
1462
|
},
|
|
1446
|
-
children: activeFilter === "
|
|
1463
|
+
children: activeFilter === "action" ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1464
|
+
/* @__PURE__ */ jsx(MessageOutlinedIcon, { style: { width: "48px", height: "48px", opacity: 0.4 } }),
|
|
1465
|
+
/* @__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" })
|
|
1466
|
+
] }) : activeFilter === "all" ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1467
|
+
/* @__PURE__ */ jsx(BellIcon2, {}),
|
|
1468
|
+
/* @__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" })
|
|
1469
|
+
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1470
|
+
/* @__PURE__ */ jsx("div", { style: { fontSize: "40px", opacity: 0.6, marginBottom: "-8px" }, children: "\u{1F4CB}" }),
|
|
1471
|
+
/* @__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" })
|
|
1472
|
+
] })
|
|
1447
1473
|
}
|
|
1448
1474
|
) : filteredNotifications.map((item) => /* @__PURE__ */ jsxs(
|
|
1449
1475
|
"div",
|