react-tooltip 3.11.5 → 3.11.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -1
- package/dist/index.es.js +17 -97
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +17 -97
- package/dist/index.js.map +1 -1
- package/package.json +1 -2
package/dist/index.js
CHANGED
|
@@ -1052,55 +1052,6 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
1052
1052
|
}
|
|
1053
1053
|
});
|
|
1054
1054
|
|
|
1055
|
-
var classnames = createCommonjsModule(function (module) {
|
|
1056
|
-
/*!
|
|
1057
|
-
Copyright (c) 2017 Jed Watson.
|
|
1058
|
-
Licensed under the MIT License (MIT), see
|
|
1059
|
-
http://jedwatson.github.io/classnames
|
|
1060
|
-
*/
|
|
1061
|
-
/* global define */
|
|
1062
|
-
|
|
1063
|
-
(function () {
|
|
1064
|
-
|
|
1065
|
-
var hasOwn = {}.hasOwnProperty;
|
|
1066
|
-
|
|
1067
|
-
function classNames () {
|
|
1068
|
-
var classes = [];
|
|
1069
|
-
|
|
1070
|
-
for (var i = 0; i < arguments.length; i++) {
|
|
1071
|
-
var arg = arguments[i];
|
|
1072
|
-
if (!arg) continue;
|
|
1073
|
-
|
|
1074
|
-
var argType = typeof arg;
|
|
1075
|
-
|
|
1076
|
-
if (argType === 'string' || argType === 'number') {
|
|
1077
|
-
classes.push(arg);
|
|
1078
|
-
} else if (Array.isArray(arg) && arg.length) {
|
|
1079
|
-
var inner = classNames.apply(null, arg);
|
|
1080
|
-
if (inner) {
|
|
1081
|
-
classes.push(inner);
|
|
1082
|
-
}
|
|
1083
|
-
} else if (argType === 'object') {
|
|
1084
|
-
for (var key in arg) {
|
|
1085
|
-
if (hasOwn.call(arg, key) && arg[key]) {
|
|
1086
|
-
classes.push(key);
|
|
1087
|
-
}
|
|
1088
|
-
}
|
|
1089
|
-
}
|
|
1090
|
-
}
|
|
1091
|
-
|
|
1092
|
-
return classes.join(' ');
|
|
1093
|
-
}
|
|
1094
|
-
|
|
1095
|
-
if ( module.exports) {
|
|
1096
|
-
classNames.default = classNames;
|
|
1097
|
-
module.exports = classNames;
|
|
1098
|
-
} else {
|
|
1099
|
-
window.classNames = classNames;
|
|
1100
|
-
}
|
|
1101
|
-
}());
|
|
1102
|
-
});
|
|
1103
|
-
|
|
1104
1055
|
var CONSTANT = {
|
|
1105
1056
|
GLOBAL: {
|
|
1106
1057
|
HIDE: "__react_tooltip_hide_event",
|
|
@@ -1877,7 +1828,7 @@ function nodeListToArray (nodeList) {
|
|
|
1877
1828
|
});
|
|
1878
1829
|
}
|
|
1879
1830
|
|
|
1880
|
-
|
|
1831
|
+
___$insertStyle(".__react_component_tooltip {\n border-radius: 3px;\n display: inline-block;\n font-size: 13px;\n left: -999em;\n opacity: 0;\n padding: 8px 21px;\n position: fixed;\n pointer-events: none;\n transition: opacity 0.3s ease-out;\n top: -999em;\n visibility: hidden;\n z-index: 999;\n}\n.__react_component_tooltip.allow_hover, .__react_component_tooltip.allow_click {\n pointer-events: auto;\n}\n.__react_component_tooltip:before, .__react_component_tooltip:after {\n content: \"\";\n width: 0;\n height: 0;\n position: absolute;\n}\n.__react_component_tooltip.show {\n opacity: 0.9;\n margin-top: 0px;\n margin-left: 0px;\n visibility: visible;\n}\n.__react_component_tooltip.type-dark {\n color: #fff;\n background-color: #222;\n}\n.__react_component_tooltip.type-dark.place-top:after {\n border-top-color: #222;\n border-top-style: solid;\n border-top-width: 6px;\n}\n.__react_component_tooltip.type-dark.place-bottom:after {\n border-bottom-color: #222;\n border-bottom-style: solid;\n border-bottom-width: 6px;\n}\n.__react_component_tooltip.type-dark.place-left:after {\n border-left-color: #222;\n border-left-style: solid;\n border-left-width: 6px;\n}\n.__react_component_tooltip.type-dark.place-right:after {\n border-right-color: #222;\n border-right-style: solid;\n border-right-width: 6px;\n}\n.__react_component_tooltip.type-dark.border {\n border: 1px solid #fff;\n}\n.__react_component_tooltip.type-dark.border.place-top:before {\n border-top: 8px solid #fff;\n}\n.__react_component_tooltip.type-dark.border.place-bottom:before {\n border-bottom: 8px solid #fff;\n}\n.__react_component_tooltip.type-dark.border.place-left:before {\n border-left: 8px solid #fff;\n}\n.__react_component_tooltip.type-dark.border.place-right:before {\n border-right: 8px solid #fff;\n}\n.__react_component_tooltip.type-success {\n color: #fff;\n background-color: #8DC572;\n}\n.__react_component_tooltip.type-success.place-top:after {\n border-top-color: #8DC572;\n border-top-style: solid;\n border-top-width: 6px;\n}\n.__react_component_tooltip.type-success.place-bottom:after {\n border-bottom-color: #8DC572;\n border-bottom-style: solid;\n border-bottom-width: 6px;\n}\n.__react_component_tooltip.type-success.place-left:after {\n border-left-color: #8DC572;\n border-left-style: solid;\n border-left-width: 6px;\n}\n.__react_component_tooltip.type-success.place-right:after {\n border-right-color: #8DC572;\n border-right-style: solid;\n border-right-width: 6px;\n}\n.__react_component_tooltip.type-success.border {\n border: 1px solid #fff;\n}\n.__react_component_tooltip.type-success.border.place-top:before {\n border-top: 8px solid #fff;\n}\n.__react_component_tooltip.type-success.border.place-bottom:before {\n border-bottom: 8px solid #fff;\n}\n.__react_component_tooltip.type-success.border.place-left:before {\n border-left: 8px solid #fff;\n}\n.__react_component_tooltip.type-success.border.place-right:before {\n border-right: 8px solid #fff;\n}\n.__react_component_tooltip.type-warning {\n color: #fff;\n background-color: #F0AD4E;\n}\n.__react_component_tooltip.type-warning.place-top:after {\n border-top-color: #F0AD4E;\n border-top-style: solid;\n border-top-width: 6px;\n}\n.__react_component_tooltip.type-warning.place-bottom:after {\n border-bottom-color: #F0AD4E;\n border-bottom-style: solid;\n border-bottom-width: 6px;\n}\n.__react_component_tooltip.type-warning.place-left:after {\n border-left-color: #F0AD4E;\n border-left-style: solid;\n border-left-width: 6px;\n}\n.__react_component_tooltip.type-warning.place-right:after {\n border-right-color: #F0AD4E;\n border-right-style: solid;\n border-right-width: 6px;\n}\n.__react_component_tooltip.type-warning.border {\n border: 1px solid #fff;\n}\n.__react_component_tooltip.type-warning.border.place-top:before {\n border-top: 8px solid #fff;\n}\n.__react_component_tooltip.type-warning.border.place-bottom:before {\n border-bottom: 8px solid #fff;\n}\n.__react_component_tooltip.type-warning.border.place-left:before {\n border-left: 8px solid #fff;\n}\n.__react_component_tooltip.type-warning.border.place-right:before {\n border-right: 8px solid #fff;\n}\n.__react_component_tooltip.type-error {\n color: #fff;\n background-color: #BE6464;\n}\n.__react_component_tooltip.type-error.place-top:after {\n border-top-color: #BE6464;\n border-top-style: solid;\n border-top-width: 6px;\n}\n.__react_component_tooltip.type-error.place-bottom:after {\n border-bottom-color: #BE6464;\n border-bottom-style: solid;\n border-bottom-width: 6px;\n}\n.__react_component_tooltip.type-error.place-left:after {\n border-left-color: #BE6464;\n border-left-style: solid;\n border-left-width: 6px;\n}\n.__react_component_tooltip.type-error.place-right:after {\n border-right-color: #BE6464;\n border-right-style: solid;\n border-right-width: 6px;\n}\n.__react_component_tooltip.type-error.border {\n border: 1px solid #fff;\n}\n.__react_component_tooltip.type-error.border.place-top:before {\n border-top: 8px solid #fff;\n}\n.__react_component_tooltip.type-error.border.place-bottom:before {\n border-bottom: 8px solid #fff;\n}\n.__react_component_tooltip.type-error.border.place-left:before {\n border-left: 8px solid #fff;\n}\n.__react_component_tooltip.type-error.border.place-right:before {\n border-right: 8px solid #fff;\n}\n.__react_component_tooltip.type-info {\n color: #fff;\n background-color: #337AB7;\n}\n.__react_component_tooltip.type-info.place-top:after {\n border-top-color: #337AB7;\n border-top-style: solid;\n border-top-width: 6px;\n}\n.__react_component_tooltip.type-info.place-bottom:after {\n border-bottom-color: #337AB7;\n border-bottom-style: solid;\n border-bottom-width: 6px;\n}\n.__react_component_tooltip.type-info.place-left:after {\n border-left-color: #337AB7;\n border-left-style: solid;\n border-left-width: 6px;\n}\n.__react_component_tooltip.type-info.place-right:after {\n border-right-color: #337AB7;\n border-right-style: solid;\n border-right-width: 6px;\n}\n.__react_component_tooltip.type-info.border {\n border: 1px solid #fff;\n}\n.__react_component_tooltip.type-info.border.place-top:before {\n border-top: 8px solid #fff;\n}\n.__react_component_tooltip.type-info.border.place-bottom:before {\n border-bottom: 8px solid #fff;\n}\n.__react_component_tooltip.type-info.border.place-left:before {\n border-left: 8px solid #fff;\n}\n.__react_component_tooltip.type-info.border.place-right:before {\n border-right: 8px solid #fff;\n}\n.__react_component_tooltip.type-light {\n color: #222;\n background-color: #fff;\n}\n.__react_component_tooltip.type-light.place-top:after {\n border-top-color: #fff;\n border-top-style: solid;\n border-top-width: 6px;\n}\n.__react_component_tooltip.type-light.place-bottom:after {\n border-bottom-color: #fff;\n border-bottom-style: solid;\n border-bottom-width: 6px;\n}\n.__react_component_tooltip.type-light.place-left:after {\n border-left-color: #fff;\n border-left-style: solid;\n border-left-width: 6px;\n}\n.__react_component_tooltip.type-light.place-right:after {\n border-right-color: #fff;\n border-right-style: solid;\n border-right-width: 6px;\n}\n.__react_component_tooltip.type-light.border {\n border: 1px solid #222;\n}\n.__react_component_tooltip.type-light.border.place-top:before {\n border-top: 8px solid #222;\n}\n.__react_component_tooltip.type-light.border.place-bottom:before {\n border-bottom: 8px solid #222;\n}\n.__react_component_tooltip.type-light.border.place-left:before {\n border-left: 8px solid #222;\n}\n.__react_component_tooltip.type-light.border.place-right:before {\n border-right: 8px solid #222;\n}\n.__react_component_tooltip.place-top {\n margin-top: -10px;\n}\n.__react_component_tooltip.place-top:before {\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n bottom: -8px;\n left: 50%;\n margin-left: -10px;\n}\n.__react_component_tooltip.place-top:after {\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n bottom: -6px;\n left: 50%;\n margin-left: -8px;\n}\n.__react_component_tooltip.place-bottom {\n margin-top: 10px;\n}\n.__react_component_tooltip.place-bottom:before {\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n top: -8px;\n left: 50%;\n margin-left: -10px;\n}\n.__react_component_tooltip.place-bottom:after {\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n top: -6px;\n left: 50%;\n margin-left: -8px;\n}\n.__react_component_tooltip.place-left {\n margin-left: -10px;\n}\n.__react_component_tooltip.place-left:before {\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n right: -8px;\n top: 50%;\n margin-top: -5px;\n}\n.__react_component_tooltip.place-left:after {\n border-top: 5px solid transparent;\n border-bottom: 5px solid transparent;\n right: -6px;\n top: 50%;\n margin-top: -4px;\n}\n.__react_component_tooltip.place-right {\n margin-left: 10px;\n}\n.__react_component_tooltip.place-right:before {\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n left: -8px;\n top: 50%;\n margin-top: -5px;\n}\n.__react_component_tooltip.place-right:after {\n border-top: 5px solid transparent;\n border-bottom: 5px solid transparent;\n left: -6px;\n top: 50%;\n margin-top: -4px;\n}\n.__react_component_tooltip .multi-line {\n display: block;\n padding: 2px 0px;\n text-align: center;\n}");
|
|
1881
1832
|
|
|
1882
1833
|
var _class, _class2, _temp;
|
|
1883
1834
|
|
|
@@ -1953,10 +1904,6 @@ function (_React$Component) {
|
|
|
1953
1904
|
insecure = _this$props.insecure,
|
|
1954
1905
|
resizeHide = _this$props.resizeHide;
|
|
1955
1906
|
|
|
1956
|
-
if (insecure) {
|
|
1957
|
-
this.setStyleHeader(); // Set the style to the <link>
|
|
1958
|
-
}
|
|
1959
|
-
|
|
1960
1907
|
this.bindListener(); // Bind listener for tooltip
|
|
1961
1908
|
|
|
1962
1909
|
this.bindWindowEvents(resizeHide); // Bind global event for static method
|
|
@@ -2425,26 +2372,25 @@ function (_React$Component) {
|
|
|
2425
2372
|
* in this way we can insert default css
|
|
2426
2373
|
*/
|
|
2427
2374
|
|
|
2428
|
-
|
|
2429
|
-
|
|
2430
|
-
value: function setStyleHeader() {
|
|
2431
|
-
var head = document.getElementsByTagName("head")[0];
|
|
2432
|
-
|
|
2375
|
+
/* setStyleHeader() {
|
|
2376
|
+
const head = document.getElementsByTagName("head")[0];
|
|
2433
2377
|
if (!head.querySelector('style[id="react-tooltip"]')) {
|
|
2434
|
-
|
|
2378
|
+
const tag = document.createElement("style");
|
|
2435
2379
|
tag.id = "react-tooltip";
|
|
2436
|
-
tag.innerHTML = cssStyle;
|
|
2437
|
-
/* eslint-disable */
|
|
2380
|
+
tag.innerHTML = cssStyle; */
|
|
2438
2381
|
|
|
2439
|
-
|
|
2440
|
-
|
|
2441
|
-
|
|
2442
|
-
|
|
2382
|
+
/* eslint-disable */
|
|
2383
|
+
|
|
2384
|
+
/* if (typeof __webpack_nonce__ !== 'undefined' && __webpack_nonce__) {
|
|
2385
|
+
tag.setAttribute('nonce', __webpack_nonce__)
|
|
2386
|
+
}*/
|
|
2443
2387
|
|
|
2388
|
+
/* eslint-enable */
|
|
2444
2389
|
|
|
2445
|
-
|
|
2390
|
+
/* head.insertBefore(tag, head.firstChild);
|
|
2446
2391
|
}
|
|
2447
|
-
}
|
|
2392
|
+
} */
|
|
2393
|
+
|
|
2448
2394
|
/**
|
|
2449
2395
|
* CLear all kinds of timeout of interval
|
|
2450
2396
|
*/
|
|
@@ -2469,35 +2415,9 @@ function (_React$Component) {
|
|
|
2469
2415
|
disable = _this$state3.disable;
|
|
2470
2416
|
var placeholder = this.getTooltipContent();
|
|
2471
2417
|
var isEmptyTip = this.isEmptyTip(placeholder);
|
|
2472
|
-
var tooltipClass =
|
|
2473
|
-
|
|
2474
|
-
|
|
2475
|
-
border: this.state.border
|
|
2476
|
-
}, {
|
|
2477
|
-
"place-top": this.state.place === "top"
|
|
2478
|
-
}, {
|
|
2479
|
-
"place-bottom": this.state.place === "bottom"
|
|
2480
|
-
}, {
|
|
2481
|
-
"place-left": this.state.place === "left"
|
|
2482
|
-
}, {
|
|
2483
|
-
"place-right": this.state.place === "right"
|
|
2484
|
-
}, {
|
|
2485
|
-
"type-dark": this.state.type === "dark"
|
|
2486
|
-
}, {
|
|
2487
|
-
"type-success": this.state.type === "success"
|
|
2488
|
-
}, {
|
|
2489
|
-
"type-warning": this.state.type === "warning"
|
|
2490
|
-
}, {
|
|
2491
|
-
"type-error": this.state.type === "error"
|
|
2492
|
-
}, {
|
|
2493
|
-
"type-info": this.state.type === "info"
|
|
2494
|
-
}, {
|
|
2495
|
-
"type-light": this.state.type === "light"
|
|
2496
|
-
}, {
|
|
2497
|
-
allow_hover: this.props.delayUpdate
|
|
2498
|
-
}, {
|
|
2499
|
-
allow_click: this.props.clickable
|
|
2500
|
-
});
|
|
2418
|
+
var tooltipClass = "__react_component_tooltip" + (this.state.show && !disable && !isEmptyTip ? " show" : "") + (this.state.border ? " border" : "") + " place-".concat(this.state.place) + // top, bottom, left, right
|
|
2419
|
+
" type-".concat(this.state.type) + ( // dark, success, warning, error, info, light
|
|
2420
|
+
this.props.delayUpdate ? " allow_hover" : "") + (this.props.clickable ? " allow_click" : "");
|
|
2501
2421
|
var Wrapper = this.props.wrapper;
|
|
2502
2422
|
|
|
2503
2423
|
if (ReactTooltip.supportedWrappers.indexOf(Wrapper) < 0) {
|