@fluentui/react-tooltip 0.0.0-nightly65dd5f749420211213.1 → 0.0.0-nightly6a6e258c4020220125.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 +76 -22
- package/CHANGELOG.md +20 -14
- package/dist/react-tooltip.d.ts +11 -15
- 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 +6 -9
- 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 +7 -13
- package/lib/components/Tooltip/useTooltip.js.map +1 -1
- package/lib/components/Tooltip/useTooltipStyles.d.ts +1 -1
- package/lib/components/Tooltip/useTooltipStyles.js +36 -23
- 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 +6 -9
- 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 +12 -17
- 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 +40 -25
- package/lib-commonjs/components/Tooltip/useTooltipStyles.js.map +1 -1
- package/package.json +11 -11
package/CHANGELOG.json
CHANGED
@@ -2,84 +2,138 @@
|
|
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": "Tue, 25 Jan 2022 04:17:22 GMT",
|
6
|
+
"tag": "@fluentui/react-tooltip_v0.0.0-nightly6a6e258c4020220125.1",
|
7
|
+
"version": "0.0.0-nightly6a6e258c4020220125.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": "1d41ec351a6d5902e871c87fcbaacf8db8ecb40d",
|
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",
|
19
31
|
"commit": "1bbb753830028fbf133858d523ae2d56ceefeecf",
|
20
32
|
"comment": "update styles to not use CSS shorthands"
|
21
33
|
},
|
34
|
+
{
|
35
|
+
"author": "behowell@microsoft.com",
|
36
|
+
"package": "@fluentui/react-tooltip",
|
37
|
+
"commit": "317209bb5cd57c40f35bc42060acb7e3cce5ec95",
|
38
|
+
"comment": "BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet"
|
39
|
+
},
|
40
|
+
{
|
41
|
+
"author": "behowell@microsoft.com",
|
42
|
+
"package": "@fluentui/react-tooltip",
|
43
|
+
"commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
|
44
|
+
"comment": "Remove component's shorthandProps array"
|
45
|
+
},
|
46
|
+
{
|
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
|
+
},
|
22
58
|
{
|
23
59
|
"author": "beachball",
|
24
60
|
"package": "@fluentui/react-tooltip",
|
25
|
-
"comment": "Bump @fluentui/react-make-styles to v0.0.0-
|
26
|
-
"commit": "
|
61
|
+
"comment": "Bump @fluentui/react-make-styles to v0.0.0-nightly6a6e258c4020220125.1",
|
62
|
+
"commit": "1d41ec351a6d5902e871c87fcbaacf8db8ecb40d"
|
27
63
|
},
|
28
64
|
{
|
29
65
|
"author": "beachball",
|
30
66
|
"package": "@fluentui/react-tooltip",
|
31
|
-
"comment": "Bump @fluentui/react-portal to v0.0.0-
|
32
|
-
"commit": "
|
67
|
+
"comment": "Bump @fluentui/react-portal to v0.0.0-nightly6a6e258c4020220125.1",
|
68
|
+
"commit": "1d41ec351a6d5902e871c87fcbaacf8db8ecb40d"
|
33
69
|
},
|
34
70
|
{
|
35
71
|
"author": "beachball",
|
36
72
|
"package": "@fluentui/react-tooltip",
|
37
|
-
"comment": "Bump @fluentui/react-positioning to v0.0.0-
|
38
|
-
"commit": "
|
73
|
+
"comment": "Bump @fluentui/react-positioning to v0.0.0-nightly6a6e258c4020220125.1",
|
74
|
+
"commit": "1d41ec351a6d5902e871c87fcbaacf8db8ecb40d"
|
39
75
|
},
|
40
76
|
{
|
41
77
|
"author": "beachball",
|
42
78
|
"package": "@fluentui/react-tooltip",
|
43
|
-
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-
|
44
|
-
"commit": "
|
79
|
+
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly6a6e258c4020220125.1",
|
80
|
+
"commit": "1d41ec351a6d5902e871c87fcbaacf8db8ecb40d"
|
45
81
|
},
|
46
82
|
{
|
47
83
|
"author": "beachball",
|
48
84
|
"package": "@fluentui/react-tooltip",
|
49
|
-
"comment": "Bump @fluentui/react-theme to v0.0.0-
|
50
|
-
"commit": "
|
85
|
+
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly6a6e258c4020220125.1",
|
86
|
+
"commit": "1d41ec351a6d5902e871c87fcbaacf8db8ecb40d"
|
51
87
|
},
|
52
88
|
{
|
53
89
|
"author": "beachball",
|
54
90
|
"package": "@fluentui/react-tooltip",
|
55
|
-
"comment": "Bump @fluentui/react-utilities to v0.0.0-
|
56
|
-
"commit": "
|
91
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly6a6e258c4020220125.1",
|
92
|
+
"commit": "1d41ec351a6d5902e871c87fcbaacf8db8ecb40d"
|
57
93
|
},
|
58
94
|
{
|
59
95
|
"author": "beachball",
|
60
96
|
"package": "@fluentui/react-tooltip",
|
61
|
-
"comment": "Bump @fluentui/babel-make-styles to v0.0.0-
|
62
|
-
"commit": "
|
97
|
+
"comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightly6a6e258c4020220125.1",
|
98
|
+
"commit": "1d41ec351a6d5902e871c87fcbaacf8db8ecb40d"
|
63
99
|
},
|
64
100
|
{
|
65
101
|
"author": "beachball",
|
66
102
|
"package": "@fluentui/react-tooltip",
|
67
|
-
"comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-
|
68
|
-
"commit": "
|
103
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly6a6e258c4020220125.1",
|
104
|
+
"commit": "1d41ec351a6d5902e871c87fcbaacf8db8ecb40d"
|
69
105
|
},
|
70
106
|
{
|
71
107
|
"author": "beachball",
|
72
108
|
"package": "@fluentui/react-tooltip",
|
73
|
-
"comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-
|
74
|
-
"commit": "
|
109
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly6a6e258c4020220125.1",
|
110
|
+
"commit": "1d41ec351a6d5902e871c87fcbaacf8db8ecb40d"
|
75
111
|
}
|
76
112
|
],
|
77
113
|
"none": [
|
114
|
+
{
|
115
|
+
"author": "martinhochel@microsoft.com",
|
116
|
+
"package": "@fluentui/react-tooltip",
|
117
|
+
"commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
|
118
|
+
"comment": "chore: use storybook runner for all vNext packages"
|
119
|
+
},
|
78
120
|
{
|
79
121
|
"author": "andredias@microsoft.com",
|
80
122
|
"package": "@fluentui/react-tooltip",
|
81
123
|
"commit": "b59f44ed5db37b457476fdb3ec86ff273b776646",
|
82
124
|
"comment": "Migrate package to use solution tsconfigs"
|
125
|
+
},
|
126
|
+
{
|
127
|
+
"author": "olfedias@microsoft.com",
|
128
|
+
"package": "@fluentui/react-tooltip",
|
129
|
+
"commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
|
130
|
+
"comment": "remove inline-style-expand-shorthand from tsconfigs"
|
131
|
+
},
|
132
|
+
{
|
133
|
+
"author": "elcraig@microsoft.com",
|
134
|
+
"package": "@fluentui/react-tooltip",
|
135
|
+
"commit": "d892c7f79c543b6008634ecd669b75b5108cad46",
|
136
|
+
"comment": "Remove outdated boilerplate comment in useTooltip"
|
83
137
|
}
|
84
138
|
]
|
85
139
|
}
|
package/CHANGELOG.md
CHANGED
@@ -1,27 +1,33 @@
|
|
1
1
|
# Change Log - @fluentui/react-tooltip
|
2
2
|
|
3
|
-
This log was last generated on
|
3
|
+
This log was last generated on Tue, 25 Jan 2022 04:17:22 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
-
## [0.0.0-
|
7
|
+
## [0.0.0-nightly6a6e258c4020220125.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v0.0.0-nightly6a6e258c4020220125.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
|
+
Tue, 25 Jan 2022 04:17:22 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-beta.5..@fluentui/react-tooltip_v0.0.0-nightly6a6e258c4020220125.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/1d41ec351a6d5902e871c87fcbaacf8db8ecb40d) 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
|
-
- Bump @fluentui/react-
|
21
|
-
- Bump @fluentui/react-
|
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
|
+
- Bump @fluentui/react-make-styles to v0.0.0-nightly6a6e258c4020220125.1 ([commit](https://github.com/microsoft/fluentui/commit/1d41ec351a6d5902e871c87fcbaacf8db8ecb40d) by beachball)
|
23
|
+
- Bump @fluentui/react-portal to v0.0.0-nightly6a6e258c4020220125.1 ([commit](https://github.com/microsoft/fluentui/commit/1d41ec351a6d5902e871c87fcbaacf8db8ecb40d) by beachball)
|
24
|
+
- Bump @fluentui/react-positioning to v0.0.0-nightly6a6e258c4020220125.1 ([commit](https://github.com/microsoft/fluentui/commit/1d41ec351a6d5902e871c87fcbaacf8db8ecb40d) by beachball)
|
25
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly6a6e258c4020220125.1 ([commit](https://github.com/microsoft/fluentui/commit/1d41ec351a6d5902e871c87fcbaacf8db8ecb40d) by beachball)
|
26
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly6a6e258c4020220125.1 ([commit](https://github.com/microsoft/fluentui/commit/1d41ec351a6d5902e871c87fcbaacf8db8ecb40d) by beachball)
|
27
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly6a6e258c4020220125.1 ([commit](https://github.com/microsoft/fluentui/commit/1d41ec351a6d5902e871c87fcbaacf8db8ecb40d) by beachball)
|
28
|
+
- Bump @fluentui/babel-make-styles to v0.0.0-nightly6a6e258c4020220125.1 ([commit](https://github.com/microsoft/fluentui/commit/1d41ec351a6d5902e871c87fcbaacf8db8ecb40d) by beachball)
|
29
|
+
- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly6a6e258c4020220125.1 ([commit](https://github.com/microsoft/fluentui/commit/1d41ec351a6d5902e871c87fcbaacf8db8ecb40d) by beachball)
|
30
|
+
- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly6a6e258c4020220125.1 ([commit](https://github.com/microsoft/fluentui/commit/1d41ec351a6d5902e871c87fcbaacf8db8ecb40d) by beachball)
|
25
31
|
|
26
32
|
## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-beta.5)
|
27
33
|
|
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
|
*
|
@@ -147,18 +144,17 @@ export declare type TooltipTriggerProps = {
|
|
147
144
|
/**
|
148
145
|
* Create the state required to render Tooltip.
|
149
146
|
*
|
150
|
-
* The returned state can be modified with hooks such as
|
151
|
-
* before being passed to
|
147
|
+
* The returned state can be modified with hooks such as useTooltipStyles_unstable,
|
148
|
+
* before being passed to renderTooltip_unstable.
|
152
149
|
*
|
153
150
|
* @param props - props from this instance of Tooltip
|
154
151
|
* @param ref - reference to root HTMLElement of Tooltip
|
155
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
156
152
|
*/
|
157
|
-
export declare const
|
153
|
+
export declare const useTooltip_unstable: (props: TooltipProps, ref: React_2.Ref<HTMLDivElement>) => TooltipState;
|
158
154
|
|
159
155
|
/**
|
160
156
|
* Apply styling to the Tooltip slots based on the state
|
161
157
|
*/
|
162
|
-
export declare const
|
158
|
+
export declare const useTooltipStyles_unstable: (state: TooltipState) => TooltipState;
|
163
159
|
|
164
160
|
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
|
*
|
@@ -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,7 +24,7 @@ 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,
|
@@ -55,7 +50,6 @@ 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,
|
@@ -63,7 +57,7 @@ export const useTooltip = (props, ref) => {
|
|
63
57
|
triggerAriaAttribute,
|
64
58
|
visible,
|
65
59
|
shouldRenderTooltip: visible,
|
66
|
-
appearance
|
60
|
+
appearance,
|
67
61
|
// Slots
|
68
62
|
components: {
|
69
63
|
root: 'div'
|
@@ -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":""}
|
@@ -3,4 +3,4 @@ export declare const tooltipClassName = "fui-Tooltip";
|
|
3
3
|
/**
|
4
4
|
* Apply styling to the Tooltip slots based on the state
|
5
5
|
*/
|
6
|
-
export declare const
|
6
|
+
export declare const useTooltipStyles_unstable: (state: TooltipState) => TooltipState;
|
@@ -1,5 +1,7 @@
|
|
1
1
|
import { shorthands, __styles, mergeClasses } from '@fluentui/react-make-styles';
|
2
2
|
import { createArrowStyles } from '@fluentui/react-positioning';
|
3
|
+
import { tokens } from '@fluentui/react-theme';
|
4
|
+
import { arrowHeight } from './private/constants';
|
3
5
|
export const tooltipClassName = 'fui-Tooltip';
|
4
6
|
/**
|
5
7
|
* Styles for the tooltip
|
@@ -8,10 +10,7 @@ export const tooltipClassName = 'fui-Tooltip';
|
|
8
10
|
const useStyles = /*#__PURE__*/__styles({
|
9
11
|
"root": {
|
10
12
|
"mc9l5x": "fjseox",
|
11
|
-
"
|
12
|
-
"z189sj": ["f11qrl6u", "fjlbh76"],
|
13
|
-
"Byoj8tv": "fy7v416",
|
14
|
-
"uwmqm3": ["fjlbh76", "f11qrl6u"],
|
13
|
+
"B7ck84d": "f1ewtqcl",
|
15
14
|
"B2u0y6b": "f132xexn",
|
16
15
|
"Bceei9c": "f158kwzp",
|
17
16
|
"Bahqtrf": "fk6fouc",
|
@@ -21,6 +20,22 @@ const useStyles = /*#__PURE__*/__styles({
|
|
21
20
|
"Beyfa6y": ["f16jpd5f", "f1aa9q02"],
|
22
21
|
"B7oj6ja": ["f1jar5jt", "fyu767a"],
|
23
22
|
"Btl43ni": ["fyu767a", "f1jar5jt"],
|
23
|
+
"B4j52fo": "f5ogflp",
|
24
|
+
"Bekrc4i": ["f1hqa2wf", "finvdd3"],
|
25
|
+
"Bn0qgzm": "f1f09k3d",
|
26
|
+
"ibv6hh": ["finvdd3", "f1hqa2wf"],
|
27
|
+
"icvyot": "fzkkow9",
|
28
|
+
"vrafjx": ["fcdblym", "fjik90z"],
|
29
|
+
"oivjwe": "fg706s2",
|
30
|
+
"wvpqe5": ["fjik90z", "fcdblym"],
|
31
|
+
"g2u3we": "fghlq4f",
|
32
|
+
"h3c5rm": ["f1gn591s", "fjscplz"],
|
33
|
+
"B9xav0g": "fb073pr",
|
34
|
+
"zhjwy3": ["fjscplz", "f1gn591s"],
|
35
|
+
"z8tnut": "f10ra9hq",
|
36
|
+
"z189sj": ["fd9xhir", "f1jlaasf"],
|
37
|
+
"Byoj8tv": "f1d7kygh",
|
38
|
+
"uwmqm3": ["f1jlaasf", "fd9xhir"],
|
24
39
|
"De3pzq": "fxugw4r",
|
25
40
|
"sj55zd": "f19n0e5",
|
26
41
|
"Bhu2qc9": "fxeb0a7"
|
@@ -37,43 +52,41 @@ const useStyles = /*#__PURE__*/__styles({
|
|
37
52
|
"De3pzq": "f1u2r49w",
|
38
53
|
"Bcdw1i0": "fd7fpy0",
|
39
54
|
"Bj3rh1h": "f1bsuimh",
|
40
|
-
"
|
41
|
-
"
|
55
|
+
"a9b677": "f1ekdpwm",
|
56
|
+
"Bqenvij": "f83vc9z",
|
42
57
|
"rurcny": "fuzzvh5",
|
43
|
-
"
|
44
|
-
"B5c9fhp": ["fijcjxk", "f11y671q"],
|
45
|
-
"Bhe99jt": ["f1vtdej5", "f7y375m"],
|
46
|
-
"B2r1szc": ["f7y375m", "f1vtdej5"],
|
58
|
+
"Bex5imi": "fkk33zh",
|
47
59
|
"xx9plb": "fxf9f1y",
|
60
|
+
"Bmqnesq": "f170vdtw",
|
48
61
|
"Bdn98qo": "f103af6e",
|
49
62
|
"Bbc2r3f": "f15umuo5",
|
50
63
|
"B1dvbpk": "f3wpjpt",
|
51
|
-
"
|
64
|
+
"D4ky5z": "f1k3tce7",
|
65
|
+
"cqycoz": "f1dkdgqi",
|
66
|
+
"I89eb": "f5ghsz",
|
67
|
+
"k1i1uq": "fyqop9u",
|
68
|
+
"Epwjcz": "f1m5ya7j",
|
69
|
+
"Bp1vogq": "f3sp63x",
|
70
|
+
"px8gyy": ["f5bg3dr", "f1rfdd74"],
|
52
71
|
"h6z6rw": "fzd2j21",
|
53
|
-
"
|
54
|
-
"F42hee": ["f1jq8eg5", "f12n7c5j"],
|
55
|
-
"Blxsnla": ["f1wv7y6t", "fi4qyh6"],
|
56
|
-
"t2scew": "fcvru7r",
|
57
|
-
"Emsed9": "f7ybgnc",
|
58
|
-
"E11wbp": "f16xtfle",
|
59
|
-
"hl6cv3": "fotnskf",
|
72
|
+
"hl6cv3": "f1773hnp",
|
60
73
|
"Bh2vraf": "f1n8855c",
|
61
|
-
"yayu3t": "
|
74
|
+
"yayu3t": "f1v7783n",
|
62
75
|
"wedwtw": "fsw6im5",
|
63
|
-
"rhl9o9": "
|
76
|
+
"rhl9o9": "fh2hsk5",
|
64
77
|
"Bu8t5uz": "f159pzir",
|
65
|
-
"B6q6orb": "
|
78
|
+
"B6q6orb": "f11yvu4",
|
66
79
|
"Bwwlvwl": "fm1ycve"
|
67
80
|
}
|
68
81
|
}, {
|
69
|
-
"d": [".fjseox{display:none;}", ".
|
82
|
+
"d": [".fjseox{display:none;}", ".f1ewtqcl{box-sizing:border-box;}", ".f132xexn{max-width:240px;}", ".f158kwzp{cursor:default;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".f10ra9hq{padding-top:4px;}", ".fd9xhir{padding-right:11px;}", ".f1jlaasf{padding-left:11px;}", ".f1d7kygh{padding-bottom:6px;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxeb0a7{-webkit-filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));}", ".ftgm304{display:block;}", ".f5pduvr{background-color:var(--colorNeutralBackgroundInverted);}", ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}", ".f1euv43f{position:absolute;}", ".f1u2r49w{background-color:inherit;}", ".fd7fpy0{visibility:hidden;}", ".f1bsuimh{z-index:-1;}", ".f1ekdpwm{width:8.484px;}", ".f83vc9z{height:8.484px;}", ".fuzzvh5:before{content:\"\";}", ".fkk33zh:before{visibility:visible;}", ".fxf9f1y:before{position:absolute;}", ".f170vdtw:before{box-sizing:border-box;}", ".f103af6e:before{width:inherit;}", ".f15umuo5:before{height:inherit;}", ".f3wpjpt:before{background-color:inherit;}", ".f1k3tce7:before{border-right-width:1px;}", ".f1dkdgqi:before{border-right-style:solid;}", ".f5ghsz:before{border-right-color:var(--colorTransparentStroke);}", ".fyqop9u:before{border-bottom-width:1px;}", ".f1m5ya7j:before{border-bottom-style:solid;}", ".f3sp63x:before{border-bottom-color:var(--colorTransparentStroke);}", ".f5bg3dr:before{border-bottom-right-radius:var(--borderRadiusSmall);}", ".f1rfdd74:before{border-bottom-left-radius:var(--borderRadiusSmall);}", ".fzd2j21:before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);}", "[data-popper-placement^=\"top\"] .f1773hnp{bottom:-1px;}", "[data-popper-placement^=\"top\"] .f1n8855c{--angle:0;}", "[data-popper-placement^=\"right\"] .f1v7783n{left:-1px;}", "[data-popper-placement^=\"right\"] .fsw6im5{--angle:90deg;}", "[data-popper-placement^=\"bottom\"] .fh2hsk5{top:-1px;}", "[data-popper-placement^=\"bottom\"] .f159pzir{--angle:180deg;}", "[data-popper-placement^=\"left\"] .f11yvu4{right:-1px;}", "[data-popper-placement^=\"left\"] .fm1ycve{--angle:270deg;}"]
|
70
83
|
});
|
71
84
|
/**
|
72
85
|
* Apply styling to the Tooltip slots based on the state
|
73
86
|
*/
|
74
87
|
|
75
88
|
|
76
|
-
export const
|
89
|
+
export const useTooltipStyles_unstable = state => {
|
77
90
|
const styles = useStyles();
|
78
91
|
state.root.className = mergeClasses(tooltipClassName, styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.root.className);
|
79
92
|
state.arrowClassName = styles.arrow;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/useTooltipStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,YAAiC,YAAjC,QAAqD,6BAArD;AACA,SAAS,iBAAT,QAAkC,6BAAlC;AAGA,OAAO,MAAM,gBAAgB,GAAG,aAAzB;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;
|
1
|
+
{"version":3,"sources":["../../../src/components/Tooltip/useTooltipStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,YAAiC,YAAjC,QAAqD,6BAArD;AACA,SAAS,iBAAT,QAAkC,6BAAlC;AACA,SAAS,MAAT,QAAuB,uBAAvB;AACA,SAAS,WAAT,QAA4B,qBAA5B;AAGA,OAAO,MAAM,gBAAgB,GAAG,aAAzB;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAkCA;;AAEG;;;AACH,OAAO,MAAM,yBAAyB,GAAI,KAAD,IAAsC;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,gBADiC,EAEjC,MAAM,CAAC,IAF0B,EAGjC,KAAK,CAAC,UAAN,KAAqB,UAArB,IAAmC,MAAM,CAAC,QAHT,EAIjC,KAAK,CAAC,OAAN,IAAiB,MAAM,CAAC,OAJS,EAKjC,KAAK,CAAC,IAAN,CAAW,SALsB,CAAnC;AAQA,EAAA,KAAK,CAAC,cAAN,GAAuB,MAAM,CAAC,KAA9B;AAEA,SAAO,KAAP;AACD,CAdM","sourceRoot":""}
|
@@ -18,9 +18,9 @@ const useTooltipStyles_1 = /*#__PURE__*/require("./useTooltipStyles");
|
|
18
18
|
|
19
19
|
|
20
20
|
exports.Tooltip = /*#__PURE__*/React.forwardRef((props, ref) => {
|
21
|
-
const state = useTooltip_1.
|
22
|
-
useTooltipStyles_1.
|
23
|
-
return renderTooltip_1.
|
21
|
+
const state = useTooltip_1.useTooltip_unstable(props, ref);
|
22
|
+
useTooltipStyles_1.useTooltipStyles_unstable(state);
|
23
|
+
return renderTooltip_1.renderTooltip_unstable(state);
|
24
24
|
});
|
25
25
|
exports.Tooltip.displayName = 'Tooltip';
|
26
26
|
//# sourceMappingURL=Tooltip.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA6C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACxF,QAAM,KAAK,GAAG,YAAA,CAAA,
|
1
|
+
{"version":3,"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA6C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACxF,QAAM,KAAK,GAAG,YAAA,CAAA,mBAAA,CAAoB,KAApB,EAA2B,GAA3B,CAAd;AAEA,EAAA,kBAAA,CAAA,yBAAA,CAA0B,KAA1B;AACA,SAAO,eAAA,CAAA,sBAAA,CAAuB,KAAvB,CAAP;AACD,CALyD,CAA7C;AAOb,OAAA,CAAA,OAAA,CAAQ,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
|
*
|
@@ -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,21 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.tooltipBorderRadius = exports.arrowHeight = void 0;
|
7
|
+
/**
|
8
|
+
* The height of the tooltip's arrow in pixels.
|
9
|
+
*/
|
10
|
+
|
11
|
+
exports.arrowHeight = 6;
|
12
|
+
/**
|
13
|
+
* The default value of the tooltip's border radius (borderRadiusMedium).
|
14
|
+
*
|
15
|
+
* Unfortunately, Popper requires it to be specified as a variable instead of using CSS.
|
16
|
+
* While we could use getComputedStyle, that adds a performance penalty for something that
|
17
|
+
* will likely never change.
|
18
|
+
*/
|
19
|
+
|
20
|
+
exports.tooltipBorderRadius = 4;
|
21
|
+
//# sourceMappingURL=constants.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Tooltip/private/constants.ts"],"names":[],"mappings":";;;;;;AAAA;;AAEG;;AACU,OAAA,CAAA,WAAA,GAAc,CAAd;AAEb;;;;;;AAMG;;AACU,OAAA,CAAA,mBAAA,GAAsB,CAAtB","sourceRoot":""}
|
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.renderTooltip_unstable = void 0;
|
7
7
|
|
8
8
|
const React = /*#__PURE__*/require("react");
|
9
9
|
|
@@ -15,11 +15,11 @@ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
15
15
|
*/
|
16
16
|
|
17
17
|
|
18
|
-
const
|
18
|
+
const renderTooltip_unstable = state => {
|
19
19
|
const {
|
20
20
|
slots,
|
21
21
|
slotProps
|
22
|
-
} = react_utilities_1.getSlots(state
|
22
|
+
} = react_utilities_1.getSlots(state);
|
23
23
|
return React.createElement(React.Fragment, null, state.root.children, state.shouldRenderTooltip && React.createElement(react_portal_1.Portal, null, React.createElement(slots.root, { ...slotProps.root
|
24
24
|
}, state.withArrow && React.createElement("div", {
|
25
25
|
ref: state.arrowRef,
|
@@ -27,5 +27,5 @@ const renderTooltip = state => {
|
|
27
27
|
}), state.content)));
|
28
28
|
};
|
29
29
|
|
30
|
-
exports.
|
30
|
+
exports.renderTooltip_unstable = renderTooltip_unstable;
|
31
31
|
//# sourceMappingURL=renderTooltip.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/renderTooltip.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,
|
1
|
+
{"version":3,"sources":["../../../src/components/Tooltip/renderTooltip.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,sBAAsB,GAAI,KAAD,IAAwB;AAC5D,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAuB,KAAvB,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,KAAK,CAAC,IAAN,CAAW,QADd,EAEG,KAAK,CAAC,mBAAN,IACC,KAAA,CAAA,aAAA,CAAC,cAAA,CAAA,MAAD,EAAO,IAAP,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,KAAK,CAAC,SAAN,IAAmB,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;;AAAM,OAAA,CAAA,sBAAA,GAAsB,sBAAtB","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;
|
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.useTooltip_unstable = void 0;
|
7
7
|
|
8
8
|
const React = /*#__PURE__*/require("react");
|
9
9
|
|
@@ -11,25 +11,21 @@ const react_positioning_1 = /*#__PURE__*/require("@fluentui/react-positioning");
|
|
11
11
|
|
12
12
|
const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
|
13
13
|
|
14
|
-
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
15
|
-
|
16
|
-
|
17
|
-
const tooltipBorderRadius = 4; // Update the root's borderRadius in useTooltipStyles.ts if this changes
|
18
|
-
|
19
|
-
const arrowHeight = 6; // Update the arrow's width/height in useTooltipStyles.ts if this changes
|
14
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
20
15
|
|
16
|
+
const constants_1 = /*#__PURE__*/require("./private/constants");
|
21
17
|
/**
|
22
18
|
* Create the state required to render Tooltip.
|
23
19
|
*
|
24
|
-
* The returned state can be modified with hooks such as
|
25
|
-
* before being passed to
|
20
|
+
* The returned state can be modified with hooks such as useTooltipStyles_unstable,
|
21
|
+
* before being passed to renderTooltip_unstable.
|
26
22
|
*
|
27
23
|
* @param props - props from this instance of Tooltip
|
28
24
|
* @param ref - reference to root HTMLElement of Tooltip
|
29
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
30
25
|
*/
|
31
26
|
|
32
|
-
|
27
|
+
|
28
|
+
const useTooltip_unstable = (props, ref) => {
|
33
29
|
var _a, _b, _c, _d;
|
34
30
|
|
35
31
|
const context = React.useContext(react_shared_contexts_1.TooltipContext);
|
@@ -40,7 +36,7 @@ const useTooltip = (props, ref) => {
|
|
40
36
|
const [setDelayTimeout, clearDelayTimeout] = react_utilities_1.useTimeout();
|
41
37
|
const {
|
42
38
|
content,
|
43
|
-
|
39
|
+
appearance,
|
44
40
|
withArrow,
|
45
41
|
positioning,
|
46
42
|
onVisibleChange,
|
@@ -66,7 +62,6 @@ const useTooltip = (props, ref) => {
|
|
66
62
|
}, [clearDelayTimeout, setVisibleInternal, onVisibleChange]);
|
67
63
|
const state = {
|
68
64
|
content,
|
69
|
-
inverted,
|
70
65
|
withArrow,
|
71
66
|
positioning,
|
72
67
|
showDelay,
|
@@ -74,7 +69,7 @@ const useTooltip = (props, ref) => {
|
|
74
69
|
triggerAriaAttribute,
|
75
70
|
visible,
|
76
71
|
shouldRenderTooltip: visible,
|
77
|
-
appearance
|
72
|
+
appearance,
|
78
73
|
// Slots
|
79
74
|
components: {
|
80
75
|
root: 'div'
|
@@ -88,7 +83,7 @@ const useTooltip = (props, ref) => {
|
|
88
83
|
};
|
89
84
|
const popperOptions = {
|
90
85
|
enabled: state.visible,
|
91
|
-
arrowPadding: 2 * tooltipBorderRadius,
|
86
|
+
arrowPadding: 2 * constants_1.tooltipBorderRadius,
|
92
87
|
position: 'above',
|
93
88
|
align: 'center',
|
94
89
|
offset: [0, 4],
|
@@ -96,7 +91,7 @@ const useTooltip = (props, ref) => {
|
|
96
91
|
};
|
97
92
|
|
98
93
|
if (state.withArrow) {
|
99
|
-
popperOptions.offset = react_positioning_1.mergeArrowOffset(popperOptions.offset, arrowHeight);
|
94
|
+
popperOptions.offset = react_positioning_1.mergeArrowOffset(popperOptions.offset, constants_1.arrowHeight);
|
100
95
|
}
|
101
96
|
|
102
97
|
const {
|
@@ -213,7 +208,7 @@ const useTooltip = (props, ref) => {
|
|
213
208
|
return state;
|
214
209
|
};
|
215
210
|
|
216
|
-
exports.
|
211
|
+
exports.useTooltip_unstable = useTooltip_unstable;
|
217
212
|
/**
|
218
213
|
* Combine up to two event callbacks into a single function that calls them in order
|
219
214
|
*/
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/useTooltip.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA,
|
1
|
+
{"version":3,"sources":["../../../src/components/Tooltip/useTooltip.tsx"],"names":[],"mappings":"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","sourceRoot":""}
|
@@ -3,4 +3,4 @@ export declare const tooltipClassName = "fui-Tooltip";
|
|
3
3
|
/**
|
4
4
|
* Apply styling to the Tooltip slots based on the state
|
5
5
|
*/
|
6
|
-
export declare const
|
6
|
+
export declare const useTooltipStyles_unstable: (state: TooltipState) => TooltipState;
|
@@ -3,12 +3,16 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.useTooltipStyles_unstable = exports.tooltipClassName = void 0;
|
7
7
|
|
8
8
|
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
9
|
|
10
10
|
const react_positioning_1 = /*#__PURE__*/require("@fluentui/react-positioning");
|
11
11
|
|
12
|
+
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
13
|
+
|
14
|
+
const constants_1 = /*#__PURE__*/require("./private/constants");
|
15
|
+
|
12
16
|
exports.tooltipClassName = 'fui-Tooltip';
|
13
17
|
/**
|
14
18
|
* Styles for the tooltip
|
@@ -17,10 +21,7 @@ exports.tooltipClassName = 'fui-Tooltip';
|
|
17
21
|
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
18
22
|
"root": {
|
19
23
|
"mc9l5x": "fjseox",
|
20
|
-
"
|
21
|
-
"z189sj": ["f11qrl6u", "fjlbh76"],
|
22
|
-
"Byoj8tv": "fy7v416",
|
23
|
-
"uwmqm3": ["fjlbh76", "f11qrl6u"],
|
24
|
+
"B7ck84d": "f1ewtqcl",
|
24
25
|
"B2u0y6b": "f132xexn",
|
25
26
|
"Bceei9c": "f158kwzp",
|
26
27
|
"Bahqtrf": "fk6fouc",
|
@@ -30,6 +31,22 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
30
31
|
"Beyfa6y": ["f16jpd5f", "f1aa9q02"],
|
31
32
|
"B7oj6ja": ["f1jar5jt", "fyu767a"],
|
32
33
|
"Btl43ni": ["fyu767a", "f1jar5jt"],
|
34
|
+
"B4j52fo": "f5ogflp",
|
35
|
+
"Bekrc4i": ["f1hqa2wf", "finvdd3"],
|
36
|
+
"Bn0qgzm": "f1f09k3d",
|
37
|
+
"ibv6hh": ["finvdd3", "f1hqa2wf"],
|
38
|
+
"icvyot": "fzkkow9",
|
39
|
+
"vrafjx": ["fcdblym", "fjik90z"],
|
40
|
+
"oivjwe": "fg706s2",
|
41
|
+
"wvpqe5": ["fjik90z", "fcdblym"],
|
42
|
+
"g2u3we": "fghlq4f",
|
43
|
+
"h3c5rm": ["f1gn591s", "fjscplz"],
|
44
|
+
"B9xav0g": "fb073pr",
|
45
|
+
"zhjwy3": ["fjscplz", "f1gn591s"],
|
46
|
+
"z8tnut": "f10ra9hq",
|
47
|
+
"z189sj": ["fd9xhir", "f1jlaasf"],
|
48
|
+
"Byoj8tv": "f1d7kygh",
|
49
|
+
"uwmqm3": ["f1jlaasf", "fd9xhir"],
|
33
50
|
"De3pzq": "fxugw4r",
|
34
51
|
"sj55zd": "f19n0e5",
|
35
52
|
"Bhu2qc9": "fxeb0a7"
|
@@ -46,48 +63,46 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
46
63
|
"De3pzq": "f1u2r49w",
|
47
64
|
"Bcdw1i0": "fd7fpy0",
|
48
65
|
"Bj3rh1h": "f1bsuimh",
|
49
|
-
"
|
50
|
-
"
|
66
|
+
"a9b677": "f1ekdpwm",
|
67
|
+
"Bqenvij": "f83vc9z",
|
51
68
|
"rurcny": "fuzzvh5",
|
52
|
-
"
|
53
|
-
"B5c9fhp": ["fijcjxk", "f11y671q"],
|
54
|
-
"Bhe99jt": ["f1vtdej5", "f7y375m"],
|
55
|
-
"B2r1szc": ["f7y375m", "f1vtdej5"],
|
69
|
+
"Bex5imi": "fkk33zh",
|
56
70
|
"xx9plb": "fxf9f1y",
|
71
|
+
"Bmqnesq": "f170vdtw",
|
57
72
|
"Bdn98qo": "f103af6e",
|
58
73
|
"Bbc2r3f": "f15umuo5",
|
59
74
|
"B1dvbpk": "f3wpjpt",
|
60
|
-
"
|
75
|
+
"D4ky5z": "f1k3tce7",
|
76
|
+
"cqycoz": "f1dkdgqi",
|
77
|
+
"I89eb": "f5ghsz",
|
78
|
+
"k1i1uq": "fyqop9u",
|
79
|
+
"Epwjcz": "f1m5ya7j",
|
80
|
+
"Bp1vogq": "f3sp63x",
|
81
|
+
"px8gyy": ["f5bg3dr", "f1rfdd74"],
|
61
82
|
"h6z6rw": "fzd2j21",
|
62
|
-
"
|
63
|
-
"F42hee": ["f1jq8eg5", "f12n7c5j"],
|
64
|
-
"Blxsnla": ["f1wv7y6t", "fi4qyh6"],
|
65
|
-
"t2scew": "fcvru7r",
|
66
|
-
"Emsed9": "f7ybgnc",
|
67
|
-
"E11wbp": "f16xtfle",
|
68
|
-
"hl6cv3": "fotnskf",
|
83
|
+
"hl6cv3": "f1773hnp",
|
69
84
|
"Bh2vraf": "f1n8855c",
|
70
|
-
"yayu3t": "
|
85
|
+
"yayu3t": "f1v7783n",
|
71
86
|
"wedwtw": "fsw6im5",
|
72
|
-
"rhl9o9": "
|
87
|
+
"rhl9o9": "fh2hsk5",
|
73
88
|
"Bu8t5uz": "f159pzir",
|
74
|
-
"B6q6orb": "
|
89
|
+
"B6q6orb": "f11yvu4",
|
75
90
|
"Bwwlvwl": "fm1ycve"
|
76
91
|
}
|
77
92
|
}, {
|
78
|
-
"d": [".fjseox{display:none;}", ".
|
93
|
+
"d": [".fjseox{display:none;}", ".f1ewtqcl{box-sizing:border-box;}", ".f132xexn{max-width:240px;}", ".f158kwzp{cursor:default;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".f10ra9hq{padding-top:4px;}", ".fd9xhir{padding-right:11px;}", ".f1jlaasf{padding-left:11px;}", ".f1d7kygh{padding-bottom:6px;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxeb0a7{-webkit-filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));}", ".ftgm304{display:block;}", ".f5pduvr{background-color:var(--colorNeutralBackgroundInverted);}", ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}", ".f1euv43f{position:absolute;}", ".f1u2r49w{background-color:inherit;}", ".fd7fpy0{visibility:hidden;}", ".f1bsuimh{z-index:-1;}", ".f1ekdpwm{width:8.484px;}", ".f83vc9z{height:8.484px;}", ".fuzzvh5:before{content:\"\";}", ".fkk33zh:before{visibility:visible;}", ".fxf9f1y:before{position:absolute;}", ".f170vdtw:before{box-sizing:border-box;}", ".f103af6e:before{width:inherit;}", ".f15umuo5:before{height:inherit;}", ".f3wpjpt:before{background-color:inherit;}", ".f1k3tce7:before{border-right-width:1px;}", ".f1dkdgqi:before{border-right-style:solid;}", ".f5ghsz:before{border-right-color:var(--colorTransparentStroke);}", ".fyqop9u:before{border-bottom-width:1px;}", ".f1m5ya7j:before{border-bottom-style:solid;}", ".f3sp63x:before{border-bottom-color:var(--colorTransparentStroke);}", ".f5bg3dr:before{border-bottom-right-radius:var(--borderRadiusSmall);}", ".f1rfdd74:before{border-bottom-left-radius:var(--borderRadiusSmall);}", ".fzd2j21:before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);}", "[data-popper-placement^=\"top\"] .f1773hnp{bottom:-1px;}", "[data-popper-placement^=\"top\"] .f1n8855c{--angle:0;}", "[data-popper-placement^=\"right\"] .f1v7783n{left:-1px;}", "[data-popper-placement^=\"right\"] .fsw6im5{--angle:90deg;}", "[data-popper-placement^=\"bottom\"] .fh2hsk5{top:-1px;}", "[data-popper-placement^=\"bottom\"] .f159pzir{--angle:180deg;}", "[data-popper-placement^=\"left\"] .f11yvu4{right:-1px;}", "[data-popper-placement^=\"left\"] .fm1ycve{--angle:270deg;}"]
|
79
94
|
});
|
80
95
|
/**
|
81
96
|
* Apply styling to the Tooltip slots based on the state
|
82
97
|
*/
|
83
98
|
|
84
99
|
|
85
|
-
const
|
100
|
+
const useTooltipStyles_unstable = state => {
|
86
101
|
const styles = useStyles();
|
87
102
|
state.root.className = react_make_styles_1.mergeClasses(exports.tooltipClassName, styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.root.className);
|
88
103
|
state.arrowClassName = styles.arrow;
|
89
104
|
return state;
|
90
105
|
};
|
91
106
|
|
92
|
-
exports.
|
107
|
+
exports.useTooltipStyles_unstable = useTooltipStyles_unstable;
|
93
108
|
//# sourceMappingURL=useTooltipStyles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/useTooltipStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,gBAAA,GAAmB,aAAnB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;
|
1
|
+
{"version":3,"sources":["../../../src/components/Tooltip/useTooltipStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,MAAA,WAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AAGa,OAAA,CAAA,gBAAA,GAAmB,aAAnB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAkCA;;AAEG;;;AACI,MAAM,yBAAyB,GAAI,KAAD,IAAsC;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,OAAA,CAAA,gBADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,KAAK,CAAC,UAAN,KAAqB,UAArB,IAAmC,MAAM,CAAC,QAHrB,EAIrB,KAAK,CAAC,OAAN,IAAiB,MAAM,CAAC,OAJH,EAKrB,KAAK,CAAC,IAAN,CAAW,SALU,CAAvB;AAQA,EAAA,KAAK,CAAC,cAAN,GAAuB,MAAM,CAAC,KAA9B;AAEA,SAAO,KAAP;AACD,CAdM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourceRoot":""}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-tooltip",
|
3
|
-
"version": "0.0.0-
|
3
|
+
"version": "0.0.0-nightly6a6e258c4020220125.1",
|
4
4
|
"description": "React components for building web experiences",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -22,15 +22,15 @@
|
|
22
22
|
"test": "jest --passWithNoTests",
|
23
23
|
"docs": "api-extractor run --config=config/api-extractor.local.json --local",
|
24
24
|
"build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-tooltip/src && yarn docs",
|
25
|
-
"storybook": "
|
25
|
+
"storybook": "node ../../scripts/storybook/runner",
|
26
26
|
"type-check": "tsc -b tsconfig.json"
|
27
27
|
},
|
28
28
|
"devDependencies": {
|
29
|
-
"@fluentui/babel-make-styles": "0.0.0-
|
29
|
+
"@fluentui/babel-make-styles": "0.0.0-nightly6a6e258c4020220125.1",
|
30
30
|
"@fluentui/eslint-plugin": "*",
|
31
|
-
"@fluentui/jest-serializer-make-styles": "0.0.0-
|
31
|
+
"@fluentui/jest-serializer-make-styles": "0.0.0-nightly6a6e258c4020220125.1",
|
32
32
|
"@fluentui/react-conformance": "*",
|
33
|
-
"@fluentui/react-conformance-make-styles": "0.0.0-
|
33
|
+
"@fluentui/react-conformance-make-styles": "0.0.0-nightly6a6e258c4020220125.1",
|
34
34
|
"@fluentui/scripts": "^1.0.0",
|
35
35
|
"@types/enzyme": "3.10.3",
|
36
36
|
"@types/enzyme-adapter-react-16": "1.0.3",
|
@@ -44,12 +44,12 @@
|
|
44
44
|
"react-test-renderer": "^16.3.0"
|
45
45
|
},
|
46
46
|
"dependencies": {
|
47
|
-
"@fluentui/react-make-styles": "0.0.0-
|
48
|
-
"@fluentui/react-portal": "0.0.0-
|
49
|
-
"@fluentui/react-positioning": "0.0.0-
|
50
|
-
"@fluentui/react-shared-contexts": "0.0.0-
|
51
|
-
"@fluentui/react-theme": "0.0.0-
|
52
|
-
"@fluentui/react-utilities": "0.0.0-
|
47
|
+
"@fluentui/react-make-styles": "0.0.0-nightly6a6e258c4020220125.1",
|
48
|
+
"@fluentui/react-portal": "0.0.0-nightly6a6e258c4020220125.1",
|
49
|
+
"@fluentui/react-positioning": "0.0.0-nightly6a6e258c4020220125.1",
|
50
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightly6a6e258c4020220125.1",
|
51
|
+
"@fluentui/react-theme": "0.0.0-nightly6a6e258c4020220125.1",
|
52
|
+
"@fluentui/react-utilities": "0.0.0-nightly6a6e258c4020220125.1",
|
53
53
|
"tslib": "^2.1.0"
|
54
54
|
},
|
55
55
|
"peerDependencies": {
|