@fluentui/react-tooltip 0.0.0-nightly050f89bf0020211102.1 → 0.0.0-nightly07d9ed6d1b20211221.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 +188 -22
- package/CHANGELOG.md +52 -14
- package/dist/react-tooltip.d.ts +2 -0
- package/lib/components/Tooltip/Tooltip.js +2 -2
- package/lib/components/Tooltip/Tooltip.js.map +1 -1
- package/lib/components/Tooltip/index.d.ts +1 -1
- package/lib/components/Tooltip/index.js +1 -1
- package/lib/components/Tooltip/index.js.map +1 -1
- package/lib/components/Tooltip/renderTooltip.js +7 -7
- package/lib/components/Tooltip/renderTooltip.js.map +1 -1
- package/lib/components/Tooltip/useTooltip.js +69 -79
- package/lib/components/Tooltip/useTooltip.js.map +1 -1
- package/lib/components/Tooltip/useTooltipStyles.d.ts +1 -0
- package/lib/components/Tooltip/useTooltipStyles.js +31 -17
- package/lib/components/Tooltip/useTooltipStyles.js.map +1 -1
- package/lib-commonjs/Tooltip.js +1 -1
- package/lib-commonjs/components/Tooltip/Tooltip.js +6 -6
- package/lib-commonjs/components/Tooltip/Tooltip.js.map +1 -1
- package/lib-commonjs/components/Tooltip/index.d.ts +1 -1
- package/lib-commonjs/components/Tooltip/index.js +2 -10
- package/lib-commonjs/components/Tooltip/index.js.map +1 -1
- package/lib-commonjs/components/Tooltip/renderTooltip.js +10 -11
- package/lib-commonjs/components/Tooltip/renderTooltip.js.map +1 -1
- package/lib-commonjs/components/Tooltip/useTooltip.js +73 -84
- package/lib-commonjs/components/Tooltip/useTooltip.js.map +1 -1
- package/lib-commonjs/components/Tooltip/useTooltipStyles.d.ts +1 -0
- package/lib-commonjs/components/Tooltip/useTooltipStyles.js +34 -19
- package/lib-commonjs/components/Tooltip/useTooltipStyles.js.map +1 -1
- package/lib-commonjs/index.js +1 -1
- package/package.json +14 -14
- package/lib/common/isConformant.d.ts +0 -4
- package/lib/common/isConformant.js +0 -11
- package/lib/common/isConformant.js.map +0 -1
- package/lib-commonjs/common/isConformant.d.ts +0 -4
- package/lib-commonjs/common/isConformant.js +0 -22
- package/lib-commonjs/common/isConformant.js.map +0 -1
@@ -1,12 +1,11 @@
|
|
1
|
-
import { __assign } from "tslib";
|
2
1
|
import * as React from 'react';
|
3
2
|
import { mergeArrowOffset, resolvePositioningShorthand, usePopper } from '@fluentui/react-positioning';
|
4
3
|
import { TooltipContext, useFluent } from '@fluentui/react-shared-contexts';
|
5
4
|
import { applyTriggerPropsToChildren, getNativeElementProps, useControllableState, useId, useIsomorphicLayoutEffect, useIsSSR, useMergedRefs, useTimeout } from '@fluentui/react-utilities'; // Style values that are required for popper to properly position the tooltip
|
6
5
|
|
7
|
-
|
6
|
+
const tooltipBorderRadius = 4; // Update the root's borderRadius in useTooltipStyles.ts if this changes
|
8
7
|
|
9
|
-
|
8
|
+
const arrowHeight = 6; // Update the arrow's width/height in useTooltipStyles.ts if this changes
|
10
9
|
|
11
10
|
/**
|
12
11
|
* Create the state required to render Tooltip.
|
@@ -19,39 +18,32 @@ var arrowHeight = 6; // Update the arrow's width/height in useTooltipStyles.ts i
|
|
19
18
|
* @param defaultProps - (optional) default prop values provided by the implementing type
|
20
19
|
*/
|
21
20
|
|
22
|
-
export
|
21
|
+
export const useTooltip = (props, ref) => {
|
23
22
|
var _a, _b, _c, _d;
|
24
23
|
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
_h = props.hideDelay,
|
43
|
-
hideDelay = _h === void 0 ? 250 : _h;
|
44
|
-
|
45
|
-
var _j = useControllableState({
|
24
|
+
const context = React.useContext(TooltipContext);
|
25
|
+
const isServerSideRender = useIsSSR();
|
26
|
+
const {
|
27
|
+
targetDocument
|
28
|
+
} = useFluent();
|
29
|
+
const [setDelayTimeout, clearDelayTimeout] = useTimeout();
|
30
|
+
const {
|
31
|
+
content,
|
32
|
+
inverted,
|
33
|
+
withArrow,
|
34
|
+
positioning,
|
35
|
+
onVisibleChange,
|
36
|
+
triggerAriaAttribute = 'label',
|
37
|
+
showDelay = 250,
|
38
|
+
hideDelay = 250
|
39
|
+
} = props;
|
40
|
+
const [visible, setVisibleInternal] = useControllableState({
|
46
41
|
state: props.visible,
|
47
42
|
initialState: false
|
48
|
-
})
|
49
|
-
|
50
|
-
setVisibleInternal = _j[1];
|
51
|
-
|
52
|
-
var setVisible = React.useCallback(function (newVisible, ev) {
|
43
|
+
});
|
44
|
+
const setVisible = React.useCallback((newVisible, ev) => {
|
53
45
|
clearDelayTimeout();
|
54
|
-
setVisibleInternal(
|
46
|
+
setVisibleInternal(oldVisible => {
|
55
47
|
if (newVisible !== oldVisible) {
|
56
48
|
onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(ev, {
|
57
49
|
visible: newVisible
|
@@ -61,76 +53,74 @@ export var useTooltip = function (props, ref) {
|
|
61
53
|
return newVisible;
|
62
54
|
});
|
63
55
|
}, [clearDelayTimeout, setVisibleInternal, onVisibleChange]);
|
64
|
-
|
65
|
-
content
|
66
|
-
inverted
|
67
|
-
withArrow
|
68
|
-
positioning
|
69
|
-
showDelay
|
70
|
-
hideDelay
|
71
|
-
triggerAriaAttribute
|
72
|
-
visible
|
56
|
+
const state = {
|
57
|
+
content,
|
58
|
+
inverted,
|
59
|
+
withArrow,
|
60
|
+
positioning,
|
61
|
+
showDelay,
|
62
|
+
hideDelay,
|
63
|
+
triggerAriaAttribute,
|
64
|
+
visible,
|
73
65
|
shouldRenderTooltip: visible,
|
74
66
|
appearance: props.appearance,
|
75
67
|
// Slots
|
76
68
|
components: {
|
77
69
|
root: 'div'
|
78
70
|
},
|
79
|
-
root: getNativeElementProps('div',
|
80
|
-
role: 'tooltip'
|
81
|
-
|
82
|
-
ref
|
71
|
+
root: getNativeElementProps('div', {
|
72
|
+
role: 'tooltip',
|
73
|
+
...props,
|
74
|
+
ref,
|
83
75
|
id: useId('tooltip-', props.id)
|
84
|
-
})
|
76
|
+
})
|
85
77
|
};
|
86
|
-
|
87
|
-
var popperOptions = __assign({
|
78
|
+
const popperOptions = {
|
88
79
|
enabled: state.visible,
|
89
80
|
arrowPadding: 2 * tooltipBorderRadius,
|
90
81
|
position: 'above',
|
91
82
|
align: 'center',
|
92
|
-
offset: [0, 4]
|
93
|
-
|
83
|
+
offset: [0, 4],
|
84
|
+
...resolvePositioningShorthand(state.positioning)
|
85
|
+
};
|
94
86
|
|
95
87
|
if (state.withArrow) {
|
96
88
|
popperOptions.offset = mergeArrowOffset(popperOptions.offset, arrowHeight);
|
97
89
|
}
|
98
90
|
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
91
|
+
const {
|
92
|
+
targetRef,
|
93
|
+
containerRef,
|
94
|
+
arrowRef
|
95
|
+
} = usePopper(popperOptions);
|
104
96
|
state.root.ref = useMergedRefs(state.root.ref, containerRef);
|
105
97
|
state.arrowRef = arrowRef; // When this tooltip is visible, hide any other tooltips, and register it
|
106
98
|
// as the visibleTooltip with the TooltipContext.
|
107
99
|
// Also add a listener on document to hide the tooltip if Escape is pressed
|
108
100
|
|
109
|
-
useIsomorphicLayoutEffect(
|
101
|
+
useIsomorphicLayoutEffect(() => {
|
110
102
|
var _a;
|
111
103
|
|
112
104
|
if (visible) {
|
113
|
-
|
114
|
-
hide:
|
115
|
-
return setVisible(false);
|
116
|
-
}
|
105
|
+
const thisTooltip = {
|
106
|
+
hide: () => setVisible(false)
|
117
107
|
};
|
118
108
|
(_a = context.visibleTooltip) === null || _a === void 0 ? void 0 : _a.hide();
|
119
|
-
context.visibleTooltip =
|
109
|
+
context.visibleTooltip = thisTooltip;
|
120
110
|
|
121
|
-
|
111
|
+
const onDocumentKeyDown = ev => {
|
122
112
|
if (ev.key === 'Escape' || ev.key === 'Esc') {
|
123
|
-
|
113
|
+
thisTooltip.hide();
|
124
114
|
}
|
125
115
|
};
|
126
116
|
|
127
|
-
targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('keydown',
|
128
|
-
return
|
129
|
-
if (context.visibleTooltip ===
|
117
|
+
targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('keydown', onDocumentKeyDown);
|
118
|
+
return () => {
|
119
|
+
if (context.visibleTooltip === thisTooltip) {
|
130
120
|
context.visibleTooltip = undefined;
|
131
121
|
}
|
132
122
|
|
133
|
-
targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('keydown',
|
123
|
+
targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('keydown', onDocumentKeyDown);
|
134
124
|
};
|
135
125
|
}
|
136
126
|
}, [context, targetDocument, visible, setVisible]); // The focused element gets a blur event when the document loses focus
|
@@ -139,24 +129,24 @@ export var useTooltip = function (props, ref) {
|
|
139
129
|
// checking if the blurred element is still the document's activeElement.
|
140
130
|
// See https://github.com/microsoft/fluentui/issues/13541
|
141
131
|
|
142
|
-
|
132
|
+
const ignoreNextFocusEventRef = React.useRef(false); // Listener for onPointerEnter and onFocus on the trigger element
|
143
133
|
|
144
|
-
|
134
|
+
const onEnterTrigger = React.useCallback(ev => {
|
145
135
|
if (ev.type === 'focus' && ignoreNextFocusEventRef.current) {
|
146
136
|
ignoreNextFocusEventRef.current = false;
|
147
137
|
return;
|
148
138
|
} // Show immediately if another tooltip is already visible
|
149
139
|
|
150
140
|
|
151
|
-
|
152
|
-
setDelayTimeout(
|
141
|
+
const delay = context.visibleTooltip ? 0 : state.showDelay;
|
142
|
+
setDelayTimeout(() => {
|
153
143
|
setVisible(true, ev);
|
154
144
|
}, delay);
|
155
145
|
ev.persist(); // Persist the event since the setVisible call will happen asynchronously
|
156
146
|
}, [setDelayTimeout, setVisible, state.showDelay, context]); // Listener for onPointerLeave and onBlur on the trigger element
|
157
147
|
|
158
|
-
|
159
|
-
|
148
|
+
const onLeaveTrigger = React.useCallback(ev => {
|
149
|
+
let delay = state.hideDelay;
|
160
150
|
|
161
151
|
if (ev.type === 'blur') {
|
162
152
|
// Hide immediately when losing focus
|
@@ -164,7 +154,7 @@ export var useTooltip = function (props, ref) {
|
|
164
154
|
ignoreNextFocusEventRef.current = (targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement) === ev.target;
|
165
155
|
}
|
166
156
|
|
167
|
-
setDelayTimeout(
|
157
|
+
setDelayTimeout(() => {
|
168
158
|
setVisible(false, ev);
|
169
159
|
}, delay);
|
170
160
|
ev.persist(); // Persist the event since the setVisible call will happen asynchronously
|
@@ -173,17 +163,17 @@ export var useTooltip = function (props, ref) {
|
|
173
163
|
|
174
164
|
state.root.onPointerEnter = useMergedCallbacks(state.root.onPointerEnter, clearDelayTimeout);
|
175
165
|
state.root.onPointerLeave = useMergedCallbacks(state.root.onPointerLeave, onLeaveTrigger);
|
176
|
-
|
166
|
+
const child = /*#__PURE__*/React.isValidElement(state.root.children) ? state.root.children : undefined; // The props to add to the trigger element (child)
|
177
167
|
|
178
|
-
|
168
|
+
const triggerProps = {
|
179
169
|
onPointerEnter: useMergedCallbacks((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.onPointerEnter, onEnterTrigger),
|
180
170
|
onPointerLeave: useMergedCallbacks((_b = child === null || child === void 0 ? void 0 : child.props) === null || _b === void 0 ? void 0 : _b.onPointerLeave, onLeaveTrigger),
|
181
171
|
onFocus: useMergedCallbacks((_c = child === null || child === void 0 ? void 0 : child.props) === null || _c === void 0 ? void 0 : _c.onFocus, onEnterTrigger),
|
182
172
|
onBlur: useMergedCallbacks((_d = child === null || child === void 0 ? void 0 : child.props) === null || _d === void 0 ? void 0 : _d.onBlur, onLeaveTrigger)
|
183
173
|
}; // If the target prop is not provided, attach targetRef to the trigger element's ref prop
|
184
174
|
|
185
|
-
|
186
|
-
|
175
|
+
const childWithRef = child;
|
176
|
+
const childTargetRef = useMergedRefs(childWithRef === null || childWithRef === void 0 ? void 0 : childWithRef.ref, targetRef);
|
187
177
|
|
188
178
|
if (popperOptions.target === undefined) {
|
189
179
|
triggerProps.ref = childTargetRef;
|
@@ -215,8 +205,8 @@ export var useTooltip = function (props, ref) {
|
|
215
205
|
* Combine up to two event callbacks into a single function that calls them in order
|
216
206
|
*/
|
217
207
|
|
218
|
-
|
219
|
-
return React.useCallback(
|
208
|
+
const useMergedCallbacks = (callback1, callback2) => {
|
209
|
+
return React.useCallback(ev => {
|
220
210
|
callback1 === null || callback1 === void 0 ? void 0 : callback1(ev);
|
221
211
|
callback2 === null || callback2 === void 0 ? void 0 : callback2(ev);
|
222
212
|
}, [callback1, callback2]);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/useTooltip.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"sources":["../../../src/components/Tooltip/useTooltip.tsx"],"names":[],"mappings":"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","sourceRoot":""}
|
@@ -1,9 +1,11 @@
|
|
1
|
-
import { __styles, mergeClasses } from '@fluentui/react-make-styles';
|
1
|
+
import { shorthands, __styles, mergeClasses } from '@fluentui/react-make-styles';
|
2
|
+
import { createArrowStyles } from '@fluentui/react-positioning';
|
3
|
+
export const tooltipClassName = 'fui-Tooltip';
|
2
4
|
/**
|
3
5
|
* Styles for the tooltip
|
4
6
|
*/
|
5
7
|
|
6
|
-
|
8
|
+
const useStyles = /*#__PURE__*/__styles({
|
7
9
|
"root": {
|
8
10
|
"mc9l5x": "fjseox",
|
9
11
|
"z8tnut": "f1sbtcvk",
|
@@ -15,8 +17,11 @@ var useStyles = /*#__PURE__*/__styles({
|
|
15
17
|
"Bahqtrf": "fk6fouc",
|
16
18
|
"Be2twd7": "fy9rknc",
|
17
19
|
"Bg96gwp": "fwrc4pm",
|
18
|
-
"
|
19
|
-
"
|
20
|
+
"Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
|
21
|
+
"Beyfa6y": ["f16jpd5f", "f1aa9q02"],
|
22
|
+
"B7oj6ja": ["f1jar5jt", "fyu767a"],
|
23
|
+
"Btl43ni": ["fyu767a", "f1jar5jt"],
|
24
|
+
"De3pzq": "fxugw4r",
|
20
25
|
"sj55zd": "f19n0e5",
|
21
26
|
"Bhu2qc9": "fxeb0a7"
|
22
27
|
},
|
@@ -24,44 +29,53 @@ var useStyles = /*#__PURE__*/__styles({
|
|
24
29
|
"mc9l5x": "ftgm304"
|
25
30
|
},
|
26
31
|
"inverted": {
|
27
|
-
"
|
32
|
+
"De3pzq": "f5pduvr",
|
28
33
|
"sj55zd": "fqpbvvt"
|
29
34
|
},
|
30
35
|
"arrow": {
|
31
36
|
"qhf8xq": "f1euv43f",
|
32
|
-
"
|
33
|
-
"Bqenvij": "ftt2rgf",
|
34
|
-
"ayd6f0": "f1uo6wrk",
|
37
|
+
"De3pzq": "f1u2r49w",
|
35
38
|
"Bcdw1i0": "fd7fpy0",
|
36
39
|
"Bj3rh1h": "f1bsuimh",
|
40
|
+
"Bubjx69": "f9ikmtg",
|
41
|
+
"a9b677": "fpkirms",
|
37
42
|
"rurcny": "fuzzvh5",
|
43
|
+
"px8gyy": ["f5bg3dr", "f1rfdd74"],
|
44
|
+
"B5c9fhp": ["fijcjxk", "f11y671q"],
|
45
|
+
"Bhe99jt": ["f1vtdej5", "f7y375m"],
|
46
|
+
"B2r1szc": ["f7y375m", "f1vtdej5"],
|
38
47
|
"xx9plb": "fxf9f1y",
|
39
48
|
"Bdn98qo": "f103af6e",
|
40
49
|
"Bbc2r3f": "f15umuo5",
|
41
|
-
"
|
50
|
+
"B1dvbpk": "f3wpjpt",
|
42
51
|
"Bex5imi": "fkk33zh",
|
43
|
-
"
|
44
|
-
"
|
52
|
+
"h6z6rw": "fzd2j21",
|
53
|
+
"Iykf4b": ["feexxpo", "f7s5fvx"],
|
54
|
+
"F42hee": ["f1jq8eg5", "f12n7c5j"],
|
55
|
+
"Blxsnla": ["f1wv7y6t", "fi4qyh6"],
|
56
|
+
"t2scew": "fcvru7r",
|
57
|
+
"Emsed9": "f7ybgnc",
|
58
|
+
"E11wbp": "f16xtfle",
|
45
59
|
"hl6cv3": "fotnskf",
|
46
60
|
"Bh2vraf": "f1n8855c",
|
47
|
-
"yayu3t":
|
61
|
+
"yayu3t": "fwwuk3n",
|
48
62
|
"wedwtw": "fsw6im5",
|
49
63
|
"rhl9o9": "ftghsr9",
|
50
64
|
"Bu8t5uz": "f159pzir",
|
51
|
-
"B6q6orb":
|
65
|
+
"B6q6orb": "fwghsev",
|
52
66
|
"Bwwlvwl": "fm1ycve"
|
53
67
|
}
|
54
68
|
}, {
|
55
|
-
"d": [".fjseox{display:none;}", ".f1sbtcvk{padding-top:5px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fy7v416{padding-bottom:7px;}", ".f132xexn{max-width:240px;}", ".f158kwzp{cursor:default;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".
|
69
|
+
"d": [".fjseox{display:none;}", ".f1sbtcvk{padding-top:5px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fy7v416{padding-bottom:7px;}", ".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);}", ".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;}", ".f9ikmtg{aspect-ratio:1;}", ".fpkirms{width:8.485px;}", ".fuzzvh5:before{content:\"\";}", ".f5bg3dr:before{border-bottom-right-radius:var(--borderRadiusSmall);}", ".f1rfdd74:before{border-bottom-left-radius:var(--borderRadiusSmall);}", ".fijcjxk:before{border-bottom-left-radius:4px;}", ".f11y671q:before{border-bottom-right-radius:4px;}", ".f1vtdej5:before{border-top-right-radius:4px;}", ".f7y375m:before{border-top-left-radius:4px;}", ".fxf9f1y:before{position:absolute;}", ".f103af6e:before{width:inherit;}", ".f15umuo5:before{height:inherit;}", ".f3wpjpt:before{background-color:inherit;}", ".fkk33zh:before{visibility:visible;}", ".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] .feexxpo:before{border-right-width:1px;}", "[data-popper-placement] .f7s5fvx:before{border-left-width:1px;}", "[data-popper-placement] .f1jq8eg5:before{border-right-style:solid;}", "[data-popper-placement] .f12n7c5j:before{border-left-style:solid;}", "[data-popper-placement] .f1wv7y6t:before{border-right-color:transparent;}", "[data-popper-placement] .fi4qyh6:before{border-left-color:transparent;}", "[data-popper-placement] .fcvru7r:before{border-bottom-width:1px;}", "[data-popper-placement] .f7ybgnc:before{border-bottom-style:solid;}", "[data-popper-placement] .f16xtfle:before{border-bottom-color:transparent;}", "[data-popper-placement^=\"top\"] .fotnskf{bottom:0;}", "[data-popper-placement^=\"top\"] .f1n8855c{--angle:0;}", "[data-popper-placement^=\"right\"] .fwwuk3n{left:0;}", "[data-popper-placement^=\"right\"] .fsw6im5{--angle:90deg;}", "[data-popper-placement^=\"bottom\"] .ftghsr9{top:0;}", "[data-popper-placement^=\"bottom\"] .f159pzir{--angle:180deg;}", "[data-popper-placement^=\"left\"] .fwghsev{right:0;}", "[data-popper-placement^=\"left\"] .fm1ycve{--angle:270deg;}"]
|
56
70
|
});
|
57
71
|
/**
|
58
72
|
* Apply styling to the Tooltip slots based on the state
|
59
73
|
*/
|
60
74
|
|
61
75
|
|
62
|
-
export
|
63
|
-
|
64
|
-
state.root.className = mergeClasses(styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.root.className);
|
76
|
+
export const useTooltipStyles = state => {
|
77
|
+
const styles = useStyles();
|
78
|
+
state.root.className = mergeClasses(tooltipClassName, styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.root.className);
|
65
79
|
state.arrowClassName = styles.arrow;
|
66
80
|
return state;
|
67
81
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/useTooltipStyles.ts"],"names":[],"mappings":"AAAA,
|
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;AAoCA;;AAEG;;;AACH,OAAO,MAAM,gBAAgB,GAAI,KAAD,IAAsC;AACpE,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":""}
|
package/lib-commonjs/Tooltip.js
CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
|
7
|
-
|
7
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
8
8
|
|
9
9
|
tslib_1.__exportStar(require("./components/Tooltip/index"), exports);
|
10
10
|
//# sourceMappingURL=Tooltip.js.map
|
@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.Tooltip = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const React = /*#__PURE__*/require("react");
|
9
9
|
|
10
|
-
|
10
|
+
const useTooltip_1 = /*#__PURE__*/require("./useTooltip");
|
11
11
|
|
12
|
-
|
12
|
+
const renderTooltip_1 = /*#__PURE__*/require("./renderTooltip");
|
13
13
|
|
14
|
-
|
14
|
+
const useTooltipStyles_1 = /*#__PURE__*/require("./useTooltipStyles");
|
15
15
|
/**
|
16
16
|
* A tooltip provides light weight contextual information on top of its target element.
|
17
17
|
*/
|
18
18
|
|
19
19
|
|
20
|
-
exports.Tooltip = /*#__PURE__*/React.forwardRef(
|
21
|
-
|
20
|
+
exports.Tooltip = /*#__PURE__*/React.forwardRef((props, ref) => {
|
21
|
+
const state = useTooltip_1.useTooltip(props, ref);
|
22
22
|
useTooltipStyles_1.useTooltipStyles(state);
|
23
23
|
return renderTooltip_1.renderTooltip(state);
|
24
24
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;AAAA,
|
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,UAAA,CAAW,KAAX,EAAkB,GAAlB,CAAd;AAEA,EAAA,kBAAA,CAAA,gBAAA,CAAiB,KAAjB;AACA,SAAO,eAAA,CAAA,aAAA,CAAc,KAAd,CAAP;AACD,CALyD,CAA7C;AAOb,OAAA,CAAA,OAAA,CAAQ,WAAR,GAAsB,SAAtB","sourceRoot":""}
|
@@ -3,9 +3,8 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.useTooltipStyles = void 0;
|
7
6
|
|
8
|
-
|
7
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
9
8
|
|
10
9
|
tslib_1.__exportStar(require("./Tooltip"), exports);
|
11
10
|
|
@@ -15,12 +14,5 @@ tslib_1.__exportStar(require("./renderTooltip"), exports);
|
|
15
14
|
|
16
15
|
tslib_1.__exportStar(require("./useTooltip"), exports);
|
17
16
|
|
18
|
-
|
19
|
-
|
20
|
-
Object.defineProperty(exports, "useTooltipStyles", {
|
21
|
-
enumerable: true,
|
22
|
-
get: function () {
|
23
|
-
return useTooltipStyles_1.useTooltipStyles;
|
24
|
-
}
|
25
|
-
});
|
17
|
+
tslib_1.__exportStar(require("./useTooltipStyles"), exports);
|
26
18
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -5,24 +5,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.renderTooltip = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const React = /*#__PURE__*/require("react");
|
9
9
|
|
10
|
-
|
10
|
+
const react_portal_1 = /*#__PURE__*/require("@fluentui/react-portal");
|
11
11
|
|
12
|
-
|
13
|
-
|
14
|
-
var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
12
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
15
13
|
/**
|
16
14
|
* Render the final JSX of Tooltip
|
17
15
|
*/
|
18
16
|
|
19
17
|
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
return React.createElement(React.Fragment, null, state.root.children, state.shouldRenderTooltip && React.createElement(react_portal_1.Portal, null, React.createElement(slots.root,
|
18
|
+
const renderTooltip = state => {
|
19
|
+
const {
|
20
|
+
slots,
|
21
|
+
slotProps
|
22
|
+
} = react_utilities_1.getSlots(state, ['root']);
|
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
|
+
}, state.withArrow && React.createElement("div", {
|
26
25
|
ref: state.arrowRef,
|
27
26
|
className: state.arrowClassName
|
28
27
|
}), state.content)));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/renderTooltip.tsx"],"names":[],"mappings":"
|
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,aAAa,GAAI,KAAD,IAAwB;AACnD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAuB,KAAvB,EAA8B,CAAC,MAAD,CAA9B,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,aAAA,GAAa,aAAb","sourceRoot":""}
|