@instructure/ui-buttons 8.33.1 → 8.33.2-snapshot-5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/es/BaseButton/BaseButtonLocator.js +3 -2
- package/es/BaseButton/index.js +44 -80
- package/es/BaseButton/locator.js +1 -0
- package/es/BaseButton/props.js +1 -0
- package/es/BaseButton/styles.js +12 -17
- package/es/BaseButton/theme.js +17 -17
- package/es/Button/ButtonLocator.js +2 -2
- package/es/Button/index.js +17 -26
- package/es/Button/props.js +1 -0
- package/es/Button/theme.js +1 -0
- package/es/CloseButton/CloseButtonLocator.js +3 -1
- package/es/CloseButton/index.js +14 -28
- package/es/CloseButton/locator.js +1 -0
- package/es/CloseButton/props.js +1 -0
- package/es/CloseButton/styles.js +3 -5
- package/es/CloseButton/theme.js +3 -3
- package/es/CondensedButton/CondensedButtonLocator.js +2 -2
- package/es/CondensedButton/index.js +13 -22
- package/es/CondensedButton/props.js +1 -0
- package/es/CondensedButton/theme.js +1 -0
- package/es/IconButton/IconButtonLocator.js +2 -2
- package/es/IconButton/index.js +18 -27
- package/es/IconButton/props.js +1 -0
- package/es/IconButton/theme.js +1 -0
- package/es/ToggleButton/ToggleButtonLocator.js +9 -8
- package/es/ToggleButton/index.js +14 -23
- package/es/ToggleButton/props.js +1 -0
- package/es/index.js +1 -0
- package/lib/BaseButton/BaseButtonLocator.js +1 -5
- package/lib/BaseButton/index.js +44 -97
- package/lib/BaseButton/locator.js +0 -2
- package/lib/BaseButton/props.js +1 -4
- package/lib/BaseButton/styles.js +12 -18
- package/lib/BaseButton/theme.js +17 -20
- package/lib/Button/ButtonLocator.js +1 -5
- package/lib/Button/index.js +16 -36
- package/lib/Button/locator.js +0 -2
- package/lib/Button/props.js +1 -4
- package/lib/Button/theme.js +0 -2
- package/lib/CloseButton/CloseButtonLocator.js +1 -3
- package/lib/CloseButton/index.js +14 -40
- package/lib/CloseButton/locator.js +0 -2
- package/lib/CloseButton/props.js +1 -4
- package/lib/CloseButton/styles.js +3 -6
- package/lib/CloseButton/theme.js +3 -4
- package/lib/CondensedButton/CondensedButtonLocator.js +1 -5
- package/lib/CondensedButton/index.js +12 -31
- package/lib/CondensedButton/locator.js +0 -2
- package/lib/CondensedButton/props.js +1 -4
- package/lib/CondensedButton/theme.js +0 -2
- package/lib/IconButton/IconButtonLocator.js +1 -5
- package/lib/IconButton/index.js +17 -37
- package/lib/IconButton/locator.js +0 -2
- package/lib/IconButton/props.js +1 -4
- package/lib/IconButton/theme.js +0 -2
- package/lib/ToggleButton/ToggleButtonLocator.js +5 -10
- package/lib/ToggleButton/index.js +13 -32
- package/lib/ToggleButton/props.js +1 -4
- package/lib/index.js +0 -6
- package/package.json +20 -20
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Button/index.d.ts +2 -2
|
@@ -1,34 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
4
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.default = exports.ToggleButton = void 0;
|
|
11
|
-
|
|
12
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
11
|
var _testable = require("@instructure/ui-testable/lib/testable.js");
|
|
17
|
-
|
|
18
12
|
var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
|
|
19
|
-
|
|
20
13
|
var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
|
|
21
|
-
|
|
22
14
|
var _Tooltip = require("@instructure/ui-tooltip/lib/Tooltip");
|
|
23
|
-
|
|
24
15
|
var _IconButton = require("../IconButton");
|
|
25
|
-
|
|
26
16
|
var _props = require("./props");
|
|
27
|
-
|
|
28
17
|
const _excluded = ["as", "color", "elementRef", "size", "interaction", "mountNode", "renderIcon", "renderTooltipContent", "screenReaderLabel", "status", "placement", "onClick"];
|
|
29
|
-
|
|
30
18
|
var _dec, _class, _class2;
|
|
31
|
-
|
|
32
19
|
/**
|
|
33
20
|
---
|
|
34
21
|
category: components
|
|
@@ -39,39 +26,34 @@ let ToggleButton = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = c
|
|
|
39
26
|
constructor(props) {
|
|
40
27
|
super(props);
|
|
41
28
|
this.ref = null;
|
|
42
|
-
|
|
43
29
|
this.handleRef = el => {
|
|
44
30
|
const elementRef = this.props.elementRef;
|
|
45
|
-
|
|
46
31
|
if (typeof elementRef === 'function') {
|
|
47
32
|
elementRef(el);
|
|
48
33
|
}
|
|
49
34
|
};
|
|
50
|
-
|
|
51
35
|
this.state = {
|
|
52
36
|
isShowingTooltip: props.isShowingTooltip || false
|
|
53
37
|
};
|
|
54
38
|
}
|
|
55
|
-
|
|
56
39
|
get isShowingTooltip() {
|
|
57
40
|
return typeof this.props.isShowingTooltip === 'undefined' ? this.state.isShowingTooltip : this.props.isShowingTooltip;
|
|
58
41
|
}
|
|
59
|
-
|
|
60
42
|
render() {
|
|
61
43
|
const _this$props = this.props,
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
44
|
+
as = _this$props.as,
|
|
45
|
+
color = _this$props.color,
|
|
46
|
+
elementRef = _this$props.elementRef,
|
|
47
|
+
size = _this$props.size,
|
|
48
|
+
interaction = _this$props.interaction,
|
|
49
|
+
mountNode = _this$props.mountNode,
|
|
50
|
+
renderIcon = _this$props.renderIcon,
|
|
51
|
+
renderTooltipContent = _this$props.renderTooltipContent,
|
|
52
|
+
screenReaderLabel = _this$props.screenReaderLabel,
|
|
53
|
+
status = _this$props.status,
|
|
54
|
+
placement = _this$props.placement,
|
|
55
|
+
onClick = _this$props.onClick,
|
|
56
|
+
props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
|
|
75
57
|
return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
|
|
76
58
|
renderTip: renderTooltipContent,
|
|
77
59
|
on: ['hover', 'focus'],
|
|
@@ -103,7 +85,6 @@ let ToggleButton = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = c
|
|
|
103
85
|
"aria-pressed": status === 'pressed'
|
|
104
86
|
}), (0, _callRenderProp.callRenderProp)(renderIcon)));
|
|
105
87
|
}
|
|
106
|
-
|
|
107
88
|
}, _class2.displayName = "ToggleButton", _class2.componentId = 'ToggleButton', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
|
|
108
89
|
size: 'medium',
|
|
109
90
|
as: 'button',
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.propTypes = exports.allowedProps = void 0;
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _PositionPropTypes = require("@instructure/ui-position/lib/PositionPropTypes.js");
|
|
13
|
-
|
|
14
10
|
/*
|
|
15
11
|
* The MIT License (MIT)
|
|
16
12
|
*
|
|
@@ -34,6 +30,7 @@ var _PositionPropTypes = require("@instructure/ui-position/lib/PositionPropTypes
|
|
|
34
30
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
35
31
|
* SOFTWARE.
|
|
36
32
|
*/
|
|
33
|
+
|
|
37
34
|
const propTypes = {
|
|
38
35
|
screenReaderLabel: _propTypes.default.string.isRequired,
|
|
39
36
|
renderTooltipContent: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]).isRequired,
|
package/lib/index.js
CHANGED
|
@@ -39,15 +39,9 @@ Object.defineProperty(exports, "ToggleButton", {
|
|
|
39
39
|
return _ToggleButton.ToggleButton;
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
|
-
|
|
43
42
|
var _BaseButton = require("./BaseButton");
|
|
44
|
-
|
|
45
43
|
var _Button = require("./Button");
|
|
46
|
-
|
|
47
44
|
var _CloseButton = require("./CloseButton");
|
|
48
|
-
|
|
49
45
|
var _CondensedButton = require("./CondensedButton");
|
|
50
|
-
|
|
51
46
|
var _IconButton = require("./IconButton");
|
|
52
|
-
|
|
53
47
|
var _ToggleButton = require("./ToggleButton");
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-buttons",
|
|
3
|
-
"version": "8.33.
|
|
3
|
+
"version": "8.33.2-snapshot-5",
|
|
4
4
|
"description": "Accessible button components",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -23,28 +23,28 @@
|
|
|
23
23
|
},
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@instructure/ui-babel-preset": "8.33.
|
|
27
|
-
"@instructure/ui-test-locator": "8.33.
|
|
28
|
-
"@instructure/ui-test-queries": "8.33.
|
|
29
|
-
"@instructure/ui-test-utils": "8.33.
|
|
30
|
-
"@instructure/ui-themes": "8.33.
|
|
26
|
+
"@instructure/ui-babel-preset": "8.33.2-snapshot-5",
|
|
27
|
+
"@instructure/ui-test-locator": "8.33.2-snapshot-5",
|
|
28
|
+
"@instructure/ui-test-queries": "8.33.2-snapshot-5",
|
|
29
|
+
"@instructure/ui-test-utils": "8.33.2-snapshot-5",
|
|
30
|
+
"@instructure/ui-themes": "8.33.2-snapshot-5"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@babel/runtime": "^7.13.10",
|
|
34
|
-
"@instructure/console": "8.33.
|
|
35
|
-
"@instructure/emotion": "8.33.
|
|
36
|
-
"@instructure/shared-types": "8.33.
|
|
37
|
-
"@instructure/ui-a11y-content": "8.33.
|
|
38
|
-
"@instructure/ui-a11y-utils": "8.33.
|
|
39
|
-
"@instructure/ui-color-utils": "8.33.
|
|
40
|
-
"@instructure/ui-dom-utils": "8.33.
|
|
41
|
-
"@instructure/ui-icons": "8.33.
|
|
42
|
-
"@instructure/ui-position": "8.33.
|
|
43
|
-
"@instructure/ui-react-utils": "8.33.
|
|
44
|
-
"@instructure/ui-testable": "8.33.
|
|
45
|
-
"@instructure/ui-tooltip": "8.33.
|
|
46
|
-
"@instructure/ui-utils": "8.33.
|
|
47
|
-
"@instructure/ui-view": "8.33.
|
|
34
|
+
"@instructure/console": "8.33.2-snapshot-5",
|
|
35
|
+
"@instructure/emotion": "8.33.2-snapshot-5",
|
|
36
|
+
"@instructure/shared-types": "8.33.2-snapshot-5",
|
|
37
|
+
"@instructure/ui-a11y-content": "8.33.2-snapshot-5",
|
|
38
|
+
"@instructure/ui-a11y-utils": "8.33.2-snapshot-5",
|
|
39
|
+
"@instructure/ui-color-utils": "8.33.2-snapshot-5",
|
|
40
|
+
"@instructure/ui-dom-utils": "8.33.2-snapshot-5",
|
|
41
|
+
"@instructure/ui-icons": "8.33.2-snapshot-5",
|
|
42
|
+
"@instructure/ui-position": "8.33.2-snapshot-5",
|
|
43
|
+
"@instructure/ui-react-utils": "8.33.2-snapshot-5",
|
|
44
|
+
"@instructure/ui-testable": "8.33.2-snapshot-5",
|
|
45
|
+
"@instructure/ui-tooltip": "8.33.2-snapshot-5",
|
|
46
|
+
"@instructure/ui-utils": "8.33.2-snapshot-5",
|
|
47
|
+
"@instructure/ui-view": "8.33.2-snapshot-5",
|
|
48
48
|
"keycode": "^2",
|
|
49
49
|
"prop-types": "^15"
|
|
50
50
|
},
|