Add possibility to define the tooltip wrapper, make it strict, by using a whitelist of supported Wrappers

Author: Boris Kotov

src/index.js

@@ -44,11 +44,18 @@ class ReactTooltip extends Component {
     afterHide: PropTypes.func,
     disable: PropTypes.bool,
     scrollHide: PropTypes.bool,
-    resizeHide: PropTypes.bool
+    resizeHide: PropTypes.bool,
+    wrapper: PropTypes.string
   };
 
   static defaultProps = {
-    resizeHide: true
+    resizeHide: true,
+    wrapper: 'div'
+  };
+
+  static supportedWrappers = {
+    'div': div,
+    'span': span
   };
 
   constructor (props) {
@@ -417,18 +424,22 @@ class ReactTooltip extends Component {
       {'type-info': this.state.type === 'info'},
       {'type-light': this.state.type === 'light'}
     )
+
+    let wrapper = ReactTooltip.supportedWrappers[this.props.wrapper]
+    if (!wrapper) wrapper = div
+
     if (html) {
       return (
-        <div className={`${tooltipClass} ${extraClass}`}
+        <wrapper className={`${tooltipClass} ${extraClass}`}
           {...ariaProps}
           data-id='tooltip'
-          dangerouslySetInnerHTML={{__html: placeholder}}></div>
+          dangerouslySetInnerHTML={{__html: placeholder}}></wrapper>
       )
     } else {
       return (
-        <div className={`${tooltipClass} ${extraClass}`}
+        <wrapper className={`${tooltipClass} ${extraClass}`}
           {...ariaProps}
-          data-id='tooltip'>{placeholder}</div>
+          data-id='tooltip'>{placeholder}</wrapper>
       )
     }
   }