1.3.1 Automatically open diversities menu after long hover

ealush · Aug 24, 2017 · a9a75f8 · a9a75f8
1 parent d7ed06a
commit a9a75f8
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 20 deletions.
diff --git a/docs/iframe.html b/docs/iframe.html
@@ -16,7 +16,7 @@
       <body>
         <div id="root"></div>
         <div id="error-display"></div>
-        <script src="static/preview.52b5a34a5a8fcb43e9b0.bundle.js"></script>
+        <script src="static/preview.b44139a9cb97c9cc5aed.bundle.js"></script>
       </body>
     </html>
 
diff --git a/docs/static/preview.52b5a34a5a8fcb43e9b0.bundle.js.map b/docs/static/preview.52b5a34a5a8fcb43e9b0.bundle.js.map
diff --git a/...ic/preview.52b5a34a5a8fcb43e9b0.bundle.js → ...ic/preview.b44139a9cb97c9cc5aed.bundle.js b/...ic/preview.52b5a34a5a8fcb43e9b0.bundle.js → ...ic/preview.b44139a9cb97c9cc5aed.bundle.js
diff --git a/docs/static/preview.b44139a9cb97c9cc5aed.bundle.js.map b/docs/static/preview.b44139a9cb97c9cc5aed.bundle.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "emoji-picker-react",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "React emoji-picker component",
   "main": "./dist/index.js",
   "scripts": {

diff --git a/src/Emoji/index.js b/src/Emoji/index.js
@@ -41,10 +41,16 @@ class Emoji extends Component {
         if (this.props.emojiProps.parent._emojiName) {
             this.props.emojiProps.parent._emojiName.textContent = this.emoji.name;
         }
+
+        this.onMouseEnterTimeout = setTimeout(() => {
+            this.props.emojiProps.openDiversitiesMenu(this.props.member);
+        }, OPEN_DIVERSITIES_TIMEOUT);
     }
 
     onMouseLeave(e) {
 
+        clearTimeout(this.onMouseEnterTimeout);
+
         if (e.relatedTarget && e.relatedTarget.classList && e.relatedTarget.classList.contains('emoji')) {
             return;
         }
@@ -56,6 +62,8 @@ class Emoji extends Component {
 
     onMouseDown() {
 
+        clearTimeout(this.onMouseEnterTimeout);
+
         if (!this.hasDiversities) {
             return;
         }