@agilemotion/oui-react-js 1.6.3 → 1.6.5

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

@@ -4,22 +4,14 @@ 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 customDropdownStyle = function customDropdownStyle(theme) {
-  return {
-    popperClose: {
-      pointerEvents: "none",
-      display: "none !important"
-    },
-    popperNav: _defineProperty({}, theme.breakpoints.down("sm"), {
+const customDropdownStyle = theme => ({
+  popperClose: {
+    pointerEvents: "none",
+    display: "none !important"
+  },
+  popperNav: {
+    [theme.breakpoints.down("sm")]: {
       position: "static !important",
       left: "unset !important",
       top: "unset !important",
@@ -44,52 +36,53 @@ var customDropdownStyle = function customDropdownStyle(theme) {
           }
         }
       }
-    }),
-    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"
+    }
+  },
+  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"
     },
-    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: _defineProperty({
-      zIndex: "1200"
-    }, theme.breakpoints.down("sm"), {
+    "& $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",
@@ -99,118 +92,123 @@ var customDropdownStyle = function customDropdownStyle(theme) {
       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;
+  },
+  dropdownItem: {
+    ..._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": {
+      backgroundColor: _rootStyle.primaryColor[0],
+      color: _rootStyle.whiteColor,
+      ..._rootStyle.primaryBoxShadow
+    }
+  },
+  infoHover: {
+    "&:hover": {
+      backgroundColor: _rootStyle.infoColor[0],
+      color: _rootStyle.whiteColor,
+      ..._rootStyle.infoBoxShadow
+    }
+  },
+  successHover: {
+    "&:hover": {
+      backgroundColor: _rootStyle.successColor[0],
+      color: _rootStyle.whiteColor,
+      ..._rootStyle.successBoxShadow
+    }
+  },
+  warningHover: {
+    "&:hover": {
+      backgroundColor: _rootStyle.warningColor[0],
+      color: _rootStyle.whiteColor,
+      ..._rootStyle.warningBoxShadow
+    }
+  },
+  dangerHover: {
+    "&:hover": {
+      backgroundColor: _rootStyle.dangerColor[0],
+      color: _rootStyle.whiteColor,
+      ..._rootStyle.dangerBoxShadow
+    }
+  },
+  roseHover: {
+    "&:hover": {
+      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 = exports.default = customDropdownStyle;

package/dist/assets/jss/components/customInputStyle.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 customInputStyle = {
+const customInputStyle = {
   disabled: {
     "&:before": {
       borderColor: "transparent !important"
@@ -41,7 +33,8 @@ var customInputStyle = {
       borderColor: _rootStyle.successColor[0]
     }
   },
-  labelRoot: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
+  labelRoot: {
+    ..._rootStyle.defaultFont,
     color: _rootStyle.grayColor[3] + " !important",
     fontWeight: "400",
     fontSize: "14px",
@@ -51,7 +44,7 @@ var customInputStyle = {
     "& + $underline": {
       marginTop: "0px"
     }
-  }),
+  },
   labelRootError: {
     color: _rootStyle.dangerColor[0] + " !important"
   },
@@ -96,5 +89,4 @@ var customInputStyle = {
     }
   }
 };
-var _default = customInputStyle;
-exports.default = _default;
+var _default = exports.default = customInputStyle;

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

@@ -4,42 +4,37 @@ 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 dropdownStyle = function dropdownStyle(theme) {
-  return {
-    buttonLink: _defineProperty({}, theme.breakpoints.down("md"), {
+const dropdownStyle = theme => ({
+  buttonLink: {
+    [theme.breakpoints.down("md")]: {
       display: "flex",
       marginLeft: "30px",
       width: "auto"
-    }),
-    links: _defineProperty({
-      width: "20px",
-      height: "20px",
-      zIndex: "4"
-    }, theme.breakpoints.down("md"), {
+    }
+  },
+  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: _defineProperty({}, theme.breakpoints.down("md"), {
+    }
+  },
+  linkText: {
+    zIndex: "4",
+    ..._rootStyle.defaultFont,
+    fontSize: "14px"
+  },
+  popperClose: {
+    pointerEvents: "none"
+  },
+  popperResponsive: {
+    [theme.breakpoints.down("md")]: {
       zIndex: "1640",
       position: "static",
       float: "none",
@@ -50,8 +45,10 @@ var dropdownStyle = function dropdownStyle(theme) {
       WebkitBoxShadow: "none",
       boxShadow: "none",
       color: "black"
-    }),
-    popperNav: _defineProperty({}, theme.breakpoints.down("sm"), {
+    }
+  },
+  popperNav: {
+    [theme.breakpoints.down("sm")]: {
       position: "static !important",
       left: "unset !important",
       top: "unset !important",
@@ -76,48 +73,48 @@ var dropdownStyle = function dropdownStyle(theme) {
           }
         }
       }
-    }),
-    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;
+    }
+  },
+  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: {
+    ..._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": {
+      backgroundColor: _rootStyle.primaryColor[0],
+      color: _rootStyle.whiteColor,
+      ..._rootStyle.primaryBoxShadow
+    }
+  }
+});
+var _default = exports.default = dropdownStyle;

package/dist/assets/jss/components/footerStyle.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 footerStyle = {
+const footerStyle = {
   block: {},
   left: {
     float: "left !important"
@@ -25,27 +17,27 @@ var footerStyle = {
     padding: "15px",
     paddingRight: "70px"
   },
-  footer: _objectSpread(_objectSpread({
+  footer: {
     bottom: "0",
-    padding: "15px 0"
-  }, _rootStyle.defaultFont), {}, {
+    padding: "15px 0",
+    ..._rootStyle.defaultFont,
     zIndex: 4
-  }),
+  },
   wrapper: {
     display: "inline-block",
     textAlign: '-webkit-center',
     width: '100%'
   },
-  container: _objectSpread(_objectSpread({
-    zIndex: 3
-  }, _rootStyle.container), {}, {
+  container: {
+    zIndex: 3,
+    ..._rootStyle.container,
     position: "relative"
-  }),
-  containerFluid: _objectSpread(_objectSpread({
-    zIndex: 3
-  }, _rootStyle.containerFluid), {}, {
+  },
+  containerFluid: {
+    zIndex: 3,
+    ..._rootStyle.containerFluid,
     position: "relative"
-  }),
+  },
   a: {
     color: _rootStyle.primaryColor[0],
     textDecoration: "none",
@@ -67,5 +59,4 @@ var footerStyle = {
     }
   }
 };
-var _default = footerStyle;
-exports.default = _default;
+var _default = exports.default = footerStyle;