gov-layout 1.2.26 → 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.js +36 -14
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +36 -14
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -625,6 +625,18 @@ function ProfileIcon() {
|
|
|
625
625
|
}
|
|
626
626
|
);
|
|
627
627
|
}
|
|
628
|
+
function DefaultAvatarIcon() {
|
|
629
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
630
|
+
"svg",
|
|
631
|
+
{
|
|
632
|
+
width: "20",
|
|
633
|
+
height: "20",
|
|
634
|
+
viewBox: "0 0 24 24",
|
|
635
|
+
fill: "currentColor",
|
|
636
|
+
children: /* @__PURE__ */ jsxRuntime.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" })
|
|
637
|
+
}
|
|
638
|
+
);
|
|
639
|
+
}
|
|
628
640
|
function SidebarUserProfile({
|
|
629
641
|
user,
|
|
630
642
|
roleLabel,
|
|
@@ -640,9 +652,6 @@ function SidebarUserProfile({
|
|
|
640
652
|
}
|
|
641
653
|
return user.firstName || user.lastName || "\u0E1C\u0E39\u0E49\u0E43\u0E0A\u0E49";
|
|
642
654
|
};
|
|
643
|
-
const getInitial = () => {
|
|
644
|
-
return user.firstName?.charAt(0) || user.lastName?.charAt(0) || "?";
|
|
645
|
-
};
|
|
646
655
|
if (collapsed) {
|
|
647
656
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
|
|
648
657
|
padding: "12px 8px",
|
|
@@ -681,11 +690,9 @@ function SidebarUserProfile({
|
|
|
681
690
|
display: "flex",
|
|
682
691
|
alignItems: "center",
|
|
683
692
|
justifyContent: "center",
|
|
684
|
-
color: "#fff"
|
|
685
|
-
fontWeight: 700,
|
|
686
|
-
fontSize: "14px"
|
|
693
|
+
color: "#fff"
|
|
687
694
|
},
|
|
688
|
-
children:
|
|
695
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(DefaultAvatarIcon, {})
|
|
689
696
|
}
|
|
690
697
|
)
|
|
691
698
|
}
|
|
@@ -802,11 +809,9 @@ function SidebarUserProfile({
|
|
|
802
809
|
alignItems: "center",
|
|
803
810
|
justifyContent: "center",
|
|
804
811
|
color: "#fff",
|
|
805
|
-
fontWeight: 700,
|
|
806
|
-
fontSize: "16px",
|
|
807
812
|
flexShrink: 0
|
|
808
813
|
},
|
|
809
|
-
children:
|
|
814
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(DefaultAvatarIcon, {})
|
|
810
815
|
}
|
|
811
816
|
),
|
|
812
817
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
@@ -1097,6 +1102,9 @@ function HamburgerIcon() {
|
|
|
1097
1102
|
}
|
|
1098
1103
|
) });
|
|
1099
1104
|
}
|
|
1105
|
+
function MessageOutlinedIcon(props) {
|
|
1106
|
+
return /* @__PURE__ */ jsxRuntime.jsx("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsxRuntime.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" }) });
|
|
1107
|
+
}
|
|
1100
1108
|
function getNotifBg(type) {
|
|
1101
1109
|
const map = {
|
|
1102
1110
|
success: "#dcfce7",
|
|
@@ -1440,12 +1448,26 @@ function UserHeader({
|
|
|
1440
1448
|
"div",
|
|
1441
1449
|
{
|
|
1442
1450
|
style: {
|
|
1443
|
-
padding: "32px",
|
|
1451
|
+
padding: "48px 32px",
|
|
1444
1452
|
textAlign: "center",
|
|
1445
|
-
color: "#9ca3af",
|
|
1446
|
-
fontSize: "14px"
|
|
1453
|
+
color: isDark ? "#9ca3af" : "#6b7280",
|
|
1454
|
+
fontSize: "14px",
|
|
1455
|
+
display: "flex",
|
|
1456
|
+
flexDirection: "column",
|
|
1457
|
+
alignItems: "center",
|
|
1458
|
+
justifyContent: "center",
|
|
1459
|
+
gap: "12px"
|
|
1447
1460
|
},
|
|
1448
|
-
children: activeFilter === "
|
|
1461
|
+
children: activeFilter === "action" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
1462
|
+
/* @__PURE__ */ jsxRuntime.jsx(MessageOutlinedIcon, { style: { width: "48px", height: "48px", opacity: 0.4 } }),
|
|
1463
|
+
/* @__PURE__ */ jsxRuntime.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" })
|
|
1464
|
+
] }) : activeFilter === "all" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
1465
|
+
/* @__PURE__ */ jsxRuntime.jsx(BellIcon2, {}),
|
|
1466
|
+
/* @__PURE__ */ jsxRuntime.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" })
|
|
1467
|
+
] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
1468
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "40px", opacity: 0.6, marginBottom: "-8px" }, children: "\u{1F4CB}" }),
|
|
1469
|
+
/* @__PURE__ */ jsxRuntime.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" })
|
|
1470
|
+
] })
|
|
1449
1471
|
}
|
|
1450
1472
|
) : filteredNotifications.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1451
1473
|
"div",
|