@agilemotion/oui-react-js 1.2.7 → 1.2.8

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

@@ -0,0 +1,217 @@
+"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 customDropdownStyle = theme => ({
+  popperClose: {
+    pointerEvents: "none",
+    display: "none !important"
+  },
+  popperNav: {
+    [theme.breakpoints.down("sm")]: {
+      position: "static !important",
+      left: "unset !important",
+      top: "unset !important",
+      transform: "none !important",
+      willChange: "unset !important",
+      "& > div": {
+        boxShadow: "none !important",
+        marginLeft: "0rem",
+        marginRight: "0rem",
+        transition: "none !important",
+        marginTop: "0px !important",
+        marginBottom: "0px !important",
+        padding: "0px !important",
+        backgroundColor: "transparent !important",
+        "& ul li": {
+          color: _rootStyle.whiteColor + " !important",
+          margin: "10px 15px 0!important",
+          padding: "10px 15px !important",
+          "&:hover": {
+            backgroundColor: "hsla(0,0%,78%,.2)",
+            boxShadow: "none"
+          }
+        }
+      }
+    }
+  },
+  manager: {
+    "& > div > button:first-child > span:first-child, & > div > a:first-child > span:first-child": {
+      width: "100%"
+    }
+  },
+  innerManager: {
+    "& > div > button,& > div > a": {
+      margin: "0px !important",
+      color: "inherit !important",
+      padding: "10px 20px !important",
+      "& > span:first-child": {
+        width: "100%",
+        justifyContent: "flex-start"
+      }
+    }
+  },
+  target: {
+    "& > button:first-child > span:first-child, & > a:first-child > span:first-child": {
+      display: "inline-block"
+    },
+    "& $caret": {
+      marginLeft: "0px"
+    }
+  },
+  dropdown: {
+    borderRadius: "3px",
+    border: "0",
+    boxShadow: "0 2px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.26)",
+    top: "100%",
+    zIndex: "1000",
+    minWidth: "160px",
+    padding: "5px 0",
+    margin: "2px 0 0",
+    fontSize: "14px",
+    textAlign: "left",
+    listStyle: "none",
+    backgroundColor: _rootStyle.whiteColor,
+    backgroundClip: "padding-box"
+  },
+  menuList: {
+    padding: "0"
+  },
+  popperResponsive: {
+    zIndex: "1200",
+    [theme.breakpoints.down("sm")]: {
+      zIndex: "1640",
+      position: "static",
+      float: "none",
+      width: "auto",
+      marginTop: "0",
+      backgroundColor: "transparent",
+      border: "0",
+      boxShadow: "none",
+      color: "black"
+    }
+  },
+  dropdownItem: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
+    fontSize: "13px",
+    padding: "10px 20px",
+    margin: "0 5px",
+    borderRadius: "2px",
+    position: "relative",
+    transition: "all 150ms linear",
+    display: "block",
+    clear: "both",
+    fontWeight: "400",
+    height: "100%",
+    color: _rootStyle.grayColor[7],
+    whiteSpace: "nowrap",
+    minHeight: "unset"
+  }),
+  darkHover: {
+    "&:hover": {
+      boxShadow: "0 4px 20px 0px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.14), 0 7px 10px -5px rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.grayColor[16]) + ", 0.4)",
+      backgroundColor: _rootStyle.grayColor[16],
+      color: _rootStyle.whiteColor
+    }
+  },
+  primaryHover: {
+    "&:hover": _objectSpread({
+      backgroundColor: _rootStyle.primaryColor[0],
+      color: _rootStyle.whiteColor
+    }, _rootStyle.primaryBoxShadow)
+  },
+  infoHover: {
+    "&:hover": _objectSpread({
+      backgroundColor: _rootStyle.infoColor[0],
+      color: _rootStyle.whiteColor
+    }, _rootStyle.infoBoxShadow)
+  },
+  successHover: {
+    "&:hover": _objectSpread({
+      backgroundColor: _rootStyle.successColor[0],
+      color: _rootStyle.whiteColor
+    }, _rootStyle.successBoxShadow)
+  },
+  warningHover: {
+    "&:hover": _objectSpread({
+      backgroundColor: _rootStyle.warningColor[0],
+      color: _rootStyle.whiteColor
+    }, _rootStyle.warningBoxShadow)
+  },
+  dangerHover: {
+    "&:hover": _objectSpread({
+      backgroundColor: _rootStyle.dangerColor[0],
+      color: _rootStyle.whiteColor
+    }, _rootStyle.dangerBoxShadow)
+  },
+  roseHover: {
+    "&:hover": _objectSpread({
+      backgroundColor: _rootStyle.roseColor[0],
+      color: _rootStyle.whiteColor
+    }, _rootStyle.roseBoxShadow)
+  },
+  dropdownItemRTL: {
+    textAlign: "right"
+  },
+  dropdownDividerItem: {
+    margin: "5px 0",
+    backgroundColor: "rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.12)",
+    height: "1px",
+    overflow: "hidden"
+  },
+  buttonIcon: {
+    width: "20px",
+    height: "20px"
+  },
+  caret: {
+    transition: "all 150ms ease-in",
+    display: "inline-block",
+    width: "0",
+    height: "0",
+    marginLeft: "4px",
+    verticalAlign: "middle",
+    borderTop: "4px solid",
+    borderRight: "4px solid transparent",
+    borderLeft: "4px solid transparent"
+  },
+  caretActive: {
+    transform: "rotate(-360deg)"
+  },
+  caretDropup: {
+    transform: "rotate(-360deg)"
+  },
+  caretRTL: {
+    marginRight: "4px"
+  },
+  dropdownHeader: {
+    display: "block",
+    padding: "0.1875rem 1.25rem",
+    fontSize: "0.75rem",
+    lineHeight: "1.428571",
+    color: _rootStyle.grayColor[1],
+    whiteSpace: "nowrap",
+    fontWeight: "inherit",
+    marginTop: "10px",
+    minHeight: "unset",
+    "&:hover,&:focus": {
+      backgroundColor: "transparent",
+      cursor: "auto"
+    }
+  },
+  noLiPadding: {
+    padding: "0"
+  }
+});
+
+var _default = customDropdownStyle;
+exports.default = _default;

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

@@ -0,0 +1,100 @@
+"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 customInputStyle = {
+  disabled: {
+    "&:before": {
+      borderColor: "transparent !important"
+    }
+  },
+  underline: {
+    "&:hover:not($disabled):before,&:before": {
+      borderColor: _rootStyle.grayColor[4] + "!important",
+      borderWidth: "1px !important"
+    },
+    "&:after": {
+      borderColor: _rootStyle.primaryColor[0]
+    },
+    "& + p": {
+      fontWeight: "300"
+    }
+  },
+  underlineError: {
+    "&:after": {
+      borderColor: _rootStyle.dangerColor[0]
+    }
+  },
+  underlineSuccess: {
+    "&:after": {
+      borderColor: _rootStyle.successColor[0]
+    }
+  },
+  labelRoot: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
+    color: _rootStyle.grayColor[3] + " !important",
+    fontWeight: "400",
+    fontSize: "14px",
+    lineHeight: "1.42857",
+    top: "10px",
+    letterSpacing: "unset",
+    "& + $underline": {
+      marginTop: "0px"
+    }
+  }),
+  labelRootError: {
+    color: _rootStyle.dangerColor[0] + " !important"
+  },
+  labelRootSuccess: {
+    color: _rootStyle.successColor[0] + " !important"
+  },
+  formControl: {
+    margin: "0 0 17px 0",
+    paddingTop: "27px",
+    position: "relative",
+    verticalAlign: "unset",
+    "& svg,& .fab,& .far,& .fal,& .fas,& .material-icons": {
+      color: _rootStyle.grayColor[14]
+    }
+  },
+  whiteUnderline: {
+    "&:hover:not($disabled):before,&:before": {
+      backgroundColor: _rootStyle.whiteColor
+    },
+    "&:after": {
+      backgroundColor: _rootStyle.whiteColor
+    }
+  },
+  input: {
+    color: _rootStyle.grayColor[14],
+    height: "unset",
+    "&,&::placeholder": {
+      fontSize: "14px",
+      fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
+      fontWeight: "400",
+      lineHeight: "1.42857",
+      opacity: "1"
+    },
+    "&::placeholder": {
+      color: _rootStyle.grayColor[3]
+    }
+  },
+  whiteInput: {
+    "&,&::placeholder": {
+      color: _rootStyle.whiteColor,
+      opacity: "1"
+    }
+  }
+};
+var _default = customInputStyle;
+exports.default = _default;

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

@@ -0,0 +1,128 @@
+"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 dropdownStyle = theme => ({
+  buttonLink: {
+    [theme.breakpoints.down("md")]: {
+      display: "flex",
+      marginLeft: "30px",
+      width: "auto"
+    }
+  },
+  links: {
+    width: "20px",
+    height: "20px",
+    zIndex: "4",
+    [theme.breakpoints.down("md")]: {
+      display: "block",
+      width: "30px",
+      height: "30px",
+      color: _rootStyle.grayColor[9],
+      marginRight: "15px"
+    }
+  },
+  linkText: _objectSpread(_objectSpread({
+    zIndex: "4"
+  }, _rootStyle.defaultFont), {}, {
+    fontSize: "14px"
+  }),
+  popperClose: {
+    pointerEvents: "none"
+  },
+  popperResponsive: {
+    [theme.breakpoints.down("md")]: {
+      zIndex: "1640",
+      position: "static",
+      float: "none",
+      width: "auto",
+      marginTop: "0",
+      backgroundColor: "transparent",
+      border: "0",
+      WebkitBoxShadow: "none",
+      boxShadow: "none",
+      color: "black"
+    }
+  },
+  popperNav: {
+    [theme.breakpoints.down("sm")]: {
+      position: "static !important",
+      left: "unset !important",
+      top: "unset !important",
+      transform: "none !important",
+      willChange: "unset !important",
+      "& > div": {
+        boxShadow: "none !important",
+        marginLeft: "0rem",
+        marginRight: "0rem",
+        transition: "none !important",
+        marginTop: "0px !important",
+        marginBottom: "0px !important",
+        padding: "0px !important",
+        backgroundColor: "transparent !important",
+        "& ul li": {
+          color: _rootStyle.whiteColor + " !important",
+          margin: "10px 15px 0!important",
+          padding: "10px 15px !important",
+          "&:hover": {
+            backgroundColor: "hsla(0,0%,78%,.2)",
+            boxShadow: "none"
+          }
+        }
+      }
+    }
+  },
+  dropdown: {
+    borderRadius: "3px",
+    border: "0",
+    boxShadow: "0 2px 5px 0 rgba(" + (0, _rootStyle.hexToRgb)(_rootStyle.blackColor) + ", 0.26)",
+    top: "100%",
+    zIndex: "1000",
+    minWidth: "160px",
+    padding: "5px 0",
+    margin: "2px 0 0",
+    fontSize: "14px",
+    textAlign: "left",
+    listStyle: "none",
+    backgroundColor: _rootStyle.whiteColor,
+    WebkitBackgroundClip: "padding-box",
+    backgroundClip: "padding-box"
+  },
+  dropdownItem: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
+    fontSize: "13px",
+    padding: "10px 20px",
+    margin: "0 5px",
+    borderRadius: "2px",
+    WebkitTransition: "all 150ms linear",
+    MozTransition: "all 150ms linear",
+    OTransition: "all 150ms linear",
+    MsTransition: "all 150ms linear",
+    transition: "all 150ms linear",
+    display: "block",
+    clear: "both",
+    fontWeight: "400",
+    lineHeight: "1.42857143",
+    color: _rootStyle.grayColor[8],
+    whiteSpace: "nowrap",
+    height: "unset",
+    minHeight: "unset",
+    "&:hover": _objectSpread({
+      backgroundColor: _rootStyle.primaryColor[0],
+      color: _rootStyle.whiteColor
+    }, _rootStyle.primaryBoxShadow)
+  })
+});
+
+var _default = dropdownStyle;
+exports.default = _default;

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

@@ -0,0 +1,68 @@
+"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 footerStyle = {
+  block: {},
+  left: {
+    float: "left!important",
+    display: "block"
+  },
+  right: {
+    margin: "0",
+    fontSize: "14px",
+    float: "right!important",
+    padding: "15px",
+    paddingRight: "70px"
+  },
+  footer: _objectSpread(_objectSpread({
+    bottom: "0",
+    borderTop: "1px solid " + _rootStyle.grayColor[15],
+    padding: "15px 0"
+  }, _rootStyle.defaultFont), {}, {
+    zIndex: 4
+  }),
+  container: _objectSpread(_objectSpread({
+    zIndex: 3
+  }, _rootStyle.container), {}, {
+    position: "relative"
+  }),
+  containerFluid: _objectSpread(_objectSpread({
+    zIndex: 3
+  }, _rootStyle.containerFluid), {}, {
+    position: "relative"
+  }),
+  a: {
+    color: _rootStyle.primaryColor[0],
+    textDecoration: "none",
+    backgroundColor: "transparent"
+  },
+  list: {
+    marginBottom: "0",
+    padding: "0",
+    marginTop: "0"
+  },
+  inlineBlock: {
+    display: "inline-block",
+    padding: "0",
+    width: "auto"
+  },
+  whiteColor: {
+    "&,&:hover,&:focus": {
+      color: _rootStyle.whiteColor
+    }
+  }
+};
+var _default = footerStyle;
+exports.default = _default;

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

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _rootStyle = require("../rootStyle");
+
+var _dropdownStyle = _interopRequireDefault(require("./dropdownStyle"));
+
+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 headerLinksStyle = theme => _objectSpread(_objectSpread({}, (0, _dropdownStyle.default)(theme)), {}, {
+  search: {
+    "& > div": {
+      marginTop: "0"
+    },
+    [theme.breakpoints.down("sm")]: {
+      margin: "10px 15px !important",
+      float: "none !important",
+      paddingTop: "1px",
+      paddingBottom: "1px",
+      padding: "0!important",
+      width: "60%",
+      marginTop: "40px",
+      "& input": {
+        color: _rootStyle.whiteColor
+      }
+    }
+  },
+  linkText: _objectSpread(_objectSpread({
+    zIndex: "4"
+  }, _rootStyle.defaultFont), {}, {
+    fontSize: "14px",
+    margin: "0px"
+  }),
+  buttonLink: {
+    [theme.breakpoints.down("sm")]: {
+      display: "flex",
+      margin: "10px 15px 0",
+      width: "-webkit-fill-available",
+      "& svg": {
+        width: "24px",
+        height: "30px",
+        marginRight: "15px",
+        marginLeft: "-15px"
+      },
+      "& .fab,& .fas,& .far,& .fal,& .material-icons": {
+        fontSize: "24px",
+        lineHeight: "30px",
+        width: "24px",
+        height: "30px",
+        marginRight: "15px",
+        marginLeft: "-15px"
+      },
+      "& > span": {
+        justifyContent: "flex-start",
+        width: "100%"
+      }
+    }
+  },
+  searchButton: {
+    [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")]: {
+      position: "absolute",
+      top: "2px",
+      border: "1px solid " + _rootStyle.whiteColor,
+      right: "4px",
+      fontSize: "9px",
+      background: _rootStyle.dangerColor[0],
+      color: _rootStyle.whiteColor,
+      minWidth: "16px",
+      height: "16px",
+      borderRadius: "10px",
+      textAlign: "center",
+      lineHeight: "16px",
+      verticalAlign: "middle",
+      display: "block"
+    },
+    [theme.breakpoints.down("sm")]: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
+      fontSize: "14px",
+      marginRight: "8px"
+    })
+  },
+  manager: {
+    [theme.breakpoints.down("sm")]: {
+      width: "100%"
+    },
+    display: "inline-block"
+  },
+  searchWrapper: {
+    [theme.breakpoints.down("sm")]: {
+      width: "-webkit-fill-available",
+      margin: "10px 15px 0"
+    },
+    display: "inline-block"
+  }
+});
+
+var _default = headerLinksStyle;
+exports.default = _default;