infinity-forge 0.46.2 → 0.46.5

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 (36) 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 +12 -13
  6. package/dist/system/presentation/components/data/tab/component.js.map +1 -1
  7. package/dist/system/presentation/components/data/tab/interfaces.d.ts +9 -1
  8. package/dist/system/presentation/components/layout/component.js +1 -1
  9. package/dist/system/presentation/components/layout/component.js.map +1 -1
  10. package/dist/system/presentation/components/layout/menu/components/menu/index.d.ts +1 -3
  11. package/dist/system/presentation/components/layout/menu/components/menu/index.js +3 -10
  12. package/dist/system/presentation/components/layout/menu/components/menu/index.js.map +1 -1
  13. package/dist/system/presentation/components/layout/menu/interfaces.d.ts +0 -1
  14. package/dist/system/presentation/components/layout/menu/version-01/index.d.ts +1 -1
  15. package/dist/system/presentation/components/layout/menu/version-01/index.js +2 -2
  16. package/dist/system/presentation/components/layout/menu/version-01/index.js.map +1 -1
  17. package/dist/system/presentation/components/layout/menu/version-02/index.d.ts +1 -1
  18. package/dist/system/presentation/components/layout/menu/version-02/index.js +2 -2
  19. package/dist/system/presentation/components/layout/menu/version-02/index.js.map +1 -1
  20. package/dist/system/presentation/components/layout/menu/version-02/styles.js +1 -1
  21. package/dist/system/presentation/components/layout/menu/version-02/styles.js.map +1 -1
  22. package/dist/system/presentation/components/layout/styles.js +1 -1
  23. package/dist/system/presentation/components/layout/styles.js.map +1 -1
  24. package/dist/system/presentation/hooks/notifications/use-load-all/index.d.ts +9 -1
  25. package/dist/system/presentation/hooks/notifications/use-load-all/index.js +19 -6
  26. package/dist/system/presentation/hooks/notifications/use-load-all/index.js.map +1 -1
  27. package/dist/system/presentation/hooks/notifications/use-load-no-read/index.d.ts +10 -2
  28. package/dist/system/presentation/hooks/notifications/use-load-no-read/index.js +7 -8
  29. package/dist/system/presentation/hooks/notifications/use-load-no-read/index.js.map +1 -1
  30. package/dist/system/presentation/utils/index.d.ts +1 -0
  31. package/dist/system/presentation/utils/index.js +1 -0
  32. package/dist/system/presentation/utils/index.js.map +1 -1
  33. package/dist/system/presentation/utils/swr/index.d.ts +9 -0
  34. package/dist/system/presentation/utils/swr/index.js +13 -0
  35. package/dist/system/presentation/utils/swr/index.js.map +1 -0
  36. package/package.json +1 -1
@@ -4,7 +4,7 @@ export declare class RemoteNotifications implements domain.LoadNoReadNotificatio
4
4
  private readonly makeApiURL;
5
5
  private readonly httpClient;
6
6
  constructor(makeApiURL: makeApiURL, httpClient: domain.HttpClient);
7
- loadAll(params: domain.LoadAllNotifications.Params): Promise<any>;
7
+ loadAll(params: domain.LoadAllNotifications.Params): Promise<domain.LoadAllNotifications.Model>;
8
8
  create(params: domain.CreateNotification.Params): Promise<domain.CreateNotification.Model>;
9
9
  loadNoRead(): Promise<domain.LoadNoReadNotifications.Model>;
10
10
  readAll(params: domain.ReadNotifications.Params): Promise<domain.ReadNotifications.Model>;
@@ -1 +1 @@
1
- {"version":3,"file":"remote-notifications.js","sourceRoot":"","sources":["../../../../../src/system/data/use-cases/notifications/remote-notifications.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAA8C;AAE9C,sDAAyC;AACzC,wDAA2D;AAC3D,sEAAkE;AAGlE;IAOE,6BACkD,UAAsB,EACd,UAA6B;QADrC,eAAU,GAAV,UAAU,CAAY;QACd,eAAU,GAAV,UAAU,CAAmB;IACpF,CAAC;IAEE,qCAAO,GAAb,UAAc,MAA0C;;;;;4BACrC,qBAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;4BAC7C,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC;4BAC1C,MAAM,EAAE,KAAK;4BACb,IAAI,EAAE,MAAM;yBACb,CAAC,EAAA;;wBAJI,QAAQ,GAAG,SAIf;wBAEF,sBAAO,QAAQ,CAAC,IAAI,EAAA;;;;KACrB;IAEK,oCAAM,GAAZ,UAAa,MAAwC;;;;;4BAClC,qBAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;4BAC7C,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC;4BAC1C,MAAM,EAAE,MAAM;4BACd,IAAI,EAAE,MAAM;yBACb,CAAC,EAAA;;wBAJI,QAAQ,GAAG,SAIf;wBAEF,sBAAO,QAAQ,CAAC,IAAuC,EAAA;;;;KACxD;IAEK,wCAAU,GAAhB;;;;;4BACmB,qBAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;4BAC7C,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,0BAA0B,CAAC;4BACrD,MAAM,EAAE,KAAK;yBACd,CAAC,EAAA;;wBAHI,QAAQ,GAAG,SAGf;wBAEF,sBAAO,QAAQ,CAAC,IAA4C,EAAA;;;;KAC7D;IAEK,qCAAO,GAAb,UAAc,MAAuC;;;;;4BAClC,qBAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;4BAC7C,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,2BAA2B,CAAC;4BACtD,MAAM,EAAE,MAAM;4BACd,IAAI,EAAE,MAAM;yBACb,CAAC,EAAA;;wBAJI,QAAQ,GAAG,SAIf;wBAEF,sBAAO,QAAQ,CAAC,IAAsC,EAAA;;;;KACvD;IAjDU,mBAAmB;QAD/B,IAAA,sBAAU,GAAE;QASR,WAAA,IAAA,kBAAM,EAAC,kBAAU,CAAC,UAAU,CAAC,CAAA;QAC7B,WAAA,IAAA,kBAAM,EAAC,kBAAU,CAAC,kBAAkB,CAAC,CAAA;yCADsB,yBAAU;OAR7D,mBAAmB,CAkD/B;IAAD,0BAAC;CAAA,AAnDD,IAmDC;AAlDY,kDAAmB"}
1
+ {"version":3,"file":"remote-notifications.js","sourceRoot":"","sources":["../../../../../src/system/data/use-cases/notifications/remote-notifications.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAA8C;AAE9C,sDAAyC;AACzC,wDAA2D;AAC3D,sEAAkE;AAGlE;IAOE,6BACkD,UAAsB,EACd,UAA6B;QADrC,eAAU,GAAV,UAAU,CAAY;QACd,eAAU,GAAV,UAAU,CAAmB;IACpF,CAAC;IAEE,qCAAO,GAAb,UAAc,MAA0C;;;;;4BACrC,qBAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;4BAC7C,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC;4BAC1C,MAAM,EAAE,KAAK;4BACb,IAAI,EAAE,MAAM;yBACb,CAAC,EAAA;;wBAJI,QAAQ,GAAG,SAIf;wBAEF,sBAAO,QAAQ,CAAC,IAAyC,EAAA;;;;KAC1D;IAEK,oCAAM,GAAZ,UAAa,MAAwC;;;;;4BAClC,qBAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;4BAC7C,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC;4BAC1C,MAAM,EAAE,MAAM;4BACd,IAAI,EAAE,MAAM;yBACb,CAAC,EAAA;;wBAJI,QAAQ,GAAG,SAIf;wBAEF,sBAAO,QAAQ,CAAC,IAAuC,EAAA;;;;KACxD;IAEK,wCAAU,GAAhB;;;;;4BACmB,qBAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;4BAC7C,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,0BAA0B,CAAC;4BACrD,MAAM,EAAE,KAAK;yBACd,CAAC,EAAA;;wBAHI,QAAQ,GAAG,SAGf;wBAEF,sBAAO,QAAQ,CAAC,IAA4C,EAAA;;;;KAC7D;IAEK,qCAAO,GAAb,UAAc,MAAuC;;;;;4BAClC,qBAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;4BAC7C,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,2BAA2B,CAAC;4BACtD,MAAM,EAAE,MAAM;4BACd,IAAI,EAAE,MAAM;yBACb,CAAC,EAAA;;wBAJI,QAAQ,GAAG,SAIf;wBAEF,sBAAO,QAAQ,CAAC,IAAsC,EAAA;;;;KACvD;IAjDU,mBAAmB;QAD/B,IAAA,sBAAU,GAAE;QASR,WAAA,IAAA,kBAAM,EAAC,kBAAU,CAAC,UAAU,CAAC,CAAA;QAC7B,WAAA,IAAA,kBAAM,EAAC,kBAAU,CAAC,kBAAkB,CAAC,CAAA;yCADsB,yBAAU;OAR7D,mBAAmB,CAkD/B;IAAD,0BAAC;CAAA,AAnDD,IAmDC;AAlDY,kDAAmB"}
@@ -78,23 +78,20 @@ var system_1 = require("../../../../../system/index.js");
78
78
  var card_1 = require("./card/index.js");
79
79
  var styles_1 = require("../../layout/header/components/menu-right/styles.js");
80
80
  var S = __importStar(require("./styles.js"));
81
- function Notifications(props) {
82
- var data = (0, system_1.useLoadNoReadNotifications)().data;
83
- var notifications = (0, system_1.useLoadAllNotifications)();
84
- if (!data || !notifications.data) {
85
- return;
86
- }
81
+ function ReadNotifications(_a) {
82
+ var _b;
83
+ var notifications = _a.notifications;
84
+ var readNotifications = (0, system_1.useLoadNoReadNotifications)();
87
85
  function handleOnOpen() {
88
86
  return __awaiter(this, void 0, void 0, function () {
89
87
  var noReadNotifications;
90
- var _a;
91
- return __generator(this, function (_b) {
92
- switch (_b.label) {
88
+ return __generator(this, function (_a) {
89
+ switch (_a.label) {
93
90
  case 0:
94
- noReadNotifications = (_a = notifications.data) === null || _a === void 0 ? void 0 : _a.filter(function (notification) { return !notification.isRead; }).map(function (noRead) { return noRead.id; });
91
+ noReadNotifications = notifications === null || notifications === void 0 ? void 0 : notifications.filter(function (notification) { return !notification.isRead; }).map(function (noRead) { return noRead.id; });
95
92
  return [4 /*yield*/, system_1.container.get(system_1.Types.RemoteNotifications).readAll({ ids: noReadNotifications })];
96
93
  case 1:
97
- _b.sent();
94
+ _a.sent();
98
95
  (0, swr_1.mutate)('LoadAllNotifications');
99
96
  (0, swr_1.mutate)('LoadNoReadNotifications');
100
97
  return [2 /*return*/];
@@ -102,10 +99,19 @@ function Notifications(props) {
102
99
  });
103
100
  });
104
101
  }
105
- return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Notifications', children: (0, jsx_runtime_1.jsx)(S.Notifications, { children: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { enableArrow: true, bgColor: '#fff', trigger: (0, jsx_runtime_1.jsxs)(styles_1.ActionBox, { type: 'button', onClick: handleOnOpen, children: [(data === null || data === void 0 ? void 0 : data.number) > 0 && (0, jsx_runtime_1.jsx)("div", { className: 'circle' }), (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconFullFieldBell' })] }), content: (0, jsx_runtime_1.jsx)(S.Content, { children: notifications.data.length > 0 &&
106
- notifications.data.map(function (notification) {
107
- return (props === null || props === void 0 ? void 0 : props.CustomComponent) ? (props.CustomComponent) : ((0, jsx_runtime_1.jsx)(card_1.NotificationCard, __assign({}, notification), 'notification-card' + notification.id));
108
- }) }) }) }) }));
102
+ return ((0, jsx_runtime_1.jsxs)(styles_1.ActionBox, { type: 'button', onClick: handleOnOpen, children: [((_b = readNotifications.data) === null || _b === void 0 ? void 0 : _b.number) > 0 && (0, jsx_runtime_1.jsx)("div", { className: 'circle' }), (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconFullFieldBell' })] }));
103
+ }
104
+ function Notifications(props) {
105
+ var _a;
106
+ var Configurations = (0, system_1.useInfraInjection)().Configurations;
107
+ if (!Configurations.notification) {
108
+ return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
109
+ }
110
+ var notifications = (0, system_1.useLoadAllNotifications)();
111
+ return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Notifications', children: (0, jsx_runtime_1.jsx)(S.Notifications, { children: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { enableArrow: true, bgColor: '#fff', trigger: (0, jsx_runtime_1.jsx)(ReadNotifications, { notifications: notifications.data }), content: (0, jsx_runtime_1.jsxs)(S.Content, { children: [(!(notifications === null || notifications === void 0 ? void 0 : notifications.data) || ((_a = notifications === null || notifications === void 0 ? void 0 : notifications.data) === null || _a === void 0 ? void 0 : _a.length) === 0) && (0, jsx_runtime_1.jsx)("p", { children: "Nenhuma notifica\u00E7\u00E3o no momento." }), (notifications === null || notifications === void 0 ? void 0 : notifications.data) && notifications.data.length > 0 &&
112
+ notifications.data.map(function (notification) {
113
+ return (props === null || props === void 0 ? void 0 : props.CustomComponent) ? (props.CustomComponent) : ((0, jsx_runtime_1.jsx)(card_1.NotificationCard, __assign({}, notification), 'notification-card' + notification.id));
114
+ })] }) }) }) }));
109
115
  }
110
116
  exports.Notifications = Notifications;
111
117
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/notifications/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAE5B,2BAA2C;AAC3C,mCAAqH;AAErH,+BAAyC;AAGzC,2EAA4E;AAE5E,0CAA6B;AAE7B,SAAgB,aAAa,CAAC,KAA0B;IAC9C,IAAA,IAAI,GAAK,IAAA,mCAA0B,GAAE,KAAjC,CAAiC;IAE7C,IAAM,aAAa,GAAG,IAAA,gCAAuB,GAAE,CAAA;IAE/C,IAAI,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QACjC,OAAM;IACR,CAAC;IAED,SAAe,YAAY;;;;;;;wBACnB,mBAAmB,GAAG,MAAA,aAAa,CAAC,IAAI,0CAC1C,MAAM,CAAC,UAAC,YAAY,IAAK,OAAA,CAAC,YAAY,CAAC,MAAM,EAApB,CAAoB,EAC9C,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,EAAE,EAAT,CAAS,CAAC,CAAA;wBAE7B,qBAAM,kBAAS,CAAC,GAAG,CAAsB,cAAK,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,mBAAmB,EAAE,CAAC,EAAA;;wBAAzG,SAAyG,CAAA;wBAEzG,IAAA,YAAM,EAAC,sBAAsB,CAAC,CAAA;wBAC9B,IAAA,YAAM,EAAC,yBAAyB,CAAC,CAAA;wBACjC,sBAAM;;;;KACP;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,eAAe,YACzB,uBAAC,CAAC,CAAC,aAAa,cACd,uBAAC,YAAO,IACN,WAAW,QACX,OAAO,EAAC,MAAM,EACd,OAAO,EACL,wBAAC,kBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,aAC3C,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,CAAC,IAAI,gCAAK,SAAS,EAAC,QAAQ,GAAG,EAE/C,uBAAC,SAAI,IAAC,IAAI,EAAC,mBAAmB,GAAG,IACvB,EAEd,OAAO,EACL,uBAAC,CAAC,CAAC,OAAO,cACP,aAAa,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC;wBAC5B,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,YAAY;4BAClC,OAAA,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,EAAC,CAAC,CAAC,CACvB,KAAK,CAAC,eAAe,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,uBAAgB,eAAiD,YAAY,GAAvD,mBAAmB,GAAG,YAAY,CAAC,EAAE,CAAsB,CACnF;wBAJD,CAIC,CACF,GACO,GAEd,GACc,GACZ,CACT,CAAA;AACH,CAAC;AAlDD,sCAkDC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/notifications/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAE5B,2BAA2C;AAC3C,mCAAwI;AAExI,+BAAyC;AAGzC,2EAA4E;AAE5E,0CAA6B;AAE7B,SAAS,iBAAiB,CAAC,EAAiB;;QAAf,aAAa,mBAAA;IACxC,IAAM,iBAAiB,GAAG,IAAA,mCAA0B,GAAE,CAAA;IAEtD,SAAe,YAAY;;;;;;wBACnB,mBAAmB,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,CAAC,UAAC,YAAY,IAAK,OAAA,CAAC,YAAY,CAAC,MAAM,EAApB,CAAoB,EAAE,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,EAAE,EAAT,CAAS,CAAC,CAAA;wBAEpH,qBAAM,kBAAS,CAAC,GAAG,CAAsB,cAAK,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,mBAAmB,EAAE,CAAC,EAAA;;wBAAzG,SAAyG,CAAA;wBAEzG,IAAA,YAAM,EAAC,sBAAsB,CAAC,CAAA;wBAC9B,IAAA,YAAM,EAAC,yBAAyB,CAAC,CAAA;wBACjC,sBAAM;;;;KACP;IAED,OAAO,CACL,wBAAC,kBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,aAC3C,CAAA,MAAA,iBAAiB,CAAC,IAAI,0CAAE,MAAM,IAAG,CAAC,IAAI,gCAAK,SAAS,EAAC,QAAQ,GAAG,EAEjE,uBAAC,SAAI,IAAC,IAAI,EAAC,mBAAmB,GAAG,IACvB,CACb,CAAA;AACH,CAAC;AAED,SAAgB,aAAa,CAAC,KAA0B;;IAC9C,IAAA,cAAc,GAAK,IAAA,0BAAiB,GAAE,eAAxB,CAAwB;IAE9C,IAAG,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;QAChC,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,IAAM,aAAa,GAAG,IAAA,gCAAuB,GAAE,CAAA;IAE/C,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,eAAe,YACzB,uBAAC,CAAC,CAAC,aAAa,cACd,uBAAC,YAAO,IACN,WAAW,QACX,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,uBAAC,iBAAiB,IAAC,aAAa,EAAE,aAAa,CAAC,IAAI,GAAI,EACjE,OAAO,EACL,wBAAC,CAAC,CAAC,OAAO,eACP,CAAC,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAA,IAAI,CAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,0CAAE,MAAM,MAAK,CAAC,CAAC,IAAI,sFAAsC,EAErG,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KAAI,aAAa,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC;4BACnD,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,YAAY;gCAClC,OAAA,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,EAAC,CAAC,CAAC,CACvB,KAAK,CAAC,eAAe,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,uBAAgB,eAAiD,YAAY,GAAvD,mBAAmB,GAAG,YAAY,CAAC,EAAE,CAAsB,CACnF;4BAJD,CAIC,CACF,IACO,GAEd,GACc,GACZ,CACT,CAAA;AACH,CAAC;AAlCD,sCAkCC"}
@@ -32,23 +32,22 @@ function Tab(_a) {
32
32
  var tabs = _a.tabs;
33
33
  var firstTabKey = tabs[0].key;
34
34
  var _b = (0, react_1.useState)({ key: firstTabKey, width: undefined, translate: 0 }), tab = _b[0], setTab = _b[1];
35
- var item = (0, ui_1.useElementId)({ id: firstTabKey });
35
+ var firstTabElement = (0, ui_1.useElementId)({ id: firstTabKey });
36
36
  var TabSelected = tabs.find(function (tb) { return tb.key === tab.key; }).content;
37
+ function changeTab(tabKey) {
38
+ var elementTo = document.getElementById(tabKey);
39
+ var boudingId = elementTo.parentElement.getBoundingClientRect();
40
+ var elementToBounding = elementTo.getBoundingClientRect();
41
+ var translate = (elementToBounding === null || elementToBounding === void 0 ? void 0 : elementToBounding.left) - (boudingId === null || boudingId === void 0 ? void 0 : boudingId.left);
42
+ setTab({ key: tabKey, width: elementTo.offsetWidth, translate: translate });
43
+ }
37
44
  return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Tab', children: (0, jsx_runtime_1.jsxs)(S.Tab, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'tabs', children: [(0, jsx_runtime_1.jsx)("span", { className: 'background', style: {
38
- width: (tab === null || tab === void 0 ? void 0 : tab.width) ? (tab === null || tab === void 0 ? void 0 : tab.width) + 'px' : item === null || item === void 0 ? void 0 : item.offsetWidth,
45
+ width: (tab === null || tab === void 0 ? void 0 : tab.width) ? (tab === null || tab === void 0 ? void 0 : tab.width) + 'px' : firstTabElement === null || firstTabElement === void 0 ? void 0 : firstTabElement.offsetWidth,
39
46
  left: tab.translate ? 0 : undefined,
40
47
  transform: "translateX(".concat(tab.translate, "px)"),
41
- } }), tabs.map(function (item) {
42
- return ((0, jsx_runtime_1.jsx)("button", { type: 'button', id: item.key, onClick: function (ev) {
43
- var button = ev.currentTarget;
44
- var container = button.parentElement;
45
- var activeTab = container.querySelector("#".concat(tab.key));
46
- var buttonRect = button.getBoundingClientRect();
47
- var containerRect = container.getBoundingClientRect();
48
- var translate = buttonRect.left - containerRect.left;
49
- setTab({ key: item.key, width: button.offsetWidth, translate: translate });
50
- }, children: (0, jsx_runtime_1.jsx)("span", { children: item.title }) }, item.key));
51
- })] }), (0, jsx_runtime_1.jsx)("div", { className: 'tab_selected', children: TabSelected })] }) }));
48
+ } }), tabs.map(function (tabItem) {
49
+ return ((0, jsx_runtime_1.jsx)("button", { type: 'button', id: tabItem.key, onClick: function () { return changeTab(tabItem.key); }, children: (0, jsx_runtime_1.jsx)("span", { children: tabItem.title }) }, tabItem.key));
50
+ })] }), (0, jsx_runtime_1.jsx)("div", { className: 'tab_selected', children: (0, jsx_runtime_1.jsx)(TabSelected, { changeTab: changeTab }) })] }) }));
52
51
  }
53
52
  exports.Tab = Tab;
54
53
  //# sourceMappingURL=component.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/tab/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAChC,2BAA0C;AAI1C,0CAA6B;AAE7B,SAAgB,GAAG,CAAC,EAAmB;QAAjB,IAAI,UAAA;IACxB,IAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAEzB,IAAA,KAAgB,IAAA,gBAAQ,EAAC,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,EAA7E,GAAG,QAAA,EAAE,MAAM,QAAkE,CAAA;IAEpF,IAAM,IAAI,GAAG,IAAA,iBAAY,EAAC,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,CAAA;IAE9C,IAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,EAAlB,CAAkB,CAAC,CAAC,OAAO,CAAA;IAEjE,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,KAAK,YACf,wBAAC,CAAC,CAAC,GAAG,eACJ,iCAAK,SAAS,EAAC,MAAM,aACnB,iCACE,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE;gCACL,KAAK,EAAE,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,EAAC,CAAC,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,IAAG,IAAI,CAAC,CAAC,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW;gCACzD,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;gCACnC,SAAS,EAAE,qBAAc,GAAG,CAAC,SAAS,QAAK;6BAC5C,GACK,EAEP,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI;4BACb,OAAO,CACL,mCAEE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,IAAI,CAAC,GAAG,EACZ,OAAO,EAAE,UAAC,EAAO;oCACf,IAAM,MAAM,GAAG,EAAE,CAAC,aAAa,CAAA;oCAC/B,IAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAA;oCACtC,IAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,WAAI,GAAG,CAAC,GAAG,CAAE,CAAC,CAAA;oCAExD,IAAM,UAAU,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAA;oCACjD,IAAM,aAAa,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAA;oCAEvD,IAAM,SAAS,GAAG,UAAU,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,CAAA;oCAEtD,MAAM,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,WAAA,EAAE,CAAC,CAAA;gCACjE,CAAC,YAED,2CAAO,IAAI,CAAC,KAAK,GAAQ,IAhBpB,IAAI,CAAC,GAAG,CAiBN,CACV,CAAA;wBACH,CAAC,CAAC,IACE,EAEN,gCAAK,SAAS,EAAC,cAAc,YAAE,WAAW,GAAO,IAC3C,GACF,CACT,CAAA;AACH,CAAC;AAnDD,kBAmDC"}
1
+ {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/tab/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAChC,2BAA0C;AAI1C,0CAA6B;AAE7B,SAAgB,GAAG,CAAC,EAAmB;QAAjB,IAAI,UAAA;IACxB,IAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAEzB,IAAA,KAAgB,IAAA,gBAAQ,EAAc,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,EAA1F,GAAG,QAAA,EAAE,MAAM,QAA+E,CAAA;IAEjG,IAAM,eAAe,GAAG,IAAA,iBAAY,EAAC,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,CAAA;IAEzD,IAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,EAAlB,CAAkB,CAAC,CAAC,OAAO,CAAA;IAEjE,SAAS,SAAS,CAAC,MAAc;QAC/B,IAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;QAEjD,IAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAA;QAEjE,IAAM,iBAAiB,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAA;QAE3D,IAAM,SAAS,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,KAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,CAAA,CAAA;QAE3D,MAAM,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,WAAW,EAAE,SAAS,WAAA,EAAE,CAAC,CAAA;IAClE,CAAC;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,KAAK,YACf,wBAAC,CAAC,CAAC,GAAG,eACJ,iCAAK,SAAS,EAAC,MAAM,aACnB,iCACE,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE;gCACL,KAAK,EAAE,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,EAAC,CAAC,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,IAAG,IAAI,CAAC,CAAC,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,WAAW;gCACpE,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;gCACnC,SAAS,EAAE,qBAAc,GAAG,CAAC,SAAS,QAAK;6BAC5C,GACK,EAEP,IAAI,CAAC,GAAG,CAAC,UAAC,OAAO;4BAChB,OAAO,CACL,mCAA0B,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAE,OAAO,CAAC,GAAG,EAAE,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,EAAtB,CAAsB,YAC5F,2CAAO,OAAO,CAAC,KAAK,GAAQ,IADjB,OAAO,CAAC,GAAG,CAEf,CACV,CAAA;wBACH,CAAC,CAAC,IACE,EAEN,gCAAK,SAAS,EAAC,cAAc,YAC3B,uBAAC,WAAW,IAAC,SAAS,EAAE,SAAS,GAAI,GACjC,IACA,GACF,CACT,CAAA;AACH,CAAC;AAjDD,kBAiDC"}
@@ -1,8 +1,16 @@
1
1
  /// <reference types="react" />
2
+ export type TabSelected = {
3
+ key: string;
4
+ width?: number;
5
+ translate?: number;
6
+ };
7
+ export type TabContentProps = {
8
+ changeTab(tabKey: string): void;
9
+ };
2
10
  export type TabItem = {
3
11
  key: string;
4
12
  title: string;
5
- content: JSX.Element;
13
+ content: (props: TabContentProps) => JSX.Element;
6
14
  };
7
15
  export interface ITabProps {
8
16
  tabs: TabItem[];
@@ -41,7 +41,7 @@ var menu_1 = require("./menu/index.js");
41
41
  var S = __importStar(require("./styles.js"));
42
42
  function Layout(props) {
43
43
  var isFixedSideBar = props === null || props === void 0 ? void 0 : props.fixedSidebar;
44
- return ((0, jsx_runtime_1.jsxs)(S.Layout, { children: [(0, jsx_runtime_1.jsx)(header_1.Header, __assign({}, props)), (0, jsx_runtime_1.jsxs)("div", { className: 'content_layout', children: [(0, jsx_runtime_1.jsx)(menu_1.SideBarMenu, __assign({}, props === null || props === void 0 ? void 0 : props.sidebar)), props.children && ((0, jsx_runtime_1.jsx)("main", { className: isFixedSideBar ? '' : 'hasMenu', style: { maxWidth: isFixedSideBar ? '100%' : 'calc(100% - 285px)' }, children: props.children }))] })] }));
44
+ return ((0, jsx_runtime_1.jsxs)(S.Layout, { children: [(0, jsx_runtime_1.jsx)(header_1.Header, __assign({}, props)), (0, jsx_runtime_1.jsxs)("div", { className: 'content_layout', children: [(0, jsx_runtime_1.jsx)(menu_1.SideBarMenu, __assign({}, props === null || props === void 0 ? void 0 : props.sidebar)), props.children && ((0, jsx_runtime_1.jsx)("main", { className: isFixedSideBar ? '' : 'hasMenu', children: props.children }))] })] }));
45
45
  }
46
46
  exports.Layout = Layout;
47
47
  //# sourceMappingURL=component.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAiC;AACjC,+BAAoC;AAIpC,0CAA6B;AAE7B,SAAgB,MAAM,CAAC,KAAc;IACnC,IAAM,cAAc,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,CAAA;IAE1C,OAAO,CACL,wBAAC,CAAC,CAAC,MAAM,eACP,uBAAC,eAAM,eAAK,KAAK,EAAI,EAErB,iCAAK,SAAS,EAAC,gBAAgB,aAC7B,uBAAC,kBAAW,eAAK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAI,EAElC,KAAK,CAAC,QAAQ,IAAI,CACjB,iCACE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC1C,KAAK,EAAE,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAoB,EAAE,YAElE,KAAK,CAAC,QAAQ,GACV,CACR,IACG,IACG,CACZ,CAAA;AACH,CAAC;AArBD,wBAqBC"}
1
+ {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAiC;AACjC,+BAAoC;AAIpC,0CAA6B;AAE7B,SAAgB,MAAM,CAAC,KAAc;IACnC,IAAM,cAAc,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,CAAA;IAE1C,OAAO,CACL,wBAAC,CAAC,CAAC,MAAM,eACP,uBAAC,eAAM,eAAK,KAAK,EAAI,EAErB,iCAAK,SAAS,EAAC,gBAAgB,aAC7B,uBAAC,kBAAW,eAAK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAI,EAElC,KAAK,CAAC,QAAQ,IAAI,CACjB,iCACE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,YAGzC,KAAK,CAAC,QAAQ,GACV,CACR,IACG,IACG,CACZ,CAAA;AACH,CAAC;AArBD,wBAqBC"}
@@ -1,3 +1 @@
1
- export declare function Menu({ isInteralMenu }: {
2
- isInteralMenu?: boolean;
3
- }): import("react/jsx-runtime").JSX.Element;
1
+ export declare function Menu(): import("react/jsx-runtime").JSX.Element;
@@ -28,7 +28,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
29
  exports.Menu = void 0;
30
30
  var jsx_runtime_1 = require("react/jsx-runtime");
31
- var react_1 = require("react");
32
31
  var link_1 = __importDefault(require("next/link"));
33
32
  var router_1 = require("next/router");
34
33
  var ui_1 = require("../../../../../../../ui/index.js");
@@ -52,16 +51,10 @@ function SubMenu(_a) {
52
51
  var item = _a.item, index = _a.index;
53
52
  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
53
  }
55
- function Menu(_a) {
56
- var _b, _c;
57
- var isInteralMenu = _a.isInteralMenu;
54
+ function Menu() {
55
+ var _a;
58
56
  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
- }) }) }));
57
+ return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Menu', children: (0, jsx_runtime_1.jsx)(S.Menu, { className: 'menu', children: (_a = data === null || data === void 0 ? void 0 : data.items) === null || _a === void 0 ? void 0 : _a.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) })); }) }) }));
65
58
  }
66
59
  exports.Menu = Menu;
67
60
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
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
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,mDAA4B;AAC5B,sCAAuC;AAEvC,2BAAkC;AAClC,mCAAsC;AAEtC,0CAA6B;AAE7B,SAAS,QAAQ,CAAC,EAA6C;;QAA3C,IAAI,UAAA,EAAE,KAAK,WAAA;IAC7B,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAC1B,IAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAA;IAE1B,IAAM,YAAY,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,IAAG,CAAC,CAAA;IAE1D,SAAS,WAAW;;QAClB,OAAO,CACL,kCAAM,SAAS,EAAC,iBAAiB,aAC9B,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,gCAAK,SAAS,EAAC,MAAM,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,GAAI,EAEvF,iCAAM,SAAS,EAAC,eAAe,YAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GAAQ,EAEnD,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,MAAM,IAAG,CAAC,IAAI,CAC1B,gCAAK,SAAS,EAAC,OAAO,YACpB,uBAAC,SAAI,IAAC,IAAI,EAAC,wBAAwB,GAAG,GAClC,CACP,IACI,CACR,CAAA;IACH,CAAC;IAED,IAAM,cAAc,GAAG,YAAY,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAA;IAElG,IAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,IAAI,cAAc,CAAA;IAEpF,OAAO,CACL,gCAAI,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,aACpC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,uBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,qCAA8B,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,YACzF,uBAAC,WAAW,KAAG,GACV,CACR,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAE,qBAAc,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,YACtD,uBAAC,WAAW,KAAG,GACX,CACP,EAEA,YAAY,IAAI,uBAAC,OAAO,IAA8B,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,IAAvD,SAAS,GAAG,IAAI,CAAC,KAAK,CAAqC,IACvF,CACN,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,EAA+C;QAA7C,IAAI,UAAA,EAAE,KAAK,WAAA;IAC5B,OAAO,CACL,uBAAC,CAAC,CAAC,OAAO,IAAC,SAAS,EAAC,SAAS,YAAS,KAAK,YACzC,IAAI,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CACrB,uBAAC,QAAQ,IAAsC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAA3D,cAAc,GAAG,OAAO,CAAC,KAAK,CAAiC,CAC/E,EAFsB,CAEtB,CAAC,GACQ,CACb,CAAA;AACH,CAAC;AAED,SAAgB,IAAI;;IACT,IAAA,IAAI,GAAK,IAAA,oBAAW,GAAE,KAAlB,CAAkB;IAE/B,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,MAAM,YAChB,uBAAC,CAAC,CAAC,IAAI,IAAC,SAAS,EAAC,MAAM,YACrB,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACjC,yCACE,uBAAC,QAAQ,IAAwC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAA1D,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAA8B,GAC1E,CACN,EAJkC,CAIlC,CAAC,GACK,GACH,CACT,CAAA;AACH,CAAC;AAdD,oBAcC"}
@@ -2,6 +2,5 @@ import { WorkSpace } from '../../data/select-workspace/interfaces.js';
2
2
  export interface ISidebarProps {
3
3
  fixedSidebar?: boolean;
4
4
  workspaces?: WorkSpace;
5
- isInteralMenu?: boolean;
6
5
  version?: 'version01' | 'version02';
7
6
  }
@@ -1,2 +1,2 @@
1
1
  import { ISidebarProps } from '../interfaces.js';
2
- export declare function SideBarMenuVersion01({ fixedSidebar, isInteralMenu }: ISidebarProps): import("react/jsx-runtime").JSX.Element;
2
+ export declare function SideBarMenuVersion01({ fixedSidebar }: ISidebarProps): import("react/jsx-runtime").JSX.Element;
@@ -31,10 +31,10 @@ var utils_1 = require("../../../../../../system/presentation/utils/index.js");
31
31
  var context_1 = require("../../../../../../system/presentation/context/index.js");
32
32
  var S = __importStar(require("./styles.js"));
33
33
  function SideBarMenuVersion01(_a) {
34
- var fixedSidebar = _a.fixedSidebar, isInteralMenu = _a.isInteralMenu;
34
+ var fixedSidebar = _a.fixedSidebar;
35
35
  var user = (0, context_1.useAuthAdmin)().user;
36
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 })] })] }));
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, {})] })] }));
38
38
  }
39
39
  exports.SideBarMenuVersion01 = SideBarMenuVersion01;
40
40
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
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
+ {"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,EAA+B;QAA7B,YAAY,kBAAA;IACzC,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,GACF,EAEN,uBAAC,iBAAI,KAAI,IACL,IACiB,CAC1B,CAAA;AACH,CAAC;AAzBD,oDAyBC"}
@@ -1,2 +1,2 @@
1
1
  import { ISidebarProps } from '../interfaces.js';
2
- export declare function SideBarMenuVersion02({ fixedSidebar, isInteralMenu }: ISidebarProps): import("react/jsx-runtime").JSX.Element;
2
+ export declare function SideBarMenuVersion02({ fixedSidebar }: ISidebarProps): import("react/jsx-runtime").JSX.Element;
@@ -31,10 +31,10 @@ var utils_1 = require("../../../../../../system/presentation/utils/index.js");
31
31
  var context_1 = require("../../../../../../system/presentation/context/index.js");
32
32
  var S = __importStar(require("./styles.js"));
33
33
  function SideBarMenuVersion02(_a) {
34
- var fixedSidebar = _a.fixedSidebar, isInteralMenu = _a.isInteralMenu;
34
+ var fixedSidebar = _a.fixedSidebar;
35
35
  var user = (0, context_1.useAuthAdmin)().user;
36
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 })] })] }));
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, {})] })] }));
38
38
  }
39
39
  exports.SideBarMenuVersion02 = SideBarMenuVersion02;
40
40
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-02/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,aACnC,YAAY,IAAI,gCAAK,EAAE,EAAC,iBAAiB,EAAC,OAAO,EAAE,oBAAY,GAAI,EAEpE,gCAAK,SAAS,EAAC,eAAe,GAAG,EAEjC,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,GACF,EACN,uBAAC,iBAAI,IAAC,aAAa,EAAE,aAAa,GAAI,IAClC,IACiB,CAC1B,CAAA;AACH,CAAC;AA1BD,oDA0BC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-02/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAoC;AACpC,sCAAsC;AAEtC,qDAA0D;AAC1D,yDAA4D;AAI5D,0CAA6B;AAE7B,SAAgB,oBAAoB,CAAC,EAA+B;QAA7B,YAAY,kBAAA;IACzC,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,aACnC,YAAY,IAAI,gCAAK,EAAE,EAAC,iBAAiB,EAAC,OAAO,EAAE,oBAAY,GAAI,EAEpE,gCAAK,SAAS,EAAC,eAAe,GAAG,EAEjC,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,GACF,EAEN,uBAAC,iBAAI,KAAI,IACL,IACiB,CAC1B,CAAA;AACH,CAAC;AA3BD,oDA2BC"}
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.SideBarMenuVersion02 = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.SideBarMenuVersion02 = styled_components_1.default.aside(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n --sidebarMaxWidth: 90px;\n --sidebarWidth: 285px;\n\n &:hover {\n .ghost-sidebar {\n max-width: 100%;\n }\n }\n\n .ghost-sidebar {\n width: var(--sidebarWidth);\n max-width: var(--sidebarMaxWidth);\n transition: max-width 0.1s;\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: var(--sidebarWidth);\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 height: calc(100vh - 64px);\n overflow-y: auto;\n z-index: 999;\n background: #fff;\n position: absolute;\n max-width: var(--sidebarMaxWidth);\n overflow: hidden;\n transition: max-width 0.2s;\n\n &:hover {\n max-width: 100%;\n overflow-y: auto;\n\n .profile-box-mobile {\n .profile {\n span {\n opacity: 1;\n }\n }\n }\n\n .title {\n h5 {\n width: 100%;\n }\n }\n\n .content-title {\n opacity: 1;\n }\n }\n\n .title {\n h5 {\n text-overflow: ellipsis;\n overflow: hidden;\n width: 40px;\n white-space: nowrap;\n }\n }\n\n .content-title {\n opacity: 0;\n transition: opacity 0.2s;\n }\n\n .icon {\n min-width: 25px;\n min-height: 25px;\n }\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 &::-webkit-scrollbar-thumb {\n background: #444;\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 --sidebarWidth: 280px;\n }\n\n @media only screen and (max-width: 1650px) {\n --sidebarWidth: 275px;\n }\n\n @media only screen and (max-width: 1600px) {\n --sidebarWidth: 270px;\n }\n\n @media only screen and (max-width: 1550px) {\n --sidebarWidth: 265px;\n }\n\n @media only screen and (max-width: 1500px) {\n --sidebarWidth: 260px;\n }\n\n @media only screen and (max-width: 1450px) {\n --sidebarWidth: 255px;\n }\n\n @media only screen and (max-width: 1400px) {\n --sidebarMaxWidth: 70px;\n --sidebarWidth: 250px;\n\n > #sidebar {\n padding-left: 13px;\n\n .icon {\n min-width: 22px;\n min-height: 22px;\n }\n\n .title {\n h5 {\n width: 30px;\n }\n }\n }\n }\n\n @media only screen and (max-width: 1350px) {\n --sidebarWidth: 245px;\n }\n\n @media only screen and (max-width: 1200px) {\n --sidebarWidth: 240px;\n\n .ghost-sidebar {\n width: var(--sidebarMaxWidth);\n }\n }\n\n @media only screen and (max-width: 768px) {\n --sidebarMaxWidth: 60px;\n\n .profile-box-mobile {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n padding: 10px 0 0;\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 min-width: fit-content;\n opacity: 0;\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 .menu {\n margin-top: 15px;\n }\n }\n"], ["\n display: flex;\n --sidebarMaxWidth: 90px;\n --sidebarWidth: 285px;\n\n &:hover {\n .ghost-sidebar {\n max-width: 100%;\n }\n }\n\n .ghost-sidebar {\n width: var(--sidebarWidth);\n max-width: var(--sidebarMaxWidth);\n transition: max-width 0.1s;\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: var(--sidebarWidth);\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 height: calc(100vh - 64px);\n overflow-y: auto;\n z-index: 999;\n background: #fff;\n position: absolute;\n max-width: var(--sidebarMaxWidth);\n overflow: hidden;\n transition: max-width 0.2s;\n\n &:hover {\n max-width: 100%;\n overflow-y: auto;\n\n .profile-box-mobile {\n .profile {\n span {\n opacity: 1;\n }\n }\n }\n\n .title {\n h5 {\n width: 100%;\n }\n }\n\n .content-title {\n opacity: 1;\n }\n }\n\n .title {\n h5 {\n text-overflow: ellipsis;\n overflow: hidden;\n width: 40px;\n white-space: nowrap;\n }\n }\n\n .content-title {\n opacity: 0;\n transition: opacity 0.2s;\n }\n\n .icon {\n min-width: 25px;\n min-height: 25px;\n }\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 &::-webkit-scrollbar-thumb {\n background: #444;\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 --sidebarWidth: 280px;\n }\n\n @media only screen and (max-width: 1650px) {\n --sidebarWidth: 275px;\n }\n\n @media only screen and (max-width: 1600px) {\n --sidebarWidth: 270px;\n }\n\n @media only screen and (max-width: 1550px) {\n --sidebarWidth: 265px;\n }\n\n @media only screen and (max-width: 1500px) {\n --sidebarWidth: 260px;\n }\n\n @media only screen and (max-width: 1450px) {\n --sidebarWidth: 255px;\n }\n\n @media only screen and (max-width: 1400px) {\n --sidebarMaxWidth: 70px;\n --sidebarWidth: 250px;\n\n > #sidebar {\n padding-left: 13px;\n\n .icon {\n min-width: 22px;\n min-height: 22px;\n }\n\n .title {\n h5 {\n width: 30px;\n }\n }\n }\n }\n\n @media only screen and (max-width: 1350px) {\n --sidebarWidth: 245px;\n }\n\n @media only screen and (max-width: 1200px) {\n --sidebarWidth: 240px;\n\n .ghost-sidebar {\n width: var(--sidebarMaxWidth);\n }\n }\n\n @media only screen and (max-width: 768px) {\n --sidebarMaxWidth: 60px;\n\n .profile-box-mobile {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n padding: 10px 0 0;\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 min-width: fit-content;\n opacity: 0;\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 .menu {\n margin-top: 15px;\n }\n }\n"])), function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.primaryColor) || '#000'; });
12
+ exports.SideBarMenuVersion02 = styled_components_1.default.aside(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n --sidebarMaxWidth: 90px;\n --sidebarWidth: 285px;\n\n &:hover {\n .ghost-sidebar {\n max-width: 100%;\n }\n }\n\n .ghost-sidebar {\n width: var(--sidebarMaxWidth);\n transition: max-width 0.1s;\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: var(--sidebarWidth);\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 height: calc(100vh - 64px);\n overflow-y: auto;\n z-index: 999;\n background: #fff;\n position: absolute;\n max-width: var(--sidebarMaxWidth);\n overflow: hidden;\n transition: max-width 0.2s;\n\n &:hover {\n max-width: 100%;\n overflow-y: auto;\n\n .profile-box-mobile {\n .profile {\n span {\n opacity: 1;\n }\n }\n }\n\n .title {\n h5 {\n width: 100%;\n }\n }\n\n .content-title {\n opacity: 1;\n }\n }\n\n .title {\n h5 {\n text-overflow: ellipsis;\n overflow: hidden;\n width: 40px;\n white-space: nowrap;\n }\n }\n\n .content-title {\n opacity: 0;\n transition: opacity 0.2s;\n }\n\n .icon {\n min-width: 25px;\n min-height: 25px;\n }\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 &::-webkit-scrollbar-thumb {\n background: #444;\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 --sidebarWidth: 280px;\n }\n\n @media only screen and (max-width: 1650px) {\n --sidebarWidth: 275px;\n }\n\n @media only screen and (max-width: 1600px) {\n --sidebarWidth: 270px;\n }\n\n @media only screen and (max-width: 1550px) {\n --sidebarWidth: 265px;\n }\n\n @media only screen and (max-width: 1500px) {\n --sidebarWidth: 260px;\n }\n\n @media only screen and (max-width: 1450px) {\n --sidebarWidth: 255px;\n }\n\n @media only screen and (max-width: 1400px) {\n --sidebarMaxWidth: 70px;\n --sidebarWidth: 250px;\n\n > #sidebar {\n padding-left: 13px;\n\n .icon {\n min-width: 22px;\n min-height: 22px;\n }\n\n .title {\n h5 {\n width: 30px;\n }\n }\n }\n }\n\n @media only screen and (max-width: 1350px) {\n --sidebarWidth: 245px;\n }\n\n @media only screen and (max-width: 1200px) {\n --sidebarWidth: 240px;\n\n .ghost-sidebar {\n width: var(--sidebarMaxWidth);\n }\n }\n\n @media only screen and (max-width: 768px) {\n --sidebarMaxWidth: 60px;\n\n .profile-box-mobile {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n padding: 10px 0 0;\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 min-width: fit-content;\n opacity: 0;\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 .menu {\n margin-top: 15px;\n }\n }\n"], ["\n display: flex;\n --sidebarMaxWidth: 90px;\n --sidebarWidth: 285px;\n\n &:hover {\n .ghost-sidebar {\n max-width: 100%;\n }\n }\n\n .ghost-sidebar {\n width: var(--sidebarMaxWidth);\n transition: max-width 0.1s;\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: var(--sidebarWidth);\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 height: calc(100vh - 64px);\n overflow-y: auto;\n z-index: 999;\n background: #fff;\n position: absolute;\n max-width: var(--sidebarMaxWidth);\n overflow: hidden;\n transition: max-width 0.2s;\n\n &:hover {\n max-width: 100%;\n overflow-y: auto;\n\n .profile-box-mobile {\n .profile {\n span {\n opacity: 1;\n }\n }\n }\n\n .title {\n h5 {\n width: 100%;\n }\n }\n\n .content-title {\n opacity: 1;\n }\n }\n\n .title {\n h5 {\n text-overflow: ellipsis;\n overflow: hidden;\n width: 40px;\n white-space: nowrap;\n }\n }\n\n .content-title {\n opacity: 0;\n transition: opacity 0.2s;\n }\n\n .icon {\n min-width: 25px;\n min-height: 25px;\n }\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 &::-webkit-scrollbar-thumb {\n background: #444;\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 --sidebarWidth: 280px;\n }\n\n @media only screen and (max-width: 1650px) {\n --sidebarWidth: 275px;\n }\n\n @media only screen and (max-width: 1600px) {\n --sidebarWidth: 270px;\n }\n\n @media only screen and (max-width: 1550px) {\n --sidebarWidth: 265px;\n }\n\n @media only screen and (max-width: 1500px) {\n --sidebarWidth: 260px;\n }\n\n @media only screen and (max-width: 1450px) {\n --sidebarWidth: 255px;\n }\n\n @media only screen and (max-width: 1400px) {\n --sidebarMaxWidth: 70px;\n --sidebarWidth: 250px;\n\n > #sidebar {\n padding-left: 13px;\n\n .icon {\n min-width: 22px;\n min-height: 22px;\n }\n\n .title {\n h5 {\n width: 30px;\n }\n }\n }\n }\n\n @media only screen and (max-width: 1350px) {\n --sidebarWidth: 245px;\n }\n\n @media only screen and (max-width: 1200px) {\n --sidebarWidth: 240px;\n\n .ghost-sidebar {\n width: var(--sidebarMaxWidth);\n }\n }\n\n @media only screen and (max-width: 768px) {\n --sidebarMaxWidth: 60px;\n\n .profile-box-mobile {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n padding: 10px 0 0;\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 min-width: fit-content;\n opacity: 0;\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 .menu {\n margin-top: 15px;\n }\n }\n"])), function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.primaryColor) || '#000'; });
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/menu/version-02/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,oBAAoB,GAAG,2BAAM,CAAC,KAAK,m0HAAA,0qHA4MxB,EAA+C,oFAStE,KATuB,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,YAAY,KAAI,MAAM,CAAA,EAAA,EAStE"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-02/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,oBAAoB,GAAG,2BAAM,CAAC,KAAK,8xHAAA,qoHA2MxB,EAA+C,oFAStE,KATuB,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,YAAY,KAAI,MAAM,CAAA,EAAA,EAStE"}
@@ -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 --sidebarMaxWidth: 90px;\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% - var(--sidebarMaxWidth));\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n --sidebarMaxWidth: 70px;\n\n > #sidebar {\n padding-left: 13px;\n\n .icon {\n min-width: 22px;\n min-height: 22px;\n }\n\n .title {\n h5 {\n width: 30px;\n }\n }\n }\n }\n\n @media only screen and (max-width: 1200px) {\n --sidebarMaxWidth: 60px;\n\n .ghost-sidebar {\n width: var(--sidebarMaxWidth);\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 --sidebarMaxWidth: 90px;\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% - var(--sidebarMaxWidth));\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n --sidebarMaxWidth: 70px;\n\n > #sidebar {\n padding-left: 13px;\n\n .icon {\n min-width: 22px;\n min-height: 22px;\n }\n\n .title {\n h5 {\n width: 30px;\n }\n }\n }\n }\n\n @media only screen and (max-width: 1200px) {\n --sidebarMaxWidth: 60px;\n\n .ghost-sidebar {\n width: var(--sidebarMaxWidth);\n }\n }\n @media only screen and (max-width: 1280px) {\n .content_layout {\n .false-menu {\n display: none;\n }\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,osCAAA,ioCAkElC,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.2",
3
+ "version": "0.46.5",
4
4
  "description": "codie Library",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",