@pingux/astro 1.42.2 → 2.0.0-alpha.4

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

@@ -1,27 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
 var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-
+var _index = require("../../index");
 var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
-
 var _testWrapper = require("../../utils/testUtils/testWrapper");
-
-var _index = require("../../index");
-
 var _react2 = require("@emotion/react");
-
 var testId = 'testId';
 var defaultMenuItems = [{
   key: 'MenuItem 1',
@@ -41,16 +30,13 @@ var defaultProps = {
   defaultSelectedKey: defaultMenuItems[0].key,
   'aria-label': 'testLabel'
 };
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      _ref$items = _ref.items,
-      items = _ref$items === void 0 ? defaultMenuItems : _ref$items,
-      _ref$renderFn = _ref.renderFn,
-      renderFn = _ref$renderFn === void 0 ? _testWrapper.render : _ref$renderFn;
-
+    _ref$items = _ref.items,
+    items = _ref$items === void 0 ? defaultMenuItems : _ref$items,
+    _ref$renderFn = _ref.renderFn,
+    renderFn = _ref$renderFn === void 0 ? _testWrapper.render : _ref$renderFn;
   return renderFn((0, _react2.jsx)(_index.Menu, (0, _extends2["default"])({}, defaultProps, props), (0, _map["default"])(items).call(items, function (li) {
     return (0, _react2.jsx)(_index.Item, (0, _extends2["default"])({
       key: li.key
@@ -60,17 +46,14 @@ var getComponent = function getComponent() {
       }
     }));
   })));
-}; // 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 menu with menu items', function () {
   getComponent();
-
   var menu = _testWrapper.screen.getByRole('menu');
-
   var menuItems = _testWrapper.screen.getAllByRole('menuitem');
-
   expect(menu).toBeInTheDocument();
   expect(menuItems).toHaveLength(menuItems.length);
   (0, _forEach["default"])(menuItems).call(menuItems, function (item) {
@@ -80,14 +63,10 @@ test('renders menu with menu items', function () {
 test('applies focus when tabbed to', function () {
   getComponent();
   var itemText = defaultMenuItems[0].children;
-
   var menuItem = _testWrapper.screen.getByText(itemText);
-
   expect(menuItem).not.toHaveFocus();
   expect(menuItem).not.toHaveClass('is-focused');
-
   _userEvent["default"].tab();
-
   expect(menuItem).toHaveFocus();
   expect(menuItem).toHaveClass('is-focused');
 });
@@ -95,24 +74,17 @@ test('can arrow through menuItems', function () {
   getComponent();
   var itemText1 = defaultMenuItems[0].children;
   var itemText2 = defaultMenuItems[1].children;
-
   var menuItem1 = _testWrapper.screen.getByText(itemText1);
-
   var menuItem2 = _testWrapper.screen.getByText(itemText2);
-
   expect(menuItem1).not.toHaveFocus();
   expect(menuItem1).not.toHaveClass('is-focused');
-
   _userEvent["default"].tab();
-
   expect(menuItem1).toHaveFocus();
   expect(menuItem1).toHaveClass('is-focused');
-
   _testWrapper.fireEvent.keyDown(menuItem1, {
     key: 'ArrowDown',
     code: 'ArrowDown'
   });
-
   expect(menuItem2).toHaveFocus();
   expect(menuItem2).toHaveClass('is-focused');
 });
@@ -121,41 +93,26 @@ test('hovering menuItems applies focus class and removes focus style on unhover
     isNotFocusedOnHover: true
   });
   var itemText1 = defaultMenuItems[0].children;
-
   var menuItem1 = _testWrapper.screen.getByText(itemText1);
-
   expect(menuItem1).not.toHaveClass('is-focused');
-
   _userEvent["default"].hover(menuItem1);
-
   expect(menuItem1).toHaveClass('is-focused');
-
   _userEvent["default"].unhover(menuItem1);
-
   expect(menuItem1).not.toHaveClass('is-focused');
 });
 test('hovering menuItems applies focus class and leaves focus style on unhover', function () {
   getComponent();
   var itemText1 = defaultMenuItems[0].children;
   var itemText2 = defaultMenuItems[1].children;
-
   var menuItem1 = _testWrapper.screen.getByText(itemText1);
-
   var menuItem2 = _testWrapper.screen.getByText(itemText2);
-
   expect(menuItem1).not.toHaveClass('is-focused');
   expect(menuItem2).not.toHaveClass('is-focused');
-
   _userEvent["default"].hover(menuItem1);
-
   expect(menuItem1).toHaveClass('is-focused');
-
   _userEvent["default"].hover(menuItem2);
-
   expect(menuItem2).toHaveClass('is-focused');
-
   _userEvent["default"].unhover(menuItem2);
-
   expect(menuItem2).toHaveClass('is-focused');
 });
 test('disables item with isDisabled applied, does not disable without prop', function () {
@@ -163,14 +120,10 @@ test('disables item with isDisabled applied, does not disable without prop', fun
     disabledKeys: [defaultMenuItems[0].key]
   });
   var disbaledItemText = defaultMenuItems[0].children;
-
   var disabledMenuItem = _testWrapper.screen.getByText(disbaledItemText);
-
   expect(disabledMenuItem).toHaveClass('is-disabled');
   var menuItemText = defaultMenuItems[1].children;
-
   var menuItem = _testWrapper.screen.getByText(menuItemText);
-
   expect(menuItem).not.toHaveClass('is-disabled');
 });
 test('should change styles according to isPressed prop', function () {
@@ -179,11 +132,8 @@ test('should change styles according to isPressed prop', function () {
   getComponent({}, {
     items: customItems
   });
-
   var pressedItem = _testWrapper.screen.getAllByRole('menuitem')[0];
-
   var regularItem = _testWrapper.screen.getAllByRole('menuitem')[1];
-
   expect(pressedItem).toHaveClass('is-pressed');
   expect(regularItem).not.toHaveClass('is-pressed');
 });
@@ -193,29 +143,21 @@ test('applies selected styling with isSelected prop, does not add class without
     defaultSelectedKeys: [defaultMenuItems[0].key]
   });
   var selectedItemText = defaultMenuItems[0].children;
-
   var selectedMenuItem = _testWrapper.screen.getByText(selectedItemText);
-
   expect(selectedMenuItem).toHaveClass('is-selected');
   var menuItemText = defaultMenuItems[1].children;
-
   var menuItem = _testWrapper.screen.getByText(menuItemText);
-
   expect(menuItem).not.toHaveClass('is-selected');
 });
 test('Item accepts a data-id and the data-id can be found in the DOM', function () {
   getComponent();
-
   var menuItems = _testWrapper.screen.queryAllByRole('menuitem');
-
   expect(menuItems).toHaveLength(defaultMenuItems.length);
   expect(menuItems[0]).toHaveAttribute('data-id', defaultMenuItems[0]['data-id']);
 });
 test('custom props are passed into menuItem', function () {
   getComponent();
   var itemText1 = defaultMenuItems[0].children;
-
   var menuItem1 = _testWrapper.screen.getByText(itemText1);
-
   expect(menuItem1).toHaveStyleRule('background-color', 'orange');
 });

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

@@ -1,18 +1,14 @@
 "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, "default", {
   enumerable: true,
   get: function get() {
     return _MenuItem["default"];
   }
 });
-
 var _MenuItem = _interopRequireDefault(require("./MenuItem"));

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

@@ -1,63 +1,39 @@
 "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");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.ARIA_STATUSES = void 0;
-
 var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _CloseIcon = _interopRequireDefault(require("mdi-react/CloseIcon"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _NoticeIcon = require("../Icon/NoticeIcon");
-
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-
-var _useStatusClasses4 = _interopRequireDefault(require("../../hooks/useStatusClasses"));
-
 var _ = require("../..");
-
+var _useStatusClasses4 = _interopRequireDefault(require("../../hooks/useStatusClasses"));
+var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
+var _NoticeIcon = require("../Icon/NoticeIcon");
 var _react2 = require("@emotion/react");
-
 var _excluded = ["color"];
-
 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; }
-
 var ARIA_STATUSES = {
   SUCCESS: 'Success Message',
   ERROR: 'Error Message',
   WARNING: 'Warning Message'
 };
 exports.ARIA_STATUSES = ARIA_STATUSES;
-
 var CloseButton = function CloseButton(_ref) {
   var color = _ref.color,
-      others = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    others = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return (0, _react2.jsx)(_.IconButton, (0, _extends2["default"])({
     "aria-label": "Close"
   }, others), (0, _react2.jsx)(_.Icon, {
@@ -70,63 +46,55 @@ var CloseButton = function CloseButton(_ref) {
     }
   }));
 };
-
 CloseButton.propTypes = {
   color: _propTypes["default"].string
 };
 var Message = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   var className = _ref2.className,
-      item = _ref2.item,
-      onClose = _ref2.onClose;
+    item = _ref2.item,
+    onClose = _ref2.onClose;
   var key = item.key,
-      itemProps = item.props;
+    itemProps = item.props;
   var children = itemProps.children,
-      _itemProps$status = itemProps.status,
-      status = _itemProps$status === void 0 ? 'default' : _itemProps$status,
-      bg = itemProps.bg,
-      color = itemProps.color,
-      icon = itemProps.icon,
-      _itemProps$isHidden = itemProps.isHidden,
-      isHidden = _itemProps$isHidden === void 0 ? false : _itemProps$isHidden,
-      dataId = itemProps['data-id'];
-
+    _itemProps$status = itemProps.status,
+    status = _itemProps$status === void 0 ? 'default' : _itemProps$status,
+    bg = itemProps.bg,
+    color = itemProps.color,
+    icon = itemProps.icon,
+    _itemProps$isHidden = itemProps.isHidden,
+    isHidden = _itemProps$isHidden === void 0 ? false : _itemProps$isHidden,
+    dataId = itemProps['data-id'];
   var _useStatusClasses = (0, _useStatusClasses4["default"])(className, (0, _defineProperty2["default"])({}, "is-".concat(status), true)),
-      statusClasses = _useStatusClasses.classNames;
-
+    statusClasses = _useStatusClasses.classNames;
   var onCloseHandler = function onCloseHandler() {
     if (onClose) {
       onClose(key);
     }
   };
-
   var innerRef = (0, _react.useRef)(null);
-
   var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      innerHeight = _useState2[0],
-      setInnerHeight = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    innerHeight = _useState2[0],
+    setInnerHeight = _useState2[1];
   (0, _react.useLayoutEffect)(function () {
     setInnerHeight(innerRef.current.clientHeight);
   }, [children]);
-
   var _useStatusClasses3 = (0, _useStatusClasses4["default"])(className, {
-    isHidden: isHidden
-  }),
-      wrapperClasses = _useStatusClasses3.classNames;
-
+      isHidden: isHidden
+    }),
+    wrapperClasses = _useStatusClasses3.classNames;
   var ariaStatus = function ariaStatus(ariaStatusClass) {
     if (ariaStatusClass === 'is-success') {
       return ARIA_STATUSES.SUCCESS;
-    } else if (ariaStatusClass === 'is-error') {
+    }
+    if (ariaStatusClass === 'is-error') {
       return ARIA_STATUSES.ERROR;
-    } else if (ariaStatusClass === 'is-warning') {
+    }
+    if (ariaStatusClass === 'is-warning') {
       return ARIA_STATUSES.WARNING;
     }
-
     return '';
   };
-
   var messageIconProps = {
     className: statusClasses,
     color: color,
@@ -139,7 +107,7 @@ var Message = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
     status: status
   }, messageIconProps));
   return (0, _react2.jsx)(_.Box, {
-    variant: "messages.transition",
+    variant: "message.transition",
     className: wrapperClasses,
     sx: {
       maxHeight: !isHidden ? innerHeight : 0
@@ -153,7 +121,7 @@ var Message = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   }, (0, _react2.jsx)(_.Box, {
     ref: ref,
     isRow: true,
-    variant: "messages.item",
+    variant: "message.item",
     className: statusClasses,
     bg: bg
   }, messageIcon, (0, _react2.jsx)(_.Text, {
@@ -162,7 +130,7 @@ var Message = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
     mr: "md"
   }, children), (0, _react2.jsx)(CloseButton, {
     onPress: onCloseHandler,
-    variant: "close",
+    variant: "messageCloseButton",
     className: statusClasses,
     color: color
   }))));
@@ -172,25 +140,19 @@ Message.propTypes = {
     key: _propTypes["default"].string,
     props: _propTypes["default"].shape({
       children: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-
       /* status changes the background, text, and button color accordingly */
       status: _propTypes["default"].oneOf((0, _values["default"])(_statuses["default"])),
-
       /* Background color */
       bg: _propTypes["default"].string,
-
       /* Text color */
       color: _propTypes["default"].string,
-
       /* Message icon */
       icon: _propTypes["default"].elementType,
-
       /* Hides the message with an animated transition */
       isHidden: _propTypes["default"].bool,
       'data-id': _propTypes["default"].string
     })
   }),
-
   /* Callback for clicking the message's close button */
   onClose: _propTypes["default"].func
 };

package/lib/cjs/components/Messages/Message.styles.js

@@ -0,0 +1,108 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messageCloseButton = exports["default"] = void 0;
+var wrapper = {
+  position: 'absolute',
+  right: 'lg',
+  bottom: 'lg',
+  left: 'lg',
+  alignItems: 'flex-end',
+  pointerEvents: 'none'
+};
+var transition = {
+  transition: 'opacity 200ms, max-height 200ms',
+  opacity: 1,
+  '&.is-hidden': {
+    opacity: 0
+  }
+};
+var item = {
+  maxWidth: 400,
+  pointerEvents: 'all',
+  mb: 'md',
+  p: 'md',
+  wordBreak: 'break-word',
+  alignItems: 'center',
+  bg: 'neutral.95',
+  color: 'neutral.10',
+  borderRadius: 4,
+  '&.is-success, > .is-success': {
+    bg: 'success.light',
+    color: 'success.dark'
+  },
+  '&.is-warning, > .is-warning': {
+    bg: 'warning.light',
+    color: 'warning.dark'
+  },
+  '&.is-error, > .is-error': {
+    bg: 'critical.light',
+    color: 'critical.dark'
+  }
+};
+var messageCloseButton = {
+  p: 0,
+  ml: 'auto',
+  outline: 'none',
+  path: {
+    fill: 'neutral.10'
+  },
+  '&.is-hovered': {
+    bg: 'white',
+    boxShadow: 'standard'
+  },
+  '&.is-pressed': {
+    boxShadow: 'standard',
+    bg: 'neutral.10',
+    path: {
+      fill: 'white'
+    }
+  },
+  '&.is-success': {
+    path: {
+      fill: 'success.dark'
+    },
+    '&.is-pressed': {
+      boxShadow: 'standard',
+      bg: 'success.dark',
+      path: {
+        fill: 'white'
+      }
+    }
+  },
+  '&.is-warning': {
+    path: {
+      fill: 'warning.dark'
+    },
+    '&.is-pressed': {
+      boxShadow: 'standard',
+      bg: 'warning.dark',
+      path: {
+        fill: 'white'
+      }
+    }
+  },
+  '&.is-error': {
+    path: {
+      fill: 'critical.dark'
+    },
+    '&.is-pressed': {
+      boxShadow: 'standard',
+      bg: 'critical.dark',
+      path: {
+        fill: 'white'
+      }
+    }
+  }
+};
+exports.messageCloseButton = messageCloseButton;
+var _default = {
+  wrapper: wrapper,
+  transition: transition,
+  item: item,
+  messageCloseButton: messageCloseButton
+};
+exports["default"] = _default;

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

@@ -1,65 +1,43 @@
 "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");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = void 0;
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
-
 var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _list = require("@react-stately/list");
-
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-
-var _Message = _interopRequireDefault(require("./Message"));
-
 var _Box = _interopRequireDefault(require("../Box"));
-
+var _Message = _interopRequireDefault(require("./Message"));
 var _react2 = require("@emotion/react");
-
 var _excluded = ["items", "onClose"];
-
 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; }
-
 /**
  *Messages are intended to display non-critical alerts that
  attract the users’ attention, but do not interfere or temporarily block their work.
  */
+
 var Messages = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _context;
-
   var items = props.items,
-      onClose = props.onClose,
-      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    onClose = props.onClose,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var state = (0, _list.useListState)(props);
   return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
     ref: ref,
-    variant: "messages.wrapper"
+    variant: "message.wrapper"
   }, others), (0, _map["default"])(_context = (0, _from["default"])(state.collection)).call(_context, function (item) {
     return (0, _react2.jsx)(_Message["default"], {
       key: item.key,
@@ -76,7 +54,6 @@ Messages.propTypes = {
     status: _propTypes["default"].oneOf((0, _values["default"])(_statuses["default"])),
     node: _propTypes["default"].node
   })),
-
   /* Callback for clicking the message's close button */
   onClose: _propTypes["default"].func
 };

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

@@ -1,42 +1,26 @@
 "use strict";
 
 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 _filterInstanceProperty = 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 _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.multiMessagesReducer = exports.messagesReducer = exports["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _utils = require("./utils");
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var messagesReducer = _utils.messagesReducer;
 exports.messagesReducer = messagesReducer;
 var multiMessagesReducer = _utils.multiMessagesReducer;
 exports.multiMessagesReducer = multiMessagesReducer;
-
 var makeShowMessage = function makeShowMessage(status, timeout) {
   return function (text) {
     return messagesReducer.actions.showMessage({
@@ -45,7 +29,6 @@ var makeShowMessage = function makeShowMessage(status, timeout) {
     }, timeout);
   };
 };
-
 var makeMultiShowMessage = function makeMultiShowMessage(status, timeout) {
   return function (container, text) {
     return multiMessagesReducer.actions.showMessage(container, {
@@ -54,7 +37,6 @@ var makeMultiShowMessage = function makeMultiShowMessage(status, timeout) {
     }, timeout);
   };
 };
-
 messagesReducer.actions = _objectSpread(_objectSpread({}, messagesReducer.actions), {}, {
   showSuccessMessage: makeShowMessage('success', 3000),
   showErrorMessage: makeShowMessage('error', -1),