First-class profile name rendering
This commit is contained in:
parent
632cd0e87e
commit
d07b8e82b2
63 changed files with 1044 additions and 454 deletions
60
patches/react-tooltip-lite+1.12.0.patch
Normal file
60
patches/react-tooltip-lite+1.12.0.patch
Normal file
|
@ -0,0 +1,60 @@
|
|||
diff --git a/node_modules/react-tooltip-lite/dist/index.js b/node_modules/react-tooltip-lite/dist/index.js
|
||||
index 32ce07d..6461913 100644
|
||||
--- a/node_modules/react-tooltip-lite/dist/index.js
|
||||
+++ b/node_modules/react-tooltip-lite/dist/index.js
|
||||
@@ -80,7 +80,7 @@ function (_React$Component) {
|
||||
|
||||
_this.state = {
|
||||
showTip: false,
|
||||
- hasHover: false,
|
||||
+ hasHover: 0,
|
||||
ignoreShow: false,
|
||||
hasBeenShown: false
|
||||
};
|
||||
@@ -232,7 +232,7 @@ function (_React$Component) {
|
||||
var _this3 = this;
|
||||
|
||||
this.setState({
|
||||
- hasHover: false
|
||||
+ hasHover: 0
|
||||
});
|
||||
|
||||
if (this.state.showTip) {
|
||||
@@ -250,7 +250,7 @@ function (_React$Component) {
|
||||
value: function startHover() {
|
||||
if (!this.state.ignoreShow) {
|
||||
this.setState({
|
||||
- hasHover: true
|
||||
+ hasHover: (this.state.hasHover || 0) + 1,
|
||||
});
|
||||
clearTimeout(this.hoverTimeout);
|
||||
this.hoverTimeout = setTimeout(this.checkHover, this.props.hoverDelay);
|
||||
@@ -260,7 +260,7 @@ function (_React$Component) {
|
||||
key: "endHover",
|
||||
value: function endHover() {
|
||||
this.setState({
|
||||
- hasHover: false
|
||||
+ hasHover: Math.max((this.state.hasHover || 0) - 1, 0),
|
||||
});
|
||||
clearTimeout(this.hoverTimeout);
|
||||
this.hoverTimeout = setTimeout(this.checkHover, this.props.mouseOutDelay || this.props.hoverDelay);
|
||||
@@ -268,7 +268,7 @@ function (_React$Component) {
|
||||
}, {
|
||||
key: "checkHover",
|
||||
value: function checkHover() {
|
||||
- this.state.hasHover ? this.showTip() : this.hideTip();
|
||||
+ this.state.hasHover > 0 ? this.showTip() : this.hideTip();
|
||||
}
|
||||
}, {
|
||||
key: "render",
|
||||
@@ -330,7 +330,9 @@ function (_React$Component) {
|
||||
props[eventToggle] = this.toggleTip; // only use hover if they don't have a toggle event
|
||||
} else if (useHover && !isControlledByProps) {
|
||||
props.onMouseEnter = this.startHover;
|
||||
- props.onMouseLeave = tipContentHover || mouseOutDelay ? this.endHover : this.hideTip;
|
||||
+ props.onMouseLeave = this.endHover;
|
||||
+ props.onFocus = this.startHover;
|
||||
+ props.onBlur = this.endHover;
|
||||
props.onTouchStart = this.targetTouchStart;
|
||||
props.onTouchEnd = this.targetTouchEnd;
|
||||
|
Loading…
Add table
Add a link
Reference in a new issue