@toptal/picasso-tooltip 2.0.7 → 2.0.8-alpha-pf-fix-alpha-release-ea13b5aca.0
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.
|
@@ -1,6 +1,15 @@
|
|
|
1
1
|
import type { MouseEvent } from 'react';
|
|
2
|
-
import type PopperJs from 'popper.js';
|
|
3
2
|
import type { TooltipState } from './use-tooltip-state';
|
|
3
|
+
interface MUIPopperInstance {
|
|
4
|
+
options: never;
|
|
5
|
+
popper: never;
|
|
6
|
+
reference: never;
|
|
7
|
+
destroy: () => void;
|
|
8
|
+
update: () => void;
|
|
9
|
+
scheduleUpdate: () => void;
|
|
10
|
+
enableEventListeners: () => void;
|
|
11
|
+
disableEventListeners: () => void;
|
|
12
|
+
}
|
|
4
13
|
interface UseTooltipFollowCursorOptions {
|
|
5
14
|
followCursor: boolean;
|
|
6
15
|
tooltipState: TooltipState;
|
|
@@ -12,7 +21,7 @@ export declare const useTooltipFollowCursor: ({ followCursor, tooltipState, }: U
|
|
|
12
21
|
handleMouseOver: (event: MouseEvent<HTMLElement>) => void;
|
|
13
22
|
handleClick: (event: MouseEvent<HTMLElement>) => void;
|
|
14
23
|
followCursorPopperProps: {
|
|
15
|
-
popperRef: import("react").MutableRefObject<
|
|
24
|
+
popperRef: import("react").MutableRefObject<MUIPopperInstance | null>;
|
|
16
25
|
modifiers: {
|
|
17
26
|
offset: {
|
|
18
27
|
enabled: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-tooltip-follow-cursor.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/use-tooltip-follow-cursor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"use-tooltip-follow-cursor.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/use-tooltip-follow-cursor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAIvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAMvD,UAAU,iBAAiB;IACzB,OAAO,EAAE,KAAK,CAAA;IACd,MAAM,EAAE,KAAK,CAAA;IACb,SAAS,EAAE,KAAK,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,oBAAoB,EAAE,MAAM,IAAI,CAAA;IAChC,qBAAqB,EAAE,MAAM,IAAI,CAAA;CAClC;AAED,UAAU,6BAA6B;IACrC,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,YAAY,CAAA;CAC3B;AAOD,eAAO,MAAM,wBAAwB,MAAM,CAAA;AAC3C,eAAO,MAAM,6BAA6B,KAAK,CAAA;AAS/C,eAAO,MAAM,sBAAsB,oCAGhC,6BAA6B;6BAyBE,UAAU,CAAC,WAAW,CAAC;6BATd,UAAU,CAAC,WAAW,CAAC;yBAAvB,UAAU,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;aA4DjE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-tooltip-follow-cursor.js","sourceRoot":"","sources":["../../../src/Tooltip/use-tooltip-follow-cursor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"use-tooltip-follow-cursor.js","sourceRoot":"","sources":["../../../src/Tooltip/use-tooltip-follow-cursor.ts"],"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.8-alpha-pf-fix-alpha-release-ea13b5aca.0",
|
|
4
4
|
"description": "Toptal UI components library - Tooltip",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -20,9 +20,9 @@
|
|
|
20
20
|
"dependencies": {
|
|
21
21
|
"classnames": "^2.5.1",
|
|
22
22
|
"debounce": "^1.2.1",
|
|
23
|
-
"@toptal/picasso-shared": "16.0.0",
|
|
24
|
-
"@toptal/picasso-typography": "5.1.0",
|
|
25
|
-
"@toptal/picasso-utils": "4.0.
|
|
23
|
+
"@toptal/picasso-shared": "16.0.1-alpha-pf-fix-alpha-release-ea13b5aca.0",
|
|
24
|
+
"@toptal/picasso-typography": "5.1.1-alpha-pf-fix-alpha-release-ea13b5aca.0",
|
|
25
|
+
"@toptal/picasso-utils": "4.0.2-alpha-pf-fix-alpha-release-ea13b5aca.0"
|
|
26
26
|
},
|
|
27
27
|
"sideEffects": [
|
|
28
28
|
"**/styles.ts",
|
|
@@ -30,13 +30,12 @@
|
|
|
30
30
|
],
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"@material-ui/core": "4.12.4",
|
|
33
|
-
"@toptal/picasso-provider": "
|
|
33
|
+
"@toptal/picasso-provider": "6.0.1-alpha-pf-fix-alpha-release-ea13b5aca.0",
|
|
34
34
|
"react": ">=16.12.0 < 19.0.0"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"
|
|
38
|
-
"@toptal/picasso-test-utils": "2.0.
|
|
39
|
-
"@toptal/picasso-provider": "6.0.0"
|
|
37
|
+
"@toptal/picasso-provider": "6.0.1-alpha-pf-fix-alpha-release-ea13b5aca.0",
|
|
38
|
+
"@toptal/picasso-test-utils": "2.0.2-alpha-pf-fix-alpha-release-ea13b5aca.0"
|
|
40
39
|
},
|
|
41
40
|
"exports": {
|
|
42
41
|
".": "./dist-package/src/index.js"
|
|
@@ -1,10 +1,24 @@
|
|
|
1
1
|
import type { MouseEvent } from 'react'
|
|
2
2
|
import { useCallback, useRef } from 'react'
|
|
3
|
-
import type PopperJs from 'popper.js'
|
|
4
3
|
import debounce from 'debounce'
|
|
5
4
|
|
|
6
5
|
import type { TooltipState } from './use-tooltip-state'
|
|
7
6
|
|
|
7
|
+
// TODO [PF-2203]: Remove once Tooltip migrates from MUI v4.
|
|
8
|
+
// Structural stand-in for the popper.js v1 Popper class; `never` on unused
|
|
9
|
+
// fields satisfies the structural subtype check against MUI's Ref<PopperJs>
|
|
10
|
+
// without importing from popper.js.
|
|
11
|
+
interface MUIPopperInstance {
|
|
12
|
+
options: never
|
|
13
|
+
popper: never
|
|
14
|
+
reference: never
|
|
15
|
+
destroy: () => void
|
|
16
|
+
update: () => void
|
|
17
|
+
scheduleUpdate: () => void
|
|
18
|
+
enableEventListeners: () => void
|
|
19
|
+
disableEventListeners: () => void
|
|
20
|
+
}
|
|
21
|
+
|
|
8
22
|
interface UseTooltipFollowCursorOptions {
|
|
9
23
|
followCursor: boolean
|
|
10
24
|
tooltipState: TooltipState
|
|
@@ -32,7 +46,7 @@ export const useTooltipFollowCursor = ({
|
|
|
32
46
|
const { targetHoveredRef, openTooltip, closeTooltip } = tooltipState
|
|
33
47
|
const positionRef = useRef<CursorPosition>({ x: 0, y: 0 })
|
|
34
48
|
const mouseMoveStartPositionRef = useRef<CursorPosition | null>(null)
|
|
35
|
-
const popperRef = useRef<
|
|
49
|
+
const popperRef = useRef<MUIPopperInstance | null>(null)
|
|
36
50
|
|
|
37
51
|
const handleMouseStop = useCallback(() => {
|
|
38
52
|
if (targetHoveredRef.current) {
|