react-tooltip 4.4.5 → 4.5.0

package/dist/index.js

@@ -2515,11 +2515,15 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
     value: function componentDidMount() {
       var _this$props = this.props;
         _this$props.insecure;
-        var resizeHide = _this$props.resizeHide;
+        var resizeHide = _this$props.resizeHide,
+        disableInternalStyle = _this$props.disableInternalStyle;
       this.mount = true;
       this.bindListener(); // Bind listener for tooltip
       this.bindWindowEvents(resizeHide); // Bind global event for static method
-      this.injectStyles(); // Inject styles for each DOM root having tooltip.
+
+      if (!disableInternalStyle) {
+        this.injectStyles(); // Inject styles for each DOM root having tooltip.
+      }
     }
   }, {
     key: "componentWillUnmount",
@@ -3072,7 +3076,7 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
         uuid = _this$state3.uuid;
       var content = this.getTooltipContent();
       var isEmptyTip = this.isEmptyTip(content);
-      var style = generateTooltipStyle(this.state.uuid, this.state.customColors, this.state.type, this.state.border, this.state.padding, this.state.customRadius);
+      var style = this.props.disableInternalStyle ? '' : generateTooltipStyle(this.state.uuid, this.state.customColors, this.state.type, this.state.border, this.state.padding, this.state.customRadius);
       var tooltipClass = '__react_component_tooltip' + " ".concat(this.state.uuid) + (this.state.show && !disable && !isEmptyTip ? ' show' : '') + (this.state.border ? ' ' + this.state.borderClass : '') + " place-".concat(this.state.place) + // top, bottom, left, right
       " type-".concat(this.hasCustomColors() ? 'custom' : this.state.type) + (
       // dark, success, warning, error, info, light, custom
@@ -3083,7 +3087,7 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
       }
       var wrapperClassName = [tooltipClass, extraClass].filter(Boolean).join(' ');
       if (html) {
-        var htmlContent = "".concat(content, "\n<style aria-hidden=\"true\">").concat(style, "</style>");
+        var htmlContent = "".concat(content).concat(style ? "\n<style aria-hidden=\"true\">".concat(style, "</style>") : '');
         return /*#__PURE__*/React__default["default"].createElement(Wrapper, _extends({
           className: "".concat(wrapperClassName),
           id: this.props.id || uuid,
@@ -3105,7 +3109,7 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
             return _this9.tooltipRef = _ref2;
           },
           "data-id": "tooltip"
-        }), /*#__PURE__*/React__default["default"].createElement("style", {
+        }), style && /*#__PURE__*/React__default["default"].createElement("style", {
           dangerouslySetInnerHTML: {
             __html: style
           },
@@ -3156,7 +3160,8 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
         bodyMode: PropTypes__default["default"].bool,
         possibleCustomEvents: PropTypes__default["default"].string,
         possibleCustomEventsOff: PropTypes__default["default"].string,
-        clickable: PropTypes__default["default"].bool
+        clickable: PropTypes__default["default"].bool,
+        disableInternalStyle: PropTypes__default["default"].bool
       };
     }
   }, {