@toptal/picasso-tooltip 2.0.3 → 2.0.4-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.10
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/LICENSE
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2021-2022 Toptal, LLC
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
|
6
|
+
this software and associated documentation files (the “Software”), to deal in
|
|
7
|
+
the Software without restriction, including without limitation the rights to
|
|
8
|
+
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
|
9
|
+
the Software, and to permit persons to whom the Software is furnished to do so,
|
|
10
|
+
subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
|
17
|
+
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
|
18
|
+
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
|
19
|
+
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
|
20
|
+
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EAET,WAAW,EACX,cAAc,EACf,MAAM,OAAO,CAAA;AACd,OAAO,KAAqB,MAAM,OAAO,CAAA;AAGzC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAEvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAK9D,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,SAAS,CAAA;AAK5D,oBAAY,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAExC,oBAAY,YAAY,GAAG,MAAM,GAAG,SAAS,CAAA;AAE7C,oBAAY,aAAa,GAAG,YAAY,CAAC,WAAW,CAAC,CAAA;AAErD,oBAAY,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,GAAG,CAAC,EAAE,cAAc,CAAA;CACrB,CAAA;AAyBD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,kCAAkC;IAClC,QAAQ,EAAE,SAAS,CAAA;IACnB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,oCAAoC;IACpC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,EAAE,CAAC,KAAK,IAAI,CAAA;IACzC,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,EAAE,CAAC,KAAK,IAAI,CAAA;IAC1C,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mDAAmD;IACnD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4BAA4B;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,+DAA+D;IAC/D,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,wEAAwE;IACxE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,qCAAqC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4GAA4G;IAC5G,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,sBAAsB;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;IACtC,2GAA2G;IAC3G,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,qEAAqE;IACrE,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB;AAID,eAAO,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EAET,WAAW,EACX,cAAc,EACf,MAAM,OAAO,CAAA;AACd,OAAO,KAAqB,MAAM,OAAO,CAAA;AAGzC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAEvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAK9D,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,SAAS,CAAA;AAK5D,oBAAY,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAExC,oBAAY,YAAY,GAAG,MAAM,GAAG,SAAS,CAAA;AAE7C,oBAAY,aAAa,GAAG,YAAY,CAAC,WAAW,CAAC,CAAA;AAErD,oBAAY,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,GAAG,CAAC,EAAE,cAAc,CAAA;CACrB,CAAA;AAyBD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,kCAAkC;IAClC,QAAQ,EAAE,SAAS,CAAA;IACnB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,oCAAoC;IACpC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,EAAE,CAAC,KAAK,IAAI,CAAA;IACzC,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,EAAE,CAAC,KAAK,IAAI,CAAA;IAC1C,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mDAAmD;IACnD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4BAA4B;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,+DAA+D;IAC/D,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,wEAAwE;IACxE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,qCAAqC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4GAA4G;IAC5G,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,sBAAsB;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;IACtC,2GAA2G;IAC3G,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,qEAAqE;IACrE,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB;AAID,eAAO,MAAM,OAAO,uEA8HnB,CAAA;AAED,eAAe,OAAO,CAAA"}
|
|
@@ -34,11 +34,12 @@ const getOffset = (placement = 'top', offset) => {
|
|
|
34
34
|
return (isVertical ? result : result.reverse()).join(',');
|
|
35
35
|
};
|
|
36
36
|
const useStyles = makeStyles(styles, { name: 'PicassoTooltip' });
|
|
37
|
-
export const Tooltip = forwardRef((
|
|
38
|
-
|
|
37
|
+
export const Tooltip = forwardRef((_a, ref) => {
|
|
38
|
+
var { preventOverflow = true, placement = 'top', disablePortal = false, maxWidth = 'default', delay = 'short', followCursor = false, offset = {
|
|
39
39
|
left: SPACING_0,
|
|
40
40
|
top: SPACING_0,
|
|
41
|
-
}
|
|
41
|
+
} } = _a, props = __rest(_a, ["preventOverflow", "placement", "disablePortal", "maxWidth", "delay", "followCursor", "offset"]);
|
|
42
|
+
const { content, children: originalChildren, interactive, className, style, open, onOpen, onClose, onTransitionExiting, onTransitionExited, disableListeners, compact, tooltipRef, container, 'data-private': dataPrivate } = props, rest = __rest(props, ["content", "children", "interactive", "className", "style", "open", "onOpen", "onClose", "onTransitionExiting", "onTransitionExited", "disableListeners", "compact", "tooltipRef", "container", 'data-private']);
|
|
42
43
|
const classes = useStyles();
|
|
43
44
|
const picassoRootContainer = usePicassoRoot();
|
|
44
45
|
const tooltipState = useTooltipState({ externalOpen: open, followCursor });
|
|
@@ -80,12 +81,5 @@ export const Tooltip = forwardRef((props, ref) => {
|
|
|
80
81
|
}),
|
|
81
82
|
}, className: className, style: style, interactive: interactive, onClose: handleClose, onOpen: handleOpen, open: tooltipState.isOpen, placement: placement, title: title, disableHoverListener: disableListeners, disableFocusListener: disableListeners, disableTouchListener: true, enterDelay: delayDuration, enterNextDelay: delayDuration }), children));
|
|
82
83
|
});
|
|
83
|
-
Tooltip.defaultProps = {
|
|
84
|
-
preventOverflow: true,
|
|
85
|
-
placement: 'top',
|
|
86
|
-
disablePortal: false,
|
|
87
|
-
maxWidth: 'default',
|
|
88
|
-
delay: 'short',
|
|
89
|
-
};
|
|
90
84
|
export default Tooltip;
|
|
91
85
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;AAMA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAEhE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAEvD,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAC3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAapE,MAAM,cAAc,GAAiC;IACnD,KAAK,EAAE,GAAG;IACV,IAAI,EAAE,GAAG;CACV,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,KAAgB,EAAE,aAAsB,EAAE,EAAE;IACpE,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAClD,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,CAChB,YAA2B,KAAK,EAChC,MAAkB,EACV,EAAE;IACV,MAAM,EAAE,IAAI,GAAG,SAAS,EAAE,GAAG,GAAG,SAAS,EAAE,GAAG,MAAM,CAAA;IAEpD,MAAM,MAAM,GAAG,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;IAE5E,MAAM,UAAU,GACd,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAA;IAE/D,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC3D,CAAC,CAAA;AAyCD,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAA;AAEvE,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-tooltip",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.4-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.10+7db07b500",
|
|
4
4
|
"description": "Toptal UI components library - Tooltip",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -22,9 +22,9 @@
|
|
|
22
22
|
},
|
|
23
23
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@toptal/picasso-shared": "15.0.
|
|
26
|
-
"@toptal/picasso-typography": "4.0.
|
|
27
|
-
"@toptal/picasso-utils": "3.1.
|
|
25
|
+
"@toptal/picasso-shared": "15.0.1-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.377+7db07b500",
|
|
26
|
+
"@toptal/picasso-typography": "4.0.5-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.10+7db07b500",
|
|
27
|
+
"@toptal/picasso-utils": "3.1.1-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.31+7db07b500",
|
|
28
28
|
"classnames": "^2.5.1",
|
|
29
29
|
"debounce": "^1.2.1"
|
|
30
30
|
},
|
|
@@ -38,8 +38,8 @@
|
|
|
38
38
|
"react": ">=16.12.0 < 19.0.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
|
-
"@toptal/picasso-provider": "5.0.
|
|
42
|
-
"@toptal/picasso-test-utils": "1.1.
|
|
41
|
+
"@toptal/picasso-provider": "5.0.2-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.10+7db07b500",
|
|
42
|
+
"@toptal/picasso-test-utils": "1.1.2-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.377+7db07b500",
|
|
43
43
|
"popper.js": "^1.16.1"
|
|
44
44
|
},
|
|
45
45
|
"exports": {
|
|
@@ -49,5 +49,6 @@
|
|
|
49
49
|
"dist-package/**",
|
|
50
50
|
"!dist-package/tsconfig.tsbuildinfo",
|
|
51
51
|
"src"
|
|
52
|
-
]
|
|
52
|
+
],
|
|
53
|
+
"gitHead": "7db07b500402a91f0c09da3be294305a194fd1e4"
|
|
53
54
|
}
|
package/src/Tooltip/Tooltip.tsx
CHANGED
|
@@ -97,133 +97,132 @@ export interface Props extends BaseProps, HTMLAttributes<HTMLDivElement> {
|
|
|
97
97
|
|
|
98
98
|
const useStyles = makeStyles<Theme>(styles, { name: 'PicassoTooltip' })
|
|
99
99
|
|
|
100
|
-
export const Tooltip = forwardRef<unknown, Props>(
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
100
|
+
export const Tooltip = forwardRef<unknown, Props>(
|
|
101
|
+
(
|
|
102
|
+
{
|
|
103
|
+
preventOverflow = true,
|
|
104
|
+
placement = 'top',
|
|
105
|
+
disablePortal = false,
|
|
106
|
+
maxWidth = 'default',
|
|
107
|
+
delay = 'short',
|
|
108
|
+
followCursor = false,
|
|
109
|
+
offset = {
|
|
110
|
+
left: SPACING_0,
|
|
111
|
+
top: SPACING_0,
|
|
112
|
+
},
|
|
113
|
+
...props
|
|
110
114
|
},
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
115
|
+
ref
|
|
116
|
+
) => {
|
|
117
|
+
const {
|
|
118
|
+
content,
|
|
119
|
+
children: originalChildren,
|
|
120
|
+
interactive,
|
|
121
|
+
className,
|
|
122
|
+
style,
|
|
123
|
+
open,
|
|
124
|
+
onOpen,
|
|
125
|
+
onClose,
|
|
126
|
+
onTransitionExiting,
|
|
127
|
+
onTransitionExited,
|
|
128
|
+
disableListeners,
|
|
129
|
+
compact,
|
|
130
|
+
tooltipRef,
|
|
131
|
+
container,
|
|
132
|
+
'data-private': dataPrivate,
|
|
133
|
+
...rest
|
|
134
|
+
} = props
|
|
135
|
+
|
|
136
|
+
const classes = useStyles()
|
|
137
|
+
const picassoRootContainer = usePicassoRoot()
|
|
138
|
+
|
|
139
|
+
const tooltipState = useTooltipState({ externalOpen: open, followCursor })
|
|
140
|
+
|
|
141
|
+
const delayDuration = getDelayDuration(delay, tooltipState.isTouchDevice)
|
|
142
|
+
|
|
143
|
+
const followCursorTooltipData = useTooltipFollowCursor({
|
|
144
|
+
followCursor,
|
|
145
|
+
tooltipState,
|
|
146
|
+
})
|
|
147
|
+
|
|
148
|
+
const { children, handleOpen, handleClose } = useTooltipHandlers({
|
|
149
|
+
children: originalChildren as ReactElement<ChildrenProps>,
|
|
150
|
+
tooltipState,
|
|
151
|
+
disableListeners,
|
|
152
|
+
onOpen,
|
|
153
|
+
onClose,
|
|
154
|
+
onMouseOver: followCursorTooltipData?.handleMouseOver,
|
|
155
|
+
onMouseMove: followCursorTooltipData?.handleMouseMove,
|
|
156
|
+
onClick: followCursorTooltipData?.handleClick,
|
|
157
|
+
})
|
|
158
|
+
|
|
159
|
+
const title = (
|
|
160
|
+
<Typography
|
|
161
|
+
data-private={dataPrivate}
|
|
162
|
+
as='div'
|
|
163
|
+
size='small'
|
|
164
|
+
color='inherit'
|
|
165
|
+
>
|
|
166
|
+
{content}
|
|
167
|
+
</Typography>
|
|
168
|
+
)
|
|
169
|
+
|
|
170
|
+
return (
|
|
171
|
+
<MUITooltip
|
|
172
|
+
{...rest}
|
|
173
|
+
ref={ref}
|
|
174
|
+
arrow={!compact && !followCursor}
|
|
175
|
+
PopperProps={{
|
|
176
|
+
ref: tooltipRef,
|
|
177
|
+
container: container || picassoRootContainer,
|
|
178
|
+
disablePortal,
|
|
179
|
+
popperOptions: {
|
|
180
|
+
modifiers: {
|
|
181
|
+
preventOverflow: {
|
|
182
|
+
enabled: preventOverflow,
|
|
183
|
+
boundariesElement: 'window',
|
|
184
|
+
},
|
|
185
|
+
hide: {
|
|
186
|
+
enabled: preventOverflow,
|
|
187
|
+
},
|
|
188
|
+
offset: {
|
|
189
|
+
offset: getOffset(placement, offset),
|
|
190
|
+
},
|
|
184
191
|
},
|
|
185
192
|
},
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
Tooltip.defaultProps = {
|
|
222
|
-
preventOverflow: true,
|
|
223
|
-
placement: 'top',
|
|
224
|
-
disablePortal: false,
|
|
225
|
-
maxWidth: 'default',
|
|
226
|
-
delay: 'short',
|
|
227
|
-
}
|
|
193
|
+
...(followCursor && followCursorTooltipData?.followCursorPopperProps),
|
|
194
|
+
}}
|
|
195
|
+
TransitionProps={{
|
|
196
|
+
// passing undefined onExiting or onExited changes Tooltip behavior
|
|
197
|
+
...(onTransitionExiting && { onExiting: onTransitionExiting }),
|
|
198
|
+
...(onTransitionExited && { onExiting: onTransitionExited }),
|
|
199
|
+
}}
|
|
200
|
+
classes={{
|
|
201
|
+
arrow: classes.arrow,
|
|
202
|
+
tooltip: cx(classes.tooltip, {
|
|
203
|
+
[classes.light]: !compact,
|
|
204
|
+
[classes.compact]: compact,
|
|
205
|
+
[classes.noMaxWidth]: maxWidth === 'none',
|
|
206
|
+
}),
|
|
207
|
+
}}
|
|
208
|
+
className={className}
|
|
209
|
+
style={style}
|
|
210
|
+
interactive={interactive}
|
|
211
|
+
onClose={handleClose}
|
|
212
|
+
onOpen={handleOpen}
|
|
213
|
+
open={tooltipState.isOpen}
|
|
214
|
+
placement={placement}
|
|
215
|
+
title={title}
|
|
216
|
+
disableHoverListener={disableListeners}
|
|
217
|
+
disableFocusListener={disableListeners}
|
|
218
|
+
disableTouchListener
|
|
219
|
+
enterDelay={delayDuration}
|
|
220
|
+
enterNextDelay={delayDuration}
|
|
221
|
+
>
|
|
222
|
+
{children as ReactElement}
|
|
223
|
+
</MUITooltip>
|
|
224
|
+
)
|
|
225
|
+
}
|
|
226
|
+
)
|
|
228
227
|
|
|
229
228
|
export default Tooltip
|