@instructure/ui-buttons 8.33.2-snapshot-0 → 8.33.2
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 -5
- 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.2
|
|
3
|
+
"version": "8.33.2",
|
|
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.2
|
|
27
|
-
"@instructure/ui-test-locator": "8.33.2
|
|
28
|
-
"@instructure/ui-test-queries": "8.33.2
|
|
29
|
-
"@instructure/ui-test-utils": "8.33.2
|
|
30
|
-
"@instructure/ui-themes": "8.33.2
|
|
26
|
+
"@instructure/ui-babel-preset": "8.33.2",
|
|
27
|
+
"@instructure/ui-test-locator": "8.33.2",
|
|
28
|
+
"@instructure/ui-test-queries": "8.33.2",
|
|
29
|
+
"@instructure/ui-test-utils": "8.33.2",
|
|
30
|
+
"@instructure/ui-themes": "8.33.2"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@babel/runtime": "^7.13.10",
|
|
34
|
-
"@instructure/console": "8.33.2
|
|
35
|
-
"@instructure/emotion": "8.33.2
|
|
36
|
-
"@instructure/shared-types": "8.33.2
|
|
37
|
-
"@instructure/ui-a11y-content": "8.33.2
|
|
38
|
-
"@instructure/ui-a11y-utils": "8.33.2
|
|
39
|
-
"@instructure/ui-color-utils": "8.33.2
|
|
40
|
-
"@instructure/ui-dom-utils": "8.33.2
|
|
41
|
-
"@instructure/ui-icons": "8.33.2
|
|
42
|
-
"@instructure/ui-position": "8.33.2
|
|
43
|
-
"@instructure/ui-react-utils": "8.33.2
|
|
44
|
-
"@instructure/ui-testable": "8.33.2
|
|
45
|
-
"@instructure/ui-tooltip": "8.33.2
|
|
46
|
-
"@instructure/ui-utils": "8.33.2
|
|
47
|
-
"@instructure/ui-view": "8.33.2
|
|
34
|
+
"@instructure/console": "8.33.2",
|
|
35
|
+
"@instructure/emotion": "8.33.2",
|
|
36
|
+
"@instructure/shared-types": "8.33.2",
|
|
37
|
+
"@instructure/ui-a11y-content": "8.33.2",
|
|
38
|
+
"@instructure/ui-a11y-utils": "8.33.2",
|
|
39
|
+
"@instructure/ui-color-utils": "8.33.2",
|
|
40
|
+
"@instructure/ui-dom-utils": "8.33.2",
|
|
41
|
+
"@instructure/ui-icons": "8.33.2",
|
|
42
|
+
"@instructure/ui-position": "8.33.2",
|
|
43
|
+
"@instructure/ui-react-utils": "8.33.2",
|
|
44
|
+
"@instructure/ui-testable": "8.33.2",
|
|
45
|
+
"@instructure/ui-tooltip": "8.33.2",
|
|
46
|
+
"@instructure/ui-utils": "8.33.2",
|
|
47
|
+
"@instructure/ui-view": "8.33.2",
|
|
48
48
|
"keycode": "^2",
|
|
49
49
|
"prop-types": "^15"
|
|
50
50
|
},
|