@agilemotion/oui-react-js 1.6.3 → 1.6.5

package/dist/WithRouter.js

@@ -4,31 +4,23 @@ 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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function withRouter(Component) {
   function ComponentWithRouterProp(props) {
-    var location = (0, _reactRouterDom.useLocation)();
-    var navigate = (0, _reactRouterDom.useNavigate)();
-    var params = (0, _reactRouterDom.useParams)();
+    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: location,
-        navigate: navigate,
-        params: params
+        location,
+        navigate,
+        params
       }
     }));
   }
-
   return ComponentWithRouterProp;
 }
-
-var _default = withRouter;
-exports.default = _default;
+var _default = exports.default = withRouter;

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

@@ -4,183 +4,180 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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; }
-
-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
-    }, _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],
+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",
       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"), {
+    }
+  },
+  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")]: {
       zIndex: "999",
       width: "100%",
       paddingRight: "15px"
-    }),
-    navLink: {
+    }
+  },
+  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": {
       color: _rootStyle.whiteColor,
-      margin: "0 5px",
-      paddingTop: "15px",
-      paddingBottom: "15px",
-      fontWeight: "500",
-      fontSize: "12px",
-      textTransform: "uppercase",
-      borderRadius: "3px",
-      lineHeight: "20px",
-      position: "relative",
+      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: '""',
       display: "block",
-      padding: "10px 15px",
-      textDecoration: "none",
-      "&:hover,&:focus": {
-        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"
+      top: "0"
     },
-    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"
+    "&:after": {
+      background: _rootStyle.blackColor,
+      opacity: ".8"
     }
-  };
-};
-
-var _default = pagesHeaderStyle;
-exports.default = _default;
+  },
+  sidebarButton: {
+    "&,&:hover,&:focus": {
+      color: _rootStyle.whiteColor
+    },
+    top: "-2px"
+  }
+});
+var _default = exports.default = pagesHeaderStyle;

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

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _rootStyle = require("../rootStyle");
-
-var buttonStyle = {
+const buttonStyle = {
   button: {
     minHeight: "auto",
     minWidth: "auto",
@@ -413,5 +411,4 @@ var buttonStyle = {
     }
   }
 };
-var _default = buttonStyle;
-exports.default = _default;
+var _default = exports.default = buttonStyle;

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

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _rootStyle = require("../rootStyle");
-
-var cardAvatarStyle = {
+const cardAvatarStyle = {
   cardAvatar: {
     "&$cardAvatarProfile img,&$cardAvatarTestimonial img": {
       width: "100%",
@@ -44,5 +42,4 @@ var cardAvatarStyle = {
     marginTop: "10px"
   }
 };
-var _default = cardAvatarStyle;
-exports.default = _default;
+var _default = exports.default = cardAvatarStyle;

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

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _rootStyle = require("../rootStyle");
-
-var cardBodyStyle = {
+const cardBodyStyle = {
   cardBody: {
     padding: "0.9375rem 20px",
     flex: "1 1 auto",
@@ -56,5 +54,4 @@ var cardBodyStyle = {
     padding: "0px !important"
   }
 };
-var _default = cardBodyStyle;
-exports.default = _default;
+var _default = exports.default = cardBodyStyle;

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

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _rootStyle = require("../rootStyle");
-
-var cardFooterStyle = {
+const cardFooterStyle = {
   cardFooter: {
     padding: "0",
     paddingTop: "10px",
@@ -57,5 +55,4 @@ var cardFooterStyle = {
     borderTop: "1px solid" + _rootStyle.grayColor[8]
   }
 };
-var _default = cardFooterStyle;
-exports.default = _default;
+var _default = exports.default = cardFooterStyle;

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

@@ -4,16 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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; }
-
-var cardHeaderStyle = {
+const cardHeaderStyle = {
   cardHeader: {
     padding: "0.75rem 1.25rem",
     marginBottom: "0",
@@ -129,28 +121,39 @@ var 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;
-exports.default = _default;
+var _default = exports.default = cardHeaderStyle;

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

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _rootStyle = require("../rootStyle");
-
-var cardIconStyle = {
+const cardIconStyle = {
   cardIcon: {
     "&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader": {
       borderRadius: "3px",
@@ -25,5 +23,4 @@ var cardIconStyle = {
   primaryCardHeader: _rootStyle.primaryCardHeader,
   roseCardHeader: _rootStyle.roseCardHeader
 };
-var _default = cardIconStyle;
-exports.default = _default;
+var _default = exports.default = cardIconStyle;

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

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _rootStyle = require("../rootStyle");
-
-var cardStyle = {
+const cardStyle = {
   card: {
     border: "0",
     marginBottom: "30px",
@@ -165,5 +163,4 @@ var cardStyle = {
     transition: "all 300ms linear"
   }
 };
-var _default = cardStyle;
-exports.default = _default;
+var _default = exports.default = cardStyle;

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

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _rootStyle = require("../rootStyle");
-
-var cardTextStyle = {
+const cardTextStyle = {
   cardText: {
     float: "none",
     display: "inline-block",
@@ -24,5 +22,4 @@ var cardTextStyle = {
   primaryCardHeader: _rootStyle.primaryCardHeader,
   roseCardHeader: _rootStyle.roseCardHeader
 };
-var _default = cardTextStyle;
-exports.default = _default;
+var _default = exports.default = cardTextStyle;