@agilemotion/oui-react-js 1.3.1 → 1.3.2

package/dist/components/layout/Layout.js

@@ -35,6 +35,8 @@ var _asyncMutex = require("async-mutex");
 
 var _DocumentViewer = _interopRequireDefault(require("../DocumentViewer"));
 
+var _SignaturePanel = _interopRequireDefault(require("../SignaturePanel"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
@@ -258,6 +260,12 @@ const Layout = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       ref: /*#__PURE__*/_react.default.createRef(),
       viewId: props.viewId,
       loadCompleteHandler: loadCompleteHandler
+    }) : component.type === 'signaturePanel' ? /*#__PURE__*/_react.default.createElement(_SignaturePanel.default, {
+      config: component,
+      handle: createComponentHandle(component),
+      ref: /*#__PURE__*/_react.default.createRef(),
+      viewId: props.viewId,
+      loadCompleteHandler: loadCompleteHandler
     }) : /*#__PURE__*/_react.default.createElement("div", null, "Unsupported component type " + component.type);
   }
 
@@ -333,6 +341,7 @@ const Layout = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       overflow: _Utils.default.getComponentAttribute(component, 'overflow', 'auto'),
       minWidth: '128px',
       height: '100%',
+      maxHeight: _Utils.default.getComponentAttribute(component, 'maxHeight', null),
       margin: _Utils.default.getComponentAttribute(component, 'margin', 0),
       padding: _Utils.default.getComponentAttribute(component, 'padding', 0)
     };

package/dist/components/layout/ViewPort.js

@@ -91,13 +91,14 @@ class ViewPort extends _react.default.PureComponent {
 
     _ApplicationContext.default.setConfirmDialogHandler(this);
 
-    this.props.history.push("/view/dashboard");
+    let defaultRoute = !_Utils.default.isNull(this.props.defaultView) ? this.props.defaultView : "/view/dashboard";
+    this.props.history.push(defaultRoute);
   }
 
   render() {
     return /*#__PURE__*/_react.default.createElement("div", {
       style: {
-        height: 'calc(100vh - 90px)'
+        height: _Utils.default.isNull(this.props.height) ? 'calc(100vh - 90px)' : this.props.height
       }
     }, this.state.popupView !== null ? /*#__PURE__*/_react.default.createElement(_PopupView.default, {
       open: this.state.popupView !== null,

package/dist/components/menu/MenuLink.js

@@ -33,6 +33,13 @@ const MenuLink = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
 
     if (!_Utils.default.isNull(parsedConfig)) {
       _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, handle, props.viewId);
+
+      if (props.autoClick) {
+        dispatch(_DashboardStore.actionCreators.setActiveRoute(props.name));
+        let event = new _Event.default(handle, props.viewId);
+
+        _Observable.default.fireEvent(_EventType.default.CLICK, event);
+      }
     }
   }, [props.config]);
 

package/dist/components/navbars/HomeNavbar.js

@@ -23,16 +23,6 @@ var _Utils = _interopRequireDefault(require("../../Utils"));
 
 var _ActionHandlers = _interopRequireDefault(require("../../event/ActionHandlers"));
 
-var _withWidth = require("material-ui/utils/withWidth");
-
-var _TokenManager = _interopRequireDefault(require("../../security/TokenManager"));
-
-var _ApplicationContext = _interopRequireWildcard(require("../../ApplicationContext"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

package/dist/components/navbars/PortalNavbar.css

@@ -0,0 +1,75 @@
+.portal-navbar-container {
+    width: 100vw;
+    background-color: #ffffff;
+    height: 100%;
+    margin-left: 0 !important;
+    text-align: right;
+    border-bottom: 1px solid #e1e1e1;
+}
+
+.portal-navbar-logo {
+    margin-top: 4px;
+    width: 31%;
+    text-align: right;
+    height: 48px;
+}
+
+.portal-navbar-toolbar {
+    display: inline-block;
+    text-align: left;
+    width: 55%;
+    height: 48px;
+    margin-left: 72px;
+}
+
+.spacer {
+    width: 320px;
+}
+
+/* Smartphones (landscape); */
+@media only screen and (min-device-width: 361px) and (max-device-width: 480px) {
+    .portal-navbar-logo {
+        margin: 4px;
+        width: 48px;
+    }
+
+    .portal-navbar-toolbar {
+        width: calc(100% - 84px);
+        margin-left: 24px;
+    }
+
+    .spacer {
+        width: 144px;
+    }
+}
+
+/* Smartphones (portrait); */
+@media only screen and (min-device-width: 280px) and (max-device-width: 360px) {
+    .portal-navbar-logo {
+        margin: 4px;
+        width: 48px;
+    }
+
+    .portal-navbar-toolbar {
+        width: calc(100% - 84px);
+        margin-left: 24px;
+    }
+
+    .spacer {
+        width: 144px;
+    }
+}
+
+
+/* iPads (portrait and landscape); */
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
+
+}
+
+/* iPad 3 */
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
+}
+
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
+}
+

package/dist/components/navbars/PortalNavbar.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _Icon = _interopRequireDefault(require("./../Icon"));
+
+var _colors = require("material-ui/styles/colors");
+
+require("./PortalNavbar.css");
+
+var _reactstrap = require("reactstrap");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const useStyles = (0, _styles.makeStyles)(theme => ({
+  iconButtonLabel: {
+    display: 'flex',
+    flexDirection: 'column'
+  }
+}));
+
+const PortalNavbar = props => {
+  const classes = useStyles();
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "row portal-navbar-container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "col-*-* portal-navbar-logo"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: props.appLogoPath,
+    alt: "...",
+    style: {
+      height: '48px'
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "col-*-* portal-navbar-toolbar"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "row"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "col-*-*"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    "aria-controls": "menu-list-grow",
+    style: {
+      width: 80,
+      height: 48,
+      borderBottom: '2px solid',
+      borderColor: _colors.grey800,
+      borderRadius: 0
+    },
+    "aria-haspopup": "true",
+    classes: {
+      label: classes.iconButtonLabel
+    },
+    onClick: () => {
+      alert('WORK CLICK FIREEEEE');
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    id: "WORK"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      fontSize: '14px'
+    }
+  }, "Workspace"))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "col-*-* spacer"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "col-*-*"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: '80px'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Collapse, {
+    navbar: true,
+    isOpen: true
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Nav, {
+    className: "ml-auto",
+    navbar: true
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledDropdown, {
+    nav: true
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
+    style: {
+      color: props.themeTextColor
+    },
+    caret: true,
+    color: "default",
+    "data-toggle": "dropdown",
+    nav: true,
+    onClick: e => e.preventDefault()
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      margin: '-4px'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    "aria-controls": "menu-list-grow",
+    style: {
+      borderColor: _colors.grey800
+    },
+    "aria-haspopup": "true",
+    classes: {
+      label: classes.iconButtonLabel
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    id: "PERSON"
+  }))), " ", /*#__PURE__*/_react.default.createElement("b", {
+    className: "caret d-none d-lg-block d-xl-block"
+  }), /*#__PURE__*/_react.default.createElement("p", {
+    className: "d-lg-none"
+  }, " Log out "), " "), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
+    className: "dropdown-navbar",
+    right: true,
+    tag: "ul"
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
+    tag: "li"
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+    className: "nav-item",
+    onClick: () => (void 0).launchView('system/user-profile.json')
+  }, " ", "Profile", " "), " "), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+    divider: true,
+    tag: "li"
+  }), /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
+    tag: "li"
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+    className: "nav-item",
+    onClick: props.logoutCallBack
+  }, " ", "Log out", " "), " "), " "), " "), " ", /*#__PURE__*/_react.default.createElement("li", {
+    className: "separator d-lg-none"
+  })), " "), " "))))));
+};
+
+var _default = PortalNavbar;
+exports.default = _default;

package/dist/components/signatures/SignatureTemplateDesigner.js

@@ -371,7 +371,7 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
           let top = !_Utils.default.isNull(event.target.style.top) && event.target.style.top.trim().length > 0 ? event.target.style.top.replaceAll('pt', '') : '0';
           let topPos = parseFloat(top) + parseFloat(event.target.style.height.replace('pt', '')) - 75;
           let pageDropOffset = getPageDropOffset(16, topPos);
-          node.style.top = topPos - pageDropOffset.topOffset + 'pt';
+          node.style.top = convertToPixels(topPos - pageDropOffset.topOffset + 'pt');
           node.style.width = paletteSelection.current.defaultWidthOnPageDrop;
           node.style.height = paletteSelection.current.defaultHeightOnPageDrop;
           node.style.padding = '8px';
@@ -380,7 +380,7 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
         } else {
           let lineHeight = event.target.style.lineHeight;
           let hasLineHeight = !_Utils.default.isNull(lineHeight) && lineHeight.trim().length > 0 && lineHeight.toString() !== '0';
-          node.style.top = hasLineHeight ? event.target.style.top : parseFloat(event.target.style.top.replace('pt', '')) - 14.5 + 'pt';
+          node.style.top = hasLineHeight ? event.target.style.top : convertToPixels(parseFloat(event.target.style.top.replace('pt', '')) - 14.5 + 'pt');
           node.style.left = event.target.style.left;
           node.style.width = convertToPixels(event.target.style.width);
           node.style.height = convertToPixels(hasLineHeight ? event.target.style.lineHeight : '14.5pt');
@@ -682,9 +682,10 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
           node.style.height = element.style.height;
           node.style.left = element.style.left;
           node.innerText = element.innerText;
-          node.style.top = pageNumber * pageElementHeight + offset + 'pt';
+          node.style.top = convertToPixels(pageNumber * pageElementHeight + offset + 'pt');
           node.id = idCounter.current++;
           node.className = element.className;
+          node.setAttribute("sid", element.getAttribute("sid"));
           node.setAttribute("draggable", true);
           let inputValue = {};
           inputValue.id = node.id;
@@ -693,9 +694,9 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
           inputValue.type = elementData.type;
           inputValue.signatory = elementData.signatory;
           inputBoxValues.push(inputValue);
-          setValue(null);
           pageElement.appendChild(node);
           node.addEventListener('dragstart', dragStart, false);
+          saveValue();
         }
       }
     } catch (err) {
@@ -749,6 +750,7 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
     element.style.height = values.height + "px";
     element.style.borderColor = VALID_COLOR;
     element.innerText = values.signatory.map.name;
+    element.setAttribute("sid", values.signatory.map.emailAddress);
     saveValue();
   };
 

package/dist/event/RouteActionHandler.js

@@ -112,7 +112,7 @@ class RouteActionHandler {
           _ApplicationContext.default.getCurrentView().handle.api.updateModel(parameterValues);
         }
       } else if (data.type === 'graph') {
-        _ApplicationContext.default.loadGraph(isParent, isPopup, data);
+        _ApplicationContext.default.loadGraph(isParent, isPopup, data, parameterValues);
       }
     }, e => {
       console.error(e);

package/dist/view/Dashboard.js

@@ -276,25 +276,29 @@ const WorkFlowCard = props => {
 };
 
 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$useState13 = _react.default.useState(!_Utils.default.isNull(props.settings.userDashboards) ? props.settings.userDashboards : []),
+        _React$useState14 = _slicedToArray(_React$useState13, 1),
+        userDashboards = _React$useState14[0];
 
   const _React$useState15 = _react.default.useState(null),
         _React$useState16 = _slicedToArray(_React$useState15, 2),
-        menuItems = _React$useState16[0],
-        setMenuItems = _React$useState16[1];
+        taskSummary = _React$useState16[0],
+        setTaskSummary = _React$useState16[1];
 
   const _React$useState17 = _react.default.useState(null),
         _React$useState18 = _slicedToArray(_React$useState17, 2),
-        cardRows = _React$useState18[0],
-        setCardRows = _React$useState18[1];
+        menuItems = _React$useState18[0],
+        setMenuItems = _React$useState18[1];
 
   const _React$useState19 = _react.default.useState(null),
         _React$useState20 = _slicedToArray(_React$useState19, 2),
-        cardsPerRow = _React$useState20[0],
-        setCardsPerRow = _React$useState20[1];
+        cardRows = _React$useState20[0],
+        setCardRows = _React$useState20[1];
+
+  const _React$useState21 = _react.default.useState(null),
+        _React$useState22 = _slicedToArray(_React$useState21, 2),
+        cardsPerRow = _React$useState22[0],
+        setCardsPerRow = _React$useState22[1];
 
   let dashboardCardCounter = 0;
   const api = {
@@ -312,7 +316,7 @@ const Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
     let gridRows = [];
     dashboardCardCounter = 0;
 
-    var _iterator = _createForOfIteratorHelper(props.settings.userDashboards),
+    var _iterator = _createForOfIteratorHelper(userDashboards),
         _step;
 
     try {
@@ -395,7 +399,7 @@ const Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
       setMenuItems(dashboardMenuitems);
     }
 
-    if (!_Utils.default.isNull(props.settings) && !_Utils.default.isNull(props.settings.userDashboards) && _Utils.default.isNull(cardRows) && !_Utils.default.isNull(cardsPerRow)) {
+    if (!_Utils.default.isNull(props.settings) && !_Utils.default.isNull(userDashboards) && _Utils.default.isNull(cardRows) && !_Utils.default.isNull(cardsPerRow)) {
       setupCardRows();
     }
   });
@@ -406,7 +410,7 @@ const Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
     settings.path = path;
     settings.parameters = {};
     settings.parameters.map = {};
-    props.settings.userDashboards.push(settings);
+    userDashboards.push(settings);
     setupCardRows();
   };
 

package/dist/view/PortalDashboard.js

@@ -0,0 +1,33 @@
+"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 location = window.location.protocol + "//" + window.location.hostname;
+
+const PortalDashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const api = {
+    get id() {
+      return "portal-dashboard";
+    }
+
+  };
+  const handle = {
+    "api": api
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    style: {
+      margin: '4px 0 0 0'
+    }
+  }, "PORTAL DASHBOARD");
+}));
+
+var _default = PortalDashboard;
+exports.default = _default;

package/dist/view/security/ChangePasswordBasic.js

@@ -193,6 +193,7 @@ const ChangePassword = props => {
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       backgroundColor: props.background,
+      color: props.textColor,
       height: '100%',
       width: '100%'
     }

package/dist/view/security/ForgotPasswordBasic.js

@@ -120,6 +120,7 @@ const ResetPassword = props => {
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       backgroundColor: props.background,
+      color: props.textColor,
       height: '100%',
       width: '100%'
     }

package/dist/view/security/LoginBasic.js

@@ -108,6 +108,7 @@ const Login = props => {
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       backgroundColor: props.background,
+      color: props.textColor,
       height: '100%',
       width: '100%'
     }
@@ -241,7 +242,11 @@ const Login = props => {
     style: _loginBasicStyle.default.flatButton,
     startIcon: /*#__PURE__*/_react.default.createElement(_Help.default, null)
   }, "Forgot Password?"))))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Footer.default, {
-    white: true
+    white: true,
+    logo: props.footerLogo,
+    text: props.footerText,
+    width: props.footerWidth,
+    splitterColor: props.footerSplitterColor
   })));
 };