@agilemotion/oui-react-js 1.2.7 → 1.2.8

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

@@ -0,0 +1,78 @@
+"use strict";
+
+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; }
+
+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: _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

@@ -0,0 +1,165 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _rootStyle = require("../rootStyle");
+
+var _customDropdownStyle = _interopRequireDefault(require("./customDropdownStyle"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+const adminNavbarLinksStyle = theme => _objectSpread(_objectSpread({}, (0, _customDropdownStyle.default)(theme)), {}, {
+  search: {
+    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"
+    },
+    [theme.breakpoints.up("md")]: {
+      marginLeft: "12px"
+    }
+  },
+  linkText: _objectSpread(_objectSpread({
+    zIndex: "4"
+  }, _rootStyle.defaultFont), {}, {
+    fontSize: "14px",
+    margin: "0!important",
+    textTransform: "none"
+  }),
+  buttonLink: {
+    [theme.breakpoints.down("sm")]: {
+      display: "flex",
+      margin: "5px 15px 0",
+      width: "auto",
+      height: "auto",
+      "& svg": {
+        width: "30px",
+        height: "24px",
+        marginRight: "19px",
+        marginLeft: "3px"
+      },
+      "& .fab,& .fas,& .far,& .fal,& .material-icons": {
+        width: "30px",
+        fontSize: "24px",
+        lineHeight: "30px",
+        marginRight: "19px",
+        marginLeft: "3px"
+      }
+    }
+  },
+  searchButton: {
+    [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")]: {
+      display: "block",
+      width: "30px",
+      height: "30px",
+      color: "inherit",
+      opacity: "0.8",
+      marginRight: "16px",
+      marginLeft: "-5px"
+    }
+  },
+  notifications: {
+    zIndex: "4",
+    [theme.breakpoints.up("md")]: {
+      position: "absolute",
+      top: "5px",
+      border: "1px solid " + _rootStyle.whiteColor,
+      right: "5px",
+      fontSize: "9px",
+      background: _rootStyle.dangerColor[0],
+      color: _rootStyle.whiteColor,
+      minWidth: "16px",
+      height: "16px",
+      borderRadius: "10px",
+      textAlign: "center",
+      lineHeight: "14px",
+      verticalAlign: "middle",
+      display: "block"
+    },
+    [theme.breakpoints.down("sm")]: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
+      fontSize: "14px",
+      marginRight: "8px"
+    })
+  },
+  wrapperRTL: {
+    [theme.breakpoints.up("md")]: {
+      paddingLeft: "16px"
+    }
+  },
+  buttonLinkRTL: {
+    [theme.breakpoints.down("sm")]: {
+      alignItems: "center",
+      justifyContent: "flex-end",
+      width: "-webkit-fill-available",
+      margin: "10px 15px 0",
+      padding: "10px 15px",
+      display: "block",
+      position: "relative"
+    }
+  },
+  labelRTL: {
+    [theme.breakpoints.down("sm")]: {
+      flexDirection: "row-reverse",
+      justifyContent: "initial",
+      display: "flex"
+    }
+  },
+  linksRTL: {
+    [theme.breakpoints.down("sm")]: {
+      marginRight: "-5px !important",
+      marginLeft: "16px !important"
+    }
+  },
+  managerClasses: {
+    [theme.breakpoints.up("md")]: {
+      display: "inline-block"
+    }
+  },
+  headerLinksSvg: {
+    width: "20px !important",
+    height: "20px !important"
+  }
+});
+
+var _default = adminNavbarLinksStyle;
+exports.default = _default;

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

@@ -0,0 +1,90 @@
+"use strict";
+
+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; }
+
+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: _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"
+  }
+});
+
+var _default = headerStyle;
+exports.default = _default;