@agilemotion/oui-react-js 1.6.0 → 1.6.2

package/dist/view/Dashboard.js

@@ -35,37 +35,66 @@ var _AlertBar = _interopRequireDefault(require("../components/AlertBar"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const location = window.location.protocol + '//' + window.location.hostname;
+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; } } }; }
 
-const text = response => {
+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; }
+
+var location = window.location.protocol + '//' + window.location.hostname;
+
+var text = function text(response) {
   return response.text();
 };
 
-const alertBarHandle = {};
+var alertBarHandle = {};
 
-const DashboardCard = props => {
-  const [path, setPath] = _react.default.useState(null);
+var DashboardCard = function DashboardCard(props) {
+  var _React$useState = _react.default.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      path = _React$useState2[0],
+      setPath = _React$useState2[1];
 
-  const [name, setName] = _react.default.useState(null);
+  var _React$useState3 = _react.default.useState(null),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      name = _React$useState4[0],
+      setName = _React$useState4[1];
 
-  const [displayType, setDisplayType] = _react.default.useState(null);
+  var _React$useState5 = _react.default.useState(null),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      displayType = _React$useState6[0],
+      setDisplayType = _React$useState6[1];
 
-  const {
-    settings
-  } = props;
+  var settings = props.settings;
 
-  const [id, setId] = _react.default.useState(props.settings.id);
+  var _React$useState7 = _react.default.useState(props.settings.id),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      id = _React$useState8[0],
+      setId = _React$useState8[1];
 
-  const [content, setContent] = _react.default.useState(null);
+  var _React$useState9 = _react.default.useState(null),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      content = _React$useState10[0],
+      setContent = _React$useState10[1];
 
-  const [ref] = _react.default.useState( /*#__PURE__*/_react.default.createRef());
+  var _React$useState11 = _react.default.useState( /*#__PURE__*/_react.default.createRef()),
+      _React$useState12 = _slicedToArray(_React$useState11, 1),
+      ref = _React$useState12[0];
 
-  _react.default.useEffect(() => {
-    const accessToken = sessionStorage.getItem('accessToken');
-    const idToken = sessionStorage.getItem('idToken');
+  _react.default.useEffect(function () {
+    var accessToken = sessionStorage.getItem('accessToken');
+    var idToken = sessionStorage.getItem('idToken');
 
     if (path) {
-      let fetchConfig = {
+      var fetchConfig = {
         method: 'GET',
         headers: {
           'Content-Type': 'text/html',
@@ -87,12 +116,12 @@ const DashboardCard = props => {
     }
   }, [path]);
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (!path) {
       // TODO: Make the base URL dynamic
-      let url = location + _ApplicationManager.default.getContextRoot() + _ApplicationManager.default.getUIConfigPath() + '/dashboard/get?version=1.0&id=' + settings.path;
-      (0, _RestUtils.sendRequest)(url, data => {
-        let defaultDisplayType = !_Utils.default.isNull(settings.parameters.displayType) ? settings.parameters.displayType : data.defaultDisplayType;
+      var url = location + _ApplicationManager.default.getContextRoot() + _ApplicationManager.default.getUIConfigPath() + '/dashboard/get?version=1.0&id=' + settings.path;
+      (0, _RestUtils.sendRequest)(url, function (data) {
+        var defaultDisplayType = !_Utils.default.isNull(settings.parameters.displayType) ? settings.parameters.displayType : data.defaultDisplayType;
 
         if (_Utils.default.isNull(defaultDisplayType)) {
           console.error('Could not determine display type for dashboard');
@@ -100,7 +129,7 @@ const DashboardCard = props => {
         }
 
         setDisplayType(defaultDisplayType);
-        let defaultName = !_Utils.default.isNull(settings.parameters.dashboardName) ? settings.parameters.dashboardName : data.defaultDashboardName;
+        var defaultName = !_Utils.default.isNull(settings.parameters.dashboardName) ? settings.parameters.dashboardName : data.defaultDashboardName;
 
         if (_Utils.default.isNull(defaultDisplayType)) {
           console.error('Could not determine a default name for dashboard');
@@ -108,52 +137,52 @@ const DashboardCard = props => {
         }
 
         setName(defaultName);
-        const accessToken = sessionStorage.getItem('accessToken');
-        const idToken = sessionStorage.getItem('idToken');
+        var accessToken = sessionStorage.getItem('accessToken');
+        var idToken = sessionStorage.getItem('idToken');
         setPath(location + _ApplicationManager.default.getContextRoot() + _ApplicationManager.default.getUIConfigPath() + '/html/get?version=1.0&id=' + data.contentPath + "-".concat(defaultDisplayType.toLowerCase(), ".html&access_token=").concat(accessToken, "&idToken=").concat(idToken));
-      }, e => {
+      }, function (e) {
         console.error(e);
       });
     }
   }, []);
 
-  const saveDashboard = () => {
+  var saveDashboard = function saveDashboard() {
     settings.parameters.displayType = displayType;
     settings.parameters.dashboardName = name;
-    let data = {
+    var data = {
       id: settings.id,
       path: settings.path,
       parameters: settings.parameters
     };
-    let url = "".concat(location + _ApplicationManager.default.getContextRoot(), "/system/api/v1/user/dashboard/save");
-    (0, _RestUtils.postData)(url, response => {
+    var url = "".concat(location + _ApplicationManager.default.getContextRoot(), "/system/api/v1/user/dashboard/save");
+    (0, _RestUtils.postData)(url, function (response) {
       settings.id = response;
       setId(response);
       displayAlert('SUCCESS', 'Dashboard saved successfully');
-    }, e => {
+    }, function (e) {
       console.log(e);
       displayAlert('ERROR', _Utils.default.SYSTEM_ERROR_MESSAGE);
     }, true, data);
   };
 
-  const displayAlert = (messageType, messageText) => {
-    let message = {
+  var displayAlert = function displayAlert(messageType, messageText) {
+    var message = {
       messageType: messageType,
       message: messageText
     };
-    let event = new _Event.default(_ApplicationManager.default, '_sys_dashboard', message);
+    var event = new _Event.default(_ApplicationManager.default, '_sys_dashboard', message);
 
     _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
   };
 
-  const deleteDashboard = () => {
+  var deleteDashboard = function deleteDashboard() {
     if (!_Utils.default.isNull(settings) && !_Utils.default.isNull(settings.id)) {
-      _ApplicationManager.default.openConfirmDialog('Are you sure you want to delete this dashboard?', result => {
+      _ApplicationManager.default.openConfirmDialog('Are you sure you want to delete this dashboard?', function (result) {
         if (result === true) {
-          let url = "".concat(location + _ApplicationManager.default.getContextRoot(), "/system/api/v1/user/dashboard/delete/").concat(settings.id);
-          (0, _RestUtils.sendRequest)(url, () => {
+          var url = "".concat(location + _ApplicationManager.default.getContextRoot(), "/system/api/v1/user/dashboard/delete/").concat(settings.id);
+          (0, _RestUtils.sendRequest)(url, function () {
             props.onDelete();
-          }, e => {
+          }, function (e) {
             console.log(e);
           });
         }
@@ -206,7 +235,7 @@ const DashboardCard = props => {
     tag: "li"
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     className: "nav-item",
-    onClick: () => {
+    onClick: function onClick() {
       saveDashboard();
     },
     disabled: !_Utils.default.isNull(id)
@@ -214,7 +243,7 @@ const DashboardCard = props => {
     tag: "li"
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     className: "nav-item",
-    onClick: () => {
+    onClick: function onClick() {
       deleteDashboard();
     },
     disabled: _Utils.default.isNull(id)
@@ -245,17 +274,23 @@ const DashboardCard = props => {
   }) : /*#__PURE__*/_react.default.createElement("p", null, "Loading...")));
 };
 
-const WorkFlowCard = props => {
-  const [sp, setSp] = _react.default.useState(null);
+var WorkFlowCard = function WorkFlowCard(props) {
+  var _React$useState13 = _react.default.useState(null),
+      _React$useState14 = _slicedToArray(_React$useState13, 2),
+      sp = _React$useState14[0],
+      setSp = _React$useState14[1];
 
-  const [minW, setMinW] = _react.default.useState(null);
+  var _React$useState15 = _react.default.useState(null),
+      _React$useState16 = _slicedToArray(_React$useState15, 2),
+      minW = _React$useState16[0],
+      setMinW = _React$useState16[1];
 
-  const routeAction = {
+  var routeAction = {
     'actionType': 'route',
     'parent': true
   };
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (window.innerWidth < 400) {
       setSp(16);
       setMinW(280);
@@ -306,7 +341,7 @@ const WorkFlowCard = props => {
     color: 'primary',
     size: "large",
     disabled: parseFloat(props.itemCount) === 0,
-    onClick: () => {
+    onClick: function onClick() {
       routeAction.path = props.path;
 
       _RouteActionHandler.default.execute(routeAction, null, props.viewRef, '_sys_dashboard');
@@ -314,30 +349,46 @@ const WorkFlowCard = props => {
   }, "View"))));
 };
 
-const Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const [userDashboards] = _react.default.useState(!_Utils.default.isNull(_ApplicationManager.default.getDashboardSettings().userDashboards) ? _ApplicationManager.default.getDashboardSettings().userDashboards : []);
-
-  const [settings] = _react.default.useState(_ApplicationManager.default.getDashboardSettings());
-
-  const [taskSummary, setTaskSummary] = _react.default.useState(null);
-
-  const [menuItems, setMenuItems] = _react.default.useState(null);
-
-  const [cardRows, setCardRows] = _react.default.useState(null);
-
-  const [cardsPerRow, setCardsPerRow] = _react.default.useState(null);
-
-  let dashboardCardCounter = 0;
-  let keyCounter = 0;
-  const api = {
+var Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _React$useState17 = _react.default.useState(!_Utils.default.isNull(_ApplicationManager.default.getDashboardSettings().userDashboards) ? _ApplicationManager.default.getDashboardSettings().userDashboards : []),
+      _React$useState18 = _slicedToArray(_React$useState17, 1),
+      userDashboards = _React$useState18[0];
+
+  var _React$useState19 = _react.default.useState(_ApplicationManager.default.getDashboardSettings()),
+      _React$useState20 = _slicedToArray(_React$useState19, 1),
+      settings = _React$useState20[0];
+
+  var _React$useState21 = _react.default.useState(null),
+      _React$useState22 = _slicedToArray(_React$useState21, 2),
+      taskSummary = _React$useState22[0],
+      setTaskSummary = _React$useState22[1];
+
+  var _React$useState23 = _react.default.useState(null),
+      _React$useState24 = _slicedToArray(_React$useState23, 2),
+      menuItems = _React$useState24[0],
+      setMenuItems = _React$useState24[1];
+
+  var _React$useState25 = _react.default.useState(null),
+      _React$useState26 = _slicedToArray(_React$useState25, 2),
+      cardRows = _React$useState26[0],
+      setCardRows = _React$useState26[1];
+
+  var _React$useState27 = _react.default.useState(null),
+      _React$useState28 = _slicedToArray(_React$useState27, 2),
+      cardsPerRow = _React$useState28[0],
+      setCardsPerRow = _React$useState28[1];
+
+  var dashboardCardCounter = 0;
+  var keyCounter = 0;
+  var api = {
     get id() {
       return '_sys_dashboard';
     },
 
-    getChildren: () => {
+    getChildren: function getChildren() {
       return [alertBarHandle];
     },
-    getChild: id => {
+    getChild: function getChild(id) {
       if (id === 'dashboardAlert') {
         return alertBarHandle;
       }
@@ -345,45 +396,59 @@ const Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
       return null;
     }
   };
-  const handle = {
+  var handle = {
     'api': api
   };
 
   function setupCardRows(exclusion, defaultCardsPerRow) {
-    let row = null;
-    let gridRows = [];
+    var row = null;
+    var gridRows = [];
     dashboardCardCounter = 0;
-    let i = cardsPerRow ? cardsPerRow : defaultCardsPerRow;
+    var i = cardsPerRow ? cardsPerRow : defaultCardsPerRow;
 
-    for (const userDashboard of userDashboards) {
-      if (dashboardCardCounter++ % i === 0) {
-        row = [];
-        gridRows.push(row);
-      }
+    var _iterator = _createForOfIteratorHelper(userDashboards),
+        _step;
 
-      if (userDashboard !== exclusion) {
-        row.push(userDashboard);
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var userDashboard = _step.value;
+
+        if (dashboardCardCounter++ % i === 0) {
+          row = [];
+          gridRows.push(row);
+        }
+
+        if (userDashboard !== exclusion) {
+          row.push(userDashboard);
+        }
       }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
     }
 
-    let populatedRows = [];
+    var populatedRows = [];
+
+    for (var _i2 = 0, _gridRows = gridRows; _i2 < _gridRows.length; _i2++) {
+      var gridRow = _gridRows[_i2];
 
-    for (const gridRow of gridRows) {
       if (gridRow.length > 0) {
         populatedRows.push(gridRow);
       }
     }
 
-    for (const gridRow of populatedRows) {
-      gridRow[0].first = true;
+    for (var _i3 = 0, _populatedRows = populatedRows; _i3 < _populatedRows.length; _i3++) {
+      var _gridRow = _populatedRows[_i3];
+      _gridRow[0].first = true;
     }
 
     setCardRows(populatedRows);
   }
 
-  const getDashboardMenu = path => {
-    return new Promise(resolve => {
-      let service = {
+  var getDashboardMenu = function getDashboardMenu(path) {
+    return new Promise(function (resolve) {
+      var service = {
         url: '/ui/api/v1/menu/get',
         parameters: [{
           name: 'id',
@@ -403,22 +468,22 @@ const Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
           }
 
         }
-      }, 'dashboard-menus', result => {
+      }, 'dashboard-menus', function (result) {
         resolve(result.menus);
-      }, e => {
+      }, function (e) {
         console.error(e);
         resolve(null);
       }, null);
     });
   };
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     /*let rpcConfig = {
         "type": "rpc",
         "procedureName": "getWorkFlowSummary",
         "serviceId": "BPM.WorkFlow"
     };*/
-    let cardsPerRow = 2;
+    var cardsPerRow = 2;
 
     if (window.innerWidth < 400) {
       cardsPerRow = 1;
@@ -427,49 +492,71 @@ const Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
     setCardsPerRow(cardsPerRow);
 
     if (_Utils.default.isNull(taskSummary)) {
-      (0, _RestUtils.sendRequest)("".concat(location + _ApplicationManager.default.getContextRoot(), "/bpm/api/v1/summary"), result => {
+      (0, _RestUtils.sendRequest)("".concat(location + _ApplicationManager.default.getContextRoot(), "/bpm/api/v1/summary"), function (result) {
         if (!_Utils.default.isNull(result)) {
           setTaskSummary(result);
         }
-      }, e => {
+      }, function (e) {
         console.error(e); // TODO : Show error message
       }, true, true);
     }
 
-    (0, _RestUtils.sendRequest)("".concat(location + _ApplicationManager.default.getContextRoot(), "/system/api/v1/user/dashboard/list"), dashboards => {
+    (0, _RestUtils.sendRequest)("".concat(location + _ApplicationManager.default.getContextRoot(), "/system/api/v1/user/dashboard/list"), function (dashboards) {
       if (!_Utils.default.isNull(dashboards)) {
-        for (const dashboard of dashboards) {
-          userDashboards.push(dashboard);
+        var _iterator2 = _createForOfIteratorHelper(dashboards),
+            _step2;
+
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var dashboard = _step2.value;
+            userDashboards.push(dashboard);
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
         }
 
         setupCardRows(null, cardsPerRow);
       }
-    }, e => {
+    }, function (e) {
       console.error(e); // TODO : Show error message
     }, true, true);
 
     if (_Utils.default.isNull(menuItems) && !_Utils.default.isNull(settings.systemProfileDto.modules)) {
-      let dashboardMenuitems = [];
-
-      for (let i = 0; i < settings.systemProfileDto.modules.length; i++) {
-        let module = settings.systemProfileDto.modules[i];
-
-        if (!_Utils.default.isNull(module.dashboardMenu)) {
-          getDashboardMenu(module.dashboardMenu).then(menus => {
-            if (menus) {
-              for (let j = 0; j < menus.length; j++) {
-                let menu = menus[j];
-
-                for (const item of menu.items) {
-                  dashboardMenuitems.push(item);
+      (function () {
+        var dashboardMenuitems = [];
+
+        for (var i = 0; i < settings.systemProfileDto.modules.length; i++) {
+          var module = settings.systemProfileDto.modules[i];
+
+          if (!_Utils.default.isNull(module.dashboardMenu)) {
+            getDashboardMenu(module.dashboardMenu).then(function (menus) {
+              if (menus) {
+                for (var j = 0; j < menus.length; j++) {
+                  var menu = menus[j];
+
+                  var _iterator3 = _createForOfIteratorHelper(menu.items),
+                      _step3;
+
+                  try {
+                    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+                      var item = _step3.value;
+                      dashboardMenuitems.push(item);
+                    }
+                  } catch (err) {
+                    _iterator3.e(err);
+                  } finally {
+                    _iterator3.f();
+                  }
                 }
               }
-            }
-          }).catch(e => {});
+            }).catch(function (e) {});
+          }
         }
-      }
 
-      setMenuItems(dashboardMenuitems);
+        setMenuItems(dashboardMenuitems);
+      })();
     }
 
     if (!_Utils.default.isNull(settings) && !_Utils.default.isNull(userDashboards) && _Utils.default.isNull(cardRows) && !_Utils.default.isNull(cardsPerRow)) {
@@ -481,9 +568,9 @@ const Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
     });
   }, []);
 
-  const addDashboardCard = item => {
-    let path = item.eventHandlingConfig.subscriptions[0].actions[0].path;
-    let settings = {};
+  var addDashboardCard = function addDashboardCard(item) {
+    var path = item.eventHandlingConfig.subscriptions[0].actions[0].path;
+    var settings = {};
     settings.path = path;
     settings.parameters = {};
     userDashboards.push(settings);
@@ -522,15 +609,17 @@ const Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
     className: "dropdown-navbar",
     right: true,
     tag: "ul"
-  }, menuItems.map(item => /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
-    tag: "li",
-    key: keyCounter++
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
-    className: "nav-item",
-    onClick: () => {
-      addDashboardCard(item);
-    }
-  }, item.attributes.label, ' '), ' '))) : null), ' ')), /*#__PURE__*/_react.default.createElement("div", {
+  }, menuItems.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
+      tag: "li",
+      key: keyCounter++
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+      className: "nav-item",
+      onClick: function onClick() {
+        addDashboardCard(item);
+      }
+    }, item.attributes.label, ' '), ' ');
+  })) : null), ' ')), /*#__PURE__*/_react.default.createElement("div", {
     style: {
       overflowY: 'auto',
       overflowX: 'hidden',
@@ -566,22 +655,26 @@ const Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
     title: 'Due Today',
     itemCount: taskSummary.dueTodayItemCount,
     path: '/workflow/due-today-work-items.json'
-  })), /*#__PURE__*/_react.default.createElement("div", null, !_Utils.default.isNull(cardRows) ? cardRows.map(row => /*#__PURE__*/_react.default.createElement("div", {
-    className: 'row',
-    style: {
-      margin: '0 0 16px 0'
-    },
-    key: keyCounter++
-  }, row.map(userDashboard => /*#__PURE__*/_react.default.createElement(DashboardCard, {
-    settings: userDashboard,
-    index: dashboardCardCounter,
-    key: dashboardCardCounter++,
-    onDelete: () => {
-      userDashboards.splice(userDashboards.indexOf(userDashboard), 1);
-      console.log("\n\n\n\nUD : ", userDashboards);
-      setupCardRows(userDashboard);
-    }
-  })))) : null))));
+  })), /*#__PURE__*/_react.default.createElement("div", null, !_Utils.default.isNull(cardRows) ? cardRows.map(function (row) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: 'row',
+      style: {
+        margin: '0 0 16px 0'
+      },
+      key: keyCounter++
+    }, row.map(function (userDashboard) {
+      return /*#__PURE__*/_react.default.createElement(DashboardCard, {
+        settings: userDashboard,
+        index: dashboardCardCounter,
+        key: dashboardCardCounter++,
+        onDelete: function onDelete() {
+          userDashboards.splice(userDashboards.indexOf(userDashboard), 1);
+          console.log("\n\n\n\nUD : ", userDashboards);
+          setupCardRows(userDashboard);
+        }
+      });
+    }));
+  }) : null))));
 }));
 
 var _default = Dashboard;

package/dist/view/PortalDashboard.js

@@ -9,16 +9,16 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const location = window.location.protocol + "//" + window.location.hostname;
+var location = window.location.protocol + "//" + window.location.hostname;
 
-const PortalDashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const api = {
+var PortalDashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var api = {
     get id() {
       return "portal-dashboard";
     }
 
   };
-  const handle = {
+  var handle = {
     "api": api
   };
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -26,7 +26,7 @@ const PortalDashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
     style: {
       margin: '4px 0 0 0'
     }
-  }, "PORTAL DASHBOARD");
+  });
 }));
 
 var _default = PortalDashboard;

package/dist/view/Settings.js

@@ -9,10 +9,12 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Settings = props => {
+var Settings = function Settings(props) {
   return /*#__PURE__*/_react.default.createElement("div", null, "Holla Bosss");
 };
 
-var _default = withRouter(connect(dispatch => bindActionCreators(actionCreators, dispatch))(Settings));
+var _default = withRouter(connect(function (dispatch) {
+  return bindActionCreators(actionCreators, dispatch);
+})(Settings));
 
 exports.default = _default;