terra-alert - npm Package Compare versions

Comparing version 4.78.0 to 4.79.0

CHANGELOG.md

@@ -5,2 +5,7 @@ # Changelog
 
+## 4.79.0 - (September 19, 2023)
+
+* Changed
+  * Minor dependency version bump
+
 ## 4.78.0 - (August 25, 2023)
@@ -7,0 +12,0 @@

lib/Alert.js

@@ -10,16 +10,10 @@ "use strict";
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _terraResponsiveElement = _interopRequireDefault(require("terra-responsive-element"));
-var _terraButton = _interopRequireDefault(require("terra-button"));
 var _reactIntl = require("react-intl");
-var _IconAlert = _interopRequireDefault(require("terra-icon/lib/icon/IconAlert"));
-var _IconError = _interopRequireDefault(require("terra-icon/lib/icon/IconError"));
-var _IconWarning = _interopRequireDefault(require("terra-icon/lib/icon/IconWarning"));
-var _IconGapChecking = _interopRequireDefault(require("terra-icon/lib/icon/IconGapChecking"));
-var _IconDiamondSymbol = _interopRequireDefault(require("terra-icon/lib/icon/IconDiamondSymbol"));
-var _IconInformation = _interopRequireDefault(require("terra-icon/lib/icon/IconInformation"));
-var _IconSuccess = _interopRequireDefault(require("terra-icon/lib/icon/IconSuccess"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _bind = _interopRequireDefault(require("classnames/bind"));
+var _uuid = require("uuid");
+var _terraResponsiveElement = _interopRequireDefault(require("terra-responsive-element"));
+var _terraButton = _interopRequireDefault(require("terra-button"));
+var _terraIcon = require("terra-icon");
 var _terraThemeContext = _interopRequireDefault(require("terra-theme-context"));
-var _uuid = require("uuid");
 var _AlertModule = _interopRequireDefault(require("./Alert.module.scss"));
@@ -115,19 +109,19 @@ var _excluded = ["action", "children", "customIcon", "customColorClass", "disableAlertActionFocus", "onDismiss", "intl", "role", "title", "type"];
         className: cx('icon')
-      }, /*#__PURE__*/_react.default.createElement(_IconAlert.default, null));
+      }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconAlert, null));
     case AlertTypes.ERROR:
       return /*#__PURE__*/_react.default.createElement("span", {
         className: cx('icon')
-      }, /*#__PURE__*/_react.default.createElement(_IconError.default, null));
+      }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconError, null));
     case AlertTypes.WARNING:
       return /*#__PURE__*/_react.default.createElement("span", {
         className: cx('icon')
-      }, /*#__PURE__*/_react.default.createElement(_IconWarning.default, null));
+      }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconWarning, null));
     case AlertTypes.UNSATISFIED:
       return /*#__PURE__*/_react.default.createElement("span", {
         className: cx('icon', 'unsatisfied-icon')
-      }, /*#__PURE__*/_react.default.createElement(_IconGapChecking.default, null));
+      }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconGapChecking, null));
     case AlertTypes.UNVERIFIED:
       return /*#__PURE__*/_react.default.createElement("span", {
         className: cx('icon', 'unverified-icon')
-      }, /*#__PURE__*/_react.default.createElement(_IconDiamondSymbol.default, null));
+      }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconDiamondSymbol, null));
     case AlertTypes.ADVISORY:
@@ -138,7 +132,7 @@ return null;
         className: cx('icon')
-      }, /*#__PURE__*/_react.default.createElement(_IconInformation.default, null));
+      }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconInformation, null));
     case AlertTypes.SUCCESS:
       return /*#__PURE__*/_react.default.createElement("span", {
         className: cx('icon')
-      }, /*#__PURE__*/_react.default.createElement(_IconSuccess.default, null));
+      }, /*#__PURE__*/_react.default.createElement(_terraIcon.IconSuccess, null));
     case AlertTypes.CUSTOM:
@@ -145,0 +139,0 @@ return /*#__PURE__*/_react.default.createElement("span", {

package.json

 {
   "name": "terra-alert",
   "main": "lib/Alert.js",
-  "version": "4.78.0",
+  "version": "4.79.0",
   "description": "The Terra Alert component is a notification banner that can be rendered in your application when there is information that you want to bring to the user's attention. The Alert component supports a number of built-in notification types that render with pre-defined colors and icons that help the user understand the severity and meaning of the notification. A custom notification type is also supported that allows your application to customize an alert that may not fit into the pre-defined types.",
@@ -33,3 +33,3 @@ "repository": {
     "terra-button": "^3.68.1",
-    "terra-icon": "^3.56.0",
+    "terra-icon": "^3.57.0",
     "terra-responsive-element": "^5.37.0",
@@ -52,3 +52,3 @@ "terra-theme-context": "^1.0.0",
   },
-  "gitHead": "3516dfe03d27f2c63edc2bf9d61a0661e5025296"
+  "gitHead": "04fcccf72b43ef5be7bb27d6bec329f762571e47"
 }

src/Alert.jsx

 import React, { useEffect, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
-import ResponsiveElement from 'terra-responsive-element';
-import Button from 'terra-button';
 import { injectIntl } from 'react-intl';
-import IconAlert from 'terra-icon/lib/icon/IconAlert';
-import IconError from 'terra-icon/lib/icon/IconError';
-import IconWarning from 'terra-icon/lib/icon/IconWarning';
-import IconGapChecking from 'terra-icon/lib/icon/IconGapChecking';
-import IconDiamondSymbol from 'terra-icon/lib/icon/IconDiamondSymbol';
-import IconInformation from 'terra-icon/lib/icon/IconInformation';
-import IconSuccess from 'terra-icon/lib/icon/IconSuccess';
 import classNames from 'classnames';
 import classNamesBind from 'classnames/bind';
-import ThemeContext from 'terra-theme-context';
 import { v4 as uuidv4 } from 'uuid';
 
+import ResponsiveElement from 'terra-responsive-element';
+import Button from 'terra-button';
+import {
+  IconAlert,
+  IconError,
+  IconWarning,
+  IconGapChecking,
+  IconDiamondSymbol,
+  IconInformation,
+  IconSuccess,
+} from 'terra-icon';
+import ThemeContext from 'terra-theme-context';
+
 import styles from './Alert.module.scss';
 
 const cx = classNamesBind.bind(styles);
-
 const AlertTypes = {
@@ -23,0 +25,0 @@ ALERT: 'alert',

tests/jest/Alert.test.jsx

@@ -13,6 +13,14 @@ import React from 'react';
 import Button from 'terra-button';
+import { v4 as uuidv4 } from 'uuid';
 import Alert from '../../src/Alert';
 
-jest.mock('uuid', () => ({ v4: () => '00000000-0000-0000-0000-000000000000' }));
+let mockSpyUuid;
+beforeAll(() => {
+  mockSpyUuid = jest.spyOn(uuidv4, 'v4').mockReturnValue('00000000-0000-0000-0000-000000000000');
+});
 
+afterAll(() => {
+  mockSpyUuid.mockRestore();
+});
+
 describe('Alert with no props', () => {
@@ -19,0 +27,0 @@ it('should render a default component', () => {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

1064

increased by0.28%

Worsened metrics

Total package byte prevSize

100253

decreased by-0.63%

Dependency changes

• Updatedterra-icon@^3.57.0