jett.admin.npmpackage 2.0.38 → 2.0.40
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.css +0 -13
- package/dist/index.js +63 -20
- package/dist/index.mjs +63 -20
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -72,7 +72,6 @@
|
|
|
72
72
|
--color-jett-brand-soft: #eef2ff;
|
|
73
73
|
--color-jett-danger: #b91c1c;
|
|
74
74
|
--color-jett-danger-soft: #fef2f2;
|
|
75
|
-
--shadow-jett-drawer: 0 20px 40px rgba(0, 0, 0, 0.25);
|
|
76
75
|
}
|
|
77
76
|
.collapse {
|
|
78
77
|
visibility: collapse;
|
|
@@ -675,9 +674,6 @@
|
|
|
675
674
|
.bg-jett-fill {
|
|
676
675
|
background-color: var(--color-jett-fill);
|
|
677
676
|
}
|
|
678
|
-
.bg-jett-ink-800 {
|
|
679
|
-
background-color: var(--color-jett-ink-800);
|
|
680
|
-
}
|
|
681
677
|
.bg-jett-surface {
|
|
682
678
|
background-color: var(--color-jett-surface);
|
|
683
679
|
}
|
|
@@ -1017,15 +1013,6 @@
|
|
|
1017
1013
|
var(--tw-ring-shadow),
|
|
1018
1014
|
var(--tw-shadow);
|
|
1019
1015
|
}
|
|
1020
|
-
.shadow-jett-pop {
|
|
1021
|
-
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgba(0, 0, 0, 0.12)), 0 8px 10px -6px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
|
|
1022
|
-
box-shadow:
|
|
1023
|
-
var(--tw-inset-shadow),
|
|
1024
|
-
var(--tw-inset-ring-shadow),
|
|
1025
|
-
var(--tw-ring-offset-shadow),
|
|
1026
|
-
var(--tw-ring-shadow),
|
|
1027
|
-
var(--tw-shadow);
|
|
1028
|
-
}
|
|
1029
1016
|
.shadow-lg {
|
|
1030
1017
|
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
1031
1018
|
box-shadow:
|
package/dist/index.js
CHANGED
|
@@ -948,11 +948,24 @@ var SwitchProfileSection = ({
|
|
|
948
948
|
{
|
|
949
949
|
role: "dialog",
|
|
950
950
|
"aria-label": "Account",
|
|
951
|
-
className: "fixed z-[9999] flex max-h-[75vh] w-[296px] max-w-[calc(100vw-16px)] flex-col overflow-hidden rounded-[10px] border
|
|
952
|
-
style:
|
|
951
|
+
className: "fixed z-[9999] flex max-h-[75vh] w-[296px] max-w-[calc(100vw-16px)] flex-col overflow-hidden rounded-[10px] border text-jett-ink",
|
|
952
|
+
style: {
|
|
953
|
+
...position ? { left: position.left, bottom: position.bottom } : { left: -9999, bottom: 0 },
|
|
954
|
+
borderColor: "#eceef1",
|
|
955
|
+
backgroundColor: "#ffffff",
|
|
956
|
+
boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.1)"
|
|
957
|
+
},
|
|
953
958
|
id: `${id}-panel`
|
|
954
959
|
},
|
|
955
|
-
/* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center gap-3 p-4", id: `${id}-header` }, /* @__PURE__ */ import_react12.default.createElement(
|
|
960
|
+
/* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center gap-3 p-4", id: `${id}-header` }, /* @__PURE__ */ import_react12.default.createElement(
|
|
961
|
+
"span",
|
|
962
|
+
{
|
|
963
|
+
className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-full text-[15px] font-semibold text-white",
|
|
964
|
+
style: { backgroundColor: "#1f2937" },
|
|
965
|
+
id: `${id}-avatar`
|
|
966
|
+
},
|
|
967
|
+
userName ? userName.split(/\s+/).filter(Boolean).slice(0, 2).map((p) => p[0]).join("").toUpperCase() : "A"
|
|
968
|
+
), /* @__PURE__ */ import_react12.default.createElement("div", { className: "min-w-0 flex-1", id: `${id}-header-text` }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "truncate text-[14px] font-medium text-jett-ink-800" }, userName || "Admin"), userEmail && /* @__PURE__ */ import_react12.default.createElement("div", { className: "truncate text-[13px] text-jett-ink-500" }, userEmail), scopeLabel && /* @__PURE__ */ import_react12.default.createElement("span", { className: "mt-1.5 inline-flex rounded-full border border-jett-line bg-jett-fill px-[7px] py-px text-[11px] font-semibold text-jett-ink-600" }, scopeLabel))),
|
|
956
969
|
/* @__PURE__ */ import_react12.default.createElement("div", { className: "flex flex-col gap-0.5 px-2 pb-2" }, /* @__PURE__ */ import_react12.default.createElement(
|
|
957
970
|
"button",
|
|
958
971
|
{
|
|
@@ -1076,7 +1089,12 @@ var CommandPalette = ({ id = "command-palette", open, onClose, commands }) => {
|
|
|
1076
1089
|
role: "dialog",
|
|
1077
1090
|
"aria-modal": "true",
|
|
1078
1091
|
"aria-label": "Command palette",
|
|
1079
|
-
className: "fixed left-1/2 top-[12vh] z-[96] flex w-[calc(100%-32px)] max-w-[560px] -translate-x-1/2 flex-col overflow-hidden rounded-[12px] border
|
|
1092
|
+
className: "fixed left-1/2 top-[12vh] z-[96] flex w-[calc(100%-32px)] max-w-[560px] -translate-x-1/2 flex-col overflow-hidden rounded-[12px] border",
|
|
1093
|
+
style: {
|
|
1094
|
+
borderColor: "#eceef1",
|
|
1095
|
+
backgroundColor: "#ffffff",
|
|
1096
|
+
boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.1)"
|
|
1097
|
+
}
|
|
1080
1098
|
},
|
|
1081
1099
|
/* @__PURE__ */ import_react13.default.createElement("div", { className: "flex h-[52px] items-center gap-2.5 border-b border-jett-line-row px-4" }, /* @__PURE__ */ import_react13.default.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "#9ca3af", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ import_react13.default.createElement("circle", { cx: "11", cy: "11", r: "7" }), /* @__PURE__ */ import_react13.default.createElement("path", { d: "m20 20-3.5-3.5" })), /* @__PURE__ */ import_react13.default.createElement(
|
|
1082
1100
|
"input",
|
|
@@ -1142,7 +1160,12 @@ var ShortcutsSheet = ({ id = "shortcuts-sheet", open, onClose, sections }) => {
|
|
|
1142
1160
|
role: "dialog",
|
|
1143
1161
|
"aria-modal": "true",
|
|
1144
1162
|
"aria-label": "Keyboard shortcuts",
|
|
1145
|
-
className: "fixed left-1/2 top-1/2 z-[96] max-h-[calc(100vh-64px)] w-[calc(100%-32px)] max-w-[640px] -translate-x-1/2 -translate-y-1/2 overflow-y-auto rounded-[12px] border
|
|
1163
|
+
className: "fixed left-1/2 top-1/2 z-[96] max-h-[calc(100vh-64px)] w-[calc(100%-32px)] max-w-[640px] -translate-x-1/2 -translate-y-1/2 overflow-y-auto rounded-[12px] border",
|
|
1164
|
+
style: {
|
|
1165
|
+
borderColor: "#eceef1",
|
|
1166
|
+
backgroundColor: "#ffffff",
|
|
1167
|
+
boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.1)"
|
|
1168
|
+
}
|
|
1146
1169
|
},
|
|
1147
1170
|
/* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center justify-between border-b border-jett-line-row px-5 py-4" }, /* @__PURE__ */ import_react13.default.createElement("h2", { className: "!m-0 !text-[16px] !font-semibold text-jett-ink" }, "Keyboard shortcuts"), /* @__PURE__ */ import_react13.default.createElement(
|
|
1148
1171
|
"button",
|
|
@@ -1717,27 +1740,41 @@ var AppSideBar = ({
|
|
|
1717
1740
|
})));
|
|
1718
1741
|
});
|
|
1719
1742
|
const flyItem = fly ? navItemsLocal[fly.index] : null;
|
|
1720
|
-
return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, phone && /* @__PURE__ */ import_react14.default.createElement(
|
|
1721
|
-
"
|
|
1743
|
+
return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, phone && /* @__PURE__ */ import_react14.default.createElement(
|
|
1744
|
+
"div",
|
|
1722
1745
|
{
|
|
1723
|
-
|
|
1724
|
-
|
|
1725
|
-
"
|
|
1726
|
-
|
|
1727
|
-
className: "flex h-11 w-11 cursor-pointer items-center justify-center rounded-[8px] border-0 bg-transparent text-jett-ink-700 hover:bg-jett-fill",
|
|
1728
|
-
id: `${id}-button-1`
|
|
1746
|
+
"data-jett-shell": true,
|
|
1747
|
+
className: "font-jett fixed left-0 top-0 z-50 flex h-14 w-full items-center gap-2.5 border-b pl-1 pr-2",
|
|
1748
|
+
style: { borderColor: "#eceef1", backgroundColor: "#ffffff" },
|
|
1749
|
+
id: `${id}-div-1`
|
|
1729
1750
|
},
|
|
1730
|
-
/* @__PURE__ */ import_react14.default.createElement(
|
|
1731
|
-
|
|
1751
|
+
/* @__PURE__ */ import_react14.default.createElement(
|
|
1752
|
+
"button",
|
|
1753
|
+
{
|
|
1754
|
+
type: "button",
|
|
1755
|
+
onClick: () => setIsMobileMenuOpen(true),
|
|
1756
|
+
"aria-label": "Open menu",
|
|
1757
|
+
title: "Open menu",
|
|
1758
|
+
className: "flex h-11 w-11 cursor-pointer items-center justify-center rounded-[8px] border-0 bg-transparent text-jett-ink-700 hover:bg-jett-fill",
|
|
1759
|
+
id: `${id}-button-1`
|
|
1760
|
+
},
|
|
1761
|
+
/* @__PURE__ */ import_react14.default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ import_react14.default.createElement("path", { d: "M4 6h16M4 12h16M4 18h16" }))
|
|
1762
|
+
),
|
|
1763
|
+
sideBarLogoLocal ? /* @__PURE__ */ import_react14.default.createElement("img", { src: sideBarLogoLocal, alt: "Logo", className: "h-[26px] max-w-[96px] object-contain", id: `${id}-img-1` }) : /* @__PURE__ */ import_react14.default.createElement(LogoTile, { size: 26 }),
|
|
1764
|
+
/* @__PURE__ */ import_react14.default.createElement("span", { className: "min-w-0 flex-1 truncate text-[15px] font-semibold text-jett-ink" }, activeLabel),
|
|
1765
|
+
/* @__PURE__ */ import_react14.default.createElement("button", { type: "button", onClick: () => setIsMobileMenuOpen(true), "aria-label": "Account", title: "Account", className: "flex h-11 w-11 cursor-pointer items-center justify-center border-0 bg-transparent" }, /* @__PURE__ */ import_react14.default.createElement("span", { className: "flex h-8 w-8 items-center justify-center rounded-full text-[12px] font-semibold text-white", style: { backgroundColor: "#1f2937" } }, initials(displayName)))
|
|
1766
|
+
), phone && isMobileMenuOpen && /* @__PURE__ */ import_react14.default.createElement("div", { className: "fixed inset-0 z-[69] bg-[rgba(17,24,39,0.5)]", onClick: closeMobileMenu, "aria-hidden": "true", id: `${id}-div-4` }), /* @__PURE__ */ import_react14.default.createElement(
|
|
1732
1767
|
"aside",
|
|
1733
1768
|
{
|
|
1734
1769
|
"data-jett-shell": true,
|
|
1735
1770
|
"aria-label": "Main navigation",
|
|
1736
|
-
className: `font-jett flex h-screen flex-col border-r
|
|
1771
|
+
className: `font-jett flex h-screen flex-col border-r text-jett-ink ${phone ? "fixed left-0 top-0 z-[70] max-w-[86vw]" : "relative"} ${ready ? "transition-[width,transform] duration-200 ease-in-out" : ""}`,
|
|
1737
1772
|
style: {
|
|
1738
1773
|
width: phone ? 280 : collapsed ? 64 : 256,
|
|
1739
1774
|
transform: phone && !isMobileMenuOpen ? "translateX(-100%)" : "none",
|
|
1740
|
-
boxShadow: phone && isMobileMenuOpen ? "
|
|
1775
|
+
boxShadow: phone && isMobileMenuOpen ? "0 20px 40px rgba(0, 0, 0, 0.25)" : "none",
|
|
1776
|
+
borderColor: "#eceef1",
|
|
1777
|
+
backgroundColor: "#ffffff"
|
|
1741
1778
|
},
|
|
1742
1779
|
id: `${id}-div-5`
|
|
1743
1780
|
},
|
|
@@ -1853,7 +1890,7 @@ var AppSideBar = ({
|
|
|
1853
1890
|
className: `flex w-full cursor-pointer items-center gap-3 rounded-[8px] border border-transparent text-left ${collapsed ? "justify-center p-0" : "p-2.5"} ${isSwitchProfileOpen ? "bg-jett-fill" : "bg-transparent hover:bg-jett-fill"}`,
|
|
1854
1891
|
id: `${id}-div-23`
|
|
1855
1892
|
},
|
|
1856
|
-
/* @__PURE__ */ import_react14.default.createElement("span", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full
|
|
1893
|
+
/* @__PURE__ */ import_react14.default.createElement("span", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-[13px] font-semibold text-white", style: { backgroundColor: "#1f2937" }, id: `${id}-span-3` }, initials(displayName)),
|
|
1857
1894
|
expanded && /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement("span", { className: "min-w-0 flex-1 whitespace-nowrap" }, /* @__PURE__ */ import_react14.default.createElement("span", { className: "block truncate text-[14px] font-medium text-jett-ink-800", id: `${id}-p-1` }, displayName), scopeLabel && /* @__PURE__ */ import_react14.default.createElement("span", { className: "block truncate text-[12px] text-jett-ink-500", id: `${id}-p-2` }, scopeLabel)), /* @__PURE__ */ import_react14.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#9ca3af", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ import_react14.default.createElement("path", { d: "m7 15 5 5 5-5M7 9l5-5 5 5" })))
|
|
1858
1895
|
), /* @__PURE__ */ import_react14.default.createElement(
|
|
1859
1896
|
SwitchProfileSection,
|
|
@@ -1894,8 +1931,14 @@ var AppSideBar = ({
|
|
|
1894
1931
|
"data-jett-shell": true,
|
|
1895
1932
|
role: "menu",
|
|
1896
1933
|
"aria-label": flyItem.label,
|
|
1897
|
-
className: "font-jett fixed z-[80] flex w-[220px] flex-col gap-0.5 rounded-[10px] border
|
|
1898
|
-
style: {
|
|
1934
|
+
className: "font-jett fixed z-[80] flex w-[220px] flex-col gap-0.5 rounded-[10px] border p-1.5",
|
|
1935
|
+
style: {
|
|
1936
|
+
left: 72,
|
|
1937
|
+
top: fly.top,
|
|
1938
|
+
borderColor: "#eceef1",
|
|
1939
|
+
backgroundColor: "#ffffff",
|
|
1940
|
+
boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.1)"
|
|
1941
|
+
}
|
|
1899
1942
|
},
|
|
1900
1943
|
/* @__PURE__ */ import_react14.default.createElement("div", { className: "px-2.5 pb-2 pt-1.5 text-[11px] font-semibold uppercase tracking-[0.06em] text-jett-ink-400" }, flyItem.label),
|
|
1901
1944
|
renderOptions(flyItem, fly.index, true)
|
package/dist/index.mjs
CHANGED
|
@@ -906,11 +906,24 @@ var SwitchProfileSection = ({
|
|
|
906
906
|
{
|
|
907
907
|
role: "dialog",
|
|
908
908
|
"aria-label": "Account",
|
|
909
|
-
className: "fixed z-[9999] flex max-h-[75vh] w-[296px] max-w-[calc(100vw-16px)] flex-col overflow-hidden rounded-[10px] border
|
|
910
|
-
style:
|
|
909
|
+
className: "fixed z-[9999] flex max-h-[75vh] w-[296px] max-w-[calc(100vw-16px)] flex-col overflow-hidden rounded-[10px] border text-jett-ink",
|
|
910
|
+
style: {
|
|
911
|
+
...position ? { left: position.left, bottom: position.bottom } : { left: -9999, bottom: 0 },
|
|
912
|
+
borderColor: "#eceef1",
|
|
913
|
+
backgroundColor: "#ffffff",
|
|
914
|
+
boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.1)"
|
|
915
|
+
},
|
|
911
916
|
id: `${id}-panel`
|
|
912
917
|
},
|
|
913
|
-
/* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-3 p-4", id: `${id}-header` }, /* @__PURE__ */ React12.createElement(
|
|
918
|
+
/* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-3 p-4", id: `${id}-header` }, /* @__PURE__ */ React12.createElement(
|
|
919
|
+
"span",
|
|
920
|
+
{
|
|
921
|
+
className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-full text-[15px] font-semibold text-white",
|
|
922
|
+
style: { backgroundColor: "#1f2937" },
|
|
923
|
+
id: `${id}-avatar`
|
|
924
|
+
},
|
|
925
|
+
userName ? userName.split(/\s+/).filter(Boolean).slice(0, 2).map((p) => p[0]).join("").toUpperCase() : "A"
|
|
926
|
+
), /* @__PURE__ */ React12.createElement("div", { className: "min-w-0 flex-1", id: `${id}-header-text` }, /* @__PURE__ */ React12.createElement("div", { className: "truncate text-[14px] font-medium text-jett-ink-800" }, userName || "Admin"), userEmail && /* @__PURE__ */ React12.createElement("div", { className: "truncate text-[13px] text-jett-ink-500" }, userEmail), scopeLabel && /* @__PURE__ */ React12.createElement("span", { className: "mt-1.5 inline-flex rounded-full border border-jett-line bg-jett-fill px-[7px] py-px text-[11px] font-semibold text-jett-ink-600" }, scopeLabel))),
|
|
914
927
|
/* @__PURE__ */ React12.createElement("div", { className: "flex flex-col gap-0.5 px-2 pb-2" }, /* @__PURE__ */ React12.createElement(
|
|
915
928
|
"button",
|
|
916
929
|
{
|
|
@@ -1034,7 +1047,12 @@ var CommandPalette = ({ id = "command-palette", open, onClose, commands }) => {
|
|
|
1034
1047
|
role: "dialog",
|
|
1035
1048
|
"aria-modal": "true",
|
|
1036
1049
|
"aria-label": "Command palette",
|
|
1037
|
-
className: "fixed left-1/2 top-[12vh] z-[96] flex w-[calc(100%-32px)] max-w-[560px] -translate-x-1/2 flex-col overflow-hidden rounded-[12px] border
|
|
1050
|
+
className: "fixed left-1/2 top-[12vh] z-[96] flex w-[calc(100%-32px)] max-w-[560px] -translate-x-1/2 flex-col overflow-hidden rounded-[12px] border",
|
|
1051
|
+
style: {
|
|
1052
|
+
borderColor: "#eceef1",
|
|
1053
|
+
backgroundColor: "#ffffff",
|
|
1054
|
+
boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.1)"
|
|
1055
|
+
}
|
|
1038
1056
|
},
|
|
1039
1057
|
/* @__PURE__ */ React13.createElement("div", { className: "flex h-[52px] items-center gap-2.5 border-b border-jett-line-row px-4" }, /* @__PURE__ */ React13.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "#9ca3af", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React13.createElement("circle", { cx: "11", cy: "11", r: "7" }), /* @__PURE__ */ React13.createElement("path", { d: "m20 20-3.5-3.5" })), /* @__PURE__ */ React13.createElement(
|
|
1040
1058
|
"input",
|
|
@@ -1100,7 +1118,12 @@ var ShortcutsSheet = ({ id = "shortcuts-sheet", open, onClose, sections }) => {
|
|
|
1100
1118
|
role: "dialog",
|
|
1101
1119
|
"aria-modal": "true",
|
|
1102
1120
|
"aria-label": "Keyboard shortcuts",
|
|
1103
|
-
className: "fixed left-1/2 top-1/2 z-[96] max-h-[calc(100vh-64px)] w-[calc(100%-32px)] max-w-[640px] -translate-x-1/2 -translate-y-1/2 overflow-y-auto rounded-[12px] border
|
|
1121
|
+
className: "fixed left-1/2 top-1/2 z-[96] max-h-[calc(100vh-64px)] w-[calc(100%-32px)] max-w-[640px] -translate-x-1/2 -translate-y-1/2 overflow-y-auto rounded-[12px] border",
|
|
1122
|
+
style: {
|
|
1123
|
+
borderColor: "#eceef1",
|
|
1124
|
+
backgroundColor: "#ffffff",
|
|
1125
|
+
boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.1)"
|
|
1126
|
+
}
|
|
1104
1127
|
},
|
|
1105
1128
|
/* @__PURE__ */ React13.createElement("div", { className: "flex items-center justify-between border-b border-jett-line-row px-5 py-4" }, /* @__PURE__ */ React13.createElement("h2", { className: "!m-0 !text-[16px] !font-semibold text-jett-ink" }, "Keyboard shortcuts"), /* @__PURE__ */ React13.createElement(
|
|
1106
1129
|
"button",
|
|
@@ -1675,27 +1698,41 @@ var AppSideBar = ({
|
|
|
1675
1698
|
})));
|
|
1676
1699
|
});
|
|
1677
1700
|
const flyItem = fly ? navItemsLocal[fly.index] : null;
|
|
1678
|
-
return /* @__PURE__ */ React14.createElement(React14.Fragment, null, phone && /* @__PURE__ */ React14.createElement(
|
|
1679
|
-
"
|
|
1701
|
+
return /* @__PURE__ */ React14.createElement(React14.Fragment, null, phone && /* @__PURE__ */ React14.createElement(
|
|
1702
|
+
"div",
|
|
1680
1703
|
{
|
|
1681
|
-
|
|
1682
|
-
|
|
1683
|
-
"
|
|
1684
|
-
|
|
1685
|
-
className: "flex h-11 w-11 cursor-pointer items-center justify-center rounded-[8px] border-0 bg-transparent text-jett-ink-700 hover:bg-jett-fill",
|
|
1686
|
-
id: `${id}-button-1`
|
|
1704
|
+
"data-jett-shell": true,
|
|
1705
|
+
className: "font-jett fixed left-0 top-0 z-50 flex h-14 w-full items-center gap-2.5 border-b pl-1 pr-2",
|
|
1706
|
+
style: { borderColor: "#eceef1", backgroundColor: "#ffffff" },
|
|
1707
|
+
id: `${id}-div-1`
|
|
1687
1708
|
},
|
|
1688
|
-
/* @__PURE__ */ React14.createElement(
|
|
1689
|
-
|
|
1709
|
+
/* @__PURE__ */ React14.createElement(
|
|
1710
|
+
"button",
|
|
1711
|
+
{
|
|
1712
|
+
type: "button",
|
|
1713
|
+
onClick: () => setIsMobileMenuOpen(true),
|
|
1714
|
+
"aria-label": "Open menu",
|
|
1715
|
+
title: "Open menu",
|
|
1716
|
+
className: "flex h-11 w-11 cursor-pointer items-center justify-center rounded-[8px] border-0 bg-transparent text-jett-ink-700 hover:bg-jett-fill",
|
|
1717
|
+
id: `${id}-button-1`
|
|
1718
|
+
},
|
|
1719
|
+
/* @__PURE__ */ React14.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React14.createElement("path", { d: "M4 6h16M4 12h16M4 18h16" }))
|
|
1720
|
+
),
|
|
1721
|
+
sideBarLogoLocal ? /* @__PURE__ */ React14.createElement("img", { src: sideBarLogoLocal, alt: "Logo", className: "h-[26px] max-w-[96px] object-contain", id: `${id}-img-1` }) : /* @__PURE__ */ React14.createElement(LogoTile, { size: 26 }),
|
|
1722
|
+
/* @__PURE__ */ React14.createElement("span", { className: "min-w-0 flex-1 truncate text-[15px] font-semibold text-jett-ink" }, activeLabel),
|
|
1723
|
+
/* @__PURE__ */ React14.createElement("button", { type: "button", onClick: () => setIsMobileMenuOpen(true), "aria-label": "Account", title: "Account", className: "flex h-11 w-11 cursor-pointer items-center justify-center border-0 bg-transparent" }, /* @__PURE__ */ React14.createElement("span", { className: "flex h-8 w-8 items-center justify-center rounded-full text-[12px] font-semibold text-white", style: { backgroundColor: "#1f2937" } }, initials(displayName)))
|
|
1724
|
+
), phone && isMobileMenuOpen && /* @__PURE__ */ React14.createElement("div", { className: "fixed inset-0 z-[69] bg-[rgba(17,24,39,0.5)]", onClick: closeMobileMenu, "aria-hidden": "true", id: `${id}-div-4` }), /* @__PURE__ */ React14.createElement(
|
|
1690
1725
|
"aside",
|
|
1691
1726
|
{
|
|
1692
1727
|
"data-jett-shell": true,
|
|
1693
1728
|
"aria-label": "Main navigation",
|
|
1694
|
-
className: `font-jett flex h-screen flex-col border-r
|
|
1729
|
+
className: `font-jett flex h-screen flex-col border-r text-jett-ink ${phone ? "fixed left-0 top-0 z-[70] max-w-[86vw]" : "relative"} ${ready ? "transition-[width,transform] duration-200 ease-in-out" : ""}`,
|
|
1695
1730
|
style: {
|
|
1696
1731
|
width: phone ? 280 : collapsed ? 64 : 256,
|
|
1697
1732
|
transform: phone && !isMobileMenuOpen ? "translateX(-100%)" : "none",
|
|
1698
|
-
boxShadow: phone && isMobileMenuOpen ? "
|
|
1733
|
+
boxShadow: phone && isMobileMenuOpen ? "0 20px 40px rgba(0, 0, 0, 0.25)" : "none",
|
|
1734
|
+
borderColor: "#eceef1",
|
|
1735
|
+
backgroundColor: "#ffffff"
|
|
1699
1736
|
},
|
|
1700
1737
|
id: `${id}-div-5`
|
|
1701
1738
|
},
|
|
@@ -1811,7 +1848,7 @@ var AppSideBar = ({
|
|
|
1811
1848
|
className: `flex w-full cursor-pointer items-center gap-3 rounded-[8px] border border-transparent text-left ${collapsed ? "justify-center p-0" : "p-2.5"} ${isSwitchProfileOpen ? "bg-jett-fill" : "bg-transparent hover:bg-jett-fill"}`,
|
|
1812
1849
|
id: `${id}-div-23`
|
|
1813
1850
|
},
|
|
1814
|
-
/* @__PURE__ */ React14.createElement("span", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full
|
|
1851
|
+
/* @__PURE__ */ React14.createElement("span", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-[13px] font-semibold text-white", style: { backgroundColor: "#1f2937" }, id: `${id}-span-3` }, initials(displayName)),
|
|
1815
1852
|
expanded && /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement("span", { className: "min-w-0 flex-1 whitespace-nowrap" }, /* @__PURE__ */ React14.createElement("span", { className: "block truncate text-[14px] font-medium text-jett-ink-800", id: `${id}-p-1` }, displayName), scopeLabel && /* @__PURE__ */ React14.createElement("span", { className: "block truncate text-[12px] text-jett-ink-500", id: `${id}-p-2` }, scopeLabel)), /* @__PURE__ */ React14.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#9ca3af", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React14.createElement("path", { d: "m7 15 5 5 5-5M7 9l5-5 5 5" })))
|
|
1816
1853
|
), /* @__PURE__ */ React14.createElement(
|
|
1817
1854
|
SwitchProfileSection,
|
|
@@ -1852,8 +1889,14 @@ var AppSideBar = ({
|
|
|
1852
1889
|
"data-jett-shell": true,
|
|
1853
1890
|
role: "menu",
|
|
1854
1891
|
"aria-label": flyItem.label,
|
|
1855
|
-
className: "font-jett fixed z-[80] flex w-[220px] flex-col gap-0.5 rounded-[10px] border
|
|
1856
|
-
style: {
|
|
1892
|
+
className: "font-jett fixed z-[80] flex w-[220px] flex-col gap-0.5 rounded-[10px] border p-1.5",
|
|
1893
|
+
style: {
|
|
1894
|
+
left: 72,
|
|
1895
|
+
top: fly.top,
|
|
1896
|
+
borderColor: "#eceef1",
|
|
1897
|
+
backgroundColor: "#ffffff",
|
|
1898
|
+
boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.1)"
|
|
1899
|
+
}
|
|
1857
1900
|
},
|
|
1858
1901
|
/* @__PURE__ */ React14.createElement("div", { className: "px-2.5 pb-2 pt-1.5 text-[11px] font-semibold uppercase tracking-[0.06em] text-jett-ink-400" }, flyItem.label),
|
|
1859
1902
|
renderOptions(flyItem, fly.index, true)
|