@instructure/ui-buttons 8.22.0 → 8.22.1-snapshot.23

package/LICENSE.md

@@ -0,0 +1,27 @@
+---
+title: The MIT License (MIT)
+category: Getting Started
+order: 9
+---
+
+# The MIT License (MIT)
+
+Copyright (c) 2015 Instructure, Inc.
+
+**Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions.**
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

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.0",
+  "version": "8.22.1-snapshot.23+23720451b",
   "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.0",
-    "@instructure/ui-test-locator": "8.22.0",
-    "@instructure/ui-test-queries": "8.22.0",
-    "@instructure/ui-test-utils": "8.22.0",
-    "@instructure/ui-themes": "8.22.0"
+    "@instructure/ui-babel-preset": "8.22.1-snapshot.23+23720451b",
+    "@instructure/ui-test-locator": "8.22.1-snapshot.23+23720451b",
+    "@instructure/ui-test-queries": "8.22.1-snapshot.23+23720451b",
+    "@instructure/ui-test-utils": "8.22.1-snapshot.23+23720451b",
+    "@instructure/ui-themes": "8.22.1-snapshot.23+23720451b"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.22.0",
-    "@instructure/emotion": "8.22.0",
-    "@instructure/shared-types": "8.22.0",
-    "@instructure/ui-a11y-content": "8.22.0",
-    "@instructure/ui-a11y-utils": "8.22.0",
-    "@instructure/ui-color-utils": "8.22.0",
-    "@instructure/ui-dom-utils": "8.22.0",
-    "@instructure/ui-icons": "8.22.0",
-    "@instructure/ui-position": "8.22.0",
-    "@instructure/ui-react-utils": "8.22.0",
-    "@instructure/ui-testable": "8.22.0",
-    "@instructure/ui-tooltip": "8.22.0",
-    "@instructure/ui-utils": "8.22.0",
-    "@instructure/ui-view": "8.22.0",
+    "@instructure/console": "8.22.1-snapshot.23+23720451b",
+    "@instructure/emotion": "8.22.1-snapshot.23+23720451b",
+    "@instructure/shared-types": "8.22.1-snapshot.23+23720451b",
+    "@instructure/ui-a11y-content": "8.22.1-snapshot.23+23720451b",
+    "@instructure/ui-a11y-utils": "8.22.1-snapshot.23+23720451b",
+    "@instructure/ui-color-utils": "8.22.1-snapshot.23+23720451b",
+    "@instructure/ui-dom-utils": "8.22.1-snapshot.23+23720451b",
+    "@instructure/ui-icons": "8.22.1-snapshot.23+23720451b",
+    "@instructure/ui-position": "8.22.1-snapshot.23+23720451b",
+    "@instructure/ui-react-utils": "8.22.1-snapshot.23+23720451b",
+    "@instructure/ui-testable": "8.22.1-snapshot.23+23720451b",
+    "@instructure/ui-tooltip": "8.22.1-snapshot.23+23720451b",
+    "@instructure/ui-utils": "8.22.1-snapshot.23+23720451b",
+    "@instructure/ui-view": "8.22.1-snapshot.23+23720451b",
     "keycode": "^2",
     "prop-types": "^15"
   },
@@ -54,5 +54,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "gitHead": "23720451b9e91fc1ba0b31b4f22fff32669a4d59"
 }

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)}