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