@instructure/ui-buttons 8.22.1-snapshot.4 → 8.23.0

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.23.0](https://github.com/instructure/instructure-ui/compare/v8.22.0...v8.23.0) (2022-04-07)
+
+**Note:** Version bump only for package @instructure/ui-buttons
+
 # [8.22.0](https://github.com/instructure/instructure-ui/compare/v8.21.0...v8.22.0) (2022-03-31)
 
 **Note:** Version bump only for package @instructure/ui-buttons

package/es/CloseButton/index.js

@@ -52,7 +52,6 @@ let CloseButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
 
     this.handleRef = el => {
       const elementRef = this.props.elementRef;
-      this.ref = el;
 
       if (typeof elementRef === 'function') {
         elementRef(el);
@@ -101,7 +100,8 @@ let CloseButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
           props = _objectWithoutProperties(_this$props3, _excluded);
 
     return jsx("span", Object.assign({}, passthroughProps(props), {
-      css: styles === null || styles === void 0 ? void 0 : styles.closeButton
+      css: styles === null || styles === void 0 ? void 0 : styles.closeButton,
+      ref: el => this.ref = el
     }), jsx(BaseButton, {
       renderIcon: IconXSolid,
       elementRef: this.handleRef,

package/es/ToggleButton/index.js

@@ -46,7 +46,6 @@ let ToggleButton = (_dec = testable(), _dec(_class = (_temp = _class2 = class To
 
     this.handleRef = el => {
       const elementRef = this.props.elementRef;
-      this.ref = el;
 
       if (typeof elementRef === 'function') {
         elementRef(el);
@@ -94,7 +93,8 @@ let ToggleButton = (_dec = testable(), _dec(_class = (_temp = _class2 = class To
           isShowingTooltip: false
         });
       },
-      mountNode: mountNode
+      mountNode: mountNode,
+      elementRef: el => this.ref = el
     }, /*#__PURE__*/React.createElement(IconButton, Object.assign({}, passthroughProps(props), {
       screenReaderLabel: screenReaderLabel,
       withBackground: false,

package/lib/CloseButton/index.js

@@ -48,7 +48,6 @@ let CloseButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
 
     this.handleRef = el => {
       const elementRef = this.props.elementRef;
-      this.ref = el;
 
       if (typeof elementRef === 'function') {
         elementRef(el);
@@ -96,7 +95,8 @@ let CloseButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
           styles = _this$props3.styles,
           props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
     return (0, _emotion.jsx)("span", Object.assign({}, (0, _passthroughProps.passthroughProps)(props), {
-      css: styles === null || styles === void 0 ? void 0 : styles.closeButton
+      css: styles === null || styles === void 0 ? void 0 : styles.closeButton,
+      ref: el => this.ref = el
     }), (0, _emotion.jsx)(_BaseButton.BaseButton, {
       renderIcon: _IconXSolid.IconXSolid,
       elementRef: this.handleRef,

package/lib/ToggleButton/index.js

@@ -42,7 +42,6 @@ let ToggleButton = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _cl
 
     this.handleRef = el => {
       const elementRef = this.props.elementRef;
-      this.ref = el;
 
       if (typeof elementRef === 'function') {
         elementRef(el);
@@ -89,7 +88,8 @@ let ToggleButton = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _cl
           isShowingTooltip: false
         });
       },
-      mountNode: mountNode
+      mountNode: mountNode,
+      elementRef: el => this.ref = el
     }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, Object.assign({}, (0, _passthroughProps.passthroughProps)(props), {
       screenReaderLabel: screenReaderLabel,
       withBackground: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-buttons",
-  "version": "8.22.1-snapshot.4+5809c01bc",
+  "version": "8.23.0",
   "description": "Accessible button components",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,28 +23,28 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-test-locator": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-test-queries": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-test-utils": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-themes": "8.22.1-snapshot.4+5809c01bc"
+    "@instructure/ui-babel-preset": "8.23.0",
+    "@instructure/ui-test-locator": "8.23.0",
+    "@instructure/ui-test-queries": "8.23.0",
+    "@instructure/ui-test-utils": "8.23.0",
+    "@instructure/ui-themes": "8.23.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/emotion": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/shared-types": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-a11y-content": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-a11y-utils": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-color-utils": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-dom-utils": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-icons": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-position": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-react-utils": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-testable": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-tooltip": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-utils": "8.22.1-snapshot.4+5809c01bc",
-    "@instructure/ui-view": "8.22.1-snapshot.4+5809c01bc",
+    "@instructure/console": "8.23.0",
+    "@instructure/emotion": "8.23.0",
+    "@instructure/shared-types": "8.23.0",
+    "@instructure/ui-a11y-content": "8.23.0",
+    "@instructure/ui-a11y-utils": "8.23.0",
+    "@instructure/ui-color-utils": "8.23.0",
+    "@instructure/ui-dom-utils": "8.23.0",
+    "@instructure/ui-icons": "8.23.0",
+    "@instructure/ui-position": "8.23.0",
+    "@instructure/ui-react-utils": "8.23.0",
+    "@instructure/ui-testable": "8.23.0",
+    "@instructure/ui-tooltip": "8.23.0",
+    "@instructure/ui-utils": "8.23.0",
+    "@instructure/ui-view": "8.23.0",
     "keycode": "^2",
     "prop-types": "^15"
   },
@@ -54,6 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "5809c01bc3fc6e7b468d18d44c22f364304561ed"
+  "sideEffects": false
 }

package/src/CloseButton/index.tsx

@@ -68,9 +68,6 @@ class CloseButton extends Component<CloseButtonProps> {
 
   handleRef = (el: Element | null) => {
     const { elementRef } = this.props
-
-    this.ref = el
-
     if (typeof elementRef === 'function') {
       elementRef(el)
     }
@@ -113,7 +110,11 @@ class CloseButton extends Component<CloseButtonProps> {
     } = this.props
 
     return (
-      <span {...passthroughProps(props)} css={styles?.closeButton}>
+      <span
+        {...passthroughProps(props)}
+        css={styles?.closeButton}
+        ref={(el) => (this.ref = el)}
+      >
         <BaseButton
           renderIcon={IconXSolid}
           elementRef={this.handleRef}

package/src/ToggleButton/index.tsx

@@ -70,9 +70,6 @@ class ToggleButton extends Component<ToggleButtonProps, ToggleButtonState> {
 
   handleRef = (el: Element | null) => {
     const { elementRef } = this.props
-
-    this.ref = el
-
     if (typeof elementRef === 'function') {
       elementRef(el)
     }
@@ -115,6 +112,7 @@ class ToggleButton extends Component<ToggleButtonProps, ToggleButtonState> {
           this.setState({ isShowingTooltip: false })
         }}
         mountNode={mountNode}
+        elementRef={(el) => (this.ref = el)}
       >
         <IconButton
           {...passthroughProps(props)}