@agilemotion/oui-react-js 1.2.6 → 1.2.8

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 (133) hide show
  1. package/dist/ApplicationContext.js +244 -250
  2. package/dist/BasicApp.js +53 -97
  3. package/dist/BasicAppHome.js +86 -122
  4. package/dist/DynamicJS.js +65 -88
  5. package/dist/RestUtils.js +284 -315
  6. package/dist/TypedValue.js +15 -18
  7. package/dist/Utils.js +224 -262
  8. package/dist/assets/jss/components/authNavbarStyle.js +162 -164
  9. package/dist/assets/jss/components/buttonStyle.js +1 -1
  10. package/dist/assets/jss/components/cardAvatarStyle.js +1 -1
  11. package/dist/assets/jss/components/cardBodyStyle.js +1 -1
  12. package/dist/assets/jss/components/cardFooterStyle.js +1 -1
  13. package/dist/assets/jss/components/cardHeaderStyle.js +1 -1
  14. package/dist/assets/jss/components/cardIconStyle.js +1 -1
  15. package/dist/assets/jss/components/cardStyle.js +1 -1
  16. package/dist/assets/jss/components/cardTextStyle.js +1 -1
  17. package/dist/assets/jss/components/customDropdownStyle.js +192 -194
  18. package/dist/assets/jss/components/customInputStyle.js +1 -1
  19. package/dist/assets/jss/components/dropdownStyle.js +107 -109
  20. package/dist/assets/jss/components/footerStyle.js +1 -1
  21. package/dist/assets/jss/components/headerLinksStyle.js +95 -97
  22. package/dist/assets/jss/components/headerStyle.js +60 -62
  23. package/dist/assets/jss/components/navbarLinksStyle.js +137 -139
  24. package/dist/assets/jss/components/navbarStyle.js +71 -73
  25. package/dist/assets/jss/components/sidebarStyle.js +453 -455
  26. package/dist/assets/jss/components/typographyStyle.js +1 -1
  27. package/dist/assets/jss/rootStyle.js +57 -57
  28. package/dist/assets/jss/views/layoutStyle.js +42 -44
  29. package/dist/assets/jss/views/loginBasicStyle.js +1 -1
  30. package/dist/assets/jss/views/loginStyle.js +87 -89
  31. package/dist/components/AlertBar.js +21 -23
  32. package/dist/components/AlertItem.js +23 -25
  33. package/dist/components/AlertTemplate.js +29 -30
  34. package/dist/components/Button.js +35 -37
  35. package/dist/components/ConfirmationDialog.js +3 -3
  36. package/dist/components/DataGrid.js +250 -276
  37. package/dist/components/DataGridColumn.js +34 -36
  38. package/dist/components/DataGridFilter.js +92 -94
  39. package/dist/components/DataGridHeading.js +32 -38
  40. package/dist/components/DocumentViewer.js +12 -11
  41. package/dist/components/Graph.js +34 -50
  42. package/dist/components/GraphNode.js +53 -56
  43. package/dist/components/HtmlPanel.js +6 -8
  44. package/dist/components/Icon.js +28 -58
  45. package/dist/components/LoadingIndicator.js +2 -2
  46. package/dist/components/PopupView.js +15 -17
  47. package/dist/components/RegularButton.js +20 -20
  48. package/dist/components/TabPage.js +23 -25
  49. package/dist/components/TabPanel.js +34 -34
  50. package/dist/components/TableCellContent.js +34 -34
  51. package/dist/components/TitleBar.js +16 -16
  52. package/dist/components/Toolbar.js +112 -118
  53. package/dist/components/Tooltip.js +35 -43
  54. package/dist/components/Tree.js +54 -60
  55. package/dist/components/card/Card.js +17 -17
  56. package/dist/components/card/CardAvatar.js +10 -10
  57. package/dist/components/card/CardBody.js +14 -14
  58. package/dist/components/card/CardFooter.js +13 -13
  59. package/dist/components/card/CardHeader.js +14 -14
  60. package/dist/components/card/CardIcon.js +7 -7
  61. package/dist/components/card/CardText.js +7 -7
  62. package/dist/components/customInput/CustomInput.js +17 -17
  63. package/dist/components/dashboard/BasicApp.js +25 -25
  64. package/dist/components/dashboard/BasicBusinessApp.js +116 -119
  65. package/dist/components/dashboard/components/Header.js +11 -11
  66. package/dist/components/dashboard/components/LeftDrawer.js +3 -3
  67. package/dist/components/dashboard/components/UserIdentity.js +2 -2
  68. package/dist/components/dashboard/components/blackDashboard/fixedPlugin/FixedPlugin.js +85 -127
  69. package/dist/components/dashboard/components/blackDashboard/sidebar/Sidebar.js +151 -191
  70. package/dist/components/footer/Footer.js +8 -8
  71. package/dist/components/footer/HomeFooter.js +34 -66
  72. package/dist/components/form/BaseField.js +78 -78
  73. package/dist/components/form/Checkbox.js +8 -10
  74. package/dist/components/form/DatePicker.js +15 -19
  75. package/dist/components/form/FieldSet.js +62 -88
  76. package/dist/components/form/Form.js +317 -318
  77. package/dist/components/form/GridField.js +81 -86
  78. package/dist/components/form/LabelField.js +10 -12
  79. package/dist/components/form/LookupField.js +40 -42
  80. package/dist/components/form/Section.js +37 -39
  81. package/dist/components/form/SelectItem.js +35 -39
  82. package/dist/components/form/TextField.js +18 -22
  83. package/dist/components/form/TimePicker.js +15 -19
  84. package/dist/components/form/TransferList.js +83 -91
  85. package/dist/components/form/UploadField.js +135 -145
  86. package/dist/components/grid/GridContainer.js +6 -6
  87. package/dist/components/grid/GridItem.js +6 -6
  88. package/dist/components/layout/CollapsiblePanel.js +18 -20
  89. package/dist/components/layout/Layout.js +70 -72
  90. package/dist/components/layout/View.js +134 -136
  91. package/dist/components/layout/ViewPort.js +56 -98
  92. package/dist/components/menu/CollapsibleMenu.js +26 -28
  93. package/dist/components/menu/MenuBars.js +53 -59
  94. package/dist/components/menu/MenuButton.js +70 -77
  95. package/dist/components/menu/MenuItem.js +15 -17
  96. package/dist/components/menu/MenuLink.js +9 -11
  97. package/dist/components/menu/PopupMenu.js +12 -16
  98. package/dist/components/navbars/AuthNavbar.js +12 -12
  99. package/dist/components/navbars/HomeNavbar.js +175 -222
  100. package/dist/components/navbars/NavbarLinks.js +45 -46
  101. package/dist/components/typography/Danger.js +3 -3
  102. package/dist/components/typography/Info.js +3 -3
  103. package/dist/components/typography/Link.js +3 -3
  104. package/dist/event/ActionHandlers.js +43 -57
  105. package/dist/event/Event.js +13 -16
  106. package/dist/event/EventListener.js +36 -39
  107. package/dist/event/EventType.js +1 -5
  108. package/dist/event/LoadDataActionHandler.js +8 -20
  109. package/dist/event/Observable.js +162 -198
  110. package/dist/event/RouteActionHandler.js +76 -88
  111. package/dist/event/ScriptActionHandler.js +8 -20
  112. package/dist/event/ServiceCallActionHandler.js +28 -40
  113. package/dist/event/SignalGraphActionHandler.js +7 -19
  114. package/dist/js/Addresses.js +15 -27
  115. package/dist/js/DynamicLib.js +11 -14
  116. package/dist/js/Validators.js +5 -6
  117. package/dist/redux/store/ConfigureStore.js +6 -6
  118. package/dist/redux/store/DashboardStore.js +83 -95
  119. package/dist/redux/store/History.js +1 -1
  120. package/dist/redux/store/SecurityStore.js +41 -45
  121. package/dist/security/TokenManager.js +30 -44
  122. package/dist/theme-default.js +1 -1
  123. package/dist/view/Dashboard.js +108 -114
  124. package/dist/view/Settings.js +2 -4
  125. package/dist/view/security/ChangePasswordBasic.js +96 -100
  126. package/dist/view/security/ForgotPassword.js +52 -56
  127. package/dist/view/security/ForgotPasswordBasic.js +48 -54
  128. package/dist/view/security/Login.js +58 -62
  129. package/dist/view/security/LoginBasic.js +50 -54
  130. package/dist/view/security/ResetPassword.js +58 -62
  131. package/dist/view/security/ResetPasswordBasic.js +89 -93
  132. package/dist/view/security/Security.js +12 -12
  133. package/package.json +1 -1
@@ -33,57 +33,29 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
33
33
 
34
34
  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; }
35
35
 
36
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
37
-
38
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
39
-
40
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
41
-
42
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
43
-
44
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
45
-
46
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
47
-
48
- function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
49
-
50
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
51
-
52
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
53
-
54
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
55
-
56
36
  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; }
57
37
 
58
- var ps;
59
- var TAB = 8;
38
+ let ps;
39
+ const TAB = 8;
60
40
 
61
- var propHandler = function propHandler(state) {
62
- var activeRouteMenu = state.dashboard.activeRouteMenu;
41
+ const propHandler = state => {
42
+ let activeRouteMenu = state.dashboard.activeRouteMenu;
63
43
  return {
64
44
  activeRouteMenu: activeRouteMenu
65
45
  };
66
46
  };
67
47
 
68
- var Sidebar = /*#__PURE__*/function (_React$Component) {
69
- _inherits(Sidebar, _React$Component);
70
-
71
- var _super = _createSuper(Sidebar);
72
-
73
- function Sidebar(props) {
74
- var _this;
75
-
76
- _classCallCheck(this, Sidebar);
77
-
78
- _this = _super.call(this, props);
48
+ class Sidebar extends _react.default.Component {
49
+ constructor(props) {
50
+ super(props);
79
51
 
80
- _defineProperty(_assertThisInitialized(_this), "getCollapseStates", function (routes) {
81
- var initialState = {};
82
- routes.map(function (prop, key) {
52
+ _defineProperty(this, "getCollapseStates", routes => {
53
+ let initialState = {};
54
+ routes.map((prop, key) => {
83
55
  if (prop.collapse) {
84
56
  initialState = _objectSpread(_objectSpread({
85
- [prop.state]: _this.getCollapseInitialState(prop.views)
86
- }, _this.getCollapseStates(prop.views)), initialState);
57
+ [prop.state]: this.getCollapseInitialState(prop.views)
58
+ }, this.getCollapseStates(prop.views)), initialState);
87
59
  }
88
60
 
89
61
  return null;
@@ -91,20 +63,20 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
91
63
  return initialState;
92
64
  });
93
65
 
94
- _defineProperty(_assertThisInitialized(_this), "createLinks", function (routes) {
95
- var _this$props = _this.props,
96
- rtlActive = _this$props.rtlActive,
97
- secondaryThemeColor = _this$props.secondaryThemeColor;
98
- return routes.map(function (prop, key) {
66
+ _defineProperty(this, "createLinks", routes => {
67
+ const _this$props = this.props,
68
+ rtlActive = _this$props.rtlActive,
69
+ secondaryThemeColor = _this$props.secondaryThemeColor;
70
+ return routes.map((prop, key) => {
99
71
  if (prop.redirect) {
100
72
  return null;
101
73
  }
102
74
 
103
75
  if ((prop.collapse || prop.isParent) && prop.name !== 'Dashboard') {
104
76
  var st = {};
105
- st[prop["state"]] = !_this.state[prop.state];
77
+ st[prop["state"]] = !this.state[prop.state];
106
78
  return /*#__PURE__*/_react.default.createElement("li", {
107
- className: prop.collapse ? _this.getCollapseInitialState(prop.views) ? "active" : "" : "",
79
+ className: prop.collapse ? this.getCollapseInitialState(prop.views) ? "active" : null : null,
108
80
  key: key
109
81
  }, /*#__PURE__*/_react.default.createElement("a", {
110
82
  href: "#pablo",
@@ -112,11 +84,10 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
112
84
  style: {
113
85
  marginLeft: (prop.level + 1) * TAB + 'px'
114
86
  },
115
- "aria-expanded": _this.state[prop.state],
116
- onClick: function onClick(e) {
87
+ "aria-expanded": this.state[prop.state],
88
+ onClick: e => {
117
89
  e.preventDefault();
118
-
119
- _this.setState(st);
90
+ this.setState(st);
120
91
  }
121
92
  }, prop.icon !== undefined ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("i", {
122
93
  className: prop.icon,
@@ -136,16 +107,16 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
136
107
  }, " ", prop.name, " ", /*#__PURE__*/_react.default.createElement("b", {
137
108
  className: "caret"
138
109
  })), " "), " "), " ", prop.collapse ? /*#__PURE__*/_react.default.createElement(_reactstrap.Collapse, {
139
- isOpen: _this.state[prop.state]
110
+ isOpen: this.state[prop.state]
140
111
  }, /*#__PURE__*/_react.default.createElement("ul", {
141
112
  className: "nav"
142
- }, " ", _this.createLinks(prop.views), " "), " ") : null);
113
+ }, " ", this.createLinks(prop.views), " "), " ") : null);
143
114
  }
144
115
 
145
116
  return /*#__PURE__*/_react.default.createElement("li", {
146
117
  className: "",
147
118
  key: key,
148
- style: _this.activeRoute(prop.name) ? {
119
+ style: this.activeRoute(prop.name) ? {
149
120
  backgroundColor: (0, _core.lighten)(secondaryThemeColor, .9),
150
121
  borderRadius: '16px',
151
122
  color: secondaryThemeColor,
@@ -155,171 +126,162 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
155
126
  }, /*#__PURE__*/_react.default.createElement(_MenuLink.default, {
156
127
  config: prop.item,
157
128
  ref: /*#__PURE__*/_react.default.createRef(),
158
- clickCallback: prop.name === 'Dashboard' ? _this.props.dashboardLauncher : null,
129
+ clickCallback: prop.name === 'Dashboard' ? this.props.dashboardLauncher : null,
159
130
  viewId: "menuBar",
160
131
  icon: prop.icon,
161
- iconColor: prop.name === 'Dashboard' && _this.activeRoute(prop.name) ? secondaryThemeColor : null,
132
+ iconColor: prop.name === 'Dashboard' && this.activeRoute(prop.name) ? secondaryThemeColor : null,
162
133
  name: prop.name,
163
134
  level: prop.level,
164
- color: _this.activeRoute(prop.name) ? secondaryThemeColor : null
135
+ color: this.activeRoute(prop.name) ? secondaryThemeColor : null
165
136
  }), " ");
166
137
  });
167
138
  });
168
139
 
169
- _defineProperty(_assertThisInitialized(_this), "activeRoute", function (routeName) {
140
+ _defineProperty(this, "activeRoute", routeName => {
170
141
  // return this.props.location.pathname.indexOf(routeName) > -1 ? "active" : "";
171
- return _this.props.activeRouteMenu === routeName;
142
+ return this.props.activeRouteMenu === routeName;
172
143
  });
173
144
 
174
- _this.state = _this.getCollapseStates(props.routes);
145
+ this.state = this.getCollapseStates(props.routes);
175
146
 
176
147
  _DashboardStore.actionCreators.setActiveRoute('Dashboard');
177
-
178
- return _this;
179
148
  } // this creates the intial state of this component based on the collapse routes
180
149
  // that it gets through this.props.routes
181
150
 
182
151
 
183
- _createClass(Sidebar, [{
184
- key: "getCollapseInitialState",
185
- // this verifies if any of the collapses should be default opened on a rerender of this component
186
- // for example, on the refresh of the page,
187
- // while on the src/views/forms/RegularForms.js - route /admin/regular-forms
188
- value: function getCollapseInitialState(routes) {
189
- for (var i = 0; i < routes.length; i++) {
190
- if (routes[i].collapse && this.getCollapseInitialState(routes[i].views)) {
191
- return true;
192
- } else if (window.location.href.indexOf(routes[i].path) !== -1) {
193
- return true;
194
- }
152
+ // this verifies if any of the collapses should be default opened on a rerender of this component
153
+ // for example, on the refresh of the page,
154
+ // while on the src/views/forms/RegularForms.js - route /admin/regular-forms
155
+ getCollapseInitialState(routes) {
156
+ for (let i = 0; i < routes.length; i++) {
157
+ if (routes[i].collapse && this.getCollapseInitialState(routes[i].views)) {
158
+ return true;
159
+ } else if (window.location.href.indexOf(routes[i].path) !== -1) {
160
+ return true;
195
161
  }
162
+ }
196
163
 
197
- return false;
198
- } // this function creates the links and collapses that appear in the sidebar (left menu)
199
-
200
- }, {
201
- key: "componentDidMount",
202
- value: function componentDidMount() {
203
- // if you are using a Windows Machine, the scrollbars will have a Mac look
204
- if (navigator.platform.indexOf("Win") > -1) {
205
- ps = new _perfectScrollbar.default(this.refs.sidebar, {
206
- suppressScrollX: true,
207
- suppressScrollY: false
208
- });
209
- }
164
+ return false;
165
+ } // this function creates the links and collapses that appear in the sidebar (left menu)
166
+
167
+
168
+ componentDidMount() {
169
+ // if you are using a Windows Machine, the scrollbars will have a Mac look
170
+ if (navigator.platform.indexOf("Win") > -1) {
171
+ ps = new _perfectScrollbar.default(this.refs.sidebar, {
172
+ suppressScrollX: true,
173
+ suppressScrollY: false
174
+ });
210
175
  }
211
- }, {
212
- key: "componentWillUnmount",
213
- value: function componentWillUnmount() {
214
- // we need to destroy the false scrollbar when we navigate
215
- // to a page that doesn't have this component rendered
216
- if (navigator.platform.indexOf("Win") > -1) {
217
- ps.destroy();
218
- }
176
+ }
177
+
178
+ componentWillUnmount() {
179
+ // we need to destroy the false scrollbar when we navigate
180
+ // to a page that doesn't have this component rendered
181
+ if (navigator.platform.indexOf("Win") > -1) {
182
+ ps.destroy();
219
183
  }
220
- }, {
221
- key: "render",
222
- value: function render() {
223
- var _this$props2 = this.props,
184
+ }
185
+
186
+ render() {
187
+ const _this$props2 = this.props,
224
188
  activeColor = _this$props2.activeColor,
225
189
  logo = _this$props2.logo;
226
- var logoImg = null;
227
- var logoText = null;
228
-
229
- if (logo !== undefined) {
230
- logoImg = /*#__PURE__*/_react.default.createElement("a", {
231
- href: logo.outterLink,
232
- className: "logo-normal",
233
- onClick: this.props.closeSidebar
234
- }, /*#__PURE__*/_react.default.createElement("div", {
235
- className: "logo-img",
236
- style: {
237
- paddingTop: '16px',
238
- paddingBottom: '8px'
239
- }
240
- }, /*#__PURE__*/_react.default.createElement("img", {
241
- src: logo.imgSrc,
242
- alt: "react-logo"
243
- })), " ");
244
- logoText = /*#__PURE__*/_react.default.createElement("a", {
245
- href: logo.outterLink,
246
- className: "simple-text ",
247
- onClick: this.props.closeSidebar
248
- }, logo.text, " ");
249
- }
250
-
251
- return /*#__PURE__*/_react.default.createElement("div", {
252
- className: "sidebar",
253
- data: activeColor,
254
- style: {
255
- overflow: 'auto',
256
- maxHeight: '100vh'
257
- }
258
- }, /*#__PURE__*/_react.default.createElement("table", {
259
- style: {
260
- height: "96%",
261
- maxHeight: "100%",
262
- width: "100%"
263
- }
264
- }, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
265
- style: {
266
- height: '10%'
267
- }
268
- }, " ", logoImg !== null ? /*#__PURE__*/_react.default.createElement("div", {
269
- className: "logo",
270
- style: {
271
- display: 'flex',
272
- justifyContent: 'center',
273
- alignItems: 'center',
274
- height: '100%'
275
- }
276
- }, " ", logoImg, " ") : null, " ")), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
277
- style: {
278
- height: '70%'
279
- },
280
- valign: "top"
281
- }, /*#__PURE__*/_react.default.createElement(_reactstrap.Nav, {
282
- style: {
283
- margin: "8px",
284
- padding: "16px"
285
- }
286
- }, this.createLinks(this.props.routes)))), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
287
- style: {
288
- height: '10%'
289
- },
290
- valign: "top"
291
- }, /*#__PURE__*/_react.default.createElement("div", {
292
- className: "sidebar-app-logo",
293
- style: {
294
- justifyContent: 'center',
295
- height: '92px'
296
- }
190
+ let logoImg = null;
191
+ let logoText = null;
192
+
193
+ if (logo !== undefined) {
194
+ logoImg = /*#__PURE__*/_react.default.createElement("a", {
195
+ href: logo.outterLink,
196
+ className: "logo-normal",
197
+ onClick: this.props.closeSidebar
297
198
  }, /*#__PURE__*/_react.default.createElement("div", {
199
+ className: "logo-img",
298
200
  style: {
299
- display: 'flex',
300
- justifyContent: 'center',
301
- alignItems: 'center'
201
+ paddingTop: '16px',
202
+ paddingBottom: '8px'
302
203
  }
303
- }, /*#__PURE__*/_react.default.createElement(_CardAvatar.default, {
304
- plain: true
305
204
  }, /*#__PURE__*/_react.default.createElement("img", {
306
- src: this.props.appLogoPath,
307
- alt: "..."
308
- }))), /*#__PURE__*/_react.default.createElement("div", {
309
- style: {
310
- display: 'flex',
311
- justifyContent: 'center',
312
- alignItems: 'center'
313
- }
314
- }, "Copyrights \xA9 ", 1900 + new Date().getYear(), " ", " "))))));
205
+ src: logo.imgSrc,
206
+ alt: "react-logo"
207
+ })), " ");
208
+ logoText = /*#__PURE__*/_react.default.createElement("a", {
209
+ href: logo.outterLink,
210
+ className: "simple-text ",
211
+ onClick: this.props.closeSidebar
212
+ }, logo.text, " ");
315
213
  }
316
- }]);
317
214
 
318
- return Sidebar;
319
- }(_react.default.Component);
215
+ return /*#__PURE__*/_react.default.createElement("div", {
216
+ className: "sidebar",
217
+ data: activeColor,
218
+ style: {
219
+ overflow: 'auto',
220
+ maxHeight: '100vh'
221
+ }
222
+ }, /*#__PURE__*/_react.default.createElement("table", {
223
+ style: {
224
+ height: "96%",
225
+ maxHeight: "100%",
226
+ width: "100%"
227
+ }
228
+ }, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
229
+ style: {
230
+ height: '10%'
231
+ }
232
+ }, " ", logoImg !== null ? /*#__PURE__*/_react.default.createElement("div", {
233
+ className: "logo",
234
+ style: {
235
+ display: 'flex',
236
+ justifyContent: 'center',
237
+ alignItems: 'center',
238
+ height: '100%'
239
+ }
240
+ }, " ", logoImg, " ") : null, " ")), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
241
+ style: {
242
+ height: '70%'
243
+ },
244
+ valign: "top"
245
+ }, /*#__PURE__*/_react.default.createElement(_reactstrap.Nav, {
246
+ style: {
247
+ margin: "8px",
248
+ padding: "16px"
249
+ }
250
+ }, this.createLinks(this.props.routes)))), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
251
+ style: {
252
+ height: '10%'
253
+ },
254
+ valign: "top"
255
+ }, /*#__PURE__*/_react.default.createElement("div", {
256
+ className: "sidebar-app-logo",
257
+ style: {
258
+ justifyContent: 'center',
259
+ height: '92px'
260
+ }
261
+ }, /*#__PURE__*/_react.default.createElement("div", {
262
+ style: {
263
+ display: 'flex',
264
+ justifyContent: 'center',
265
+ alignItems: 'center'
266
+ }
267
+ }, /*#__PURE__*/_react.default.createElement(_CardAvatar.default, {
268
+ plain: true
269
+ }, /*#__PURE__*/_react.default.createElement("img", {
270
+ src: this.props.appLogoPath,
271
+ alt: "..."
272
+ }))), /*#__PURE__*/_react.default.createElement("div", {
273
+ style: {
274
+ display: 'flex',
275
+ justifyContent: 'center',
276
+ alignItems: 'center'
277
+ }
278
+ }, "Copyrights \xA9 ", 1900 + new Date().getYear(), " ", " ")))))));
279
+ }
280
+
281
+ }
320
282
 
321
283
  Sidebar.propTypes = {
322
- activeColor: _propTypes.default.oneOf(["primary", "blue", "green", "orange", "red", "nyeleti"]),
284
+ activeColor: _propTypes.default.oneOf(["primary", "blue", "green", "orange", "red", "agility"]),
323
285
  secondaryThemeColor: _propTypes.default.string.isRequired,
324
286
  rtlActive: _propTypes.default.bool,
325
287
  routes: _propTypes.default.array.isRequired,
@@ -336,8 +298,6 @@ Sidebar.propTypes = {
336
298
  closeSidebar: _propTypes.default.func
337
299
  };
338
300
 
339
- var _default = (0, _reactRouterDom.withRouter)((0, _reactRedux.connect)(propHandler, function (dispatch) {
340
- return (0, _redux.bindActionCreators)(_DashboardStore.actionCreators, dispatch);
341
- })(Sidebar));
301
+ var _default = (0, _reactRouterDom.withRouter)((0, _reactRedux.connect)(propHandler, dispatch => (0, _redux.bindActionCreators)(_DashboardStore.actionCreators, dispatch))(Sidebar));
342
302
 
343
303
  exports.default = _default;
@@ -23,22 +23,22 @@ var _CardAvatar = _interopRequireDefault(require("../card/CardAvatar"));
23
23
 
24
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
25
 
26
- var useStyles = (0, _styles.makeStyles)(_footerStyle.default);
26
+ const useStyles = (0, _styles.makeStyles)(_footerStyle.default);
27
27
 
28
28
  function Footer(props) {
29
- var classes = useStyles();
30
- var fluid = props.fluid,
31
- white = props.white,
32
- rtlActive = props.rtlActive;
33
- var container = (0, _classnames.default)({
29
+ const classes = useStyles();
30
+ const fluid = props.fluid,
31
+ white = props.white,
32
+ rtlActive = props.rtlActive;
33
+ let container = (0, _classnames.default)({
34
34
  [classes.container]: !fluid,
35
35
  [classes.containerFluid]: fluid,
36
36
  [classes.whiteColor]: white
37
37
  });
38
- var anchor = classes.a + (0, _classnames.default)({
38
+ let anchor = classes.a + (0, _classnames.default)({
39
39
  [" " + classes.whiteColor]: white
40
40
  });
41
- var block = (0, _classnames.default)({
41
+ let block = (0, _classnames.default)({
42
42
  [classes.block]: true,
43
43
  [classes.whiteColor]: white
44
44
  });
@@ -13,74 +13,42 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
13
13
 
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
 
16
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
17
-
18
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
19
-
20
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
21
-
22
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
23
-
24
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
25
-
26
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
27
-
28
- function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
29
-
30
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
31
-
32
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
33
-
34
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
35
-
36
- var HomeFooter = /*#__PURE__*/function (_React$Component) {
37
- _inherits(HomeFooter, _React$Component);
38
-
39
- var _super = _createSuper(HomeFooter);
40
-
41
- function HomeFooter() {
42
- _classCallCheck(this, HomeFooter);
43
-
44
- return _super.apply(this, arguments);
16
+ /*eslint-disable*/
17
+ // used for making the prop types of this component
18
+ class HomeFooter extends _react.default.Component {
19
+ render() {
20
+ return /*#__PURE__*/_react.default.createElement("footer", {
21
+ className: "footer" + (this.props.default ? " footer-default" : "")
22
+ }, /*#__PURE__*/_react.default.createElement(_reactstrap.Container, {
23
+ fluid: this.props.fluid ? true : false
24
+ }, /*#__PURE__*/_react.default.createElement("ul", {
25
+ className: "nav"
26
+ }, /*#__PURE__*/_react.default.createElement("li", {
27
+ className: "nav-item"
28
+ }, /*#__PURE__*/_react.default.createElement("a", {
29
+ className: "nav-link",
30
+ href: "https://www.creative-tim.com"
31
+ }, "Creative Tim", " "), " "), " ", /*#__PURE__*/_react.default.createElement("li", {
32
+ className: "nav-item"
33
+ }, /*#__PURE__*/_react.default.createElement("a", {
34
+ className: "nav-link",
35
+ href: "https://www.creative-tim.com/presentation"
36
+ }, "About us", " "), " "), " ", /*#__PURE__*/_react.default.createElement("li", {
37
+ className: "nav-item"
38
+ }, /*#__PURE__*/_react.default.createElement("a", {
39
+ className: "nav-link",
40
+ href: "https://blog.creative-tim.com"
41
+ }, "Blog", " "), " "), " "), " ", /*#__PURE__*/_react.default.createElement("div", {
42
+ className: "copyright"
43
+ }, " ", "\xA9", new Date().getFullYear(), "made with ", /*#__PURE__*/_react.default.createElement("i", {
44
+ className: "tim-icons icon-heart-2"
45
+ }), " by", " ", /*#__PURE__*/_react.default.createElement("a", {
46
+ href: "https://www.creative-tim.com/",
47
+ target: "_blank"
48
+ }, "Creative Tim", " "), " ", "for a better web.", " "), " "), " ");
45
49
  }
46
50
 
47
- _createClass(HomeFooter, [{
48
- key: "render",
49
- value: function render() {
50
- return /*#__PURE__*/_react.default.createElement("footer", {
51
- className: "footer" + (this.props.default ? " footer-default" : "")
52
- }, /*#__PURE__*/_react.default.createElement(_reactstrap.Container, {
53
- fluid: this.props.fluid ? true : false
54
- }, /*#__PURE__*/_react.default.createElement("ul", {
55
- className: "nav"
56
- }, /*#__PURE__*/_react.default.createElement("li", {
57
- className: "nav-item"
58
- }, /*#__PURE__*/_react.default.createElement("a", {
59
- className: "nav-link",
60
- href: "https://www.creative-tim.com"
61
- }, "Creative Tim", " "), " "), " ", /*#__PURE__*/_react.default.createElement("li", {
62
- className: "nav-item"
63
- }, /*#__PURE__*/_react.default.createElement("a", {
64
- className: "nav-link",
65
- href: "https://www.creative-tim.com/presentation"
66
- }, "About us", " "), " "), " ", /*#__PURE__*/_react.default.createElement("li", {
67
- className: "nav-item"
68
- }, /*#__PURE__*/_react.default.createElement("a", {
69
- className: "nav-link",
70
- href: "https://blog.creative-tim.com"
71
- }, "Blog", " "), " "), " "), " ", /*#__PURE__*/_react.default.createElement("div", {
72
- className: "copyright"
73
- }, " ", "\xA9", new Date().getFullYear(), "made with ", /*#__PURE__*/_react.default.createElement("i", {
74
- className: "tim-icons icon-heart-2"
75
- }), " by", " ", /*#__PURE__*/_react.default.createElement("a", {
76
- href: "https://www.creative-tim.com/",
77
- target: "_blank"
78
- }, "Creative Tim", " "), " ", "for a better web.", " "), " "), " ");
79
- }
80
- }]);
81
-
82
- return HomeFooter;
83
- }(_react.default.Component);
51
+ }
84
52
 
85
53
  HomeFooter.propTypes = {
86
54
  default: _propTypes.default.bool,