@agilemotion/oui-react-js 1.2.5 → 1.2.7

package/dist/view/Dashboard.js

@@ -1,501 +0,0 @@
-"use strict";
-
-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 _ApplicationContext = _interopRequireDefault(require("../ApplicationContext"));
-
-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 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 _React$useState7 = _react.default.useState( /*#__PURE__*/_react.default.createRef()),
-      _React$useState8 = _slicedToArray(_React$useState7, 1),
-      ref = _React$useState8[0];
-
-  _react.default.useEffect(function () {
-    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;
-
-        if (_Utils.default.isNull(defaultDisplayType)) {
-          console.error("Could not determine display type for dashboard");
-          return;
-        }
-
-        setDisplayType(defaultDisplayType);
-        var 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");
-          return;
-        }
-
-        setName(defaultName);
-        setPath(data.url.replace('.html', "".concat(defaultDisplayType, ".html")));
-      }, function (e) {
-        console.error(e);
-      });
-    }
-  });
-
-  var saveDashboard = function 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));
-
-    if (!_Utils.default.isNull(props.settings.id)) {
-      url += "&id=" + props.settings.id;
-    }
-
-    (0, _RestUtils.sendRequest)(url, function (data) {}, function (e) {
-      console.log(e);
-    });
-  };
-
-  var deleteDashboard = function 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) {
-        if (result === true) {
-          var url = "".concat(location, "/agility/app/controller/dashboard/delete?id=").concat(props.settings.id);
-          (0, _RestUtils.sendRequest)(url, function (data) {
-            props.onDelete();
-          }, function (e) {
-            console.log(e);
-          });
-        }
-      });
-    } else {
-      props.onDelete();
-    }
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_Paper.default, {
-    style: {
-      minWidth: '200px',
-      marginLeft: props.settings.first ? '0' : '16px',
-      minHeight: '40vh'
-    },
-    className: "col",
-    ref: ref
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "row"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "col-*-*"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledDropdown, null, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
-    color: "default",
-    "data-toggle": "dropdown",
-    style: {
-      width: '12px',
-      height: '8px'
-    },
-    nav: true
-  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    "aria-controls": "menu-list-grow",
-    "aria-haspopup": "true",
-    style: {
-      width: '8px'
-    }
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "fa fa-ellipsis-v fa-xs",
-    "aria-hidden": "true",
-    style: {
-      padding: '3px'
-    }
-  }))), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
-    className: "dropdown-navbar",
-    left: true,
-    tag: "ul"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
-    tag: "li"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
-    className: "nav-item",
-    onClick: function onClick() {
-      saveDashboard();
-    }
-  }, "SAVE")), /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
-    tag: "li"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
-    className: "nav-item",
-    onClick: function onClick() {
-      deleteDashboard();
-    }
-  }, "DELETE"), " "))), " "), /*#__PURE__*/_react.default.createElement("div", {
-    className: "col-*-*",
-    style: {
-      padding: '14px 0 0 12px'
-    }
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    style: {
-      fontSize: '24px'
-    }
-  }, name))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "row",
-    style: {
-      margin: "16px",
-      width: '100%',
-      height: '32vh',
-      padding: '8px 32px 0 0'
-    }
-  }, !_Utils.default.isNull(path) ? /*#__PURE__*/_react.default.createElement("object", {
-    data: path,
-    title: "",
-    style: {
-      width: '100%',
-      height: '100%'
-    }
-  }) : /*#__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];
-
-  var _React$useState11 = _react.default.useState(null),
-      _React$useState12 = _slicedToArray(_React$useState11, 2),
-      minW = _React$useState12[0],
-      setMinW = _React$useState12[1];
-
-  var routeAction = {
-    "actionType": "route",
-    "parent": true
-  };
-
-  _react.default.useEffect(function () {
-    if (window.innerWidth < 400) {
-      setSp(16);
-      setMinW(280);
-    } else {
-      setSp(48);
-      setMinW(300);
-    }
-  }, []);
-
-  return _Utils.default.isNull(sp) || _Utils.default.isNull(minW) ? null : /*#__PURE__*/_react.default.createElement(_Paper.default, {
-    style: {
-      minWidth: "".concat(minW, "px"),
-      margin: props.margin,
-      height: '152px'
-    },
-    className: "col"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "row"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "col-*-*",
-    style: {
-      width: '70%'
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      padding: "16px ".concat(sp, "px 16px ").concat(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"),
-      height: '0',
-      fontSize: '20px'
-    }
-  }, props.title), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      padding: "0 ".concat(sp, "px 16px ").concat(sp, "px"),
-      fontSize: '30px'
-    }
-  }, props.itemCount)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "col-*-*",
-    style: {
-      marginTop: '50px'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    variant: 'contained',
-    color: 'primary',
-    size: "large",
-    disabled: parseFloat(props.itemCount) === 0,
-    onClick: function onClick() {
-      routeAction.path = props.path;
-
-      _RouteActionHandler.default.execute(routeAction, null, props.viewRef, 'dashboard');
-    }
-  }, "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 = {
-    get id() {
-      return "dashboard";
-    }
-
-  };
-  var handle = {
-    "api": api
-  };
-
-  function setupCardRows(exclusion) {
-    var row = null;
-    var gridRows = [];
-    dashboardCardCounter = 0;
-
-    var _iterator = _createForOfIteratorHelper(props.settings.userDashboards),
-        _step;
-
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var userDashboard = _step.value;
-
-        if (dashboardCardCounter++ % cardsPerRow === 0) {
-          row = [];
-          gridRows.push(row);
-        }
-
-        if (userDashboard !== exclusion) {
-          row.push(userDashboard);
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-
-    for (var _i2 = 0, _gridRows = gridRows; _i2 < _gridRows.length; _i2++) {
-      var gridRow = _gridRows[_i2];
-      gridRow[0].first = true;
-    }
-
-    setCardRows(gridRows);
-  }
-
-  _react.default.useEffect(function () {
-    var rpcConfig = {
-      "type": "remoteObjectProxy",
-      "procedureName": "getWorkFlowSummary",
-      "serviceId": "SYSTEM.WorkFlow"
-    };
-
-    if (window.innerWidth < 400) {
-      setCardsPerRow(1);
-    } else {
-      setCardsPerRow(2);
-    }
-
-    if (_Utils.default.isNull(taskSummary)) {
-      (0, _RestUtils.invokeRpc)(rpcConfig, handle, "dashboard", function (result) {
-        if (!_Utils.default.isNull(result)) {
-          setTaskSummary(result.data);
-        }
-      }, function (e) {
-        console.error(e); // TODO : Show error message
-      }, null);
-    }
-
-    if (_Utils.default.isNull(menuItems) && !_Utils.default.isNull(props.settings.systemProfileDto.modules)) {
-      var dashboardMenuitems = [];
-
-      for (var i = 0; i < props.settings.systemProfileDto.modules.length; i++) {
-        var 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];
-
-            var _iterator2 = _createForOfIteratorHelper(menu.items),
-                _step2;
-
-            try {
-              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                var item = _step2.value;
-                dashboardMenuitems.push(item);
-              }
-            } catch (err) {
-              _iterator2.e(err);
-            } finally {
-              _iterator2.f();
-            }
-          }
-        }
-      }
-
-      setMenuItems(dashboardMenuitems);
-    }
-
-    if (!_Utils.default.isNull(props.settings) && !_Utils.default.isNull(props.settings.userDashboards) && _Utils.default.isNull(cardRows) && !_Utils.default.isNull(cardsPerRow)) {
-      setupCardRows();
-    }
-  });
-
-  var addDashboardCard = function addDashboardCard(item) {
-    var path = item.eventHandlingConfig.subscriptions[0].actions[0].path;
-    var settings = {};
-    settings.path = path;
-    settings.parameters = {};
-    settings.parameters.map = {};
-    props.settings.userDashboards.push(settings);
-    setupCardRows();
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
-    style: {
-      margin: '4px 0 0 0'
-    }
-  }, !_Utils.default.isNull(props.settings) ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "row"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "col-*-*",
-    style: {
-      padding: '14px',
-      width: '120px'
-    }
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    style: {
-      fontSize: '24px'
-    }
-  }, "Dashboard")), /*#__PURE__*/_react.default.createElement("div", {
-    className: "col-*-*"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledDropdown, null, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
-    color: "default",
-    "data-toggle": "dropdown",
-    nav: true
-  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    "aria-controls": "menu-list-grow",
-    "aria-haspopup": "true"
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    id: 'ADD'
-  }))), " ", !_Utils.default.isNull(menuItems) ? /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
-    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", {
-    style: {
-      overflow: 'auto',
-      maxHeight: 'calc(85vh - 4px)',
-      padding: '0 0 64px 0'
-    }
-  }, !_Utils.default.isNull(taskSummary) ? /*#__PURE__*/_react.default.createElement("div", {
-    className: 'row',
-    style: {
-      paddingRight: '16px'
-    }
-  }, /*#__PURE__*/_react.default.createElement(WorkFlowCard, {
-    margin: '0 0 16px 16px',
-    title: 'Assigned to Me',
-    itemCount: taskSummary.personalWorkItemCount,
-    viewRef: ref,
-    path: 'workflow/personal-work-items.json'
-  }), /*#__PURE__*/_react.default.createElement(WorkFlowCard, {
-    margin: '0 0 16px 16px',
-    title: 'Available',
-    itemCount: taskSummary.groupWorkItemCount,
-    path: 'workflow/group-work-items.json'
-  }), /*#__PURE__*/_react.default.createElement(WorkFlowCard, {
-    margin: '0 0 16px 16px',
-    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);
-}));
-
-var _default = Dashboard;
-exports.default = _default;

package/dist/view/Settings.js

@@ -1,20 +0,0 @@
-"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 }; }
-
-var Settings = function Settings(props) {
-  return /*#__PURE__*/_react.default.createElement("div", null, "Holla Bosss");
-};
-
-var _default = withRouter(connect(function (dispatch) {
-  return bindActionCreators(actionCreators, dispatch);
-})(Settings));
-
-exports.default = _default;