get Rating on Hover #48

n49 · Jul 30, 2019 · eaaeaf1 · eaaeaf1
1 parent 3e65ad8
commit eaaeaf1
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 3 deletions.
diff --git a/dist/react-stars.js b/dist/react-stars.js
@@ -94,7 +94,16 @@ var ReactStars = function (_Component) {
         halfStar: {
           at: Math.floor(props.value),
           hidden: this.state.config.half && props.value % 1 < 0.5
-        }
+        },
+        config: _extends({}, this.state.config, {
+          count: props.count,
+          size: props.size,
+          char: props.char,
+          color1: props.color1,
+          color2: props.color2,
+          half: props.half,
+          edit: props.edit
+        })
       });
     }
   }, {
@@ -147,6 +156,9 @@ var ReactStars = function (_Component) {
       this.setState({
         stars: this.getStars(index)
       });
+
+      this.props.onMouseOver(value);
+      this.props.onMouseMove(value);
     }
   }, {
     key: 'moreThanHalf',
@@ -173,6 +185,8 @@ var ReactStars = function (_Component) {
       this.setState({
         stars: this.getStars()
       });
+
+      this.props.onMouseLeave(value);
     }
   }, {
     key: 'clicked',
@@ -293,7 +307,10 @@ ReactStars.defaultProps = {
   color1: 'gray',
   color2: '#ffd700',
 
-  onChange: function onChange() {}
+  onChange: function onChange() {},
+  onMouseLeave: function onMouseLeave() {},
+  onMouseMove: function onMouseMove() {},
+  onMouseOver: function onMouseOver() {}
 };
 
 exports.default = ReactStars;
diff --git a/src/react-stars.js b/src/react-stars.js
@@ -130,6 +130,9 @@ class ReactStars extends Component {
     this.setState({
       stars: this.getStars(index)
     })
+
+    this.props.onMouseOver(value)
+    this.props.onMouseMove(value)
   }
 
   moreThanHalf(event, size) {
@@ -149,6 +152,8 @@ class ReactStars extends Component {
     this.setState({
       stars: this.getStars()
     })
+
+    this.props.onMouseLeave(value)
   }
 
   clicked(event) {
@@ -250,7 +255,10 @@ ReactStars.defaultProps = {
   color1: 'gray',
   color2: '#ffd700',
 
-  onChange: () => { }
+  onChange: () => { },
+  onMouseLeave: () => { },
+  onMouseMove: () => { },
+  onMouseOver: () => { },
 };
 
 export default ReactStars