Css imported like prop react-component#2

Ubiatar · Jan 27, 2017 · cb34787 · cb34787
1 parent b1f3b13
commit cb34787
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -40,7 +40,8 @@
     "saucelabs": "rc-tools run saucelabs",
     "test": "jest",
     "chrome-test": "rc-tools run chrome-test",
-    "coverage": "jest --coverage && cat ./coverage/lcov.info | coveralls"
+    "coverage": "jest --coverage && cat ./coverage/lcov.info | coveralls",
+    "lib": "babel src --out-dir lib -w"
   },
   "jest": {
     "collectCoverageFrom": [

diff --git a/src/MenuItem.jsx b/src/MenuItem.jsx
@@ -22,15 +22,14 @@ const MenuItem = React.createClass({
     onDestroy: PropTypes.func,
     onMouseEnter: PropTypes.func,
     onMouseLeave: PropTypes.func,
-    css: PropTypes.object,
+    css: PropTypes.object.isRequired,
   },
 
   getDefaultProps() {
     return {
       onSelect: noop,
       onMouseEnter: noop,
       onMouseLeave: noop,
-      css: require('../assets/index.css'),
     };
   },
 

diff --git a/src/MenuMixin.js b/src/MenuMixin.js
@@ -64,7 +64,6 @@ const MenuMixin = {
     defaultOpenKeys: PropTypes.arrayOf(PropTypes.string),
     openKeys: PropTypes.arrayOf(PropTypes.string),
     children: PropTypes.any,
-    css: PropTypes.object,
   },
 
   getDefaultProps() {
@@ -77,7 +76,6 @@ const MenuMixin = {
       visible: true,
       focusable: true,
       style: {},
-      css: require('../assets/index.css'),
     };
   },
 
@@ -222,6 +220,7 @@ const MenuMixin = {
       onItemHover: this.onItemHover,
       active: !childProps.disabled && isActive,
       multiple: props.multiple,
+      css: props.css,
       onClick: this.onClick,
       openTransitionName: this.getOpenTransitionName(),
       openAnimation: props.openAnimation,