@agilemotion/oui-react-js 1.3.1 → 1.3.3

package/dist/view/Dashboard.js

@@ -157,7 +157,6 @@ const DashboardCard = props => {
     }
   }))), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
     className: "dropdown-navbar",
-    left: true,
     tag: "ul"
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
     tag: "li"
@@ -276,27 +275,32 @@ 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;
+  let keyCounter = 0;
   const api = {
     get id() {
       return "dashboard";
@@ -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();
   };
 
@@ -443,7 +447,8 @@ const Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
     right: true,
     tag: "ul"
   }, menuItems.map(item => /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
-    tag: "li"
+    tag: "li",
+    key: keyCounter++
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     className: "nav-item",
     onClick: () => {
@@ -451,14 +456,16 @@ const Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
     }
   }, item.attributes.label, " "), " "))) : null), " ")), /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      overflow: 'auto',
+      overflowY: 'auto',
+      overflowX: 'hidden',
       maxHeight: 'calc(85vh - 4px)',
-      padding: '0 0 64px 0'
+      padding: '0 4px 64px 0'
     }
   }, !_Utils.default.isNull(taskSummary) ? /*#__PURE__*/_react.default.createElement("div", {
     className: 'row',
     style: {
-      paddingRight: '16px'
+      paddingRight: '16px',
+      overflow: 'hidden'
     }
   }, /*#__PURE__*/_react.default.createElement(WorkFlowCard, {
     margin: '0 0 16px 16px',
@@ -480,7 +487,8 @@ const Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
     className: 'row',
     style: {
       margin: '0 0 16px 0'
-    }
+    },
+    key: keyCounter++
   }, row.map(userDashboard => /*#__PURE__*/_react.default.createElement(DashboardCard, {
     settings: userDashboard,
     index: dashboardCardCounter,

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
   })));
 };
 

package/dist/view/security/LoginBusinessPortal.js

@@ -0,0 +1,268 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _Help = _interopRequireDefault(require("@material-ui/icons/Help"));
+
+var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+
+var _Security = require("./Security");
+
+var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _Visibility = _interopRequireDefault(require("@material-ui/icons/Visibility"));
+
+var _VisibilityOff = _interopRequireDefault(require("@material-ui/icons/VisibilityOff"));
+
+var _reactRedux = require("react-redux");
+
+var _redux = require("redux");
+
+var _DashboardStore = require("../../redux/store/DashboardStore");
+
+var _reactRouterDom = require("react-router-dom");
+
+var _ApplicationContext = _interopRequireDefault(require("./../../ApplicationContext"));
+
+var _Utils = _interopRequireDefault(require("../../Utils"));
+
+var _Footer = _interopRequireDefault(require("../../components/footer/Footer"));
+
+var _Alert = _interopRequireDefault(require("react-bootstrap/Alert"));
+
+var _loginBusinessPortalStyle = _interopRequireDefault(require("../../assets/jss/views/loginBusinessPortalStyle"));
+
+var _colors = require("material-ui/styles/colors");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 Login = props => {
+  const _React$useState = _react.default.useState(null),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        errorMessage = _React$useState2[0],
+        setErrorMessage = _React$useState2[1];
+
+  const _React$useState3 = _react.default.useState(false),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        usernameError = _React$useState4[0],
+        setUsernameError = _React$useState4[1];
+
+  const _React$useState5 = _react.default.useState(false),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        passwordError = _React$useState6[0],
+        setPasswordError = _React$useState6[1];
+
+  const _React$useState7 = _react.default.useState(null),
+        _React$useState8 = _slicedToArray(_React$useState7, 2),
+        username = _React$useState8[0],
+        setUsername = _React$useState8[1];
+
+  const _React$useState9 = _react.default.useState(null),
+        _React$useState10 = _slicedToArray(_React$useState9, 2),
+        password = _React$useState10[0],
+        setPassword = _React$useState10[1];
+
+  const _React$useState11 = _react.default.useState(null),
+        _React$useState12 = _slicedToArray(_React$useState11, 2),
+        showPassword = _React$useState12[0],
+        setShowPassword = _React$useState12[1];
+
+  const _React$useState13 = _react.default.useState(false),
+        _React$useState14 = _slicedToArray(_React$useState13, 2),
+        isLoading = _React$useState14[0],
+        setIsLoading = _React$useState14[1];
+
+  const handleClickShowPassword = () => {
+    setShowPassword(!showPassword);
+  };
+
+  const handleMouseDownPassword = event => {
+    event.preventDefault();
+  };
+
+  _react.default.useEffect(() => {
+    _ApplicationContext.default.clear();
+  });
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      backgroundColor: props.background,
+      color: props.textColor ? props.textColor : _colors.black,
+      height: '100%',
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: '92%',
+      width: '100%',
+      margin: 'auto',
+      paddingTop: 'calc(100vh/6)'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      maxWidth: '400px',
+      margin: 'auto'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: _loginBusinessPortalStyle.default.loginContainer
+  }, /*#__PURE__*/_react.default.createElement(_Paper.default, {
+    style: _loginBusinessPortalStyle.default.paper
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "row",
+    style: _loginBusinessPortalStyle.default.title
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: '30%',
+      textAlign: 'right'
+    },
+    className: 'col-*-*'
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: props.logo,
+    alt: "..."
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: '70%',
+      textAlign: 'left',
+      margin: 'auto',
+      paddingLeft: '16px',
+      fontSize: "20pt",
+      color: props.textColor ? props.textColor : _colors.black
+    },
+    className: 'col-*-*'
+  }, props.title)), !_Utils.default.isNull(errorMessage) ? /*#__PURE__*/_react.default.createElement("div", {
+    style: _loginBusinessPortalStyle.default.componentWrapper,
+    className: "w-100 row-*-*"
+  }, /*#__PURE__*/_react.default.createElement(_Alert.default, {
+    variant: "danger",
+    show: !_Utils.default.isNull(errorMessage),
+    onClose: () => setErrorMessage(null),
+    dismissible: true
+  }, /*#__PURE__*/_react.default.createElement(_Alert.default.Heading, null, "Login error!"), /*#__PURE__*/_react.default.createElement("p", null, errorMessage))) : "", /*#__PURE__*/_react.default.createElement("div", {
+    style: _loginBusinessPortalStyle.default.componentWrapper,
+    className: "w-100 row-*-*"
+  }, /*#__PURE__*/_react.default.createElement("form", null, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    id: "username",
+    required: true,
+    error: usernameError,
+    label: "Username",
+    value: username || '',
+    onChange: e => {
+      let usernamePresent = !_Utils.default.isNull(e.target.value) && e.target.value.trim().length > 0;
+      setUsername(e.target.value);
+      setUsernameError(!usernamePresent);
+    },
+    margin: "normal",
+    variant: "outlined",
+    style: {
+      minWidth: "200px",
+      width: "100%"
+    }
+  }), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    id: "password",
+    required: true,
+    label: "Password",
+    error: passwordError,
+    type: showPassword ? 'text' : 'password',
+    value: password || '',
+    onChange: e => {
+      let passwordPresent = !_Utils.default.isNull(e.target.value) && e.target.value.trim().length > 0;
+      setPassword(e.target.value);
+      setPasswordError(!passwordPresent);
+    },
+    margin: "normal",
+    InputProps: {
+      endAdornment: /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
+        position: "end"
+      }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+        "aria-label": "toggle password visibility",
+        onClick: handleClickShowPassword,
+        onMouseDown: handleMouseDownPassword,
+        edge: "end"
+      }, showPassword ? /*#__PURE__*/_react.default.createElement(_Visibility.default, null) : /*#__PURE__*/_react.default.createElement(_VisibilityOff.default, null)))
+    },
+    variant: "outlined",
+    style: {
+      minWidth: "200px",
+      width: "100%"
+    }
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    style: _loginBusinessPortalStyle.default.componentWrapper,
+    className: "w-100 row-*-*"
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    disabled: isLoading,
+    onClick: () => {
+      let usernamePresent = !_Utils.default.isNull(username) && username.trim().length > 0;
+      let passwordPresent = !_Utils.default.isNull(password) && password.trim().length > 0;
+      setUsernameError(!usernamePresent);
+      setPasswordError(!passwordPresent);
+
+      if (usernamePresent && passwordPresent) {
+        setIsLoading(true);
+        (0, _Security.login)(props.url, username, password, (authenticated, message, response) => {
+          if (authenticated) {
+            if (!_Utils.default.isNull(response) && response.forcePasswordChange === true) {
+              props.history.push("/change-password?username=".concat(username, "&sessionId=").concat(response.sessionId, "&challengeParamenters=").concat(encodeURI(JSON.stringify(response.challangeParameters))));
+            } else {
+              sessionStorage.setItem("username", username);
+              props.history.push('/home');
+            }
+          } else {
+            setErrorMessage(message);
+            setIsLoading(false);
+          }
+        });
+      }
+    },
+    variant: "contained",
+    color: "primary",
+    fullWidth: true,
+    style: _loginBusinessPortalStyle.default.loginBtn
+  }, isLoading && /*#__PURE__*/_react.default.createElement("i", {
+    className: "fa fa-refresh fa-spin",
+    style: {
+      marginRight: "8px"
+    }
+  }), isLoading && /*#__PURE__*/_react.default.createElement("span", null, "LOADING..."), !isLoading && /*#__PURE__*/_react.default.createElement("span", null, "LOGIN"))), /*#__PURE__*/_react.default.createElement("div", {
+    style: _loginBusinessPortalStyle.default.buttonsDiv,
+    className: "w-100 row-*-*"
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    disabled: isLoading,
+    label: "Forgot Password?",
+    href: "/forgot-password",
+    style: _loginBusinessPortalStyle.default.flatButton,
+    startIcon: /*#__PURE__*/_react.default.createElement(_Help.default, null)
+  }, "Forgot Password?")))))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Footer.default, {
+    black: true,
+    logo: props.footerLogo,
+    text: props.footerText,
+    width: props.footerWidth,
+    splitterColor: props.footerSplitterColor
+  })));
+};
+
+var _default = (0, _reactRouterDom.withRouter)((0, _reactRedux.connect)(dispatch => (0, _redux.bindActionCreators)(_DashboardStore.actionCreators, dispatch))(Login));
+
+exports.default = _default;

package/dist/view/security/ResetPasswordBasic.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilemotion/oui-react-js",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "babel": {
     "presets": [
       "@babel/preset-env",
@@ -16,54 +16,58 @@
     "dist"
   ],
   "dependencies": {
+    "@agilemotion/signi-vault-ui": "^1.0.2",
     "@date-io/date-fns": "^1.3.13",
-    "@material-ui/core": "^4.10.2",
-    "@material-ui/icons": "^4.9.1",
-    "@material-ui/lab": "^4.0.0-alpha.56",
-    "@material-ui/pickers": "^3.2.10",
-    "@material-ui/styles": "^4.9.6",
+    "@material-ui/core": "^4.11.3",
+    "@material-ui/icons": "^4.11.2",
+    "@material-ui/lab": "^4.0.0-alpha.57",
+    "@material-ui/pickers": "^3.3.10",
+    "@material-ui/styles": "^4.11.3",
     "@types/googlemaps": "3.39.3",
     "@types/markerclustererplus": "2.1.33",
-    "async-mutex": "^0.2.3",
-    "classnames": "^2.2.6",
-    "connected-react-router": "^6.8.0",
-    "date-fns": "^2.12.0",
+    "async-mutex": "^0.2.6",
+    "classnames": "^2.3.1",
+    "connected-react-router": "^6.9.1",
+    "date-fns": "^2.21.0",
     "eslint-plugin-flowtype": "3.13.0",
+    "handlebars": "^4.7.7",
+    "html-to-image": "^1.6.2",
     "install": "^0.13.0",
-    "jquery": "^3.5.1",
+    "jquery": "^3.6.0",
     "js-base64": "^3.6.0",
     "material-ui": "^0.20.2",
     "mobx": "^5.15.4",
     "node-sass": "^4.14.1",
-    "npm": "^6.14.4",
+    "npm": "^6.14.13",
     "perfect-scrollbar": "^1.5.0",
     "prop-types": "^15.7.2",
     "react": "^16.13.1",
     "react-alert": "^7.0.0",
-    "react-bootstrap": "^1.0.0",
+    "react-bootstrap": "^1.5.2",
     "react-bootstrap-switch": "^15.5.3",
     "react-dom": "^16.13.1",
+    "react-google-autocomplete": "^2.4.0",
     "react-html-renderer": "^0.3.2",
     "react-inlinesvg": "1.2.0",
     "react-loader-spinner": "^3.1.5",
     "react-pdf": "^4.1.0",
     "react-promise-tracker": "^2.1.0",
-    "react-redux": "^7.2.0",
+    "react-redux": "^7.2.3",
     "react-router": "^5.1.2",
     "react-router-dom": "^5.1.2",
     "react-router-redux": "^5.0.0-alpha.9",
     "react-scripts": "^3.0.0",
     "react-spring": "^8.0.27",
-    "react-super-responsive-table": "^5.1.1",
-    "reactstrap": "^8.4.1",
+    "react-super-responsive-table": "^5.2.0",
+    "reactstrap": "^8.9.0",
     "redux": "^4.0.5",
     "redux-thunk": "^2.3.0",
-    "styled-components": "^5.1.0",
+    "styled-components": "^5.2.3",
     "typescript": "3.8.3"
   },
   "devDependencies": {
-    "@babel/cli": "^7.12.1",
-    "@babel/preset-react": "^7.12.5",
+    "@babel/cli": "^7.13.14",
+    "@babel/preset-react": "^7.13.13",
     "gulp": "4.0.2",
     "gulp-append-prepend": "1.0.8"
   },
@@ -92,11 +96,11 @@
   },
   "description": "This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).",
   "main": "gulpfile.js",
+  "author": "Amukelani Shandlale",
+  "license": "ISC",
   "repository": {
     "type": "git",
     "url": "git+https://ashandla@bitbucket.org/ashandla/oui-react-js.git"
   },
-  "author": "Amukelani Shandlale",
-  "license": "ISC",
   "homepage": "https://bitbucket.org/ashandla/oui-react-js#readme"
 }