@agilemotion/oui-react-js 1.2.6 → 1.2.8

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

@@ -13,7 +13,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 typographyStyle = {
+const typographyStyle = {
   defaultFontStyle: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
     fontSize: "14px"
   }),

package/dist/assets/jss/rootStyle.js

@@ -11,39 +11,39 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 hexToRgb = function hexToRgb(input) {
+const hexToRgb = input => {
   input = input + "";
   input = input.replace("#", "");
-  var hexRegex = /[0-9A-Fa-f]/g;
+  let hexRegex = /[0-9A-Fa-f]/g;
 
   if (!hexRegex.test(input) || input.length !== 3 && input.length !== 6) {
     throw new Error("input is not a valid hex color.");
   }
 
   if (input.length === 3) {
-    var _first = input[0];
-    var _second = input[1];
-    var _last = input[2];
-    input = _first + _first + _second + _second + _last + _last;
+    let first = input[0];
+    let second = input[1];
+    let last = input[2];
+    input = first + first + second + second + last + last;
   }
 
   input = input.toUpperCase(input);
-  var first = input[0] + input[1];
-  var second = input[2] + input[3];
-  var last = input[4] + input[5];
+  let first = input[0] + input[1];
+  let second = input[2] + input[3];
+  let last = input[4] + input[5];
   return parseInt(first, 16) + ", " + parseInt(second, 16) + ", " + parseInt(last, 16);
 };
 
 exports.hexToRgb = hexToRgb;
-var drawerWidth = 260;
+const drawerWidth = 260;
 exports.drawerWidth = drawerWidth;
-var drawerMiniWidth = 80;
+const drawerMiniWidth = 80;
 exports.drawerMiniWidth = drawerMiniWidth;
-var transition = {
+const transition = {
   transition: "all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1)"
 };
 exports.transition = transition;
-var containerFluid = {
+const containerFluid = {
   paddingRight: "15px",
   paddingLeft: "15px",
   marginRight: "auto",
@@ -57,7 +57,7 @@ var containerFluid = {
   }
 };
 exports.containerFluid = containerFluid;
-var container = {
+const container = {
   paddingRight: "15px",
   paddingLeft: "15px",
   marginRight: "auto",
@@ -80,117 +80,117 @@ var container = {
   }
 };
 exports.container = container;
-var defaultFont = {
+const defaultFont = {
   fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
   fontWeight: "300",
   lineHeight: "1.5em"
 };
 exports.defaultFont = defaultFont;
-var primaryColor = ["#9c27b0", "#ab47bc", "#8e24aa", "#af2cc5", "#7b1fa2"];
+const primaryColor = ["#9c27b0", "#ab47bc", "#8e24aa", "#af2cc5", "#7b1fa2"];
 exports.primaryColor = primaryColor;
-var warningColor = ["#ff9800", "#ffa726", "#fb8c00", "#ffa21a", "#f57c00", "#faf2cc", "#fcf8e3"];
+const warningColor = ["#ff9800", "#ffa726", "#fb8c00", "#ffa21a", "#f57c00", "#faf2cc", "#fcf8e3"];
 exports.warningColor = warningColor;
-var dangerColor = ["#f44336", "#ef5350", "#e53935", "#f55a4e", "#d32f2f", "#ebcccc", "#f2dede"];
+const dangerColor = ["#f44336", "#ef5350", "#e53935", "#f55a4e", "#d32f2f", "#ebcccc", "#f2dede"];
 exports.dangerColor = dangerColor;
-var successColor = ["#4caf50", "#66bb6a", "#43a047", "#5cb860", "#388e3c", "#d0e9c6", "#dff0d8"];
+const successColor = ["#4caf50", "#66bb6a", "#43a047", "#5cb860", "#388e3c", "#d0e9c6", "#dff0d8"];
 exports.successColor = successColor;
-var infoColor = ["#00acc1", "#26c6da", "#00acc1", "#00d3ee", "#0097a7", "#c4e3f3", "#d9edf7"];
+const infoColor = ["#00acc1", "#26c6da", "#00acc1", "#00d3ee", "#0097a7", "#c4e3f3", "#d9edf7"];
 exports.infoColor = infoColor;
-var roseColor = ["#d4a039", "#000000", "#747474", "#7c7474", "#6c7474"];
+const roseColor = ["#d4a039", "#000000", "#747474", "#7c7474", "#6c7474"];
 exports.roseColor = roseColor;
-var agilityColor = ["#d4a039", "#000000", "#747474", "#7c7474", "#6c7474"];
+const agilityColor = ["#d4a039", "#000000", "#747474", "#7c7474", "#6c7474"];
 exports.agilityColor = agilityColor;
-var grayColor = ["#999", "#777", "#3C4858", "#AAAAAA", "#D2D2D2", "#DDD", "#555555", "#333", "#eee", "#ccc", "#e4e4e4", "#E5E5E5", "#f9f9f9", "#f5f5f5", "#495057", "#e7e7e7", "#212121", "#c8c8c8", "#505050"];
+const grayColor = ["#999", "#777", "#3C4858", "#AAAAAA", "#D2D2D2", "#DDD", "#555555", "#333", "#eee", "#ccc", "#e4e4e4", "#E5E5E5", "#f9f9f9", "#f5f5f5", "#495057", "#e7e7e7", "#212121", "#c8c8c8", "#505050"];
 exports.grayColor = grayColor;
-var blackColor = "#000";
+const blackColor = "#000";
 exports.blackColor = blackColor;
-var whiteColor = "#FFF";
+const whiteColor = "#FFF";
 exports.whiteColor = whiteColor;
-var twitterColor = "#55acee";
+const twitterColor = "#55acee";
 exports.twitterColor = twitterColor;
-var facebookColor = "#3b5998";
+const facebookColor = "#3b5998";
 exports.facebookColor = facebookColor;
-var googleColor = "#dd4b39";
+const googleColor = "#dd4b39";
 exports.googleColor = googleColor;
-var linkedinColor = "#0976b4";
+const linkedinColor = "#0976b4";
 exports.linkedinColor = linkedinColor;
-var pinterestColor = "#cc2127";
+const pinterestColor = "#cc2127";
 exports.pinterestColor = pinterestColor;
-var youtubeColor = "#e52d27";
+const youtubeColor = "#e52d27";
 exports.youtubeColor = youtubeColor;
-var tumblrColor = "#35465c";
+const tumblrColor = "#35465c";
 exports.tumblrColor = tumblrColor;
-var behanceColor = "#1769ff";
+const behanceColor = "#1769ff";
 exports.behanceColor = behanceColor;
-var dribbbleColor = "#ea4c89";
+const dribbbleColor = "#ea4c89";
 exports.dribbbleColor = dribbbleColor;
-var redditColor = "#ff4500";
+const redditColor = "#ff4500";
 exports.redditColor = redditColor;
-var boxShadow = {
+const boxShadow = {
   boxShadow: "0 10px 30px -12px rgba(" + hexToRgb(blackColor) + ", 0.42), 0 4px 25px 0px rgba(" + hexToRgb(blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + hexToRgb(blackColor) + ", 0.2)"
 };
 exports.boxShadow = boxShadow;
-var primaryBoxShadow = {
+const primaryBoxShadow = {
   boxShadow: "0 4px 20px 0 rgba(" + hexToRgb(blackColor) + ",.14), 0 7px 10px -5px rgba(" + hexToRgb(primaryColor[0]) + ",.4)"
 };
 exports.primaryBoxShadow = primaryBoxShadow;
-var infoBoxShadow = {
+const infoBoxShadow = {
   boxShadow: "0 4px 20px 0 rgba(" + hexToRgb(blackColor) + ",.14), 0 7px 10px -5px rgba(" + hexToRgb(infoColor[0]) + ",.4)"
 };
 exports.infoBoxShadow = infoBoxShadow;
-var successBoxShadow = {
+const successBoxShadow = {
   boxShadow: "0 4px 20px 0 rgba(" + hexToRgb(blackColor) + ",.14), 0 7px 10px -5px rgba(" + hexToRgb(successColor[0]) + ",.4)"
 };
 exports.successBoxShadow = successBoxShadow;
-var warningBoxShadow = {
+const warningBoxShadow = {
   boxShadow: "0 4px 20px 0 rgba(" + hexToRgb(blackColor) + ",.14), 0 7px 10px -5px rgba(" + hexToRgb(warningColor[0]) + ",.4)"
 };
 exports.warningBoxShadow = warningBoxShadow;
-var dangerBoxShadow = {
+const dangerBoxShadow = {
   boxShadow: "0 4px 20px 0 rgba(" + hexToRgb(blackColor) + ",.14), 0 7px 10px -5px rgba(" + hexToRgb(dangerColor[0]) + ",.4)"
 };
 exports.dangerBoxShadow = dangerBoxShadow;
-var roseBoxShadow = {
+const roseBoxShadow = {
   boxShadow: "0 4px 20px 0 rgba(" + hexToRgb(blackColor) + ",.14), 0 7px 10px -5px rgba(" + hexToRgb(roseColor[0]) + ",.4)"
 };
 exports.roseBoxShadow = roseBoxShadow;
 
-var warningCardHeader = _objectSpread({
+const warningCardHeader = _objectSpread({
   background: "linear-gradient(60deg, " + warningColor[1] + ", " + warningColor[2] + ")"
 }, warningBoxShadow);
 
 exports.warningCardHeader = warningCardHeader;
 
-var successCardHeader = _objectSpread({
+const successCardHeader = _objectSpread({
   background: "linear-gradient(60deg, " + successColor[1] + ", " + successColor[2] + ")"
 }, successBoxShadow);
 
 exports.successCardHeader = successCardHeader;
 
-var dangerCardHeader = _objectSpread({
+const dangerCardHeader = _objectSpread({
   background: "linear-gradient(60deg, " + dangerColor[1] + ", " + dangerColor[2] + ")"
 }, dangerBoxShadow);
 
 exports.dangerCardHeader = dangerCardHeader;
 
-var infoCardHeader = _objectSpread({
+const infoCardHeader = _objectSpread({
   background: "linear-gradient(60deg, " + infoColor[1] + ", " + infoColor[2] + ")"
 }, infoBoxShadow);
 
 exports.infoCardHeader = infoCardHeader;
 
-var primaryCardHeader = _objectSpread({
+const primaryCardHeader = _objectSpread({
   background: "linear-gradient(60deg, " + primaryColor[1] + ", " + primaryColor[2] + ")"
 }, primaryBoxShadow);
 
 exports.primaryCardHeader = primaryCardHeader;
 
-var roseCardHeader = _objectSpread({
+const roseCardHeader = _objectSpread({
   background: agilityColor[0]
 }, roseBoxShadow);
 
 exports.roseCardHeader = roseCardHeader;
-var card = {
+const card = {
   display: "inline-block",
   position: "relative",
   width: "100%",
@@ -202,7 +202,7 @@ var card = {
 };
 exports.card = card;
 
-var cardActions = _objectSpread({
+const cardActions = _objectSpread({
   margin: "0 20px 10px",
   paddingTop: "10px",
   borderTop: "1px solid " + grayColor[8],
@@ -210,13 +210,13 @@ var cardActions = _objectSpread({
 }, defaultFont);
 
 exports.cardActions = cardActions;
-var cardHeader = {
+const cardHeader = {
   margin: "-20px 15px 0",
   borderRadius: "3px",
   padding: "15px"
 };
 exports.cardHeader = cardHeader;
-var defaultBoxShadow = {
+const defaultBoxShadow = {
   border: "0",
   borderRadius: "3px",
   boxShadow: "0 10px 20px -12px rgba(" + hexToRgb(blackColor) + ", 0.42), 0 3px 20px 0px rgba(" + hexToRgb(blackColor) + ", 0.12), 0 8px 10px -5px rgba(" + hexToRgb(blackColor) + ", 0.2)",
@@ -224,7 +224,7 @@ var defaultBoxShadow = {
   transition: "all 150ms ease 0s"
 };
 exports.defaultBoxShadow = defaultBoxShadow;
-var tooltip = {
+const tooltip = {
   padding: "10px 15px",
   minWidth: "130px",
   color: whiteColor,
@@ -250,7 +250,7 @@ var tooltip = {
   lineBreak: "auto"
 };
 exports.tooltip = tooltip;
-var title = {
+const title = {
   color: grayColor[2],
   textDecoration: "none",
   fontWeight: "300",
@@ -267,7 +267,7 @@ var title = {
 };
 exports.title = title;
 
-var cardTitle = _objectSpread(_objectSpread({}, title), {}, {
+const cardTitle = _objectSpread(_objectSpread({}, title), {}, {
   marginTop: "0",
   marginBottom: "3px",
   minHeight: "auto",
@@ -279,11 +279,11 @@ var cardTitle = _objectSpread(_objectSpread({}, title), {}, {
 });
 
 exports.cardTitle = cardTitle;
-var cardSubtitle = {
+const cardSubtitle = {
   marginTop: "-.375rem"
 };
 exports.cardSubtitle = cardSubtitle;
-var cardLink = {
+const cardLink = {
   "& + $cardLink": {
     marginLeft: "1.25rem"
   }

package/dist/assets/jss/views/layoutStyle.js

@@ -13,52 +13,50 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 appStyle = function appStyle(theme) {
-  return {
-    wrapper: {
-      position: "relative",
-      top: "0",
-      height: "100vh",
-      "&:after": {
-        display: "table",
-        clear: "both",
-        content: '" "'
-      }
-    },
-    mainPanel: _objectSpread(_objectSpread({
-      transitionProperty: "top, bottom, width",
-      transitionDuration: ".2s, .2s, .35s",
-      transitionTimingFunction: "linear, linear, ease",
-      [theme.breakpoints.up("md")]: {
-        width: "calc(100% - ".concat(_rootStyle.drawerWidth, "px)")
-      },
-      overflow: "auto",
-      position: "relative",
-      float: "right"
-    }, _rootStyle.transition), {}, {
-      maxHeight: "100%",
-      width: "100%",
-      overflowScrolling: "touch"
-    }),
-    content: {
-      marginTop: "70px",
-      padding: "30px 15px",
-      minHeight: "calc(100vh - 123px)"
-    },
-    container: _objectSpread({}, _rootStyle.containerFluid),
-    map: {
-      marginTop: "70px"
-    },
-    mainPanelSidebarMini: {
-      [theme.breakpoints.up("md")]: {
-        width: "calc(100% - ".concat(_rootStyle.drawerMiniWidth, "px)")
-      }
+const appStyle = theme => ({
+  wrapper: {
+    position: "relative",
+    top: "0",
+    height: "100vh",
+    "&:after": {
+      display: "table",
+      clear: "both",
+      content: '" "'
+    }
+  },
+  mainPanel: _objectSpread(_objectSpread({
+    transitionProperty: "top, bottom, width",
+    transitionDuration: ".2s, .2s, .35s",
+    transitionTimingFunction: "linear, linear, ease",
+    [theme.breakpoints.up("md")]: {
+      width: "calc(100% - ".concat(_rootStyle.drawerWidth, "px)")
     },
-    mainPanelWithPerfectScrollbar: {
-      overflow: "hidden !important"
+    overflow: "auto",
+    position: "relative",
+    float: "right"
+  }, _rootStyle.transition), {}, {
+    maxHeight: "100%",
+    width: "100%",
+    overflowScrolling: "touch"
+  }),
+  content: {
+    marginTop: "70px",
+    padding: "30px 15px",
+    minHeight: "calc(100vh - 123px)"
+  },
+  container: _objectSpread({}, _rootStyle.containerFluid),
+  map: {
+    marginTop: "70px"
+  },
+  mainPanelSidebarMini: {
+    [theme.breakpoints.up("md")]: {
+      width: "calc(100% - ".concat(_rootStyle.drawerMiniWidth, "px)")
     }
-  };
-};
+  },
+  mainPanelWithPerfectScrollbar: {
+    overflow: "hidden !important"
+  }
+});
 
 var _default = appStyle;
 exports.default = _default;

package/dist/assets/jss/views/loginBasicStyle.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _colors = require("material-ui/styles/colors");
 
-var styles = {
+const styles = {
   title: {
     minWidth: 320,
     maxWidth: 400,

package/dist/assets/jss/views/loginStyle.js

@@ -13,102 +13,100 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 loginStyle = function loginStyle(theme) {
-  return {
-    container: _objectSpread(_objectSpread({}, _rootStyle.container), {}, {
-      zIndex: "4",
-      [theme.breakpoints.down("sm")]: {
-        paddingBottom: "100px"
-      }
-    }),
-    right: {
-      margin: "0",
-      fontSize: "12px",
-      float: "right!important",
-      color: "#d32f2f"
-    },
-    cardTitle: _objectSpread(_objectSpread({}, _rootStyle.cardTitle), {}, {
+const loginStyle = theme => ({
+  container: _objectSpread(_objectSpread({}, _rootStyle.container), {}, {
+    zIndex: "4",
+    [theme.breakpoints.down("sm")]: {
+      paddingBottom: "100px"
+    }
+  }),
+  right: {
+    margin: "0",
+    fontSize: "12px",
+    float: "right!important",
+    color: "#d32f2f"
+  },
+  cardTitle: _objectSpread(_objectSpread({}, _rootStyle.cardTitle), {}, {
+    color: _rootStyle.whiteColor
+  }),
+  loader: {
+    width: "100%",
+    height: "100",
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  textCenter: {
+    textAlign: "center"
+  },
+  justifyContentCenter: {
+    justifyContent: "center !important"
+  },
+  customButtonClass: {
+    "&,&:focus,&:hover": {
       color: _rootStyle.whiteColor
-    }),
-    loader: {
-      width: "100%",
-      height: "100",
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center"
-    },
-    textCenter: {
-      textAlign: "center"
-    },
-    justifyContentCenter: {
-      justifyContent: "center !important"
-    },
-    customButtonClass: {
-      "&,&:focus,&:hover": {
-        color: _rootStyle.whiteColor
-      },
-      marginLeft: "5px",
-      marginRight: "5px"
     },
-    inputAdornment: {
-      marginRight: "18px"
+    marginLeft: "5px",
+    marginRight: "5px"
+  },
+  inputAdornment: {
+    marginRight: "18px"
+  },
+  inputAdornmentIcon: {
+    color: _rootStyle.grayColor[6]
+  },
+  cardHidden: {
+    opacity: "0",
+    transform: "translate3d(0, -60px, 0)"
+  },
+  cardHeader: {
+    marginBottom: "20px"
+  },
+  socialLine: {
+    padding: "0.9375rem 0"
+  },
+  wrapper: {
+    height: "auto",
+    minHeight: "100vh",
+    position: "relative",
+    top: "0"
+  },
+  fullPage: {
+    padding: "120px 0",
+    position: "relative",
+    minHeight: "100vh",
+    display: "flex!important",
+    margin: "0",
+    border: "0",
+    color: _rootStyle.whiteColor,
+    alignItems: "center",
+    backgroundSize: "cover",
+    backgroundPosition: "center center",
+    height: "100%",
+    [theme.breakpoints.down("sm")]: {
+      minHeight: "700px!important"
     },
-    inputAdornmentIcon: {
-      color: _rootStyle.grayColor[6]
-    },
-    cardHidden: {
-      opacity: "0",
-      transform: "translate3d(0, -60px, 0)"
-    },
-    cardHeader: {
-      marginBottom: "20px"
-    },
-    socialLine: {
-      padding: "0.9375rem 0"
+    "& footer": {
+      position: "absolute",
+      bottom: "0",
+      width: "100%",
+      border: "none !important"
     },
-    wrapper: {
-      height: "auto",
-      minHeight: "100vh",
-      position: "relative",
-      top: "0"
+    "&:before": {
+      backgroundColor: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.65)"
     },
-    fullPage: {
-      padding: "120px 0",
-      position: "relative",
-      minHeight: "100vh",
-      display: "flex!important",
-      margin: "0",
-      border: "0",
-      color: _rootStyle.whiteColor,
-      alignItems: "center",
-      backgroundSize: "cover",
-      backgroundPosition: "center center",
+    "&:before,&:after": {
+      display: "block",
+      content: '""',
+      position: "absolute",
+      width: "100%",
       height: "100%",
-      [theme.breakpoints.down("sm")]: {
-        minHeight: "700px!important"
-      },
-      "& footer": {
-        position: "absolute",
-        bottom: "0",
-        width: "100%",
-        border: "none !important"
-      },
-      "&:before": {
-        backgroundColor: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.65)"
-      },
-      "&:before,&:after": {
-        display: "block",
-        content: '""',
-        position: "absolute",
-        width: "100%",
-        height: "100%",
-        top: "0",
-        left: "0",
-        zIndex: "2"
-      }
+      top: "0",
+      left: "0",
+      zIndex: "2"
     }
-  };
-};
+  }
+});
 
 var _default = loginStyle;
 exports.default = _default;

package/dist/components/AlertBar.js

@@ -23,37 +23,37 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 
 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 _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; }
 
-var AlertBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _React$useState = _react.default.useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      message = _React$useState2[0],
-      setMessage = _React$useState2[1];
+const AlertBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const _React$useState = _react.default.useState(null),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        message = _React$useState2[0],
+        setMessage = _React$useState2[1];
 
-  var _React$useState3 = _react.default.useState('info'),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      variant = _React$useState4[0],
-      setVariant = _React$useState4[1];
+  const _React$useState3 = _react.default.useState('info'),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        variant = _React$useState4[0],
+        setVariant = _React$useState4[1];
 
-  var _React$useState5 = _react.default.useState(true),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      initializing = _React$useState6[0],
-      setInitializing = _React$useState6[1];
+  const _React$useState5 = _react.default.useState(true),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        initializing = _React$useState6[0],
+        setInitializing = _React$useState6[1];
 
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (initializing) {
       props.handle.api = api();
 
-      var parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+      let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
 
-      var eventHandlingConfig = _Utils.default.isNull(parsedConfig.eventHandlingConfig) ? {} : parsedConfig.eventHandlingConfig;
+      let eventHandlingConfig = _Utils.default.isNull(parsedConfig.eventHandlingConfig) ? {} : parsedConfig.eventHandlingConfig;
       eventHandlingConfig.subscriptions = _Utils.default.isNull(eventHandlingConfig.subscriptions) ? [] : eventHandlingConfig.subscriptions;
-      var subscription = {
+      let subscription = {
         publisher: "applicationContext",
         eventType: _EventType.default.MESSAGE_ARRIVED,
         actions: [{
@@ -71,7 +71,7 @@ var AlertBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.for
     }
   });
 
-  var api = function api() {
+  const api = () => {
     return {
       get id() {
         return props.config.id;
@@ -81,7 +81,7 @@ var AlertBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.for
         setMessage(message);
       },
 
-      getChildren: function getChildren() {
+      getChildren: () => {
         return [];
       },
 
@@ -103,9 +103,7 @@ var AlertBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.for
   }, /*#__PURE__*/_react.default.createElement(_Alert.default, {
     variant: variant,
     show: !_Utils.default.isNull(message),
-    onClose: function onClose() {
-      return setMessage(null);
-    },
+    onClose: () => setMessage(null),
     dismissible: true
   }, /*#__PURE__*/_react.default.createElement("p", {
     style: {