@agilemotion/oui-react-js 1.6.3 → 1.6.5

package/dist/view/Dashboard.js

@@ -4,97 +4,41 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Utils = _interopRequireDefault(require("../Utils"));
-
 var _reactstrap = require("reactstrap");
-
 var _Icon = _interopRequireDefault(require("../components/Icon"));
-
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
 var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
-
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
 var _RestUtils = require("../RestUtils");
-
 var _RouteActionHandler = _interopRequireDefault(require("../event/RouteActionHandler"));
-
 var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
-
 var _Event = _interopRequireDefault(require("../event/Event"));
-
 var _Observable = _interopRequireDefault(require("../event/Observable"));
-
 var _EventType = _interopRequireDefault(require("../event/EventType"));
-
 var _AlertBar = _interopRequireDefault(require("../components/AlertBar"));
-
-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; }
-
-var location = window.location.protocol + '//' + window.location.hostname;
-
-var text = function text(response) {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const location = window.location.protocol + '//' + window.location.hostname;
+const text = response => {
   return response.text();
 };
-
-var alertBarHandle = {};
-
-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];
-
-  var _React$useState3 = _react.default.useState(null),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      name = _React$useState4[0],
-      setName = _React$useState4[1];
-
-  var _React$useState5 = _react.default.useState(null),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      displayType = _React$useState6[0],
-      setDisplayType = _React$useState6[1];
-
-  var settings = props.settings;
-
-  var _React$useState7 = _react.default.useState(props.settings.id),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      id = _React$useState8[0],
-      setId = _React$useState8[1];
-
-  var _React$useState9 = _react.default.useState(null),
-      _React$useState10 = _slicedToArray(_React$useState9, 2),
-      content = _React$useState10[0],
-      setContent = _React$useState10[1];
-
-  var _React$useState11 = _react.default.useState( /*#__PURE__*/_react.default.createRef()),
-      _React$useState12 = _slicedToArray(_React$useState11, 1),
-      ref = _React$useState12[0];
-
-  _react.default.useEffect(function () {
-    var accessToken = sessionStorage.getItem('accessToken');
-    var idToken = sessionStorage.getItem('idToken');
-
+const alertBarHandle = {};
+const DashboardCard = props => {
+  const [path, setPath] = _react.default.useState(null);
+  const [name, setName] = _react.default.useState(null);
+  const [displayType, setDisplayType] = _react.default.useState(null);
+  const {
+    settings
+  } = props;
+  const [id, setId] = _react.default.useState(props.settings.id);
+  const [content, setContent] = _react.default.useState(null);
+  const [ref] = _react.default.useState( /*#__PURE__*/_react.default.createRef());
+  _react.default.useEffect(() => {
+    const accessToken = sessionStorage.getItem('accessToken');
+    const idToken = sessionStorage.getItem('idToken');
     if (path) {
-      var fetchConfig = {
+      let fetchConfig = {
         method: 'GET',
         headers: {
           'Content-Type': 'text/html',
@@ -103,6 +47,7 @@ var DashboardCard = function DashboardCard(props) {
           'idToken': idToken
         }
       };
+
       /*trackPromise(
           fetch(encodeURI(path), fetchConfig)
               .then(text)
@@ -115,81 +60,71 @@ var DashboardCard = function DashboardCard(props) {
       );*/
     }
   }, [path]);
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (!path) {
       // TODO: Make the base URL dynamic
-      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;
-
+      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;
         if (_Utils.default.isNull(defaultDisplayType)) {
           console.error('Could not determine display type for dashboard');
           return;
         }
-
         setDisplayType(defaultDisplayType);
-        var defaultName = !_Utils.default.isNull(settings.parameters.dashboardName) ? settings.parameters.dashboardName : data.defaultDashboardName;
-
+        let 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');
           return;
         }
-
         setName(defaultName);
-        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));
-      }, function (e) {
+        const accessToken = sessionStorage.getItem('accessToken');
+        const idToken = sessionStorage.getItem('idToken');
+        setPath(location + _ApplicationManager.default.getContextRoot() + _ApplicationManager.default.getUIConfigPath() + '/html/get?version=1.0&id=' + data.contentPath + `-${defaultDisplayType.toLowerCase()}.html&access_token=${accessToken}&idToken=${idToken}`);
+      }, e => {
         console.error(e);
       });
     }
   }, []);
-
-  var saveDashboard = function saveDashboard() {
+  const saveDashboard = () => {
     settings.parameters.displayType = displayType;
     settings.parameters.dashboardName = name;
-    var data = {
+    let data = {
       id: settings.id,
       path: settings.path,
       parameters: settings.parameters
     };
-    var url = "".concat(location + _ApplicationManager.default.getContextRoot(), "/system/api/v1/user/dashboard/save");
-    (0, _RestUtils.postData)(url, function (response) {
+    let url = `${location + _ApplicationManager.default.getContextRoot()}/system/api/v1/user/dashboard/save`;
+    (0, _RestUtils.postData)(url, response => {
       settings.id = response;
       setId(response);
       displayAlert('SUCCESS', 'Dashboard saved successfully');
-    }, function (e) {
+    }, e => {
       console.log(e);
       displayAlert('ERROR', _Utils.default.SYSTEM_ERROR_MESSAGE);
     }, true, data);
   };
-
-  var displayAlert = function displayAlert(messageType, messageText) {
-    var message = {
+  const displayAlert = (messageType, messageText) => {
+    let message = {
       messageType: messageType,
       message: messageText
     };
-    var event = new _Event.default(_ApplicationManager.default, '_sys_dashboard', message);
-
+    let event = new _Event.default(_ApplicationManager.default, '_sys_dashboard', message);
     _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
   };
-
-  var deleteDashboard = function deleteDashboard() {
+  const deleteDashboard = () => {
     if (!_Utils.default.isNull(settings) && !_Utils.default.isNull(settings.id)) {
-      _ApplicationManager.default.openConfirmDialog('Are you sure you want to delete this dashboard?', function (result) {
+      _ApplicationManager.default.openConfirmDialog('Are you sure you want to delete this dashboard?', result => {
         if (result === true) {
-          var url = "".concat(location + _ApplicationManager.default.getContextRoot(), "/system/api/v1/user/dashboard/delete/").concat(settings.id);
-          (0, _RestUtils.sendRequest)(url, function () {
+          let url = `${location + _ApplicationManager.default.getContextRoot()}/system/api/v1/user/dashboard/delete/${settings.id}`;
+          (0, _RestUtils.sendRequest)(url, () => {
             props.onDelete();
-          }, function (e) {
+          }, e => {
             console.log(e);
           });
         }
       });
     }
   };
-
   return /*#__PURE__*/_react.default.createElement(_Paper.default, {
     style: {
       minWidth: '200px',
@@ -229,13 +164,12 @@ var DashboardCard = function DashboardCard(props) {
     tag: "ul"
   },
   /*#__PURE__*/
-
   /*Disable this button if id is already saved. After creating dashboard properties such as filters, this button must remain enabled at all times*/
   _react.default.createElement(_reactstrap.NavLink, {
     tag: "li"
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     className: "nav-item",
-    onClick: function onClick() {
+    onClick: () => {
       saveDashboard();
     },
     disabled: !_Utils.default.isNull(id)
@@ -243,7 +177,7 @@ var DashboardCard = function DashboardCard(props) {
     tag: "li"
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     className: "nav-item",
-    onClick: function onClick() {
+    onClick: () => {
       deleteDashboard();
     },
     disabled: _Utils.default.isNull(id)
@@ -273,24 +207,14 @@ var DashboardCard = function DashboardCard(props) {
     }
   }) : /*#__PURE__*/_react.default.createElement("p", null, "Loading...")));
 };
-
-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];
-
-  var _React$useState15 = _react.default.useState(null),
-      _React$useState16 = _slicedToArray(_React$useState15, 2),
-      minW = _React$useState16[0],
-      setMinW = _React$useState16[1];
-
-  var routeAction = {
+const WorkFlowCard = props => {
+  const [sp, setSp] = _react.default.useState(null);
+  const [minW, setMinW] = _react.default.useState(null);
+  const routeAction = {
     'actionType': 'route',
     'parent': true
   };
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (window.innerWidth < 400) {
       setSp(16);
       setMinW(280);
@@ -299,10 +223,9 @@ var WorkFlowCard = function WorkFlowCard(props) {
       setMinW(300);
     }
   }, []);
-
   return _Utils.default.isNull(sp) || _Utils.default.isNull(minW) ? null : /*#__PURE__*/_react.default.createElement(_Paper.default, {
     style: {
-      minWidth: "".concat(minW, "px"),
+      minWidth: `${minW}px`,
       margin: props.margin,
       height: '152px'
     },
@@ -316,19 +239,19 @@ var WorkFlowCard = function WorkFlowCard(props) {
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      padding: "16px ".concat(sp, "px 16px ").concat(sp, "px"),
+      padding: `16px ${sp}px 16px ${sp}px`,
       height: '8px',
       color: 'rgba(0, 0, 0, 0.54)'
     }
   }, "Work Items"), /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      padding: "16px ".concat(sp, "px 48px ").concat(sp, "px"),
+      padding: `16px ${sp}px 48px ${sp}px`,
       height: '0',
       fontSize: '20px'
     }
   }, props.title), /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      padding: "0 ".concat(sp, "px 16px ").concat(sp, "px"),
+      padding: `0 ${sp}px 16px ${sp}px`,
       fontSize: '30px'
     }
   }, props.itemCount)), /*#__PURE__*/_react.default.createElement("div", {
@@ -341,114 +264,66 @@ var WorkFlowCard = function WorkFlowCard(props) {
     color: 'primary',
     size: "large",
     disabled: parseFloat(props.itemCount) === 0,
-    onClick: function onClick() {
+    onClick: () => {
       routeAction.path = props.path;
-
       _RouteActionHandler.default.execute(routeAction, null, props.viewRef, '_sys_dashboard');
     }
   }, "View"))));
 };
-
-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 = {
+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 = {
     get id() {
       return '_sys_dashboard';
     },
-
-    getChildren: function getChildren() {
+    getChildren: () => {
       return [alertBarHandle];
     },
-    getChild: function getChild(id) {
+    getChild: id => {
       if (id === 'dashboardAlert') {
         return alertBarHandle;
       }
-
       return null;
     }
   };
-  var handle = {
+  const handle = {
     'api': api
   };
-
   function setupCardRows(exclusion, defaultCardsPerRow) {
-    var row = null;
-    var gridRows = [];
+    let row = null;
+    let gridRows = [];
     dashboardCardCounter = 0;
-    var i = cardsPerRow ? cardsPerRow : defaultCardsPerRow;
-
-    var _iterator = _createForOfIteratorHelper(userDashboards),
-        _step;
-
-    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);
-        }
+    let i = cardsPerRow ? cardsPerRow : defaultCardsPerRow;
+    for (const userDashboard of userDashboards) {
+      if (dashboardCardCounter++ % i === 0) {
+        row = [];
+        gridRows.push(row);
+      }
+      if (userDashboard !== exclusion) {
+        row.push(userDashboard);
       }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
     }
-
-    var populatedRows = [];
-
-    for (var _i2 = 0, _gridRows = gridRows; _i2 < _gridRows.length; _i2++) {
-      var gridRow = _gridRows[_i2];
-
+    let populatedRows = [];
+    for (const gridRow of gridRows) {
       if (gridRow.length > 0) {
         populatedRows.push(gridRow);
       }
     }
-
-    for (var _i3 = 0, _populatedRows = populatedRows; _i3 < _populatedRows.length; _i3++) {
-      var _gridRow = _populatedRows[_i3];
-      _gridRow[0].first = true;
+    for (const gridRow of populatedRows) {
+      gridRow[0].first = true;
     }
-
     setCardRows(populatedRows);
   }
-
-  var getDashboardMenu = function getDashboardMenu(path) {
-    return new Promise(function (resolve) {
-      var service = {
+  const getDashboardMenu = path => {
+    return new Promise(resolve => {
+      let service = {
         url: '/ui/api/v1/menu/get',
         parameters: [{
           name: 'id',
@@ -466,117 +341,82 @@ var Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.fo
           get id() {
             return 'dashboard-menus';
           }
-
         }
-      }, 'dashboard-menus', function (result) {
+      }, 'dashboard-menus', result => {
         resolve(result.menus);
-      }, function (e) {
+      }, e => {
         console.error(e);
         resolve(null);
       }, null);
     });
   };
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     /*let rpcConfig = {
         "type": "rpc",
         "procedureName": "getWorkFlowSummary",
         "serviceId": "BPM.WorkFlow"
     };*/
-    var cardsPerRow = 2;
 
+    let cardsPerRow = 2;
     if (window.innerWidth < 400) {
       cardsPerRow = 1;
     }
-
     setCardsPerRow(cardsPerRow);
-
     if (_Utils.default.isNull(taskSummary)) {
-      (0, _RestUtils.sendRequest)("".concat(location + _ApplicationManager.default.getContextRoot(), "/bpm/api/v1/summary"), function (result) {
+      (0, _RestUtils.sendRequest)(`${location + _ApplicationManager.default.getContextRoot()}/bpm/api/v1/summary`, result => {
         if (!_Utils.default.isNull(result)) {
           setTaskSummary(result);
         }
-      }, function (e) {
-        console.error(e); // TODO : Show error message
+      }, e => {
+        console.error(e);
+        // TODO : Show error message
       }, true, true);
     }
-
-    (0, _RestUtils.sendRequest)("".concat(location + _ApplicationManager.default.getContextRoot(), "/system/api/v1/user/dashboard/list"), function (dashboards) {
+    (0, _RestUtils.sendRequest)(`${location + _ApplicationManager.default.getContextRoot()}/system/api/v1/user/dashboard/list`, dashboards => {
       if (!_Utils.default.isNull(dashboards)) {
-        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();
+        for (const dashboard of dashboards) {
+          userDashboards.push(dashboard);
         }
-
         setupCardRows(null, cardsPerRow);
       }
-    }, function (e) {
-      console.error(e); // TODO : Show error message
+    }, e => {
+      console.error(e);
+      // TODO : Show error message
     }, true, true);
-
     if (_Utils.default.isNull(menuItems) && !_Utils.default.isNull(settings.systemProfileDto.modules)) {
-      (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();
-                  }
+      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);
                 }
               }
-            }).catch(function (e) {});
-          }
+            }
+          }).catch(e => {});
         }
-
-        setMenuItems(dashboardMenuitems);
-      })();
+      }
+      setMenuItems(dashboardMenuitems);
     }
-
     if (!_Utils.default.isNull(settings) && !_Utils.default.isNull(userDashboards) && _Utils.default.isNull(cardRows) && !_Utils.default.isNull(cardsPerRow)) {
       setupCardRows();
     }
-
     _ApplicationManager.default.setDashboardView({
       handle: handle
     });
   }, []);
-
-  var addDashboardCard = function addDashboardCard(item) {
-    var path = item.eventHandlingConfig.subscriptions[0].actions[0].path;
-    var settings = {};
+  const addDashboardCard = item => {
+    let path = item.eventHandlingConfig.subscriptions[0].actions[0].path;
+    let settings = {};
     settings.path = path;
     settings.parameters = {};
     userDashboards.push(settings);
     setupCardRows();
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     style: {
@@ -609,17 +449,15 @@ var Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.fo
     className: "dropdown-navbar",
     right: true,
     tag: "ul"
-  }, 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", {
+  }, 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", {
     style: {
       overflowY: 'auto',
       overflowX: 'hidden',
@@ -655,27 +493,21 @@ var Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.fo
     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(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))));
+  })), /*#__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))));
 }));
-
-var _default = Dashboard;
-exports.default = _default;
+var _default = exports.default = Dashboard;