@pingux/astro 1.42.2 → 2.0.0-alpha.4

package/lib/cjs/components/Messages/Messages.stories.js

@@ -1,71 +1,39 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
 var _filterInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.WithTextStyling = exports.WithCustomColorsAndIcons = exports.UseReducerWithMultipleContainers = exports.UseReducer = exports.DefaultDynamic = exports.Default = exports.ControlledWithButton = exports.Controlled = void 0;
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
-
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _collections = require("@react-stately/collections");
-
+var _reactStately = require("react-stately");
 var _AccountIcon = _interopRequireDefault(require("mdi-react/AccountIcon"));
-
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-
 var _ = require("../..");
-
+var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 var _index = require("./index");
-
 var _react2 = require("@emotion/react");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty2(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var _default = {
   title: 'Components/Messages',
   component: _.Messages,
@@ -107,43 +75,37 @@ var messages = [{
   status: 'error'
 }];
 var messageText = ['WINDMILLS DO NOT WORK THAT WAY! GOOD NIGHT! Oh yeah, good luck with that.', "Oh no! The professor will hit me! But if Zoidberg 'fixes' it… then perhaps gifts! You've killed me! Oh, you've killed me!", 'Does anybody else feel jealous and aroused and worried?', "Stop it, stop it. It's fine. I will 'destroy' you! Um, is this the boring, peaceful kind of taking to the streets?", "She also liked to shut up! Fry! Stay back! He's too powerful!", "This opera's as lousy as it is brilliant! Your lyrics lack subtlety. You can't just have your characters announce how they feel."];
-
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_.Messages, args, (0, _react2.jsx)(_collections.Item, {
+  return (0, _react2.jsx)(_.Messages, args, (0, _react2.jsx)(_reactStately.Item, {
     key: "message1",
     "data-id": "message1"
-  }, "Here is a very neutral thing"), (0, _react2.jsx)(_collections.Item, {
+  }, "Here is a very neutral thing"), (0, _react2.jsx)(_reactStately.Item, {
     key: "message2",
     "data-id": "message2",
     status: "success"
   }, "Form saved successfully"));
 };
-
 exports.Default = Default;
-
 var DefaultDynamic = function DefaultDynamic(args) {
-  return (// messages = [{...}]
+  return (
+    // messages = [{...}]
     (0, _react2.jsx)(_.Messages, (0, _extends2["default"])({}, args, {
       items: messages
     }), function (item) {
-      return (0, _react2.jsx)(_collections.Item, item, item.text);
+      return (0, _react2.jsx)(_reactStately.Item, item, item.text);
     })
   );
 };
-
 exports.DefaultDynamic = DefaultDynamic;
-
 var Controlled = function Controlled(args) {
   // messages = [{...}]
   var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      items = _useState2[0],
-      setItems = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    items = _useState2[0],
+    setItems = _useState2[1];
   (0, _react.useEffect)(function () {
     setItems(messages);
   }, []);
-
   var removeMessage = function removeMessage(key) {
     setItems((0, _map["default"])(items).call(items, function (item) {
       return item.key === key ? _objectSpread(_objectSpread({}, item), {}, {
@@ -156,33 +118,27 @@ var Controlled = function Controlled(args) {
       }));
     }, 200);
   };
-
   return (0, _react2.jsx)(_.Messages, (0, _extends2["default"])({}, args, {
     items: items,
     onClose: removeMessage
   }), function (item) {
-    return (0, _react2.jsx)(_collections.Item, item, item.text);
+    return (0, _react2.jsx)(_reactStately.Item, item, item.text);
   });
 };
-
 exports.Controlled = Controlled;
-
 var ControlledWithButton = function ControlledWithButton(args) {
   var _useState3 = (0, _react.useState)([]),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      items = _useState4[0],
-      setItems = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    items = _useState4[0],
+    setItems = _useState4[1];
   var addMessage = function addMessage() {
     var _context;
-
     setItems((0, _concat["default"])(_context = []).call(_context, items, [{
       key: "message".concat(items.length + 1),
       text: messageText[Math.floor(Math.random() * 6)],
       status: (0, _values["default"])(_statuses["default"])[Math.floor(Math.random() * 4)]
     }]));
   };
-
   var removeMessage = function removeMessage(key) {
     setItems((0, _map["default"])(items).call(items, function (item) {
       return item.key === key ? _objectSpread(_objectSpread({}, item), {}, {
@@ -195,37 +151,32 @@ var ControlledWithButton = function ControlledWithButton(args) {
       }));
     }, 200);
   };
-
   return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Button, {
     onPress: addMessage
   }, "Click me!"), (0, _react2.jsx)(_.Messages, (0, _extends2["default"])({}, args, {
     items: items,
     onClose: removeMessage
   }), function (item) {
-    return (0, _react2.jsx)(_collections.Item, item, item.text);
+    return (0, _react2.jsx)(_reactStately.Item, item, item.text);
   }));
 };
-
 exports.ControlledWithButton = ControlledWithButton;
-
 var WithCustomColorsAndIcons = function WithCustomColorsAndIcons(args) {
-  return (0, _react2.jsx)(_.Messages, args, (0, _react2.jsx)(_collections.Item, {
+  return (0, _react2.jsx)(_.Messages, args, (0, _react2.jsx)(_reactStately.Item, {
     bg: "accent.99",
     color: "active",
     icon: _AccountIcon["default"]
-  }, "We have to take a look with this camera."), (0, _react2.jsx)(_collections.Item, {
+  }, "We have to take a look with this camera."), (0, _react2.jsx)(_reactStately.Item, {
     bg: "accent.99",
     color: "active",
     icon: _AccountIcon["default"]
-  }, "Who said that? SURE you can die! You want to die?! Oh yeah, good luck with that. Stop! Do not shoot fire stick in space canoe! Cause explosive decompression!"), (0, _react2.jsx)(_collections.Item, {
+  }, "Who said that? SURE you can die! You want to die?! Oh yeah, good luck with that. Stop! Do not shoot fire stick in space canoe! Cause explosive decompression!"), (0, _react2.jsx)(_reactStately.Item, {
     bg: "accent.99",
     color: "active",
     icon: _AccountIcon["default"]
   }, "Oh God, what have I done?"));
 };
-
 exports.WithCustomColorsAndIcons = WithCustomColorsAndIcons;
-
 var UseReducer = function UseReducer() {
   // import { messagesReducer as messagesReducerCore } from '@pingux/astro';
   // const messagesReducer = messagesReducerCore;
@@ -239,24 +190,22 @@ var UseReducer = function UseReducer() {
   //   showErrorMessage: makeShowMessage('error', -1),
   //   showWarningMessage: makeShowMessage('warning', -1),
   // };
-  var _useReducer = (0, _react.useReducer)(_index.messagesReducerStory),
-      _useReducer2 = (0, _slicedToArray2["default"])(_useReducer, 2),
-      items = _useReducer2[0],
-      dispatch = _useReducer2[1];
 
+  var _useReducer = (0, _react.useReducer)(_index.messagesReducerStory),
+    _useReducer2 = (0, _slicedToArray2["default"])(_useReducer, 2),
+    items = _useReducer2[0],
+    dispatch = _useReducer2[1];
   var showAMessage = function showAMessage() {
     var actionFn = [_index.messagesReducerStory.actions.showSuccessMessage, _index.messagesReducerStory.actions.showErrorMessage, _index.messagesReducerStory.actions.showWarningMessage][Math.floor(Math.random() * 3)];
     var message = messageText[Math.floor(Math.random() * 6)];
     actionFn(message)(dispatch);
   };
-
   var removeMessage = function removeMessage(key) {
     dispatch(_index.messagesReducerStory.actions.hideMessage(key));
     (0, _setTimeout2["default"])(function () {
       return dispatch(_index.messagesReducerStory.actions.removeMessage(key));
     }, 200);
   };
-
   return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Button, {
     onPress: showAMessage
   }, "Add Message"), (items === null || items === void 0 ? void 0 : items.length) > 0 && (0, _react2.jsx)(_.Button, {
@@ -268,34 +217,29 @@ var UseReducer = function UseReducer() {
     items: items,
     onClose: removeMessage
   }, function (item) {
-    return (0, _react2.jsx)(_collections.Item, item, item.text);
+    return (0, _react2.jsx)(_reactStately.Item, item, item.text);
   }));
 };
-
 exports.UseReducer = UseReducer;
-
 var UseReducerWithMultipleContainers = function UseReducerWithMultipleContainers() {
   var _useReducer3 = (0, _react.useReducer)(_index.multiMessagesReducerStory, {
-    'container-one': [],
-    'container-two': []
-  }),
-      _useReducer4 = (0, _slicedToArray2["default"])(_useReducer3, 2),
-      items = _useReducer4[0],
-      dispatch = _useReducer4[1];
-
+      'container-one': [],
+      'container-two': []
+    }),
+    _useReducer4 = (0, _slicedToArray2["default"])(_useReducer3, 2),
+    items = _useReducer4[0],
+    dispatch = _useReducer4[1];
   var showAMessage = function showAMessage(container) {
     var actionFn = [_index.multiMessagesReducerStory.actions.showSuccessMessage, _index.multiMessagesReducerStory.actions.showCriticalMessage, _index.multiMessagesReducerStory.actions.showWarningMessage][Math.floor(Math.random() * 3)];
     var message = messageText[Math.floor(Math.random() * 6)];
     actionFn(container, message)(dispatch);
   };
-
   var removeMessage = function removeMessage(key, container) {
     dispatch(_index.multiMessagesReducerStory.actions.hideMessage(container, key));
     (0, _setTimeout2["default"])(function () {
       return dispatch(_index.multiMessagesReducerStory.actions.removeMessage(container, key));
     }, 200);
   };
-
   return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Box, {
     isRow: true
   }, (0, _react2.jsx)(_.Button, {
@@ -316,7 +260,7 @@ var UseReducerWithMultipleContainers = function UseReducerWithMultipleContainers
       width: '45%'
     }
   }, function (item) {
-    return (0, _react2.jsx)(_collections.Item, item, item.text);
+    return (0, _react2.jsx)(_reactStately.Item, item, item.text);
   }), (0, _react2.jsx)(_.Messages, {
     items: items['container-two'],
     onClose: function onClose(key) {
@@ -326,12 +270,10 @@ var UseReducerWithMultipleContainers = function UseReducerWithMultipleContainers
       left: '55%'
     }
   }, function (item) {
-    return (0, _react2.jsx)(_collections.Item, item, item.text);
+    return (0, _react2.jsx)(_reactStately.Item, item, item.text);
   }));
 };
-
 exports.UseReducerWithMultipleContainers = UseReducerWithMultipleContainers;
-
 var WithTextStyling = function WithTextStyling(args) {
   var items = [{
     key: 'message1',
@@ -352,8 +294,7 @@ var WithTextStyling = function WithTextStyling(args) {
   return (0, _react2.jsx)(_.Messages, (0, _extends2["default"])({}, args, {
     items: items
   }), function (item) {
-    return (0, _react2.jsx)(_collections.Item, item, item.node || item.text);
+    return (0, _react2.jsx)(_reactStately.Item, item, item.node || item.text);
   });
 };
-
 exports.WithTextStyling = WithTextStyling;

package/lib/cjs/components/Messages/Messages.test.js

@@ -1,45 +1,25 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _collections = require("@react-stately/collections");
-
+var _reactStately = require("react-stately");
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-
 var _AccountIcon = _interopRequireDefault(require("mdi-react/AccountIcon"));
-
 var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
-
 var _testWrapper = require("../../utils/testUtils/testWrapper");
-
+var _Message = require("./Message");
 var _ = _interopRequireWildcard(require("."));
-
-var _Message = require("../Messages/Message");
-
 var _react2 = require("@emotion/react");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 jest.mock('@react-aria/live-announcer', function () {
   return {
     announce: jest.fn()
@@ -58,35 +38,31 @@ var items = [{
   text: 'Form saved successfully',
   status: 'success'
 }];
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var renderFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _testWrapper.render;
-  return renderFn((0, _react2.jsx)(_["default"], (0, _extends2["default"])({}, defaultProps, props), (0, _react2.jsx)(_collections.Item, {
+  return renderFn((0, _react2.jsx)(_["default"], (0, _extends2["default"])({}, defaultProps, props), (0, _react2.jsx)(_reactStately.Item, {
     key: "message1",
     "data-id": "message1"
-  }, "Here is a very neutral thing"), (0, _react2.jsx)(_collections.Item, {
+  }, "Here is a very neutral thing"), (0, _react2.jsx)(_reactStately.Item, {
     key: "message2",
     "data-id": "message2",
     status: "success"
   }, "Form saved successfully")));
 };
-
 var getWithDynamicList = function getWithDynamicList() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var renderFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _testWrapper.render;
   return renderFn((0, _react2.jsx)(_["default"], (0, _extends2["default"])({}, defaultProps, props), function (item) {
-    return (0, _react2.jsx)(_collections.Item, item, item.text);
+    return (0, _react2.jsx)(_reactStately.Item, item, item.text);
   }));
-}; // Need to be added to each test file to test accessibility using axe.
-
+};
 
+// Need to be added to each test file to test accessibility using axe.
 (0, _testAxe["default"])(getComponent);
 test('renders Messages component in the default state', function () {
   getComponent();
-
   var messages = _testWrapper.screen.getByTestId(testId);
-
   expect(messages).toBeInstanceOf(HTMLDivElement);
   expect(messages).toBeInTheDocument();
 });
@@ -94,19 +70,15 @@ test('message with prop `isHidden` has max-height: 0', function () {
   getWithDynamicList({
     items: items
   });
-
   var _screen$getByTestId = _testWrapper.screen.getByTestId(testId),
-      firstMessage = _screen$getByTestId.firstChild;
-
+    firstMessage = _screen$getByTestId.firstChild;
   expect(firstMessage).toHaveStyle('max-height: 0');
 });
 test('renders Messages component in the default state with dynamic list', function () {
   getWithDynamicList({
     items: items
   });
-
   var messages = _testWrapper.screen.getByTestId(testId);
-
   expect(messages).toBeInstanceOf(HTMLDivElement);
   expect(messages).toBeInTheDocument();
 });
@@ -115,11 +87,8 @@ test('click on close button fires `onClose` callback', function () {
   getComponent({
     onClose: onClose
   });
-
   var buttons = _testWrapper.screen.getAllByRole('button');
-
   _userEvent["default"].click(buttons[0]);
-
   expect(onClose).toHaveBeenCalled();
 });
 test('`onClose` get as first arg key of message', function () {
@@ -127,75 +96,54 @@ test('`onClose` get as first arg key of message', function () {
   getComponent({
     onClose: onClose
   });
-
   var buttons = _testWrapper.screen.getAllByRole('button');
-
   _userEvent["default"].click(buttons[0]);
-
   expect(onClose).toHaveBeenCalledWith('message1');
 });
 test('click on close button removes message after delay', function () {
   getComponent();
-
   var messages = _testWrapper.screen.getByTestId(testId);
-
   expect(messages.childElementCount).toBe(2);
-
   var buttons = _testWrapper.screen.getAllByRole('button');
-
   _userEvent["default"].click(buttons[0]);
-
   (0, _setTimeout2["default"])(function () {
     expect(messages.childElementCount).toBe(1);
   }, 200);
 });
 test('Item accepts a data-id and the data-id can be found in the DOM', function () {
   getComponent();
-
   var _screen$getByTestId2 = _testWrapper.screen.getByTestId(testId),
-      firstMessage = _screen$getByTestId2.firstChild;
-
+    firstMessage = _screen$getByTestId2.firstChild;
   expect(firstMessage).toHaveAttribute('data-id', 'message1');
 });
 test('message has role and aria-live attributes', function () {
   getComponent();
-
   var _screen$getByTestId3 = _testWrapper.screen.getByTestId(testId),
-      firstMessage = _screen$getByTestId3.firstChild;
-
+    firstMessage = _screen$getByTestId3.firstChild;
   expect(firstMessage).toHaveAttribute('role', 'status');
   expect(firstMessage).toHaveAttribute('aria-live', 'polite');
 });
 test('messages with a status have an aria-label announcing the status', function () {
   getComponent();
-
   var successMessage = _testWrapper.screen.getAllByRole('status')[1];
-
   expect(successMessage).toHaveAttribute('aria-label', _Message.ARIA_STATUSES[0]);
 });
 test('messages without a status do not have an aria-label announcing the status', function () {
   var _context;
-
   getComponent();
-
   var statusMessage = _testWrapper.screen.getAllByRole('status')[0];
-
   (0, _map["default"])(_context = (0, _keys["default"])(_Message.ARIA_STATUSES)).call(_context, function (key) {
     return expect(statusMessage).not.toHaveAttribute('aria-label', _Message.ARIA_STATUSES[key]);
   });
 });
 test('should render messages with messagesReducerStory', function () {
   getComponent();
-
   _.messagesReducerStory.actions.showSuccessMessage();
-
   expect(_testWrapper.screen.getByTestId(testId)).toBeInTheDocument();
 });
 test('should render messages with multiMessagesReducerStory', function () {
   getComponent();
-
   _.multiMessagesReducerStory.actions.showSuccessMessage();
-
   expect(_testWrapper.screen.getByTestId(testId)).toBeInTheDocument();
 });
 test('should render a custom icon', function () {
@@ -206,6 +154,5 @@ test('should render a custom icon', function () {
       icon: _AccountIcon["default"]
     }]
   });
-
   _testWrapper.screen.getByTestId('custom-icon-testid');
 });

package/lib/cjs/components/Messages/index.js

@@ -1,60 +1,46 @@
 "use strict";
 
 var _context;
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _exportNames = {
   messagesReducerStory: true,
   multiMessagesReducerStory: true
 };
-
 _Object$defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _Messages["default"];
   }
 });
-
 _Object$defineProperty(exports, "messagesReducerStory", {
   enumerable: true,
   get: function get() {
     return _Messages2.messagesReducer;
   }
 });
-
 _Object$defineProperty(exports, "multiMessagesReducerStory", {
   enumerable: true,
   get: function get() {
     return _Messages2.multiMessagesReducer;
   }
 });
-
 var _Messages = _interopRequireDefault(require("./Messages"));
-
+var _Messages2 = require("./Messages.reducer");
 var _utils = require("./utils");
-
 _forEachInstanceProperty(_context = _Object$keys(_utils)).call(_context, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _utils[key]) return;
-
   _Object$defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
       return _utils[key];
     }
   });
-});
-
-var _Messages2 = require("./Messages.reducer");
+});

package/lib/cjs/components/Messages/utils/index.js

@@ -1,27 +1,21 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 _Object$defineProperty(exports, "messagesReducer", {
   enumerable: true,
   get: function get() {
     return _messagesReducer["default"];
   }
 });
-
 _Object$defineProperty(exports, "multiMessagesReducer", {
   enumerable: true,
   get: function get() {
     return _multiMessagesReducer["default"];
   }
 });
-
 var _messagesReducer = _interopRequireDefault(require("./messagesReducer"));
-
 var _multiMessagesReducer = _interopRequireDefault(require("./multiMessagesReducer"));