@agilemotion/oui-react-js 1.3.8 → 1.4.0

package/dist/Utils.js

@@ -9,7 +9,7 @@ var _DynamicJS = _interopRequireDefault(require("./DynamicJS"));
 
 var _Event = _interopRequireDefault(require("./event/Event"));
 
-var _ApplicationContext = _interopRequireDefault(require("./ApplicationContext"));
+var _ApplicationManager = _interopRequireDefault(require("./ApplicationManager"));
 
 var _Observable = _interopRequireDefault(require("./event/Observable"));
 
@@ -17,22 +17,10 @@ var _EventType = _interopRequireDefault(require("./event/EventType"));
 
 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(_e) { throw _e; }, 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(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-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 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 _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 Utils {
   constructor() {
-    _defineProperty(this, "SYSTEM_ERROR_MESSAGE", "A system error has accured. Please contact your system administrator");
-
     _defineProperty(this, "showMessage", (viewRef, message, type) => {
       if (Utils.isNull(message)) {
         message = "";
@@ -50,6 +38,28 @@ class Utils {
     return value === null || typeof value === 'undefined';
   }
 
+  static getInitials(name) {
+    const parts = name.split(' ');
+    let initials = '';
+
+    for (let i = 0; i < parts.length; i++) {
+      if (parts[i].length > 0 && parts[i] !== '') {
+        initials += parts[i][0];
+      }
+    }
+
+    return initials;
+  }
+
+  static updateModel(values, model) {
+    if (!Utils.isNull(values)) {
+      for (let i = 0; i < values.length; i++) {
+        let value = values[i];
+        model[value.name] = value.value;
+      }
+    }
+  }
+
   static joinScript(lines) {
     let script = '';
 
@@ -136,10 +146,10 @@ class Utils {
     result.message = "";
     let value;
 
-    if (currentValue !== null) {
+    if (!this.isNull(currentValue)) {
       value = currentValue;
     } else {
-      value = values[id];
+      value = JSON.parse(JSON.stringify(values))[id];
     }
 
     let hasErrors = false;
@@ -216,9 +226,9 @@ class Utils {
   }
 
   static evaluateBooleanExpression(expression, id, defaultValue) {
-    if (expression === "false") {
+    if (expression === "false" || expression === false) {
       return false;
-    } else if (expression === "true") {
+    } else if (expression === "true" || expression === true) {
       return true;
     } else if (!Utils.isNull(expression)) {
       return _DynamicJS.default.executeScript("".concat(id, "UtilsBoolEval"), expression);
@@ -281,9 +291,9 @@ class Utils {
     let tempDate = stateDate;
 
     if (Utils.isNull(stateDate) || stateDate.getTime() !== newDate.getTime()) {
-      viewRef.setState(_objectSpread(_objectSpread({}, viewRef.state), {}, {
+      viewRef.setState({ ...viewRef.state,
         [refDateName]: newDate
-      }), () => {
+      }, () => {
         if (!Utils.isNull(tempDate) && !Utils.isNull(viewRef.state.id)) {
           let autoFillDate = Utils.offsetDate(newDate, yearOffset, monthOffset, dayOffset);
           formRef.current.setValue(autoFillDateName, autoFillDate);
@@ -308,10 +318,22 @@ class Utils {
     });
   }
 
+  static mergeObjects(source, target) {
+    let properties = Object.getOwnPropertyNames(source);
+
+    for (const property of properties) {
+      target[property] = source[property];
+    }
+
+    return target;
+  }
+
 }
 
 exports.default = Utils;
 
+_defineProperty(Utils, "SYSTEM_ERROR_MESSAGE", "A system error has accured. Please contact your system administrator");
+
 _defineProperty(Utils, "capitalize", s => {
   if (typeof s !== 'string') return '';
   return s.charAt(0).toUpperCase() + s.slice(1);
@@ -376,32 +398,18 @@ _defineProperty(Utils, "mergeStyles", (defaultStyle, config) => {
   let configStyle = Utils.getComponentAttribute(config, 'style', null);
 
   if (configStyle) {
-    let properties = Object.getOwnPropertyNames(configStyle);
-
-    var _iterator = _createForOfIteratorHelper(properties),
-        _step;
-
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        const property = _step.value;
-        defaultStyle[property] = configStyle[property];
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
+    return Utils.mergeObjects(configStyle, defaultStyle);
   }
 
   return defaultStyle;
 });
 
-_defineProperty(Utils, "publishSystemErrorMessage", (viewId, component = null) => {
+_defineProperty(Utils, "publishErrorMessage", (messageText, viewId, component = null) => {
   let message = {
     messageType: 'ERROR',
-    message: 'A system error has accured. Please try again later'
+    message: messageText
   };
-  let event = new _Event.default(_ApplicationContext.default, viewId, message);
+  let event = new _Event.default(_ApplicationManager.default, viewId, message);
 
   _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
 
@@ -410,4 +418,8 @@ _defineProperty(Utils, "publishSystemErrorMessage", (viewId, component = null) =
 
     _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
   }
+});
+
+_defineProperty(Utils, "publishSystemErrorMessage", (viewId, component = null) => {
+  Utils.publishErrorMessage('A system error has accured. Please try again later', viewId, component);
 });

package/dist/WithRouter.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactRouterDom = require("react-router-dom");
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function withRouter(Component) {
+  function ComponentWithRouterProp(props) {
+    let location = (0, _reactRouterDom.useLocation)();
+    let navigate = (0, _reactRouterDom.useNavigate)();
+    let params = (0, _reactRouterDom.useParams)();
+    return /*#__PURE__*/_react.default.createElement(Component, _extends({}, props, {
+      router: {
+        location,
+        navigate,
+        params
+      }
+    }));
+  }
+
+  return ComponentWithRouterProp;
+}
+
+var _default = withRouter;
+exports.default = _default;

package/dist/assets/jss/components/authNavbarStyle.js

@@ -7,12 +7,6 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-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 _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; }
-
 const pagesHeaderStyle = theme => ({
   appBar: {
     backgroundColor: "transparent",
@@ -31,13 +25,13 @@ const pagesHeaderStyle = theme => ({
     minHeight: "50px",
     display: "block"
   },
-  container: _objectSpread(_objectSpread({}, _rootStyle.container), {}, {
+  container: { ..._rootStyle.container,
     minHeight: "50px"
-  }),
+  },
   flex: {
     flex: 1
   },
-  title: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
+  title: { ..._rootStyle.defaultFont,
     lineHeight: "30px",
     fontSize: "18px",
     borderRadius: "3px",
@@ -48,31 +42,36 @@ const pagesHeaderStyle = theme => ({
       background: "transparent",
       color: _rootStyle.whiteColor
     }
-  }),
+  },
   appResponsive: {
     top: "8px"
   },
-  primary: _objectSpread({
+  primary: {
     backgroundColor: _rootStyle.primaryColor[0],
-    color: _rootStyle.whiteColor
-  }, _rootStyle.defaultBoxShadow),
-  info: _objectSpread({
+    color: _rootStyle.whiteColor,
+    ..._rootStyle.defaultBoxShadow
+  },
+  info: {
     backgroundColor: _rootStyle.infoColor[0],
-    color: _rootStyle.whiteColor
-  }, _rootStyle.defaultBoxShadow),
-  success: _objectSpread({
+    color: _rootStyle.whiteColor,
+    ..._rootStyle.defaultBoxShadow
+  },
+  success: {
     backgroundColor: _rootStyle.successColor[0],
-    color: _rootStyle.whiteColor
-  }, _rootStyle.defaultBoxShadow),
-  warning: _objectSpread({
+    color: _rootStyle.whiteColor,
+    ..._rootStyle.defaultBoxShadow
+  },
+  warning: {
     backgroundColor: _rootStyle.warningColor[0],
-    color: _rootStyle.whiteColor
-  }, _rootStyle.defaultBoxShadow),
-  danger: _objectSpread({
+    color: _rootStyle.whiteColor,
+    ..._rootStyle.defaultBoxShadow
+  },
+  danger: {
     backgroundColor: _rootStyle.dangerColor[0],
-    color: _rootStyle.whiteColor
-  }, _rootStyle.defaultBoxShadow),
-  list: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
+    color: _rootStyle.whiteColor,
+    ..._rootStyle.defaultBoxShadow
+  },
+  list: { ..._rootStyle.defaultFont,
     fontSize: "14px",
     margin: 0,
     marginRight: "-15px",
@@ -81,7 +80,7 @@ const pagesHeaderStyle = theme => ({
     color: _rootStyle.whiteColor,
     paddingTop: "0",
     paddingBottom: "0"
-  }),
+  },
   listItem: {
     float: "left",
     position: "relative",
@@ -137,15 +136,15 @@ const pagesHeaderStyle = theme => ({
   navLinkActive: {
     backgroundColor: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.whiteColor) + ", 0.1)"
   },
-  drawerPaper: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  drawerPaper: {
     border: "none",
     bottom: "0",
     transitionProperty: "top, bottom, width",
     transitionDuration: ".2s, .2s, .35s",
-    transitionTimingFunction: "linear, linear, ease"
-  }, _rootStyle.boxShadow), {}, {
-    width: _rootStyle.drawerWidth
-  }, _rootStyle.boxShadow), {}, {
+    transitionTimingFunction: "linear, linear, ease",
+    ..._rootStyle.boxShadow,
+    width: _rootStyle.drawerWidth,
+    ..._rootStyle.boxShadow,
     position: "fixed",
     display: "block",
     top: "0",
@@ -157,8 +156,8 @@ const pagesHeaderStyle = theme => ({
     borderTop: "none",
     textAlign: "left",
     paddingRight: "0px",
-    paddingLeft: "0"
-  }, _rootStyle.transition), {}, {
+    paddingLeft: "0",
+    ..._rootStyle.transition,
     "&:before,&:after": {
       position: "absolute",
       zIndex: "3",
@@ -172,7 +171,7 @@ const pagesHeaderStyle = theme => ({
       background: _rootStyle.blackColor,
       opacity: ".8"
     }
-  }),
+  },
   sidebarButton: {
     "&,&:hover,&:focus": {
       color: _rootStyle.whiteColor

package/dist/assets/jss/components/cardHeaderStyle.js

@@ -7,12 +7,6 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-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 _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; }
-
 const cardHeaderStyle = {
   cardHeader: {
     padding: "0.75rem 1.25rem",
@@ -129,27 +123,33 @@ const cardHeaderStyle = {
   cardHeaderText: {},
   warningCardHeader: {
     color: _rootStyle.whiteColor,
-    "&:not($cardHeaderText):not($cardHeaderIcon)": _objectSpread({}, _rootStyle.warningCardHeader)
+    "&:not($cardHeaderText):not($cardHeaderIcon)": { ..._rootStyle.warningCardHeader
+    }
   },
   successCardHeader: {
     color: _rootStyle.whiteColor,
-    "&:not($cardHeaderText):not($cardHeaderIcon)": _objectSpread({}, _rootStyle.successCardHeader)
+    "&:not($cardHeaderText):not($cardHeaderIcon)": { ..._rootStyle.successCardHeader
+    }
   },
   dangerCardHeader: {
     color: _rootStyle.whiteColor,
-    "&:not($cardHeaderText):not($cardHeaderIcon)": _objectSpread({}, _rootStyle.dangerCardHeader)
+    "&:not($cardHeaderText):not($cardHeaderIcon)": { ..._rootStyle.dangerCardHeader
+    }
   },
   infoCardHeader: {
     color: _rootStyle.whiteColor,
-    "&:not($cardHeaderText):not($cardHeaderIcon)": _objectSpread({}, _rootStyle.infoCardHeader)
+    "&:not($cardHeaderText):not($cardHeaderIcon)": { ..._rootStyle.infoCardHeader
+    }
   },
   primaryCardHeader: {
     color: _rootStyle.whiteColor,
-    "&:not($cardHeaderText):not($cardHeaderIcon)": _objectSpread({}, _rootStyle.primaryCardHeader)
+    "&:not($cardHeaderText):not($cardHeaderIcon)": { ..._rootStyle.primaryCardHeader
+    }
   },
   roseCardHeader: {
     color: _rootStyle.whiteColor,
-    "&:not($cardHeaderText):not($cardHeaderIcon)": _objectSpread({}, _rootStyle.roseCardHeader)
+    "&:not($cardHeaderText):not($cardHeaderIcon)": { ..._rootStyle.roseCardHeader
+    }
   }
 };
 var _default = cardHeaderStyle;

package/dist/assets/jss/components/customDropdownStyle.js

@@ -7,12 +7,6 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-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 _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; }
-
 const customDropdownStyle = theme => ({
   popperClose: {
     pointerEvents: "none",
@@ -102,7 +96,7 @@ const customDropdownStyle = theme => ({
       color: "black"
     }
   },
-  dropdownItem: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
+  dropdownItem: { ..._rootStyle.defaultFont,
     fontSize: "13px",
     padding: "10px 20px",
     margin: "0 5px",
@@ -116,7 +110,7 @@ const customDropdownStyle = theme => ({
     color: _rootStyle.grayColor[7],
     whiteSpace: "nowrap",
     minHeight: "unset"
-  }),
+  },
   darkHover: {
     "&:hover": {
       boxShadow: "0 4px 20px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.14), 0 7px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.grayColor[16]) + ", 0.4)",
@@ -125,40 +119,46 @@ const customDropdownStyle = theme => ({
     }
   },
   primaryHover: {
-    "&:hover": _objectSpread({
+    "&:hover": {
       backgroundColor: _rootStyle.primaryColor[0],
-      color: _rootStyle.whiteColor
-    }, _rootStyle.primaryBoxShadow)
+      color: _rootStyle.whiteColor,
+      ..._rootStyle.primaryBoxShadow
+    }
   },
   infoHover: {
-    "&:hover": _objectSpread({
+    "&:hover": {
       backgroundColor: _rootStyle.infoColor[0],
-      color: _rootStyle.whiteColor
-    }, _rootStyle.infoBoxShadow)
+      color: _rootStyle.whiteColor,
+      ..._rootStyle.infoBoxShadow
+    }
   },
   successHover: {
-    "&:hover": _objectSpread({
+    "&:hover": {
       backgroundColor: _rootStyle.successColor[0],
-      color: _rootStyle.whiteColor
-    }, _rootStyle.successBoxShadow)
+      color: _rootStyle.whiteColor,
+      ..._rootStyle.successBoxShadow
+    }
   },
   warningHover: {
-    "&:hover": _objectSpread({
+    "&:hover": {
       backgroundColor: _rootStyle.warningColor[0],
-      color: _rootStyle.whiteColor
-    }, _rootStyle.warningBoxShadow)
+      color: _rootStyle.whiteColor,
+      ..._rootStyle.warningBoxShadow
+    }
   },
   dangerHover: {
-    "&:hover": _objectSpread({
+    "&:hover": {
       backgroundColor: _rootStyle.dangerColor[0],
-      color: _rootStyle.whiteColor
-    }, _rootStyle.dangerBoxShadow)
+      color: _rootStyle.whiteColor,
+      ..._rootStyle.dangerBoxShadow
+    }
   },
   roseHover: {
-    "&:hover": _objectSpread({
+    "&:hover": {
       backgroundColor: _rootStyle.roseColor[0],
-      color: _rootStyle.whiteColor
-    }, _rootStyle.roseBoxShadow)
+      color: _rootStyle.whiteColor,
+      ..._rootStyle.roseBoxShadow
+    }
   },
   dropdownItemRTL: {
     textAlign: "right"

package/dist/assets/jss/components/customInputStyle.js

@@ -7,12 +7,6 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-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 _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; }
-
 const customInputStyle = {
   disabled: {
     "&:before": {
@@ -41,7 +35,7 @@ const customInputStyle = {
       borderColor: _rootStyle.successColor[0]
     }
   },
-  labelRoot: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
+  labelRoot: { ..._rootStyle.defaultFont,
     color: _rootStyle.grayColor[3] + " !important",
     fontWeight: "400",
     fontSize: "14px",
@@ -51,7 +45,7 @@ const customInputStyle = {
     "& + $underline": {
       marginTop: "0px"
     }
-  }),
+  },
   labelRootError: {
     color: _rootStyle.dangerColor[0] + " !important"
   },

package/dist/assets/jss/components/dropdownStyle.js

@@ -7,12 +7,6 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-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 _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; }
-
 const dropdownStyle = theme => ({
   buttonLink: {
     [theme.breakpoints.down("md")]: {
@@ -33,11 +27,11 @@ const dropdownStyle = theme => ({
       marginRight: "15px"
     }
   },
-  linkText: _objectSpread(_objectSpread({
-    zIndex: "4"
-  }, _rootStyle.defaultFont), {}, {
+  linkText: {
+    zIndex: "4",
+    ..._rootStyle.defaultFont,
     fontSize: "14px"
-  }),
+  },
   popperClose: {
     pointerEvents: "none"
   },
@@ -99,7 +93,7 @@ const dropdownStyle = theme => ({
     WebkitBackgroundClip: "padding-box",
     backgroundClip: "padding-box"
   },
-  dropdownItem: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
+  dropdownItem: { ..._rootStyle.defaultFont,
     fontSize: "13px",
     padding: "10px 20px",
     margin: "0 5px",
@@ -117,11 +111,12 @@ const dropdownStyle = theme => ({
     whiteSpace: "nowrap",
     height: "unset",
     minHeight: "unset",
-    "&:hover": _objectSpread({
+    "&:hover": {
       backgroundColor: _rootStyle.primaryColor[0],
-      color: _rootStyle.whiteColor
-    }, _rootStyle.primaryBoxShadow)
-  })
+      color: _rootStyle.whiteColor,
+      ..._rootStyle.primaryBoxShadow
+    }
+  }
 });
 
 var _default = dropdownStyle;

package/dist/assets/jss/components/footerStyle.js

@@ -7,12 +7,6 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-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 _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; }
-
 const footerStyle = {
   block: {},
   left: {
@@ -25,27 +19,27 @@ const footerStyle = {
     padding: "15px",
     paddingRight: "70px"
   },
-  footer: _objectSpread(_objectSpread({
+  footer: {
     bottom: "0",
-    padding: "15px 0"
-  }, _rootStyle.defaultFont), {}, {
+    padding: "15px 0",
+    ..._rootStyle.defaultFont,
     zIndex: 4
-  }),
+  },
   wrapper: {
     display: "inline-block",
     textAlign: '-webkit-center',
     width: '100%'
   },
-  container: _objectSpread(_objectSpread({
-    zIndex: 3
-  }, _rootStyle.container), {}, {
+  container: {
+    zIndex: 3,
+    ..._rootStyle.container,
     position: "relative"
-  }),
-  containerFluid: _objectSpread(_objectSpread({
-    zIndex: 3
-  }, _rootStyle.containerFluid), {}, {
+  },
+  containerFluid: {
+    zIndex: 3,
+    ..._rootStyle.containerFluid,
     position: "relative"
-  }),
+  },
   a: {
     color: _rootStyle.primaryColor[0],
     textDecoration: "none",

package/dist/assets/jss/components/headerLinksStyle.js

@@ -11,13 +11,7 @@ var _dropdownStyle = _interopRequireDefault(require("./dropdownStyle"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 _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; }
-
-const headerLinksStyle = theme => _objectSpread(_objectSpread({}, (0, _dropdownStyle.default)(theme)), {}, {
+const headerLinksStyle = theme => ({ ...(0, _dropdownStyle.default)(theme),
   search: {
     "& > div": {
       marginTop: "0"
@@ -35,12 +29,12 @@ const headerLinksStyle = theme => _objectSpread(_objectSpread({}, (0, _dropdownS
       }
     }
   },
-  linkText: _objectSpread(_objectSpread({
-    zIndex: "4"
-  }, _rootStyle.defaultFont), {}, {
+  linkText: {
+    zIndex: "4",
+    ..._rootStyle.defaultFont,
     fontSize: "14px",
     margin: "0px"
-  }),
+  },
   buttonLink: {
     [theme.breakpoints.down("sm")]: {
       display: "flex",
@@ -99,10 +93,10 @@ const headerLinksStyle = theme => _objectSpread(_objectSpread({}, (0, _dropdownS
       verticalAlign: "middle",
       display: "block"
     },
-    [theme.breakpoints.down("sm")]: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
+    [theme.breakpoints.down("sm")]: { ..._rootStyle.defaultFont,
       fontSize: "14px",
       marginRight: "8px"
-    })
+    }
   },
   manager: {
     [theme.breakpoints.down("sm")]: {