@agilemotion/oui-react-js 1.6.1 → 1.6.3

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

@@ -7,13 +7,19 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-const customDropdownStyle = theme => ({
-  popperClose: {
-    pointerEvents: "none",
-    display: "none !important"
-  },
-  popperNav: {
-    [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 customDropdownStyle = function customDropdownStyle(theme) {
+  return {
+    popperClose: {
+      pointerEvents: "none",
+      display: "none !important"
+    },
+    popperNav: _defineProperty({}, theme.breakpoints.down("sm"), {
       position: "static !important",
       left: "unset !important",
       top: "unset !important",
@@ -38,53 +44,52 @@ const 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"
+    }),
+    manager: {
+      "& > div > button:first-child > span:first-child, & > div > a:first-child > span:first-child": {
+        width: "100%"
       }
-    }
-  },
-  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")]: {
+    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: _defineProperty({
+      zIndex: "1200"
+    }, theme.breakpoints.down("sm"), {
       zIndex: "1640",
       position: "static",
       float: "none",
@@ -94,124 +99,118 @@ const 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"
     }
-  },
-  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 = customDropdownStyle;
 exports.default = _default;

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

@@ -7,7 +7,13 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-const customInputStyle = {
+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 = {
   disabled: {
     "&:before": {
       borderColor: "transparent !important"
@@ -35,7 +41,7 @@ const customInputStyle = {
       borderColor: _rootStyle.successColor[0]
     }
   },
-  labelRoot: { ..._rootStyle.defaultFont,
+  labelRoot: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
     color: _rootStyle.grayColor[3] + " !important",
     fontWeight: "400",
     fontSize: "14px",
@@ -45,7 +51,7 @@ const customInputStyle = {
     "& + $underline": {
       marginTop: "0px"
     }
-  },
+  }),
   labelRootError: {
     color: _rootStyle.dangerColor[0] + " !important"
   },

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

@@ -7,36 +7,39 @@ exports.default = void 0;
 
 var _rootStyle = require("../rootStyle");
 
-const dropdownStyle = theme => ({
-  buttonLink: {
-    [theme.breakpoints.down("md")]: {
+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"), {
       display: "flex",
       marginLeft: "30px",
       width: "auto"
-    }
-  },
-  links: {
-    width: "20px",
-    height: "20px",
-    zIndex: "4",
-    [theme.breakpoints.down("md")]: {
+    }),
+    links: _defineProperty({
+      width: "20px",
+      height: "20px",
+      zIndex: "4"
+    }, theme.breakpoints.down("md"), {
       display: "block",
       width: "30px",
       height: "30px",
       color: _rootStyle.grayColor[9],
       marginRight: "15px"
-    }
-  },
-  linkText: {
-    zIndex: "4",
-    ..._rootStyle.defaultFont,
-    fontSize: "14px"
-  },
-  popperClose: {
-    pointerEvents: "none"
-  },
-  popperResponsive: {
-    [theme.breakpoints.down("md")]: {
+    }),
+    linkText: _objectSpread(_objectSpread({
+      zIndex: "4"
+    }, _rootStyle.defaultFont), {}, {
+      fontSize: "14px"
+    }),
+    popperClose: {
+      pointerEvents: "none"
+    },
+    popperResponsive: _defineProperty({}, theme.breakpoints.down("md"), {
       zIndex: "1640",
       position: "static",
       float: "none",
@@ -47,10 +50,8 @@ const dropdownStyle = theme => ({
       WebkitBoxShadow: "none",
       boxShadow: "none",
       color: "black"
-    }
-  },
-  popperNav: {
-    [theme.breakpoints.down("sm")]: {
+    }),
+    popperNav: _defineProperty({}, theme.breakpoints.down("sm"), {
       position: "static !important",
       left: "unset !important",
       top: "unset !important",
@@ -75,49 +76,48 @@ const 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: { ..._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
-    }
-  }
-});
+    }),
+    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

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