Merge pull request #18 from mohsinulhaq/add-trigger-ref

Expose trigger reference

Author: mohsinulhaq

.size-snapshot.json

@@ -1,25 +1,25 @@
 {
   "dist/index.js": {
-    "bundled": 7445,
-    "minified": 7445,
-    "gzipped": 2208
+    "bundled": 7471,
+    "minified": 7471,
+    "gzipped": 2219
   },
   "lib/cjs/index.js": {
-    "bundled": 14012,
-    "minified": 7765,
-    "gzipped": 2141
+    "bundled": 14096,
+    "minified": 7791,
+    "gzipped": 2148
   },
   "lib/esm/index.js": {
-    "bundled": 13960,
-    "minified": 7732,
-    "gzipped": 2138,
+    "bundled": 14044,
+    "minified": 7758,
+    "gzipped": 2144,
     "treeshaked": {
       "rollup": {
-        "code": 7171,
+        "code": 7197,
         "import_statements": 331
       },
       "webpack": {
-        "code": 8405
+        "code": 8431
       }
     }
   }

README.md

@@ -229,6 +229,12 @@ Each placement can have a variation from this list:
 
 The event that triggers the tooltip. One of `click`, `hover`, `right-click`, `none`.
 
+### getTriggerRef
+
+> `function(HTMLElement) => void` 
+
+Function that can be used to obtain a trigger element reference.
+
 ### closeOnOutOfBoundaries
 
 > `boolean` | defaults to `true`

src/TooltipTrigger.js

@@ -61,6 +61,10 @@ export default class TooltipTrigger extends Component {
      * the event that triggers the tooltip
      */
     trigger: T.oneOf(['click', 'hover', 'right-click', 'none']),
+    /**
+     * function that can be used to obtain a trigger element reference
+     */
+    getTriggerRef: T.func,
     /**
      * whether to close the tooltip when it's trigger is out of the boundary
      */
@@ -211,6 +215,7 @@ export default class TooltipTrigger extends Component {
       tooltip,
       placement,
       trigger,
+      getTriggerRef,
       modifiers,
       closeOnOutOfBoundaries,
       usePortal,
@@ -273,7 +278,7 @@ export default class TooltipTrigger extends Component {
 
     return (
       <Manager>
-        <Reference>
+        <Reference innerRef={getTriggerRef}>
           {({ ref }) =>
             children({ getTriggerProps: this.getTriggerProps, triggerRef: ref })
           }