@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.
Files changed (63) hide show
  1. package/CHANGELOG.md +1 -5
  2. package/es/BaseButton/BaseButtonLocator.js +3 -2
  3. package/es/BaseButton/index.js +44 -80
  4. package/es/BaseButton/locator.js +1 -0
  5. package/es/BaseButton/props.js +1 -0
  6. package/es/BaseButton/styles.js +12 -17
  7. package/es/BaseButton/theme.js +17 -17
  8. package/es/Button/ButtonLocator.js +2 -2
  9. package/es/Button/index.js +17 -26
  10. package/es/Button/props.js +1 -0
  11. package/es/Button/theme.js +1 -0
  12. package/es/CloseButton/CloseButtonLocator.js +3 -1
  13. package/es/CloseButton/index.js +14 -28
  14. package/es/CloseButton/locator.js +1 -0
  15. package/es/CloseButton/props.js +1 -0
  16. package/es/CloseButton/styles.js +3 -5
  17. package/es/CloseButton/theme.js +3 -3
  18. package/es/CondensedButton/CondensedButtonLocator.js +2 -2
  19. package/es/CondensedButton/index.js +13 -22
  20. package/es/CondensedButton/props.js +1 -0
  21. package/es/CondensedButton/theme.js +1 -0
  22. package/es/IconButton/IconButtonLocator.js +2 -2
  23. package/es/IconButton/index.js +18 -27
  24. package/es/IconButton/props.js +1 -0
  25. package/es/IconButton/theme.js +1 -0
  26. package/es/ToggleButton/ToggleButtonLocator.js +9 -8
  27. package/es/ToggleButton/index.js +14 -23
  28. package/es/ToggleButton/props.js +1 -0
  29. package/es/index.js +1 -0
  30. package/lib/BaseButton/BaseButtonLocator.js +1 -5
  31. package/lib/BaseButton/index.js +44 -97
  32. package/lib/BaseButton/locator.js +0 -2
  33. package/lib/BaseButton/props.js +1 -4
  34. package/lib/BaseButton/styles.js +12 -18
  35. package/lib/BaseButton/theme.js +17 -20
  36. package/lib/Button/ButtonLocator.js +1 -5
  37. package/lib/Button/index.js +16 -36
  38. package/lib/Button/locator.js +0 -2
  39. package/lib/Button/props.js +1 -4
  40. package/lib/Button/theme.js +0 -2
  41. package/lib/CloseButton/CloseButtonLocator.js +1 -3
  42. package/lib/CloseButton/index.js +14 -40
  43. package/lib/CloseButton/locator.js +0 -2
  44. package/lib/CloseButton/props.js +1 -4
  45. package/lib/CloseButton/styles.js +3 -6
  46. package/lib/CloseButton/theme.js +3 -4
  47. package/lib/CondensedButton/CondensedButtonLocator.js +1 -5
  48. package/lib/CondensedButton/index.js +12 -31
  49. package/lib/CondensedButton/locator.js +0 -2
  50. package/lib/CondensedButton/props.js +1 -4
  51. package/lib/CondensedButton/theme.js +0 -2
  52. package/lib/IconButton/IconButtonLocator.js +1 -5
  53. package/lib/IconButton/index.js +17 -37
  54. package/lib/IconButton/locator.js +0 -2
  55. package/lib/IconButton/props.js +1 -4
  56. package/lib/IconButton/theme.js +0 -2
  57. package/lib/ToggleButton/ToggleButtonLocator.js +5 -10
  58. package/lib/ToggleButton/index.js +13 -32
  59. package/lib/ToggleButton/props.js +1 -4
  60. package/lib/index.js +0 -6
  61. package/package.json +20 -20
  62. package/tsconfig.build.tsbuildinfo +1 -1
  63. 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
- as = _this$props.as,
63
- color = _this$props.color,
64
- elementRef = _this$props.elementRef,
65
- size = _this$props.size,
66
- interaction = _this$props.interaction,
67
- mountNode = _this$props.mountNode,
68
- renderIcon = _this$props.renderIcon,
69
- renderTooltipContent = _this$props.renderTooltipContent,
70
- screenReaderLabel = _this$props.screenReaderLabel,
71
- status = _this$props.status,
72
- placement = _this$props.placement,
73
- onClick = _this$props.onClick,
74
- props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
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-snapshot-0",
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-snapshot-0",
27
- "@instructure/ui-test-locator": "8.33.2-snapshot-0",
28
- "@instructure/ui-test-queries": "8.33.2-snapshot-0",
29
- "@instructure/ui-test-utils": "8.33.2-snapshot-0",
30
- "@instructure/ui-themes": "8.33.2-snapshot-0"
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-snapshot-0",
35
- "@instructure/emotion": "8.33.2-snapshot-0",
36
- "@instructure/shared-types": "8.33.2-snapshot-0",
37
- "@instructure/ui-a11y-content": "8.33.2-snapshot-0",
38
- "@instructure/ui-a11y-utils": "8.33.2-snapshot-0",
39
- "@instructure/ui-color-utils": "8.33.2-snapshot-0",
40
- "@instructure/ui-dom-utils": "8.33.2-snapshot-0",
41
- "@instructure/ui-icons": "8.33.2-snapshot-0",
42
- "@instructure/ui-position": "8.33.2-snapshot-0",
43
- "@instructure/ui-react-utils": "8.33.2-snapshot-0",
44
- "@instructure/ui-testable": "8.33.2-snapshot-0",
45
- "@instructure/ui-tooltip": "8.33.2-snapshot-0",
46
- "@instructure/ui-utils": "8.33.2-snapshot-0",
47
- "@instructure/ui-view": "8.33.2-snapshot-0",
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
  },