@instructure/ui-tooltip 8.25.1-snapshot-10 → 8.25.1-snapshot-13
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 +1 -1
- package/es/Tooltip/index.js +33 -36
- package/lib/Tooltip/index.js +33 -36
- package/package.json +15 -15
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
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.25.1-snapshot-
|
|
6
|
+
## [8.25.1-snapshot-13](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-13) (2022-06-22)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-tooltip
|
|
9
9
|
|
package/es/Tooltip/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
2
|
const _excluded = ["renderTip", "isShowingContent", "defaultIsShowingContent", "on", "color", "placement", "mountNode", "constrain", "offsetX", "offsetY", "positionTarget", "onShowContent", "onHideContent", "styles"];
|
|
3
3
|
|
|
4
|
-
var _dec, _dec2, _dec3, _class;
|
|
4
|
+
var _dec, _dec2, _dec3, _class, _class2;
|
|
5
5
|
|
|
6
6
|
/*
|
|
7
7
|
* The MIT License (MIT)
|
|
@@ -43,31 +43,32 @@ category: components
|
|
|
43
43
|
@tsProps
|
|
44
44
|
**/
|
|
45
45
|
|
|
46
|
-
let Tooltip = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = class Tooltip extends Component {
|
|
47
|
-
static displayName = "Tooltip";
|
|
48
|
-
static componentId = 'Tooltip';
|
|
49
|
-
static allowedProps = allowedProps;
|
|
50
|
-
static propTypes = propTypes;
|
|
51
|
-
static defaultProps = {
|
|
52
|
-
defaultIsShowingContent: false,
|
|
53
|
-
color: 'primary',
|
|
54
|
-
placement: 'top',
|
|
55
|
-
constrain: 'window',
|
|
56
|
-
offsetX: 0,
|
|
57
|
-
offsetY: 0
|
|
58
|
-
};
|
|
59
|
-
_id;
|
|
60
|
-
ref = null;
|
|
61
|
-
handleRef = el => {
|
|
62
|
-
this.ref = el;
|
|
63
|
-
|
|
64
|
-
if (typeof this.props.elementRef === 'function') {
|
|
65
|
-
this.props.elementRef(el);
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
|
-
|
|
46
|
+
let Tooltip = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Tooltip extends Component {
|
|
69
47
|
constructor(props) {
|
|
70
48
|
super(props);
|
|
49
|
+
this._id = void 0;
|
|
50
|
+
this.ref = null;
|
|
51
|
+
|
|
52
|
+
this.handleRef = el => {
|
|
53
|
+
this.ref = el;
|
|
54
|
+
|
|
55
|
+
if (typeof this.props.elementRef === 'function') {
|
|
56
|
+
this.props.elementRef(el);
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
this.handleFocus = () => {
|
|
61
|
+
this.setState({
|
|
62
|
+
hasFocus: true
|
|
63
|
+
});
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
this.handleBlur = () => {
|
|
67
|
+
this.setState({
|
|
68
|
+
hasFocus: false
|
|
69
|
+
});
|
|
70
|
+
};
|
|
71
|
+
|
|
71
72
|
this._id = props.deterministicId();
|
|
72
73
|
this.state = {
|
|
73
74
|
hasFocus: false
|
|
@@ -86,17 +87,6 @@ let Tooltip = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, ge
|
|
|
86
87
|
(_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
|
|
87
88
|
}
|
|
88
89
|
|
|
89
|
-
handleFocus = () => {
|
|
90
|
-
this.setState({
|
|
91
|
-
hasFocus: true
|
|
92
|
-
});
|
|
93
|
-
};
|
|
94
|
-
handleBlur = () => {
|
|
95
|
-
this.setState({
|
|
96
|
-
hasFocus: false
|
|
97
|
-
});
|
|
98
|
-
};
|
|
99
|
-
|
|
100
90
|
renderTrigger() {
|
|
101
91
|
const _ref = this.props,
|
|
102
92
|
children = _ref.children,
|
|
@@ -167,6 +157,13 @@ let Tooltip = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, ge
|
|
|
167
157
|
}, callRenderProp(renderTip)));
|
|
168
158
|
}
|
|
169
159
|
|
|
170
|
-
}
|
|
160
|
+
}, _class2.displayName = "Tooltip", _class2.componentId = 'Tooltip', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
|
|
161
|
+
defaultIsShowingContent: false,
|
|
162
|
+
color: 'primary',
|
|
163
|
+
placement: 'top',
|
|
164
|
+
constrain: 'window',
|
|
165
|
+
offsetX: 0,
|
|
166
|
+
offsetY: 0
|
|
167
|
+
}, _class2)) || _class) || _class) || _class);
|
|
171
168
|
export default Tooltip;
|
|
172
169
|
export { Tooltip };
|
package/lib/Tooltip/index.js
CHANGED
|
@@ -37,7 +37,7 @@ var _props = require("./props");
|
|
|
37
37
|
|
|
38
38
|
const _excluded = ["renderTip", "isShowingContent", "defaultIsShowingContent", "on", "color", "placement", "mountNode", "constrain", "offsetX", "offsetY", "positionTarget", "onShowContent", "onHideContent", "styles"];
|
|
39
39
|
|
|
40
|
-
var _dec, _dec2, _dec3, _class;
|
|
40
|
+
var _dec, _dec2, _dec3, _class, _class2;
|
|
41
41
|
|
|
42
42
|
/**
|
|
43
43
|
---
|
|
@@ -45,31 +45,32 @@ category: components
|
|
|
45
45
|
---
|
|
46
46
|
@tsProps
|
|
47
47
|
**/
|
|
48
|
-
let Tooltip = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = class Tooltip extends _react.Component {
|
|
49
|
-
static displayName = "Tooltip";
|
|
50
|
-
static componentId = 'Tooltip';
|
|
51
|
-
static allowedProps = _props.allowedProps;
|
|
52
|
-
static propTypes = _props.propTypes;
|
|
53
|
-
static defaultProps = {
|
|
54
|
-
defaultIsShowingContent: false,
|
|
55
|
-
color: 'primary',
|
|
56
|
-
placement: 'top',
|
|
57
|
-
constrain: 'window',
|
|
58
|
-
offsetX: 0,
|
|
59
|
-
offsetY: 0
|
|
60
|
-
};
|
|
61
|
-
_id;
|
|
62
|
-
ref = null;
|
|
63
|
-
handleRef = el => {
|
|
64
|
-
this.ref = el;
|
|
65
|
-
|
|
66
|
-
if (typeof this.props.elementRef === 'function') {
|
|
67
|
-
this.props.elementRef(el);
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
|
|
48
|
+
let Tooltip = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Tooltip extends _react.Component {
|
|
71
49
|
constructor(props) {
|
|
72
50
|
super(props);
|
|
51
|
+
this._id = void 0;
|
|
52
|
+
this.ref = null;
|
|
53
|
+
|
|
54
|
+
this.handleRef = el => {
|
|
55
|
+
this.ref = el;
|
|
56
|
+
|
|
57
|
+
if (typeof this.props.elementRef === 'function') {
|
|
58
|
+
this.props.elementRef(el);
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
this.handleFocus = () => {
|
|
63
|
+
this.setState({
|
|
64
|
+
hasFocus: true
|
|
65
|
+
});
|
|
66
|
+
};
|
|
67
|
+
|
|
68
|
+
this.handleBlur = () => {
|
|
69
|
+
this.setState({
|
|
70
|
+
hasFocus: false
|
|
71
|
+
});
|
|
72
|
+
};
|
|
73
|
+
|
|
73
74
|
this._id = props.deterministicId();
|
|
74
75
|
this.state = {
|
|
75
76
|
hasFocus: false
|
|
@@ -88,17 +89,6 @@ let Tooltip = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (
|
|
|
88
89
|
(_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
|
|
89
90
|
}
|
|
90
91
|
|
|
91
|
-
handleFocus = () => {
|
|
92
|
-
this.setState({
|
|
93
|
-
hasFocus: true
|
|
94
|
-
});
|
|
95
|
-
};
|
|
96
|
-
handleBlur = () => {
|
|
97
|
-
this.setState({
|
|
98
|
-
hasFocus: false
|
|
99
|
-
});
|
|
100
|
-
};
|
|
101
|
-
|
|
102
92
|
renderTrigger() {
|
|
103
93
|
const _ref = this.props,
|
|
104
94
|
children = _ref.children,
|
|
@@ -168,7 +158,14 @@ let Tooltip = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (
|
|
|
168
158
|
}, (0, _callRenderProp.callRenderProp)(renderTip)));
|
|
169
159
|
}
|
|
170
160
|
|
|
171
|
-
}
|
|
161
|
+
}, _class2.displayName = "Tooltip", _class2.componentId = 'Tooltip', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
|
|
162
|
+
defaultIsShowingContent: false,
|
|
163
|
+
color: 'primary',
|
|
164
|
+
placement: 'top',
|
|
165
|
+
constrain: 'window',
|
|
166
|
+
offsetX: 0,
|
|
167
|
+
offsetY: 0
|
|
168
|
+
}, _class2)) || _class) || _class) || _class);
|
|
172
169
|
exports.Tooltip = Tooltip;
|
|
173
170
|
var _default = Tooltip;
|
|
174
171
|
exports.default = _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-tooltip",
|
|
3
|
-
"version": "8.25.1-snapshot-
|
|
3
|
+
"version": "8.25.1-snapshot-13",
|
|
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.25.1-snapshot-
|
|
28
|
-
"@instructure/shared-types": "8.25.1-snapshot-
|
|
29
|
-
"@instructure/ui-popover": "8.25.1-snapshot-
|
|
30
|
-
"@instructure/ui-position": "8.25.1-snapshot-
|
|
31
|
-
"@instructure/ui-prop-types": "8.25.1-snapshot-
|
|
32
|
-
"@instructure/ui-react-utils": "8.25.1-snapshot-
|
|
33
|
-
"@instructure/ui-testable": "8.25.1-snapshot-
|
|
34
|
-
"@instructure/ui-utils": "8.25.1-snapshot-
|
|
27
|
+
"@instructure/emotion": "8.25.1-snapshot-13",
|
|
28
|
+
"@instructure/shared-types": "8.25.1-snapshot-13",
|
|
29
|
+
"@instructure/ui-popover": "8.25.1-snapshot-13",
|
|
30
|
+
"@instructure/ui-position": "8.25.1-snapshot-13",
|
|
31
|
+
"@instructure/ui-prop-types": "8.25.1-snapshot-13",
|
|
32
|
+
"@instructure/ui-react-utils": "8.25.1-snapshot-13",
|
|
33
|
+
"@instructure/ui-testable": "8.25.1-snapshot-13",
|
|
34
|
+
"@instructure/ui-utils": "8.25.1-snapshot-13",
|
|
35
35
|
"prop-types": "^15"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@instructure/ui-babel-preset": "8.25.1-snapshot-
|
|
39
|
-
"@instructure/ui-color-utils": "8.25.1-snapshot-
|
|
40
|
-
"@instructure/ui-test-locator": "8.25.1-snapshot-
|
|
41
|
-
"@instructure/ui-test-queries": "8.25.1-snapshot-
|
|
42
|
-
"@instructure/ui-test-utils": "8.25.1-snapshot-
|
|
43
|
-
"@instructure/ui-themes": "8.25.1-snapshot-
|
|
38
|
+
"@instructure/ui-babel-preset": "8.25.1-snapshot-13",
|
|
39
|
+
"@instructure/ui-color-utils": "8.25.1-snapshot-13",
|
|
40
|
+
"@instructure/ui-test-locator": "8.25.1-snapshot-13",
|
|
41
|
+
"@instructure/ui-test-queries": "8.25.1-snapshot-13",
|
|
42
|
+
"@instructure/ui-test-utils": "8.25.1-snapshot-13",
|
|
43
|
+
"@instructure/ui-themes": "8.25.1-snapshot-13"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|
|
46
46
|
"react": ">=16.8 <=17"
|