infinity-forge 0.46.3 → 0.46.7

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 (64) hide show
  1. package/dist/system/data/use-cases/notifications/remote-notifications.d.ts +1 -1
  2. package/dist/system/data/use-cases/notifications/remote-notifications.js.map +1 -1
  3. package/dist/system/presentation/components/data/notifications/index.js +21 -15
  4. package/dist/system/presentation/components/data/notifications/index.js.map +1 -1
  5. package/dist/system/presentation/components/data/tab/component.js.map +1 -1
  6. package/dist/system/presentation/components/data/tab/interfaces.d.ts +1 -1
  7. package/dist/system/presentation/components/layout/component.js +2 -3
  8. package/dist/system/presentation/components/layout/component.js.map +1 -1
  9. package/dist/system/presentation/components/layout/header/version-01/index.d.ts +1 -1
  10. package/dist/system/presentation/components/layout/header/version-01/index.js +2 -3
  11. package/dist/system/presentation/components/layout/header/version-01/index.js.map +1 -1
  12. package/dist/system/presentation/components/layout/index.d.ts +1 -1
  13. package/dist/system/presentation/components/layout/index.js +1 -1
  14. package/dist/system/presentation/components/layout/index.js.map +1 -1
  15. package/dist/system/presentation/components/layout/interfaces.d.ts +1 -2
  16. package/dist/system/presentation/components/layout/sidebar-menu/index.d.ts +2 -0
  17. package/dist/system/presentation/components/layout/sidebar-menu/index.js +562 -0
  18. package/dist/system/presentation/components/layout/sidebar-menu/index.js.map +1 -0
  19. package/dist/system/presentation/components/layout/sidebar-menu/interfaces.d.ts +3 -0
  20. package/dist/system/presentation/components/layout/sidebar-menu/interfaces.js.map +1 -0
  21. package/dist/system/presentation/components/layout/sidebar-menu/styles.js +15 -0
  22. package/dist/system/presentation/components/layout/sidebar-menu/styles.js.map +1 -0
  23. package/dist/system/presentation/components/layout/styles.js +1 -1
  24. package/dist/system/presentation/components/layout/styles.js.map +1 -1
  25. package/dist/system/presentation/hooks/notifications/use-load-all/index.d.ts +9 -1
  26. package/dist/system/presentation/hooks/notifications/use-load-all/index.js +19 -6
  27. package/dist/system/presentation/hooks/notifications/use-load-all/index.js.map +1 -1
  28. package/dist/system/presentation/hooks/notifications/use-load-no-read/index.d.ts +10 -2
  29. package/dist/system/presentation/hooks/notifications/use-load-no-read/index.js +7 -8
  30. package/dist/system/presentation/hooks/notifications/use-load-no-read/index.js.map +1 -1
  31. package/dist/system/presentation/utils/index.d.ts +1 -0
  32. package/dist/system/presentation/utils/index.js +1 -0
  33. package/dist/system/presentation/utils/index.js.map +1 -1
  34. package/dist/system/presentation/utils/swr/index.d.ts +9 -0
  35. package/dist/system/presentation/utils/swr/index.js +13 -0
  36. package/dist/system/presentation/utils/swr/index.js.map +1 -0
  37. package/package.json +1 -1
  38. package/dist/system/presentation/components/layout/menu/components/index.d.ts +0 -1
  39. package/dist/system/presentation/components/layout/menu/components/index.js +0 -18
  40. package/dist/system/presentation/components/layout/menu/components/index.js.map +0 -1
  41. package/dist/system/presentation/components/layout/menu/components/menu/index.d.ts +0 -3
  42. package/dist/system/presentation/components/layout/menu/components/menu/index.js +0 -67
  43. package/dist/system/presentation/components/layout/menu/components/menu/index.js.map +0 -1
  44. package/dist/system/presentation/components/layout/menu/components/menu/styles.js +0 -15
  45. package/dist/system/presentation/components/layout/menu/components/menu/styles.js.map +0 -1
  46. package/dist/system/presentation/components/layout/menu/index.d.ts +0 -2
  47. package/dist/system/presentation/components/layout/menu/index.js +0 -30
  48. package/dist/system/presentation/components/layout/menu/index.js.map +0 -1
  49. package/dist/system/presentation/components/layout/menu/interfaces.d.ts +0 -7
  50. package/dist/system/presentation/components/layout/menu/interfaces.js.map +0 -1
  51. package/dist/system/presentation/components/layout/menu/version-01/index.d.ts +0 -2
  52. package/dist/system/presentation/components/layout/menu/version-01/index.js +0 -40
  53. package/dist/system/presentation/components/layout/menu/version-01/index.js.map +0 -1
  54. package/dist/system/presentation/components/layout/menu/version-01/styles.d.ts +0 -6
  55. package/dist/system/presentation/components/layout/menu/version-01/styles.js +0 -17
  56. package/dist/system/presentation/components/layout/menu/version-01/styles.js.map +0 -1
  57. package/dist/system/presentation/components/layout/menu/version-02/index.d.ts +0 -2
  58. package/dist/system/presentation/components/layout/menu/version-02/index.js +0 -40
  59. package/dist/system/presentation/components/layout/menu/version-02/index.js.map +0 -1
  60. package/dist/system/presentation/components/layout/menu/version-02/styles.d.ts +0 -2
  61. package/dist/system/presentation/components/layout/menu/version-02/styles.js +0 -14
  62. package/dist/system/presentation/components/layout/menu/version-02/styles.js.map +0 -1
  63. /package/dist/system/presentation/components/layout/{menu → sidebar-menu}/interfaces.js +0 -0
  64. /package/dist/system/presentation/components/layout/{menu/components/menu → sidebar-menu}/styles.d.ts +0 -0
@@ -0,0 +1,3 @@
1
+ export interface ISidebarProps {
2
+ expandedMenu?: boolean;
3
+ }
@@ -0,0 +1 @@
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/interfaces.ts"],"names":[],"mappings":""}
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
6
+ var __importDefault = (this && this.__importDefault) || function (mod) {
7
+ return (mod && mod.__esModule) ? mod : { "default": mod };
8
+ };
9
+ Object.defineProperty(exports, "__esModule", { value: true });
10
+ exports.SubMenu = exports.Menu = void 0;
11
+ var styled_components_1 = __importDefault(require("styled-components"));
12
+ exports.Menu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n position: relative;\n padding-right: clamp(5px, 0.78vw, 15px);\n width: 285px;\n padding: 0 0 15px 0;\n border-right: 1px solid #e1e1e1;\n display: flex;\n flex-direction: column;\n left: 0;\n top: 0;\n min-height: 100vh;\n z-index: 999;\n background: #fff;\n padding-top: 25px;\n\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-track {\n background: #ccc;\n border-radius: 10px;\n }\n\n a {\n text-decoration: none;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n margin-bottom: clamp(10px, 0.75vw, 15px);\n\n li + li {\n margin-top: 4px;\n }\n\n ul {\n display: none;\n padding: 4px;\n\n * {\n color: ", " !important;\n }\n\n li {\n padding: 0;\n\n &.active {\n background: none;\n }\n\n ul {\n display: none;\n }\n\n .item-title {\n &:hover,\n &.active {\n background: #e1e1e1 !important;\n }\n }\n }\n }\n\n li {\n position: relative !important;\n z-index: 9999;\n width: 100%;\n\n ul {\n display: none;\n }\n\n &.active {\n background: ", ";\n border-radius: 5px;\n\n a,\n span {\n color: #fff;\n }\n\n svg {\n fill: #fff !important;\n }\n }\n\n &:hover {\n > ul {\n display: block;\n }\n }\n }\n }\n\n .title {\n color: #828282;\n margin-bottom: clamp(3px, 0.5vw, 10px);\n padding-left: clamp(5px, 0.78vw, 15px);\n\n .dark & {\n color: #4b5563;\n }\n }\n\n .item-title {\n border-radius: 5px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n transition: transform 0.1s ease-in-out;\n font-weight: 400;\n padding: 0 clamp(5px, 0.78vw, 15px);\n height: clamp(34px, 2.08vw, 40px);\n display: flex;\n position: relative;\n z-index: 2222;\n\n > span {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n color: ", ";\n\n .icon {\n width: 20px;\n height: 20px;\n display: flex;\n transition: 0.1s linear;\n margin-left: 0;\n\n > svg {\n width: 100%;\n height: auto;\n fill: #828282;\n }\n }\n }\n\n &:hover {\n background-color: ", ";\n\n > span {\n color: #fff;\n margin-right: 0;\n transition: 0.3s linear;\n\n .icon {\n margin-left: 10px;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n .arrow {\n width: 7px;\n margin: 0 0 0 auto;\n display: flex;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n &#menu_expanded {\n width: 65px !important;\n padding-top: 41px;\n transition: 0.3s;\n position: absolute;\n\n .expand {\n position: absolute;\n top: 10px;\n right: -12px;\n width: 24px;\n height: 24px;\n border-radius: 100%;\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n width: 5px;\n fill: #fff;\n height: auto;\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: none;\n }\n\n .arrow {\n display: none;\n }\n }\n }\n }\n\n ul {\n .submenu {\n min-width: 195px;\n }\n }\n\n .item-title {\n padding-left: 22px;\n \n &:hover {\n > span {\n .icon {\n margin-left: 0;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n &.expanded {\n width: 240px !important;\n transition: 0.3s;\n\n .expand {\n svg {\n transform: rotate(180deg);\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: block;\n }\n\n .arrow {\n display: block;\n }\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .icon {\n width: 14px !important;\n height: 14px !important;\n }\n\n span {\n font-size: 13.5px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .icon {\n width: 17px !important;\n height: 17px !important;\n }\n\n span {\n font-size: 13px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n .icon {\n width: 16px !important;\n height: 16px !important;\n }\n\n span {\n font-size: 12px;\n }\n }\n"], ["\n width: 100%;\n position: relative;\n padding-right: clamp(5px, 0.78vw, 15px);\n width: 285px;\n padding: 0 0 15px 0;\n border-right: 1px solid #e1e1e1;\n display: flex;\n flex-direction: column;\n left: 0;\n top: 0;\n min-height: 100vh;\n z-index: 999;\n background: #fff;\n padding-top: 25px;\n\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-track {\n background: #ccc;\n border-radius: 10px;\n }\n\n a {\n text-decoration: none;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n margin-bottom: clamp(10px, 0.75vw, 15px);\n\n li + li {\n margin-top: 4px;\n }\n\n ul {\n display: none;\n padding: 4px;\n\n * {\n color: ", " !important;\n }\n\n li {\n padding: 0;\n\n &.active {\n background: none;\n }\n\n ul {\n display: none;\n }\n\n .item-title {\n &:hover,\n &.active {\n background: #e1e1e1 !important;\n }\n }\n }\n }\n\n li {\n position: relative !important;\n z-index: 9999;\n width: 100%;\n\n ul {\n display: none;\n }\n\n &.active {\n background: ", ";\n border-radius: 5px;\n\n a,\n span {\n color: #fff;\n }\n\n svg {\n fill: #fff !important;\n }\n }\n\n &:hover {\n > ul {\n display: block;\n }\n }\n }\n }\n\n .title {\n color: #828282;\n margin-bottom: clamp(3px, 0.5vw, 10px);\n padding-left: clamp(5px, 0.78vw, 15px);\n\n .dark & {\n color: #4b5563;\n }\n }\n\n .item-title {\n border-radius: 5px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n transition: transform 0.1s ease-in-out;\n font-weight: 400;\n padding: 0 clamp(5px, 0.78vw, 15px);\n height: clamp(34px, 2.08vw, 40px);\n display: flex;\n position: relative;\n z-index: 2222;\n\n > span {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n color: ", ";\n\n .icon {\n width: 20px;\n height: 20px;\n display: flex;\n transition: 0.1s linear;\n margin-left: 0;\n\n > svg {\n width: 100%;\n height: auto;\n fill: #828282;\n }\n }\n }\n\n &:hover {\n background-color: ", ";\n\n > span {\n color: #fff;\n margin-right: 0;\n transition: 0.3s linear;\n\n .icon {\n margin-left: 10px;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n .arrow {\n width: 7px;\n margin: 0 0 0 auto;\n display: flex;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n &#menu_expanded {\n width: 65px !important;\n padding-top: 41px;\n transition: 0.3s;\n position: absolute;\n\n .expand {\n position: absolute;\n top: 10px;\n right: -12px;\n width: 24px;\n height: 24px;\n border-radius: 100%;\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n width: 5px;\n fill: #fff;\n height: auto;\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: none;\n }\n\n .arrow {\n display: none;\n }\n }\n }\n }\n\n ul {\n .submenu {\n min-width: 195px;\n }\n }\n\n .item-title {\n padding-left: 22px;\n \n &:hover {\n > span {\n .icon {\n margin-left: 0;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n &.expanded {\n width: 240px !important;\n transition: 0.3s;\n\n .expand {\n svg {\n transform: rotate(180deg);\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: block;\n }\n\n .arrow {\n display: block;\n }\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .icon {\n width: 14px !important;\n height: 14px !important;\n }\n\n span {\n font-size: 13.5px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .icon {\n width: 17px !important;\n height: 17px !important;\n }\n\n span {\n font-size: 13px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n .icon {\n width: 16px !important;\n height: 16px !important;\n }\n\n span {\n font-size: 12px;\n }\n }\n"])), function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.primaryColor; });
13
+ exports.SubMenu = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-radius: 5px;\n padding: 12px 8px;\n z-index: 24;\n position: absolute;\n top: ", ";\n bottom: ", ";\n left: 100%;\n z-index: 9999;\n background-color: #ffffff;\n border: 1px solid #d1d5db;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n transition: background-color 0.3s, border-color 0.3s;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n"], ["\n border-radius: 5px;\n padding: 12px 8px;\n z-index: 24;\n position: absolute;\n top: ", ";\n bottom: ", ";\n left: 100%;\n z-index: 9999;\n background-color: #ffffff;\n border: 1px solid #d1d5db;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n transition: background-color 0.3s, border-color 0.3s;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n"])), function (props) { return (props.$index <= 6 ? 0 : undefined); }, function (props) { return (props.$index > 6 ? 0 : undefined); });
14
+ var templateObject_1, templateObject_2;
15
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,+4JAAA,qwBA6Cb,EAAgC,0fAiC3B,EAAgC,05BAkDvC,EAAgC,wTAkBrB,EAAgC,qtBA2ChC,EAAmC,4pDA0G5D,KA1PgB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAiC3B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkDvC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkBrB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EA2ChC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EA0G5D;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,EAAE,8fAAoB,+FAK3C,EAA8C,eAC3C,EAA6C,yUAWxD,KAZQ,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAnC,CAAmC,EAC3C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAlC,CAAkC,EAWxD"}
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.Layout = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.Layout = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n --spacing: clamp(15px, 1.56vw, 30px);\n\n header {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n .content_layout {\n width: 100%;\n display: flex;\n position: relative;\n\n > div,\n header,\n main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n main {\n width: 100%;\n flex: 1;\n margin: var(--spacing) 0;\n\n &.hasMenu {\n max-width: calc(100% - 285px);\n }\n }\n }\n\n @media only screen and (max-width: 1700px) {\n .content_layout {\n main {\n &.hasMenu {\n max-width: calc(100% - 280px);\n }\n }\n }\n }\n\n @media only screen and (max-width: 1650px) {\n .content_layout {\n main {\n &.hasMenu {\n max-width: calc(100% - 275px);\n }\n }\n }\n }\n\n @media only screen and (max-width: 1600px) {\n .content_layout {\n main {\n &.hasMenu {\n max-width: calc(100% - 270px);\n }\n }\n }\n }\n\n @media only screen and (max-width: 1550px) {\n .content_layout {\n main {\n &.hasMenu {\n max-width: calc(100% - 265px);\n }\n }\n }\n }\n\n @media only screen and (max-width: 1500px) {\n .content_layout {\n main {\n &.hasMenu {\n max-width: calc(100% - 260px);\n }\n }\n }\n }\n\n @media only screen and (max-width: 1450px) {\n .content_layout {\n main {\n &.hasMenu {\n max-width: calc(100% - 255px);\n }\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .content_layout {\n main {\n &.hasMenu {\n max-width: calc(100% - 250px);\n }\n }\n }\n }\n\n @media only screen and (max-width: 1350px) {\n .content_layout {\n main {\n &.hasMenu {\n max-width: calc(100% - 245px);\n }\n }\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .content_layout {\n main {\n &.hasMenu {\n max-width: calc(100% - 240px);\n }\n }\n }\n }\n\n @media only screen and (max-width: 1280px) {\n .content_layout {\n .false-menu {\n display: none;\n }\n }\n }\n"], ["\n width: 100%;\n --spacing: clamp(15px, 1.56vw, 30px);\n\n header {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n .content_layout {\n width: 100%;\n display: flex;\n position: relative;\n\n > div,\n header,\n main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n main {\n width: 100%;\n flex: 1;\n margin: var(--spacing) 0;\n\n &.hasMenu {\n max-width: calc(100% - 285px);\n }\n }\n }\n\n @media only screen and (max-width: 1700px) {\n .content_layout {\n main {\n &.hasMenu {\n max-width: calc(100% - 280px);\n }\n }\n }\n }\n\n @media only screen and (max-width: 1650px) {\n .content_layout {\n main {\n &.hasMenu {\n max-width: calc(100% - 275px);\n }\n }\n }\n }\n\n @media only screen and (max-width: 1600px) {\n .content_layout {\n main {\n &.hasMenu {\n max-width: calc(100% - 270px);\n }\n }\n }\n }\n\n @media only screen and (max-width: 1550px) {\n .content_layout {\n main {\n &.hasMenu {\n max-width: calc(100% - 265px);\n }\n }\n }\n }\n\n @media only screen and (max-width: 1500px) {\n .content_layout {\n main {\n &.hasMenu {\n max-width: calc(100% - 260px);\n }\n }\n }\n }\n\n @media only screen and (max-width: 1450px) {\n .content_layout {\n main {\n &.hasMenu {\n max-width: calc(100% - 255px);\n }\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .content_layout {\n main {\n &.hasMenu {\n max-width: calc(100% - 250px);\n }\n }\n }\n }\n\n @media only screen and (max-width: 1350px) {\n .content_layout {\n main {\n &.hasMenu {\n max-width: calc(100% - 245px);\n }\n }\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .content_layout {\n main {\n &.hasMenu {\n max-width: calc(100% - 240px);\n }\n }\n }\n }\n\n @media only screen and (max-width: 1280px) {\n .content_layout {\n .false-menu {\n display: none;\n }\n }\n }\n"])));
12
+ exports.Layout = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n --spacing: clamp(15px, 1.56vw, 30px);\n\n header {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n .content_layout {\n width: 100%;\n display: flex;\n position: relative;\n\n header,\n main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n main {\n width: 100%;\n flex: 1;\n margin: var(--spacing) 0;\n }\n }\n"], ["\n width: 100%;\n --spacing: clamp(15px, 1.56vw, 30px);\n\n header {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n .content_layout {\n width: 100%;\n display: flex;\n position: relative;\n\n header,\n main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n main {\n width: 100%;\n flex: 1;\n margin: var(--spacing) 0;\n }\n }\n"])));
13
13
  var templateObject_1;
14
14
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,+zEAAA,4vEAiIlC,KAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,4fAAA,ybA0BlC,KAAA"}
@@ -1 +1,9 @@
1
- export declare function useLoadAllNotifications(): import("swr").SWRResponse<any, any, any>;
1
+ export declare function useLoadAllNotifications(): import("swr").SWRResponse<import("../../../../../system/index.js").INotification[], any, {
2
+ revalidateIfStale: boolean;
3
+ revalidateOnFocus: boolean;
4
+ revalidateOnReconnect: boolean;
5
+ shouldRetryOnError: boolean;
6
+ refreshWhenOffline: boolean;
7
+ refreshWhenHidden: boolean;
8
+ refreshInterval: number;
9
+ }>;
@@ -1,4 +1,15 @@
1
1
  "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
2
13
  var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
3
14
  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
4
15
  return new (P || (P = Promise))(function (resolve, reject) {
@@ -41,21 +52,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
41
52
  Object.defineProperty(exports, "__esModule", { value: true });
42
53
  exports.useLoadAllNotifications = void 0;
43
54
  var swr_1 = __importDefault(require("swr"));
44
- var container_1 = require("../../../../../system/container/index.js");
45
- var context_1 = require("../../../../../system/presentation/context/index.js");
55
+ var system_1 = require("../../../../../system/index.js");
46
56
  function useLoadAllNotifications() {
47
- var Configurations = (0, context_1.useInfraInjection)().Configurations;
48
57
  function fetcher() {
49
58
  return __awaiter(this, void 0, void 0, function () {
59
+ var res;
50
60
  return __generator(this, function (_a) {
51
61
  switch (_a.label) {
52
- case 0: return [4 /*yield*/, container_1.container.get(container_1.Types.RemoteNotifications).loadAll({ timezone: "America/Sao_Paulo" })];
53
- case 1: return [2 /*return*/, _a.sent()];
62
+ case 0: return [4 /*yield*/, system_1.container.get(system_1.Types.RemoteNotifications).loadAll({ timezone: "America/Sao_Paulo" })];
63
+ case 1:
64
+ res = _a.sent();
65
+ return [2 /*return*/, res.data];
54
66
  }
55
67
  });
56
68
  });
57
69
  }
58
- return (0, swr_1.default)(Configurations.notification && 'LoadAllNotifications', fetcher);
70
+ var response = (0, swr_1.default)('LoadAllNotifications', fetcher, __assign({}, system_1.cacheSWR));
71
+ return response;
59
72
  }
60
73
  exports.useLoadAllNotifications = useLoadAllNotifications;
61
74
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/hooks/notifications/use-load-all/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAwB;AAExB,gDAAqD;AAErD,yDAAiE;AAEjE,SAAgB,uBAAuB;IAC7B,IAAA,cAAc,GAAK,IAAA,2BAAiB,GAAE,eAAxB,CAAyB;IAE/C,SAAe,OAAO;;;;4BACb,qBAAM,qBAAS,CAAC,GAAG,CAAsB,iBAAK,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC,EAAA;4BAArH,sBAAO,SAA8G,EAAA;;;;KACtH;IAED,OAAO,IAAA,aAAM,EAAC,cAAc,CAAC,YAAY,IAAI,sBAAsB,EAAE,OAAO,CAAC,CAAA;AAC/E,CAAC;AARD,0DAQC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/hooks/notifications/use-load-all/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAwB;AAExB,mCAA2E;AAE3E,SAAgB,uBAAuB;IAErC,SAAe,OAAO;;;;;4BACR,qBAAM,kBAAS,CAAC,GAAG,CAAsB,cAAK,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC,EAAA;;wBAApH,GAAG,GAAG,SAA8G;wBAC1H,sBAAO,GAAG,CAAC,IAAI,EAAA;;;;KAChB;IAED,IAAM,QAAQ,GAAE,IAAA,aAAM,EAAC,sBAAsB,EAAE,OAAO,eAAM,iBAAQ,EAAE,CAAA;IAGtE,OAAO,QAAQ,CAAA;AACjB,CAAC;AAXD,0DAWC"}
@@ -1,2 +1,10 @@
1
- import { LoadNoReadNotifications } from '../../../../../system/domain/index.js';
2
- export declare function useLoadNoReadNotifications(): import("swr").SWRResponse<LoadNoReadNotifications.Model, any, any>;
1
+ import { LoadNoReadNotifications } from '../../../../../system/index.js';
2
+ export declare function useLoadNoReadNotifications(): import("swr").SWRResponse<LoadNoReadNotifications.Model, any, {
3
+ revalidateIfStale: boolean;
4
+ revalidateOnFocus: boolean;
5
+ revalidateOnReconnect: boolean;
6
+ shouldRetryOnError: boolean;
7
+ refreshWhenOffline: boolean;
8
+ refreshWhenHidden: boolean;
9
+ refreshInterval: number;
10
+ }>;
@@ -41,24 +41,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
41
41
  Object.defineProperty(exports, "__esModule", { value: true });
42
42
  exports.useLoadNoReadNotifications = void 0;
43
43
  var swr_1 = __importDefault(require("swr"));
44
- var container_1 = require("../../../../../system/container/index.js");
45
- var context_1 = require("../../../../../system/presentation/context/index.js");
44
+ var system_1 = require("../../../../../system/index.js");
46
45
  function useLoadNoReadNotifications() {
47
- var Configurations = (0, context_1.useInfraInjection)().Configurations;
48
46
  function fetcher() {
49
47
  return __awaiter(this, void 0, void 0, function () {
50
- var response;
48
+ var res;
51
49
  return __generator(this, function (_a) {
52
50
  switch (_a.label) {
53
- case 0: return [4 /*yield*/, container_1.container.get(container_1.Types.RemoteNotifications).loadNoRead()];
51
+ case 0: return [4 /*yield*/, system_1.container.get(system_1.Types.RemoteNotifications).loadNoRead()];
54
52
  case 1:
55
- response = _a.sent();
56
- return [2 /*return*/, response];
53
+ res = _a.sent();
54
+ return [2 /*return*/, res];
57
55
  }
58
56
  });
59
57
  });
60
58
  }
61
- return (0, swr_1.default)(Configurations.notification && 'LoadNoReadNotifications', fetcher);
59
+ var response = (0, swr_1.default)('LoadNoReadNotifications', fetcher, system_1.cacheSWR);
60
+ return response;
62
61
  }
63
62
  exports.useLoadNoReadNotifications = useLoadNoReadNotifications;
64
63
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/hooks/notifications/use-load-no-read/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAwB;AAExB,gDAAqD;AAErD,yDAAiE;AAEjE,SAAgB,0BAA0B;IAChC,IAAA,cAAc,GAAK,IAAA,2BAAiB,GAAE,eAAxB,CAAwB;IAE9C,SAAe,OAAO;;;;;4BACH,qBAAM,qBAAS,CAAC,GAAG,CAA0B,iBAAK,CAAC,mBAAmB,CAAC,CAAC,UAAU,EAAE,EAAA;;wBAA/F,QAAQ,GAAG,SAAoF;wBAErG,sBAAO,QAAQ,EAAA;;;;KAChB;IAED,OAAO,IAAA,aAAM,EAAC,cAAc,CAAC,YAAY,IAAI,yBAAyB,EAAE,OAAO,CAAC,CAAA;AAClF,CAAC;AAVD,gEAUC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/hooks/notifications/use-load-no-read/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAwB;AAExB,mCAA8E;AAE9E,SAAgB,0BAA0B;IAExC,SAAe,OAAO;;;;;4BACR,qBAAM,kBAAS,CAAC,GAAG,CAA0B,cAAK,CAAC,mBAAmB,CAAC,CAAC,UAAU,EAAE,EAAA;;wBAA1F,GAAG,GAAG,SAAoF;wBAEhG,sBAAO,GAAG,EAAA;;;;KACX;IAED,IAAM,QAAQ,GAAE,IAAA,aAAM,EAAC,yBAAyB,EAAE,OAAO,EAAE,iBAAQ,CAAC,CAAA;IAEpE,OAAO,QAAQ,CAAA;AACjB,CAAC;AAXD,gEAWC"}
@@ -1,2 +1,3 @@
1
+ export * from "./swr/index.js";
1
2
  export * from './sidebar/index.js';
2
3
  export * from './use-query/index.js';
@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
14
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./swr/index.js"), exports);
17
18
  __exportStar(require("./sidebar/index.js"), exports);
18
19
  __exportStar(require("./use-query/index.js"), exports);
19
20
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/system/presentation/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAAyB;AACzB,8CAA2B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/system/presentation/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAqB;AACrB,4CAAyB;AACzB,8CAA2B"}
@@ -0,0 +1,9 @@
1
+ export declare const cacheSWR: {
2
+ revalidateIfStale: boolean;
3
+ revalidateOnFocus: boolean;
4
+ revalidateOnReconnect: boolean;
5
+ shouldRetryOnError: boolean;
6
+ refreshWhenOffline: boolean;
7
+ refreshWhenHidden: boolean;
8
+ refreshInterval: number;
9
+ };
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.cacheSWR = void 0;
4
+ exports.cacheSWR = {
5
+ revalidateIfStale: false,
6
+ revalidateOnFocus: false,
7
+ revalidateOnReconnect: false,
8
+ shouldRetryOnError: false,
9
+ refreshWhenOffline: false,
10
+ refreshWhenHidden: false,
11
+ refreshInterval: 0,
12
+ };
13
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/system/presentation/utils/swr/index.ts"],"names":[],"mappings":";;;AAAe,QAAA,QAAQ,GAAI;IACzB,iBAAiB,EAAE,KAAK;IACxB,iBAAiB,EAAE,KAAK;IACxB,qBAAqB,EAAE,KAAK;IAC5B,kBAAkB,EAAE,KAAK;IACzB,kBAAkB,EAAE,KAAK;IACzB,iBAAiB,EAAE,KAAK;IACxB,eAAe,EAAE,CAAC;CACnB,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "infinity-forge",
3
- "version": "0.46.3",
3
+ "version": "0.46.7",
4
4
  "description": "codie Library",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -1 +0,0 @@
1
- export * from './menu/index.js';
@@ -1,18 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./menu/index.js"), exports);
18
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB"}
@@ -1,3 +0,0 @@
1
- export declare function Menu({ isInteralMenu }: {
2
- isInteralMenu?: boolean;
3
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,67 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.Menu = void 0;
30
- var jsx_runtime_1 = require("react/jsx-runtime");
31
- var react_1 = require("react");
32
- var link_1 = __importDefault(require("next/link"));
33
- var router_1 = require("next/router");
34
- var ui_1 = require("../../../../../../../ui/index.js");
35
- var system_1 = require("../../../../../../../system/index.js");
36
- var S = __importStar(require("./styles.js"));
37
- function MenuItem(_a) {
38
- var _b;
39
- var item = _a.item, index = _a.index;
40
- var router = (0, router_1.useRouter)();
41
- var path = router.asPath;
42
- var hasMenuItems = (item === null || item === void 0 ? void 0 : item.items) && ((_b = item.items) === null || _b === void 0 ? void 0 : _b.length) > 0;
43
- function ItemContent() {
44
- var _a;
45
- return ((0, jsx_runtime_1.jsxs)("span", { className: 'font-14-regular', children: [(item === null || item === void 0 ? void 0 : item.icon) && (0, jsx_runtime_1.jsx)("div", { className: 'icon', dangerouslySetInnerHTML: { __html: item.icon } }), (0, jsx_runtime_1.jsx)("span", { className: 'content-title', children: item === null || item === void 0 ? void 0 : item.title }), ((_a = item === null || item === void 0 ? void 0 : item.items) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((0, jsx_runtime_1.jsx)("div", { className: 'arrow', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconKeyboardRightArrow' }) }))] }));
46
- }
47
- var isFatherActive = hasMenuItems && item.route && path.includes(item.route.replaceAll('/', ''));
48
- var isActive = path.substring(0, path.length - 1) === item.route || isFatherActive;
49
- return ((0, jsx_runtime_1.jsxs)("li", { className: isActive ? 'active' : '', children: [item.route ? ((0, jsx_runtime_1.jsx)(link_1.default, { href: item.route, className: "item-title font-14-regular ".concat(isActive ? 'active' : ''), children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })) : ((0, jsx_runtime_1.jsx)("div", { className: "item-title ".concat(isActive ? 'active' : ''), children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })), hasMenuItems && (0, jsx_runtime_1.jsx)(SubMenu, { index: index, item: item === null || item === void 0 ? void 0 : item.items }, 'submenu' + item.title)] }));
50
- }
51
- function SubMenu(_a) {
52
- var item = _a.item, index = _a.index;
53
- return ((0, jsx_runtime_1.jsx)(S.SubMenu, { className: 'submenu', "$index": index, children: item.map(function (subitem) { return ((0, jsx_runtime_1.jsx)(MenuItem, { item: subitem, index: index }, 'submenu-item' + subitem.title)); }) }));
54
- }
55
- function Menu(_a) {
56
- var _b, _c;
57
- var isInteralMenu = _a.isInteralMenu;
58
- var data = (0, system_1.useLoadMenu)().data;
59
- return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Menu', children: (0, jsx_runtime_1.jsx)(S.Menu, { className: 'menu', children: isInteralMenu
60
- ? (_b = data === null || data === void 0 ? void 0 : data.items) === null || _b === void 0 ? void 0 : _b.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("ul", { children: (0, jsx_runtime_1.jsx)(MenuItem, { item: item, index: index }, 'menu-item' + index + item.title) })); })
61
- : (_c = data === null || data === void 0 ? void 0 : data.items) === null || _c === void 0 ? void 0 : _c.map(function (item) {
62
- var _a;
63
- return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'title', children: (0, jsx_runtime_1.jsx)("h5", { className: 'font-10-regular uppercase', children: item.title }) }), (0, jsx_runtime_1.jsx)("ul", { children: (_a = item === null || item === void 0 ? void 0 : item.items) === null || _a === void 0 ? void 0 : _a.map(function (menu, index) { return ((0, jsx_runtime_1.jsx)(MenuItem, { item: menu, index: index }, 'menu-item' + index + item.title)); }) })] }, 'wrapper-menu-' + item.title));
64
- }) }) }));
65
- }
66
- exports.Menu = Menu;
67
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/menu/index.tsx"],"names":[],"mappings":"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"}
@@ -1,15 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __importDefault = (this && this.__importDefault) || function (mod) {
7
- return (mod && mod.__esModule) ? mod : { "default": mod };
8
- };
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- exports.SubMenu = exports.Menu = void 0;
11
- var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.Menu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n position: relative;\n z-index: 999;\n padding-right: clamp(5px, 0.78vw, 15px);\n\n a {\n text-decoration: none;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n margin-bottom: clamp(10px, 0.75vw, 15px);\n\n li + li {\n margin-top: 4px;\n }\n\n ul {\n display: none;\n padding: 4px;\n\n * {\n color: ", " !important;\n }\n\n li {\n padding: 0;\n\n &.active {\n background: none;\n }\n\n .item-title {\n &:hover,\n &.active {\n background: #e1e1e1 !important;\n }\n }\n }\n }\n\n li {\n position: relative !important;\n z-index: 9999;\n width: 100%;\n\n &.active {\n background: ", ";\n border-radius: 5px;\n\n a,\n span {\n color: #fff;\n }\n\n svg {\n fill: #fff !important;\n }\n }\n\n &:hover {\n ul {\n display: block;\n }\n }\n }\n }\n\n .title {\n color: #828282;\n margin-bottom: clamp(3px, 0.5vw, 10px);\n padding-left: clamp(5px, 0.78vw, 15px);\n\n .dark & {\n color: #4b5563;\n }\n }\n\n .item-title {\n border-radius: 5px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n transition: transform 0.1s ease-in-out;\n font-weight: 400;\n padding: 0 clamp(5px, 0.78vw, 15px);\n height: clamp(34px, 2.08vw, 40px);\n display: flex;\n position: relative;\n z-index: 2222;\n\n > span {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n color: ", ";\n\n .icon {\n width: 20px;\n height: 20px;\n display: flex;\n transition: 0.1s linear;\n margin-left: 0;\n\n > svg {\n width: 100%;\n height: auto;\n fill: #828282;\n }\n }\n }\n\n &:hover {\n background-color: ", ";\n\n > span {\n color: #fff;\n margin-right: 0;\n transition: 0.3s linear;\n\n .icon {\n margin-left: 10px;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n .arrow {\n width: 7px;\n margin: 0 0 0 auto;\n display: flex;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .icon {\n width: 14px !important;\n height: 14px !important;\n }\n\n span {\n font-size: 13.5px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .icon {\n width: 17px !important;\n height: 17px !important;\n }\n\n span {\n font-size: 13px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n .icon {\n width: 16px !important;\n height: 16px !important;\n }\n\n span {\n font-size: 12px;\n }\n }\n"], ["\n width: 100%;\n position: relative;\n z-index: 999;\n padding-right: clamp(5px, 0.78vw, 15px);\n\n a {\n text-decoration: none;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n margin-bottom: clamp(10px, 0.75vw, 15px);\n\n li + li {\n margin-top: 4px;\n }\n\n ul {\n display: none;\n padding: 4px;\n\n * {\n color: ", " !important;\n }\n\n li {\n padding: 0;\n\n &.active {\n background: none;\n }\n\n .item-title {\n &:hover,\n &.active {\n background: #e1e1e1 !important;\n }\n }\n }\n }\n\n li {\n position: relative !important;\n z-index: 9999;\n width: 100%;\n\n &.active {\n background: ", ";\n border-radius: 5px;\n\n a,\n span {\n color: #fff;\n }\n\n svg {\n fill: #fff !important;\n }\n }\n\n &:hover {\n ul {\n display: block;\n }\n }\n }\n }\n\n .title {\n color: #828282;\n margin-bottom: clamp(3px, 0.5vw, 10px);\n padding-left: clamp(5px, 0.78vw, 15px);\n\n .dark & {\n color: #4b5563;\n }\n }\n\n .item-title {\n border-radius: 5px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n transition: transform 0.1s ease-in-out;\n font-weight: 400;\n padding: 0 clamp(5px, 0.78vw, 15px);\n height: clamp(34px, 2.08vw, 40px);\n display: flex;\n position: relative;\n z-index: 2222;\n\n > span {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n color: ", ";\n\n .icon {\n width: 20px;\n height: 20px;\n display: flex;\n transition: 0.1s linear;\n margin-left: 0;\n\n > svg {\n width: 100%;\n height: auto;\n fill: #828282;\n }\n }\n }\n\n &:hover {\n background-color: ", ";\n\n > span {\n color: #fff;\n margin-right: 0;\n transition: 0.3s linear;\n\n .icon {\n margin-left: 10px;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n .arrow {\n width: 7px;\n margin: 0 0 0 auto;\n display: flex;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .icon {\n width: 14px !important;\n height: 14px !important;\n }\n\n span {\n font-size: 13.5px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .icon {\n width: 17px !important;\n height: 17px !important;\n }\n\n span {\n font-size: 13px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n .icon {\n width: 16px !important;\n height: 16px !important;\n }\n\n span {\n font-size: 12px;\n }\n }\n"])), function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; });
13
- exports.SubMenu = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-radius: 5px;\n padding: 12px 8px;\n z-index: 24;\n position: absolute;\n top: ", ";\n bottom: ", ";\n left: 100%;\n z-index: 9999;\n background-color: #ffffff;\n border: 1px solid #d1d5db;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n transition: background-color 0.3s, border-color 0.3s;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n"], ["\n border-radius: 5px;\n padding: 12px 8px;\n z-index: 24;\n position: absolute;\n top: ", ";\n bottom: ", ";\n left: 100%;\n z-index: 9999;\n background-color: #ffffff;\n border: 1px solid #d1d5db;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n transition: background-color 0.3s, border-color 0.3s;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n"])), function (props) { return (props.$index <= 6 ? 0 : undefined); }, function (props) { return (props.$index > 6 ? 0 : undefined); });
14
- var templateObject_1, templateObject_2;
15
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,+gGAAA,+YAyBb,EAAgC,sZAyB3B,EAAgC,w5BAkDvC,EAAgC,wTAkBrB,EAAgC,+8BA8DzD,KA3JgB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAyB3B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkDvC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkBrB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EA8DzD;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,EAAE,8fAAoB,+FAK3C,EAA8C,eAC3C,EAA6C,yUAWxD,KAZQ,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAnC,CAAmC,EAC3C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAlC,CAAkC,EAWxD"}
@@ -1,2 +0,0 @@
1
- import { ISidebarProps } from './interfaces.js';
2
- export declare function SideBarMenu(props: ISidebarProps): import("react/jsx-runtime").JSX.Element;
@@ -1,30 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.SideBarMenu = void 0;
15
- var jsx_runtime_1 = require("react/jsx-runtime");
16
- var version_01_1 = require("./version-01/index.js");
17
- var version_02_1 = require("./version-02/index.js");
18
- function SideBarMenu(props) {
19
- var version = props['version'];
20
- switch (version) {
21
- case 'version01':
22
- return (0, jsx_runtime_1.jsx)(version_01_1.SideBarMenuVersion01, __assign({}, props));
23
- case 'version02':
24
- return (0, jsx_runtime_1.jsx)(version_02_1.SideBarMenuVersion02, __assign({}, props));
25
- default:
26
- return (0, jsx_runtime_1.jsx)(version_01_1.SideBarMenuVersion01, __assign({}, props));
27
- }
28
- }
29
- exports.SideBarMenu = SideBarMenu;
30
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,2CAAmD;AACnD,2CAAmD;AAEnD,SAAgB,WAAW,CAAC,KAAoB;IAC9C,IAAM,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;IAEhC,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,WAAW;YACd,OAAO,uBAAC,iCAAoB,eAAK,KAAK,EAAI,CAAA;QAE5C,KAAK,WAAW;YACd,OAAO,uBAAC,iCAAoB,eAAK,KAAK,EAAI,CAAA;QAE5C;YACE,OAAO,uBAAC,iCAAoB,eAAK,KAAK,EAAI,CAAA;IAC9C,CAAC;AACH,CAAC;AAbD,kCAaC"}
@@ -1,7 +0,0 @@
1
- import { WorkSpace } from '../../data/select-workspace/interfaces.js';
2
- export interface ISidebarProps {
3
- fixedSidebar?: boolean;
4
- workspaces?: WorkSpace;
5
- isInteralMenu?: boolean;
6
- version?: 'version01' | 'version02';
7
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/menu/interfaces.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import { ISidebarProps } from '../interfaces.js';
2
- export declare function SideBarMenuVersion01({ fixedSidebar, isInteralMenu }: ISidebarProps): import("react/jsx-runtime").JSX.Element;
@@ -1,40 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- Object.defineProperty(exports, "__esModule", { value: true });
26
- exports.SideBarMenuVersion01 = void 0;
27
- var jsx_runtime_1 = require("react/jsx-runtime");
28
- var components_1 = require("../components/index.js");
29
- var data_1 = require("../../../data/index.js");
30
- var utils_1 = require("../../../../../../system/presentation/utils/index.js");
31
- var context_1 = require("../../../../../../system/presentation/context/index.js");
32
- var S = __importStar(require("./styles.js"));
33
- function SideBarMenuVersion01(_a) {
34
- var fixedSidebar = _a.fixedSidebar, isInteralMenu = _a.isInteralMenu;
35
- var user = (0, context_1.useAuthAdmin)().user;
36
- var avatarImage = (user === null || user === void 0 ? void 0 : user.avatar) || '/images/default-profile.png';
37
- return ((0, jsx_runtime_1.jsxs)(S.SideBarMenuVersion01, { id: 'left-menu', "$isFixed": fixedSidebar, children: [fixedSidebar && (0, jsx_runtime_1.jsx)("div", { id: 'sidebar-overlay', onClick: utils_1.closeSidebar }), (0, jsx_runtime_1.jsxs)("div", { id: 'sidebar', children: [(0, jsx_runtime_1.jsx)("div", { className: 'profile-box-mobile', children: (0, jsx_runtime_1.jsxs)("div", { className: 'profile', children: [(0, jsx_runtime_1.jsx)(data_1.Avatar, { image: avatarImage }), (0, jsx_runtime_1.jsxs)("span", { className: 'font-14-bold', children: [user === null || user === void 0 ? void 0 : user.firstName, " ", (0, jsx_runtime_1.jsx)("br", {}), user === null || user === void 0 ? void 0 : user.lastName] })] }) }), (0, jsx_runtime_1.jsx)(components_1.Menu, { isInteralMenu: isInteralMenu })] })] }));
38
- }
39
- exports.SideBarMenuVersion01 = SideBarMenuVersion01;
40
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAoC;AACpC,sCAAsC;AAEtC,qDAA0D;AAC1D,yDAA4D;AAI5D,0CAA6B;AAE7B,SAAgB,oBAAoB,CAAC,EAA8C;QAA5C,YAAY,kBAAA,EAAE,aAAa,mBAAA;IACxD,IAAA,IAAI,GAAK,IAAA,sBAAY,GAAE,KAAnB,CAAmB;IAE/B,IAAM,WAAW,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,KAAI,6BAA6B,CAAA;IAEjE,OAAO,CACL,wBAAC,CAAC,CAAC,oBAAoB,IAAC,EAAE,EAAC,WAAW,cAAW,YAAY,aAC1D,YAAY,IAAI,gCAAK,EAAE,EAAC,iBAAiB,EAAC,OAAO,EAAE,oBAAY,GAAI,EAEpE,iCAAK,EAAE,EAAC,SAAS,aACf,gCAAK,SAAS,EAAC,oBAAoB,YACjC,iCAAK,SAAS,EAAC,SAAS,aACtB,uBAAC,aAAM,IAAC,KAAK,EAAE,WAAW,GAAI,EAE9B,kCAAM,SAAS,EAAC,cAAc,aAC3B,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,OAAE,gCAAM,EACvB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,IACV,IACH,GAOF,EAEN,uBAAC,iBAAI,IAAC,aAAa,EAAE,aAAa,GAAI,IAGlC,IACiB,CAC1B,CAAA;AACH,CAAC;AAjCD,oDAiCC"}
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- interface IStyledSidebarProps {
3
- $isFixed?: boolean;
4
- }
5
- export declare const SideBarMenuVersion01: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, IStyledSidebarProps>> & string;
6
- export {};
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __importDefault = (this && this.__importDefault) || function (mod) {
7
- return (mod && mod.__esModule) ? mod : { "default": mod };
8
- };
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- exports.SideBarMenuVersion01 = void 0;
11
- var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.SideBarMenuVersion01 = styled_components_1.default.aside(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n\n ", "\n\n #sidebar-overlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n min-width: 100vw;\n min-height: 100vh;\n z-index: 999999999;\n background-color: rgba(0, 0, 0, 0.5);\n\n &.open {\n display: block;\n }\n }\n\n > #sidebar {\n width: 285px;\n padding: 0 0 20px 15px;\n border-right: 1px solid #e1e1e1;\n display: flex;\n flex-direction: column;\n left: 0;\n top: 0;\n min-height: 100vh;\n z-index: 999;\n background: #fff;\n position: sticky;\n\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-track {\n background: #ccc;\n border-radius: 10px;\n }\n }\n\n .menu {\n margin-top: 20px;\n }\n\n .profile-box-mobile {\n display: none;\n }\n\n @media only screen and (max-width: 1700px) {\n > #sidebar {\n width: 280px;\n }\n }\n\n @media only screen and (max-width: 1650px) {\n > #sidebar {\n width: 275px;\n }\n }\n\n @media only screen and (max-width: 1600px) {\n > #sidebar {\n width: 270px;\n }\n }\n\n @media only screen and (max-width: 1550px) {\n > #sidebar {\n width: 265px;\n }\n }\n\n @media only screen and (max-width: 1500px) {\n > #sidebar {\n width: 260px;\n }\n }\n\n @media only screen and (max-width: 1450px) {\n > #sidebar {\n width: 255px;\n }\n }\n\n @media only screen and (max-width: 1400px) {\n > #sidebar {\n width: 250px;\n }\n }\n\n @media only screen and (max-width: 1350px) {\n > #sidebar {\n width: 245px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n > #sidebar {\n width: 240px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n .profile-box-mobile {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n padding: 20px 15px 5px;\n\n .profile {\n display: flex;\n align-items: center;\n gap: 15px;\n\n span {\n font-size: 14px;\n font-weight: 700;\n line-height: 1.03;\n }\n }\n\n .actions {\n display: flex;\n align-items: center;\n gap: 10px;\n\n button {\n width: 30px;\n height: 30px;\n padding: 7px;\n background: ", ";\n }\n }\n }\n }\n"], ["\n display: flex;\n\n ", "\n\n #sidebar-overlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n min-width: 100vw;\n min-height: 100vh;\n z-index: 999999999;\n background-color: rgba(0, 0, 0, 0.5);\n\n &.open {\n display: block;\n }\n }\n\n > #sidebar {\n width: 285px;\n padding: 0 0 20px 15px;\n border-right: 1px solid #e1e1e1;\n display: flex;\n flex-direction: column;\n left: 0;\n top: 0;\n min-height: 100vh;\n z-index: 999;\n background: #fff;\n position: sticky;\n\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-track {\n background: #ccc;\n border-radius: 10px;\n }\n }\n\n .menu {\n margin-top: 20px;\n }\n\n .profile-box-mobile {\n display: none;\n }\n\n @media only screen and (max-width: 1700px) {\n > #sidebar {\n width: 280px;\n }\n }\n\n @media only screen and (max-width: 1650px) {\n > #sidebar {\n width: 275px;\n }\n }\n\n @media only screen and (max-width: 1600px) {\n > #sidebar {\n width: 270px;\n }\n }\n\n @media only screen and (max-width: 1550px) {\n > #sidebar {\n width: 265px;\n }\n }\n\n @media only screen and (max-width: 1500px) {\n > #sidebar {\n width: 260px;\n }\n }\n\n @media only screen and (max-width: 1450px) {\n > #sidebar {\n width: 255px;\n }\n }\n\n @media only screen and (max-width: 1400px) {\n > #sidebar {\n width: 250px;\n }\n }\n\n @media only screen and (max-width: 1350px) {\n > #sidebar {\n width: 245px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n > #sidebar {\n width: 240px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n .profile-box-mobile {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n padding: 20px 15px 5px;\n\n .profile {\n display: flex;\n align-items: center;\n gap: 15px;\n\n span {\n font-size: 14px;\n font-weight: 700;\n line-height: 1.03;\n }\n }\n\n .actions {\n display: flex;\n align-items: center;\n gap: 10px;\n\n button {\n width: 30px;\n height: 30px;\n padding: 7px;\n background: ", ";\n }\n }\n }\n }\n"])), function (props) {
13
- return props.$isFixed &&
14
- "\n > #sidebar {\n position: fixed !important;\n transform: translateX(-100%);\n transition: transform 0.2s;\n height: 100vh !important;\n z-index: 999999999 !important;\n\n\n &.open {\n transform: translateX(0);\n }\n }\n ";
15
- }, function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.primaryColor) || '#000'; });
16
- var templateObject_1;
17
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-01/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAMzB,QAAA,oBAAoB,GAAG,2BAAM,CAAC,KAAK,g8EAAqB,0BAGjE,EAeD,0zEAoIqB,EAA+C,qCAKtE,KAxJG,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,QAAQ;QACd,6PAaD;AAdC,CAcD,EAoIqB,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,YAAY,KAAI,MAAM,CAAA,EAAA,EAKtE"}
@@ -1,2 +0,0 @@
1
- import { ISidebarProps } from '../interfaces.js';
2
- export declare function SideBarMenuVersion02({ fixedSidebar, isInteralMenu }: ISidebarProps): import("react/jsx-runtime").JSX.Element;
@@ -1,40 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- Object.defineProperty(exports, "__esModule", { value: true });
26
- exports.SideBarMenuVersion02 = void 0;
27
- var jsx_runtime_1 = require("react/jsx-runtime");
28
- var components_1 = require("../components/index.js");
29
- var data_1 = require("../../../data/index.js");
30
- var utils_1 = require("../../../../../../system/presentation/utils/index.js");
31
- var context_1 = require("../../../../../../system/presentation/context/index.js");
32
- var S = __importStar(require("./styles.js"));
33
- function SideBarMenuVersion02(_a) {
34
- var fixedSidebar = _a.fixedSidebar, isInteralMenu = _a.isInteralMenu;
35
- var user = (0, context_1.useAuthAdmin)().user;
36
- var avatarImage = (user === null || user === void 0 ? void 0 : user.avatar) || '/images/default-profile.png';
37
- return ((0, jsx_runtime_1.jsxs)(S.SideBarMenuVersion02, { id: 'left-menu', children: [fixedSidebar && (0, jsx_runtime_1.jsx)("div", { id: 'sidebar-overlay', onClick: utils_1.closeSidebar }), (0, jsx_runtime_1.jsx)("div", { className: 'ghost-sidebar' }), (0, jsx_runtime_1.jsxs)("div", { id: 'sidebar', children: [(0, jsx_runtime_1.jsx)("div", { className: 'profile-box-mobile', children: (0, jsx_runtime_1.jsxs)("div", { className: 'profile', children: [(0, jsx_runtime_1.jsx)(data_1.Avatar, { image: avatarImage }), (0, jsx_runtime_1.jsxs)("span", { className: 'font-14-bold', children: [user === null || user === void 0 ? void 0 : user.firstName, " ", (0, jsx_runtime_1.jsx)("br", {}), user === null || user === void 0 ? void 0 : user.lastName] })] }) }), (0, jsx_runtime_1.jsx)(components_1.Menu, { isInteralMenu: isInteralMenu })] })] }));
38
- }
39
- exports.SideBarMenuVersion02 = SideBarMenuVersion02;
40
- //# sourceMappingURL=index.js.map