@fluentui/react-tooltip 0.0.0-nightly28ceaaa83c20211215.1 → 0.0.0-nightly4e6470c86320220127.1
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/CHANGELOG.json +73 -25
- package/CHANGELOG.md +19 -14
- package/dist/react-tooltip.d.ts +19 -28
- package/lib/components/Tooltip/Tooltip.js +6 -6
- package/lib/components/Tooltip/Tooltip.js.map +1 -1
- package/lib/components/Tooltip/Tooltip.types.d.ts +14 -22
- package/lib/components/Tooltip/private/constants.d.ts +12 -0
- package/lib/components/Tooltip/private/constants.js +14 -0
- package/lib/components/Tooltip/private/constants.js.map +1 -0
- package/lib/components/Tooltip/renderTooltip.d.ts +1 -1
- package/lib/components/Tooltip/renderTooltip.js +2 -2
- package/lib/components/Tooltip/renderTooltip.js.map +1 -1
- package/lib/components/Tooltip/useTooltip.d.ts +3 -4
- package/lib/components/Tooltip/useTooltip.js +20 -27
- package/lib/components/Tooltip/useTooltip.js.map +1 -1
- package/lib/components/Tooltip/useTooltipStyles.d.ts +1 -1
- package/lib/components/Tooltip/useTooltipStyles.js +37 -24
- package/lib/components/Tooltip/useTooltipStyles.js.map +1 -1
- package/lib-commonjs/components/Tooltip/Tooltip.js +3 -3
- package/lib-commonjs/components/Tooltip/Tooltip.js.map +1 -1
- package/lib-commonjs/components/Tooltip/Tooltip.types.d.ts +14 -22
- package/lib-commonjs/components/Tooltip/private/constants.d.ts +12 -0
- package/lib-commonjs/components/Tooltip/private/constants.js +21 -0
- package/lib-commonjs/components/Tooltip/private/constants.js.map +1 -0
- package/lib-commonjs/components/Tooltip/renderTooltip.d.ts +1 -1
- package/lib-commonjs/components/Tooltip/renderTooltip.js +4 -4
- package/lib-commonjs/components/Tooltip/renderTooltip.js.map +1 -1
- package/lib-commonjs/components/Tooltip/useTooltip.d.ts +3 -4
- package/lib-commonjs/components/Tooltip/useTooltip.js +25 -31
- package/lib-commonjs/components/Tooltip/useTooltip.js.map +1 -1
- package/lib-commonjs/components/Tooltip/useTooltipStyles.d.ts +1 -1
- package/lib-commonjs/components/Tooltip/useTooltipStyles.js +43 -28
- package/lib-commonjs/components/Tooltip/useTooltipStyles.js.map +1 -1
- package/package.json +9 -11
package/CHANGELOG.json
CHANGED
|
@@ -2,17 +2,29 @@
|
|
|
2
2
|
"name": "@fluentui/react-tooltip",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
6
|
-
"tag": "@fluentui/react-tooltip_v0.0.0-
|
|
7
|
-
"version": "0.0.0-
|
|
5
|
+
"date": "Thu, 27 Jan 2022 04:17:45 GMT",
|
|
6
|
+
"tag": "@fluentui/react-tooltip_v0.0.0-nightly4e6470c86320220127.1",
|
|
7
|
+
"version": "0.0.0-nightly4e6470c86320220127.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
|
11
11
|
"author": "email not defined",
|
|
12
12
|
"package": "@fluentui/react-tooltip",
|
|
13
|
-
"commit": "
|
|
13
|
+
"commit": "4288e9baaf65cf1338bb7b5682aca694d6e32e0d",
|
|
14
14
|
"comment": "Release nightly v9"
|
|
15
15
|
},
|
|
16
|
+
{
|
|
17
|
+
"author": "behowell@microsoft.com",
|
|
18
|
+
"package": "@fluentui/react-tooltip",
|
|
19
|
+
"commit": "caaf3307f864b04369c13fe69d7dc8fe7ab84735",
|
|
20
|
+
"comment": "Move arrowHeight and tooltipBorderRadius into a shared constants.ts file"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
24
|
+
"package": "@fluentui/react-tooltip",
|
|
25
|
+
"commit": "9204703d0a42ee34a20ae4cf28952e13872647ba",
|
|
26
|
+
"comment": "Replacing use of functions in makeStyles with direct use of tokens."
|
|
27
|
+
},
|
|
16
28
|
{
|
|
17
29
|
"author": "olfedias@microsoft.com",
|
|
18
30
|
"package": "@fluentui/react-tooltip",
|
|
@@ -20,66 +32,102 @@
|
|
|
20
32
|
"comment": "update styles to not use CSS shorthands"
|
|
21
33
|
},
|
|
22
34
|
{
|
|
23
|
-
"author": "
|
|
35
|
+
"author": "behowell@microsoft.com",
|
|
24
36
|
"package": "@fluentui/react-tooltip",
|
|
25
|
-
"
|
|
26
|
-
"
|
|
37
|
+
"commit": "317209bb5cd57c40f35bc42060acb7e3cce5ec95",
|
|
38
|
+
"comment": "BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet"
|
|
27
39
|
},
|
|
28
40
|
{
|
|
29
|
-
"author": "
|
|
41
|
+
"author": "behowell@microsoft.com",
|
|
30
42
|
"package": "@fluentui/react-tooltip",
|
|
31
|
-
"
|
|
32
|
-
"
|
|
43
|
+
"commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
|
|
44
|
+
"comment": "Remove component's shorthandProps array"
|
|
33
45
|
},
|
|
34
46
|
{
|
|
35
|
-
"author": "
|
|
47
|
+
"author": "behowell@microsoft.com",
|
|
48
|
+
"package": "@fluentui/react-tooltip",
|
|
49
|
+
"commit": "09804275c7f346db54c33d4ff347bffc33676014",
|
|
50
|
+
"comment": "Fix tooltip arrow rendering, and add high contrast border around Tooltip"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"author": "behowell@microsoft.com",
|
|
54
|
+
"package": "@fluentui/react-tooltip",
|
|
55
|
+
"commit": "1513362b9adaae5d7dbda6b364e40e736710a79f",
|
|
56
|
+
"comment": "Remove Tooltip's inverted prop in favor of the appearance prop"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"author": "olfedias@microsoft.com",
|
|
60
|
+
"package": "@fluentui/react-tooltip",
|
|
61
|
+
"commit": "17c0b18d7983d414095661bf9f57e14c0c22685d",
|
|
62
|
+
"comment": "Replace make-styles packages with griffel equivalents."
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"author": "behowell@microsoft.com",
|
|
36
66
|
"package": "@fluentui/react-tooltip",
|
|
37
|
-
"
|
|
38
|
-
"
|
|
67
|
+
"commit": "58ae40d6817b1fa4e095a94707dfef5050aa4c11",
|
|
68
|
+
"comment": "Replace `triggerAriaAttribute` prop with `relationship` and make it required with no default"
|
|
39
69
|
},
|
|
40
70
|
{
|
|
41
71
|
"author": "beachball",
|
|
42
72
|
"package": "@fluentui/react-tooltip",
|
|
43
|
-
"comment": "Bump @fluentui/react-
|
|
44
|
-
"commit": "
|
|
73
|
+
"comment": "Bump @fluentui/react-portal to v0.0.0-nightly4e6470c86320220127.1",
|
|
74
|
+
"commit": "4288e9baaf65cf1338bb7b5682aca694d6e32e0d"
|
|
45
75
|
},
|
|
46
76
|
{
|
|
47
77
|
"author": "beachball",
|
|
48
78
|
"package": "@fluentui/react-tooltip",
|
|
49
|
-
"comment": "Bump @fluentui/react-
|
|
50
|
-
"commit": "
|
|
79
|
+
"comment": "Bump @fluentui/react-positioning to v0.0.0-nightly4e6470c86320220127.1",
|
|
80
|
+
"commit": "4288e9baaf65cf1338bb7b5682aca694d6e32e0d"
|
|
51
81
|
},
|
|
52
82
|
{
|
|
53
83
|
"author": "beachball",
|
|
54
84
|
"package": "@fluentui/react-tooltip",
|
|
55
|
-
"comment": "Bump @fluentui/react-
|
|
56
|
-
"commit": "
|
|
85
|
+
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly4e6470c86320220127.1",
|
|
86
|
+
"commit": "4288e9baaf65cf1338bb7b5682aca694d6e32e0d"
|
|
57
87
|
},
|
|
58
88
|
{
|
|
59
89
|
"author": "beachball",
|
|
60
90
|
"package": "@fluentui/react-tooltip",
|
|
61
|
-
"comment": "Bump @fluentui/
|
|
62
|
-
"commit": "
|
|
91
|
+
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly4e6470c86320220127.1",
|
|
92
|
+
"commit": "4288e9baaf65cf1338bb7b5682aca694d6e32e0d"
|
|
63
93
|
},
|
|
64
94
|
{
|
|
65
95
|
"author": "beachball",
|
|
66
96
|
"package": "@fluentui/react-tooltip",
|
|
67
|
-
"comment": "Bump @fluentui/
|
|
68
|
-
"commit": "
|
|
97
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly4e6470c86320220127.1",
|
|
98
|
+
"commit": "4288e9baaf65cf1338bb7b5682aca694d6e32e0d"
|
|
69
99
|
},
|
|
70
100
|
{
|
|
71
101
|
"author": "beachball",
|
|
72
102
|
"package": "@fluentui/react-tooltip",
|
|
73
|
-
"comment": "Bump @fluentui/react-conformance-
|
|
74
|
-
"commit": "
|
|
103
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly4e6470c86320220127.1",
|
|
104
|
+
"commit": "4288e9baaf65cf1338bb7b5682aca694d6e32e0d"
|
|
75
105
|
}
|
|
76
106
|
],
|
|
77
107
|
"none": [
|
|
108
|
+
{
|
|
109
|
+
"author": "martinhochel@microsoft.com",
|
|
110
|
+
"package": "@fluentui/react-tooltip",
|
|
111
|
+
"commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
|
|
112
|
+
"comment": "chore: use storybook runner for all vNext packages"
|
|
113
|
+
},
|
|
78
114
|
{
|
|
79
115
|
"author": "andredias@microsoft.com",
|
|
80
116
|
"package": "@fluentui/react-tooltip",
|
|
81
117
|
"commit": "b59f44ed5db37b457476fdb3ec86ff273b776646",
|
|
82
118
|
"comment": "Migrate package to use solution tsconfigs"
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
"author": "olfedias@microsoft.com",
|
|
122
|
+
"package": "@fluentui/react-tooltip",
|
|
123
|
+
"commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
|
|
124
|
+
"comment": "remove inline-style-expand-shorthand from tsconfigs"
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
"author": "elcraig@microsoft.com",
|
|
128
|
+
"package": "@fluentui/react-tooltip",
|
|
129
|
+
"commit": "d892c7f79c543b6008634ecd669b75b5108cad46",
|
|
130
|
+
"comment": "Remove outdated boilerplate comment in useTooltip"
|
|
83
131
|
}
|
|
84
132
|
]
|
|
85
133
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,27 +1,32 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-tooltip
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 27 Jan 2022 04:17:45 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-
|
|
7
|
+
## [0.0.0-nightly4e6470c86320220127.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v0.0.0-nightly4e6470c86320220127.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-beta.5..@fluentui/react-tooltip_v0.0.0-
|
|
9
|
+
Thu, 27 Jan 2022 04:17:45 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-beta.5..@fluentui/react-tooltip_v0.0.0-nightly4e6470c86320220127.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
|
-
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/
|
|
14
|
+
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/4288e9baaf65cf1338bb7b5682aca694d6e32e0d) by email not defined)
|
|
15
|
+
- Move arrowHeight and tooltipBorderRadius into a shared constants.ts file ([PR #21204](https://github.com/microsoft/fluentui/pull/21204) by behowell@microsoft.com)
|
|
16
|
+
- Replacing use of functions in makeStyles with direct use of tokens. ([PR #21058](https://github.com/microsoft/fluentui/pull/21058) by Humberto.Morimoto@microsoft.com)
|
|
15
17
|
- update styles to not use CSS shorthands ([PR #20795](https://github.com/microsoft/fluentui/pull/20795) by olfedias@microsoft.com)
|
|
16
|
-
-
|
|
17
|
-
-
|
|
18
|
-
-
|
|
19
|
-
-
|
|
20
|
-
-
|
|
21
|
-
-
|
|
22
|
-
- Bump @fluentui/
|
|
23
|
-
- Bump @fluentui/
|
|
24
|
-
- Bump @fluentui/react-
|
|
18
|
+
- BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet ([PR #21365](https://github.com/microsoft/fluentui/pull/21365) by behowell@microsoft.com)
|
|
19
|
+
- Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
|
|
20
|
+
- Fix tooltip arrow rendering, and add high contrast border around Tooltip ([PR #21086](https://github.com/microsoft/fluentui/pull/21086) by behowell@microsoft.com)
|
|
21
|
+
- Remove Tooltip's inverted prop in favor of the appearance prop ([PR #21327](https://github.com/microsoft/fluentui/pull/21327) by behowell@microsoft.com)
|
|
22
|
+
- Replace make-styles packages with griffel equivalents. ([PR #21422](https://github.com/microsoft/fluentui/pull/21422) by olfedias@microsoft.com)
|
|
23
|
+
- Replace `triggerAriaAttribute` prop with `relationship` and make it required with no default ([PR #21331](https://github.com/microsoft/fluentui/pull/21331) by behowell@microsoft.com)
|
|
24
|
+
- Bump @fluentui/react-portal to v0.0.0-nightly4e6470c86320220127.1 ([commit](https://github.com/microsoft/fluentui/commit/4288e9baaf65cf1338bb7b5682aca694d6e32e0d) by beachball)
|
|
25
|
+
- Bump @fluentui/react-positioning to v0.0.0-nightly4e6470c86320220127.1 ([commit](https://github.com/microsoft/fluentui/commit/4288e9baaf65cf1338bb7b5682aca694d6e32e0d) by beachball)
|
|
26
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly4e6470c86320220127.1 ([commit](https://github.com/microsoft/fluentui/commit/4288e9baaf65cf1338bb7b5682aca694d6e32e0d) by beachball)
|
|
27
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly4e6470c86320220127.1 ([commit](https://github.com/microsoft/fluentui/commit/4288e9baaf65cf1338bb7b5682aca694d6e32e0d) by beachball)
|
|
28
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly4e6470c86320220127.1 ([commit](https://github.com/microsoft/fluentui/commit/4288e9baaf65cf1338bb7b5682aca694d6e32e0d) by beachball)
|
|
29
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly4e6470c86320220127.1 ([commit](https://github.com/microsoft/fluentui/commit/4288e9baaf65cf1338bb7b5682aca694d6e32e0d) by beachball)
|
|
25
30
|
|
|
26
31
|
## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-beta.5)
|
|
27
32
|
|
package/dist/react-tooltip.d.ts
CHANGED
|
@@ -15,7 +15,7 @@ export declare type OnVisibleChangeData = {
|
|
|
15
15
|
/**
|
|
16
16
|
* Render the final JSX of Tooltip
|
|
17
17
|
*/
|
|
18
|
-
export declare const
|
|
18
|
+
export declare const renderTooltip_unstable: (state: TooltipState) => JSX.Element;
|
|
19
19
|
|
|
20
20
|
/**
|
|
21
21
|
* A tooltip provides light weight contextual information on top of its target element.
|
|
@@ -29,20 +29,17 @@ export declare const tooltipClassName = "fui-Tooltip";
|
|
|
29
29
|
*/
|
|
30
30
|
export declare type TooltipCommons = {
|
|
31
31
|
/**
|
|
32
|
-
*
|
|
33
|
-
*
|
|
32
|
+
* The tooltip's visual appearance.
|
|
33
|
+
* * `normal` - Uses the theme's background and text colors.
|
|
34
|
+
* * `inverted` - Higher contrast variant that uses the theme's inverted colors.
|
|
35
|
+
*
|
|
36
|
+
* @defaultvalue normal
|
|
34
37
|
*/
|
|
35
|
-
appearance?: 'inverted';
|
|
38
|
+
appearance?: 'normal' | 'inverted';
|
|
36
39
|
/**
|
|
37
40
|
* The content displayed inside the tooltip.
|
|
38
41
|
*/
|
|
39
42
|
content: React_2.ReactNode;
|
|
40
|
-
/**
|
|
41
|
-
* Color variant with inverted colors
|
|
42
|
-
*
|
|
43
|
-
* @defaultvalue false
|
|
44
|
-
*/
|
|
45
|
-
inverted?: boolean;
|
|
46
43
|
/**
|
|
47
44
|
* Render an arrow pointing to the target element
|
|
48
45
|
*
|
|
@@ -69,15 +66,15 @@ export declare type TooltipCommons = {
|
|
|
69
66
|
*/
|
|
70
67
|
onVisibleChange?: (event: React_2.PointerEvent<HTMLElement> | React_2.FocusEvent<HTMLElement> | undefined, data: OnVisibleChangeData) => void;
|
|
71
68
|
/**
|
|
72
|
-
* Specifies
|
|
73
|
-
* * `label` - Set aria-label to the tooltip's content. Requires content to be a string; if not, uses `labelledby`.
|
|
74
|
-
* * `labelledby` - Set aria-labelledby to the tooltip's id. The id is generated if not provided.
|
|
75
|
-
* * `describedby` - Set aria-describedby to the tooltip's id. The id is generated if not provided.
|
|
76
|
-
* * null - Do not set any aria attributes on the trigger element.
|
|
69
|
+
* (Required) Specifies whether this tooltip is acting as the description or label of its trigger element.
|
|
77
70
|
*
|
|
78
|
-
*
|
|
71
|
+
* * `label` - The tooltip sets the trigger's aria-label or aria-labelledby attribute. This is useful for buttons
|
|
72
|
+
* displaying only an icon, for example.
|
|
73
|
+
* * `description` - The tooltip sets the trigger's aria-description or aria-describedby attribute.
|
|
74
|
+
* * `inaccessible` - No aria attributes are set on the trigger. This makes the tooltip's content inaccessible to
|
|
75
|
+
* screen readers, and should only be used if the tooltip's text is available by some other means.
|
|
79
76
|
*/
|
|
80
|
-
|
|
77
|
+
relationship: 'label' | 'description' | 'inaccessible';
|
|
81
78
|
/**
|
|
82
79
|
* Delay before the tooltip is shown, in milliseconds.
|
|
83
80
|
*
|
|
@@ -95,7 +92,7 @@ export declare type TooltipCommons = {
|
|
|
95
92
|
/**
|
|
96
93
|
* Properties for Tooltip
|
|
97
94
|
*/
|
|
98
|
-
export declare type TooltipProps = ComponentProps<TooltipSlots> & Partial<Omit<TooltipCommons, 'content'>> & Pick<TooltipCommons, 'content'>;
|
|
95
|
+
export declare type TooltipProps = ComponentProps<TooltipSlots> & Partial<Omit<TooltipCommons, 'content' | 'relationship'>> & Pick<TooltipCommons, 'content' | 'relationship'>;
|
|
99
96
|
|
|
100
97
|
/**
|
|
101
98
|
* Slot properties for Tooltip
|
|
@@ -120,11 +117,6 @@ export declare type TooltipSlots = {
|
|
|
120
117
|
export declare type TooltipState = ComponentState<TooltipSlots> & TooltipCommons & {
|
|
121
118
|
/**
|
|
122
119
|
* Whether the tooltip should be rendered to the DOM.
|
|
123
|
-
*
|
|
124
|
-
* Normally the tooltip will only be rendered when visible. However, if
|
|
125
|
-
* triggerAriaAttribute is labelledby or describedby, the tooltip will
|
|
126
|
-
* always be rendered even when hidden so that those aria attributes
|
|
127
|
-
* to always refer to a valid DOM element.
|
|
128
120
|
*/
|
|
129
121
|
shouldRenderTooltip?: boolean;
|
|
130
122
|
/**
|
|
@@ -147,18 +139,17 @@ export declare type TooltipTriggerProps = {
|
|
|
147
139
|
/**
|
|
148
140
|
* Create the state required to render Tooltip.
|
|
149
141
|
*
|
|
150
|
-
* The returned state can be modified with hooks such as
|
|
151
|
-
* before being passed to
|
|
142
|
+
* The returned state can be modified with hooks such as useTooltipStyles_unstable,
|
|
143
|
+
* before being passed to renderTooltip_unstable.
|
|
152
144
|
*
|
|
153
145
|
* @param props - props from this instance of Tooltip
|
|
154
146
|
* @param ref - reference to root HTMLElement of Tooltip
|
|
155
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
|
156
147
|
*/
|
|
157
|
-
export declare const
|
|
148
|
+
export declare const useTooltip_unstable: (props: TooltipProps, ref: React_2.Ref<HTMLDivElement>) => TooltipState;
|
|
158
149
|
|
|
159
150
|
/**
|
|
160
151
|
* Apply styling to the Tooltip slots based on the state
|
|
161
152
|
*/
|
|
162
|
-
export declare const
|
|
153
|
+
export declare const useTooltipStyles_unstable: (state: TooltipState) => TooltipState;
|
|
163
154
|
|
|
164
155
|
export { }
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
import { useTooltip_unstable } from './useTooltip';
|
|
3
|
+
import { renderTooltip_unstable } from './renderTooltip';
|
|
4
|
+
import { useTooltipStyles_unstable } from './useTooltipStyles';
|
|
5
5
|
/**
|
|
6
6
|
* A tooltip provides light weight contextual information on top of its target element.
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
export const Tooltip = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
10
|
-
const state =
|
|
11
|
-
|
|
12
|
-
return
|
|
10
|
+
const state = useTooltip_unstable(props, ref);
|
|
11
|
+
useTooltipStyles_unstable(state);
|
|
12
|
+
return renderTooltip_unstable(state);
|
|
13
13
|
});
|
|
14
14
|
Tooltip.displayName = 'Tooltip';
|
|
15
15
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,mBAAT,QAAoC,cAApC;AACA,SAAS,sBAAT,QAAuC,iBAAvC;AACA,SAAS,yBAAT,QAA0C,oBAA1C;AAIA;;AAEG;;AACH,OAAO,MAAM,OAAO,gBAAsC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACxF,QAAM,KAAK,GAAG,mBAAmB,CAAC,KAAD,EAAQ,GAAR,CAAjC;AAEA,EAAA,yBAAyB,CAAC,KAAD,CAAzB;AACA,SAAO,sBAAsB,CAAC,KAAD,CAA7B;AACD,CALyD,CAAnD;AAOP,OAAO,CAAC,WAAR,GAAsB,SAAtB","sourceRoot":""}
|
|
@@ -22,20 +22,17 @@ export declare type TooltipSlots = {
|
|
|
22
22
|
*/
|
|
23
23
|
export declare type TooltipCommons = {
|
|
24
24
|
/**
|
|
25
|
-
*
|
|
26
|
-
*
|
|
25
|
+
* The tooltip's visual appearance.
|
|
26
|
+
* * `normal` - Uses the theme's background and text colors.
|
|
27
|
+
* * `inverted` - Higher contrast variant that uses the theme's inverted colors.
|
|
28
|
+
*
|
|
29
|
+
* @defaultvalue normal
|
|
27
30
|
*/
|
|
28
|
-
appearance?: 'inverted';
|
|
31
|
+
appearance?: 'normal' | 'inverted';
|
|
29
32
|
/**
|
|
30
33
|
* The content displayed inside the tooltip.
|
|
31
34
|
*/
|
|
32
35
|
content: React.ReactNode;
|
|
33
|
-
/**
|
|
34
|
-
* Color variant with inverted colors
|
|
35
|
-
*
|
|
36
|
-
* @defaultvalue false
|
|
37
|
-
*/
|
|
38
|
-
inverted?: boolean;
|
|
39
36
|
/**
|
|
40
37
|
* Render an arrow pointing to the target element
|
|
41
38
|
*
|
|
@@ -62,15 +59,15 @@ export declare type TooltipCommons = {
|
|
|
62
59
|
*/
|
|
63
60
|
onVisibleChange?: (event: React.PointerEvent<HTMLElement> | React.FocusEvent<HTMLElement> | undefined, data: OnVisibleChangeData) => void;
|
|
64
61
|
/**
|
|
65
|
-
* Specifies
|
|
66
|
-
* * `label` - Set aria-label to the tooltip's content. Requires content to be a string; if not, uses `labelledby`.
|
|
67
|
-
* * `labelledby` - Set aria-labelledby to the tooltip's id. The id is generated if not provided.
|
|
68
|
-
* * `describedby` - Set aria-describedby to the tooltip's id. The id is generated if not provided.
|
|
69
|
-
* * null - Do not set any aria attributes on the trigger element.
|
|
62
|
+
* (Required) Specifies whether this tooltip is acting as the description or label of its trigger element.
|
|
70
63
|
*
|
|
71
|
-
*
|
|
64
|
+
* * `label` - The tooltip sets the trigger's aria-label or aria-labelledby attribute. This is useful for buttons
|
|
65
|
+
* displaying only an icon, for example.
|
|
66
|
+
* * `description` - The tooltip sets the trigger's aria-description or aria-describedby attribute.
|
|
67
|
+
* * `inaccessible` - No aria attributes are set on the trigger. This makes the tooltip's content inaccessible to
|
|
68
|
+
* screen readers, and should only be used if the tooltip's text is available by some other means.
|
|
72
69
|
*/
|
|
73
|
-
|
|
70
|
+
relationship: 'label' | 'description' | 'inaccessible';
|
|
74
71
|
/**
|
|
75
72
|
* Delay before the tooltip is shown, in milliseconds.
|
|
76
73
|
*
|
|
@@ -99,18 +96,13 @@ export declare type OnVisibleChangeData = {
|
|
|
99
96
|
/**
|
|
100
97
|
* Properties for Tooltip
|
|
101
98
|
*/
|
|
102
|
-
export declare type TooltipProps = ComponentProps<TooltipSlots> & Partial<Omit<TooltipCommons, 'content'>> & Pick<TooltipCommons, 'content'>;
|
|
99
|
+
export declare type TooltipProps = ComponentProps<TooltipSlots> & Partial<Omit<TooltipCommons, 'content' | 'relationship'>> & Pick<TooltipCommons, 'content' | 'relationship'>;
|
|
103
100
|
/**
|
|
104
101
|
* State used in rendering Tooltip
|
|
105
102
|
*/
|
|
106
103
|
export declare type TooltipState = ComponentState<TooltipSlots> & TooltipCommons & {
|
|
107
104
|
/**
|
|
108
105
|
* Whether the tooltip should be rendered to the DOM.
|
|
109
|
-
*
|
|
110
|
-
* Normally the tooltip will only be rendered when visible. However, if
|
|
111
|
-
* triggerAriaAttribute is labelledby or describedby, the tooltip will
|
|
112
|
-
* always be rendered even when hidden so that those aria attributes
|
|
113
|
-
* to always refer to a valid DOM element.
|
|
114
106
|
*/
|
|
115
107
|
shouldRenderTooltip?: boolean;
|
|
116
108
|
/**
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The height of the tooltip's arrow in pixels.
|
|
3
|
+
*/
|
|
4
|
+
export declare const arrowHeight = 6;
|
|
5
|
+
/**
|
|
6
|
+
* The default value of the tooltip's border radius (borderRadiusMedium).
|
|
7
|
+
*
|
|
8
|
+
* Unfortunately, Popper requires it to be specified as a variable instead of using CSS.
|
|
9
|
+
* While we could use getComputedStyle, that adds a performance penalty for something that
|
|
10
|
+
* will likely never change.
|
|
11
|
+
*/
|
|
12
|
+
export declare const tooltipBorderRadius = 4;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The height of the tooltip's arrow in pixels.
|
|
3
|
+
*/
|
|
4
|
+
export const arrowHeight = 6;
|
|
5
|
+
/**
|
|
6
|
+
* The default value of the tooltip's border radius (borderRadiusMedium).
|
|
7
|
+
*
|
|
8
|
+
* Unfortunately, Popper requires it to be specified as a variable instead of using CSS.
|
|
9
|
+
* While we could use getComputedStyle, that adds a performance penalty for something that
|
|
10
|
+
* will likely never change.
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
export const tooltipBorderRadius = 4;
|
|
14
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Tooltip/private/constants.ts"],"names":[],"mappings":"AAAA;;AAEG;AACH,OAAO,MAAM,WAAW,GAAG,CAApB;AAEP;;;;;;AAMG;;AACH,OAAO,MAAM,mBAAmB,GAAG,CAA5B","sourceRoot":""}
|
|
@@ -5,11 +5,11 @@ import { getSlots } from '@fluentui/react-utilities';
|
|
|
5
5
|
* Render the final JSX of Tooltip
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
export const
|
|
8
|
+
export const renderTooltip_unstable = state => {
|
|
9
9
|
const {
|
|
10
10
|
slots,
|
|
11
11
|
slotProps
|
|
12
|
-
} = getSlots(state
|
|
12
|
+
} = getSlots(state);
|
|
13
13
|
return /*#__PURE__*/React.createElement(React.Fragment, null, state.root.children, state.shouldRenderTooltip && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
|
|
14
14
|
}, state.withArrow && /*#__PURE__*/React.createElement("div", {
|
|
15
15
|
ref: state.arrowRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/renderTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,MAAT,QAAuB,wBAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Tooltip/renderTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,MAAT,QAAuB,wBAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,sBAAsB,GAAI,KAAD,IAAwB;AAC5D,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAe,KAAf,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,KAAK,CAAC,IAAN,CAAW,QADd,EAEG,KAAK,CAAC,mBAAN,iBACC,KAAA,CAAA,aAAA,CAAC,MAAD,EAAO,IAAP,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,KAAK,CAAC,SAAN,iBAAmB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAE,KAAK,CAAC,QAAhB;AAA0B,IAAA,SAAS,EAAE,KAAK,CAAC;AAA3C,GAAA,CADtB,EAEG,KAAK,CAAC,OAFT,CADF,CAHJ,CADF;AAaD,CAhBM","sourceRoot":""}
|
|
@@ -3,11 +3,10 @@ import type { TooltipProps, TooltipState } from './Tooltip.types';
|
|
|
3
3
|
/**
|
|
4
4
|
* Create the state required to render Tooltip.
|
|
5
5
|
*
|
|
6
|
-
* The returned state can be modified with hooks such as
|
|
7
|
-
* before being passed to
|
|
6
|
+
* The returned state can be modified with hooks such as useTooltipStyles_unstable,
|
|
7
|
+
* before being passed to renderTooltip_unstable.
|
|
8
8
|
*
|
|
9
9
|
* @param props - props from this instance of Tooltip
|
|
10
10
|
* @param ref - reference to root HTMLElement of Tooltip
|
|
11
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
|
12
11
|
*/
|
|
13
|
-
export declare const
|
|
12
|
+
export declare const useTooltip_unstable: (props: TooltipProps, ref: React.Ref<HTMLDivElement>) => TooltipState;
|
|
@@ -1,24 +1,19 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { mergeArrowOffset, resolvePositioningShorthand, usePopper } from '@fluentui/react-positioning';
|
|
3
3
|
import { TooltipContext, useFluent } from '@fluentui/react-shared-contexts';
|
|
4
|
-
import { applyTriggerPropsToChildren, getNativeElementProps, useControllableState, useId, useIsomorphicLayoutEffect, useIsSSR, useMergedRefs, useTimeout } from '@fluentui/react-utilities';
|
|
5
|
-
|
|
6
|
-
const tooltipBorderRadius = 4; // Update the root's borderRadius in useTooltipStyles.ts if this changes
|
|
7
|
-
|
|
8
|
-
const arrowHeight = 6; // Update the arrow's width/height in useTooltipStyles.ts if this changes
|
|
9
|
-
|
|
4
|
+
import { applyTriggerPropsToChildren, getNativeElementProps, useControllableState, useId, useIsomorphicLayoutEffect, useIsSSR, useMergedRefs, useTimeout } from '@fluentui/react-utilities';
|
|
5
|
+
import { arrowHeight, tooltipBorderRadius } from './private/constants';
|
|
10
6
|
/**
|
|
11
7
|
* Create the state required to render Tooltip.
|
|
12
8
|
*
|
|
13
|
-
* The returned state can be modified with hooks such as
|
|
14
|
-
* before being passed to
|
|
9
|
+
* The returned state can be modified with hooks such as useTooltipStyles_unstable,
|
|
10
|
+
* before being passed to renderTooltip_unstable.
|
|
15
11
|
*
|
|
16
12
|
* @param props - props from this instance of Tooltip
|
|
17
13
|
* @param ref - reference to root HTMLElement of Tooltip
|
|
18
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
|
19
14
|
*/
|
|
20
15
|
|
|
21
|
-
export const
|
|
16
|
+
export const useTooltip_unstable = (props, ref) => {
|
|
22
17
|
var _a, _b, _c, _d;
|
|
23
18
|
|
|
24
19
|
const context = React.useContext(TooltipContext);
|
|
@@ -29,11 +24,11 @@ export const useTooltip = (props, ref) => {
|
|
|
29
24
|
const [setDelayTimeout, clearDelayTimeout] = useTimeout();
|
|
30
25
|
const {
|
|
31
26
|
content,
|
|
32
|
-
|
|
27
|
+
appearance,
|
|
33
28
|
withArrow,
|
|
34
29
|
positioning,
|
|
35
30
|
onVisibleChange,
|
|
36
|
-
|
|
31
|
+
relationship,
|
|
37
32
|
showDelay = 250,
|
|
38
33
|
hideDelay = 250
|
|
39
34
|
} = props;
|
|
@@ -55,15 +50,14 @@ export const useTooltip = (props, ref) => {
|
|
|
55
50
|
}, [clearDelayTimeout, setVisibleInternal, onVisibleChange]);
|
|
56
51
|
const state = {
|
|
57
52
|
content,
|
|
58
|
-
inverted,
|
|
59
53
|
withArrow,
|
|
60
54
|
positioning,
|
|
61
55
|
showDelay,
|
|
62
56
|
hideDelay,
|
|
63
|
-
|
|
57
|
+
relationship,
|
|
64
58
|
visible,
|
|
65
59
|
shouldRenderTooltip: visible,
|
|
66
|
-
appearance
|
|
60
|
+
appearance,
|
|
67
61
|
// Slots
|
|
68
62
|
components: {
|
|
69
63
|
root: 'div'
|
|
@@ -179,22 +173,21 @@ export const useTooltip = (props, ref) => {
|
|
|
179
173
|
triggerProps.ref = childTargetRef;
|
|
180
174
|
}
|
|
181
175
|
|
|
182
|
-
if (
|
|
183
|
-
// aria-label only works if the content is a string. Otherwise, need to use labelledby.
|
|
176
|
+
if (relationship === 'label') {
|
|
177
|
+
// aria-label only works if the content is a string. Otherwise, need to use aria-labelledby.
|
|
184
178
|
if (typeof state.content === 'string') {
|
|
185
179
|
triggerProps['aria-label'] = state.content;
|
|
186
|
-
} else {
|
|
187
|
-
state.
|
|
188
|
-
}
|
|
189
|
-
}
|
|
180
|
+
} else if (!isServerSideRender) {
|
|
181
|
+
triggerProps['aria-labelledby'] = state.root.id; // Always render the tooltip even if hidden, so that aria-labelledby refers to a valid element
|
|
190
182
|
|
|
191
|
-
|
|
192
|
-
|
|
183
|
+
state.shouldRenderTooltip = true;
|
|
184
|
+
}
|
|
185
|
+
} else if (relationship === 'description') {
|
|
186
|
+
if (!isServerSideRender) {
|
|
187
|
+
triggerProps['aria-describedby'] = state.root.id; // Always render the tooltip even if hidden, so that aria-describedby refers to a valid element
|
|
193
188
|
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
triggerProps['aria-describedby'] = state.root.id;
|
|
197
|
-
state.shouldRenderTooltip = true;
|
|
189
|
+
state.shouldRenderTooltip = true;
|
|
190
|
+
}
|
|
198
191
|
} // Apply the trigger props to the child, either by calling the render function, or cloning with the new props
|
|
199
192
|
|
|
200
193
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/useTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,EAA2B,2BAA3B,EAAwD,SAAxD,QAAyE,6BAAzE;AACA,SAAS,cAAT,EAAyB,SAAzB,QAA0C,iCAA1C;AACA,SACE,2BADF,EAEE,qBAFF,EAGE,oBAHF,EAIE,KAJF,EAKE,yBALF,EAME,QANF,EAOE,aAPF,EAQE,UARF,QASO,2BATP,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Tooltip/useTooltip.tsx"],"names":[],"mappings":"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","sourceRoot":""}
|