@agilemotion/oui-react-js 1.3.8 → 1.3.9

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 (213) hide show
  1. package/README.TXT +1 -0
  2. package/dist/ApplicationContext.js +161 -284
  3. package/dist/BasicApp.js +1 -1
  4. package/dist/BasicAppHome.js +17 -4
  5. package/dist/BusinessPortalApp.js +1 -1
  6. package/dist/BusinessPortalAppHome.js +10 -39
  7. package/dist/DynamicJS.js +20 -52
  8. package/dist/RestUtils.js +83 -108
  9. package/dist/Utils.js +36 -30
  10. package/dist/assets/jss/components/authNavbarStyle.js +34 -35
  11. package/dist/assets/jss/components/cardHeaderStyle.js +12 -12
  12. package/dist/assets/jss/components/customDropdownStyle.js +26 -26
  13. package/dist/assets/jss/components/customInputStyle.js +2 -8
  14. package/dist/assets/jss/components/dropdownStyle.js +10 -15
  15. package/dist/assets/jss/components/footerStyle.js +12 -18
  16. package/dist/assets/jss/components/headerLinksStyle.js +7 -13
  17. package/dist/assets/jss/components/headerStyle.js +24 -25
  18. package/dist/assets/jss/components/navbarLinksStyle.js +7 -13
  19. package/dist/assets/jss/components/navbarStyle.js +24 -25
  20. package/dist/assets/jss/components/sidebarStyle.js +41 -43
  21. package/dist/assets/jss/components/typographyStyle.js +2 -8
  22. package/dist/assets/jss/rootStyle.js +32 -47
  23. package/dist/assets/jss/views/layoutStyle.js +6 -11
  24. package/dist/assets/jss/views/loginStyle.js +4 -10
  25. package/dist/assets/lotties/call-loading.json +1 -0
  26. package/dist/assets/lotties/calling-2.json +1 -0
  27. package/dist/assets/lotties/calling.json +1 -0
  28. package/dist/assets/lotties/calling2.json +1 -0
  29. package/dist/assets/lotties/chat.json +1 -0
  30. package/dist/assets/lotties/join.json +1 -0
  31. package/dist/assets/lotties/loading.json +1 -0
  32. package/dist/assets/lotties/msg2.json +1 -0
  33. package/dist/assets/lotties/recording.json +1 -0
  34. package/dist/assets/lotties/waiting.json +1 -0
  35. package/dist/assets/scss/black-dashboard-react/bootstrap/_card.scss +5 -5
  36. package/dist/assets/scss/black-dashboard-react/bootstrap/_carousel.scss +2 -2
  37. package/dist/assets/scss/black-dashboard-react/bootstrap/_custom-forms.scss +3 -3
  38. package/dist/assets/scss/black-dashboard-react/bootstrap/_functions.scss +1 -1
  39. package/dist/assets/scss/black-dashboard-react/bootstrap/_images.scss +1 -1
  40. package/dist/assets/scss/black-dashboard-react/bootstrap/_jumbotron.scss +1 -1
  41. package/dist/assets/scss/black-dashboard-react/bootstrap/_popover.scss +7 -5
  42. package/dist/assets/scss/black-dashboard-react/bootstrap/_tooltip.scss +4 -4
  43. package/dist/assets/scss/black-dashboard-react/bootstrap/_variables.scss +5 -5
  44. package/dist/assets/scss/black-dashboard-react/bootstrap/mixins/_grid-framework.scss +2 -2
  45. package/dist/assets/scss/black-dashboard-react/bootstrap/mixins/_grid.scss +11 -9
  46. package/dist/assets/scss/black-dashboard-react/bootstrap/utilities/_embed.scss +6 -4
  47. package/dist/assets/scss/black-dashboard-react/custom/_variables.scss +1 -1
  48. package/dist/components/AlertBar.js +39 -80
  49. package/dist/components/AlertItem.js +4 -26
  50. package/dist/components/Button.js +24 -36
  51. package/dist/components/Calendar.js +478 -0
  52. package/dist/components/Calender.css +244 -0
  53. package/dist/components/ConfirmationDialog.js +5 -29
  54. package/dist/components/DataGrid.js +169 -338
  55. package/dist/components/DataGridColumn.js +5 -28
  56. package/dist/components/DataGridFilter.js +46 -114
  57. package/dist/components/DataGridHeading.js +11 -19
  58. package/dist/components/Dialog.js +27 -121
  59. package/dist/components/DocumentViewer.js +8 -34
  60. package/dist/components/DocumentViewerComponent.js +2 -20
  61. package/dist/components/FileThumb.js +115 -0
  62. package/dist/components/Graph.js +25 -75
  63. package/dist/components/GraphNode.js +4 -21
  64. package/dist/components/HtmlPanel.js +59 -78
  65. package/dist/components/Icon.js +99 -1
  66. package/dist/components/LoadingIndicator.js +4 -4
  67. package/dist/components/LottieIcon.js +134 -0
  68. package/dist/components/PopupView.js +2 -20
  69. package/dist/components/RegularButton.js +15 -19
  70. package/dist/components/SignaturePanel.js +9 -40
  71. package/dist/components/SocketManager.js +170 -0
  72. package/dist/components/StepperTitleBar.js +30 -56
  73. package/dist/components/TabPage.js +6 -9
  74. package/dist/components/TabPanel.js +41 -98
  75. package/dist/components/TableCellContent.js +30 -38
  76. package/dist/components/TemplateDesigner.js +107 -151
  77. package/dist/components/TemplateItemEventHandler.js +33 -100
  78. package/dist/components/TemplateTable.js +6 -42
  79. package/dist/components/TitleBar.js +35 -52
  80. package/dist/components/Toolbar.js +33 -179
  81. package/dist/components/Tree.js +27 -64
  82. package/dist/components/card/Card.js +16 -20
  83. package/dist/components/card/CardAvatar.js +9 -13
  84. package/dist/components/card/CardBody.js +13 -17
  85. package/dist/components/card/CardFooter.js +12 -16
  86. package/dist/components/card/CardHeader.js +13 -17
  87. package/dist/components/card/CardIcon.js +6 -10
  88. package/dist/components/card/CardText.js +6 -10
  89. package/dist/components/customInput/CustomInput.js +12 -10
  90. package/dist/components/dashboard/BasicBusinessAppDashboard.js +79 -155
  91. package/dist/components/dashboard/BusinessPortalAppDashboard.js +30 -75
  92. package/dist/components/dashboard/components/Header.js +8 -25
  93. package/dist/components/dashboard/components/LeftDrawer.js +3 -1
  94. package/dist/components/dashboard/components/blackDashboard/fixedPlugin/FixedPlugin.js +1 -1
  95. package/dist/components/dashboard/components/blackDashboard/sidebar/Sidebar.js +138 -30
  96. package/dist/components/footer/Footer.js +6 -18
  97. package/dist/components/form/AddressSearch.js +32 -66
  98. package/dist/components/form/AutoComplete.js +160 -0
  99. package/dist/components/form/BaseField.js +66 -96
  100. package/dist/components/form/DatePicker.js +3 -21
  101. package/dist/components/form/FieldSet.js +158 -180
  102. package/dist/components/form/Form.css +1 -1
  103. package/dist/components/form/Form.js +137 -471
  104. package/dist/components/form/GridField.js +46 -146
  105. package/dist/components/form/IconField.js +35 -0
  106. package/dist/components/form/ImageEditor.js +19 -57
  107. package/dist/components/form/LookupField.js +8 -29
  108. package/dist/components/form/MultiFileUploadField.js +186 -0
  109. package/dist/components/form/RadioGroup.js +1 -16
  110. package/dist/components/form/Section.js +31 -92
  111. package/dist/components/form/SelectItem.js +14 -33
  112. package/dist/components/form/SignatureTemplateDesignerField.js +0 -1
  113. package/dist/components/form/Switch.js +53 -0
  114. package/dist/components/form/TextField.js +10 -17
  115. package/dist/components/form/TimePicker.js +7 -1
  116. package/dist/components/form/TransferList.css +2 -2
  117. package/dist/components/form/TransferList.js +67 -125
  118. package/dist/components/form/UploadField.js +27 -79
  119. package/dist/components/form/fieldset.css +8 -0
  120. package/dist/components/grid/GridContainer.js +5 -9
  121. package/dist/components/grid/GridItem.js +5 -9
  122. package/dist/components/layout/CollapsiblePanel.js +11 -33
  123. package/dist/components/layout/Layout.js +175 -290
  124. package/dist/components/layout/VC.css +17 -0
  125. package/dist/components/layout/View.css +17 -1
  126. package/dist/components/layout/View.js +77 -194
  127. package/dist/components/loader.css +1 -1
  128. package/dist/components/media/ClosablePanel.css +37 -0
  129. package/dist/components/media/ClosablePanel.js +53 -0
  130. package/dist/components/media/LobbyWaitingList.js +91 -0
  131. package/dist/components/media/MediaSoupHelper.js +223 -0
  132. package/dist/components/media/Recorder.js +235 -0
  133. package/dist/components/media/SideBarContent.css +54 -0
  134. package/dist/components/media/SideBarContent.js +46 -0
  135. package/dist/components/media/SocketRequest.js +20 -0
  136. package/dist/components/media/SocketResponse.js +16 -0
  137. package/dist/components/media/Timer.css +30 -0
  138. package/dist/components/media/Timer.js +88 -0
  139. package/dist/components/media/Toolbar.css +20 -0
  140. package/dist/components/media/Toolbar.js +470 -0
  141. package/dist/components/media/Tracks.js +39 -0
  142. package/dist/components/media/TrainingRoom.js +531 -0
  143. package/dist/components/media/Transports.js +35 -0
  144. package/dist/components/media/VCEventManager.js +74 -0
  145. package/dist/components/media/VCEventType.js +164 -0
  146. package/dist/components/media/VCParticipantList.css +72 -0
  147. package/dist/components/media/VCParticipantList.js +56 -0
  148. package/dist/components/media/VCParticipantListItem.css +73 -0
  149. package/dist/components/media/VCParticipantListItem.js +319 -0
  150. package/dist/components/media/VCRoom.css +42 -0
  151. package/dist/components/media/VCRoom.js +90 -0
  152. package/dist/components/media/VCRoomParticipant.css +25 -0
  153. package/dist/components/media/VCRoomParticipant.js +806 -0
  154. package/dist/components/media/VCRoomWorkspace.css +86 -0
  155. package/dist/components/media/VCRoomWorkspace.js +653 -0
  156. package/dist/components/media/Video.css +4 -0
  157. package/dist/components/media/Video.js +131 -0
  158. package/dist/components/media/chat/ChatRoom.js +926 -0
  159. package/dist/components/media/chat/ChatRoomItem.js +83 -0
  160. package/dist/components/media/chat/ChatRoomList.js +78 -0
  161. package/dist/components/media/chat/ChatRooms.scss +567 -0
  162. package/dist/components/menu/CollapsibleMenu.js +2 -19
  163. package/dist/components/menu/MenuBars.js +6 -33
  164. package/dist/components/menu/MenuButton.js +7 -35
  165. package/dist/components/menu/MenuItem.js +3 -20
  166. package/dist/components/menu/MenuLink.js +18 -12
  167. package/dist/components/navbars/AuthNavbar.js +5 -18
  168. package/dist/components/navbars/HomeNavbar.js +3 -5
  169. package/dist/components/navbars/PortalNavbar.js +4 -22
  170. package/dist/components/signatures/AgilitySignaturePanel.js +35 -101
  171. package/dist/components/signatures/AlertItem.js +3 -24
  172. package/dist/components/signatures/DocumentContainer.js +47 -134
  173. package/dist/components/signatures/ImageSignatureInput.js +8 -35
  174. package/dist/components/signatures/MenuButton.js +1 -16
  175. package/dist/components/signatures/Prompt.js +3 -24
  176. package/dist/components/signatures/ResponsiveTable.js +42 -83
  177. package/dist/components/signatures/SearchView.js +13 -50
  178. package/dist/components/signatures/SignatorySearch.js +83 -99
  179. package/dist/components/signatures/SignatorySearchForm.js +11 -17
  180. package/dist/components/signatures/SignatureInput.js +15 -44
  181. package/dist/components/signatures/SignatureInputProps.js +18 -60
  182. package/dist/components/signatures/SignatureTemplateDesigner.js +147 -235
  183. package/dist/components/signatures/Toolbar.js +7 -34
  184. package/dist/components/signatures/ViewUtils.js +2 -6
  185. package/dist/components/typography/Danger.js +3 -1
  186. package/dist/components/typography/Info.js +3 -1
  187. package/dist/components/typography/Link.js +6 -2
  188. package/dist/event/ActionHandlers.js +3 -3
  189. package/dist/event/EventType.js +7 -1
  190. package/dist/event/LoadDataActionHandler.js +1 -1
  191. package/dist/event/Observable.js +56 -168
  192. package/dist/event/RouteActionHandler.js +45 -11
  193. package/dist/event/ServiceCallActionHandler.js +34 -24
  194. package/dist/js/Addresses.js +10 -8
  195. package/dist/js/Media.js +157 -0
  196. package/dist/redux/store/ConfigureStore.js +3 -9
  197. package/dist/redux/store/DashboardStore.js +42 -94
  198. package/dist/redux/store/SecurityStore.js +15 -50
  199. package/dist/view/Dashboard.js +242 -163
  200. package/dist/view/security/ChangePasswordBasic.js +23 -76
  201. package/dist/view/security/ForgotPassword.js +9 -42
  202. package/dist/view/security/ForgotPasswordBasic.js +8 -41
  203. package/dist/view/security/Login.js +11 -47
  204. package/dist/view/security/LoginBasic.js +8 -41
  205. package/dist/view/security/LoginBusinessPortal.js +8 -41
  206. package/dist/view/security/ResetPassword.js +9 -47
  207. package/dist/view/security/ResetPasswordBasic.js +21 -71
  208. package/dist/view/security/Security.js +1 -0
  209. package/package.json +29 -13
  210. package/README.md +0 -1623
  211. package/dist/components/dashboard/BasicApp.js +0 -140
  212. package/dist/components/navbars/NavbarLinks.js +0 -212
  213. package/dist/components/signatures/OLD.js +0 -1138
@@ -29,79 +29,36 @@ var _DashboardStore = require("../../redux/store/DashboardStore");
29
29
 
30
30
  var _ApplicationContext = _interopRequireDefault(require("../../ApplicationContext"));
31
31
 
32
+ var _SocketManager = _interopRequireDefault(require("../SocketManager"));
33
+
32
34
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
33
35
 
34
36
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
35
37
 
36
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
38
+ let ps;
37
39
 
38
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
40
+ const BasicBusinessAppDashboard = props => {
41
+ const [navDrawerOpen, setNavDrawerOpen] = _react.default.useState(true);
39
42
 
40
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
43
+ const [loading, setLoading] = _react.default.useState(true);
41
44
 
42
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
45
+ const [activeColor, setActiveColor] = _react.default.useState('blue');
43
46
 
44
- function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
47
+ const [secondaryThemeColor, setSecondaryThemeColor] = _react.default.useState('');
45
48
 
46
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
49
+ const [primaryThemeColor, setPrimaryThemeColor] = _react.default.useState('');
47
50
 
48
- let ps;
51
+ const [themeTextColor, setThemeTextColor] = _react.default.useState('');
49
52
 
50
- const BasicBusinessAppDashboard = props => {
51
- const _React$useState = _react.default.useState(true),
52
- _React$useState2 = _slicedToArray(_React$useState, 2),
53
- navDrawerOpen = _React$useState2[0],
54
- setNavDrawerOpen = _React$useState2[1];
55
-
56
- const _React$useState3 = _react.default.useState(true),
57
- _React$useState4 = _slicedToArray(_React$useState3, 2),
58
- loading = _React$useState4[0],
59
- setLoading = _React$useState4[1];
60
-
61
- const _React$useState5 = _react.default.useState("blue"),
62
- _React$useState6 = _slicedToArray(_React$useState5, 2),
63
- activeColor = _React$useState6[0],
64
- setActiveColor = _React$useState6[1];
65
-
66
- const _React$useState7 = _react.default.useState(""),
67
- _React$useState8 = _slicedToArray(_React$useState7, 2),
68
- secondaryThemeColor = _React$useState8[0],
69
- setSecondaryThemeColor = _React$useState8[1];
70
-
71
- const _React$useState9 = _react.default.useState(""),
72
- _React$useState10 = _slicedToArray(_React$useState9, 2),
73
- primaryThemeColor = _React$useState10[0],
74
- setPrimaryThemeColor = _React$useState10[1];
75
-
76
- const _React$useState11 = _react.default.useState(""),
77
- _React$useState12 = _slicedToArray(_React$useState11, 2),
78
- themeTextColor = _React$useState12[0],
79
- setThemeTextColor = _React$useState12[1];
80
-
81
- const _React$useState13 = _react.default.useState([]),
82
- _React$useState14 = _slicedToArray(_React$useState13, 2),
83
- routes = _React$useState14[0],
84
- setRoutes = _React$useState14[1];
85
-
86
- const _React$useState15 = _react.default.useState("data:image/png;base64," + props.logo),
87
- _React$useState16 = _slicedToArray(_React$useState15, 2),
88
- logo = _React$useState16[0],
89
- setLogo = _React$useState16[1];
90
-
91
- const _React$useState17 = _react.default.useState(document.documentElement.className.indexOf("nav-open") !== -1),
92
- _React$useState18 = _slicedToArray(_React$useState17, 2),
93
- sidebarOpened = _React$useState18[0],
94
- setSidebarOpened = _React$useState18[1];
95
-
96
- const _React$useState19 = _react.default.useState(true),
97
- _React$useState20 = _slicedToArray(_React$useState19, 2),
98
- sidebarMini = _React$useState20[0],
99
- setSidebarMini = _React$useState20[1];
100
-
101
- const _React$useState21 = _react.default.useState(0),
102
- _React$useState22 = _slicedToArray(_React$useState21, 2),
103
- opacity = _React$useState22[0],
104
- setOpacity = _React$useState22[1];
53
+ const [routes, setRoutes] = _react.default.useState([]);
54
+
55
+ const [logo, setLogo] = _react.default.useState('data:image/png;base64,' + props.logo);
56
+
57
+ const [sidebarOpened, setSidebarOpened] = _react.default.useState(document.documentElement.className.indexOf('nav-open') !== -1);
58
+
59
+ const [sidebarMini, setSidebarMini] = _react.default.useState(true);
60
+
61
+ const [opacity, setOpacity] = _react.default.useState(0);
105
62
 
106
63
  const dispatch = (0, _reactRedux.useDispatch)();
107
64
 
@@ -114,36 +71,43 @@ const BasicBusinessAppDashboard = props => {
114
71
  };
115
72
 
116
73
  _react.default.useEffect(() => {
117
- if (navigator.platform.indexOf("Win") > -1) {
118
- document.documentElement.classList.add("perfect-scrollbar-on");
119
- document.documentElement.classList.remove("perfect-scrollbar-off");
120
- let tables = document.querySelectorAll(".table-responsive");
74
+ if (navigator.platform.indexOf('Win') > -1) {
75
+ document.documentElement.classList.add('perfect-scrollbar-on');
76
+ document.documentElement.classList.remove('perfect-scrollbar-off');
77
+ let tables = document.querySelectorAll('.table-responsive');
121
78
 
122
79
  for (let i = 0; i < tables.length; i++) {
123
80
  ps = new _perfectScrollbar.default(tables[i]);
124
81
  }
125
82
  }
126
83
 
127
- window.addEventListener("scroll", showNavbarButton);
84
+ window.addEventListener('scroll', showNavbarButton);
128
85
  });
129
86
 
130
87
  _react.default.useEffect(() => {
131
88
  if (props.width !== null && typeof props.width !== 'undefined') {
132
- alert(props.width);
133
89
  setNavDrawerOpen(props.width === _withWidth.LARGE);
134
90
  }
135
91
  }, [props.width]);
136
92
 
137
93
  _react.default.useEffect(() => {
138
- document.body.classList.add("white-content");
94
+ _SocketManager.default.init();
95
+
96
+ return () => {
97
+ _SocketManager.default.disconnect();
98
+ };
99
+ }, []);
139
100
 
140
- if (navigator.platform.indexOf("Win") > -1) {//ps.destroy();
101
+ _react.default.useEffect(() => {
102
+ document.body.classList.add('white-content');
103
+
104
+ if (navigator.platform.indexOf('Win') > -1) {//ps.destroy();
141
105
  //document.documentElement.className.add("perfect-scrollbar-off");
142
106
  //document.documentElement.classList.remove("perfect-scrollbar-on");
143
107
  }
144
108
 
145
- window.removeEventListener("scroll", showNavbarButton);
146
- setActiveColor("agility");
109
+ window.removeEventListener('scroll', showNavbarButton);
110
+ setActiveColor('agility');
147
111
  setSecondaryThemeColor(props.settings.systemProfileDto.secondCorporateBrandColor);
148
112
  setPrimaryThemeColor(props.settings.systemProfileDto.firstCorporateBrandColor);
149
113
  setThemeTextColor(props.settings.systemProfileDto.themeTextColor);
@@ -194,9 +158,10 @@ const BasicBusinessAppDashboard = props => {
194
158
 
195
159
  let newRoutes = [];
196
160
  let newRoute = {};
197
- newRoute.name = "Dashboard";
198
- newRoute.icon = "fa fa-pie-chart";
199
- newRoute.layout = "/admin";
161
+ newRoute.name = 'Dashboard';
162
+ newRoute.id = 'dashboard';
163
+ newRoute.icon = 'fa fa-pie-chart';
164
+ newRoute.layout = '/admin';
200
165
  newRoute.level = 0;
201
166
  newRoute.isParent = true;
202
167
  newRoutes.push(newRoute);
@@ -208,13 +173,13 @@ const BasicBusinessAppDashboard = props => {
208
173
  let route = {};
209
174
  route.name = module.label;
210
175
  route.icon = module.icon;
211
- route.layout = "/admin";
176
+ route.menu = module.menu;
177
+ route.layout = '/admin';
212
178
  route.level = 0;
213
179
 
214
- if (module.menuBar && module.menuBar.menus.length > 0) {
180
+ if (module.menu) {
215
181
  route.collapse = true;
216
- route.state = module.name + "Collapse";
217
- route.views = getViews(module.menuBar.menus, 1);
182
+ route.state = module.name + 'Collapse';
218
183
  }
219
184
 
220
185
  newRoutes.push(route);
@@ -223,14 +188,15 @@ const BasicBusinessAppDashboard = props => {
223
188
 
224
189
  if (props.settings.settingsMenu) {
225
190
  newRoute = {};
226
- newRoute.name = "Settings";
227
- newRoute.icon = "fa fa-cog";
228
- newRoute.layout = "/admin";
191
+ newRoute.name = 'Settings';
192
+ newRoute.icon = 'fa fa-cog';
193
+ newRoute.layout = '/admin';
229
194
  newRoute.isParent = true;
230
195
  newRoute.collapse = true;
231
196
  newRoute.level = 0;
232
- newRoute.state = "settingsMenuCollapse";
233
- newRoute.views = getViews(props.settings.settingsMenu.menus, 1);
197
+ newRoute.menu = ''; // TODO : set menu value
198
+
199
+ newRoute.state = 'settingsMenuCollapse';
234
200
  newRoutes.push(newRoute);
235
201
  }
236
202
 
@@ -240,53 +206,8 @@ const BasicBusinessAppDashboard = props => {
240
206
  }
241
207
  }, [props.settings]);
242
208
 
243
- const getViews = (menus, level) => {
244
- let newViews = [];
245
-
246
- for (let i = 0; i < menus.length; i++) {
247
- let createView = {};
248
- createView.name = menus[i].attributes.label;
249
- createView.mini = "SS";
250
- createView.layout = "/admin";
251
- createView.level = level;
252
-
253
- if (menus[i].items && menus[i].items.length > 0) {
254
- createView.collapse = true;
255
- createView.state = menus[i].id + "Collapse";
256
- createView.views = getItems(menus[i].items, level + 1);
257
- }
258
-
259
- newViews.push(createView);
260
- }
261
-
262
- return newViews;
263
- };
264
-
265
- const getItems = (items, level) => {
266
- let newItems = [];
267
-
268
- for (let i = 0; i < items.length; i++) {
269
- let createItem = {};
270
- createItem.name = items[i].attributes.label;
271
- createItem.mini = "SS";
272
- createItem.layout = "/admin";
273
- createItem.item = items[i];
274
- createItem.level = level;
275
-
276
- if (!_Utils.default.isNull(items[i].subMenu)) {
277
- createItem.collapse = true;
278
- createItem.state = items[i].id + "SubMenuCollapse";
279
- createItem.views = getItems(items[i].subMenu.items, level + 1);
280
- }
281
-
282
- newItems.push(createItem);
283
- }
284
-
285
- return newItems;
286
- };
287
-
288
209
  const toggleSidebar = () => {
289
- document.documentElement.classList.toggle("nav-open");
210
+ document.documentElement.classList.toggle('nav-open');
290
211
  setSidebarOpened(!sidebarOpened);
291
212
  };
292
213
 
@@ -304,7 +225,7 @@ const BasicBusinessAppDashboard = props => {
304
225
  return getRoutes(prop.views);
305
226
  }
306
227
 
307
- if (prop.layout === "/admin") {
228
+ if (prop.layout === '/admin') {
308
229
  return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
309
230
  path: prop.layout + prop.path,
310
231
  component: prop.component,
@@ -317,10 +238,10 @@ const BasicBusinessAppDashboard = props => {
317
238
  };
318
239
 
319
240
  const getActiveRoute = routes => {
320
- let activeRoute = "Dashboard";
241
+ let activeRoute = 'Dashboard';
321
242
 
322
243
  for (let i = 0; i < routes.length; i++) {
323
- if (routes[i].collapse) {
244
+ if (routes[i].collapse && routes[i].views) {
324
245
  let collapseActiveRoute = getActiveRoute(routes[i].views);
325
246
 
326
247
  if (collapseActiveRoute !== activeRoute) {
@@ -341,38 +262,38 @@ const BasicBusinessAppDashboard = props => {
341
262
  };
342
263
 
343
264
  const handleMiniClick = () => {
344
- let notifyMessage = "Sidebar mini ";
265
+ let notifyMessage = 'Sidebar mini ';
345
266
 
346
- if (document.body.classList.contains("sidebar-mini")) {
267
+ if (document.body.classList.contains('sidebar-mini')) {
347
268
  setSidebarMini(false);
348
- notifyMessage += "deactivated...";
269
+ notifyMessage += 'deactivated...';
349
270
  } else {
350
271
  setSidebarMini(true);
351
- notifyMessage += "activated...";
272
+ notifyMessage += 'activated...';
352
273
  }
353
274
 
354
275
  let options = {};
355
276
  options = {
356
- place: "tr",
277
+ place: 'tr',
357
278
  message: notifyMessage,
358
- type: "primary",
359
- icon: "tim-icons icon-bell-55",
279
+ type: 'primary',
280
+ icon: 'tim-icons icon-bell-55',
360
281
  autoDismiss: 7
361
282
  };
362
- document.body.classList.toggle("sidebar-mini");
283
+ document.body.classList.toggle('sidebar-mini');
363
284
  };
364
285
 
365
286
  const closeSidebar = () => {
366
287
  setSidebarOpened(false);
367
- document.documentElement.classList.remove("nav-open");
288
+ document.documentElement.classList.remove('nav-open');
368
289
  };
369
290
 
370
- function launcDashboard() {
291
+ function launchDashboard() {
371
292
  _ApplicationContext.default.closeCurrentView(false);
372
293
 
373
- _ApplicationContext.default.getViewPortHistory().push("/switch");
294
+ _ApplicationContext.default.getViewPortHistory().push('/switch');
374
295
 
375
- _ApplicationContext.default.getViewPortHistory().push("/view/dashboard");
296
+ _ApplicationContext.default.getViewPortHistory().push('/view/dashboard');
376
297
  }
377
298
 
378
299
  return loading ? /*#__PURE__*/_react.default.createElement("div", null, "Loading...") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
@@ -393,23 +314,26 @@ const BasicBusinessAppDashboard = props => {
393
314
  className: "tim-icons icon-align-center visible-on-sidebar-regular text-muted"
394
315
  }), /*#__PURE__*/_react.default.createElement("i", {
395
316
  className: "tim-icons icon-bullet-list-67 visible-on-sidebar-mini text-muted"
396
- })), " "), " ", /*#__PURE__*/_react.default.createElement(_Sidebar.default, _extends({}, props, {
317
+ })), ' '), ' ', /*#__PURE__*/_react.default.createElement(_Sidebar.default, _extends({}, props, {
397
318
  routes: routes,
398
- activeColor: "agility",
319
+ activeColor: 'agility',
399
320
  secondaryThemeColor: secondaryThemeColor,
400
- activeRouteMenu: 'Dashboard',
401
- className: "sidebar",
321
+ activeRouteMenu: {
322
+ id: 'dashboard',
323
+ name: 'Dashboard'
324
+ },
325
+ className: 'sidebar',
402
326
  dashboardLauncher: () => {
403
- launcDashboard();
327
+ launchDashboard();
404
328
  },
405
329
  appLogoPath: props.appLogoPath,
406
330
  logo: {
407
- outterLink: "",
408
- text: "",
331
+ outterLink: '',
332
+ text: '',
409
333
  imgSrc: logo
410
334
  },
411
335
  closeSidebar: closeSidebar
412
- })), " ", /*#__PURE__*/_react.default.createElement("div", {
336
+ })), ' ', /*#__PURE__*/_react.default.createElement("div", {
413
337
  className: "main-panel",
414
338
  data: activeColor
415
339
  }, /*#__PURE__*/_react.default.createElement(_HomeNavbar.default, _extends({}, props, {
@@ -422,11 +346,11 @@ const BasicBusinessAppDashboard = props => {
422
346
  settingsMenu: props.settings.settingsMenu,
423
347
  toggleSidebar: toggleSidebar,
424
348
  logoutCallBack: props.logoutCallBack
425
- })), " ", /*#__PURE__*/_react.default.createElement("div", {
349
+ })), ' ', /*#__PURE__*/_react.default.createElement("div", {
426
350
  className: "content"
427
351
  }, /*#__PURE__*/_react.default.createElement(_ViewPort.default, {
428
352
  settings: props.settings
429
- }))), " "));
353
+ }))), ' '));
430
354
  };
431
355
 
432
356
  BasicBusinessAppDashboard.propTypes = {
@@ -21,42 +21,16 @@ var _Observable = _interopRequireDefault(require("../../event/Observable"));
21
21
 
22
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
23
 
24
- function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
25
-
26
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
27
-
28
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
29
-
30
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
31
-
32
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
24
+ let ps;
33
25
 
34
- function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
26
+ const BusinessPortalAppDashboard = /*#__PURE__*/_react.default.memo(props => {
27
+ const [loading, setLoading] = _react.default.useState(true);
35
28
 
36
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
29
+ const [routes, setRoutes] = _react.default.useState([]);
37
30
 
38
- let ps;
31
+ const [currentModuleMenu, setCurrentModuleMenu] = _react.default.useState(null);
39
32
 
40
- const BusinessPortalAppDashboard = /*#__PURE__*/_react.default.memo(props => {
41
- const _React$useState = _react.default.useState(true),
42
- _React$useState2 = _slicedToArray(_React$useState, 2),
43
- loading = _React$useState2[0],
44
- setLoading = _React$useState2[1];
45
-
46
- const _React$useState3 = _react.default.useState([]),
47
- _React$useState4 = _slicedToArray(_React$useState3, 2),
48
- routes = _React$useState4[0],
49
- setRoutes = _React$useState4[1];
50
-
51
- const _React$useState5 = _react.default.useState(null),
52
- _React$useState6 = _slicedToArray(_React$useState5, 2),
53
- currentModuleMenu = _React$useState6[0],
54
- setCurrentModuleMenu = _React$useState6[1];
55
-
56
- const _React$useState7 = _react.default.useState("data:image/png;base64," + props.logo),
57
- _React$useState8 = _slicedToArray(_React$useState7, 2),
58
- logo = _React$useState8[0],
59
- setLogo = _React$useState8[1];
33
+ const [logo, setLogo] = _react.default.useState("data:image/png;base64," + props.logo);
60
34
 
61
35
  const getItems = (items, level) => {
62
36
  let newItems = [];
@@ -113,57 +87,35 @@ const BusinessPortalAppDashboard = /*#__PURE__*/_react.default.memo(props => {
113
87
  let newRoutes = [];
114
88
  let currentMenu = null;
115
89
 
116
- var _iterator = _createForOfIteratorHelper(props.settings.menu.menus),
117
- _step;
118
-
119
- try {
120
- for (_iterator.s(); !(_step = _iterator.n()).done;) {
121
- const menu = _step.value;
122
-
123
- if (menu.id === currentModuleMenu) {
124
- currentMenu = menu;
125
- break;
126
- }
90
+ for (const menu of props.settings.menu.menus) {
91
+ if (menu.id === currentModuleMenu) {
92
+ currentMenu = menu;
93
+ break;
127
94
  }
128
- } catch (err) {
129
- _iterator.e(err);
130
- } finally {
131
- _iterator.f();
132
95
  }
133
96
 
134
97
  if (currentMenu != null) {
135
- var _iterator2 = _createForOfIteratorHelper(currentMenu.items),
136
- _step2;
137
-
138
- try {
139
- for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
140
- const item = _step2.value;
98
+ for (const item of currentMenu.items) {
99
+ _Observable.default.clearComponentEventListeners(item.id);
141
100
 
142
- _Observable.default.clearComponentEventListeners(item.id);
101
+ let newRoute = {};
102
+ newRoute.name = item.attributes.label;
143
103
 
144
- let newRoute = {};
145
- newRoute.name = item.attributes.label;
146
-
147
- if (!_Utils.default.isNull(item.icon)) {
148
- newRoute.icon = item.icon;
149
- }
104
+ if (!_Utils.default.isNull(item.icon)) {
105
+ newRoute.icon = item.icon;
106
+ }
150
107
 
151
- newRoute.layout = "/admin";
152
- newRoute.level = 0;
153
- newRoute.isParent = false;
154
- newRoute.item = item;
155
- newRoutes.push(newRoute);
108
+ newRoute.layout = "/admin";
109
+ newRoute.level = 0;
110
+ newRoute.isParent = false;
111
+ newRoute.item = item;
112
+ newRoutes.push(newRoute);
156
113
 
157
- if (!_Utils.default.isNull(item.items) && item.items.length > 0) {
158
- newRoute.collapse = false;
159
- newRoute.state = item.name + "Collapse";
160
- newRoute.views = getViews(item.items, 0);
161
- }
114
+ if (!_Utils.default.isNull(item.items) && item.items.length > 0) {
115
+ newRoute.collapse = false;
116
+ newRoute.state = item.name + "Collapse";
117
+ newRoute.views = getViews(item.items, 0);
162
118
  }
163
- } catch (err) {
164
- _iterator2.e(err);
165
- } finally {
166
- _iterator2.f();
167
119
  }
168
120
  }
169
121
 
@@ -222,7 +174,10 @@ const BusinessPortalAppDashboard = /*#__PURE__*/_react.default.memo(props => {
222
174
  }, /*#__PURE__*/_react.default.createElement(_Workspace.default, {
223
175
  routes: routes,
224
176
  heading: "Welcome, " + props.settings.userFirstName,
225
- activeRouteMenu: 'My Work Items',
177
+ activeRouteMenu: {
178
+ id: 'myWorkItems',
179
+ name: 'My Work Items'
180
+ },
226
181
  secondaryColor: props.settings.secondaryColor
227
182
  }))));
228
183
  });
@@ -31,32 +31,13 @@ var _EventType = _interopRequireDefault(require("../../../event/EventType"));
31
31
 
32
32
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
33
33
 
34
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
35
-
36
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
37
-
38
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
39
-
40
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
41
-
42
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
43
-
44
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
45
-
46
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
47
-
48
- function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
49
-
50
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
51
-
52
34
  const Header = props => {
53
- const styles = props.styles,
54
- handleChangeRequestNavDrawer = props.handleChangeRequestNavDrawer;
35
+ const {
36
+ styles,
37
+ handleChangeRequestNavDrawer
38
+ } = props;
55
39
 
56
- const _React$useState = _react.default.useState(""),
57
- _React$useState2 = _slicedToArray(_React$useState, 2),
58
- title = _React$useState2[0],
59
- setTitle = _React$useState2[1];
40
+ const [title, setTitle] = _react.default.useState("");
60
41
 
61
42
  const style = {
62
43
  appBar: {
@@ -106,7 +87,9 @@ const Header = props => {
106
87
  });
107
88
 
108
89
  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_AppBar.default, {
109
- style: _objectSpread(_objectSpread({}, styles), style.appBar),
90
+ style: { ...styles,
91
+ ...style.appBar
92
+ },
110
93
  title: /*#__PURE__*/_react.default.createElement("div", null, title),
111
94
  iconElementLeft: /*#__PURE__*/_react.default.createElement(_IconButton.default, {
112
95
  style: style.menuButton,
@@ -32,7 +32,9 @@ var _Utils = _interopRequireDefault(require("../../../Utils"));
32
32
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
33
33
 
34
34
  const LeftDrawer = props => {
35
- let navDrawerOpen = props.navDrawerOpen;
35
+ let {
36
+ navDrawerOpen
37
+ } = props;
36
38
  const styles = {
37
39
  spacer: {
38
40
  height: '2px'
@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
9
9
 
10
10
  var _reactstrap = require("reactstrap");
11
11
 
12
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
12
+ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
13
13
 
14
14
  function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
15