@agilemotion/oui-react-js 1.3.1 → 1.3.3

package/dist/components/TitleBar.js

@@ -50,19 +50,26 @@ const TitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
 
       let eventHandlingConfig = _Utils.default.isNull(parsedConfig.eventHandlingConfig) ? {} : parsedConfig.eventHandlingConfig;
       eventHandlingConfig.subscriptions = _Utils.default.isNull(eventHandlingConfig.subscriptions) ? [] : eventHandlingConfig.subscriptions;
-      let subscription = {
-        publisher: "applicationContext",
-        eventType: _EventType.default.APPLICATION_CONTEXT_CHANGE,
-        actions: [{
-          actionType: "script",
-          script: {
-            lines: ["if($event.data.name === 'title'){", "   @#{".concat(props.config.id, "}.title = $event.data.value"), "}"]
-          }
-        }]
-      };
-      eventHandlingConfig.subscriptions.push(subscription);
-
-      _Observable.default.addSubscriptions(eventHandlingConfig, props.handle, props.viewId);
+
+      let titleValue = _Utils.default.getComponentAttribute(props.config, 'title', null);
+
+      if (_Utils.default.isNull(titleValue)) {
+        let subscription = {
+          publisher: "applicationContext",
+          eventType: _EventType.default.APPLICATION_CONTEXT_CHANGE,
+          actions: [{
+            actionType: "script",
+            script: {
+              lines: ["if($event.data.name === 'title'){", "   let component = @#{".concat(props.config.id, "};"), "   if(component) {", "      component.title = $event.data.value", "   }", "}"]
+            }
+          }]
+        };
+        eventHandlingConfig.subscriptions.push(subscription);
+
+        _Observable.default.addSubscriptions(eventHandlingConfig, props.handle, props.viewId);
+      } else {
+        setTitle(titleValue);
+      }
 
       props.loadCompleteHandler(props.config.id);
       setInitializing(false);
@@ -90,7 +97,7 @@ const TitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     ref: ref
   }, !_Utils.default.isNull(props.config) ? /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      padding: '32px 32px 4px 32px',
+      padding: '32px 0 4px 0',
       fontSize: '24px',
       color: '#202124'
     }

package/dist/components/Toolbar.js

@@ -278,7 +278,10 @@ const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     }, toolbar.sections.map(section => {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "col-*-*",
-        key: ++sectionKeyCounter
+        key: ++sectionKeyCounter,
+        style: {
+          textAlign: section.halign ? section.halign.toLowerCase() : null
+        }
       }, renderSection(section, counter++));
     }));
   }
@@ -295,11 +298,10 @@ const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
 
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
-    style: {
-      padding: _Utils.default.getComponentAttribute(props.config, 'padding', null),
+    style: _Utils.default.mergeStyles({
       borderBottom: getBorderBottom(),
-      margin: _Utils.default.getComponentAttribute(props.config, 'margin', '0px 32px 0px 32px')
-    }
+      margin: '0'
+    }, props.config)
   }, render(props.config));
 });
 

package/dist/components/Tree.js

@@ -179,9 +179,12 @@ const Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     if (!_Utils.default.isNull(service)) {
       (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, result => {
         try {
-          expand(result.data);
-          setRoot(result.data);
           props.loadCompleteHandler(props.config.id);
+
+          if (result.data) {
+            expand(result.data);
+            setRoot(result.data);
+          }
         } catch (e) {
           props.console.error(e);
 

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,45 +193,49 @@ 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);
+      console.log(props.settings.systemProfileDto);
 
       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);
         }
       }
 
-      newRoute = {};
-      newRoute.name = "Settings";
-      newRoute.icon = "fa fa-cog";
-      newRoute.layout = "/admin";
-      newRoute.isParent = true;
-      newRoute.collapse = true;
-      newRoute.level = 0;
-      newRoute.state = "settingsMenuCollapse";
-      newRoute.views = getViews(props.settings.settingsMenu.menus, 1);
-      createNewRoutes.push(newRoute);
-      setRoutes(createNewRoutes);
+      if (props.settings.settingsMenu) {
+        newRoute = {};
+        newRoute.name = "Settings";
+        newRoute.icon = "fa fa-cog";
+        newRoute.layout = "/admin";
+        newRoute.isParent = true;
+        newRoute.collapse = true;
+        newRoute.level = 0;
+        newRoute.state = "settingsMenuCollapse";
+        newRoute.views = getViews(props.settings.settingsMenu.menus, 1);
+        newRoutes.push(newRoute);
+      }
+
+      setRoutes(newRoutes);
       props.settings.dashboardMenu = createNewMenu.items.length > 0 ? dashboardMenu : null;
       setLoading(false);
     }
@@ -395,6 +399,7 @@ const BasicBusinessApp = props => {
     activeColor: "agility",
     secondaryThemeColor: secondaryThemeColor,
     activeRouteMenu: 'Dashboard',
+    className: "sidebar",
     dashboardLauncher: () => {
       launcDashboard();
     },
@@ -425,9 +430,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,236 @@
+"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"));
+
+var _Observable = _interopRequireDefault(require("../../event/Observable"));
+
+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 = /*#__PURE__*/_react.default.memo(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(null),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        currentModuleMenu = _React$useState6[0],
+        setCurrentModuleMenu = _React$useState6[1];
+
+  const _React$useState7 = _react.default.useState("data:image/png;base64," + props.logo),
+        _React$useState8 = _slicedToArray(_React$useState7, 2),
+        logo = _React$useState8[0],
+        setLogo = _React$useState8[1];
+
+  const getItems = (items, level) => {
+    let newItems = [];
+
+    for (let i = 0; i < items.length; i++) {
+      _Observable.default.clearComponentEventListeners(items[i].id);
+
+      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++) {
+      _Observable.default.clearComponentEventListeners(menus[i].id);
+
+      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(() => {
+    if (!_Utils.default.isNull(currentModuleMenu) && !_Utils.default.isNull(props.settings.menu) && !_Utils.default.isNull(props.settings.menu.menus)) {
+      let newRoutes = [];
+      let currentMenu = null;
+
+      var _iterator = _createForOfIteratorHelper(props.settings.menu.menus),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          const menu = _step.value;
+
+          if (menu.id === currentModuleMenu) {
+            currentMenu = menu;
+            break;
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+
+      if (currentMenu != null) {
+        var _iterator2 = _createForOfIteratorHelper(currentMenu.items),
+            _step2;
+
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            const item = _step2.value;
+
+            _Observable.default.clearComponentEventListeners(item.id);
+
+            let newRoute = {};
+            newRoute.name = item.attributes.label;
+
+            if (!_Utils.default.isNull(item.icon)) {
+              newRoute.icon = item.icon;
+            }
+
+            newRoute.layout = "/admin";
+            newRoute.level = 0;
+            newRoute.isParent = false;
+            newRoute.item = item;
+            newRoutes.push(newRoute);
+
+            if (!_Utils.default.isNull(item.items) && item.items.length > 0) {
+              newRoute.collapse = false;
+              newRoute.state = item.name + "Collapse";
+              newRoute.views = getViews(item.items, 0);
+            }
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+      }
+
+      setRoutes(newRoutes);
+    }
+
+    setLoading(false);
+  }, [currentModuleMenu]);
+
+  _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)) {
+      setCurrentModuleMenu("homeMenu");
+    }
+  }, [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,
+    moduleMenus: props.settings.menu.menus,
+    moduleChangeHandler: selected => {
+      setCurrentModuleMenu(selected);
+    },
+    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' || prop.item && prop.item.defaultItem,
           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: 45%;
+    margin: 16px;
+    border: 1px solid #e1e1e1;
+    height: calc(100vh - 96px) !important;
+}
+
+.sidebar-customizer {
+    position: relative !important;
+    margin-top: 16px !important;
+    height: auto !important;
+    max-height: calc(100vh - 96px) !important;
+    box-shadow: none !important;
+    border: 1px solid #e1e1e1;
+}

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./Workspace.css");
+
+var _Sidebar = _interopRequireDefault(require("./../../components/blackDashboard/sidebar/Sidebar"));
+
+var _ViewPort = _interopRequireDefault(require("../../../layout/ViewPort"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const Workspace = props => {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "row workspace-container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "col-*-* workspace-left"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      float: 'right'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Sidebar.default, _extends({}, props, {
+    routes: props.routes,
+    activeColor: "agility",
+    className: "sidebar sidebar-customizer",
+    secondaryThemeColor: props.secondaryColor,
+    activeRouteMenu: props.activeRouteMenu,
+    dashboardLauncher: () => {},
+    heading: props.heading,
+    closeSidebar: () => {}
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "col-*-* workspace-right"
+  }, /*#__PURE__*/_react.default.createElement(_ViewPort.default, {
+    settings: props.settings,
+    defaultView: "",
+    height: 'inherit'
+  }))));
+};
+
+var _default = Workspace;
+exports.default = _default;

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

@@ -0,0 +1,25 @@
+
+/* Smartphones (landscape); */
+@media only screen and (min-device-width : 361px) and (max-device-width : 480px) {
+
+}
+
+/* Smartphones (portrait); */
+@media only screen and (min-device-width : 280px) and (max-device-width : 360px) {
+
+}
+
+/* iPads (portrait and landscape); */
+@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
+
+}
+
+/* iPad 3 */
+@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
+
+}
+
+@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
+
+}
+