@agilemotion/oui-react-js 1.6.0 → 1.6.2

package/dist/components/signatures/ViewUtils.js

@@ -7,18 +7,34 @@ 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; }
 
-class ViewUtils {
-  constructor() {
+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", (viewRef, message, type) => {
-      if (this.isNull(message)) {
+    _defineProperty(this, "showMessage", function (viewRef, message, type) {
+      if (_this.isNull(message)) {
         message = "";
       }
 
-      let messageType = type === "ERROR" ? "danger" : this.isNull(type) ? "message" : type;
+      var messageType = type === "ERROR" ? "danger" : _this.isNull(type) ? "message" : type;
       viewRef.setState({
         message: message,
         messageStyle: messageType
@@ -26,280 +42,313 @@ class ViewUtils {
     });
   }
 
-  isNull(value) {
-    return value === null || typeof value === 'undefined';
-  }
-
-  processToolbarConfig(viewMode, config) {
-    let items = config.items;
+  _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++) {
-      let type = items[i].type;
+      for (var i = 0; i < items.length; i++) {
+        var type = items[i].type;
 
-      if (type === 'buttonGroup') {
-        let buttons = items[i].buttons;
+        if (type === 'buttonGroup') {
+          var buttons = items[i].buttons;
 
-        for (var j = 0; j < buttons.length; j++) {
-          let modes = buttons[j].modes;
+          for (var j = 0; j < buttons.length; j++) {
+            var modes = buttons[j].modes;
 
-          if (!this.isNull(modes)) {
-            buttons[j].visible = modes.split(",").includes(viewMode);
+            if (!this.isNull(modes)) {
+              buttons[j].visible = modes.split(",").includes(viewMode);
+            }
           }
         }
-      }
-    } // Force a new instance so that change event will be fired
-
+      } // 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;
+      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;
+          }
         }
       }
-    }
 
-    return null;
-  }
+      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;
+        }
+      }
 
-  isFieldRequired(id, settings, formId) {
-    if (typeof settings !== 'undefined' && settings !== null) {
-      let field = this.getField(id, settings);
+      if (!this.isStringEmpty(formId)) {
+        var fields = this.getFields(formId, 'validate');
 
-      if (field != null) {
-        return field.required;
+        for (var i = 0; i < fields.length; i++) {
+          if (fields[i].id === id) {
+            return fields[i].required;
+          }
+        }
       }
-    }
-
-    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 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;
         }
       }
+
+      return true;
+    }
+  }, {
+    key: "isStringEmpty",
+    value: function isStringEmpty(val) {
+      return typeof val === 'undefined' || val === null || val.trim().length === 0;
     }
+  }, {
+    key: "getFields",
+    value: function getFields(formId, className) {
+      var inputFields = [];
+      var form = document.getElementById(formId);
 
-    return false;
-  }
+      if (!this.isNull(form)) {
+        var inputDivs = form.getElementsByClassName(className);
 
-  isFieldVisible(id, settings) {
-    if (typeof settings !== 'undefined' && settings !== null) {
-      let field = this.getField(id, settings);
+        for (var i = 0; i < inputDivs.length; i++) {
+          var inputs = inputDivs[i].getElementsByTagName("input");
 
-      if (field != null) {
-        return field.visible;
+          for (var j = 0; j < inputs.length; j++) {
+            inputFields.push(inputs[j]);
+          }
+        }
       }
-    }
 
-    return true;
-  }
+      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;
+      result.message = "";
+      var value;
 
-  isStringEmpty(val) {
-    return typeof val === 'undefined' || val === null || val.trim().length === 0;
-  }
+      if (currentValue !== null) {
+        value = currentValue;
+      } else {
+        value = values[id];
+      }
 
-  getFields(formId, className) {
-    let inputFields = [];
-    let form = document.getElementById(formId);
+      var hasErrors = false;
 
-    if (!this.isNull(form)) {
-      let inputDivs = form.getElementsByClassName(className);
+      if (required && (this.isNull(value) || this.isStringEmpty(value.toString()))) {
+        result.message = !this.isNull(message) ? message : "This field is required";
+        hasErrors = true;
+      } else {
+        result.message = "";
+      }
 
-      for (let i = 0; i < inputDivs.length; i++) {
-        let inputs = inputDivs[i].getElementsByTagName("input");
+      if (!hasErrors && !this.isNull(regex) && !this.isNull(value)) {
+        hasErrors = this.isNull(value.toString().match(regex));
 
-        for (let j = 0; j < inputs.length; j++) {
-          inputFields.push(inputs[j]);
+        if (hasErrors) {
+          result.message = !this.isNull(message) ? message : "This field is invalid";
         }
       }
-    }
 
-    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];
+      result.valid = !hasErrors;
+      return result;
     }
-
-    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 = "";
+  }, {
+    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;
     }
+  }, {
+    key: "getEntityViewTitle",
+    value: function getEntityViewTitle(queryParameterState, viewName) {
+      if (this.isNull(queryParameterState) || this.isNull(queryParameterState.selection)) {
+        return !this.isNull(viewName) ? viewName + " > Add" : "Add";
+      }
 
-    if (!hasErrors && !this.isNull(regex) && !this.isNull(value)) {
-      hasErrors = this.isNull(value.toString().match(regex));
+      var props = "";
 
-      if (hasErrors) {
-        result.message = !this.isNull(message) ? message : "This field is invalid";
+      for (var _len = arguments.length, fields = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+        fields[_key - 2] = arguments[_key];
       }
-    }
 
-    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;
-  }
+      for (var i = 0; i < fields.length; i++) {
+        if (!this.isNull(fields[i])) {
+          props += fields[i].trim();
+          props += " ";
+        }
+      }
 
-  getEntityViewTitle(queryParameterState, viewName, ...fields) {
-    if (this.isNull(queryParameterState) || this.isNull(queryParameterState.selection)) {
-      return !this.isNull(viewName) ? viewName + " > Add" : "Add";
+      props = props.trim();
+      var prefix = this.isNull(viewName) ? "" : " > ";
+      return (this.isNull(viewName) ? "" : viewName) + (props.length > 0 ? prefix + props : "");
     }
-
-    let props = "";
-
-    for (let i = 0; i < fields.length; i++) {
-      if (!this.isNull(fields[i])) {
-        props += fields[i].trim();
-        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;
 
-    props = props.trim();
-    let prefix = this.isNull(viewName) ? "" : " > ";
-    return (this.isNull(viewName) ? "" : viewName) + (props.length > 0 ? prefix + props : "");
-  }
-
-  setLegendColor(color) {}
+      var stateDate = viewRef.state[refDateName];
+      var tempDate = stateDate;
 
-  setLegend(text) {}
+      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);
 
-  saveForm(viewRef, formRef, url) {
-    this.saveForm(viewRef, formRef, url, null, null, null);
-  }
+            formRef.current.setValue(autoFillDateName, autoFillDate);
+          } else if (_this2.isNull(viewRef.state.id)) {
+            var _autoFillDate = _this2.offsetDate(newDate, yearOffset, monthOffset, dayOffset);
 
-  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);
-  }
+            formRef.current.setValue(autoFillDateName, _autoFillDate);
+          }
+        });
+      }
+    }
+  }, {
+    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);
 
-  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);
+        if (successCallback !== null) {
+          successCallback(response);
         }
-      });
+      }).catch(function (e) {
+        if (errorCallback !== null) {
+          errorCallback(e);
+        }
+      }));
     }
-  }
+  }, {
+    key: "saveForm",
+    value: function saveForm(viewRef, formRef, url, successCallback, errorCallback, viewRoute) {
+      var _this3 = this;
 
-  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);
-      }
-    }).catch(e => {
-      if (errorCallback !== null) {
-        errorCallback(e);
-      }
-    }));
-  }
-
-  saveForm(viewRef, formRef, url, successCallback, errorCallback, viewRoute) {
-    viewRef.setState({
-      message: "",
-      messageStyle: "message"
-    });
-    let formValue = formRef.current.getValue();
+      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;
-      }
+      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;
+        }
 
-      let data = JSON.stringify(formValue);
-      const fullUrl = url + "?data=".concat(data);
-      this.invokeUrl(fullUrl, response => {
-        this.showMessage(viewRef, response.Message, response.MessageType);
+        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 (successCallback !== null) {
+            successCallback(response);
+          }
 
-        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
-              }
+          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
+                }
+              });
             });
-          });
-        }
-      }, e => {
-        this.showMessage(viewRef, this.SYSTEM_ERROR_MESSAGE, "ERROR");
+          }
+        }, function (e) {
+          _this3.showMessage(viewRef, _this3.SYSTEM_ERROR_MESSAGE, "ERROR");
 
-        if (errorCallback !== null) {
-          errorCallback(e);
-        }
-      });
+          if (errorCallback !== null) {
+            errorCallback(e);
+          }
+        });
+      }
     }
-  }
+  }]);
 
-}
+  return ViewUtils;
+}();
 
 exports.default = ViewUtils;

package/dist/components/typography/Danger.js

@@ -16,13 +16,11 @@ var _typographyStyle = _interopRequireDefault(require("../../assets/jss/componen
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // @material-ui/core components
-const useStyles = (0, _styles.makeStyles)(_typographyStyle.default);
+var useStyles = (0, _styles.makeStyles)(_typographyStyle.default);
 
 function Danger(props) {
-  const classes = useStyles();
-  const {
-    children
-  } = props;
+  var classes = useStyles();
+  var children = props.children;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.defaultFontStyle + " " + classes.dangerText
   }, children);

package/dist/components/typography/Info.js

@@ -17,13 +17,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // @material-ui/core components
 // core components
-const useStyles = (0, _styles.makeStyles)(_typographyStyle.default);
+var useStyles = (0, _styles.makeStyles)(_typographyStyle.default);
 
 function Info(props) {
-  const classes = useStyles();
-  const {
-    children
-  } = props;
+  var classes = useStyles();
+  var children = props.children;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.defaultFontStyle + " " + classes.infoText
   }, children);

package/dist/components/typography/Link.js

@@ -15,13 +15,11 @@ var _styles = require("@material-ui/core/styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const useStyles = (0, _styles.makeStyles)(_typographyStyle.default);
+var useStyles = (0, _styles.makeStyles)(_typographyStyle.default);
 
 function Info(props) {
-  const classes = useStyles();
-  const {
-    children
-  } = props;
+  var classes = useStyles();
+  var children = props.children;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.defaultFontStyle + " " + classes.infoText
   }, children);