@agilemotion/oui-react-js 1.2.6 → 1.2.8

package/dist/view/Dashboard.js

@@ -35,40 +35,40 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 
 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 _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;
+const location = window.location.protocol + "//" + window.location.hostname;
 
-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 DashboardCard = props => {
+  const _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];
+  const _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];
+  const _React$useState5 = _react.default.useState(null),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        displayType = _React$useState6[0],
+        setDisplayType = _React$useState6[1];
 
-  var _React$useState7 = _react.default.useState( /*#__PURE__*/_react.default.createRef()),
-      _React$useState8 = _slicedToArray(_React$useState7, 1),
-      ref = _React$useState8[0];
+  const _React$useState7 = _react.default.useState( /*#__PURE__*/_react.default.createRef()),
+        _React$useState8 = _slicedToArray(_React$useState7, 1),
+        ref = _React$useState8[0];
 
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (!path) {
       // TODO: Make the base URL dynamic
-      var url = location + "/agility/app/controller/dashboard?version=1.0&id=" + props.settings.path;
-      (0, _RestUtils.sendRequest)(url, function (data) {
-        var defaultDisplayType = !_Utils.default.isNull(props.settings.parameters.map.displayType) ? props.settings.parameters.map.displayType : data.defaultDisplayType;
+      let url = location + _ApplicationContext.default.getBaseApiUrl() + _ApplicationContext.default.getUIConfigPath() + "/dashboard?version=1.0&id=" + props.settings.path;
+      (0, _RestUtils.sendRequest)(url, data => {
+        let defaultDisplayType = !_Utils.default.isNull(props.settings.parameters.map.displayType) ? props.settings.parameters.map.displayType : data.defaultDisplayType;
 
         if (_Utils.default.isNull(defaultDisplayType)) {
           console.error("Could not determine display type for dashboard");
@@ -76,7 +76,7 @@ var DashboardCard = function DashboardCard(props) {
         }
 
         setDisplayType(defaultDisplayType);
-        var defaultName = !_Utils.default.isNull(props.settings.parameters.map.dashboardName) ? props.settings.parameters.map.dashboardName : data.defaultDashboardName;
+        let defaultName = !_Utils.default.isNull(props.settings.parameters.map.dashboardName) ? props.settings.parameters.map.dashboardName : data.defaultDashboardName;
 
         if (_Utils.default.isNull(defaultDisplayType)) {
           console.error("Could not determine a default name for dashboard");
@@ -85,35 +85,35 @@ var DashboardCard = function DashboardCard(props) {
 
         setName(defaultName);
         setPath(data.url.replace('.html', "".concat(defaultDisplayType, ".html")));
-      }, function (e) {
+      }, e => {
         console.error(e);
       });
     }
   });
 
-  var saveDashboard = function saveDashboard() {
+  const saveDashboard = () => {
     props.settings.parameters.type = "MapEntityDto";
     props.settings.parameters.map.displayType = displayType;
     props.settings.parameters.map.dashboardName = name;
-    var url = "".concat(location, "/agility/app/controller/dashboard/save?path=").concat(props.settings.path, "&parameters=").concat(JSON.stringify(props.settings.parameters));
+    let url = "".concat(location, "/api/v1/service/dashboard/save?path=").concat(props.settings.path, "&parameters=").concat(JSON.stringify(props.settings.parameters));
 
     if (!_Utils.default.isNull(props.settings.id)) {
       url += "&id=" + props.settings.id;
     }
 
-    (0, _RestUtils.sendRequest)(url, function (data) {}, function (e) {
+    (0, _RestUtils.sendRequest)(url, data => {}, e => {
       console.log(e);
     });
   };
 
-  var deleteDashboard = function deleteDashboard() {
+  const deleteDashboard = () => {
     if (!_Utils.default.isNull(props.settings) && !_Utils.default.isNull(props.settings.id)) {
-      _ApplicationContext.default.openConfirmDialog('Are you sure you want to delete this dashboard?', function (result) {
+      _ApplicationContext.default.openConfirmDialog('Are you sure you want to delete this dashboard?', result => {
         if (result === true) {
-          var url = "".concat(location, "/agility/app/controller/dashboard/delete?id=").concat(props.settings.id);
-          (0, _RestUtils.sendRequest)(url, function (data) {
+          let url = "".concat(location, "/agility/app/controller/dashboard/delete?id=").concat(props.settings.id);
+          (0, _RestUtils.sendRequest)(url, data => {
             props.onDelete();
-          }, function (e) {
+          }, e => {
             console.log(e);
           });
         }
@@ -163,14 +163,14 @@ var DashboardCard = function DashboardCard(props) {
     tag: "li"
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     className: "nav-item",
-    onClick: function onClick() {
+    onClick: () => {
       saveDashboard();
     }
   }, "SAVE")), /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
     tag: "li"
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     className: "nav-item",
-    onClick: function onClick() {
+    onClick: () => {
       deleteDashboard();
     }
   }, "DELETE"), " "))), " "), /*#__PURE__*/_react.default.createElement("div", {
@@ -200,23 +200,23 @@ var DashboardCard = function DashboardCard(props) {
   }) : /*#__PURE__*/_react.default.createElement("p", null, "Loading...")));
 };
 
-var WorkFlowCard = function WorkFlowCard(props) {
-  var _React$useState9 = _react.default.useState(null),
-      _React$useState10 = _slicedToArray(_React$useState9, 2),
-      sp = _React$useState10[0],
-      setSp = _React$useState10[1];
+const WorkFlowCard = props => {
+  const _React$useState9 = _react.default.useState(null),
+        _React$useState10 = _slicedToArray(_React$useState9, 2),
+        sp = _React$useState10[0],
+        setSp = _React$useState10[1];
 
-  var _React$useState11 = _react.default.useState(null),
-      _React$useState12 = _slicedToArray(_React$useState11, 2),
-      minW = _React$useState12[0],
-      setMinW = _React$useState12[1];
+  const _React$useState11 = _react.default.useState(null),
+        _React$useState12 = _slicedToArray(_React$useState11, 2),
+        minW = _React$useState12[0],
+        setMinW = _React$useState12[1];
 
-  var routeAction = {
+  const routeAction = {
     "actionType": "route",
     "parent": true
   };
 
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (window.innerWidth < 400) {
       setSp(16);
       setMinW(280);
@@ -267,7 +267,7 @@ 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, 'dashboard');
@@ -275,41 +275,41 @@ var WorkFlowCard = function WorkFlowCard(props) {
   }, "View"))));
 };
 
-var Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _React$useState13 = _react.default.useState(null),
-      _React$useState14 = _slicedToArray(_React$useState13, 2),
-      taskSummary = _React$useState14[0],
-      setTaskSummary = _React$useState14[1];
-
-  var _React$useState15 = _react.default.useState(null),
-      _React$useState16 = _slicedToArray(_React$useState15, 2),
-      menuItems = _React$useState16[0],
-      setMenuItems = _React$useState16[1];
-
-  var _React$useState17 = _react.default.useState(null),
-      _React$useState18 = _slicedToArray(_React$useState17, 2),
-      cardRows = _React$useState18[0],
-      setCardRows = _React$useState18[1];
-
-  var _React$useState19 = _react.default.useState(null),
-      _React$useState20 = _slicedToArray(_React$useState19, 2),
-      cardsPerRow = _React$useState20[0],
-      setCardsPerRow = _React$useState20[1];
-
-  var dashboardCardCounter = 0;
-  var api = {
+const Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const _React$useState13 = _react.default.useState(null),
+        _React$useState14 = _slicedToArray(_React$useState13, 2),
+        taskSummary = _React$useState14[0],
+        setTaskSummary = _React$useState14[1];
+
+  const _React$useState15 = _react.default.useState(null),
+        _React$useState16 = _slicedToArray(_React$useState15, 2),
+        menuItems = _React$useState16[0],
+        setMenuItems = _React$useState16[1];
+
+  const _React$useState17 = _react.default.useState(null),
+        _React$useState18 = _slicedToArray(_React$useState17, 2),
+        cardRows = _React$useState18[0],
+        setCardRows = _React$useState18[1];
+
+  const _React$useState19 = _react.default.useState(null),
+        _React$useState20 = _slicedToArray(_React$useState19, 2),
+        cardsPerRow = _React$useState20[0],
+        setCardsPerRow = _React$useState20[1];
+
+  let dashboardCardCounter = 0;
+  const api = {
     get id() {
       return "dashboard";
     }
 
   };
-  var handle = {
+  const handle = {
     "api": api
   };
 
   function setupCardRows(exclusion) {
-    var row = null;
-    var gridRows = [];
+    let row = null;
+    let gridRows = [];
     dashboardCardCounter = 0;
 
     var _iterator = _createForOfIteratorHelper(props.settings.userDashboards),
@@ -317,7 +317,7 @@ var Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.fo
 
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var userDashboard = _step.value;
+        const userDashboard = _step.value;
 
         if (dashboardCardCounter++ % cardsPerRow === 0) {
           row = [];
@@ -335,15 +335,15 @@ var Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.fo
     }
 
     for (var _i2 = 0, _gridRows = gridRows; _i2 < _gridRows.length; _i2++) {
-      var gridRow = _gridRows[_i2];
+      const gridRow = _gridRows[_i2];
       gridRow[0].first = true;
     }
 
     setCardRows(gridRows);
   }
 
-  _react.default.useEffect(function () {
-    var rpcConfig = {
+  _react.default.useEffect(() => {
+    let rpcConfig = {
       "type": "remoteObjectProxy",
       "procedureName": "getWorkFlowSummary",
       "serviceId": "SYSTEM.WorkFlow"
@@ -356,31 +356,31 @@ var Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.fo
     }
 
     if (_Utils.default.isNull(taskSummary)) {
-      (0, _RestUtils.invokeRpc)(rpcConfig, handle, "dashboard", function (result) {
+      (0, _RestUtils.invokeRpc)(rpcConfig, handle, "dashboard", result => {
         if (!_Utils.default.isNull(result)) {
           setTaskSummary(result.data);
         }
-      }, function (e) {
+      }, e => {
         console.error(e); // TODO : Show error message
       }, null);
     }
 
     if (_Utils.default.isNull(menuItems) && !_Utils.default.isNull(props.settings.systemProfileDto.modules)) {
-      var dashboardMenuitems = [];
+      let dashboardMenuitems = [];
 
-      for (var i = 0; i < props.settings.systemProfileDto.modules.length; i++) {
-        var module = props.settings.systemProfileDto.modules[i];
+      for (let i = 0; i < props.settings.systemProfileDto.modules.length; i++) {
+        let module = props.settings.systemProfileDto.modules[i];
 
         if (!_Utils.default.isNull(module.dashBoardMenuBar)) {
-          for (var j = 0; j < module.dashBoardMenuBar.menus.length; j++) {
-            var menu = module.dashBoardMenuBar.menus[j];
+          for (let j = 0; j < module.dashBoardMenuBar.menus.length; j++) {
+            let menu = module.dashBoardMenuBar.menus[j];
 
             var _iterator2 = _createForOfIteratorHelper(menu.items),
                 _step2;
 
             try {
               for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                var item = _step2.value;
+                const item = _step2.value;
                 dashboardMenuitems.push(item);
               }
             } catch (err) {
@@ -400,9 +400,9 @@ var Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.fo
     }
   });
 
-  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 = {};
     settings.parameters.map = {};
@@ -442,16 +442,14 @@ 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"
-    }, /*#__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"
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+    className: "nav-item",
+    onClick: () => {
+      addDashboardCard(item);
+    }
+  }, item.attributes.label, " "), " "))) : null), " ")), /*#__PURE__*/_react.default.createElement("div", {
     style: {
       overflow: 'auto',
       maxHeight: 'calc(85vh - 4px)',
@@ -478,23 +476,19 @@ var Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.fo
     title: 'Due Today',
     itemCount: taskSummary.dueTodayItemCount,
     path: 'workflow/due-today-work-items.json'
-  })) : 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'
-      }
-    }, row.map(function (userDashboard) {
-      return /*#__PURE__*/_react.default.createElement(DashboardCard, {
-        settings: userDashboard,
-        index: dashboardCardCounter,
-        key: dashboardCardCounter++,
-        onDelete: function onDelete() {
-          setupCardRows(userDashboard);
-        }
-      });
-    }));
-  }) : null))) : null);
+  })) : 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'
+    }
+  }, row.map(userDashboard => /*#__PURE__*/_react.default.createElement(DashboardCard, {
+    settings: userDashboard,
+    index: dashboardCardCounter,
+    key: dashboardCardCounter++,
+    onDelete: () => {
+      setupCardRows(userDashboard);
+    }
+  })))) : null))) : null);
 }));
 
 var _default = Dashboard;

package/dist/view/Settings.js

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