@agilemotion/oui-react-js 1.6.1 → 1.6.3

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 (228) hide show
  1. package/dist/ApplicationManager.js +698 -421
  2. package/dist/BasicApp.js +5 -5
  3. package/dist/BasicAppHome.js +55 -26
  4. package/dist/DynamicJS.js +147 -65
  5. package/dist/InteractionPortalApp.css +1 -1
  6. package/dist/InteractionPortalApp.js +5 -5
  7. package/dist/InteractionPortalAppHome.js +57 -22
  8. package/dist/InteractionPortalApp_old.js +107 -61
  9. package/dist/RestUtils.js +339 -287
  10. package/dist/TypedValue.js +18 -15
  11. package/dist/Utils.js +375 -276
  12. package/dist/WithRouter.js +6 -6
  13. package/dist/assets/jss/components/authNavbarStyle.js +166 -164
  14. package/dist/assets/jss/components/buttonStyle.js +1 -1
  15. package/dist/assets/jss/components/cardAvatarStyle.js +1 -1
  16. package/dist/assets/jss/components/cardBodyStyle.js +1 -1
  17. package/dist/assets/jss/components/cardFooterStyle.js +1 -1
  18. package/dist/assets/jss/components/cardHeaderStyle.js +13 -13
  19. package/dist/assets/jss/components/cardIconStyle.js +1 -1
  20. package/dist/assets/jss/components/cardStyle.js +1 -1
  21. package/dist/assets/jss/components/cardTextStyle.js +1 -1
  22. package/dist/assets/jss/components/customDropdownStyle.js +168 -169
  23. package/dist/assets/jss/components/customInputStyle.js +9 -3
  24. package/dist/assets/jss/components/dropdownStyle.js +69 -69
  25. package/dist/assets/jss/components/footerStyle.js +19 -13
  26. package/dist/assets/jss/components/headerLinksStyle.js +45 -48
  27. package/dist/assets/jss/components/headerStyle.js +68 -65
  28. package/dist/assets/jss/components/navbarLinksStyle.js +66 -77
  29. package/dist/assets/jss/components/navbarStyle.js +79 -76
  30. package/dist/assets/jss/components/sidebarStyle.js +436 -436
  31. package/dist/assets/jss/components/typographyStyle.js +9 -3
  32. package/dist/assets/jss/rootStyle.js +96 -81
  33. package/dist/assets/jss/views/layoutStyle.js +44 -41
  34. package/dist/assets/jss/views/loginBasicStyle.js +1 -1
  35. package/dist/assets/jss/views/loginBusinessPortalStyle.js +1 -1
  36. package/dist/assets/jss/views/loginStyle.js +82 -77
  37. package/dist/components/AlertBar.js +50 -17
  38. package/dist/components/AlertItem.js +35 -12
  39. package/dist/components/AlertTemplate.js +30 -29
  40. package/dist/components/Button.js +62 -34
  41. package/dist/components/Calendar.js +140 -91
  42. package/dist/components/ConfirmationDialog.js +36 -11
  43. package/dist/components/DataGrid.js +512 -270
  44. package/dist/components/DataGridColumn.js +47 -22
  45. package/dist/components/DataGridFilter.js +186 -105
  46. package/dist/components/DataGridHeading.js +50 -32
  47. package/dist/components/Dialog.js +90 -35
  48. package/dist/components/DocumentTemplateDesigner.js +34 -16
  49. package/dist/components/DocumentTemplateDesignerComponent.js +124 -48
  50. package/dist/components/DocumentTemplatePlaceholderDialog.js +52 -30
  51. package/dist/components/DocumentViewer.js +34 -18
  52. package/dist/components/DocumentViewerComponent.js +26 -9
  53. package/dist/components/ElementResizeHandler.js +229 -207
  54. package/dist/components/FileThumb.js +32 -10
  55. package/dist/components/Graph.js +153 -85
  56. package/dist/components/GraphNode.js +58 -38
  57. package/dist/components/HtmlPanel.js +67 -39
  58. package/dist/components/Icon.js +206 -166
  59. package/dist/components/LoadingIndicator.js +3 -3
  60. package/dist/components/LottieIcon.js +1 -1
  61. package/dist/components/PopupView.js +39 -19
  62. package/dist/components/Portlet.js +32 -17
  63. package/dist/components/RegularButton.js +28 -32
  64. package/dist/components/SignaturePanel.js +37 -17
  65. package/dist/components/SocketManager.js +178 -119
  66. package/dist/components/StepperTitleBar.js +62 -42
  67. package/dist/components/TabPage.js +30 -25
  68. package/dist/components/TabPanel.js +86 -33
  69. package/dist/components/TableCellContent.js +51 -32
  70. package/dist/components/TemplateDesigner.js +173 -121
  71. package/dist/components/TemplateItemEventHandler.js +335 -221
  72. package/dist/components/TemplateTable.js +183 -118
  73. package/dist/components/TitleBar.js +26 -11
  74. package/dist/components/Toolbar.js +67 -38
  75. package/dist/components/Tooltip.js +43 -35
  76. package/dist/components/Tree.js +85 -44
  77. package/dist/components/UseIsVisible.js +25 -4
  78. package/dist/components/card/Card.js +27 -33
  79. package/dist/components/card/CardAvatar.js +20 -19
  80. package/dist/components/card/CardBody.js +24 -27
  81. package/dist/components/card/CardFooter.js +23 -24
  82. package/dist/components/card/CardHeader.js +24 -27
  83. package/dist/components/card/CardIcon.js +17 -13
  84. package/dist/components/card/CardText.js +17 -13
  85. package/dist/components/customInput/CustomInput.js +22 -36
  86. package/dist/components/dashboard/{BasicBusinessAppDashboard.js → FoldingSideTabDashboard.js} +111 -63
  87. package/dist/components/dashboard/SideMenuModuleDashboard.css +60 -0
  88. package/dist/components/dashboard/SideMenuModuleDashboard.js +423 -0
  89. package/dist/components/dashboard/TopMenuModuleDashboard.js +138 -0
  90. package/dist/components/dashboard/components/Header.js +29 -12
  91. package/dist/components/dashboard/components/LeftDrawer.js +3 -5
  92. package/dist/components/dashboard/components/UserIdentity.js +2 -2
  93. package/dist/components/dashboard/components/blackDashboard/fixedPlugin/FixedPlugin.js +131 -87
  94. package/dist/components/dashboard/components/blackDashboard/sidebar/FoldingTabSidebar.js +488 -0
  95. package/dist/components/dashboard/components/blackDashboard/sidebar/ModuleMenu.js +64 -0
  96. package/dist/components/dashboard/components/blackDashboard/sidebar/ModuleMenuSidebar.css +65 -0
  97. package/dist/components/dashboard/components/blackDashboard/sidebar/ModuleMenuSidebar.js +556 -0
  98. package/dist/components/dashboard/components/portal/Timeline.js +1 -1
  99. package/dist/components/dashboard/components/portal/Workspace.js +5 -11
  100. package/dist/components/footer/Footer.js +31 -24
  101. package/dist/components/footer/HomeFooter.js +68 -34
  102. package/dist/components/form/AddressSearch.js +78 -42
  103. package/dist/components/form/AutoComplete.js +136 -55
  104. package/dist/components/form/BaseField.js +108 -56
  105. package/dist/components/form/Checkbox.js +10 -8
  106. package/dist/components/form/DatePicker.js +47 -25
  107. package/dist/components/form/FieldSet.js +217 -84
  108. package/dist/components/form/Form.js +334 -200
  109. package/dist/components/form/GridField.js +185 -82
  110. package/dist/components/form/IconField.js +9 -7
  111. package/dist/components/form/ImageEditor.js +141 -92
  112. package/dist/components/form/LabelField.js +12 -10
  113. package/dist/components/form/LookupField.js +54 -32
  114. package/dist/components/form/MultiFileUploadField.js +101 -67
  115. package/dist/components/form/RadioGroup.js +33 -16
  116. package/dist/components/form/Section.js +84 -34
  117. package/dist/components/form/SelectItem.js +55 -33
  118. package/dist/components/form/SignatureTemplateDesignerField.js +11 -9
  119. package/dist/components/form/Switch.js +10 -8
  120. package/dist/components/form/TextField.js +34 -16
  121. package/dist/components/form/TimePicker.js +19 -15
  122. package/dist/components/form/TransferList.js +153 -75
  123. package/dist/components/form/UploadField.js +183 -128
  124. package/dist/components/grid/GridContainer.js +12 -8
  125. package/dist/components/grid/GridItem.js +12 -8
  126. package/dist/components/layout/CollapsiblePanel.js +44 -18
  127. package/dist/components/layout/Layout.js +81 -40
  128. package/dist/components/layout/VC.css +1 -1
  129. package/dist/components/layout/View.js +136 -62
  130. package/dist/components/layout/ViewContainer.js +13 -11
  131. package/dist/components/layout/ViewPort.js +25 -10
  132. package/dist/components/layout/Window.js +87 -53
  133. package/dist/components/layout/WindowViewPort.js +38 -16
  134. package/dist/components/media/ClosablePanel.js +7 -7
  135. package/dist/components/media/LobbyWaitingList.js +7 -9
  136. package/dist/components/media/MediaSoupHelper.js +379 -187
  137. package/dist/components/media/SideBarContent.js +22 -14
  138. package/dist/components/media/SocketRequest.js +5 -1
  139. package/dist/components/media/SocketResponse.js +5 -1
  140. package/dist/components/media/Timer.js +35 -15
  141. package/dist/components/media/Toolbar.css +5 -0
  142. package/dist/components/media/Toolbar.js +220 -102
  143. package/dist/components/media/ToolbarButton.js +82 -33
  144. package/dist/components/media/Toolbar_bck.js +142 -70
  145. package/dist/components/media/Tracks.js +31 -28
  146. package/dist/components/media/TrainingRoom.js +284 -121
  147. package/dist/components/media/Transports.js +27 -24
  148. package/dist/components/media/VCEventManager.js +95 -31
  149. package/dist/components/media/VCEventType.js +5 -1
  150. package/dist/components/media/VCParticipantList.js +40 -14
  151. package/dist/components/media/VCParticipantListItem.js +92 -41
  152. package/dist/components/media/VCRoom.js +29 -11
  153. package/dist/components/media/VCRoomParticipant.js +488 -242
  154. package/dist/components/media/VCRoomRecorder.js +236 -175
  155. package/dist/components/media/VCRoomWorkspace.js +505 -245
  156. package/dist/components/media/Video.js +89 -25
  157. package/dist/components/media/VideoPlayer.js +56 -22
  158. package/dist/components/media/chat/ChatRoom.js +255 -132
  159. package/dist/components/media/chat/ChatRoomItem.js +35 -14
  160. package/dist/components/media/chat/ChatRoomList.js +43 -13
  161. package/dist/components/menu/CollapsibleMenu.js +39 -20
  162. package/dist/components/menu/MenuBars.js +81 -48
  163. package/dist/components/menu/MenuButton.js +95 -60
  164. package/dist/components/menu/MenuItem.js +28 -9
  165. package/dist/components/menu/MenuLink.js +12 -10
  166. package/dist/components/menu/PopupMenu.js +16 -12
  167. package/dist/components/navbars/AuthNavbar.js +27 -18
  168. package/dist/components/navbars/HomeNavbar.js +243 -194
  169. package/dist/components/navbars/PortalNavbar.js +50 -26
  170. package/dist/components/signatures/AgilitySignaturePanel.js +96 -39
  171. package/dist/components/signatures/AlertItem.js +36 -13
  172. package/dist/components/signatures/Card.js +4 -4
  173. package/dist/components/signatures/DocumentContainer.js +141 -57
  174. package/dist/components/signatures/ImageSignatureInput.js +90 -59
  175. package/dist/components/signatures/MenuButton.js +53 -33
  176. package/dist/components/signatures/Prompt.js +26 -5
  177. package/dist/components/signatures/ResponsiveTable.js +302 -197
  178. package/dist/components/signatures/SearchView.js +77 -36
  179. package/dist/components/signatures/SignatorySearch.js +30 -10
  180. package/dist/components/signatures/SignatorySearchForm.js +35 -18
  181. package/dist/components/signatures/SignatureInput.js +56 -26
  182. package/dist/components/signatures/SignatureInputProps.js +107 -55
  183. package/dist/components/signatures/SignatureTemplateDesigner.js +340 -235
  184. package/dist/components/signatures/Toolbar.js +135 -94
  185. package/dist/components/signatures/ViewUtils.js +273 -224
  186. package/dist/components/typography/Danger.js +3 -5
  187. package/dist/components/typography/Info.js +3 -5
  188. package/dist/components/typography/Link.js +3 -5
  189. package/dist/event/ActionHandlers.js +57 -43
  190. package/dist/event/Event.js +16 -13
  191. package/dist/event/EventListener.js +39 -36
  192. package/dist/event/EventType.js +5 -1
  193. package/dist/event/LoadDataActionHandler.js +20 -8
  194. package/dist/event/Observable.js +323 -142
  195. package/dist/event/RouteActionHandler.js +139 -125
  196. package/dist/event/ScriptActionHandler.js +20 -8
  197. package/dist/event/ServiceCallActionHandler.js +51 -39
  198. package/dist/event/SignalGraphActionHandler.js +19 -7
  199. package/dist/js/Addresses.js +38 -24
  200. package/dist/js/Calendar.js +168 -161
  201. package/dist/js/DynamicLib.js +14 -11
  202. package/dist/js/Media.js +213 -120
  203. package/dist/js/Validators.js +6 -5
  204. package/dist/js/Windows.js +48 -47
  205. package/dist/redux/store/ConfigureStore.js +17 -9
  206. package/dist/redux/store/DashboardStore.js +110 -43
  207. package/dist/redux/store/History.js +1 -1
  208. package/dist/redux/store/SecurityStore.js +59 -20
  209. package/dist/security/TokenManager.js +44 -30
  210. package/dist/theme-default.js +1 -1
  211. package/dist/view/Dashboard.js +230 -137
  212. package/dist/view/PortalDashboard.js +4 -4
  213. package/dist/view/Settings.js +4 -2
  214. package/dist/view/Views.js +27 -14
  215. package/dist/view/security/ChangePasswordBasic.js +97 -40
  216. package/dist/view/security/ForgotPassword.js +59 -22
  217. package/dist/view/security/ForgotPasswordBasic.js +62 -21
  218. package/dist/view/security/Login.js +64 -24
  219. package/dist/view/security/LoginBasic.js +65 -26
  220. package/dist/view/security/LoginInteractionPortal.js +62 -25
  221. package/dist/view/security/ResetPassword.js +65 -23
  222. package/dist/view/security/ResetPasswordBasic.js +91 -37
  223. package/dist/view/security/Security.js +12 -12
  224. package/package.json +2 -3
  225. package/dist/components/dashboard/BusinessPortalAppDashboard.js +0 -115
  226. package/dist/components/dashboard/components/blackDashboard/sidebar/Sidebar.js +0 -447
  227. /package/dist/components/dashboard/{BusinessPortalAppDashboard.css → TopMenuModuleDashboard.css} +0 -0
  228. /package/dist/components/dashboard/components/blackDashboard/sidebar/{Sidebar.css → FoldingTabSidebar.css} +0 -0
@@ -1,5 +1,7 @@
1
1
  "use strict";
2
2
 
3
+ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
@@ -9,33 +11,64 @@ var _react = _interopRequireWildcard(require("react"));
9
11
 
10
12
  var _reactstrap = require("reactstrap");
11
13
 
12
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
14
+ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
15
+
16
+ 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; }
17
+
18
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
19
+
20
+ 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); } }
21
+
22
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
23
+
24
+ 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); }
25
+
26
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
27
+
28
+ 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); }; }
29
+
30
+ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
31
+
32
+ function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
33
+
34
+ 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; } }
13
35
 
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; }
36
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
15
37
 
16
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; }
17
39
 
18
- class FixedPlugin extends _react.Component {
19
- componentW() {
20
- this.activateMode('light');
21
- }
40
+ var FixedPlugin = /*#__PURE__*/function (_Component) {
41
+ _inherits(FixedPlugin, _Component);
42
+
43
+ var _super = _createSuper(FixedPlugin);
44
+
45
+ _createClass(FixedPlugin, [{
46
+ key: "componentW",
47
+ value: function componentW() {
48
+ this.activateMode('light');
49
+ }
50
+ }]);
51
+
52
+ function FixedPlugin(props) {
53
+ var _this;
54
+
55
+ _classCallCheck(this, FixedPlugin);
22
56
 
23
- constructor(props) {
24
- super(props);
57
+ _this = _super.call(this, props);
25
58
 
26
- _defineProperty(this, "handleClick", () => {
27
- if (this.state.classes === "dropdown show-dropdown") {
28
- this.setState({
59
+ _defineProperty(_assertThisInitialized(_this), "handleClick", function () {
60
+ if (_this.state.classes === "dropdown show-dropdown") {
61
+ _this.setState({
29
62
  classes: "dropdown show-dropdown show"
30
63
  });
31
64
  } else {
32
- this.setState({
65
+ _this.setState({
33
66
  classes: "dropdown show-dropdown"
34
67
  });
35
68
  }
36
69
  });
37
70
 
38
- _defineProperty(this, "activateMode", mode => {
71
+ _defineProperty(_assertThisInitialized(_this), "activateMode", function (mode) {
39
72
  switch (mode) {
40
73
  case "light":
41
74
  document.body.classList.add("white-content");
@@ -47,85 +80,96 @@ class FixedPlugin extends _react.Component {
47
80
  }
48
81
  });
49
82
 
50
- this.state = {
83
+ _this.state = {
51
84
  classes: "dropdown show-dropdown"
52
85
  };
86
+ return _this;
53
87
  }
54
88
 
55
- render() {
56
- return /*#__PURE__*/_react.default.createElement("div", {
57
- className: "fixed-plugin"
58
- }, /*#__PURE__*/_react.default.createElement("div", {
59
- className: this.state.classes
60
- }, /*#__PURE__*/_react.default.createElement("div", {
61
- onClick: this.handleClick
62
- }, /*#__PURE__*/_react.default.createElement("i", {
63
- className: "fa fa-cog fa-2x"
64
- })), /*#__PURE__*/_react.default.createElement("ul", {
65
- className: "dropdown-menu show"
66
- }, /*#__PURE__*/_react.default.createElement("li", {
67
- className: "header-title"
68
- }, "SIDEBAR BACKGROUND"), /*#__PURE__*/_react.default.createElement("li", {
69
- className: "adjustments-line"
70
- }, /*#__PURE__*/_react.default.createElement("div", {
71
- className: "badge-colors text-center"
72
- }, /*#__PURE__*/_react.default.createElement("span", {
73
- className: this.props.bgColor === "primary" ? "badge filter badge-primary active" : "badge filter badge-primary",
74
- "data-color": "primary",
75
- onClick: () => {
76
- this.props.handleBgClick("primary");
77
- }
78
- }), " ", /*#__PURE__*/_react.default.createElement("span", {
79
- className: this.props.bgColor === "blue" ? "badge filter badge-info active" : "badge filter badge-info",
80
- "data-color": "blue",
81
- onClick: () => {
82
- this.props.handleBgClick("blue");
83
- }
84
- }), " ", /*#__PURE__*/_react.default.createElement("span", {
85
- className: this.props.bgColor === "green" ? "badge filter badge-success active" : "badge filter badge-success",
86
- "data-color": "green",
87
- onClick: () => {
88
- this.props.handleBgClick("green");
89
- }
90
- }), " ")), /*#__PURE__*/_react.default.createElement("li", {
91
- className: "adjustments-line text-center color-change"
92
- }, /*#__PURE__*/_react.default.createElement("span", {
93
- className: "color-label"
94
- }, "LIGHT MODE"), " ", /*#__PURE__*/_react.default.createElement("span", {
95
- className: "badge light-badge mr-2",
96
- onClick: () => this.activateMode("light")
97
- }), " ", /*#__PURE__*/_react.default.createElement("span", {
98
- className: "badge dark-badge ml-2",
99
- onClick: () => this.activateMode("dark")
100
- }), " ", /*#__PURE__*/_react.default.createElement("span", {
101
- className: "color-label"
102
- }, "DARK MODE"), " "), /*#__PURE__*/_react.default.createElement("li", {
103
- className: "button-container"
104
- }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
105
- href: "https://www.creative-tim.com/product/black-dashboard-react",
106
- color: "primary",
107
- block: true,
108
- className: "btn-round"
109
- }, "Download Now"), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
110
- color: "default",
111
- block: true,
112
- className: "btn-round",
113
- outline: true,
114
- href: "https://demos.creative-tim.com/black-dashboard-react/#/documentation/tutorial"
115
- }, "Documentation")), /*#__PURE__*/_react.default.createElement("li", {
116
- className: "header-title"
117
- }, "Want more components?"), /*#__PURE__*/_react.default.createElement("li", {
118
- className: "button-container"
119
- }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
120
- href: "https://www.creative-tim.com/product/black-dashboard-pro-react",
121
- className: "btn-round",
122
- disabled: true,
123
- block: true,
124
- color: "danger"
125
- }, "Get pro version")))));
126
- }
89
+ _createClass(FixedPlugin, [{
90
+ key: "render",
91
+ value: function render() {
92
+ var _this2 = this;
93
+
94
+ return /*#__PURE__*/_react.default.createElement("div", {
95
+ className: "fixed-plugin"
96
+ }, /*#__PURE__*/_react.default.createElement("div", {
97
+ className: this.state.classes
98
+ }, /*#__PURE__*/_react.default.createElement("div", {
99
+ onClick: this.handleClick
100
+ }, /*#__PURE__*/_react.default.createElement("i", {
101
+ className: "fa fa-cog fa-2x"
102
+ })), /*#__PURE__*/_react.default.createElement("ul", {
103
+ className: "dropdown-menu show"
104
+ }, /*#__PURE__*/_react.default.createElement("li", {
105
+ className: "header-title"
106
+ }, "SIDEBAR BACKGROUND"), /*#__PURE__*/_react.default.createElement("li", {
107
+ className: "adjustments-line"
108
+ }, /*#__PURE__*/_react.default.createElement("div", {
109
+ className: "badge-colors text-center"
110
+ }, /*#__PURE__*/_react.default.createElement("span", {
111
+ className: this.props.bgColor === "primary" ? "badge filter badge-primary active" : "badge filter badge-primary",
112
+ "data-color": "primary",
113
+ onClick: function onClick() {
114
+ _this2.props.handleBgClick("primary");
115
+ }
116
+ }), " ", /*#__PURE__*/_react.default.createElement("span", {
117
+ className: this.props.bgColor === "blue" ? "badge filter badge-info active" : "badge filter badge-info",
118
+ "data-color": "blue",
119
+ onClick: function onClick() {
120
+ _this2.props.handleBgClick("blue");
121
+ }
122
+ }), " ", /*#__PURE__*/_react.default.createElement("span", {
123
+ className: this.props.bgColor === "green" ? "badge filter badge-success active" : "badge filter badge-success",
124
+ "data-color": "green",
125
+ onClick: function onClick() {
126
+ _this2.props.handleBgClick("green");
127
+ }
128
+ }), " ")), /*#__PURE__*/_react.default.createElement("li", {
129
+ className: "adjustments-line text-center color-change"
130
+ }, /*#__PURE__*/_react.default.createElement("span", {
131
+ className: "color-label"
132
+ }, "LIGHT MODE"), " ", /*#__PURE__*/_react.default.createElement("span", {
133
+ className: "badge light-badge mr-2",
134
+ onClick: function onClick() {
135
+ return _this2.activateMode("light");
136
+ }
137
+ }), " ", /*#__PURE__*/_react.default.createElement("span", {
138
+ className: "badge dark-badge ml-2",
139
+ onClick: function onClick() {
140
+ return _this2.activateMode("dark");
141
+ }
142
+ }), " ", /*#__PURE__*/_react.default.createElement("span", {
143
+ className: "color-label"
144
+ }, "DARK MODE"), " "), /*#__PURE__*/_react.default.createElement("li", {
145
+ className: "button-container"
146
+ }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
147
+ href: "https://www.creative-tim.com/product/black-dashboard-react",
148
+ color: "primary",
149
+ block: true,
150
+ className: "btn-round"
151
+ }, "Download Now"), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
152
+ color: "default",
153
+ block: true,
154
+ className: "btn-round",
155
+ outline: true,
156
+ href: "https://demos.creative-tim.com/black-dashboard-react/#/documentation/tutorial"
157
+ }, "Documentation")), /*#__PURE__*/_react.default.createElement("li", {
158
+ className: "header-title"
159
+ }, "Want more components?"), /*#__PURE__*/_react.default.createElement("li", {
160
+ className: "button-container"
161
+ }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
162
+ href: "https://www.creative-tim.com/product/black-dashboard-pro-react",
163
+ className: "btn-round",
164
+ disabled: true,
165
+ block: true,
166
+ color: "danger"
167
+ }, "Get pro version")))));
168
+ }
169
+ }]);
127
170
 
128
- }
171
+ return FixedPlugin;
172
+ }(_react.Component);
129
173
 
130
174
  var _default = FixedPlugin;
131
175
  exports.default = _default;