@agilemotion/oui-react-js 1.6.0 → 1.6.2

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

@@ -11,12 +11,21 @@ var _dropdownStyle = _interopRequireDefault(require("./dropdownStyle"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const headerLinksStyle = theme => ({ ...(0, _dropdownStyle.default)(theme),
-  search: {
-    "& > div": {
-      marginTop: "0"
-    },
-    [theme.breakpoints.down("sm")]: {
+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 headerLinksStyle = function headerLinksStyle(theme) {
+  var _notifications, _manager, _searchWrapper;
+
+  return _objectSpread(_objectSpread({}, (0, _dropdownStyle.default)(theme)), {}, {
+    search: _defineProperty({
+      "& > div": {
+        marginTop: "0"
+      }
+    }, theme.breakpoints.down("sm"), {
       margin: "10px 15px !important",
       float: "none !important",
       paddingTop: "1px",
@@ -27,16 +36,14 @@ const headerLinksStyle = theme => ({ ...(0, _dropdownStyle.default)(theme),
       "& input": {
         color: _rootStyle.whiteColor
       }
-    }
-  },
-  linkText: {
-    zIndex: "4",
-    ..._rootStyle.defaultFont,
-    fontSize: "14px",
-    margin: "0px"
-  },
-  buttonLink: {
-    [theme.breakpoints.down("sm")]: {
+    }),
+    linkText: _objectSpread(_objectSpread({
+      zIndex: "4"
+    }, _rootStyle.defaultFont), {}, {
+      fontSize: "14px",
+      margin: "0px"
+    }),
+    buttonLink: _defineProperty({}, theme.breakpoints.down("sm"), {
       display: "flex",
       margin: "10px 15px 0",
       width: "-webkit-fill-available",
@@ -58,26 +65,23 @@ const headerLinksStyle = theme => ({ ...(0, _dropdownStyle.default)(theme),
         justifyContent: "flex-start",
         width: "100%"
       }
-    }
-  },
-  searchButton: {
-    [theme.breakpoints.down("sm")]: {
+    }),
+    searchButton: _defineProperty({}, theme.breakpoints.down("sm"), {
       top: "-50px !important",
       marginRight: "22px",
       float: "right"
-    }
-  },
-  margin: {
-    zIndex: "4",
-    margin: "0"
-  },
-  searchIcon: {
-    width: "17px",
-    zIndex: "4"
-  },
-  notifications: {
-    zIndex: "4",
-    [theme.breakpoints.up("md")]: {
+    }),
+    margin: {
+      zIndex: "4",
+      margin: "0"
+    },
+    searchIcon: {
+      width: "17px",
+      zIndex: "4"
+    },
+    notifications: (_notifications = {
+      zIndex: "4"
+    }, _defineProperty(_notifications, theme.breakpoints.up("md"), {
       position: "absolute",
       top: "2px",
       border: "1px solid " + _rootStyle.whiteColor,
@@ -92,26 +96,19 @@ const headerLinksStyle = theme => ({ ...(0, _dropdownStyle.default)(theme),
       lineHeight: "16px",
       verticalAlign: "middle",
       display: "block"
-    },
-    [theme.breakpoints.down("sm")]: { ..._rootStyle.defaultFont,
+    }), _defineProperty(_notifications, theme.breakpoints.down("sm"), _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
       fontSize: "14px",
       marginRight: "8px"
-    }
-  },
-  manager: {
-    [theme.breakpoints.down("sm")]: {
+    })), _notifications),
+    manager: (_manager = {}, _defineProperty(_manager, theme.breakpoints.down("sm"), {
       width: "100%"
-    },
-    display: "inline-block"
-  },
-  searchWrapper: {
-    [theme.breakpoints.down("sm")]: {
+    }), _defineProperty(_manager, "display", "inline-block"), _manager),
+    searchWrapper: (_searchWrapper = {}, _defineProperty(_searchWrapper, theme.breakpoints.down("sm"), {
       width: "-webkit-fill-available",
       margin: "10px 15px 0"
-    },
-    display: "inline-block"
-  }
-});
+    }), _defineProperty(_searchWrapper, "display", "inline-block"), _searchWrapper)
+  });
+};
 
 var _default = headerLinksStyle;
 exports.default = _default;

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

@@ -7,71 +7,74 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-const headerStyle = () => ({
-  appBar: {
-    backgroundColor: "transparent",
-    boxShadow: "none",
-    borderBottom: "0",
-    marginBottom: "0",
-    position: "absolute",
-    width: "100%",
-    paddingTop: "10px",
-    zIndex: "1029",
-    color: _rootStyle.grayColor[7],
-    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,
-    letterSpacing: "unset",
-    lineHeight: "30px",
-    fontSize: "18px",
-    borderRadius: "3px",
-    textTransform: "none",
-    color: "inherit",
-    margin: "0",
-    "&:hover,&:focus": {
-      background: "transparent"
-    }
-  },
-  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
-  }
-});
+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 headerStyle = function headerStyle() {
+  return {
+    appBar: {
+      backgroundColor: "transparent",
+      boxShadow: "none",
+      borderBottom: "0",
+      marginBottom: "0",
+      position: "absolute",
+      width: "100%",
+      paddingTop: "10px",
+      zIndex: "1029",
+      color: _rootStyle.grayColor[7],
+      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), {}, {
+      letterSpacing: "unset",
+      lineHeight: "30px",
+      fontSize: "18px",
+      borderRadius: "3px",
+      textTransform: "none",
+      color: "inherit",
+      margin: "0",
+      "&:hover,&:focus": {
+        background: "transparent"
+      }
+    }),
+    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],
+      color: _rootStyle.whiteColor
+    }, _rootStyle.defaultBoxShadow)
+  };
+};
 
 var _default = headerStyle;
 exports.default = _default;

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

@@ -11,40 +11,44 @@ var _customDropdownStyle = _interopRequireDefault(require("./customDropdownStyle
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const adminNavbarLinksStyle = theme => ({ ...(0, _customDropdownStyle.default)(theme),
-  search: {
-    margin: "0",
-    paddingTop: "7px",
-    paddingBottom: "7px",
-    [theme.breakpoints.down("sm")]: {
+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 adminNavbarLinksStyle = function adminNavbarLinksStyle(theme) {
+  var _searchRTL, _notifications;
+
+  return _objectSpread(_objectSpread({}, (0, _customDropdownStyle.default)(theme)), {}, {
+    search: _defineProperty({
+      margin: "0",
+      paddingTop: "7px",
+      paddingBottom: "7px"
+    }, theme.breakpoints.down("sm"), {
       margin: "10px 15px",
       float: "none !important",
       paddingTop: "1px",
       paddingBottom: "1px",
       padding: "10px 15px",
       width: "auto"
-    }
-  },
-  searchInput: {
-    paddingTop: "2px"
-  },
-  searchRTL: {
-    [theme.breakpoints.down("sm")]: {
-      marginRight: "18px !important"
+    }),
+    searchInput: {
+      paddingTop: "2px"
     },
-    [theme.breakpoints.up("md")]: {
+    searchRTL: (_searchRTL = {}, _defineProperty(_searchRTL, theme.breakpoints.down("sm"), {
+      marginRight: "18px !important"
+    }), _defineProperty(_searchRTL, theme.breakpoints.up("md"), {
       marginLeft: "12px"
-    }
-  },
-  linkText: {
-    zIndex: "4",
-    ..._rootStyle.defaultFont,
-    fontSize: "14px",
-    margin: "0!important",
-    textTransform: "none"
-  },
-  buttonLink: {
-    [theme.breakpoints.down("sm")]: {
+    }), _searchRTL),
+    linkText: _objectSpread(_objectSpread({
+      zIndex: "4"
+    }, _rootStyle.defaultFont), {}, {
+      fontSize: "14px",
+      margin: "0!important",
+      textTransform: "none"
+    }),
+    buttonLink: _defineProperty({}, theme.breakpoints.down("sm"), {
       display: "flex",
       margin: "5px 15px 0",
       width: "auto",
@@ -62,27 +66,24 @@ const adminNavbarLinksStyle = theme => ({ ...(0, _customDropdownStyle.default)(t
         marginRight: "19px",
         marginLeft: "3px"
       }
-    }
-  },
-  searchButton: {
-    [theme.breakpoints.down("sm")]: {
+    }),
+    searchButton: _defineProperty({}, theme.breakpoints.down("sm"), {
       top: "-50px !important",
       marginRight: "38px",
       float: "right"
-    }
-  },
-  top: {
-    zIndex: "4"
-  },
-  searchIcon: {
-    width: "17px",
-    zIndex: "4"
-  },
-  links: {
-    width: "20px",
-    height: "20px",
-    zIndex: "4",
-    [theme.breakpoints.down("sm")]: {
+    }),
+    top: {
+      zIndex: "4"
+    },
+    searchIcon: {
+      width: "17px",
+      zIndex: "4"
+    },
+    links: _defineProperty({
+      width: "20px",
+      height: "20px",
+      zIndex: "4"
+    }, theme.breakpoints.down("sm"), {
       display: "block",
       width: "30px",
       height: "30px",
@@ -90,11 +91,10 @@ const adminNavbarLinksStyle = theme => ({ ...(0, _customDropdownStyle.default)(t
       opacity: "0.8",
       marginRight: "16px",
       marginLeft: "-5px"
-    }
-  },
-  notifications: {
-    zIndex: "4",
-    [theme.breakpoints.up("md")]: {
+    }),
+    notifications: (_notifications = {
+      zIndex: "4"
+    }, _defineProperty(_notifications, theme.breakpoints.up("md"), {
       position: "absolute",
       top: "5px",
       border: "1px solid " + _rootStyle.whiteColor,
@@ -109,19 +109,14 @@ const adminNavbarLinksStyle = theme => ({ ...(0, _customDropdownStyle.default)(t
       lineHeight: "14px",
       verticalAlign: "middle",
       display: "block"
-    },
-    [theme.breakpoints.down("sm")]: { ..._rootStyle.defaultFont,
+    }), _defineProperty(_notifications, theme.breakpoints.down("sm"), _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
       fontSize: "14px",
       marginRight: "8px"
-    }
-  },
-  wrapperRTL: {
-    [theme.breakpoints.up("md")]: {
+    })), _notifications),
+    wrapperRTL: _defineProperty({}, theme.breakpoints.up("md"), {
       paddingLeft: "16px"
-    }
-  },
-  buttonLinkRTL: {
-    [theme.breakpoints.down("sm")]: {
+    }),
+    buttonLinkRTL: _defineProperty({}, theme.breakpoints.down("sm"), {
       alignItems: "center",
       justifyContent: "flex-end",
       width: "-webkit-fill-available",
@@ -129,31 +124,25 @@ const adminNavbarLinksStyle = theme => ({ ...(0, _customDropdownStyle.default)(t
       padding: "10px 15px",
       display: "block",
       position: "relative"
-    }
-  },
-  labelRTL: {
-    [theme.breakpoints.down("sm")]: {
+    }),
+    labelRTL: _defineProperty({}, theme.breakpoints.down("sm"), {
       flexDirection: "row-reverse",
       justifyContent: "initial",
       display: "flex"
-    }
-  },
-  linksRTL: {
-    [theme.breakpoints.down("sm")]: {
+    }),
+    linksRTL: _defineProperty({}, theme.breakpoints.down("sm"), {
       marginRight: "-5px !important",
       marginLeft: "16px !important"
-    }
-  },
-  managerClasses: {
-    [theme.breakpoints.up("md")]: {
+    }),
+    managerClasses: _defineProperty({}, theme.breakpoints.up("md"), {
       display: "inline-block"
+    }),
+    headerLinksSvg: {
+      width: "20px !important",
+      height: "20px !important"
     }
-  },
-  headerLinksSvg: {
-    width: "20px !important",
-    height: "20px !important"
-  }
-});
+  });
+};
 
 var _default = adminNavbarLinksStyle;
 exports.default = _default;

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

@@ -7,83 +7,86 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-const headerStyle = () => ({
-  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.containerFluid,
-    minHeight: "50px"
-  },
-  flex: {
-    flex: 1
-  },
-  title: { ..._rootStyle.defaultFont,
-    lineHeight: "30px",
-    fontSize: "18px",
-    borderRadius: "3px",
-    textTransform: "none",
-    color: "inherit",
-    paddingTop: "0.625rem",
-    paddingBottom: "0.625rem",
-    margin: "0 !important",
-    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 headerStyle = function headerStyle() {
+  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.containerFluid), {}, {
+      minHeight: "50px"
+    }),
+    flex: {
+      flex: 1
+    },
+    title: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
+      lineHeight: "30px",
+      fontSize: "18px",
+      borderRadius: "3px",
+      textTransform: "none",
+      color: "inherit",
+      paddingTop: "0.625rem",
+      paddingBottom: "0.625rem",
+      margin: "0 !important",
+      letterSpacing: "unset",
+      "&:hover,&:focus": {
+        background: "transparent"
+      }
+    }),
+    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],
+      color: _rootStyle.whiteColor
+    }, _rootStyle.defaultBoxShadow),
+    sidebarMinimize: {
+      float: "left",
+      padding: "0 0 0 15px",
+      display: "block",
+      color: _rootStyle.grayColor[6]
+    },
+    sidebarMinimizeRTL: {
+      padding: "0 15px 0 0 !important"
+    },
+    sidebarMiniIcon: {
+      width: "20px",
+      height: "17px"
     }
-  },
-  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
-  },
-  sidebarMinimize: {
-    float: "left",
-    padding: "0 0 0 15px",
-    display: "block",
-    color: _rootStyle.grayColor[6]
-  },
-  sidebarMinimizeRTL: {
-    padding: "0 15px 0 0 !important"
-  },
-  sidebarMiniIcon: {
-    width: "20px",
-    height: "17px"
-  }
-});
+  };
+};
 
 var _default = headerStyle;
 exports.default = _default;