@fluentui/react-tooltip 9.2.3 → 9.2.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (54) hide show
  1. package/.swcrc +30 -0
  2. package/CHANGELOG.json +91 -1
  3. package/CHANGELOG.md +30 -2
  4. package/lib/Tooltip.js.map +1 -1
  5. package/lib/components/Tooltip/Tooltip.js +1 -0
  6. package/lib/components/Tooltip/Tooltip.js.map +1 -1
  7. package/lib/components/Tooltip/Tooltip.types.js +1 -1
  8. package/lib/components/Tooltip/Tooltip.types.js.map +1 -1
  9. package/lib/components/Tooltip/index.js.map +1 -1
  10. package/lib/components/Tooltip/private/constants.js +1 -2
  11. package/lib/components/Tooltip/private/constants.js.map +1 -1
  12. package/lib/components/Tooltip/renderTooltip.js +1 -3
  13. package/lib/components/Tooltip/renderTooltip.js.map +1 -1
  14. package/lib/components/Tooltip/useTooltip.js +7 -7
  15. package/lib/components/Tooltip/useTooltip.js.map +1 -1
  16. package/lib/components/Tooltip/useTooltipStyles.js.map +1 -1
  17. package/lib/index.js.map +1 -1
  18. package/lib-commonjs/Tooltip.js +5 -4
  19. package/lib-commonjs/Tooltip.js.map +1 -1
  20. package/lib-commonjs/components/Tooltip/Tooltip.js +20 -21
  21. package/lib-commonjs/components/Tooltip/Tooltip.js.map +1 -1
  22. package/lib-commonjs/components/Tooltip/Tooltip.types.js +5 -2
  23. package/lib-commonjs/components/Tooltip/Tooltip.types.js.map +1 -1
  24. package/lib-commonjs/components/Tooltip/index.js +9 -8
  25. package/lib-commonjs/components/Tooltip/index.js.map +1 -1
  26. package/lib-commonjs/components/Tooltip/private/constants.js +17 -16
  27. package/lib-commonjs/components/Tooltip/private/constants.js.map +1 -1
  28. package/lib-commonjs/components/Tooltip/renderTooltip.js +19 -24
  29. package/lib-commonjs/components/Tooltip/renderTooltip.js.map +1 -1
  30. package/lib-commonjs/components/Tooltip/useTooltip.js +191 -194
  31. package/lib-commonjs/components/Tooltip/useTooltip.js.map +1 -1
  32. package/lib-commonjs/components/Tooltip/useTooltipStyles.js +200 -92
  33. package/lib-commonjs/components/Tooltip/useTooltipStyles.js.map +1 -1
  34. package/lib-commonjs/index.js +16 -33
  35. package/lib-commonjs/index.js.map +1 -1
  36. package/package.json +11 -10
  37. package/lib-amd/Tooltip.js +0 -6
  38. package/lib-amd/Tooltip.js.map +0 -1
  39. package/lib-amd/components/Tooltip/Tooltip.js +0 -20
  40. package/lib-amd/components/Tooltip/Tooltip.js.map +0 -1
  41. package/lib-amd/components/Tooltip/Tooltip.types.js +0 -5
  42. package/lib-amd/components/Tooltip/Tooltip.types.js.map +0 -1
  43. package/lib-amd/components/Tooltip/index.js +0 -10
  44. package/lib-amd/components/Tooltip/index.js.map +0 -1
  45. package/lib-amd/components/Tooltip/private/constants.js +0 -18
  46. package/lib-amd/components/Tooltip/private/constants.js.map +0 -1
  47. package/lib-amd/components/Tooltip/renderTooltip.js +0 -19
  48. package/lib-amd/components/Tooltip/renderTooltip.js.map +0 -1
  49. package/lib-amd/components/Tooltip/useTooltip.js +0 -158
  50. package/lib-amd/components/Tooltip/useTooltip.js.map +0 -1
  51. package/lib-amd/components/Tooltip/useTooltipStyles.js +0 -36
  52. package/lib-amd/components/Tooltip/useTooltipStyles.js.map +0 -1
  53. package/lib-amd/index.js +0 -11
  54. package/lib-amd/index.js.map +0 -1
@@ -1,101 +1,209 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
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
- exports.useTooltipStyles_unstable = exports.tooltipClassNames = void 0;
7
- const react_1 = /*#__PURE__*/require("@griffel/react");
8
- const react_positioning_1 = /*#__PURE__*/require("@fluentui/react-positioning");
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
- const useStyles = /*#__PURE__*/react_1.__styles({
18
- root: {
19
- mc9l5x: "fjseox",
20
- B7ck84d: "f1ewtqcl",
21
- B2u0y6b: "f132xexn",
22
- Bceei9c: "f158kwzp",
23
- Bahqtrf: "fk6fouc",
24
- Be2twd7: "fy9rknc",
25
- Bg96gwp: "fwrc4pm",
26
- Bbmb7ep: ["f1aa9q02", "f16jpd5f"],
27
- Beyfa6y: ["f16jpd5f", "f1aa9q02"],
28
- B7oj6ja: ["f1jar5jt", "fyu767a"],
29
- Btl43ni: ["fyu767a", "f1jar5jt"],
30
- B4j52fo: "f5ogflp",
31
- Bekrc4i: ["f1hqa2wf", "finvdd3"],
32
- Bn0qgzm: "f1f09k3d",
33
- ibv6hh: ["finvdd3", "f1hqa2wf"],
34
- icvyot: "fzkkow9",
35
- vrafjx: ["fcdblym", "fjik90z"],
36
- oivjwe: "fg706s2",
37
- wvpqe5: ["fjik90z", "fcdblym"],
38
- g2u3we: "fghlq4f",
39
- h3c5rm: ["f1gn591s", "fjscplz"],
40
- B9xav0g: "fb073pr",
41
- zhjwy3: ["fjscplz", "f1gn591s"],
42
- z8tnut: "f10ra9hq",
43
- z189sj: ["fd9xhir", "f1jlaasf"],
44
- Byoj8tv: "f1d7kygh",
45
- uwmqm3: ["f1jlaasf", "fd9xhir"],
46
- De3pzq: "fxugw4r",
47
- sj55zd: "f19n0e5",
48
- Bhu2qc9: "fxeb0a7"
49
- },
50
- visible: {
51
- mc9l5x: "ftgm304"
52
- },
53
- inverted: {
54
- De3pzq: "fg3r6xk",
55
- sj55zd: "fonrgv7"
56
- },
57
- arrow: {
58
- qhf8xq: "f1euv43f",
59
- De3pzq: "f1u2r49w",
60
- Bcdw1i0: "fd7fpy0",
61
- Bj3rh1h: "f1bsuimh",
62
- a9b677: "f1ekdpwm",
63
- Bqenvij: "f83vc9z",
64
- Ftih45: "f1wl9k8s",
65
- B1puzpu: "f1wkw4r9",
66
- Brfgrao: "f1j7ml58",
67
- Bcvre1j: "fyl8oag",
68
- Ccq8qp: "frdoeuz",
69
- Baz25je: "fb81m9q",
70
- cmx5o7: "f1ljr5q2",
71
- B4f6apu: "fyfemzf",
72
- m598lv: "focyt6c",
73
- Bk5zm6e: "fnhxbxj",
74
- y0oebl: "fdw6hkg",
75
- qa3bma: "f11yjt3y",
76
- Bqjgrrk: "f1172wan",
77
- Budzafs: ["f9e5op9", "f112wvtl"],
78
- Hv9wc6: ["ftj5xct", "fyavhwi"],
79
- hl6cv3: "f1773hnp",
80
- Bh2vraf: "f1n8855c",
81
- yayu3t: "f1v7783n",
82
- wedwtw: "fsw6im5",
83
- rhl9o9: "fh2hsk5",
84
- Bu8t5uz: "f159pzir",
85
- B6q6orb: "f11yvu4",
86
- Bwwlvwl: "fm1ycve"
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
- 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;}"]
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
- * Apply styling to the Tooltip slots based on the state
93
- */
94
- const useTooltipStyles_unstable = state => {
95
- const styles = useStyles();
96
- state.content.className = react_1.mergeClasses(exports.tooltipClassNames.content, styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.content.className);
97
- state.arrowClassName = styles.arrow;
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,"names":["react_1","require","react_positioning_1","react_theme_1","constants_1","exports","tooltipClassNames","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","useTooltipStyles_unstable","state","styles","className","mergeClasses","appearance","arrowClassName"],"sources":["../src/packages/react-components/react-tooltip/src/components/Tooltip/useTooltipStyles.ts"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createArrowStyles } from '@fluentui/react-positioning';\nimport { tokens } from '@fluentui/react-theme';\nimport { arrowHeight } from './private/constants';\nimport type { TooltipSlots, TooltipState } from './Tooltip.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const tooltipClassNames: SlotClassNames<TooltipSlots> = {\n content: 'fui-Tooltip__content',\n};\n\n/**\n * Styles for the tooltip\n */\nconst useStyles = makeStyles({\n root: {\n display: 'none',\n boxSizing: 'border-box',\n maxWidth: '240px',\n cursor: 'default',\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n ...shorthands.border('1px', 'solid', tokens.colorTransparentStroke),\n ...shorthands.padding('4px', '11px', '6px', '11px'), // '5px 12px 7px 12px' minus the border width '1px'\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1,\n\n // TODO need to add versions of tokens.alias.shadow.shadow8, etc. that work with filter\n filter:\n `drop-shadow(0 0 2px ${tokens.colorNeutralShadowAmbient}) ` +\n `drop-shadow(0 4px 8px ${tokens.colorNeutralShadowKey})`,\n },\n\n visible: {\n display: 'block',\n },\n\n inverted: {\n backgroundColor: tokens.colorNeutralBackgroundStatic,\n color: tokens.colorNeutralForegroundStaticInverted,\n },\n\n arrow: createArrowStyles({ arrowHeight }),\n});\n\n/**\n * Apply styling to the Tooltip slots based on the state\n */\nexport const useTooltipStyles_unstable = (state: TooltipState): TooltipState => {\n const styles = useStyles();\n\n state.content.className = mergeClasses(\n tooltipClassNames.content,\n styles.root,\n state.appearance === 'inverted' && styles.inverted,\n state.visible && styles.visible,\n state.content.className,\n );\n\n state.arrowClassName = styles.arrow;\n\n return state;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AACA,MAAAC,mBAAA,gBAAAD,OAAA;AACA,MAAAE,aAAA,gBAAAF,OAAA;AACA,MAAAG,WAAA,gBAAAH,OAAA;AAIaI,OAAA,CAAAC,iBAAiB,GAAiC;EAC7DC,OAAO,EAAE;CACV;AAED;;;AAGA,MAAMC,SAAS,gBAAGR,OAAA,CAAAS,QAAU;EAAAC,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,OAAA;IAAA9B,MAAA;EAAA;EAAA+B,QAAA;IAAAJ,MAAA;IAAAC,MAAA;EAAA;EAAAI,KAAA;IAAAC,MAAA;IAAAN,MAAA;IAAAO,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAgC1B;AAEF;;;AAGO,MAAMC,yBAAyB,GAAIC,KAAmB,IAAkB;EAC7E,MAAMC,MAAM,GAAGnE,SAAS,EAAE;EAE1BkE,KAAK,CAACnE,OAAO,CAACqE,SAAS,GAAG5E,OAAA,CAAA6E,YAAY,CACpCxE,OAAA,CAAAC,iBAAiB,CAACC,OAAO,EACzBoE,MAAM,CAACjE,IAAI,EACXgE,KAAK,CAACI,UAAU,KAAK,UAAU,IAAIH,MAAM,CAACjC,QAAQ,EAClDgC,KAAK,CAACjC,OAAO,IAAIkC,MAAM,CAAClC,OAAO,EAC/BiC,KAAK,CAACnE,OAAO,CAACqE,SAAS,CACxB;EAEDF,KAAK,CAACK,cAAc,GAAGJ,MAAM,CAAChC,KAAK;EAEnC,OAAO+B,KAAK;AACd,CAAC;AAdYrE,OAAA,CAAAoE,yBAAyB,GAAAA,yBAAA"}
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"}
@@ -1,38 +1,21 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
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
- Object.defineProperty(exports, "tooltipClassNames", {
21
- enumerable: true,
22
- get: function () {
23
- return Tooltip_1.tooltipClassNames;
24
- }
25
- });
26
- Object.defineProperty(exports, "useTooltipStyles_unstable", {
27
- enumerable: true,
28
- get: function () {
29
- return Tooltip_1.useTooltipStyles_unstable;
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,"names":["Tooltip_1","require","Object","defineProperty","exports","enumerable","get","Tooltip","renderTooltip_unstable","tooltipClassNames","useTooltipStyles_unstable","useTooltip_unstable"],"sources":["../src/packages/react-components/react-tooltip/src/index.ts"],"sourcesContent":["export {\n Tooltip,\n renderTooltip_unstable,\n tooltipClassNames,\n useTooltipStyles_unstable,\n useTooltip_unstable,\n} from './Tooltip';\nexport type {\n OnVisibleChangeData,\n TooltipProps,\n TooltipSlots,\n TooltipState,\n TooltipChildProps as TooltipTriggerProps,\n} from './Tooltip';\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,gBAAAC,OAAA;AACEC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,SAAA,CAAAO,OAAO;EAAA;AAAA;AACPL,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,SAAA,CAAAQ,sBAAsB;EAAA;AAAA;AACtBN,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,SAAA,CAAAS,iBAAiB;EAAA;AAAA;AACjBP,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,SAAA,CAAAU,yBAAyB;EAAA;AAAA;AACzBR,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,SAAA,CAAAW,mBAAmB;EAAA;AAAA"}
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",
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": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
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.19",
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.1",
36
- "@fluentui/react-portal": "^9.2.0",
37
- "@fluentui/react-positioning": "^9.5.4",
38
- "@fluentui/react-shared-contexts": "^9.3.1",
39
- "@fluentui/react-theme": "^9.1.6",
40
- "@fluentui/react-utilities": "^9.7.0",
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
- "tslib": "^2.1.0"
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
  },
@@ -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
@@ -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,5 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- });
5
- //# sourceMappingURL=Tooltip.types.js.map
@@ -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"]}