jett.admin.npmpackage 1.0.24 → 1.0.26
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 -11
- package/dist/index.js +7 -7
- package/dist/index.mjs +7 -7
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -698,9 +698,6 @@
|
|
|
698
698
|
.text-\[\#737373\] {
|
|
699
699
|
color: #737373;
|
|
700
700
|
}
|
|
701
|
-
.text-accent {
|
|
702
|
-
color: var(--color-accent);
|
|
703
|
-
}
|
|
704
701
|
.text-black {
|
|
705
702
|
color: var(--color-black);
|
|
706
703
|
}
|
|
@@ -728,9 +725,6 @@
|
|
|
728
725
|
.text-red-800 {
|
|
729
726
|
color: var(--color-red-800);
|
|
730
727
|
}
|
|
731
|
-
.text-secondary {
|
|
732
|
-
color: var(--color-secondary);
|
|
733
|
-
}
|
|
734
728
|
.text-white {
|
|
735
729
|
color: var(--color-white);
|
|
736
730
|
}
|
|
@@ -840,11 +834,6 @@
|
|
|
840
834
|
-webkit-user-select: none;
|
|
841
835
|
user-select: none;
|
|
842
836
|
}
|
|
843
|
-
.\*\:text-primary {
|
|
844
|
-
:is(& > *) {
|
|
845
|
-
color: var(--color-primary);
|
|
846
|
-
}
|
|
847
|
-
}
|
|
848
837
|
.peer-checked\:border-primary {
|
|
849
838
|
&:is(:where(.peer):checked ~ *) {
|
|
850
839
|
border-color: var(--color-primary);
|
package/dist/index.js
CHANGED
|
@@ -677,11 +677,11 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
|
|
|
677
677
|
const navItemsLocal = navItems ?? navItemsConstant;
|
|
678
678
|
const additionalItemsLocal = additionalItems ?? additionalItemsConstant;
|
|
679
679
|
const sideBarLogoLocal = sideBarLogo ?? sidebarlogo_default;
|
|
680
|
-
return /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-[320px] transition-all ease-in-out delay-100 bg-transparent border-r border-gray-200 dark:border-[#303036] flex flex-col p-4 h-full max-h-[100vh]
|
|
680
|
+
return /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-[320px] transition-all ease-in-out delay-100 bg-transparent border-r border-gray-200 dark:border-[#303036] flex flex-col p-4 h-full max-h-[100vh]" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "p-2 mb-4" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-[108px] h-[40px] flex items-center \r\n justify-center" }, /* @__PURE__ */ import_react11.default.createElement("img", { src: sideBarLogoLocal, alt: "sidebarLogo", width: 108, height: 40 }))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "mb-6" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex ml-[20px] items-center gap-2 mb-2 dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-primary" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.Globe, { width: 20, height: 20 })), /* @__PURE__ */ import_react11.default.createElement("h3", { className: "text-[#3f3f46cc] dark:text-[#f4f4f5cc] font-medium" }, "Data Centers")), /* @__PURE__ */ import_react11.default.createElement("div", null, /* @__PURE__ */ import_react11.default.createElement(CustomAutocomplete, { options: [] }))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "overflow-y-auto" }, /* @__PURE__ */ import_react11.default.createElement("div", null, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
|
|
681
681
|
return /* @__PURE__ */ import_react11.default.createElement("div", { key: index, className: "" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-accent dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2", onClick: (e) => {
|
|
682
682
|
item.onClick && item.onClick(e);
|
|
683
683
|
handleIconRotate(e, index);
|
|
684
|
-
} }, /* @__PURE__ */ import_react11.default.createElement(item.Icon, { width: 20, height: 20 }), /* @__PURE__ */ import_react11.default.createElement("span", { className: "font-medium
|
|
684
|
+
} }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-primary" }, /* @__PURE__ */ import_react11.default.createElement(item.Icon, { width: 20, height: 20 })), /* @__PURE__ */ import_react11.default.createElement("span", { className: "font-medium dark:text-[#f4f4f5cc]" }, item.label), item.isDropDown && /* @__PURE__ */ import_react11.default.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.ChevronDown, { width: 20, height: 20 }))), item.options && item.options.length > 0 && /* @__PURE__ */ import_react11.default.createElement("div", { className: "ml-[20px] max-h-0 overflow-hidden flex flex-col", id: `dropDownOptions-${index}` }, item.options.map((options, optionsIndex) => {
|
|
685
685
|
return /* @__PURE__ */ import_react11.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react11.default.createElement(
|
|
686
686
|
"div",
|
|
687
687
|
{
|
|
@@ -692,13 +692,13 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
|
|
|
692
692
|
}
|
|
693
693
|
},
|
|
694
694
|
/* @__PURE__ */ import_react11.default.createElement("div", null),
|
|
695
|
-
/* @__PURE__ */ import_react11.default.createElement("span", { className: "font-medium text-sm
|
|
695
|
+
/* @__PURE__ */ import_react11.default.createElement("span", { className: "font-medium text-sm dark:text-[#f4f4f5cc]" }, options.label),
|
|
696
696
|
options.isDropDown && /* @__PURE__ */ import_react11.default.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.ChevronDown, { width: 20, height: 20 }))
|
|
697
697
|
), options.options && options.options.length > 1 && /* @__PURE__ */ import_react11.default.createElement("div", { className: "ml-[20px] max-h-0 overflow-hidden flex flex-col", id: `dropDownOptions-${optionsIndex}-subOption-${index}` }, options.options.map((subOption) => {
|
|
698
698
|
return /* @__PURE__ */ import_react11.default.createElement(
|
|
699
699
|
"div",
|
|
700
700
|
{
|
|
701
|
-
className: "p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] font-medium text-sm
|
|
701
|
+
className: "p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] font-medium text-sm",
|
|
702
702
|
onClick: (e) => {
|
|
703
703
|
subOption.onClick && subOption.onClick();
|
|
704
704
|
}
|
|
@@ -708,7 +708,7 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
|
|
|
708
708
|
})));
|
|
709
709
|
})));
|
|
710
710
|
})), /* @__PURE__ */ import_react11.default.createElement("div", { className: "border-t border-[#e5e5e5] dark:border-[#303036] mt-4" }, (additionalItemsLocal == null ? void 0 : additionalItemsLocal.length) > 0 && additionalItemsLocal.map((item, index) => {
|
|
711
|
-
return /* @__PURE__ */ import_react11.default.createElement("div", { key: index, className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] cursor-pointer", onClick: () => item.onClick && item.onClick() }, /* @__PURE__ */ import_react11.default.createElement(item.Icon, { width: 20, height: 20 }), /* @__PURE__ */ import_react11.default.createElement("span", { className: "font-medium
|
|
711
|
+
return /* @__PURE__ */ import_react11.default.createElement("div", { key: index, className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] cursor-pointer", onClick: () => item.onClick && item.onClick() }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-primary" }, /* @__PURE__ */ import_react11.default.createElement(item.Icon, { width: 20, height: 20 })), /* @__PURE__ */ import_react11.default.createElement("span", { className: "font-medium dark:text-[#f4f4f5cc]" }, item.label));
|
|
712
712
|
}))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "mt-auto bg-[#fafafa] dark:bg-transparent sticky bottom-0 pt-2" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center justify-between p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer", onClick: () => {
|
|
713
713
|
window.location.href = "/profile";
|
|
714
714
|
} }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "relative flex shrink-0 overflow-hidden rounded-full h-10 w-10" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "flex h-full w-full items-center justify-center rounded-full bg-muted" }, ((_a = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _a.UserName) ? authData.userInfo.UserName.split("")[0] : "A")), /* @__PURE__ */ import_react11.default.createElement("div", null, /* @__PURE__ */ import_react11.default.createElement("p", { className: "font-semibold" }, ((_b = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _b.UserName) ? authData.userInfo.UserName : "Admin User"), /* @__PURE__ */ import_react11.default.createElement("p", { className: "text-sm dark:text-[#f4f4f5cc]" }, role))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.LogOut, null)))));
|
|
@@ -769,10 +769,10 @@ var RightSheet = ({
|
|
|
769
769
|
// src/Table/CustomTable.jsx
|
|
770
770
|
var import_react13 = __toESM(require("react"));
|
|
771
771
|
var CustomTable = ({ tableHeader, setIsAllChecked, isAllChecked, children }) => {
|
|
772
|
-
return /* @__PURE__ */ import_react13.default.createElement("div", { className: "border border-[#e5e5e5] rounded-lg overflow-x-auto" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "w-full relative overflow-x-auto" }, /* @__PURE__ */ import_react13.default.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white table-fixed border-collapse" }, /* @__PURE__ */ import_react13.default.createElement("thead", { className: "border-b border-[#e5e5e5]
|
|
772
|
+
return /* @__PURE__ */ import_react13.default.createElement("div", { className: "border border-[#e5e5e5] rounded-lg overflow-x-auto" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "w-full relative overflow-x-auto" }, /* @__PURE__ */ import_react13.default.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white table-fixed border-collapse" }, /* @__PURE__ */ import_react13.default.createElement("thead", { className: "border-b border-[#e5e5e5]" }, /* @__PURE__ */ import_react13.default.createElement("tr", { className: "transition-colors text-[#737373] hover:bg-muted/50 \r\n data-[state=selected]:bg-muted" }, /* @__PURE__ */ import_react13.default.createElement("th", { className: "px-4 py-3 text-left w-[50px]" }, /* @__PURE__ */ import_react13.default.createElement(CustomCheckbox, { checked: isAllChecked, onChange: () => {
|
|
773
773
|
setIsAllChecked(!isAllChecked);
|
|
774
774
|
} })), tableHeader.map((header, index) => {
|
|
775
|
-
return /* @__PURE__ */ import_react13.default.createElement("th", { className: `px-4 py-3 text-sm
|
|
775
|
+
return /* @__PURE__ */ import_react13.default.createElement("th", { className: `px-4 py-3 text-sm font-medium ${index == tableHeader.length - 1 ? "text-right" : "text-left"}`, key: header + index }, header);
|
|
776
776
|
}))), /* @__PURE__ */ import_react13.default.createElement("tbody", null, children))));
|
|
777
777
|
};
|
|
778
778
|
|
package/dist/index.mjs
CHANGED
|
@@ -629,11 +629,11 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
|
|
|
629
629
|
const navItemsLocal = navItems ?? navItemsConstant;
|
|
630
630
|
const additionalItemsLocal = additionalItems ?? additionalItemsConstant;
|
|
631
631
|
const sideBarLogoLocal = sideBarLogo ?? sidebarlogo_default;
|
|
632
|
-
return /* @__PURE__ */ React11.createElement("div", { className: "w-[320px] transition-all ease-in-out delay-100 bg-transparent border-r border-gray-200 dark:border-[#303036] flex flex-col p-4 h-full max-h-[100vh]
|
|
632
|
+
return /* @__PURE__ */ React11.createElement("div", { className: "w-[320px] transition-all ease-in-out delay-100 bg-transparent border-r border-gray-200 dark:border-[#303036] flex flex-col p-4 h-full max-h-[100vh]" }, /* @__PURE__ */ React11.createElement("div", { className: "p-2 mb-4" }, /* @__PURE__ */ React11.createElement("div", { className: "w-[108px] h-[40px] flex items-center \r\n justify-center" }, /* @__PURE__ */ React11.createElement("img", { src: sideBarLogoLocal, alt: "sidebarLogo", width: 108, height: 40 }))), /* @__PURE__ */ React11.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React11.createElement("div", { className: "flex ml-[20px] items-center gap-2 mb-2 dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ React11.createElement("div", { className: "text-primary" }, /* @__PURE__ */ React11.createElement(Globe2, { width: 20, height: 20 })), /* @__PURE__ */ React11.createElement("h3", { className: "text-[#3f3f46cc] dark:text-[#f4f4f5cc] font-medium" }, "Data Centers")), /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement(CustomAutocomplete, { options: [] }))), /* @__PURE__ */ React11.createElement("div", { className: "overflow-y-auto" }, /* @__PURE__ */ React11.createElement("div", null, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
|
|
633
633
|
return /* @__PURE__ */ React11.createElement("div", { key: index, className: "" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-accent dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2", onClick: (e) => {
|
|
634
634
|
item.onClick && item.onClick(e);
|
|
635
635
|
handleIconRotate(e, index);
|
|
636
|
-
} }, /* @__PURE__ */ React11.createElement(item.Icon, { width: 20, height: 20 }), /* @__PURE__ */ React11.createElement("span", { className: "font-medium
|
|
636
|
+
} }, /* @__PURE__ */ React11.createElement("div", { className: "text-primary" }, /* @__PURE__ */ React11.createElement(item.Icon, { width: 20, height: 20 })), /* @__PURE__ */ React11.createElement("span", { className: "font-medium dark:text-[#f4f4f5cc]" }, item.label), item.isDropDown && /* @__PURE__ */ React11.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ React11.createElement(ChevronDown2, { width: 20, height: 20 }))), item.options && item.options.length > 0 && /* @__PURE__ */ React11.createElement("div", { className: "ml-[20px] max-h-0 overflow-hidden flex flex-col", id: `dropDownOptions-${index}` }, item.options.map((options, optionsIndex) => {
|
|
637
637
|
return /* @__PURE__ */ React11.createElement("div", { className: "" }, /* @__PURE__ */ React11.createElement(
|
|
638
638
|
"div",
|
|
639
639
|
{
|
|
@@ -644,13 +644,13 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
|
|
|
644
644
|
}
|
|
645
645
|
},
|
|
646
646
|
/* @__PURE__ */ React11.createElement("div", null),
|
|
647
|
-
/* @__PURE__ */ React11.createElement("span", { className: "font-medium text-sm
|
|
647
|
+
/* @__PURE__ */ React11.createElement("span", { className: "font-medium text-sm dark:text-[#f4f4f5cc]" }, options.label),
|
|
648
648
|
options.isDropDown && /* @__PURE__ */ React11.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ React11.createElement(ChevronDown2, { width: 20, height: 20 }))
|
|
649
649
|
), options.options && options.options.length > 1 && /* @__PURE__ */ React11.createElement("div", { className: "ml-[20px] max-h-0 overflow-hidden flex flex-col", id: `dropDownOptions-${optionsIndex}-subOption-${index}` }, options.options.map((subOption) => {
|
|
650
650
|
return /* @__PURE__ */ React11.createElement(
|
|
651
651
|
"div",
|
|
652
652
|
{
|
|
653
|
-
className: "p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] font-medium text-sm
|
|
653
|
+
className: "p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] font-medium text-sm",
|
|
654
654
|
onClick: (e) => {
|
|
655
655
|
subOption.onClick && subOption.onClick();
|
|
656
656
|
}
|
|
@@ -660,7 +660,7 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
|
|
|
660
660
|
})));
|
|
661
661
|
})));
|
|
662
662
|
})), /* @__PURE__ */ React11.createElement("div", { className: "border-t border-[#e5e5e5] dark:border-[#303036] mt-4" }, (additionalItemsLocal == null ? void 0 : additionalItemsLocal.length) > 0 && additionalItemsLocal.map((item, index) => {
|
|
663
|
-
return /* @__PURE__ */ React11.createElement("div", { key: index, className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] cursor-pointer", onClick: () => item.onClick && item.onClick() }, /* @__PURE__ */ React11.createElement(item.Icon, { width: 20, height: 20 }), /* @__PURE__ */ React11.createElement("span", { className: "font-medium
|
|
663
|
+
return /* @__PURE__ */ React11.createElement("div", { key: index, className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] cursor-pointer", onClick: () => item.onClick && item.onClick() }, /* @__PURE__ */ React11.createElement("div", { className: "text-primary" }, /* @__PURE__ */ React11.createElement(item.Icon, { width: 20, height: 20 })), /* @__PURE__ */ React11.createElement("span", { className: "font-medium dark:text-[#f4f4f5cc]" }, item.label));
|
|
664
664
|
}))), /* @__PURE__ */ React11.createElement("div", { className: "mt-auto bg-[#fafafa] dark:bg-transparent sticky bottom-0 pt-2" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center justify-between p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer", onClick: () => {
|
|
665
665
|
window.location.href = "/profile";
|
|
666
666
|
} }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React11.createElement("span", { className: "relative flex shrink-0 overflow-hidden rounded-full h-10 w-10" }, /* @__PURE__ */ React11.createElement("span", { className: "flex h-full w-full items-center justify-center rounded-full bg-muted" }, ((_a = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _a.UserName) ? authData.userInfo.UserName.split("")[0] : "A")), /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("p", { className: "font-semibold" }, ((_b = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _b.UserName) ? authData.userInfo.UserName : "Admin User"), /* @__PURE__ */ React11.createElement("p", { className: "text-sm dark:text-[#f4f4f5cc]" }, role))), /* @__PURE__ */ React11.createElement("div", { className: "dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ React11.createElement(LogOut, null)))));
|
|
@@ -721,10 +721,10 @@ var RightSheet = ({
|
|
|
721
721
|
// src/Table/CustomTable.jsx
|
|
722
722
|
import React13 from "react";
|
|
723
723
|
var CustomTable = ({ tableHeader, setIsAllChecked, isAllChecked, children }) => {
|
|
724
|
-
return /* @__PURE__ */ React13.createElement("div", { className: "border border-[#e5e5e5] rounded-lg overflow-x-auto" }, /* @__PURE__ */ React13.createElement("div", { className: "w-full relative overflow-x-auto" }, /* @__PURE__ */ React13.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white table-fixed border-collapse" }, /* @__PURE__ */ React13.createElement("thead", { className: "border-b border-[#e5e5e5]
|
|
724
|
+
return /* @__PURE__ */ React13.createElement("div", { className: "border border-[#e5e5e5] rounded-lg overflow-x-auto" }, /* @__PURE__ */ React13.createElement("div", { className: "w-full relative overflow-x-auto" }, /* @__PURE__ */ React13.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white table-fixed border-collapse" }, /* @__PURE__ */ React13.createElement("thead", { className: "border-b border-[#e5e5e5]" }, /* @__PURE__ */ React13.createElement("tr", { className: "transition-colors text-[#737373] hover:bg-muted/50 \r\n data-[state=selected]:bg-muted" }, /* @__PURE__ */ React13.createElement("th", { className: "px-4 py-3 text-left w-[50px]" }, /* @__PURE__ */ React13.createElement(CustomCheckbox, { checked: isAllChecked, onChange: () => {
|
|
725
725
|
setIsAllChecked(!isAllChecked);
|
|
726
726
|
} })), tableHeader.map((header, index) => {
|
|
727
|
-
return /* @__PURE__ */ React13.createElement("th", { className: `px-4 py-3 text-sm
|
|
727
|
+
return /* @__PURE__ */ React13.createElement("th", { className: `px-4 py-3 text-sm font-medium ${index == tableHeader.length - 1 ? "text-right" : "text-left"}`, key: header + index }, header);
|
|
728
728
|
}))), /* @__PURE__ */ React13.createElement("tbody", null, children))));
|
|
729
729
|
};
|
|
730
730
|
|