@fluentui/react-tooltip 9.2.3 → 9.2.5
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/.swcrc +30 -0
- package/CHANGELOG.json +91 -1
- package/CHANGELOG.md +30 -2
- package/lib/Tooltip.js.map +1 -1
- package/lib/components/Tooltip/Tooltip.js +1 -0
- package/lib/components/Tooltip/Tooltip.js.map +1 -1
- package/lib/components/Tooltip/Tooltip.types.js +1 -1
- package/lib/components/Tooltip/Tooltip.types.js.map +1 -1
- package/lib/components/Tooltip/index.js.map +1 -1
- package/lib/components/Tooltip/private/constants.js +1 -2
- package/lib/components/Tooltip/private/constants.js.map +1 -1
- package/lib/components/Tooltip/renderTooltip.js +1 -3
- package/lib/components/Tooltip/renderTooltip.js.map +1 -1
- package/lib/components/Tooltip/useTooltip.js +7 -7
- package/lib/components/Tooltip/useTooltip.js.map +1 -1
- package/lib/components/Tooltip/useTooltipStyles.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/Tooltip.js +5 -4
- package/lib-commonjs/Tooltip.js.map +1 -1
- package/lib-commonjs/components/Tooltip/Tooltip.js +20 -21
- package/lib-commonjs/components/Tooltip/Tooltip.js.map +1 -1
- package/lib-commonjs/components/Tooltip/Tooltip.types.js +5 -2
- package/lib-commonjs/components/Tooltip/Tooltip.types.js.map +1 -1
- package/lib-commonjs/components/Tooltip/index.js +9 -8
- package/lib-commonjs/components/Tooltip/index.js.map +1 -1
- package/lib-commonjs/components/Tooltip/private/constants.js +17 -16
- package/lib-commonjs/components/Tooltip/private/constants.js.map +1 -1
- package/lib-commonjs/components/Tooltip/renderTooltip.js +19 -24
- package/lib-commonjs/components/Tooltip/renderTooltip.js.map +1 -1
- package/lib-commonjs/components/Tooltip/useTooltip.js +191 -194
- package/lib-commonjs/components/Tooltip/useTooltip.js.map +1 -1
- package/lib-commonjs/components/Tooltip/useTooltipStyles.js +200 -92
- package/lib-commonjs/components/Tooltip/useTooltipStyles.js.map +1 -1
- package/lib-commonjs/index.js +16 -33
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +11 -10
- package/lib-amd/Tooltip.js +0 -6
- package/lib-amd/Tooltip.js.map +0 -1
- package/lib-amd/components/Tooltip/Tooltip.js +0 -20
- package/lib-amd/components/Tooltip/Tooltip.js.map +0 -1
- package/lib-amd/components/Tooltip/Tooltip.types.js +0 -5
- package/lib-amd/components/Tooltip/Tooltip.types.js.map +0 -1
- package/lib-amd/components/Tooltip/index.js +0 -10
- package/lib-amd/components/Tooltip/index.js.map +0 -1
- package/lib-amd/components/Tooltip/private/constants.js +0 -18
- package/lib-amd/components/Tooltip/private/constants.js.map +0 -1
- package/lib-amd/components/Tooltip/renderTooltip.js +0 -19
- package/lib-amd/components/Tooltip/renderTooltip.js.map +0 -1
- package/lib-amd/components/Tooltip/useTooltip.js +0 -158
- package/lib-amd/components/Tooltip/useTooltip.js.map +0 -1
- package/lib-amd/components/Tooltip/useTooltipStyles.js +0 -36
- package/lib-amd/components/Tooltip/useTooltipStyles.js.map +0 -1
- package/lib-amd/index.js +0 -11
- package/lib-amd/index.js.map +0 -1
@@ -1,101 +1,209 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
4
|
-
|
3
|
+
value: true
|
4
|
+
});
|
5
|
+
function _export(target, all) {
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
7
|
+
enumerable: true,
|
8
|
+
get: all[name]
|
9
|
+
});
|
10
|
+
}
|
11
|
+
_export(exports, {
|
12
|
+
tooltipClassNames: ()=>tooltipClassNames,
|
13
|
+
useTooltipStyles_unstable: ()=>useTooltipStyles_unstable
|
5
14
|
});
|
6
|
-
|
7
|
-
const
|
8
|
-
|
9
|
-
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
10
|
-
const constants_1 = /*#__PURE__*/require("./private/constants");
|
11
|
-
exports.tooltipClassNames = {
|
12
|
-
content: 'fui-Tooltip__content'
|
15
|
+
const _react = require("@griffel/react");
|
16
|
+
const tooltipClassNames = {
|
17
|
+
content: 'fui-Tooltip__content'
|
13
18
|
};
|
14
19
|
/**
|
15
20
|
* Styles for the tooltip
|
16
|
-
*/
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
21
|
+
*/ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
22
|
+
root: {
|
23
|
+
mc9l5x: "fjseox",
|
24
|
+
B7ck84d: "f1ewtqcl",
|
25
|
+
B2u0y6b: "f132xexn",
|
26
|
+
Bceei9c: "f158kwzp",
|
27
|
+
Bahqtrf: "fk6fouc",
|
28
|
+
Be2twd7: "fy9rknc",
|
29
|
+
Bg96gwp: "fwrc4pm",
|
30
|
+
Bbmb7ep: [
|
31
|
+
"f1aa9q02",
|
32
|
+
"f16jpd5f"
|
33
|
+
],
|
34
|
+
Beyfa6y: [
|
35
|
+
"f16jpd5f",
|
36
|
+
"f1aa9q02"
|
37
|
+
],
|
38
|
+
B7oj6ja: [
|
39
|
+
"f1jar5jt",
|
40
|
+
"fyu767a"
|
41
|
+
],
|
42
|
+
Btl43ni: [
|
43
|
+
"fyu767a",
|
44
|
+
"f1jar5jt"
|
45
|
+
],
|
46
|
+
B4j52fo: "f5ogflp",
|
47
|
+
Bekrc4i: [
|
48
|
+
"f1hqa2wf",
|
49
|
+
"finvdd3"
|
50
|
+
],
|
51
|
+
Bn0qgzm: "f1f09k3d",
|
52
|
+
ibv6hh: [
|
53
|
+
"finvdd3",
|
54
|
+
"f1hqa2wf"
|
55
|
+
],
|
56
|
+
icvyot: "fzkkow9",
|
57
|
+
vrafjx: [
|
58
|
+
"fcdblym",
|
59
|
+
"fjik90z"
|
60
|
+
],
|
61
|
+
oivjwe: "fg706s2",
|
62
|
+
wvpqe5: [
|
63
|
+
"fjik90z",
|
64
|
+
"fcdblym"
|
65
|
+
],
|
66
|
+
g2u3we: "fghlq4f",
|
67
|
+
h3c5rm: [
|
68
|
+
"f1gn591s",
|
69
|
+
"fjscplz"
|
70
|
+
],
|
71
|
+
B9xav0g: "fb073pr",
|
72
|
+
zhjwy3: [
|
73
|
+
"fjscplz",
|
74
|
+
"f1gn591s"
|
75
|
+
],
|
76
|
+
z8tnut: "f10ra9hq",
|
77
|
+
z189sj: [
|
78
|
+
"fd9xhir",
|
79
|
+
"f1jlaasf"
|
80
|
+
],
|
81
|
+
Byoj8tv: "f1d7kygh",
|
82
|
+
uwmqm3: [
|
83
|
+
"f1jlaasf",
|
84
|
+
"fd9xhir"
|
85
|
+
],
|
86
|
+
De3pzq: "fxugw4r",
|
87
|
+
sj55zd: "f19n0e5",
|
88
|
+
Bhu2qc9: "fxeb0a7"
|
89
|
+
},
|
90
|
+
visible: {
|
91
|
+
mc9l5x: "ftgm304"
|
92
|
+
},
|
93
|
+
inverted: {
|
94
|
+
De3pzq: "fg3r6xk",
|
95
|
+
sj55zd: "fonrgv7"
|
96
|
+
},
|
97
|
+
arrow: {
|
98
|
+
qhf8xq: "f1euv43f",
|
99
|
+
De3pzq: "f1u2r49w",
|
100
|
+
Bcdw1i0: "fd7fpy0",
|
101
|
+
Bj3rh1h: "f1bsuimh",
|
102
|
+
a9b677: "f1ekdpwm",
|
103
|
+
Bqenvij: "f83vc9z",
|
104
|
+
Ftih45: "f1wl9k8s",
|
105
|
+
B1puzpu: "f1wkw4r9",
|
106
|
+
Brfgrao: "f1j7ml58",
|
107
|
+
Bcvre1j: "fyl8oag",
|
108
|
+
Ccq8qp: "frdoeuz",
|
109
|
+
Baz25je: "fb81m9q",
|
110
|
+
cmx5o7: "f1ljr5q2",
|
111
|
+
B4f6apu: "fyfemzf",
|
112
|
+
m598lv: "focyt6c",
|
113
|
+
Bk5zm6e: "fnhxbxj",
|
114
|
+
y0oebl: "fdw6hkg",
|
115
|
+
qa3bma: "f11yjt3y",
|
116
|
+
Bqjgrrk: "f1172wan",
|
117
|
+
Budzafs: [
|
118
|
+
"f9e5op9",
|
119
|
+
"f112wvtl"
|
120
|
+
],
|
121
|
+
Hv9wc6: [
|
122
|
+
"ftj5xct",
|
123
|
+
"fyavhwi"
|
124
|
+
],
|
125
|
+
hl6cv3: "f1773hnp",
|
126
|
+
Bh2vraf: "f1n8855c",
|
127
|
+
yayu3t: "f1v7783n",
|
128
|
+
wedwtw: "fsw6im5",
|
129
|
+
rhl9o9: "fh2hsk5",
|
130
|
+
Bu8t5uz: "f159pzir",
|
131
|
+
B6q6orb: "f11yvu4",
|
132
|
+
Bwwlvwl: "fm1ycve"
|
133
|
+
}
|
88
134
|
}, {
|
89
|
-
|
135
|
+
d: [
|
136
|
+
".fjseox{display:none;}",
|
137
|
+
".f1ewtqcl{box-sizing:border-box;}",
|
138
|
+
".f132xexn{max-width:240px;}",
|
139
|
+
".f158kwzp{cursor:default;}",
|
140
|
+
".fk6fouc{font-family:var(--fontFamilyBase);}",
|
141
|
+
".fy9rknc{font-size:var(--fontSizeBase200);}",
|
142
|
+
".fwrc4pm{line-height:var(--lineHeightBase200);}",
|
143
|
+
".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}",
|
144
|
+
".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}",
|
145
|
+
".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}",
|
146
|
+
".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}",
|
147
|
+
".f5ogflp{border-top-width:1px;}",
|
148
|
+
".f1hqa2wf{border-right-width:1px;}",
|
149
|
+
".finvdd3{border-left-width:1px;}",
|
150
|
+
".f1f09k3d{border-bottom-width:1px;}",
|
151
|
+
".fzkkow9{border-top-style:solid;}",
|
152
|
+
".fcdblym{border-right-style:solid;}",
|
153
|
+
".fjik90z{border-left-style:solid;}",
|
154
|
+
".fg706s2{border-bottom-style:solid;}",
|
155
|
+
".fghlq4f{border-top-color:var(--colorTransparentStroke);}",
|
156
|
+
".f1gn591s{border-right-color:var(--colorTransparentStroke);}",
|
157
|
+
".fjscplz{border-left-color:var(--colorTransparentStroke);}",
|
158
|
+
".fb073pr{border-bottom-color:var(--colorTransparentStroke);}",
|
159
|
+
".f10ra9hq{padding-top:4px;}",
|
160
|
+
".fd9xhir{padding-right:11px;}",
|
161
|
+
".f1jlaasf{padding-left:11px;}",
|
162
|
+
".f1d7kygh{padding-bottom:6px;}",
|
163
|
+
".fxugw4r{background-color:var(--colorNeutralBackground1);}",
|
164
|
+
".f19n0e5{color:var(--colorNeutralForeground1);}",
|
165
|
+
".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));}",
|
166
|
+
".ftgm304{display:block;}",
|
167
|
+
".fg3r6xk{background-color:var(--colorNeutralBackgroundStatic);}",
|
168
|
+
".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}",
|
169
|
+
".f1euv43f{position:absolute;}",
|
170
|
+
".f1u2r49w{background-color:inherit;}",
|
171
|
+
".fd7fpy0{visibility:hidden;}",
|
172
|
+
".f1bsuimh{z-index:-1;}",
|
173
|
+
".f1ekdpwm{width:8.484px;}",
|
174
|
+
".f83vc9z{height:8.484px;}",
|
175
|
+
".f1wl9k8s::before{content:\"\";}",
|
176
|
+
".f1wkw4r9::before{visibility:visible;}",
|
177
|
+
".f1j7ml58::before{position:absolute;}",
|
178
|
+
".fyl8oag::before{box-sizing:border-box;}",
|
179
|
+
".frdoeuz::before{width:inherit;}",
|
180
|
+
".fb81m9q::before{height:inherit;}",
|
181
|
+
".f1ljr5q2::before{background-color:inherit;}",
|
182
|
+
".fyfemzf::before{border-right-width:1px;}",
|
183
|
+
".focyt6c::before{border-right-style:solid;}",
|
184
|
+
".fnhxbxj::before{border-right-color:var(--colorTransparentStroke);}",
|
185
|
+
".fdw6hkg::before{border-bottom-width:1px;}",
|
186
|
+
".f11yjt3y::before{border-bottom-style:solid;}",
|
187
|
+
".f1172wan::before{border-bottom-color:var(--colorTransparentStroke);}",
|
188
|
+
".f9e5op9::before{border-bottom-right-radius:var(--borderRadiusSmall);}",
|
189
|
+
".f112wvtl::before{border-bottom-left-radius:var(--borderRadiusSmall);}",
|
190
|
+
".ftj5xct::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);}",
|
191
|
+
".fyavhwi::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);}",
|
192
|
+
"[data-popper-placement^=\"top\"] .f1773hnp{bottom:-1px;}",
|
193
|
+
"[data-popper-placement^=\"top\"] .f1n8855c{--angle:0;}",
|
194
|
+
"[data-popper-placement^=\"right\"] .f1v7783n{left:-1px;}",
|
195
|
+
"[data-popper-placement^=\"right\"] .fsw6im5{--angle:90deg;}",
|
196
|
+
"[data-popper-placement^=\"bottom\"] .fh2hsk5{top:-1px;}",
|
197
|
+
"[data-popper-placement^=\"bottom\"] .f159pzir{--angle:180deg;}",
|
198
|
+
"[data-popper-placement^=\"left\"] .f11yvu4{right:-1px;}",
|
199
|
+
"[data-popper-placement^=\"left\"] .fm1ycve{--angle:270deg;}"
|
200
|
+
]
|
90
201
|
});
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
return state;
|
99
|
-
};
|
100
|
-
exports.useTooltipStyles_unstable = useTooltipStyles_unstable;
|
202
|
+
const useTooltipStyles_unstable = (state)=>{
|
203
|
+
const styles = useStyles();
|
204
|
+
state.content.className = (0, _react.mergeClasses)(tooltipClassNames.content, styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.content.className);
|
205
|
+
state.arrowClassName = styles.arrow;
|
206
|
+
return state;
|
207
|
+
}; //# sourceMappingURL=useTooltipStyles.js.map
|
208
|
+
|
101
209
|
//# sourceMappingURL=useTooltipStyles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../../lib/components/Tooltip/useTooltipStyles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { createArrowStyles } from '@fluentui/react-positioning';\nimport { tokens } from '@fluentui/react-theme';\nimport { arrowHeight } from './private/constants';\nexport const tooltipClassNames = {\n content: 'fui-Tooltip__content'\n};\n/**\n * Styles for the tooltip\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"fjseox\",\n B7ck84d: \"f1ewtqcl\",\n B2u0y6b: \"f132xexn\",\n Bceei9c: \"f158kwzp\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bg96gwp: \"fwrc4pm\",\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n B4j52fo: \"f5ogflp\",\n Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n Bn0qgzm: \"f1f09k3d\",\n ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n g2u3we: \"fghlq4f\",\n h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n B9xav0g: \"fb073pr\",\n zhjwy3: [\"fjscplz\", \"f1gn591s\"],\n z8tnut: \"f10ra9hq\",\n z189sj: [\"fd9xhir\", \"f1jlaasf\"],\n Byoj8tv: \"f1d7kygh\",\n uwmqm3: [\"f1jlaasf\", \"fd9xhir\"],\n De3pzq: \"fxugw4r\",\n sj55zd: \"f19n0e5\",\n Bhu2qc9: \"fxeb0a7\"\n },\n visible: {\n mc9l5x: \"ftgm304\"\n },\n inverted: {\n De3pzq: \"fg3r6xk\",\n sj55zd: \"fonrgv7\"\n },\n arrow: {\n qhf8xq: \"f1euv43f\",\n De3pzq: \"f1u2r49w\",\n Bcdw1i0: \"fd7fpy0\",\n Bj3rh1h: \"f1bsuimh\",\n a9b677: \"f1ekdpwm\",\n Bqenvij: \"f83vc9z\",\n Ftih45: \"f1wl9k8s\",\n B1puzpu: \"f1wkw4r9\",\n Brfgrao: \"f1j7ml58\",\n Bcvre1j: \"fyl8oag\",\n Ccq8qp: \"frdoeuz\",\n Baz25je: \"fb81m9q\",\n cmx5o7: \"f1ljr5q2\",\n B4f6apu: \"fyfemzf\",\n m598lv: \"focyt6c\",\n Bk5zm6e: \"fnhxbxj\",\n y0oebl: \"fdw6hkg\",\n qa3bma: \"f11yjt3y\",\n Bqjgrrk: \"f1172wan\",\n Budzafs: [\"f9e5op9\", \"f112wvtl\"],\n Hv9wc6: [\"ftj5xct\", \"fyavhwi\"],\n hl6cv3: \"f1773hnp\",\n Bh2vraf: \"f1n8855c\",\n yayu3t: \"f1v7783n\",\n wedwtw: \"fsw6im5\",\n rhl9o9: \"fh2hsk5\",\n Bu8t5uz: \"f159pzir\",\n B6q6orb: \"f11yvu4\",\n Bwwlvwl: \"fm1ycve\"\n }\n}, {\n 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;}\", \".fg3r6xk{background-color:var(--colorNeutralBackgroundStatic);}\", \".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}\", \".f1euv43f{position:absolute;}\", \".f1u2r49w{background-color:inherit;}\", \".fd7fpy0{visibility:hidden;}\", \".f1bsuimh{z-index:-1;}\", \".f1ekdpwm{width:8.484px;}\", \".f83vc9z{height:8.484px;}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".f1wkw4r9::before{visibility:visible;}\", \".f1j7ml58::before{position:absolute;}\", \".fyl8oag::before{box-sizing:border-box;}\", \".frdoeuz::before{width:inherit;}\", \".fb81m9q::before{height:inherit;}\", \".f1ljr5q2::before{background-color:inherit;}\", \".fyfemzf::before{border-right-width:1px;}\", \".focyt6c::before{border-right-style:solid;}\", \".fnhxbxj::before{border-right-color:var(--colorTransparentStroke);}\", \".fdw6hkg::before{border-bottom-width:1px;}\", \".f11yjt3y::before{border-bottom-style:solid;}\", \".f1172wan::before{border-bottom-color:var(--colorTransparentStroke);}\", \".f9e5op9::before{border-bottom-right-radius:var(--borderRadiusSmall);}\", \".f112wvtl::before{border-bottom-left-radius:var(--borderRadiusSmall);}\", \".ftj5xct::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);}\", \".fyavhwi::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;}\"]\n});\n/**\n * Apply styling to the Tooltip slots based on the state\n */\nexport const useTooltipStyles_unstable = state => {\n const styles = useStyles();\n state.content.className = mergeClasses(tooltipClassNames.content, styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.content.className);\n state.arrowClassName = styles.arrow;\n return state;\n};\n//# sourceMappingURL=useTooltipStyles.js.map"],"names":["tooltipClassNames","useTooltipStyles_unstable","content","useStyles","__styles","root","mc9l5x","B7ck84d","B2u0y6b","Bceei9c","Bahqtrf","Be2twd7","Bg96gwp","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","z8tnut","z189sj","Byoj8tv","uwmqm3","De3pzq","sj55zd","Bhu2qc9","visible","inverted","arrow","qhf8xq","Bcdw1i0","Bj3rh1h","a9b677","Bqenvij","Ftih45","B1puzpu","Brfgrao","Bcvre1j","Ccq8qp","Baz25je","cmx5o7","B4f6apu","m598lv","Bk5zm6e","y0oebl","qa3bma","Bqjgrrk","Budzafs","Hv9wc6","hl6cv3","Bh2vraf","yayu3t","wedwtw","rhl9o9","Bu8t5uz","B6q6orb","Bwwlvwl","d","state","styles","className","mergeClasses","appearance","arrowClassName"],"mappings":";;;;;;;;;;;IAIaA,iBAAiB,MAAjBA;IAmFAC,yBAAyB,MAAzBA;;uBAvFsC;AAI5C,MAAMD,oBAAoB;IAC/BE,SAAS;AACX;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,SAAS;QACP9B,QAAQ;IACV;IACA+B,UAAU;QACRJ,QAAQ;QACRC,QAAQ;IACV;IACAI,OAAO;QACLC,QAAQ;QACRN,QAAQ;QACRO,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA0B;QAAqC;QAA+B;QAA8B;QAAgD;QAA+C;QAAmD;QAAoE;QAAmE;QAAiE;QAA+D;QAAmC;QAAsC;QAAoC;QAAuC;QAAqC;QAAuC;QAAsC;QAAwC;QAA6D;QAAgE;QAA8D;QAAgE;QAA+B;QAAiC;QAAiC;QAAkC;QAA8D;QAAmD;QAAwP;QAA4B;QAAmE;QAAgE;QAAiC;QAAwC;QAAgC;QAA0B;QAA6B;QAA6B;QAAoC;QAA0C;QAAyC;QAA4C;QAAoC;QAAqC;QAAgD;QAA6C;QAA+C;QAAuE;QAA8C;QAAiD;QAAyE;QAA0E;QAA0E;QAAmS;QAAuS;QAA4D;QAA0D;QAA4D;QAA+D;QAA2D;QAAkE;QAA2D;KAA8D;AACxrH;AAIO,MAAMlE,4BAA4BmE,CAAAA,QAAS;IAChD,MAAMC,SAASlE;IACfiE,MAAMlE,OAAO,CAACoE,SAAS,GAAGC,IAAAA,mBAAY,EAACvE,kBAAkBE,OAAO,EAAEmE,OAAOhE,IAAI,EAAE+D,MAAMI,UAAU,KAAK,cAAcH,OAAOhC,QAAQ,EAAE+B,MAAMhC,OAAO,IAAIiC,OAAOjC,OAAO,EAAEgC,MAAMlE,OAAO,CAACoE,SAAS;IAC3LF,MAAMK,cAAc,GAAGJ,OAAO/B,KAAK;IACnC,OAAO8B;AACT,GACA,4CAA4C"}
|
package/lib-commonjs/index.js
CHANGED
@@ -1,38 +1,21 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
4
|
-
|
5
|
-
});
|
6
|
-
exports.useTooltip_unstable = exports.useTooltipStyles_unstable = exports.tooltipClassNames = exports.renderTooltip_unstable = exports.Tooltip = void 0;
|
7
|
-
var Tooltip_1 = /*#__PURE__*/require("./Tooltip");
|
8
|
-
Object.defineProperty(exports, "Tooltip", {
|
9
|
-
enumerable: true,
|
10
|
-
get: function () {
|
11
|
-
return Tooltip_1.Tooltip;
|
12
|
-
}
|
13
|
-
});
|
14
|
-
Object.defineProperty(exports, "renderTooltip_unstable", {
|
15
|
-
enumerable: true,
|
16
|
-
get: function () {
|
17
|
-
return Tooltip_1.renderTooltip_unstable;
|
18
|
-
}
|
3
|
+
value: true
|
19
4
|
});
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
}
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
Object.defineProperty(exports, "useTooltip_unstable", {
|
33
|
-
enumerable: true,
|
34
|
-
get: function () {
|
35
|
-
return Tooltip_1.useTooltip_unstable;
|
36
|
-
}
|
5
|
+
function _export(target, all) {
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
7
|
+
enumerable: true,
|
8
|
+
get: all[name]
|
9
|
+
});
|
10
|
+
}
|
11
|
+
_export(exports, {
|
12
|
+
Tooltip: ()=>_tooltip.Tooltip,
|
13
|
+
renderTooltip_unstable: ()=>_tooltip.renderTooltip_unstable,
|
14
|
+
tooltipClassNames: ()=>_tooltip.tooltipClassNames,
|
15
|
+
useTooltipStyles_unstable: ()=>_tooltip.useTooltipStyles_unstable,
|
16
|
+
useTooltip_unstable: ()=>_tooltip.useTooltip_unstable
|
37
17
|
});
|
18
|
+
const _tooltip = require("./Tooltip");
|
19
|
+
//# sourceMappingURL=index.js.map
|
20
|
+
|
38
21
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Tooltip, renderTooltip_unstable, tooltipClassNames, useTooltipStyles_unstable, useTooltip_unstable } from './Tooltip';\n//# sourceMappingURL=index.js.map"],"names":["Tooltip","renderTooltip_unstable","tooltipClassNames","useTooltipStyles_unstable","useTooltip_unstable"],"mappings":";;;;;;;;;;;IAASA,OAAO,MAAPA,gBAAO;IAAEC,sBAAsB,MAAtBA,+BAAsB;IAAEC,iBAAiB,MAAjBA,0BAAiB;IAAEC,yBAAyB,MAAzBA,kCAAyB;IAAEC,mBAAmB,MAAnBA,4BAAmB;;yBAAQ;CACnH,iCAAiC"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-tooltip",
|
3
|
-
"version": "9.2.
|
3
|
+
"version": "9.2.5",
|
4
4
|
"description": "React components for building web experiences",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -22,24 +22,24 @@
|
|
22
22
|
"test": "jest --passWithNoTests",
|
23
23
|
"storybook": "start-storybook",
|
24
24
|
"type-check": "tsc -b tsconfig.json",
|
25
|
-
"generate-api": "
|
25
|
+
"generate-api": "just-scripts generate-api"
|
26
26
|
},
|
27
27
|
"devDependencies": {
|
28
28
|
"@fluentui/eslint-plugin": "*",
|
29
29
|
"@fluentui/react-conformance": "*",
|
30
|
-
"@fluentui/react-conformance-griffel": "9.0.0-beta.
|
30
|
+
"@fluentui/react-conformance-griffel": "9.0.0-beta.20",
|
31
31
|
"@fluentui/scripts-api-extractor": "*",
|
32
32
|
"@fluentui/scripts-tasks": "*"
|
33
33
|
},
|
34
34
|
"dependencies": {
|
35
|
-
"@fluentui/keyboard-keys": "^9.0.
|
36
|
-
"@fluentui/react-portal": "^9.2.
|
37
|
-
"@fluentui/react-positioning": "^9.5.
|
38
|
-
"@fluentui/react-shared-contexts": "^9.3.
|
39
|
-
"@fluentui/react-theme": "^9.1.
|
40
|
-
"@fluentui/react-utilities": "^9.7.
|
35
|
+
"@fluentui/keyboard-keys": "^9.0.2",
|
36
|
+
"@fluentui/react-portal": "^9.2.2",
|
37
|
+
"@fluentui/react-positioning": "^9.5.6",
|
38
|
+
"@fluentui/react-shared-contexts": "^9.3.2",
|
39
|
+
"@fluentui/react-theme": "^9.1.7",
|
40
|
+
"@fluentui/react-utilities": "^9.7.2",
|
41
41
|
"@griffel/react": "^1.5.2",
|
42
|
-
"
|
42
|
+
"@swc/helpers": "^0.4.14"
|
43
43
|
},
|
44
44
|
"peerDependencies": {
|
45
45
|
"@types/react": ">=16.8.0 <19.0.0",
|
@@ -56,6 +56,7 @@
|
|
56
56
|
"exports": {
|
57
57
|
".": {
|
58
58
|
"types": "./dist/index.d.ts",
|
59
|
+
"node": "./lib-commonjs/index.js",
|
59
60
|
"import": "./lib/index.js",
|
60
61
|
"require": "./lib-commonjs/index.js"
|
61
62
|
},
|
package/lib-amd/Tooltip.js
DELETED
@@ -1,6 +0,0 @@
|
|
1
|
-
define(["require", "exports", "tslib", "./components/Tooltip/index"], function (require, exports, tslib_1, index_1) {
|
2
|
-
"use strict";
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
4
|
-
tslib_1.__exportStar(index_1, exports);
|
5
|
-
});
|
6
|
-
//# sourceMappingURL=Tooltip.js.map
|
package/lib-amd/Tooltip.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-tooltip/src/Tooltip.ts"],"names":[],"mappings":";;;IAAA,uCAA2C","sourcesContent":["export * from './components/Tooltip/index';\n"]}
|
@@ -1,20 +0,0 @@
|
|
1
|
-
define(["require", "exports", "./useTooltip", "./renderTooltip", "@fluentui/react-shared-contexts", "./useTooltipStyles"], function (require, exports, useTooltip_1, renderTooltip_1, react_shared_contexts_1, useTooltipStyles_1) {
|
2
|
-
"use strict";
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
4
|
-
exports.Tooltip = void 0;
|
5
|
-
/**
|
6
|
-
* A tooltip provides light weight contextual information on top of its target element.
|
7
|
-
*/
|
8
|
-
var Tooltip = function (props) {
|
9
|
-
var state = useTooltip_1.useTooltip_unstable(props);
|
10
|
-
useTooltipStyles_1.useTooltipStyles_unstable(state);
|
11
|
-
var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useTooltipStyles_unstable;
|
12
|
-
useCustomStyles(state);
|
13
|
-
return renderTooltip_1.renderTooltip_unstable(state);
|
14
|
-
};
|
15
|
-
exports.Tooltip = Tooltip;
|
16
|
-
exports.Tooltip.displayName = 'Tooltip';
|
17
|
-
// type casting here is required to ensure internal type FluentTriggerComponent is not leaked
|
18
|
-
exports.Tooltip.isFluentTriggerComponent = true;
|
19
|
-
});
|
20
|
-
//# sourceMappingURL=Tooltip.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-tooltip/src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACI,IAAM,OAAO,GAA2B,UAAA,KAAK;QAClD,IAAM,KAAK,GAAG,gCAAmB,CAAC,KAAK,CAAC,CAAC;QAEzC,4CAAyB,CAAC,KAAK,CAAC,CAAC;QAEzB,IAA2B,eAAe,GAAK,oDAA4B,EAAE,0BAAnC,CAAoC;QACtF,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,sCAAsB,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC,CAAC;IATW,QAAA,OAAO,WASlB;IAEF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC;IAChC,6FAA6F;IAC5F,eAAkC,CAAC,wBAAwB,GAAG,IAAI,CAAC","sourcesContent":["import * as React from 'react';\nimport { useTooltip_unstable } from './useTooltip';\nimport { renderTooltip_unstable } from './renderTooltip';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { useTooltipStyles_unstable } from './useTooltipStyles';\nimport type { TooltipProps } from './Tooltip.types';\nimport type { FluentTriggerComponent } from '@fluentui/react-utilities';\n\n/**\n * A tooltip provides light weight contextual information on top of its target element.\n */\nexport const Tooltip: React.FC<TooltipProps> = props => {\n const state = useTooltip_unstable(props);\n\n useTooltipStyles_unstable(state);\n\n const { useTooltipStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n\n return renderTooltip_unstable(state);\n};\n\nTooltip.displayName = 'Tooltip';\n// type casting here is required to ensure internal type FluentTriggerComponent is not leaked\n(Tooltip as FluentTriggerComponent).isFluentTriggerComponent = true;\n"]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Tooltip.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-tooltip/src/components/Tooltip/Tooltip.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { PositioningShorthand } from '@fluentui/react-positioning';\nimport type { ComponentProps, ComponentState, Slot, TriggerProps } from '@fluentui/react-utilities';\nimport type { PortalProps } from '@fluentui/react-portal';\n\n/**\n * Slot properties for Tooltip\n */\nexport type TooltipSlots = {\n /**\n * The text or JSX content of the tooltip.\n */\n content: NonNullable<Slot<'div'>>;\n};\n\n/**\n * The properties that are added to the child of the Tooltip\n */\nexport type TooltipChildProps = {\n ref?: React.Ref<unknown>;\n} & Pick<\n React.HTMLAttributes<HTMLElement>,\n 'aria-describedby' | 'aria-label' | 'aria-labelledby' | 'onBlur' | 'onFocus' | 'onPointerEnter' | 'onPointerLeave'\n>;\n\n/**\n * Data for the Tooltip's onVisibleChange event.\n */\nexport type OnVisibleChangeData = {\n visible: boolean;\n};\n\n/**\n * Properties for Tooltip\n */\nexport type TooltipProps = ComponentProps<TooltipSlots> &\n TriggerProps<TooltipChildProps> &\n Pick<PortalProps, 'mountNode'> & {\n /**\n * The tooltip's visual appearance.\n * * `normal` - Uses the theme's background and text colors.\n * * `inverted` - Higher contrast variant that uses the theme's inverted colors.\n *\n * @default normal\n */\n appearance?: 'normal' | 'inverted';\n /**\n * Delay before the tooltip is hidden, in milliseconds.\n *\n * @default 250\n */\n hideDelay?: number;\n\n /**\n * Notification when the visibility of the tooltip is changing\n */\n onVisibleChange?: (\n event: React.PointerEvent<HTMLElement> | React.FocusEvent<HTMLElement> | undefined,\n data: OnVisibleChangeData,\n ) => void;\n\n /**\n * Configure the positioning of the tooltip\n *\n * @default above\n */\n positioning?: PositioningShorthand;\n\n /**\n * (Required) Specifies whether this tooltip is acting as the description or label of its trigger element.\n *\n * * `label` - The tooltip sets the trigger's aria-label or aria-labelledby attribute. This is useful for buttons\n * displaying only an icon, for example.\n * * `description` - The tooltip sets the trigger's aria-description or aria-describedby attribute.\n * * `inaccessible` - No aria attributes are set on the trigger. This makes the tooltip's content inaccessible to\n * screen readers, and should only be used if the tooltip's text is available by some other means.\n */\n relationship: 'label' | 'description' | 'inaccessible';\n\n /**\n * Delay before the tooltip is shown, in milliseconds.\n *\n * @default 250\n */\n showDelay?: number;\n\n /**\n * Control the tooltip's visibility programatically.\n *\n * This can be used in conjunction with onVisibleChange to modify the tooltip's show and hide behavior.\n *\n * If not provided, the visibility will be controlled by the tooltip itself, based on hover and focus events on the\n * trigger (child) element.\n *\n * @default false\n */\n visible?: boolean;\n\n /**\n * Render an arrow pointing to the target element\n *\n * @default false\n */\n withArrow?: boolean;\n };\n\n/**\n * State used in rendering Tooltip\n */\nexport type TooltipState = ComponentState<TooltipSlots> &\n Pick<TooltipProps, 'mountNode' | 'relationship'> &\n Required<Pick<TooltipProps, 'appearance' | 'hideDelay' | 'positioning' | 'showDelay' | 'visible' | 'withArrow'>> & {\n children?: React.ReactElement | null;\n\n /**\n * Whether the tooltip should be rendered to the DOM.\n */\n shouldRenderTooltip?: boolean;\n\n /**\n * Ref to the arrow element\n */\n arrowRef?: React.Ref<HTMLDivElement>;\n\n /**\n * CSS class for the arrow element\n */\n arrowClassName?: string;\n };\n"]}
|
@@ -1,10 +0,0 @@
|
|
1
|
-
define(["require", "exports", "tslib", "./Tooltip", "./Tooltip.types", "./renderTooltip", "./useTooltip", "./useTooltipStyles"], function (require, exports, tslib_1, Tooltip_1, Tooltip_types_1, renderTooltip_1, useTooltip_1, useTooltipStyles_1) {
|
2
|
-
"use strict";
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
4
|
-
tslib_1.__exportStar(Tooltip_1, exports);
|
5
|
-
tslib_1.__exportStar(Tooltip_types_1, exports);
|
6
|
-
tslib_1.__exportStar(renderTooltip_1, exports);
|
7
|
-
tslib_1.__exportStar(useTooltip_1, exports);
|
8
|
-
tslib_1.__exportStar(useTooltipStyles_1, exports);
|
9
|
-
});
|
10
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-tooltip/src/components/Tooltip/index.ts"],"names":[],"mappings":";;;IAAA,yCAA0B;IAC1B,+CAAgC;IAChC,+CAAgC;IAChC,4CAA6B;IAC7B,kDAAmC","sourcesContent":["export * from './Tooltip';\nexport * from './Tooltip.types';\nexport * from './renderTooltip';\nexport * from './useTooltip';\nexport * from './useTooltipStyles';\n"]}
|
@@ -1,18 +0,0 @@
|
|
1
|
-
define(["require", "exports"], function (require, exports) {
|
2
|
-
"use strict";
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
4
|
-
exports.tooltipBorderRadius = exports.arrowHeight = void 0;
|
5
|
-
/**
|
6
|
-
* The height of the tooltip's arrow in pixels.
|
7
|
-
*/
|
8
|
-
exports.arrowHeight = 6;
|
9
|
-
/**
|
10
|
-
* The default value of the tooltip's border radius (borderRadiusMedium).
|
11
|
-
*
|
12
|
-
* Unfortunately, Popper requires it to be specified as a variable instead of using CSS.
|
13
|
-
* While we could use getComputedStyle, that adds a performance penalty for something that
|
14
|
-
* will likely never change.
|
15
|
-
*/
|
16
|
-
exports.tooltipBorderRadius = 4;
|
17
|
-
});
|
18
|
-
//# sourceMappingURL=constants.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../../../../../packages/react-components/react-tooltip/src/components/Tooltip/private/constants.ts"],"names":[],"mappings":";;;;IAAA;;OAEG;IACU,QAAA,WAAW,GAAG,CAAC,CAAC;IAE7B;;;;;;OAMG;IACU,QAAA,mBAAmB,GAAG,CAAC,CAAC","sourcesContent":["/**\n * The height of the tooltip's arrow in pixels.\n */\nexport const arrowHeight = 6;\n\n/**\n * The default value of the tooltip's border radius (borderRadiusMedium).\n *\n * Unfortunately, Popper requires it to be specified as a variable instead of using CSS.\n * While we could use getComputedStyle, that adds a performance penalty for something that\n * will likely never change.\n */\nexport const tooltipBorderRadius = 4;\n"]}
|
@@ -1,19 +0,0 @@
|
|
1
|
-
define(["require", "exports", "tslib", "react", "@fluentui/react-portal", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_portal_1, react_utilities_1) {
|
2
|
-
"use strict";
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
4
|
-
exports.renderTooltip_unstable = void 0;
|
5
|
-
/**
|
6
|
-
* Render the final JSX of Tooltip
|
7
|
-
*/
|
8
|
-
var renderTooltip_unstable = function (state) {
|
9
|
-
var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
|
10
|
-
return (React.createElement(React.Fragment, null,
|
11
|
-
state.children,
|
12
|
-
state.shouldRenderTooltip && (React.createElement(react_portal_1.Portal, { mountNode: state.mountNode },
|
13
|
-
React.createElement(slots.content, tslib_1.__assign({}, slotProps.content),
|
14
|
-
state.withArrow && React.createElement("div", { ref: state.arrowRef, className: state.arrowClassName }),
|
15
|
-
state.content.children)))));
|
16
|
-
};
|
17
|
-
exports.renderTooltip_unstable = renderTooltip_unstable;
|
18
|
-
});
|
19
|
-
//# sourceMappingURL=renderTooltip.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"renderTooltip.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-tooltip/src/components/Tooltip/renderTooltip.tsx"],"names":[],"mappings":";;;;IAKA;;OAEG;IACI,IAAM,sBAAsB,GAAG,UAAC,KAAmB;QAClD,IAAA,KAAuB,0BAAQ,CAAe,KAAK,CAAC,EAAlD,KAAK,WAAA,EAAE,SAAS,eAAkC,CAAC;QAE3D,OAAO,CACL;YACG,KAAK,CAAC,QAAQ;YACd,KAAK,CAAC,mBAAmB,IAAI,CAC5B,oBAAC,qBAAM,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS;gBAChC,oBAAC,KAAK,CAAC,OAAO,uBAAK,SAAS,CAAC,OAAO;oBACjC,KAAK,CAAC,SAAS,IAAI,6BAAK,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,cAAc,GAAI;oBAChF,KAAK,CAAC,OAAO,CAAC,QAAQ,CACT,CACT,CACV,CACA,CACJ,CAAC;IACJ,CAAC,CAAC;IAhBW,QAAA,sBAAsB,0BAgBjC","sourcesContent":["import * as React from 'react';\nimport { Portal } from '@fluentui/react-portal';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { TooltipSlots, TooltipState } from './Tooltip.types';\n\n/**\n * Render the final JSX of Tooltip\n */\nexport const renderTooltip_unstable = (state: TooltipState) => {\n const { slots, slotProps } = getSlots<TooltipSlots>(state);\n\n return (\n <>\n {state.children}\n {state.shouldRenderTooltip && (\n <Portal mountNode={state.mountNode}>\n <slots.content {...slotProps.content}>\n {state.withArrow && <div ref={state.arrowRef} className={state.arrowClassName} />}\n {state.content.children}\n </slots.content>\n </Portal>\n )}\n </>\n );\n};\n"]}
|