jett.admin.npmpackage 1.0.59 → 1.0.61

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.
Files changed (4) hide show
  1. package/dist/index.css +53 -0
  2. package/dist/index.js +121 -84
  3. package/dist/index.mjs +122 -85
  4. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -276,6 +276,9 @@
276
276
  .top-0 {
277
277
  top: calc(var(--spacing) * 0);
278
278
  }
279
+ .top-4 {
280
+ top: calc(var(--spacing) * 4);
281
+ }
279
282
  .top-full {
280
283
  top: 100%;
281
284
  }
@@ -285,9 +288,21 @@
285
288
  .bottom-0 {
286
289
  bottom: calc(var(--spacing) * 0);
287
290
  }
291
+ .left-0 {
292
+ left: calc(var(--spacing) * 0);
293
+ }
294
+ .left-4 {
295
+ left: calc(var(--spacing) * 4);
296
+ }
288
297
  .z-10 {
289
298
  z-index: 10;
290
299
  }
300
+ .z-40 {
301
+ z-index: 40;
302
+ }
303
+ .z-50 {
304
+ z-index: 50;
305
+ }
291
306
  .mt-1 {
292
307
  margin-top: calc(var(--spacing) * 1);
293
308
  }
@@ -417,6 +432,14 @@
417
432
  .border-collapse {
418
433
  border-collapse: collapse;
419
434
  }
435
+ .-translate-x-full {
436
+ --tw-translate-x: -100%;
437
+ translate: var(--tw-translate-x) var(--tw-translate-y);
438
+ }
439
+ .translate-x-0 {
440
+ --tw-translate-x: calc(var(--spacing) * 0);
441
+ translate: var(--tw-translate-x) var(--tw-translate-y);
442
+ }
420
443
  .translate-x-1 {
421
444
  --tw-translate-x: calc(var(--spacing) * 1);
422
445
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -880,6 +903,13 @@
880
903
  }
881
904
  }
882
905
  }
906
+ .hover\:bg-gray-50 {
907
+ &:hover {
908
+ @media (hover: hover) {
909
+ background-color: var(--color-gray-50);
910
+ }
911
+ }
912
+ }
883
913
  .hover\:bg-gray-100 {
884
914
  &:hover {
885
915
  @media (hover: hover) {
@@ -962,11 +992,34 @@
962
992
  }
963
993
  }
964
994
  }
995
+ .md\:relative {
996
+ @media (width >= 48rem) {
997
+ position: relative;
998
+ }
999
+ }
1000
+ .md\:hidden {
1001
+ @media (width >= 48rem) {
1002
+ display: none;
1003
+ }
1004
+ }
965
1005
  .md\:min-w-\[576px\] {
966
1006
  @media (width >= 48rem) {
967
1007
  min-width: 576px;
968
1008
  }
969
1009
  }
1010
+ .md\:translate-x-0 {
1011
+ @media (width >= 48rem) {
1012
+ --tw-translate-x: calc(var(--spacing) * 0);
1013
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1014
+ }
1015
+ }
1016
+ .md\:max-lg\:w-\[280px\] {
1017
+ @media (width >= 48rem) {
1018
+ @media (width < 64rem) {
1019
+ width: 280px;
1020
+ }
1021
+ }
1022
+ }
970
1023
  .dark\:border-\[\#303036\] {
971
1024
  &:where(.dark, .dark *) {
972
1025
  border-color: #303036;
package/dist/index.js CHANGED
@@ -732,6 +732,7 @@ var AppSideBar = ({
732
732
  var _a, _b;
733
733
  const [authData, setAuthData] = (0, import_react12.useState)(null);
734
734
  const [selectedCountry, setSelectedCountry] = (0, import_react12.useState)("dubai");
735
+ const [isMobileMenuOpen, setIsMobileMenuOpen] = (0, import_react12.useState)(false);
735
736
  const countryOptions = [
736
737
  { label: "India", value: "india" },
737
738
  { label: "Dubai", value: "dubai" },
@@ -770,100 +771,136 @@ var AppSideBar = ({
770
771
  const navItemsLocal = navItems ?? navItemsConstant;
771
772
  const additionalItemsLocal = additionalItems ?? additionalItemsConstant;
772
773
  const sideBarLogoLocal = sideBarLogo ?? logo_white_default;
773
- return /* @__PURE__ */ import_react12.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] dark:bg-[#18181b]" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "p-2 mb-2" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center justify-center w-full h-[60px] mb-2" }, /* @__PURE__ */ import_react12.default.createElement(
774
- "img",
774
+ const toggleMobileMenu = () => {
775
+ setIsMobileMenuOpen(!isMobileMenuOpen);
776
+ };
777
+ const closeMobileMenu = () => {
778
+ setIsMobileMenuOpen(false);
779
+ };
780
+ return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement(
781
+ "button",
775
782
  {
776
- src: sideBarLogoLocal,
777
- alt: "sidebarLogo",
778
- width: 108,
779
- height: 40,
780
- className: "object-contain"
781
- }
782
- ))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex ml-[20px] items-center gap-2 mb-2 dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-primary" }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.Globe, { width: 20, height: 20 })), /* @__PURE__ */ import_react12.default.createElement("h3", { className: "text-[#3f3f46cc] dark:text-[#f4f4f5cc] font-medium" }, "Data Centers")), /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement(
783
- CustomSelect,
783
+ onClick: toggleMobileMenu,
784
+ className: "fixed top-4 left-4 z-50 md:hidden p-2 rounded-lg bg-white dark:bg-[#18181b] border border-gray-200 dark:border-[#303036] shadow-lg hover:bg-gray-50 dark:hover:bg-[#27272a] transition-colors",
785
+ "aria-label": "Toggle menu"
786
+ },
787
+ isMobileMenuOpen ? /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.X, { className: "w-6 h-6 text-gray-700 dark:text-[#f4f4f5cc]" }) : /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.Menu, { className: "w-6 h-6 text-gray-700 dark:text-[#f4f4f5cc]" })
788
+ ), isMobileMenuOpen && /* @__PURE__ */ import_react12.default.createElement(
789
+ "div",
784
790
  {
785
- heading: "",
786
- label: "",
787
- value: selectedCountry,
788
- onChange: setSelectedCountry,
789
- options: countryOptions,
790
- placeholder: "Select country..."
791
+ className: "fixed inset-0 bg-black bg-opacity-50 z-40 md:hidden",
792
+ onClick: closeMobileMenu
791
793
  }
792
- ))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "overflow-y-auto" }, /* @__PURE__ */ import_react12.default.createElement("div", null, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
793
- return /* @__PURE__ */ import_react12.default.createElement("div", { key: index, className: "" }, /* @__PURE__ */ import_react12.default.createElement(
794
- "div",
795
- {
796
- className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2",
797
- onClick: (e) => {
798
- item.onClick && item.onClick(e);
799
- handleIconRotate(e, index);
800
- }
801
- },
802
- /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-primary" }, /* @__PURE__ */ import_react12.default.createElement(item.Icon, { width: 20, height: 20 })),
803
- /* @__PURE__ */ import_react12.default.createElement("span", { className: "font-medium dark:text-[#f4f4f5cc]" }, item.label),
804
- item.isDropDown && /* @__PURE__ */ import_react12.default.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.ChevronDown, { width: 20, height: 20 }))
805
- ), item.options && item.options.length > 0 && /* @__PURE__ */ import_react12.default.createElement(
806
- "div",
807
- {
808
- className: "ml-[20px] max-h-0 overflow-hidden flex flex-col",
809
- id: `dropDownOptions-${index}`
810
- },
811
- item.options.map((options, optionsIndex) => {
812
- return /* @__PURE__ */ import_react12.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react12.default.createElement(
813
- "div",
814
- {
815
- className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer",
816
- onClick: (e) => {
817
- options.onClick && options.onClick();
818
- options.isDropDown && handleIconRotate(
819
- e,
820
- optionsIndex,
821
- "subOption",
822
- index
823
- );
794
+ ), /* @__PURE__ */ import_react12.default.createElement(
795
+ "div",
796
+ {
797
+ className: `fixed top-0 left-0 md:relative w-[320px] transition-all ease-in-out delay-100 bg-white dark:bg-[#18181b] border-r border-gray-200 dark:border-[#303036] flex flex-col p-4 h-full max-h-[100vh] z-40 md:max-lg:w-[280px] ${isMobileMenuOpen ? "translate-x-0" : "-translate-x-full md:translate-x-0"}`
798
+ },
799
+ /* @__PURE__ */ import_react12.default.createElement("div", { className: "p-2 mb-2" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center justify-center w-full h-[60px] mb-2" }, /* @__PURE__ */ import_react12.default.createElement(
800
+ "img",
801
+ {
802
+ src: sideBarLogoLocal,
803
+ alt: "sidebarLogo",
804
+ width: 108,
805
+ height: 40,
806
+ className: "object-contain"
807
+ }
808
+ ))),
809
+ /* @__PURE__ */ import_react12.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex ml-[20px] items-center gap-2 mb-2 dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-primary" }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.Globe, { width: 20, height: 20 })), /* @__PURE__ */ import_react12.default.createElement("h3", { className: "text-[#3f3f46cc] dark:text-[#f4f4f5cc] font-medium" }, "Data Centers")), /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement(
810
+ CustomSelect,
811
+ {
812
+ heading: "",
813
+ label: "",
814
+ value: selectedCountry,
815
+ onChange: setSelectedCountry,
816
+ options: countryOptions,
817
+ placeholder: "Select country..."
818
+ }
819
+ ))),
820
+ /* @__PURE__ */ import_react12.default.createElement("div", { className: "overflow-y-auto" }, /* @__PURE__ */ import_react12.default.createElement("div", null, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
821
+ return /* @__PURE__ */ import_react12.default.createElement("div", { key: index, className: "" }, /* @__PURE__ */ import_react12.default.createElement(
822
+ "div",
823
+ {
824
+ className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2",
825
+ onClick: (e) => {
826
+ item.onClick && item.onClick(e);
827
+ handleIconRotate(e, index);
828
+ if (!item.isDropDown) {
829
+ closeMobileMenu();
824
830
  }
825
- },
826
- /* @__PURE__ */ import_react12.default.createElement("div", null),
827
- /* @__PURE__ */ import_react12.default.createElement("span", { className: "font-medium text-sm dark:text-[#f4f4f5cc] ml-[8px]" }, options.label),
828
- options.isDropDown && /* @__PURE__ */ import_react12.default.createElement(
831
+ }
832
+ },
833
+ /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-primary" }, /* @__PURE__ */ import_react12.default.createElement(item.Icon, { width: 20, height: 20 })),
834
+ /* @__PURE__ */ import_react12.default.createElement("span", { className: "font-medium dark:text-[#f4f4f5cc]" }, item.label),
835
+ item.isDropDown && /* @__PURE__ */ import_react12.default.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.ChevronDown, { width: 20, height: 20 }))
836
+ ), item.options && item.options.length > 0 && /* @__PURE__ */ import_react12.default.createElement(
837
+ "div",
838
+ {
839
+ className: "ml-[20px] max-h-0 overflow-hidden flex flex-col",
840
+ id: `dropDownOptions-${index}`
841
+ },
842
+ item.options.map((options, optionsIndex) => {
843
+ return /* @__PURE__ */ import_react12.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react12.default.createElement(
829
844
  "div",
830
845
  {
831
- className: `ml-auto transition-all delay-75`
846
+ className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer",
847
+ onClick: (e) => {
848
+ options.onClick && options.onClick();
849
+ options.isDropDown && handleIconRotate(
850
+ e,
851
+ optionsIndex,
852
+ "subOption",
853
+ index
854
+ );
855
+ if (!options.isDropDown) {
856
+ closeMobileMenu();
857
+ }
858
+ }
832
859
  },
833
- /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.ChevronDown, { width: 20, height: 20 })
834
- )
835
- ), options.options && options.options.length > 1 && /* @__PURE__ */ import_react12.default.createElement(
836
- "div",
837
- {
838
- className: "ml-[20px] max-h-0 overflow-hidden flex flex-col",
839
- id: `dropDownOptions-${optionsIndex}-subOption-${index}`
840
- },
841
- options.options.map((subOption) => {
842
- return /* @__PURE__ */ import_react12.default.createElement(
860
+ /* @__PURE__ */ import_react12.default.createElement("div", null),
861
+ /* @__PURE__ */ import_react12.default.createElement("span", { className: "font-medium text-sm dark:text-[#f4f4f5cc] ml-[8px]" }, options.label),
862
+ options.isDropDown && /* @__PURE__ */ import_react12.default.createElement(
843
863
  "div",
844
864
  {
845
- className: "p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] font-medium text-sm",
846
- onClick: (e) => {
847
- subOption.onClick && subOption.onClick();
848
- }
865
+ className: `ml-auto transition-all delay-75`
849
866
  },
850
- subOption.label
851
- );
852
- })
853
- ));
854
- })
855
- ));
856
- }))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "mt-auto bg-[#fafafa] dark:bg-[#18181b] sticky bottom-0 pt-2" }, /* @__PURE__ */ import_react12.default.createElement(
857
- "div",
858
- {
859
- className: "flex items-center justify-between p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer",
860
- onClick: () => {
861
- window.location.href = "/profile";
862
- }
863
- },
864
- /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "relative flex shrink-0 overflow-hidden dark:bg-[#27272a] rounded-full h-10 w-10" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "flex h-full w-full items-center justify-center rounded-full bg-muted dark:text-white" }, ((_a = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _a.UserName) ? authData.userInfo.UserName.split("")[0] : "A")), /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement("p", { className: "font-semibold dark:text-white" }, ((_b = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _b.UserName) ? authData.userInfo.UserName : "Admin User"), /* @__PURE__ */ import_react12.default.createElement("p", { className: "text-sm dark:text-[#f4f4f5cc]" }, role))),
865
- /* @__PURE__ */ import_react12.default.createElement("div", { className: "dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.LogOut, null))
866
- )));
867
+ /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.ChevronDown, { width: 20, height: 20 })
868
+ )
869
+ ), options.options && options.options.length > 1 && /* @__PURE__ */ import_react12.default.createElement(
870
+ "div",
871
+ {
872
+ className: "ml-[20px] max-h-0 overflow-hidden flex flex-col",
873
+ id: `dropDownOptions-${optionsIndex}-subOption-${index}`
874
+ },
875
+ options.options.map((subOption) => {
876
+ return /* @__PURE__ */ import_react12.default.createElement(
877
+ "div",
878
+ {
879
+ className: "p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] font-medium text-sm cursor-pointer",
880
+ onClick: (e) => {
881
+ subOption.onClick && subOption.onClick();
882
+ closeMobileMenu();
883
+ }
884
+ },
885
+ subOption.label
886
+ );
887
+ })
888
+ ));
889
+ })
890
+ ));
891
+ }))),
892
+ /* @__PURE__ */ import_react12.default.createElement("div", { className: "mt-auto bg-[#fafafa] dark:bg-[#18181b] sticky bottom-0 pt-2" }, /* @__PURE__ */ import_react12.default.createElement(
893
+ "div",
894
+ {
895
+ className: "flex items-center justify-between p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer",
896
+ onClick: () => {
897
+ window.location.href = "/profile";
898
+ }
899
+ },
900
+ /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "relative flex shrink-0 overflow-hidden dark:bg-[#27272a] rounded-full h-10 w-10" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "flex h-full w-full items-center justify-center rounded-full bg-muted dark:text-white" }, ((_a = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _a.UserName) ? authData.userInfo.UserName.split("")[0] : "A")), /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement("p", { className: "font-semibold dark:text-white" }, ((_b = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _b.UserName) ? authData.userInfo.UserName : "Admin User"), /* @__PURE__ */ import_react12.default.createElement("p", { className: "text-sm dark:text-[#f4f4f5cc]" }, role))),
901
+ /* @__PURE__ */ import_react12.default.createElement("div", { className: "dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.LogOut, null))
902
+ ))
903
+ ));
867
904
  };
868
905
 
869
906
  // src/RightSheet/RightSheet.jsx
package/dist/index.mjs CHANGED
@@ -391,7 +391,7 @@ var CustomUpload = ({
391
391
  };
392
392
 
393
393
  // src/sideBar/SideBar.jsx
394
- import { ChevronDown as ChevronDown3, Globe as Globe2, LogOut } from "lucide-react";
394
+ import { ChevronDown as ChevronDown3, Globe as Globe2, LogOut, Menu, X } from "lucide-react";
395
395
  import React12, { useEffect, useState as useState3 } from "react";
396
396
 
397
397
  // ConstantUI.js
@@ -698,6 +698,7 @@ var AppSideBar = ({
698
698
  var _a, _b;
699
699
  const [authData, setAuthData] = useState3(null);
700
700
  const [selectedCountry, setSelectedCountry] = useState3("dubai");
701
+ const [isMobileMenuOpen, setIsMobileMenuOpen] = useState3(false);
701
702
  const countryOptions = [
702
703
  { label: "India", value: "india" },
703
704
  { label: "Dubai", value: "dubai" },
@@ -736,100 +737,136 @@ var AppSideBar = ({
736
737
  const navItemsLocal = navItems ?? navItemsConstant;
737
738
  const additionalItemsLocal = additionalItems ?? additionalItemsConstant;
738
739
  const sideBarLogoLocal = sideBarLogo ?? logo_white_default;
739
- return /* @__PURE__ */ React12.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] dark:bg-[#18181b]" }, /* @__PURE__ */ React12.createElement("div", { className: "p-2 mb-2" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-center justify-center w-full h-[60px] mb-2" }, /* @__PURE__ */ React12.createElement(
740
- "img",
740
+ const toggleMobileMenu = () => {
741
+ setIsMobileMenuOpen(!isMobileMenuOpen);
742
+ };
743
+ const closeMobileMenu = () => {
744
+ setIsMobileMenuOpen(false);
745
+ };
746
+ return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(
747
+ "button",
741
748
  {
742
- src: sideBarLogoLocal,
743
- alt: "sidebarLogo",
744
- width: 108,
745
- height: 40,
746
- className: "object-contain"
747
- }
748
- ))), /* @__PURE__ */ React12.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React12.createElement("div", { className: "flex ml-[20px] items-center gap-2 mb-2 dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ React12.createElement("div", { className: "text-primary" }, /* @__PURE__ */ React12.createElement(Globe2, { width: 20, height: 20 })), /* @__PURE__ */ React12.createElement("h3", { className: "text-[#3f3f46cc] dark:text-[#f4f4f5cc] font-medium" }, "Data Centers")), /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement(
749
- CustomSelect,
749
+ onClick: toggleMobileMenu,
750
+ className: "fixed top-4 left-4 z-50 md:hidden p-2 rounded-lg bg-white dark:bg-[#18181b] border border-gray-200 dark:border-[#303036] shadow-lg hover:bg-gray-50 dark:hover:bg-[#27272a] transition-colors",
751
+ "aria-label": "Toggle menu"
752
+ },
753
+ isMobileMenuOpen ? /* @__PURE__ */ React12.createElement(X, { className: "w-6 h-6 text-gray-700 dark:text-[#f4f4f5cc]" }) : /* @__PURE__ */ React12.createElement(Menu, { className: "w-6 h-6 text-gray-700 dark:text-[#f4f4f5cc]" })
754
+ ), isMobileMenuOpen && /* @__PURE__ */ React12.createElement(
755
+ "div",
750
756
  {
751
- heading: "",
752
- label: "",
753
- value: selectedCountry,
754
- onChange: setSelectedCountry,
755
- options: countryOptions,
756
- placeholder: "Select country..."
757
+ className: "fixed inset-0 bg-black bg-opacity-50 z-40 md:hidden",
758
+ onClick: closeMobileMenu
757
759
  }
758
- ))), /* @__PURE__ */ React12.createElement("div", { className: "overflow-y-auto" }, /* @__PURE__ */ React12.createElement("div", null, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
759
- return /* @__PURE__ */ React12.createElement("div", { key: index, className: "" }, /* @__PURE__ */ React12.createElement(
760
- "div",
761
- {
762
- className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2",
763
- onClick: (e) => {
764
- item.onClick && item.onClick(e);
765
- handleIconRotate(e, index);
766
- }
767
- },
768
- /* @__PURE__ */ React12.createElement("div", { className: "text-primary" }, /* @__PURE__ */ React12.createElement(item.Icon, { width: 20, height: 20 })),
769
- /* @__PURE__ */ React12.createElement("span", { className: "font-medium dark:text-[#f4f4f5cc]" }, item.label),
770
- item.isDropDown && /* @__PURE__ */ React12.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ React12.createElement(ChevronDown3, { width: 20, height: 20 }))
771
- ), item.options && item.options.length > 0 && /* @__PURE__ */ React12.createElement(
772
- "div",
773
- {
774
- className: "ml-[20px] max-h-0 overflow-hidden flex flex-col",
775
- id: `dropDownOptions-${index}`
776
- },
777
- item.options.map((options, optionsIndex) => {
778
- return /* @__PURE__ */ React12.createElement("div", { className: "" }, /* @__PURE__ */ React12.createElement(
779
- "div",
780
- {
781
- className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer",
782
- onClick: (e) => {
783
- options.onClick && options.onClick();
784
- options.isDropDown && handleIconRotate(
785
- e,
786
- optionsIndex,
787
- "subOption",
788
- index
789
- );
760
+ ), /* @__PURE__ */ React12.createElement(
761
+ "div",
762
+ {
763
+ className: `fixed top-0 left-0 md:relative w-[320px] transition-all ease-in-out delay-100 bg-white dark:bg-[#18181b] border-r border-gray-200 dark:border-[#303036] flex flex-col p-4 h-full max-h-[100vh] z-40 md:max-lg:w-[280px] ${isMobileMenuOpen ? "translate-x-0" : "-translate-x-full md:translate-x-0"}`
764
+ },
765
+ /* @__PURE__ */ React12.createElement("div", { className: "p-2 mb-2" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-center justify-center w-full h-[60px] mb-2" }, /* @__PURE__ */ React12.createElement(
766
+ "img",
767
+ {
768
+ src: sideBarLogoLocal,
769
+ alt: "sidebarLogo",
770
+ width: 108,
771
+ height: 40,
772
+ className: "object-contain"
773
+ }
774
+ ))),
775
+ /* @__PURE__ */ React12.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React12.createElement("div", { className: "flex ml-[20px] items-center gap-2 mb-2 dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ React12.createElement("div", { className: "text-primary" }, /* @__PURE__ */ React12.createElement(Globe2, { width: 20, height: 20 })), /* @__PURE__ */ React12.createElement("h3", { className: "text-[#3f3f46cc] dark:text-[#f4f4f5cc] font-medium" }, "Data Centers")), /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement(
776
+ CustomSelect,
777
+ {
778
+ heading: "",
779
+ label: "",
780
+ value: selectedCountry,
781
+ onChange: setSelectedCountry,
782
+ options: countryOptions,
783
+ placeholder: "Select country..."
784
+ }
785
+ ))),
786
+ /* @__PURE__ */ React12.createElement("div", { className: "overflow-y-auto" }, /* @__PURE__ */ React12.createElement("div", null, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
787
+ return /* @__PURE__ */ React12.createElement("div", { key: index, className: "" }, /* @__PURE__ */ React12.createElement(
788
+ "div",
789
+ {
790
+ className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2",
791
+ onClick: (e) => {
792
+ item.onClick && item.onClick(e);
793
+ handleIconRotate(e, index);
794
+ if (!item.isDropDown) {
795
+ closeMobileMenu();
790
796
  }
791
- },
792
- /* @__PURE__ */ React12.createElement("div", null),
793
- /* @__PURE__ */ React12.createElement("span", { className: "font-medium text-sm dark:text-[#f4f4f5cc] ml-[8px]" }, options.label),
794
- options.isDropDown && /* @__PURE__ */ React12.createElement(
797
+ }
798
+ },
799
+ /* @__PURE__ */ React12.createElement("div", { className: "text-primary" }, /* @__PURE__ */ React12.createElement(item.Icon, { width: 20, height: 20 })),
800
+ /* @__PURE__ */ React12.createElement("span", { className: "font-medium dark:text-[#f4f4f5cc]" }, item.label),
801
+ item.isDropDown && /* @__PURE__ */ React12.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ React12.createElement(ChevronDown3, { width: 20, height: 20 }))
802
+ ), item.options && item.options.length > 0 && /* @__PURE__ */ React12.createElement(
803
+ "div",
804
+ {
805
+ className: "ml-[20px] max-h-0 overflow-hidden flex flex-col",
806
+ id: `dropDownOptions-${index}`
807
+ },
808
+ item.options.map((options, optionsIndex) => {
809
+ return /* @__PURE__ */ React12.createElement("div", { className: "" }, /* @__PURE__ */ React12.createElement(
795
810
  "div",
796
811
  {
797
- className: `ml-auto transition-all delay-75`
812
+ className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer",
813
+ onClick: (e) => {
814
+ options.onClick && options.onClick();
815
+ options.isDropDown && handleIconRotate(
816
+ e,
817
+ optionsIndex,
818
+ "subOption",
819
+ index
820
+ );
821
+ if (!options.isDropDown) {
822
+ closeMobileMenu();
823
+ }
824
+ }
798
825
  },
799
- /* @__PURE__ */ React12.createElement(ChevronDown3, { width: 20, height: 20 })
800
- )
801
- ), options.options && options.options.length > 1 && /* @__PURE__ */ React12.createElement(
802
- "div",
803
- {
804
- className: "ml-[20px] max-h-0 overflow-hidden flex flex-col",
805
- id: `dropDownOptions-${optionsIndex}-subOption-${index}`
806
- },
807
- options.options.map((subOption) => {
808
- return /* @__PURE__ */ React12.createElement(
826
+ /* @__PURE__ */ React12.createElement("div", null),
827
+ /* @__PURE__ */ React12.createElement("span", { className: "font-medium text-sm dark:text-[#f4f4f5cc] ml-[8px]" }, options.label),
828
+ options.isDropDown && /* @__PURE__ */ React12.createElement(
809
829
  "div",
810
830
  {
811
- className: "p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] font-medium text-sm",
812
- onClick: (e) => {
813
- subOption.onClick && subOption.onClick();
814
- }
831
+ className: `ml-auto transition-all delay-75`
815
832
  },
816
- subOption.label
817
- );
818
- })
819
- ));
820
- })
821
- ));
822
- }))), /* @__PURE__ */ React12.createElement("div", { className: "mt-auto bg-[#fafafa] dark:bg-[#18181b] sticky bottom-0 pt-2" }, /* @__PURE__ */ React12.createElement(
823
- "div",
824
- {
825
- className: "flex items-center justify-between p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer",
826
- onClick: () => {
827
- window.location.href = "/profile";
828
- }
829
- },
830
- /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React12.createElement("span", { className: "relative flex shrink-0 overflow-hidden dark:bg-[#27272a] rounded-full h-10 w-10" }, /* @__PURE__ */ React12.createElement("span", { className: "flex h-full w-full items-center justify-center rounded-full bg-muted dark:text-white" }, ((_a = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _a.UserName) ? authData.userInfo.UserName.split("")[0] : "A")), /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement("p", { className: "font-semibold dark:text-white" }, ((_b = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _b.UserName) ? authData.userInfo.UserName : "Admin User"), /* @__PURE__ */ React12.createElement("p", { className: "text-sm dark:text-[#f4f4f5cc]" }, role))),
831
- /* @__PURE__ */ React12.createElement("div", { className: "dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ React12.createElement(LogOut, null))
832
- )));
833
+ /* @__PURE__ */ React12.createElement(ChevronDown3, { width: 20, height: 20 })
834
+ )
835
+ ), options.options && options.options.length > 1 && /* @__PURE__ */ React12.createElement(
836
+ "div",
837
+ {
838
+ className: "ml-[20px] max-h-0 overflow-hidden flex flex-col",
839
+ id: `dropDownOptions-${optionsIndex}-subOption-${index}`
840
+ },
841
+ options.options.map((subOption) => {
842
+ return /* @__PURE__ */ React12.createElement(
843
+ "div",
844
+ {
845
+ className: "p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] font-medium text-sm cursor-pointer",
846
+ onClick: (e) => {
847
+ subOption.onClick && subOption.onClick();
848
+ closeMobileMenu();
849
+ }
850
+ },
851
+ subOption.label
852
+ );
853
+ })
854
+ ));
855
+ })
856
+ ));
857
+ }))),
858
+ /* @__PURE__ */ React12.createElement("div", { className: "mt-auto bg-[#fafafa] dark:bg-[#18181b] sticky bottom-0 pt-2" }, /* @__PURE__ */ React12.createElement(
859
+ "div",
860
+ {
861
+ className: "flex items-center justify-between p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer",
862
+ onClick: () => {
863
+ window.location.href = "/profile";
864
+ }
865
+ },
866
+ /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React12.createElement("span", { className: "relative flex shrink-0 overflow-hidden dark:bg-[#27272a] rounded-full h-10 w-10" }, /* @__PURE__ */ React12.createElement("span", { className: "flex h-full w-full items-center justify-center rounded-full bg-muted dark:text-white" }, ((_a = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _a.UserName) ? authData.userInfo.UserName.split("")[0] : "A")), /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement("p", { className: "font-semibold dark:text-white" }, ((_b = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _b.UserName) ? authData.userInfo.UserName : "Admin User"), /* @__PURE__ */ React12.createElement("p", { className: "text-sm dark:text-[#f4f4f5cc]" }, role))),
867
+ /* @__PURE__ */ React12.createElement("div", { className: "dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ React12.createElement(LogOut, null))
868
+ ))
869
+ ));
833
870
  };
834
871
 
835
872
  // src/RightSheet/RightSheet.jsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jett.admin.npmpackage",
3
- "version": "1.0.59",
3
+ "version": "1.0.61",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.mjs",
6
6
  "exports": {