@agilemotion/oui-react-js 1.3.1 → 1.3.2

package/dist/components/Graph.js

@@ -62,32 +62,36 @@ class Graph {
     _defineProperty(this, "signal", event => {
       let nextNodeName = this.current.getNextNode(event);
 
-      if (!_Utils.default.isNull(nextNodeName)) {
-        var _iterator2 = _createForOfIteratorHelper(this.config.nodes),
-            _step2;
+      if (this.current.config.last && nextNodeName === null) {
+        _ApplicationContext.default.removeLoadedGraph();
+      } else {
+        if (!_Utils.default.isNull(nextNodeName)) {
+          var _iterator2 = _createForOfIteratorHelper(this.config.nodes),
+              _step2;
 
-        try {
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            const node = _step2.value;
+          try {
+            for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+              const node = _step2.value;
 
-            if (node.name === nextNodeName) {
-              this.current = new _GraphNode.default(node);
-              this.addNodeToPath(this.current);
+              if (node.name === nextNodeName) {
+                this.current = new _GraphNode.default(node);
+                this.addNodeToPath(this.current);
 
-              _ActionHandlers.default.invokeHandler(node.action, null, null, this.config.id);
+                _ActionHandlers.default.invokeHandler(node.action, null, null, this.config.id);
 
-              break;
+                break;
+              }
             }
+          } catch (err) {
+            _iterator2.e(err);
+          } finally {
+            _iterator2.f();
           }
-        } catch (err) {
-          _iterator2.e(err);
-        } finally {
-          _iterator2.f();
         }
-      }
 
-      if (this.current === null) {
-        console.error("Node name could not be found : " + nextNodeName);
+        if (this.current === null) {
+          console.error("Node name could not be found : " + nextNodeName);
+        }
       }
     });
 
@@ -184,6 +188,10 @@ class Graph {
     return this.modelData;
   }
 
+  set model(model) {
+    this.modelData = model;
+  }
+
   get id() {
     return this.config.id;
   }

package/dist/components/GraphNode.js

@@ -81,8 +81,6 @@ class GraphNode {
 
       if (activeEdge !== null) {
         return activeEdge.targetNodeName;
-      } else {
-        console.error("Could not evaulate next link : " + JSON.stringify(this.config));
       }
 
       return null;

package/dist/components/Icon.js

@@ -23,6 +23,10 @@ var _Error = _interopRequireDefault(require("@material-ui/icons/Error"));
 
 var _CloudDownload = _interopRequireDefault(require("@material-ui/icons/CloudDownload"));
 
+var _Work = _interopRequireDefault(require("@material-ui/icons/Work"));
+
+var _Person = _interopRequireDefault(require("@material-ui/icons/Person"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
@@ -53,6 +57,10 @@ class Icon extends _react.Component {
       return /*#__PURE__*/_react.default.createElement(_CloudDownload.default, null);
     } else if (this.props.id === 'SEARCH') {
       return /*#__PURE__*/_react.default.createElement(_Search.default, null);
+    } else if (this.props.id === 'WORK') {
+      return /*#__PURE__*/_react.default.createElement(_Work.default, null);
+    } else if (this.props.id === 'PERSON') {
+      return /*#__PURE__*/_react.default.createElement(_Person.default, null);
     } else if (this.props.id === 'ERROR') {
       return /*#__PURE__*/_react.default.createElement(_Error.default, {
         style: {

package/dist/components/SignaturePanel.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Utils = _interopRequireDefault(require("../Utils"));
+
+var _Observable = _interopRequireDefault(require("../event/Observable"));
+
+var _RestUtils = require("../RestUtils");
+
+var _ServiceCallActionHandler = _interopRequireDefault(require("../event/ServiceCallActionHandler"));
+
+var _DocumentContainer = _interopRequireDefault(require("@agilemotion/signi-vault-ui/dist/DocumentContainer"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+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."); }
+
+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); }
+
+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; }
+
+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; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+const SignaturePanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const _React$useState = _react.default.useState(true),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        initializing = _React$useState2[0],
+        setInitializing = _React$useState2[1];
+
+  const _React$useState3 = _react.default.useState(null),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        value = _React$useState4[0],
+        setValue = _React$useState4[1];
+
+  const _React$useState5 = _react.default.useState({}),
+        _React$useState6 = _slicedToArray(_React$useState5, 1),
+        handle = _React$useState6[0];
+
+  _react.default.useEffect(() => {
+    props.handle.api = api();
+
+    if (initializing) {
+      let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+
+      _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, props.handle, props.viewId);
+
+      _Observable.default.addSystemSubscriptions(parsedConfig);
+
+      setInitializing(false);
+
+      if (!_Utils.default.isNull(props.loadCompleteHandler)) {
+        props.loadCompleteHandler(props.config.id);
+      }
+    }
+  });
+
+  const api = () => {
+    return {
+      get id() {
+        return props.config.id;
+      },
+
+      get value() {
+        if (!_Utils.default.isNull(handle.api)) {
+          return handle.api.value;
+        }
+
+        return null;
+      },
+
+      loadData: actionConfig => {
+        let service = !_Utils.default.isNull(props.config.dataService) ? props.config.dataService : actionConfig !== null ? actionConfig.dataService : null;
+
+        if (!_Utils.default.isNull(service)) {
+          if (service.type === 'remoteObjectProxy') {
+            (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, result => {
+              setValue(result);
+            }, e => {}, parameter => {});
+          } else {
+            if (_Utils.default.isNull(actionConfig)) {
+              actionConfig = {};
+            }
+
+            actionConfig.service = service;
+
+            _ServiceCallActionHandler.default.execute(actionConfig, null, null, props.viewId, data => {
+              setValue(data);
+            }, () => {});
+          }
+        }
+      }
+    };
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, value !== null ? /*#__PURE__*/_react.default.createElement(_DocumentContainer.default, {
+    handle: handle,
+    config: value
+  }) : /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      padding: '32px 0 32px 48px'
+    }
+  }, "Loading..."));
+}));
+
+var _default = SignaturePanel;
+exports.default = _default;

package/dist/components/StepperTitleBar.js

@@ -100,6 +100,8 @@ const StepperTitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
         recalcLinePosition();
       });
     }
+
+    recalcLinePosition();
   });
 
   const recalcLinePosition = () => {
@@ -141,7 +143,7 @@ const StepperTitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: graphicsCounter < currentIndex ? "".concat(classes.theme, " stepDotVisited") : graphicsCounter === currentIndex ? "".concat(classes.theme, " stepDotActive") : 'stepDot'
-    }, step.index), graphicsCounter === currentIndex ? /*#__PURE__*/_react.default.createElement("div", {
+    }, step.index + 1), graphicsCounter === currentIndex ? /*#__PURE__*/_react.default.createElement("div", {
       className: "stepTitle",
       id: "titleDiv"
     }, step.title) : null));
@@ -179,7 +181,7 @@ const StepperTitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
       fontSize: '24px',
       color: '#202124',
       padding: "16px 0",
-      width: "60%"
+      width: "70%"
     }
   }, !_Utils.default.isNull(steps) && !_Utils.default.isNull(segmentPercentage) && !_Utils.default.isNull(currentIndex) ? render() : null) : null);
 }));

package/dist/components/dashboard/{BasicBusinessApp.js → BasicBusinessAppDashboard.js}

@@ -47,7 +47,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 let ps;
 
-const BasicBusinessApp = props => {
+const BasicBusinessAppDashboard = props => {
   const _React$useState = _react.default.useState(true),
         _React$useState2 = _slicedToArray(_React$useState, 2),
         navDrawerOpen = _React$useState2[0],
@@ -193,31 +193,31 @@ const BasicBusinessApp = props => {
         }
       }
 
-      let createNewRoutes = [];
+      let newRoutes = [];
       let newRoute = {};
       newRoute.name = "Dashboard";
       newRoute.icon = "fa fa-pie-chart";
       newRoute.layout = "/admin";
       newRoute.level = 0;
       newRoute.isParent = true;
-      createNewRoutes.push(newRoute);
+      newRoutes.push(newRoute);
 
       if (!_Utils.default.isNull(props.settings.systemProfileDto.modules)) {
         for (let i = 0; i < props.settings.systemProfileDto.modules.length; i++) {
           let module = props.settings.systemProfileDto.modules[i];
-          let createRoute = {};
-          createRoute.name = module.label;
-          createRoute.icon = module.icon;
-          createRoute.layout = "/admin";
-          createRoute.level = 0;
+          let route = {};
+          route.name = module.label;
+          route.icon = module.icon;
+          route.layout = "/admin";
+          route.level = 0;
 
           if (module.menuBar && module.menuBar.menus.length > 0) {
-            createRoute.collapse = true;
-            createRoute.state = module.name + "Collapse";
-            createRoute.views = getViews(module.menuBar.menus, 1);
+            route.collapse = true;
+            route.state = module.name + "Collapse";
+            route.views = getViews(module.menuBar.menus, 1);
           }
 
-          createNewRoutes.push(createRoute);
+          newRoutes.push(route);
         }
       }
 
@@ -230,8 +230,8 @@ const BasicBusinessApp = props => {
       newRoute.level = 0;
       newRoute.state = "settingsMenuCollapse";
       newRoute.views = getViews(props.settings.settingsMenu.menus, 1);
-      createNewRoutes.push(newRoute);
-      setRoutes(createNewRoutes);
+      newRoutes.push(newRoute);
+      setRoutes(newRoutes);
       props.settings.dashboardMenu = createNewMenu.items.length > 0 ? dashboardMenu : null;
       setLoading(false);
     }
@@ -395,6 +395,7 @@ const BasicBusinessApp = props => {
     activeColor: "agility",
     secondaryThemeColor: secondaryThemeColor,
     activeRouteMenu: 'Dashboard',
+    className: "sidebar",
     dashboardLauncher: () => {
       launcDashboard();
     },
@@ -425,9 +426,9 @@ const BasicBusinessApp = props => {
   }))), " "));
 };
 
-BasicBusinessApp.propTypes = {
+BasicBusinessAppDashboard.propTypes = {
   children: _propTypes.default.element,
   width: _propTypes.default.number
 };
-var _default = BasicBusinessApp;
+var _default = BasicBusinessAppDashboard;
 exports.default = _default;

package/dist/components/dashboard/BusinessPortalAppDashboard.css

@@ -0,0 +1,5 @@
+.portal-dashboard-content {
+    height: calc(100vh - 48px);
+    background-color: #f1f1f1;
+    margin-top: 0;
+}

package/dist/components/dashboard/BusinessPortalAppDashboard.js

@@ -0,0 +1,191 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Utils = _interopRequireDefault(require("../../Utils"));
+
+var _PortalNavbar = _interopRequireDefault(require("../navbars/PortalNavbar"));
+
+require("./BusinessPortalAppDashboard.css");
+
+var _Workspace = _interopRequireDefault(require("./components/portal/Workspace"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; } } }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+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."); }
+
+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); }
+
+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; }
+
+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; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+let ps;
+
+const BusinessPortalAppDashboard = props => {
+  const _React$useState = _react.default.useState(true),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        loading = _React$useState2[0],
+        setLoading = _React$useState2[1];
+
+  const _React$useState3 = _react.default.useState([]),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        routes = _React$useState4[0],
+        setRoutes = _React$useState4[1];
+
+  const _React$useState5 = _react.default.useState("data:image/png;base64," + props.logo),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        logo = _React$useState6[0],
+        setLogo = _React$useState6[1];
+
+  const getItems = (items, level) => {
+    let newItems = [];
+
+    for (let i = 0; i < items.length; i++) {
+      let createItem = {};
+      createItem.name = items[i].attributes.label;
+      createItem.mini = "SS";
+      createItem.layout = "/admin";
+      createItem.item = items[i];
+      createItem.level = level;
+
+      if (!_Utils.default.isNull(items[i].subMenu)) {
+        createItem.collapse = true;
+        createItem.state = items[i].id + "SubMenuCollapse";
+        createItem.views = getItems(items[i].subMenu.items, level + 1);
+      }
+
+      newItems.push(createItem);
+    }
+
+    return newItems;
+  };
+
+  const getViews = (menus, level) => {
+    let newViews = [];
+
+    for (let i = 0; i < menus.length; i++) {
+      let createView = {};
+      createView.name = menus[i].attributes.label;
+      createView.mini = "SS";
+      createView.layout = "/admin";
+      createView.level = level;
+      createView.item = menus[i];
+
+      if (menus[i].items && menus[i].items.length > 0) {
+        createView.collapse = true;
+        createView.state = menus[i].id + "Collapse";
+        createView.views = getItems(menus[i].items, level + 1);
+      }
+
+      newViews.push(createView);
+    }
+
+    return newViews;
+  };
+
+  _react.default.useEffect(() => {
+    document.body.classList.add("white-content");
+
+    if (navigator.platform.indexOf("Win") > -1) {
+      ps.destroy();
+      document.documentElement.className.add("perfect-scrollbar-off");
+      document.documentElement.classList.remove("perfect-scrollbar-on");
+    }
+
+    window.removeEventListener("scroll", showNavbarButton); //dispatch(actionCreators.setSecondaryThemeColor(props.settings.systemProfileDto.secondCorporateBrandColor));
+
+    if (!_Utils.default.isNull(props.settings)) {
+      //alert(JSON.stringify(props.settings.menu));
+      let newRoutes = [];
+
+      var _iterator = _createForOfIteratorHelper(props.settings.menu.menus),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          const menu = _step.value;
+          let newRoute = {};
+          newRoute.name = menu.attributes.label;
+
+          if (!_Utils.default.isNull(menu.icon)) {
+            newRoute.icon = menu.icon;
+          }
+
+          newRoute.layout = "/admin";
+          newRoute.level = 0;
+          newRoute.isParent = true;
+          newRoute.item = menu;
+          newRoutes.push(newRoute);
+
+          if (!_Utils.default.isNull(menu.items) && menu.items.length > 0) {
+            newRoute.collapse = true;
+            newRoute.state = menu.name + "Collapse";
+            newRoute.views = getViews(menu.items, 1);
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+
+      setRoutes(newRoutes);
+      setLoading(false);
+    }
+  }, [props.settings]);
+
+  const handleMiniClick = () => {};
+
+  const showNavbarButton = () => {
+    if (document.documentElement.scrollTop > 50 || document.scrollingElement.scrollTop > 50) {//setOpacity(1);
+    } else if (document.documentElement.scrollTop <= 50 || document.scrollingElement.scrollTop <= 50) {//setOpacity(0);
+    }
+  };
+
+  return loading ? /*#__PURE__*/_react.default.createElement("div", null, "Loading...") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "wrapper",
+    style: {
+      height: '100%',
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "row-*-*"
+  }, /*#__PURE__*/_react.default.createElement(_PortalNavbar.default, {
+    logoutCallBack: props.logoutCallBack,
+    appLogoPath: props.appLogoPath,
+    avatar: props.avatar,
+    logo: {
+      outterLink: "",
+      text: "",
+      imgSrc: logo
+    }
+  }), " "), /*#__PURE__*/_react.default.createElement("div", {
+    className: "portal-dashboard-content"
+  }, /*#__PURE__*/_react.default.createElement(_Workspace.default, {
+    routes: routes,
+    heading: "Welcome, " + props.settings.userFirstName,
+    activeRouteMenu: 'My Work Items',
+    secondaryColor: props.settings.secondaryColor
+  }))));
+};
+
+BusinessPortalAppDashboard.propTypes = {
+  children: _propTypes.default.element,
+  width: _propTypes.default.number
+};
+var _default = BusinessPortalAppDashboard;
+exports.default = _default;

package/dist/components/dashboard/components/blackDashboard/sidebar/Sidebar.js

@@ -13,6 +13,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _perfectScrollbar = _interopRequireDefault(require("perfect-scrollbar"));
 
+var _Utils = _interopRequireDefault(require("../../../../../Utils"));
+
 var _reactstrap = require("reactstrap");
 
 var _MenuLink = _interopRequireDefault(require("../../../../menu/MenuLink"));
@@ -72,7 +74,7 @@ class Sidebar extends _react.default.Component {
           return null;
         }
 
-        if ((prop.collapse || prop.isParent) && prop.name !== 'Dashboard') {
+        if ((prop.collapse || prop.isParent) && prop.name !== 'Dashboard' && prop.name !== 'My Work Items') {
           var st = {};
           st[prop["state"]] = !this.state[prop.state];
           return /*#__PURE__*/_react.default.createElement("li", {
@@ -125,11 +127,11 @@ class Sidebar extends _react.default.Component {
           } : {}
         }, /*#__PURE__*/_react.default.createElement(_MenuLink.default, {
           config: prop.item,
-          ref: /*#__PURE__*/_react.default.createRef(),
           clickCallback: prop.name === 'Dashboard' ? this.props.dashboardLauncher : null,
+          autoClick: prop.name === 'My Work Items',
           viewId: "menuBar",
           icon: prop.icon,
-          iconColor: prop.name === 'Dashboard' && this.activeRoute(prop.name) ? secondaryThemeColor : null,
+          iconColor: (prop.name === 'Dashboard' || prop.name === 'My Work Items') && this.activeRoute(prop.name) ? secondaryThemeColor : null,
           name: prop.name,
           level: prop.level,
           color: this.activeRoute(prop.name) ? secondaryThemeColor : null
@@ -142,9 +144,7 @@ class Sidebar extends _react.default.Component {
       return this.props.activeRouteMenu === routeName;
     });
 
-    this.state = this.getCollapseStates(props.routes);
-
-    _DashboardStore.actionCreators.setActiveRoute('Dashboard');
+    this.state = this.getCollapseStates(props.routes); //actionCreators.setActiveRoute(Utils.isNull(props.activeRouteMenu) ? 'Dashboard' : props.activeRouteMenu);
   } // this creates the intial state of this component based on the collapse routes
   // that it gets through this.props.routes
 
@@ -190,7 +190,7 @@ class Sidebar extends _react.default.Component {
     let logoImg = null;
     let logoText = null;
 
-    if (logo !== undefined) {
+    if (!_Utils.default.isNull(logo)) {
       logoImg = /*#__PURE__*/_react.default.createElement("a", {
         href: logo.outterLink,
         className: "logo-normal",
@@ -213,7 +213,7 @@ class Sidebar extends _react.default.Component {
     }
 
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "sidebar",
+      className: this.props.className,
       data: activeColor,
       style: {
         overflow: 'auto',
@@ -237,7 +237,17 @@ class Sidebar extends _react.default.Component {
         alignItems: 'center',
         height: '100%'
       }
-    }, " ", logoImg, " ") : null, " ")), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
+    }, " ", logoImg, " ") : null, " ", !_Utils.default.isNull(this.props.heading) ? /*#__PURE__*/_react.default.createElement("div", {
+      className: "logo",
+      style: {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        height: '100%',
+        fontSize: '20px',
+        fontWeight: 600
+      }
+    }, this.props.heading) : null)), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
       style: {
         height: '70%'
       },
@@ -258,7 +268,7 @@ class Sidebar extends _react.default.Component {
         justifyContent: 'center',
         height: '92px'
       }
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, !_Utils.default.isNull(this.props.appLogoPath) ? /*#__PURE__*/_react.default.createElement("div", {
       style: {
         display: 'flex',
         justifyContent: 'center',
@@ -269,11 +279,12 @@ class Sidebar extends _react.default.Component {
     }, /*#__PURE__*/_react.default.createElement("img", {
       src: this.props.appLogoPath,
       alt: "..."
-    }))), /*#__PURE__*/_react.default.createElement("div", {
+    }))) : null, /*#__PURE__*/_react.default.createElement("div", {
       style: {
         display: 'flex',
         justifyContent: 'center',
-        alignItems: 'center'
+        alignItems: 'center',
+        marginTop: '8px'
       }
     }, "Copyrights \xA9 ", 1900 + new Date().getYear(), " ", " ")))))));
   }

package/dist/components/dashboard/components/portal/Timeline.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const Timeline = props => {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "I am deeee timeline");
+};
+
+var _default = Timeline;
+exports.default = _default;

package/dist/components/dashboard/components/portal/Workspace.css

@@ -0,0 +1,25 @@
+.workspace-container {
+    height: 100vh;
+    width: 100vw;
+}
+
+.workspace-left {
+    width: 32%;
+    padding-right: 6px;
+}
+
+.workspace-right {
+    width: 55%;
+    margin: 32px;
+    border: 1px solid #e1e1e1;
+    height: calc(100vh - 122px) !important;
+}
+
+.sidebar-customizer {
+    position: relative !important;
+    margin-top: 32px !important;
+    height: auto !important;
+    max-height: calc(100vh - 122px) !important;
+    box-shadow: none !important;
+    border: 1px solid #e1e1e1;
+}