@agilemotion/oui-react-js 1.6.4 → 1.6.5

package/dist/components/signatures/ViewUtils.js

@@ -4,351 +4,245 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _reactPromiseTracker = require("react-promise-tracker");
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-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; }
-
-var ViewUtils = /*#__PURE__*/function () {
-  function ViewUtils() {
-    var _this = this;
-
-    _classCallCheck(this, ViewUtils);
-
-    _defineProperty(this, "SYSTEM_ERROR_MESSAGE", "A system error has accured. Please contact your system administrator");
-
-    _defineProperty(this, "showMessage", function (viewRef, message, type) {
-      if (_this.isNull(message)) {
-        message = "";
-      }
-
-      var messageType = type === "ERROR" ? "danger" : _this.isNull(type) ? "message" : type;
-      viewRef.setState({
-        message: message,
-        messageStyle: messageType
-      });
-    });
+class ViewUtils {
+  constructor() {}
+  SYSTEM_ERROR_MESSAGE = "A system error has accured. Please contact your system administrator";
+  isNull(value) {
+    return value === null || typeof value === 'undefined';
   }
-
-  _createClass(ViewUtils, [{
-    key: "isNull",
-    value: function isNull(value) {
-      return value === null || typeof value === 'undefined';
-    }
-  }, {
-    key: "processToolbarConfig",
-    value: function processToolbarConfig(viewMode, config) {
-      var items = config.items;
-
-      for (var i = 0; i < items.length; i++) {
-        var type = items[i].type;
-
-        if (type === 'buttonGroup') {
-          var buttons = items[i].buttons;
-
-          for (var j = 0; j < buttons.length; j++) {
-            var modes = buttons[j].modes;
-
-            if (!this.isNull(modes)) {
-              buttons[j].visible = modes.split(",").includes(viewMode);
-            }
-          }
-        }
-      } // Force a new instance so that change event will be fired
-
-
-      return JSON.parse(JSON.stringify(config));
-    }
-  }, {
-    key: "getField",
-    value: function getField(id, settings) {
-      if (settings != null) {
-        for (var i = 0; i < settings.fields.length; i++) {
-          var field = settings.fields[i];
-
-          if (field.name === id) {
-            return field;
+  processToolbarConfig(viewMode, config) {
+    let items = config.items;
+    for (var i = 0; i < items.length; i++) {
+      let type = items[i].type;
+      if (type === 'buttonGroup') {
+        let buttons = items[i].buttons;
+        for (var j = 0; j < buttons.length; j++) {
+          let modes = buttons[j].modes;
+          if (!this.isNull(modes)) {
+            buttons[j].visible = modes.split(",").includes(viewMode);
           }
         }
       }
-
-      return null;
     }
-  }, {
-    key: "isFieldRequired",
-    value: function isFieldRequired(id, settings, formId) {
-      if (typeof settings !== 'undefined' && settings !== null) {
-        var field = this.getField(id, settings);
 
-        if (field != null) {
-          return field.required;
+    // Force a new instance so that change event will be fired
+    return JSON.parse(JSON.stringify(config));
+  }
+  getField(id, settings) {
+    if (settings != null) {
+      for (var i = 0; i < settings.fields.length; i++) {
+        var field = settings.fields[i];
+        if (field.name === id) {
+          return field;
         }
       }
-
-      if (!this.isStringEmpty(formId)) {
-        var fields = this.getFields(formId, 'validate');
-
-        for (var i = 0; i < fields.length; i++) {
-          if (fields[i].id === id) {
-            return fields[i].required;
-          }
-        }
+    }
+    return null;
+  }
+  isFieldRequired(id, settings, formId) {
+    if (typeof settings !== 'undefined' && settings !== null) {
+      let field = this.getField(id, settings);
+      if (field != null) {
+        return field.required;
       }
-
-      return false;
     }
-  }, {
-    key: "isFieldVisible",
-    value: function isFieldVisible(id, settings) {
-      if (typeof settings !== 'undefined' && settings !== null) {
-        var field = this.getField(id, settings);
-
-        if (field != null) {
-          return field.visible;
+    if (!this.isStringEmpty(formId)) {
+      let fields = this.getFields(formId, 'validate');
+      for (var i = 0; i < fields.length; i++) {
+        if (fields[i].id === id) {
+          return fields[i].required;
         }
       }
-
-      return true;
     }
-  }, {
-    key: "isStringEmpty",
-    value: function isStringEmpty(val) {
-      return typeof val === 'undefined' || val === null || val.trim().length === 0;
+    return false;
+  }
+  isFieldVisible(id, settings) {
+    if (typeof settings !== 'undefined' && settings !== null) {
+      let field = this.getField(id, settings);
+      if (field != null) {
+        return field.visible;
+      }
     }
-  }, {
-    key: "getFields",
-    value: function getFields(formId, className) {
-      var inputFields = [];
-      var form = document.getElementById(formId);
-
-      if (!this.isNull(form)) {
-        var inputDivs = form.getElementsByClassName(className);
-
-        for (var i = 0; i < inputDivs.length; i++) {
-          var inputs = inputDivs[i].getElementsByTagName("input");
-
-          for (var j = 0; j < inputs.length; j++) {
-            inputFields.push(inputs[j]);
-          }
+    return true;
+  }
+  isStringEmpty(val) {
+    return typeof val === 'undefined' || val === null || val.trim().length === 0;
+  }
+  getFields(formId, className) {
+    let inputFields = [];
+    let form = document.getElementById(formId);
+    if (!this.isNull(form)) {
+      let inputDivs = form.getElementsByClassName(className);
+      for (let i = 0; i < inputDivs.length; i++) {
+        let inputs = inputDivs[i].getElementsByTagName("input");
+        for (let j = 0; j < inputs.length; j++) {
+          inputFields.push(inputs[j]);
         }
       }
-
-      return inputFields;
-    }
-  }, {
-    key: "validateField",
-    value: function validateField(id, required, values, currentValue) {
-      return this.validateField(id, required, values, currentValue, null, null);
     }
-  }, {
-    key: "validateField",
-    value: function validateField(id, required, values, currentValue, message) {
-      return this.validateField(id, required, values, currentValue, null, message);
-    }
-  }, {
-    key: "validateField",
-    value: function validateField(id, required, values, currentValue, regex, message) {
-      var result = {};
-      result.valid = true;
+    return inputFields;
+  }
+  validateField(id, required, values, currentValue) {
+    return this.validateField(id, required, values, currentValue, null, null);
+  }
+  validateField(id, required, values, currentValue, message) {
+    return this.validateField(id, required, values, currentValue, null, message);
+  }
+  validateField(id, required, values, currentValue, regex, message) {
+    let result = {};
+    result.valid = true;
+    result.message = "";
+    let value;
+    if (currentValue !== null) {
+      value = currentValue;
+    } else {
+      value = values[id];
+    }
+    let hasErrors = false;
+    if (required && (this.isNull(value) || this.isStringEmpty(value.toString()))) {
+      result.message = !this.isNull(message) ? message : "This field is required";
+      hasErrors = true;
+    } else {
       result.message = "";
-      var value;
-
-      if (currentValue !== null) {
-        value = currentValue;
-      } else {
-        value = values[id];
-      }
-
-      var hasErrors = false;
-
-      if (required && (this.isNull(value) || this.isStringEmpty(value.toString()))) {
-        result.message = !this.isNull(message) ? message : "This field is required";
-        hasErrors = true;
-      } else {
-        result.message = "";
+    }
+    if (!hasErrors && !this.isNull(regex) && !this.isNull(value)) {
+      hasErrors = this.isNull(value.toString().match(regex));
+      if (hasErrors) {
+        result.message = !this.isNull(message) ? message : "This field is invalid";
       }
-
-      if (!hasErrors && !this.isNull(regex) && !this.isNull(value)) {
-        hasErrors = this.isNull(value.toString().match(regex));
-
-        if (hasErrors) {
-          result.message = !this.isNull(message) ? message : "This field is invalid";
-        }
+    }
+    result.valid = !hasErrors;
+    return result;
+  }
+  getRequest(currentPage, curretRowsPerPage, currentSearchParameters, paged) {
+    var request = {};
+    request.pageSize = curretRowsPerPage;
+    request.currentPage = currentPage;
+    request.parameters = currentSearchParameters;
+    request.paged = typeof paged === 'undefined' || paged === null || paged;
+    return request;
+  }
+  getEntityViewTitle(queryParameterState, viewName) {
+    if (this.isNull(queryParameterState) || this.isNull(queryParameterState.selection)) {
+      return !this.isNull(viewName) ? viewName + " > Add" : "Add";
+    }
+    let props = "";
+    for (var _len = arguments.length, fields = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+      fields[_key - 2] = arguments[_key];
+    }
+    for (let i = 0; i < fields.length; i++) {
+      if (!this.isNull(fields[i])) {
+        props += fields[i].trim();
+        props += " ";
       }
-
-      result.valid = !hasErrors;
-      return result;
     }
-  }, {
-    key: "getRequest",
-    value: function getRequest(currentPage, curretRowsPerPage, currentSearchParameters, paged) {
-      var request = {};
-      request.pageSize = curretRowsPerPage;
-      request.currentPage = currentPage;
-      request.parameters = currentSearchParameters;
-      request.paged = typeof paged === 'undefined' || paged === null || paged;
-      return request;
+    props = props.trim();
+    let prefix = this.isNull(viewName) ? "" : " > ";
+    return (this.isNull(viewName) ? "" : viewName) + (props.length > 0 ? prefix + props : "");
+  }
+  setLegendColor(color) {}
+  setLegend(text) {}
+  showMessage = (viewRef, message, type) => {
+    if (this.isNull(message)) {
+      message = "";
+    }
+    let messageType = type === "ERROR" ? "danger" : this.isNull(type) ? "message" : type;
+    viewRef.setState({
+      message: message,
+      messageStyle: messageType
+    });
+  };
+  saveForm(viewRef, formRef, url) {
+    this.saveForm(viewRef, formRef, url, null, null, null);
+  }
+  saveForm(viewRef, formRef, url, successCallback, errorCallback) {
+    this.saveForm(viewRef, formRef, url, successCallback, errorCallback, null);
+  }
+  offsetDate(date, yearOffset, monthOffset, dayOffset) {
+    let year = date.getFullYear() + yearOffset;
+    let day = date.getDate() + dayOffset;
+    let month = date.getMonth() + monthOffset;
+    return new Date(year, month, day);
+  }
+  autoSetDate(viewRef, formRef, newDate, yearOffset, monthOffset, dayOffset, autoFillDateName, refDateName) {
+    let stateDate = viewRef.state[refDateName];
+    let tempDate = stateDate;
+    if (this.isNull(stateDate) || stateDate.getTime() !== newDate.getTime()) {
+      viewRef.setState({
+        ...viewRef.state,
+        [refDateName]: newDate
+      }, () => {
+        if (!this.isNull(tempDate) && !this.isNull(viewRef.state.id)) {
+          let autoFillDate = this.offsetDate(newDate, yearOffset, monthOffset, dayOffset);
+          formRef.current.setValue(autoFillDateName, autoFillDate);
+        } else if (this.isNull(viewRef.state.id)) {
+          let autoFillDate = this.offsetDate(newDate, yearOffset, monthOffset, dayOffset);
+          formRef.current.setValue(autoFillDateName, autoFillDate);
+        }
+      });
     }
-  }, {
-    key: "getEntityViewTitle",
-    value: function getEntityViewTitle(queryParameterState, viewName) {
-      if (this.isNull(queryParameterState) || this.isNull(queryParameterState.selection)) {
-        return !this.isNull(viewName) ? viewName + " > Add" : "Add";
-      }
-
-      var props = "";
-
-      for (var _len = arguments.length, fields = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-        fields[_key - 2] = arguments[_key];
+  }
+  invokeUrl(url, data, successCallback, errorCallback) {
+    const accessToken = sessionStorage.getItem("accessToken");
+    const idToken = sessionStorage.getItem("idToken");
+    let fetchConfig = {
+      method: 'POST',
+      headers: {
+        'Accept': 'application/json',
+        'Content-Type': 'application/json',
+        'Authorization': 'Bearer ' + accessToken,
+        'idToken': idToken
+      },
+      body: data
+    };
+    (0, _reactPromiseTracker.trackPromise)(fetch(url, fetchConfig).then(res => res.json()).then(responseJson => {
+      let response = typeof responseJson === "object" ? responseJson : JSON.parse(responseJson);
+      if (successCallback !== null) {
+        successCallback(response);
       }
-
-      for (var i = 0; i < fields.length; i++) {
-        if (!this.isNull(fields[i])) {
-          props += fields[i].trim();
-          props += " ";
-        }
+    }).catch(e => {
+      if (errorCallback !== null) {
+        errorCallback(e);
       }
-
-      props = props.trim();
-      var prefix = this.isNull(viewName) ? "" : " > ";
-      return (this.isNull(viewName) ? "" : viewName) + (props.length > 0 ? prefix + props : "");
-    }
-  }, {
-    key: "setLegendColor",
-    value: function setLegendColor(color) {}
-  }, {
-    key: "setLegend",
-    value: function setLegend(text) {}
-  }, {
-    key: "saveForm",
-    value: function saveForm(viewRef, formRef, url) {
-      this.saveForm(viewRef, formRef, url, null, null, null);
-    }
-  }, {
-    key: "saveForm",
-    value: function saveForm(viewRef, formRef, url, successCallback, errorCallback) {
-      this.saveForm(viewRef, formRef, url, successCallback, errorCallback, null);
-    }
-  }, {
-    key: "offsetDate",
-    value: function offsetDate(date, yearOffset, monthOffset, dayOffset) {
-      var year = date.getFullYear() + yearOffset;
-      var day = date.getDate() + dayOffset;
-      var month = date.getMonth() + monthOffset;
-      return new Date(year, month, day);
-    }
-  }, {
-    key: "autoSetDate",
-    value: function autoSetDate(viewRef, formRef, newDate, yearOffset, monthOffset, dayOffset, autoFillDateName, refDateName) {
-      var _this2 = this;
-
-      var stateDate = viewRef.state[refDateName];
-      var tempDate = stateDate;
-
-      if (this.isNull(stateDate) || stateDate.getTime() !== newDate.getTime()) {
-        viewRef.setState(_objectSpread(_objectSpread({}, viewRef.state), {}, _defineProperty({}, refDateName, newDate)), function () {
-          if (!_this2.isNull(tempDate) && !_this2.isNull(viewRef.state.id)) {
-            var autoFillDate = _this2.offsetDate(newDate, yearOffset, monthOffset, dayOffset);
-
-            formRef.current.setValue(autoFillDateName, autoFillDate);
-          } else if (_this2.isNull(viewRef.state.id)) {
-            var _autoFillDate = _this2.offsetDate(newDate, yearOffset, monthOffset, dayOffset);
-
-            formRef.current.setValue(autoFillDateName, _autoFillDate);
-          }
-        });
+    }));
+  }
+  saveForm(viewRef, formRef, url, successCallback, errorCallback, viewRoute) {
+    viewRef.setState({
+      message: "",
+      messageStyle: "message"
+    });
+    let formValue = formRef.current.getValue();
+    if (formValue !== null && typeof formValue !== 'undefined') {
+      if (!this.isNull(viewRef.props.location.state) && !this.isNull(viewRef.props.location.state.selection)) {
+        formValue.id = viewRef.props.location.state.selection;
       }
-    }
-  }, {
-    key: "invokeUrl",
-    value: function invokeUrl(url, data, successCallback, errorCallback) {
-      var accessToken = sessionStorage.getItem("accessToken");
-      var idToken = sessionStorage.getItem("idToken");
-      var fetchConfig = {
-        method: 'POST',
-        headers: {
-          'Accept': 'application/json',
-          'Content-Type': 'application/json',
-          'Authorization': 'Bearer ' + accessToken,
-          'idToken': idToken
-        },
-        body: data
-      };
-      (0, _reactPromiseTracker.trackPromise)(fetch(url, fetchConfig).then(function (res) {
-        return res.json();
-      }).then(function (responseJson) {
-        var response = _typeof(responseJson) === "object" ? responseJson : JSON.parse(responseJson);
-
+      let data = JSON.stringify(formValue);
+      const fullUrl = url + `?data=${data}`;
+      this.invokeUrl(fullUrl, response => {
+        this.showMessage(viewRef, response.Message, response.MessageType);
         if (successCallback !== null) {
           successCallback(response);
         }
-      }).catch(function (e) {
+        if (!this.isNull(viewRoute) && !this.isNull(response.EntityId) && response.EntityId !== 0) {
+          viewRef.setState({
+            id: response.EntityId
+          }, () => {
+            viewRef.props.history.push({
+              pathname: viewRoute,
+              state: {
+                selection: viewRef.state.id
+              }
+            });
+          });
+        }
+      }, e => {
+        this.showMessage(viewRef, this.SYSTEM_ERROR_MESSAGE, "ERROR");
         if (errorCallback !== null) {
           errorCallback(e);
         }
-      }));
-    }
-  }, {
-    key: "saveForm",
-    value: function saveForm(viewRef, formRef, url, successCallback, errorCallback, viewRoute) {
-      var _this3 = this;
-
-      viewRef.setState({
-        message: "",
-        messageStyle: "message"
       });
-      var formValue = formRef.current.getValue();
-
-      if (formValue !== null && typeof formValue !== 'undefined') {
-        if (!this.isNull(viewRef.props.location.state) && !this.isNull(viewRef.props.location.state.selection)) {
-          formValue.id = viewRef.props.location.state.selection;
-        }
-
-        var data = JSON.stringify(formValue);
-        var fullUrl = url + "?data=".concat(data);
-        this.invokeUrl(fullUrl, function (response) {
-          _this3.showMessage(viewRef, response.Message, response.MessageType);
-
-          if (successCallback !== null) {
-            successCallback(response);
-          }
-
-          if (!_this3.isNull(viewRoute) && !_this3.isNull(response.EntityId) && response.EntityId !== 0) {
-            viewRef.setState({
-              id: response.EntityId
-            }, function () {
-              viewRef.props.history.push({
-                pathname: viewRoute,
-                state: {
-                  selection: viewRef.state.id
-                }
-              });
-            });
-          }
-        }, function (e) {
-          _this3.showMessage(viewRef, _this3.SYSTEM_ERROR_MESSAGE, "ERROR");
-
-          if (errorCallback !== null) {
-            errorCallback(e);
-          }
-        });
-      }
     }
-  }]);
-
-  return ViewUtils;
-}();
-
+  }
+}
 exports.default = ViewUtils;

package/dist/components/typography/Danger.js

@@ -4,28 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Danger;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _typographyStyle = _interopRequireDefault(require("../../assets/jss/components/typographyStyle"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // @material-ui/core components
-var useStyles = (0, _styles.makeStyles)(_typographyStyle.default);
 
+const useStyles = (0, _styles.makeStyles)(_typographyStyle.default);
 function Danger(props) {
-  var classes = useStyles();
-  var children = props.children;
+  const classes = useStyles();
+  const {
+    children
+  } = props;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.defaultFontStyle + " " + classes.dangerText
   }, children);
 }
-
 Danger.propTypes = {
   children: _propTypes.default.node
 };

package/dist/components/typography/Info.js

@@ -4,29 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Info;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _typographyStyle = _interopRequireDefault(require("../../assets/jss/components/typographyStyle"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // @material-ui/core components
+
 // core components
-var useStyles = (0, _styles.makeStyles)(_typographyStyle.default);
 
+const useStyles = (0, _styles.makeStyles)(_typographyStyle.default);
 function Info(props) {
-  var classes = useStyles();
-  var children = props.children;
+  const classes = useStyles();
+  const {
+    children
+  } = props;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.defaultFontStyle + " " + classes.infoText
   }, children);
 }
-
 Info.propTypes = {
   children: _propTypes.default.node
 };

package/dist/components/typography/Link.js

@@ -4,27 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Info;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _typographyStyle = _interopRequireDefault(require("../../assets/jss/components/typographyStyle"));
-
 var _styles = require("@material-ui/core/styles");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var useStyles = (0, _styles.makeStyles)(_typographyStyle.default);
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const useStyles = (0, _styles.makeStyles)(_typographyStyle.default);
 function Info(props) {
-  var classes = useStyles();
-  var children = props.children;
+  const classes = useStyles();
+  const {
+    children
+  } = props;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.defaultFontStyle + " " + classes.infoText
   }, children);
 }
-
 Info.propTypes = {
   children: _propTypes.default.node
 };