@agilemotion/oui-react-js 1.2.7 → 1.2.9

package/dist/theme-default.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _getMuiTheme = _interopRequireDefault(require("material-ui/styles/getMuiTheme"));
+
+var _colors = require("material-ui/styles/colors");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const themeDefault = (0, _getMuiTheme.default)({
+  palette: {},
+  appBar: {
+    height: 57,
+    color: _colors.blue600
+  },
+  drawer: {
+    width: 230
+  },
+  raisedButton: {
+    primaryColor: _colors.blue600
+  }
+});
+var _default = themeDefault;
+exports.default = _default;

package/dist/view/Dashboard.js

@@ -0,0 +1,495 @@
+"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; }
+
+const location = window.location.protocol + "//" + window.location.hostname;
+
+const DashboardCard = props => {
+  const _React$useState = _react.default.useState(null),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        path = _React$useState2[0],
+        setPath = _React$useState2[1];
+
+  const _React$useState3 = _react.default.useState(null),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        name = _React$useState4[0],
+        setName = _React$useState4[1];
+
+  const _React$useState5 = _react.default.useState(null),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        displayType = _React$useState6[0],
+        setDisplayType = _React$useState6[1];
+
+  const _React$useState7 = _react.default.useState( /*#__PURE__*/_react.default.createRef()),
+        _React$useState8 = _slicedToArray(_React$useState7, 1),
+        ref = _React$useState8[0];
+
+  _react.default.useEffect(() => {
+    if (!path) {
+      // TODO: Make the base URL dynamic
+      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");
+          return;
+        }
+
+        setDisplayType(defaultDisplayType);
+        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");
+          return;
+        }
+
+        setName(defaultName);
+        setPath(data.url.replace('.html', "".concat(defaultDisplayType, ".html")));
+      }, e => {
+        console.error(e);
+      });
+    }
+  });
+
+  const saveDashboard = () => {
+    props.settings.parameters.type = "MapEntityDto";
+    props.settings.parameters.map.displayType = displayType;
+    props.settings.parameters.map.dashboardName = name;
+    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, data => {}, e => {
+      console.log(e);
+    });
+  };
+
+  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?', result => {
+        if (result === true) {
+          let url = "".concat(location, "/agility/app/controller/dashboard/delete?id=").concat(props.settings.id);
+          (0, _RestUtils.sendRequest)(url, data => {
+            props.onDelete();
+          }, 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: () => {
+      saveDashboard();
+    }
+  }, "SAVE")), /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
+    tag: "li"
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+    className: "nav-item",
+    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...")));
+};
+
+const WorkFlowCard = props => {
+  const _React$useState9 = _react.default.useState(null),
+        _React$useState10 = _slicedToArray(_React$useState9, 2),
+        sp = _React$useState10[0],
+        setSp = _React$useState10[1];
+
+  const _React$useState11 = _react.default.useState(null),
+        _React$useState12 = _slicedToArray(_React$useState11, 2),
+        minW = _React$useState12[0],
+        setMinW = _React$useState12[1];
+
+  const routeAction = {
+    "actionType": "route",
+    "parent": true
+  };
+
+  _react.default.useEffect(() => {
+    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: () => {
+      routeAction.path = props.path;
+
+      _RouteActionHandler.default.execute(routeAction, null, props.viewRef, 'dashboard');
+    }
+  }, "View"))));
+};
+
+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";
+    }
+
+  };
+  const handle = {
+    "api": api
+  };
+
+  function setupCardRows(exclusion) {
+    let row = null;
+    let gridRows = [];
+    dashboardCardCounter = 0;
+
+    var _iterator = _createForOfIteratorHelper(props.settings.userDashboards),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        const 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++) {
+      const gridRow = _gridRows[_i2];
+      gridRow[0].first = true;
+    }
+
+    setCardRows(gridRows);
+  }
+
+  _react.default.useEffect(() => {
+    let 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", result => {
+        if (!_Utils.default.isNull(result)) {
+          setTaskSummary(result.data);
+        }
+      }, e => {
+        console.error(e); // TODO : Show error message
+      }, null);
+    }
+
+    if (_Utils.default.isNull(menuItems) && !_Utils.default.isNull(props.settings.systemProfileDto.modules)) {
+      let dashboardMenuitems = [];
+
+      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 (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;) {
+                const 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();
+    }
+  });
+
+  const addDashboardCard = item => {
+    let path = item.eventHandlingConfig.subscriptions[0].actions[0].path;
+    let 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(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)',
+      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(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;
+exports.default = _default;

package/dist/view/Settings.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const Settings = props => {
+  return /*#__PURE__*/_react.default.createElement("div", null, "Holla Bosss");
+};
+
+var _default = withRouter(connect(dispatch => bindActionCreators(actionCreators, dispatch))(Settings));
+
+exports.default = _default;