@instructure/ui-alerts 8.10.1-snapshot.8 → 8.10.2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.10.2](https://github.com/instructure/instructure-ui/compare/v8.10.1...v8.10.2) (2021-10-01)
+
+**Note:** Version bump only for package @instructure/ui-alerts
+
+## [8.10.1](https://github.com/instructure/instructure-ui/compare/v8.10.0...v8.10.1) (2021-10-01)
+
+**Note:** Version bump only for package @instructure/ui-alerts
+
 # [8.10.0](https://github.com/instructure/instructure-ui/compare/v8.9.1...v8.10.0) (2021-09-28)
 
 **Note:** Version bump only for package @instructure/ui-alerts

package/es/Alert/index.js

@@ -57,6 +57,11 @@ let Alert = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
       success: IconCheckMarkSolid,
       warning: IconWarningBorderlessSolid
     };
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
 
     this.handleTimeout = () => {
       if (this.props.timeout > 0) {
@@ -246,7 +251,8 @@ let Alert = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
       as: "div",
       margin: this.props.margin,
       css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.alert,
-      onKeyUp: this.handleKeyUp
+      onKeyUp: this.handleKeyUp,
+      elementRef: this.handleRef
     }, this.renderIcon(), jsx("div", {
       css: (_this$props$styles4 = this.props.styles) === null || _this$props$styles4 === void 0 ? void 0 : _this$props$styles4.content
     }, this.props.children), this.renderCloseButton());

package/lib/Alert/index.js

@@ -62,6 +62,11 @@ let Alert = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
       success: _IconCheckMarkSolid.IconCheckMarkSolid,
       warning: _IconWarningBorderlessSolid.IconWarningBorderlessSolid
     };
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
 
     this.handleTimeout = () => {
       if (this.props.timeout > 0) {
@@ -254,7 +259,8 @@ let Alert = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
       as: "div",
       margin: this.props.margin,
       css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.alert,
-      onKeyUp: this.handleKeyUp
+      onKeyUp: this.handleKeyUp,
+      elementRef: this.handleRef
     }, this.renderIcon(), (0, _emotion.jsx)("div", {
       css: (_this$props$styles4 = this.props.styles) === null || _this$props$styles4 === void 0 ? void 0 : _this$props$styles4.content
     }, this.props.children), this.renderCloseButton());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-alerts",
-  "version": "8.10.1-snapshot.8+21f46f4e3",
+  "version": "8.10.2",
   "description": "An alert component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,24 +24,24 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-color-utils": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-test-utils": "8.10.1-snapshot.8+21f46f4e3"
+    "@instructure/ui-babel-preset": "8.10.2",
+    "@instructure/ui-color-utils": "8.10.2",
+    "@instructure/ui-test-utils": "8.10.2"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/emotion": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/shared-types": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-a11y-content": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-buttons": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-icons": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-motion": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-react-utils": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-themes": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-utils": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/ui-view": "8.10.1-snapshot.8+21f46f4e3",
-    "@instructure/uid": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/console": "8.10.2",
+    "@instructure/emotion": "8.10.2",
+    "@instructure/shared-types": "8.10.2",
+    "@instructure/ui-a11y-content": "8.10.2",
+    "@instructure/ui-buttons": "8.10.2",
+    "@instructure/ui-icons": "8.10.2",
+    "@instructure/ui-motion": "8.10.2",
+    "@instructure/ui-react-utils": "8.10.2",
+    "@instructure/ui-themes": "8.10.2",
+    "@instructure/ui-utils": "8.10.2",
+    "@instructure/ui-view": "8.10.2",
+    "@instructure/uid": "8.10.2",
     "keycode": "^2",
     "prop-types": "^15"
   },
@@ -52,6 +52,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "21f46f4e342898b019ab943a7e69a455621d9576"
+  "sideEffects": false
 }

package/src/Alert/index.tsx

@@ -90,6 +90,12 @@ class Alert extends Component<AlertProps> {
     warning: IconWarningBorderlessSolid
   }
 
+  ref: Element | null = null
+
+  handleRef = (el: Element | null) => {
+    this.ref = el
+  }
+
   handleTimeout = () => {
     // @ts-expect-error ts-migrate(2532) FIXME: Object is possibly 'undefined'.
     if (this.props.timeout > 0) {
@@ -294,6 +300,7 @@ class Alert extends Component<AlertProps> {
         margin={this.props.margin}
         css={this.props.styles?.alert}
         onKeyUp={this.handleKeyUp}
+        elementRef={this.handleRef}
       >
         {this.renderIcon()}
         <div css={this.props.styles?.content}>{this.props.children}</div>

package/types/Alert/index.d.ts

@@ -60,6 +60,8 @@ declare class Alert extends Component<AlertProps> {
         success: typeof IconCheckMarkSolid;
         warning: typeof IconWarningBorderlessSolid;
     };
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
     handleTimeout: () => void;
     clearTimeouts(): void;
     onExitTransition: () => void;

package/types/Alert/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Alert/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQjC,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,0BAA0B,EAC1B,WAAW,EACZ,MAAM,uBAAuB,CAAA;AAK9B,OAAO,EAAa,GAAG,EAAwB,MAAM,sBAAsB,CAAA;AAM3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC;;;;GAIG;AACH,cACM,KAAM,SAAQ,SAAS,CAAC,UAAU,CAAC;IACvC,MAAM,CAAC,QAAQ,CAAC,WAAW,WAAU;IAErC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;MAWlB;gBAGW,KAAK,KAAA;IAQjB,SAAS,UAAK;IAEd,SAAS;;;;;MAKR;IAED,aAAa,aAUZ;IAED,aAAa;IAKb,gBAAgB,aAIf;IAED,KAAK,aAQJ;IAID,SAAS,CAAC,CAAC,KAAA;IAIX,aAAa;IAUb,cAAc,CAAC,UAAU,KAAA;IAazB,6BAA6B;IAI7B,uBAAuB;IAevB,uBAAuB;IAcvB,wBAAwB,CAAC,GAAG,KAAA;IAW5B,uBAAuB;IAwBvB,WAAW,uBAOV;IAED,iBAAiB;IAajB,kBAAkB,CAAC,SAAS,KAAA;IAc5B,oBAAoB;IAKpB,UAAU;IAUV,iBAAiB;IAgBjB,WAAW;IAeX,MAAM;CA4BP;AAED,eAAe,KAAK,CAAA;AACpB,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Alert/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQjC,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,0BAA0B,EAC1B,WAAW,EACZ,MAAM,uBAAuB,CAAA;AAK9B,OAAO,EAAa,GAAG,EAAwB,MAAM,sBAAsB,CAAA;AAM3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC;;;;GAIG;AACH,cACM,KAAM,SAAQ,SAAS,CAAC,UAAU,CAAC;IACvC,MAAM,CAAC,QAAQ,CAAC,WAAW,WAAU;IAErC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;MAWlB;gBAGW,KAAK,KAAA;IAQjB,SAAS,UAAK;IAEd,SAAS;;;;;MAKR;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,aAAa,aAUZ;IAED,aAAa;IAKb,gBAAgB,aAIf;IAED,KAAK,aAQJ;IAID,SAAS,CAAC,CAAC,KAAA;IAIX,aAAa;IAUb,cAAc,CAAC,UAAU,KAAA;IAazB,6BAA6B;IAI7B,uBAAuB;IAevB,uBAAuB;IAcvB,wBAAwB,CAAC,GAAG,KAAA;IAW5B,uBAAuB;IAwBvB,WAAW,uBAOV;IAED,iBAAiB;IAajB,kBAAkB,CAAC,SAAS,KAAA;IAc5B,oBAAoB;IAKpB,UAAU;IAUV,iBAAiB;IAgBjB,WAAW;IAgBX,MAAM;CA4BP;AAED,eAAe,KAAK,CAAA;AACpB,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/LICENSE.md

@@ -1,27 +0,0 @@
----
-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.