@instructure/ui-alerts 8.56.0 → 8.56.2-pr-snapshot-1721749364069

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.56.2-pr-snapshot-1721749364069](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2-pr-snapshot-1721749364069) (2024-07-23)
+
+**Note:** Version bump only for package @instructure/ui-alerts
+
+
+
+
+
+## [8.56.1](https://github.com/instructure/instructure-ui/compare/v8.56.0...v8.56.1) (2024-06-13)
+
+**Note:** Version bump only for package @instructure/ui-alerts
+
+
+
+
+
 # [8.56.0](https://github.com/instructure/instructure-ui/compare/v8.55.1...v8.56.0) (2024-05-06)
 
 **Note:** Version bump only for package @instructure/ui-alerts

package/lib/Alert/index.js

@@ -9,16 +9,12 @@ exports.default = exports.Alert = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _keycode = _interopRequireDefault(require("keycode"));
-var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-var _CloseButton = require("@instructure/ui-buttons/lib/CloseButton");
-var _View = require("@instructure/ui-view/lib/View");
-var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
-var _IconCheckMarkSolid = require("@instructure/ui-icons/lib/IconCheckMarkSolid.js");
-var _IconInfoBorderlessSolid = require("@instructure/ui-icons/lib/IconInfoBorderlessSolid.js");
-var _IconWarningBorderlessSolid = require("@instructure/ui-icons/lib/IconWarningBorderlessSolid.js");
-var _IconNoSolid = require("@instructure/ui-icons/lib/IconNoSolid.js");
-var _Transition = require("@instructure/ui-motion/lib/Transition");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiButtons = require("@instructure/ui-buttons");
+var _uiView = require("@instructure/ui-view");
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+var _uiIcons = require("@instructure/ui-icons");
+var _uiMotion = require("@instructure/ui-motion");
 var _console = require("@instructure/console");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
@@ -54,16 +50,16 @@ var _dec, _dec2, _class, _class2;
 category: components
 ---
 **/
-let Alert = exports.Alert = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = (_class2 = class Alert extends _react.Component {
+let Alert = exports.Alert = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = (_class2 = class Alert extends _react.Component {
   constructor(props) {
     super(props);
     this._timeouts = [];
     this.srid = void 0;
     this.variantUI = {
-      error: _IconNoSolid.IconNoSolid,
-      info: _IconInfoBorderlessSolid.IconInfoBorderlessSolid,
-      success: _IconCheckMarkSolid.IconCheckMarkSolid,
-      warning: _IconWarningBorderlessSolid.IconWarningBorderlessSolid
+      error: _uiIcons.IconNoSolid,
+      info: _uiIcons.IconInfoBorderlessSolid,
+      success: _uiIcons.IconCheckMarkSolid,
+      warning: _uiIcons.IconWarningBorderlessSolid
     };
     this.ref = null;
     this.handleRef = el => {
@@ -126,7 +122,7 @@ let Alert = exports.Alert = (_dec = (0, _withDeterministicId.withDeterministicId
     }
   }
   createScreenreaderContentNode() {
-    return (0, _emotion.jsx)(_ScreenReaderContent.ScreenReaderContent, null, this.props.children);
+    return (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, this.props.children);
   }
   createScreenreaderAlert() {
     const liveRegion = this.getLiveRegion();
@@ -182,11 +178,11 @@ let Alert = exports.Alert = (_dec = (0, _withDeterministicId.withDeterministicId
   }
   renderCloseButton() {
     var _this$props$styles2;
-    const closeButtonLabel = this.props.renderCloseButtonLabel && (0, _callRenderProp.callRenderProp)(this.props.renderCloseButtonLabel);
+    const closeButtonLabel = this.props.renderCloseButtonLabel && (0, _uiReactUtils.callRenderProp)(this.props.renderCloseButtonLabel);
     return closeButtonLabel ? (0, _emotion.jsx)("div", {
       css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.closeButton,
       key: "closeButton"
-    }, (0, _emotion.jsx)(_CloseButton.CloseButton, {
+    }, (0, _emotion.jsx)(_uiButtons.CloseButton, {
       onClick: this.close,
       size: "small",
       screenReaderLabel: closeButtonLabel
@@ -194,7 +190,7 @@ let Alert = exports.Alert = (_dec = (0, _withDeterministicId.withDeterministicId
   }
   renderAlert() {
     var _this$props$styles3, _this$props$styles4;
-    return (0, _emotion.jsx)(_View.View, {
+    return (0, _emotion.jsx)(_uiView.View, {
       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,
@@ -221,7 +217,7 @@ let Alert = exports.Alert = (_dec = (0, _withDeterministicId.withDeterministicId
     if (this.props.transition === 'none') {
       return this.state.open ? (0, _emotion.jsx)(_react.default.Fragment, null, screenReaderContent, this.renderAlert()) : null;
     }
-    return (0, _emotion.jsx)(_react.default.Fragment, null, screenReaderContent, (0, _emotion.jsx)(_Transition.Transition, {
+    return (0, _emotion.jsx)(_react.default.Fragment, null, screenReaderContent, (0, _emotion.jsx)(_uiMotion.Transition, {
       type: this.props.transition,
       transitionOnMount: true,
       in: this.state.open,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-alerts",
-  "version": "8.56.0",
+  "version": "8.56.2-pr-snapshot-1721749364069",
   "description": "An alert component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,24 +23,24 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.56.0",
-    "@instructure/ui-color-utils": "8.56.0",
-    "@instructure/ui-test-utils": "8.56.0"
+    "@instructure/ui-babel-preset": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-color-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-utils": "8.56.2-pr-snapshot-1721749364069"
   },
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@instructure/console": "8.56.0",
-    "@instructure/emotion": "8.56.0",
-    "@instructure/shared-types": "8.56.0",
-    "@instructure/ui-a11y-content": "8.56.0",
-    "@instructure/ui-buttons": "8.56.0",
-    "@instructure/ui-icons": "8.56.0",
-    "@instructure/ui-motion": "8.56.0",
-    "@instructure/ui-react-utils": "8.56.0",
-    "@instructure/ui-themes": "8.56.0",
-    "@instructure/ui-utils": "8.56.0",
-    "@instructure/ui-view": "8.56.0",
-    "@instructure/uid": "8.56.0",
+    "@instructure/console": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/emotion": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/shared-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-a11y-content": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-buttons": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-icons": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-motion": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-react-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-themes": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-view": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/uid": "8.56.2-pr-snapshot-1721749364069",
     "keycode": "^2.2.1",
     "prop-types": "^15.8.1"
   },