@agilemotion/oui-react-js 1.6.1 → 1.6.2

package/dist/WithRouter.js

@@ -15,14 +15,14 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 function withRouter(Component) {
   function ComponentWithRouterProp(props) {
-    let location = (0, _reactRouterDom.useLocation)();
-    let navigate = (0, _reactRouterDom.useNavigate)();
-    let params = (0, _reactRouterDom.useParams)();
+    var location = (0, _reactRouterDom.useLocation)();
+    var navigate = (0, _reactRouterDom.useNavigate)();
+    var params = (0, _reactRouterDom.useParams)();
     return /*#__PURE__*/_react.default.createElement(Component, _extends({}, props, {
       router: {
-        location,
-        navigate,
-        params
+        location: location,
+        navigate: navigate,
+        params: params
       }
     }));
   }

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

@@ -7,178 +7,180 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-const pagesHeaderStyle = theme => ({
-  appBar: {
-    backgroundColor: "transparent",
-    boxShadow: "none",
-    borderBottom: "0",
-    marginBottom: "0",
-    position: "absolute",
-    width: "100%",
-    paddingTop: "10px",
-    zIndex: "1029",
-    color: _rootStyle.grayColor[6],
-    border: "0",
-    borderRadius: "3px",
-    padding: "10px 0",
-    transition: "all 150ms ease 0s",
-    minHeight: "50px",
-    display: "block"
-  },
-  container: { ..._rootStyle.container,
-    minHeight: "50px"
-  },
-  flex: {
-    flex: 1
-  },
-  title: { ..._rootStyle.defaultFont,
-    lineHeight: "30px",
-    fontSize: "18px",
-    borderRadius: "3px",
-    textTransform: "none",
-    color: _rootStyle.whiteColor,
-    letterSpacing: "unset",
-    "&:hover,&:focus": {
-      background: "transparent",
+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; }
+
+var pagesHeaderStyle = function pagesHeaderStyle(theme) {
+  return {
+    appBar: {
+      backgroundColor: "transparent",
+      boxShadow: "none",
+      borderBottom: "0",
+      marginBottom: "0",
+      position: "absolute",
+      width: "100%",
+      paddingTop: "10px",
+      zIndex: "1029",
+      color: _rootStyle.grayColor[6],
+      border: "0",
+      borderRadius: "3px",
+      padding: "10px 0",
+      transition: "all 150ms ease 0s",
+      minHeight: "50px",
+      display: "block"
+    },
+    container: _objectSpread(_objectSpread({}, _rootStyle.container), {}, {
+      minHeight: "50px"
+    }),
+    flex: {
+      flex: 1
+    },
+    title: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
+      lineHeight: "30px",
+      fontSize: "18px",
+      borderRadius: "3px",
+      textTransform: "none",
+      color: _rootStyle.whiteColor,
+      letterSpacing: "unset",
+      "&:hover,&:focus": {
+        background: "transparent",
+        color: _rootStyle.whiteColor
+      }
+    }),
+    appResponsive: {
+      top: "8px"
+    },
+    primary: _objectSpread({
+      backgroundColor: _rootStyle.primaryColor[0],
       color: _rootStyle.whiteColor
-    }
-  },
-  appResponsive: {
-    top: "8px"
-  },
-  primary: {
-    backgroundColor: _rootStyle.primaryColor[0],
-    color: _rootStyle.whiteColor,
-    ..._rootStyle.defaultBoxShadow
-  },
-  info: {
-    backgroundColor: _rootStyle.infoColor[0],
-    color: _rootStyle.whiteColor,
-    ..._rootStyle.defaultBoxShadow
-  },
-  success: {
-    backgroundColor: _rootStyle.successColor[0],
-    color: _rootStyle.whiteColor,
-    ..._rootStyle.defaultBoxShadow
-  },
-  warning: {
-    backgroundColor: _rootStyle.warningColor[0],
-    color: _rootStyle.whiteColor,
-    ..._rootStyle.defaultBoxShadow
-  },
-  danger: {
-    backgroundColor: _rootStyle.dangerColor[0],
-    color: _rootStyle.whiteColor,
-    ..._rootStyle.defaultBoxShadow
-  },
-  list: { ..._rootStyle.defaultFont,
-    fontSize: "14px",
-    margin: 0,
-    marginRight: "-15px",
-    paddingLeft: "0",
-    listStyle: "none",
-    color: _rootStyle.whiteColor,
-    paddingTop: "0",
-    paddingBottom: "0"
-  },
-  listItem: {
-    float: "left",
-    position: "relative",
-    display: "block",
-    width: "auto",
-    margin: "0",
-    padding: "0",
-    [theme.breakpoints.down("sm")]: {
+    }, _rootStyle.defaultBoxShadow),
+    info: _objectSpread({
+      backgroundColor: _rootStyle.infoColor[0],
+      color: _rootStyle.whiteColor
+    }, _rootStyle.defaultBoxShadow),
+    success: _objectSpread({
+      backgroundColor: _rootStyle.successColor[0],
+      color: _rootStyle.whiteColor
+    }, _rootStyle.defaultBoxShadow),
+    warning: _objectSpread({
+      backgroundColor: _rootStyle.warningColor[0],
+      color: _rootStyle.whiteColor
+    }, _rootStyle.defaultBoxShadow),
+    danger: _objectSpread({
+      backgroundColor: _rootStyle.dangerColor[0],
+      color: _rootStyle.whiteColor
+    }, _rootStyle.defaultBoxShadow),
+    list: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
+      fontSize: "14px",
+      margin: 0,
+      marginRight: "-15px",
+      paddingLeft: "0",
+      listStyle: "none",
+      color: _rootStyle.whiteColor,
+      paddingTop: "0",
+      paddingBottom: "0"
+    }),
+    listItem: _defineProperty({
+      float: "left",
+      position: "relative",
+      display: "block",
+      width: "auto",
+      margin: "0",
+      padding: "0"
+    }, theme.breakpoints.down("sm"), {
       zIndex: "999",
       width: "100%",
       paddingRight: "15px"
-    }
-  },
-  navLink: {
-    color: _rootStyle.whiteColor,
-    margin: "0 5px",
-    paddingTop: "15px",
-    paddingBottom: "15px",
-    fontWeight: "500",
-    fontSize: "12px",
-    textTransform: "uppercase",
-    borderRadius: "3px",
-    lineHeight: "20px",
-    position: "relative",
-    display: "block",
-    padding: "10px 15px",
-    textDecoration: "none",
-    "&:hover,&:focus": {
+    }),
+    navLink: {
       color: _rootStyle.whiteColor,
-      background: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.grayColor[17]) + ", 0.2)"
-    }
-  },
-  listItemIcon: {
-    marginTop: "-3px",
-    top: "0px",
-    position: "relative",
-    marginRight: "3px",
-    width: "20px",
-    height: "20px",
-    verticalAlign: "middle",
-    color: "inherit",
-    display: "inline-block"
-  },
-  listItemText: {
-    flex: "none",
-    padding: "0",
-    minWidth: "0",
-    margin: 0,
-    display: "inline-block",
-    position: "relative",
-    whiteSpace: "nowrap"
-  },
-  navLinkActive: {
-    backgroundColor: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.whiteColor) + ", 0.1)"
-  },
-  drawerPaper: {
-    border: "none",
-    bottom: "0",
-    transitionProperty: "top, bottom, width",
-    transitionDuration: ".2s, .2s, .35s",
-    transitionTimingFunction: "linear, linear, ease",
-    ..._rootStyle.boxShadow,
-    width: _rootStyle.drawerWidth,
-    ..._rootStyle.boxShadow,
-    position: "fixed",
-    display: "block",
-    top: "0",
-    height: "100vh",
-    right: "0",
-    left: "auto",
-    visibility: "visible",
-    overflowY: "visible",
-    borderTop: "none",
-    textAlign: "left",
-    paddingRight: "0px",
-    paddingLeft: "0",
-    ..._rootStyle.transition,
-    "&:before,&:after": {
-      position: "absolute",
-      zIndex: "3",
-      width: "100%",
-      height: "100%",
-      content: '""',
+      margin: "0 5px",
+      paddingTop: "15px",
+      paddingBottom: "15px",
+      fontWeight: "500",
+      fontSize: "12px",
+      textTransform: "uppercase",
+      borderRadius: "3px",
+      lineHeight: "20px",
+      position: "relative",
       display: "block",
-      top: "0"
+      padding: "10px 15px",
+      textDecoration: "none",
+      "&:hover,&:focus": {
+        color: _rootStyle.whiteColor,
+        background: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.grayColor[17]) + ", 0.2)"
+      }
     },
-    "&:after": {
-      background: _rootStyle.blackColor,
-      opacity: ".8"
-    }
-  },
-  sidebarButton: {
-    "&,&:hover,&:focus": {
-      color: _rootStyle.whiteColor
+    listItemIcon: {
+      marginTop: "-3px",
+      top: "0px",
+      position: "relative",
+      marginRight: "3px",
+      width: "20px",
+      height: "20px",
+      verticalAlign: "middle",
+      color: "inherit",
+      display: "inline-block"
     },
-    top: "-2px"
-  }
-});
+    listItemText: {
+      flex: "none",
+      padding: "0",
+      minWidth: "0",
+      margin: 0,
+      display: "inline-block",
+      position: "relative",
+      whiteSpace: "nowrap"
+    },
+    navLinkActive: {
+      backgroundColor: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.whiteColor) + ", 0.1)"
+    },
+    drawerPaper: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+      border: "none",
+      bottom: "0",
+      transitionProperty: "top, bottom, width",
+      transitionDuration: ".2s, .2s, .35s",
+      transitionTimingFunction: "linear, linear, ease"
+    }, _rootStyle.boxShadow), {}, {
+      width: _rootStyle.drawerWidth
+    }, _rootStyle.boxShadow), {}, {
+      position: "fixed",
+      display: "block",
+      top: "0",
+      height: "100vh",
+      right: "0",
+      left: "auto",
+      visibility: "visible",
+      overflowY: "visible",
+      borderTop: "none",
+      textAlign: "left",
+      paddingRight: "0px",
+      paddingLeft: "0"
+    }, _rootStyle.transition), {}, {
+      "&:before,&:after": {
+        position: "absolute",
+        zIndex: "3",
+        width: "100%",
+        height: "100%",
+        content: '""',
+        display: "block",
+        top: "0"
+      },
+      "&:after": {
+        background: _rootStyle.blackColor,
+        opacity: ".8"
+      }
+    }),
+    sidebarButton: {
+      "&,&:hover,&:focus": {
+        color: _rootStyle.whiteColor
+      },
+      top: "-2px"
+    }
+  };
+};
 
 var _default = pagesHeaderStyle;
 exports.default = _default;

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

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-const buttonStyle = {
+var buttonStyle = {
   button: {
     minHeight: "auto",
     minWidth: "auto",

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

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-const cardAvatarStyle = {
+var cardAvatarStyle = {
   cardAvatar: {
     "&$cardAvatarProfile img,&$cardAvatarTestimonial img": {
       width: "100%",

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

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-const cardBodyStyle = {
+var cardBodyStyle = {
   cardBody: {
     padding: "0.9375rem 20px",
     flex: "1 1 auto",

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

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-const cardFooterStyle = {
+var cardFooterStyle = {
   cardFooter: {
     padding: "0",
     paddingTop: "10px",

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

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

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

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-const cardIconStyle = {
+var cardIconStyle = {
   cardIcon: {
     "&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader": {
       borderRadius: "3px",

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

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-const cardStyle = {
+var cardStyle = {
   card: {
     border: "0",
     marginBottom: "30px",

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

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-const cardTextStyle = {
+var cardTextStyle = {
   cardText: {
     float: "none",
     display: "inline-block",