@instructure/ui-tooltip 8.17.1-snapshot.81 → 8.18.1-snapshot.0
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.md +4 -0
- package/es/Tooltip/index.js +23 -19
- package/es/Tooltip/theme.js +4 -4
- package/lib/Tooltip/index.js +23 -19
- package/lib/Tooltip/theme.js +4 -4
- package/package.json +16 -16
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [8.18.0](https://github.com/instructure/instructure-ui/compare/v8.17.0...v8.18.0) (2022-02-23)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @instructure/ui-tooltip
|
|
9
|
+
|
|
6
10
|
# [8.17.0](https://github.com/instructure/instructure-ui/compare/v8.16.0...v8.17.0) (2022-02-07)
|
|
7
11
|
|
|
8
12
|
### Bug Fixes
|
package/es/Tooltip/index.js
CHANGED
|
@@ -72,11 +72,15 @@ let Tooltip = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, ge
|
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
componentDidMount() {
|
|
75
|
-
|
|
75
|
+
var _this$props$makeStyle, _this$props;
|
|
76
|
+
|
|
77
|
+
(_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
|
|
76
78
|
}
|
|
77
79
|
|
|
78
80
|
componentDidUpdate() {
|
|
79
|
-
|
|
81
|
+
var _this$props$makeStyle2, _this$props2;
|
|
82
|
+
|
|
83
|
+
(_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
|
|
80
84
|
}
|
|
81
85
|
|
|
82
86
|
renderTrigger() {
|
|
@@ -105,22 +109,22 @@ let Tooltip = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, ge
|
|
|
105
109
|
}
|
|
106
110
|
|
|
107
111
|
render() {
|
|
108
|
-
const _this$
|
|
109
|
-
renderTip = _this$
|
|
110
|
-
isShowingContent = _this$
|
|
111
|
-
defaultIsShowingContent = _this$
|
|
112
|
-
on = _this$
|
|
113
|
-
color = _this$
|
|
114
|
-
placement = _this$
|
|
115
|
-
mountNode = _this$
|
|
116
|
-
constrain = _this$
|
|
117
|
-
offsetX = _this$
|
|
118
|
-
offsetY = _this$
|
|
119
|
-
positionTarget = _this$
|
|
120
|
-
onShowContent = _this$
|
|
121
|
-
onHideContent = _this$
|
|
122
|
-
styles = _this$
|
|
123
|
-
rest = _objectWithoutProperties(_this$
|
|
112
|
+
const _this$props3 = this.props,
|
|
113
|
+
renderTip = _this$props3.renderTip,
|
|
114
|
+
isShowingContent = _this$props3.isShowingContent,
|
|
115
|
+
defaultIsShowingContent = _this$props3.defaultIsShowingContent,
|
|
116
|
+
on = _this$props3.on,
|
|
117
|
+
color = _this$props3.color,
|
|
118
|
+
placement = _this$props3.placement,
|
|
119
|
+
mountNode = _this$props3.mountNode,
|
|
120
|
+
constrain = _this$props3.constrain,
|
|
121
|
+
offsetX = _this$props3.offsetX,
|
|
122
|
+
offsetY = _this$props3.offsetY,
|
|
123
|
+
positionTarget = _this$props3.positionTarget,
|
|
124
|
+
onShowContent = _this$props3.onShowContent,
|
|
125
|
+
onHideContent = _this$props3.onHideContent,
|
|
126
|
+
styles = _this$props3.styles,
|
|
127
|
+
rest = _objectWithoutProperties(_this$props3, _excluded);
|
|
124
128
|
|
|
125
129
|
return jsx(Popover, Object.assign({}, passthroughProps(rest), {
|
|
126
130
|
isShowingContent: isShowingContent,
|
|
@@ -144,7 +148,7 @@ let Tooltip = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, ge
|
|
|
144
148
|
elementRef: this.handleRef
|
|
145
149
|
}), jsx("span", {
|
|
146
150
|
id: this._id,
|
|
147
|
-
css: styles
|
|
151
|
+
css: styles === null || styles === void 0 ? void 0 : styles.tooltip,
|
|
148
152
|
role: "tooltip"
|
|
149
153
|
}, callRenderProp(renderTip)));
|
|
150
154
|
}
|
package/es/Tooltip/theme.js
CHANGED
|
@@ -31,10 +31,10 @@ const generateComponentTheme = theme => {
|
|
|
31
31
|
const typography = theme.typography,
|
|
32
32
|
spacing = theme.spacing;
|
|
33
33
|
const componentVariables = {
|
|
34
|
-
fontFamily: typography
|
|
35
|
-
fontWeight: typography
|
|
36
|
-
fontSize: typography
|
|
37
|
-
padding: spacing
|
|
34
|
+
fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
|
|
35
|
+
fontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
|
|
36
|
+
fontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeSmall,
|
|
37
|
+
padding: spacing === null || spacing === void 0 ? void 0 : spacing.small
|
|
38
38
|
};
|
|
39
39
|
return { ...componentVariables
|
|
40
40
|
};
|
package/lib/Tooltip/index.js
CHANGED
|
@@ -74,11 +74,15 @@ let Tooltip = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (
|
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
componentDidMount() {
|
|
77
|
-
|
|
77
|
+
var _this$props$makeStyle, _this$props;
|
|
78
|
+
|
|
79
|
+
(_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
|
|
78
80
|
}
|
|
79
81
|
|
|
80
82
|
componentDidUpdate() {
|
|
81
|
-
|
|
83
|
+
var _this$props$makeStyle2, _this$props2;
|
|
84
|
+
|
|
85
|
+
(_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
|
|
82
86
|
}
|
|
83
87
|
|
|
84
88
|
renderTrigger() {
|
|
@@ -107,22 +111,22 @@ let Tooltip = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (
|
|
|
107
111
|
}
|
|
108
112
|
|
|
109
113
|
render() {
|
|
110
|
-
const _this$
|
|
111
|
-
renderTip = _this$
|
|
112
|
-
isShowingContent = _this$
|
|
113
|
-
defaultIsShowingContent = _this$
|
|
114
|
-
on = _this$
|
|
115
|
-
color = _this$
|
|
116
|
-
placement = _this$
|
|
117
|
-
mountNode = _this$
|
|
118
|
-
constrain = _this$
|
|
119
|
-
offsetX = _this$
|
|
120
|
-
offsetY = _this$
|
|
121
|
-
positionTarget = _this$
|
|
122
|
-
onShowContent = _this$
|
|
123
|
-
onHideContent = _this$
|
|
124
|
-
styles = _this$
|
|
125
|
-
rest = (0, _objectWithoutProperties2.default)(_this$
|
|
114
|
+
const _this$props3 = this.props,
|
|
115
|
+
renderTip = _this$props3.renderTip,
|
|
116
|
+
isShowingContent = _this$props3.isShowingContent,
|
|
117
|
+
defaultIsShowingContent = _this$props3.defaultIsShowingContent,
|
|
118
|
+
on = _this$props3.on,
|
|
119
|
+
color = _this$props3.color,
|
|
120
|
+
placement = _this$props3.placement,
|
|
121
|
+
mountNode = _this$props3.mountNode,
|
|
122
|
+
constrain = _this$props3.constrain,
|
|
123
|
+
offsetX = _this$props3.offsetX,
|
|
124
|
+
offsetY = _this$props3.offsetY,
|
|
125
|
+
positionTarget = _this$props3.positionTarget,
|
|
126
|
+
onShowContent = _this$props3.onShowContent,
|
|
127
|
+
onHideContent = _this$props3.onHideContent,
|
|
128
|
+
styles = _this$props3.styles,
|
|
129
|
+
rest = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
|
|
126
130
|
return (0, _emotion.jsx)(_Popover.Popover, Object.assign({}, (0, _passthroughProps.passthroughProps)(rest), {
|
|
127
131
|
isShowingContent: isShowingContent,
|
|
128
132
|
defaultIsShowingContent: defaultIsShowingContent,
|
|
@@ -145,7 +149,7 @@ let Tooltip = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (
|
|
|
145
149
|
elementRef: this.handleRef
|
|
146
150
|
}), (0, _emotion.jsx)("span", {
|
|
147
151
|
id: this._id,
|
|
148
|
-
css: styles
|
|
152
|
+
css: styles === null || styles === void 0 ? void 0 : styles.tooltip,
|
|
149
153
|
role: "tooltip"
|
|
150
154
|
}, (0, _callRenderProp.callRenderProp)(renderTip)));
|
|
151
155
|
}
|
package/lib/Tooltip/theme.js
CHANGED
|
@@ -38,10 +38,10 @@ const generateComponentTheme = theme => {
|
|
|
38
38
|
const typography = theme.typography,
|
|
39
39
|
spacing = theme.spacing;
|
|
40
40
|
const componentVariables = {
|
|
41
|
-
fontFamily: typography
|
|
42
|
-
fontWeight: typography
|
|
43
|
-
fontSize: typography
|
|
44
|
-
padding: spacing
|
|
41
|
+
fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
|
|
42
|
+
fontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
|
|
43
|
+
fontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeSmall,
|
|
44
|
+
padding: spacing === null || spacing === void 0 ? void 0 : spacing.small
|
|
45
45
|
};
|
|
46
46
|
return { ...componentVariables
|
|
47
47
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-tooltip",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.18.1-snapshot.0+435c9ae79",
|
|
4
4
|
"description": "A component for showing small text-only overlays on hover/focus.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -24,23 +24,23 @@
|
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@babel/runtime": "^7.13.10",
|
|
27
|
-
"@instructure/emotion": "8.
|
|
28
|
-
"@instructure/shared-types": "8.
|
|
29
|
-
"@instructure/ui-popover": "8.
|
|
30
|
-
"@instructure/ui-position": "8.
|
|
31
|
-
"@instructure/ui-prop-types": "8.
|
|
32
|
-
"@instructure/ui-react-utils": "8.
|
|
33
|
-
"@instructure/ui-testable": "8.
|
|
34
|
-
"@instructure/ui-utils": "8.
|
|
27
|
+
"@instructure/emotion": "8.18.1-snapshot.0+435c9ae79",
|
|
28
|
+
"@instructure/shared-types": "8.18.1-snapshot.0+435c9ae79",
|
|
29
|
+
"@instructure/ui-popover": "8.18.1-snapshot.0+435c9ae79",
|
|
30
|
+
"@instructure/ui-position": "8.18.1-snapshot.0+435c9ae79",
|
|
31
|
+
"@instructure/ui-prop-types": "8.18.1-snapshot.0+435c9ae79",
|
|
32
|
+
"@instructure/ui-react-utils": "8.18.1-snapshot.0+435c9ae79",
|
|
33
|
+
"@instructure/ui-testable": "8.18.1-snapshot.0+435c9ae79",
|
|
34
|
+
"@instructure/ui-utils": "8.18.1-snapshot.0+435c9ae79",
|
|
35
35
|
"prop-types": "^15"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@instructure/ui-babel-preset": "8.
|
|
39
|
-
"@instructure/ui-color-utils": "8.
|
|
40
|
-
"@instructure/ui-test-locator": "8.
|
|
41
|
-
"@instructure/ui-test-queries": "8.
|
|
42
|
-
"@instructure/ui-test-utils": "8.
|
|
43
|
-
"@instructure/ui-themes": "8.
|
|
38
|
+
"@instructure/ui-babel-preset": "8.18.1-snapshot.0+435c9ae79",
|
|
39
|
+
"@instructure/ui-color-utils": "8.18.1-snapshot.0+435c9ae79",
|
|
40
|
+
"@instructure/ui-test-locator": "8.18.1-snapshot.0+435c9ae79",
|
|
41
|
+
"@instructure/ui-test-queries": "8.18.1-snapshot.0+435c9ae79",
|
|
42
|
+
"@instructure/ui-test-utils": "8.18.1-snapshot.0+435c9ae79",
|
|
43
|
+
"@instructure/ui-themes": "8.18.1-snapshot.0+435c9ae79"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|
|
46
46
|
"react": ">=16.8 <=17"
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
"access": "public"
|
|
50
50
|
},
|
|
51
51
|
"sideEffects": false,
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "435c9ae794c15e2bd103f700f8c4e946d91c1b59"
|
|
53
53
|
}
|