@agilemotion/oui-react-js 1.8.55 → 1.8.57

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

@@ -5,6 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _rootStyle = require("../rootStyle");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const headerStyle = () => ({
   appBar: {
     backgroundColor: "transparent",
@@ -23,15 +28,13 @@ const headerStyle = () => ({
     minHeight: "50px",
     display: "block"
   },
-  container: {
-    ..._rootStyle.containerFluid,
+  container: _objectSpread(_objectSpread({}, _rootStyle.containerFluid), {}, {
     minHeight: "50px"
-  },
+  }),
   flex: {
     flex: 1
   },
-  title: {
-    ..._rootStyle.defaultFont,
+  title: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
     lineHeight: "30px",
     fontSize: "18px",
     borderRadius: "3px",
@@ -44,32 +47,27 @@ const headerStyle = () => ({
     "&:hover,&:focus": {
       background: "transparent"
     }
-  },
-  primary: {
+  }),
+  primary: _objectSpread({
     backgroundColor: _rootStyle.primaryColor[0],
-    color: _rootStyle.whiteColor,
-    ..._rootStyle.defaultBoxShadow
-  },
-  info: {
+    color: _rootStyle.whiteColor
+  }, _rootStyle.defaultBoxShadow),
+  info: _objectSpread({
     backgroundColor: _rootStyle.infoColor[0],
-    color: _rootStyle.whiteColor,
-    ..._rootStyle.defaultBoxShadow
-  },
-  success: {
+    color: _rootStyle.whiteColor
+  }, _rootStyle.defaultBoxShadow),
+  success: _objectSpread({
     backgroundColor: _rootStyle.successColor[0],
-    color: _rootStyle.whiteColor,
-    ..._rootStyle.defaultBoxShadow
-  },
-  warning: {
+    color: _rootStyle.whiteColor
+  }, _rootStyle.defaultBoxShadow),
+  warning: _objectSpread({
     backgroundColor: _rootStyle.warningColor[0],
-    color: _rootStyle.whiteColor,
-    ..._rootStyle.defaultBoxShadow
-  },
-  danger: {
+    color: _rootStyle.whiteColor
+  }, _rootStyle.defaultBoxShadow),
+  danger: _objectSpread({
     backgroundColor: _rootStyle.dangerColor[0],
-    color: _rootStyle.whiteColor,
-    ..._rootStyle.defaultBoxShadow
-  },
+    color: _rootStyle.whiteColor
+  }, _rootStyle.defaultBoxShadow),
   sidebarMinimize: {
     float: "left",
     padding: "0 0 0 15px",

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

@@ -5,6 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _rootStyle = require("../rootStyle");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const sidebarStyle = theme => ({
   drawerPaperRTL: {
     [theme.breakpoints.up("md")]: {
@@ -16,7 +21,7 @@ const sidebarStyle = theme => ({
       right: "auto !important"
     }
   },
-  drawerPaper: {
+  drawerPaper: _objectSpread(_objectSpread({
     border: "none",
     position: "fixed",
     top: "0",
@@ -25,18 +30,17 @@ const sidebarStyle = theme => ({
     zIndex: "1032",
     transitionProperty: "top, bottom, width",
     transitionDuration: ".2s, .2s, .35s",
-    transitionTimingFunction: "linear, linear, ease",
-    // overflow: 'auto',
-    ..._rootStyle.boxShadow,
+    transitionTimingFunction: "linear, linear, ease"
+  }, _rootStyle.boxShadow), {}, {
     width: _rootStyle.drawerWidth,
     [theme.breakpoints.up("md")]: {
       width: _rootStyle.drawerWidth,
       position: "fixed",
       height: "100%"
     },
-    [theme.breakpoints.down("sm")]: {
-      width: _rootStyle.drawerWidth,
-      ..._rootStyle.boxShadow,
+    [theme.breakpoints.down("sm")]: _objectSpread(_objectSpread({
+      width: _rootStyle.drawerWidth
+    }, _rootStyle.boxShadow), {}, {
       position: "fixed",
       display: "block",
       top: "0",
@@ -50,9 +54,8 @@ const sidebarStyle = theme => ({
       textAlign: "left",
       paddingRight: "0px",
       paddingLeft: "0",
-      transform: `translate3d(${_rootStyle.drawerWidth}px, 0, 0)`,
-      ..._rootStyle.transition
-    },
+      transform: "translate3d(".concat(_rootStyle.drawerWidth, "px, 0, 0)")
+    }, _rootStyle.transition),
     "&:before,&:after": {
       position: "absolute",
       zIndex: "3",
@@ -62,7 +65,7 @@ const sidebarStyle = theme => ({
       display: "block",
       top: "0"
     }
-  },
+  }),
   blackBackground: {
     color: _rootStyle.whiteColor,
     "&:after": {
@@ -126,8 +129,7 @@ const sidebarStyle = theme => ({
     marginRight: "30px",
     marginLeft: "26px"
   },
-  logoNormal: {
-    ..._rootStyle.defaultFont,
+  logoNormal: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
     transition: "all 300ms linear",
     display: "block",
     opacity: "1",
@@ -142,7 +144,7 @@ const sidebarStyle = theme => ({
     "&,&:hover,&:focus": {
       color: "inherit"
     }
-  },
+  }),
   logoNormalRTL: {
     textAlign: "right"
   },
@@ -199,7 +201,7 @@ const sidebarStyle = theme => ({
       paddingBottom: "0px"
     }
   },
-  itemLink: {
+  itemLink: _objectSpread(_objectSpread({
     paddingLeft: "10px",
     paddingRight: "10px",
     transition: "all 300ms linear",
@@ -208,8 +210,8 @@ const sidebarStyle = theme => ({
     position: "relative",
     display: "block",
     padding: "10px 15px",
-    backgroundColor: "transparent",
-    ..._rootStyle.defaultFont,
+    backgroundColor: "transparent"
+  }, _rootStyle.defaultFont), {}, {
     width: "auto",
     "&:hover": {
       outline: "none",
@@ -219,7 +221,7 @@ const sidebarStyle = theme => ({
     "&,&:hover,&:focus": {
       color: "inherit"
     }
-  },
+  }),
   itemIcon: {
     color: "inherit",
     width: "30px",
@@ -237,9 +239,9 @@ const sidebarStyle = theme => ({
     marginLeft: "15px",
     marginRight: "1px"
   },
-  itemText: {
-    color: "inherit",
-    ..._rootStyle.defaultFont,
+  itemText: _objectSpread(_objectSpread({
+    color: "inherit"
+  }, _rootStyle.defaultFont), {}, {
     margin: "0",
     lineHeight: "30px",
     fontSize: "14px",
@@ -251,7 +253,7 @@ const sidebarStyle = theme => ({
     height: "auto",
     whiteSpace: "nowrap",
     padding: "0 16px !important"
-  },
+  }),
   userItemText: {
     lineHeight: "22px"
   },
@@ -284,15 +286,15 @@ const sidebarStyle = theme => ({
     backgroundColor: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.grayColor[17]) + ", 0.2)",
     boxShadow: "none"
   },
-  collapseItemLink: {
+  collapseItemLink: _objectSpread(_objectSpread({
     transition: "all 300ms linear",
     margin: "0 15px",
     borderRadius: "3px",
     position: "relative",
     display: "block",
     padding: "10px",
-    backgroundColor: "transparent",
-    ..._rootStyle.defaultFont,
+    backgroundColor: "transparent"
+  }, _rootStyle.defaultFont), {}, {
     width: "auto",
     "&:hover": {
       outline: "none",
@@ -302,10 +304,10 @@ const sidebarStyle = theme => ({
     "&,&:hover,&:focus": {
       color: "inherit"
     }
-  },
-  collapseItemMini: {
-    color: "inherit",
-    ..._rootStyle.defaultFont,
+  }),
+  collapseItemMini: _objectSpread(_objectSpread({
+    color: "inherit"
+  }, _rootStyle.defaultFont), {}, {
     textTransform: "uppercase",
     width: "30px",
     marginRight: "15px",
@@ -316,15 +318,15 @@ const sidebarStyle = theme => ({
     display: "inherit",
     transition: "transform 300ms ease 0s, opacity 300ms ease 0s",
     fontSize: "14px"
-  },
+  }),
   collapseItemMiniRTL: {
     float: "right",
     marginLeft: "30px",
     marginRight: "1px"
   },
-  collapseItemText: {
-    color: "inherit",
-    ..._rootStyle.defaultFont,
+  collapseItemText: _objectSpread(_objectSpread({
+    color: "inherit"
+  }, _rootStyle.defaultFont), {}, {
     margin: "0",
     position: "relative",
     transform: "translateX(0px)",
@@ -333,7 +335,7 @@ const sidebarStyle = theme => ({
     display: "block",
     transition: "transform 300ms ease 0s, opacity 300ms ease 0s",
     fontSize: "14px"
-  },
+  }),
   collapseItemTextRTL: {
     textAlign: "right"
   },
@@ -369,11 +371,10 @@ const sidebarStyle = theme => ({
     transform: "rotate(-360deg)"
   },
   purple: {
-    "&,&:hover,&:focus": {
+    "&,&:hover,&:focus": _objectSpread({
       color: _rootStyle.whiteColor,
-      backgroundColor: _rootStyle.primaryColor[0],
-      ..._rootStyle.primaryBoxShadow
-    }
+      backgroundColor: _rootStyle.primaryColor[0]
+    }, _rootStyle.primaryBoxShadow)
   },
   blue: {
     "&,&:hover,&:focus": {
@@ -447,7 +448,7 @@ const sidebarStyle = theme => ({
       backgroundColor: "hsla(0,0%,100%,.3)"
     }
   },
-  photo: {
+  photo: _objectSpread({
     transition: "all 300ms linear",
     width: "34px",
     height: "34px",
@@ -456,9 +457,8 @@ const sidebarStyle = theme => ({
     zIndex: "5",
     marginRight: "11px",
     borderRadius: "50%",
-    marginLeft: "23px",
-    ..._rootStyle.boxShadow
-  },
+    marginLeft: "23px"
+  }, _rootStyle.boxShadow),
   photoRTL: {
     float: "right",
     marginLeft: "12px",

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

@@ -5,11 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _rootStyle = require("../rootStyle");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const typographyStyle = {
-  defaultFontStyle: {
-    ..._rootStyle.defaultFont,
+  defaultFontStyle: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
     fontSize: "14px"
-  },
+  }),
   defaultHeaderMargins: {
     marginTop: "20px",
     marginBottom: "10px"

package/dist/assets/jss/rootStyle.js

@@ -4,6 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.youtubeColor = exports.whiteColor = exports.warningColor = exports.warningCardHeader = exports.warningBoxShadow = exports.twitterColor = exports.tumblrColor = exports.transition = exports.tooltip = exports.title = exports.successColor = exports.successCardHeader = exports.successBoxShadow = exports.roseColor = exports.roseCardHeader = exports.roseBoxShadow = exports.redditColor = exports.primaryColor = exports.primaryCardHeader = exports.primaryBoxShadow = exports.pinterestColor = exports.linkedinColor = exports.infoColor = exports.infoCardHeader = exports.infoBoxShadow = exports.hexToRgb = exports.grayColor = exports.googleColor = exports.facebookColor = exports.dribbbleColor = exports.drawerWidth = exports.drawerMiniWidth = exports.defaultFont = exports.defaultBoxShadow = exports.dangerColor = exports.dangerCardHeader = exports.dangerBoxShadow = exports.containerFluid = exports.container = exports.cardTitle = exports.cardSubtitle = exports.cardLink = exports.cardHeader = exports.cardActions = exports.card = exports.boxShadow = exports.blackColor = exports.behanceColor = exports.agilityColor = void 0;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const hexToRgb = input => {
   input = input + "";
   input = input.replace("#", "");
@@ -110,30 +115,24 @@ const dangerBoxShadow = exports.dangerBoxShadow = {
 const roseBoxShadow = exports.roseBoxShadow = {
   boxShadow: "0 4px 20px 0 rgba(" + hexToRgb(blackColor) + ",.14), 0 7px 10px -5px rgba(" + hexToRgb(roseColor[0]) + ",.4)"
 };
-const warningCardHeader = exports.warningCardHeader = {
-  background: "linear-gradient(60deg, " + warningColor[1] + ", " + warningColor[2] + ")",
-  ...warningBoxShadow
-};
-const successCardHeader = exports.successCardHeader = {
-  background: "linear-gradient(60deg, " + successColor[1] + ", " + successColor[2] + ")",
-  ...successBoxShadow
-};
-const dangerCardHeader = exports.dangerCardHeader = {
-  background: "linear-gradient(60deg, " + dangerColor[1] + ", " + dangerColor[2] + ")",
-  ...dangerBoxShadow
-};
-const infoCardHeader = exports.infoCardHeader = {
-  background: "linear-gradient(60deg, " + infoColor[1] + ", " + infoColor[2] + ")",
-  ...infoBoxShadow
-};
-const primaryCardHeader = exports.primaryCardHeader = {
-  background: "linear-gradient(60deg, " + primaryColor[1] + ", " + primaryColor[2] + ")",
-  ...primaryBoxShadow
-};
-const roseCardHeader = exports.roseCardHeader = {
-  background: agilityColor[0],
-  ...roseBoxShadow
-};
+const warningCardHeader = exports.warningCardHeader = _objectSpread({
+  background: "linear-gradient(60deg, " + warningColor[1] + ", " + warningColor[2] + ")"
+}, warningBoxShadow);
+const successCardHeader = exports.successCardHeader = _objectSpread({
+  background: "linear-gradient(60deg, " + successColor[1] + ", " + successColor[2] + ")"
+}, successBoxShadow);
+const dangerCardHeader = exports.dangerCardHeader = _objectSpread({
+  background: "linear-gradient(60deg, " + dangerColor[1] + ", " + dangerColor[2] + ")"
+}, dangerBoxShadow);
+const infoCardHeader = exports.infoCardHeader = _objectSpread({
+  background: "linear-gradient(60deg, " + infoColor[1] + ", " + infoColor[2] + ")"
+}, infoBoxShadow);
+const primaryCardHeader = exports.primaryCardHeader = _objectSpread({
+  background: "linear-gradient(60deg, " + primaryColor[1] + ", " + primaryColor[2] + ")"
+}, primaryBoxShadow);
+const roseCardHeader = exports.roseCardHeader = _objectSpread({
+  background: agilityColor[0]
+}, roseBoxShadow);
 const card = exports.card = {
   display: "inline-block",
   position: "relative",
@@ -144,13 +143,12 @@ const card = exports.card = {
   color: "rgba(" + hexToRgb(blackColor) + ", 0.87)",
   background: whiteColor
 };
-const cardActions = exports.cardActions = {
+const cardActions = exports.cardActions = _objectSpread({
   margin: "0 20px 10px",
   paddingTop: "10px",
   borderTop: "1px solid " + grayColor[8],
-  height: "auto",
-  ...defaultFont
-};
+  height: "auto"
+}, defaultFont);
 const cardHeader = exports.cardHeader = {
   margin: "-20px 15px 0",
   borderRadius: "3px",
@@ -203,18 +201,16 @@ const title = exports.title = {
     lineHeight: "1"
   }
 };
-const cardTitle = exports.cardTitle = {
-  ...title,
+const cardTitle = exports.cardTitle = _objectSpread(_objectSpread({}, title), {}, {
   marginTop: "0",
   marginBottom: "3px",
   minHeight: "auto",
-  "& a": {
-    ...title,
+  "& a": _objectSpread(_objectSpread({}, title), {}, {
     marginTop: ".625rem",
     marginBottom: "0.75rem",
     minHeight: "auto"
-  }
-};
+  })
+});
 const cardSubtitle = exports.cardSubtitle = {
   marginTop: "-.375rem"
 };

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

@@ -5,6 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _rootStyle = require("../rootStyle");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const appStyle = theme => ({
   wrapper: {
     position: "relative",
@@ -16,35 +21,33 @@ const appStyle = theme => ({
       content: '" "'
     }
   },
-  mainPanel: {
+  mainPanel: _objectSpread(_objectSpread({
     transitionProperty: "top, bottom, width",
     transitionDuration: ".2s, .2s, .35s",
     transitionTimingFunction: "linear, linear, ease",
     [theme.breakpoints.up("md")]: {
-      width: `calc(100% - ${_rootStyle.drawerWidth}px)`
+      width: "calc(100% - ".concat(_rootStyle.drawerWidth, "px)")
     },
     overflow: "auto",
     position: "relative",
-    float: "right",
-    ..._rootStyle.transition,
+    float: "right"
+  }, _rootStyle.transition), {}, {
     maxHeight: "100%",
     width: "100%",
     overflowScrolling: "touch"
-  },
+  }),
   content: {
     marginTop: "70px",
     padding: "30px 15px",
     minHeight: "calc(100vh - 123px)"
   },
-  container: {
-    ..._rootStyle.containerFluid
-  },
+  container: _objectSpread({}, _rootStyle.containerFluid),
   map: {
     marginTop: "70px"
   },
   mainPanelSidebarMini: {
     [theme.breakpoints.up("md")]: {
-      width: `calc(100% - ${_rootStyle.drawerMiniWidth}px)`
+      width: "calc(100% - ".concat(_rootStyle.drawerMiniWidth, "px)")
     }
   },
   mainPanelWithPerfectScrollbar: {

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

@@ -5,24 +5,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _rootStyle = require("../rootStyle");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const loginStyle = theme => ({
-  container: {
-    ..._rootStyle.container,
+  container: _objectSpread(_objectSpread({}, _rootStyle.container), {}, {
     zIndex: "4",
     [theme.breakpoints.down("sm")]: {
       paddingBottom: "100px"
     }
-  },
+  }),
   right: {
     margin: "0",
     fontSize: "12px",
     float: "right!important",
     color: "#d32f2f"
   },
-  cardTitle: {
-    ..._rootStyle.cardTitle,
+  cardTitle: _objectSpread(_objectSpread({}, _rootStyle.cardTitle), {}, {
     color: _rootStyle.whiteColor
-  },
+  }),
   loader: {
     width: "100%",
     height: "100",

package/dist/components/AlertBar.js

@@ -20,7 +20,7 @@ const AlertBar = /*#__PURE__*/_react.default.memo(props => {
     let defaultAction = {
       actionType: 'script',
       script: {
-        lines: [`if('${props.viewId}' === $event.viewId) {`, `   @#{${props.config.id}}.message = $event.data.message`, `   @#{${props.config.id}}.variant = $event.data.messageType === 'ERROR' ? 'danger' : $event.data.messageType === 'WARN' ? 'warning' : $event.data.messageType === 'SUCCESS' ? 'success' : 'info'`, `}`]
+        lines: ["if('".concat(props.viewId, "' === $event.viewId) {"), "   @#{".concat(props.config.id, "}.message = $event.data.message"), "   @#{".concat(props.config.id, "}.variant = $event.data.messageType === 'ERROR' ? 'danger' : $event.data.messageType === 'WARN' ? 'warning' : $event.data.messageType === 'SUCCESS' ? 'success' : 'info'"), "}"]
       }
     };
     if (_Utils.default.isNull(eventHandlingConfig.subscriptions)) {

package/dist/components/Button.js

@@ -17,6 +17,11 @@ var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"
 var _DynamicJS = _interopRequireDefault(require("../DynamicJS"));
 require("./Button.css");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const useStyles = (0, _styles.makeStyles)(theme => ({
   root: {
     display: 'flex'
@@ -29,6 +34,7 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
   }
 }));
 const Button = props => {
+  var _props$attributes, _props$config$attribu, _props$config$attribu2, _props$config$attribu3, _props$config$attribu4, _props$config$attribu5;
   const classes = useStyles();
   const [disabled, setDisabled] = _react.default.useState(false);
   const [visible, setVisible] = _react.default.useState(false);
@@ -49,6 +55,7 @@ const Button = props => {
     }
   }, [config]);
   _react.default.useEffect(() => {
+    var _props$tableRow$id;
     try {
       let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
       let label = _DynamicJS.default.executeScript(parsedConfig.id + 'label', _Utils.default.getComponentAttribute(parsedConfig, 'label', ''), parsedConfig.viewId, true, null, null, false);
@@ -56,10 +63,9 @@ const Button = props => {
     } catch (e) {
       setLabel(_Utils.default.getComponentAttribute(props.config, 'label', ''));
     }
-    setConfig(props.tableRow ? {
-      ...props.config,
-      id: props.config.id + '_' + props.tableRow.id?.replaceAll('-', '')
-    } : props.config);
+    setConfig(props.tableRow ? _objectSpread(_objectSpread({}, props.config), {}, {
+      id: props.config.id + '_' + ((_props$tableRow$id = props.tableRow.id) === null || _props$tableRow$id === void 0 ? void 0 : _props$tableRow$id.replaceAll('-', ''))
+    }) : props.config);
     return () => {
       _Observable.default.clearComponentEventListeners(props.handle);
       props.handle.api = null;
@@ -73,7 +79,8 @@ const Button = props => {
   const api = () => {
     return {
       get id() {
-        return props.tableRow ? props.config.id + '_' + props.tableRow.id?.replaceAll('-', '') : props.config.id;
+        var _props$tableRow$id2;
+        return props.tableRow ? props.config.id + '_' + ((_props$tableRow$id2 = props.tableRow.id) === null || _props$tableRow$id2 === void 0 ? void 0 : _props$tableRow$id2.replaceAll('-', '')) : props.config.id;
       },
       get tableRow() {
         return props.tableRow;
@@ -95,9 +102,9 @@ const Button = props => {
     };
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${classes.root} oui button`,
+    className: "".concat(classes.root, " oui button"),
     style: {
-      width: props.attributes?.style?.width,
+      width: (_props$attributes = props.attributes) === null || _props$attributes === void 0 || (_props$attributes = _props$attributes.style) === null || _props$attributes === void 0 ? void 0 : _props$attributes.width,
       display: visible ? 'block' : 'none'
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -106,7 +113,7 @@ const Button = props => {
     variant: color === 'secondary' || color === 'primary' ? 'contained' : 'text',
     size: "large",
     color: !_Utils.default.isNull(color) ? color : null,
-    style: props.config.attributes?.style,
+    style: (_props$config$attribu = props.config.attributes) === null || _props$config$attribu === void 0 ? void 0 : _props$config$attribu.style,
     disabled: disabled,
     onClick: handleClick,
     startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -115,17 +122,17 @@ const Button = props => {
   }, label) : !_Utils.default.isNull(props.config.icon) ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     "aria-controls": "menu-list-grow",
     disabled: disabled,
-    style: props.config.attributes?.style,
+    style: (_props$config$attribu2 = props.config.attributes) === null || _props$config$attribu2 === void 0 ? void 0 : _props$config$attribu2.style,
     "aria-haspopup": "true",
     onClick: handleClick
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: props.config.icon,
-    color: props.config.attributes?.style?.color ? props.config.attributes?.style?.color : _ApplicationManager.default.getApplicationSecondaryColor()
+    color: (_props$config$attribu3 = props.config.attributes) !== null && _props$config$attribu3 !== void 0 && (_props$config$attribu3 = _props$config$attribu3.style) !== null && _props$config$attribu3 !== void 0 && _props$config$attribu3.color ? (_props$config$attribu4 = props.config.attributes) === null || _props$config$attribu4 === void 0 || (_props$config$attribu4 = _props$config$attribu4.style) === null || _props$config$attribu4 === void 0 ? void 0 : _props$config$attribu4.color : _ApplicationManager.default.getApplicationSecondaryColor()
   })) : /*#__PURE__*/_react.default.createElement(_Button.default, {
     variant: color === 'secondary' || color === 'primary' ? 'contained' : 'text',
     "aria-controls": "menu-list-grow",
     color: color,
-    style: props.config.attributes?.style,
+    style: (_props$config$attribu5 = props.config.attributes) === null || _props$config$attribu5 === void 0 ? void 0 : _props$config$attribu5.style,
     disabled: disabled,
     onClick: handleClick,
     "aria-haspopup": "true"