@pingux/astro 1.1.0-alpha.8 → 1.1.1-alpha.1

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

@@ -1,70 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty2(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = exports.multiMessagesReducer = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
-
-var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
-
-var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
-
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
-var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
-
-var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
-var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
-
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
-var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _utils = require("./utils");
-
-function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; (0, _forEach["default"])(_context = ownKeys(Object(source), true)).call(_context, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source))).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
-
-var messagesReducer = _utils.messagesReducer;
-var multiMessagesReducer = _utils.multiMessagesReducer;
-exports.multiMessagesReducer = multiMessagesReducer;
-
-var makeShowMessage = function makeShowMessage(status, timeout) {
-  return function (text) {
-    return messagesReducer.actions.showMessage({
-      text: text,
-      status: status
-    }, timeout);
-  };
-};
-
-var makeMultiShowMessage = function makeMultiShowMessage(status, timeout) {
-  return function (container, text) {
-    return multiMessagesReducer.actions.showMessage(container, {
-      text: text,
-      status: status
-    }, timeout);
-  };
-};
-
-messagesReducer.actions = _objectSpread(_objectSpread({}, messagesReducer.actions), {}, {
-  showSuccessMessage: makeShowMessage('success', 3000),
-  showErrorMessage: makeShowMessage('error', -1),
-  showWarningMessage: makeShowMessage('warning', -1)
-});
-multiMessagesReducer.actions = _objectSpread(_objectSpread({}, multiMessagesReducer.actions), {}, {
-  showSuccessMessage: makeMultiShowMessage('success', 3000),
-  showCriticalMessage: makeMultiShowMessage('error', -1),
-  showWarningMessage: makeMultiShowMessage('warning', -1)
-});
-var _default = messagesReducer;
-exports["default"] = _default;

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

@@ -1,353 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty2(exports, "__esModule", {
-  value: true
-});
-
-exports.WithTextStyling = exports.UseReducerWithMultipleContainers = exports.UseReducer = exports.WithCustomColorsAndIcons = exports.ControlledWithButton = exports.Controlled = exports.DefaultDynamic = exports.Default = exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
-
-var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
-
-var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
-
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
-var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
-
-var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
-
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
-var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
-var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
-
-var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-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 _AccountIcon = _interopRequireDefault(require("mdi-react/AccountIcon"));
-
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-
-var _ = require("../..");
-
-var _Messages = _interopRequireWildcard(require("./Messages.reducer"));
-
-var _react2 = require("@emotion/react");
-
-function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context3; (0, _forEach["default"])(_context3 = ownKeys(Object(source))).call(_context3, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
-
-var _default = {
-  title: 'Messages',
-  component: _.Messages,
-  argTypes: {
-    items: {
-      control: {
-        type: 'none'
-      }
-    },
-    onClose: {
-      control: {
-        type: 'none'
-      }
-    }
-  },
-  parameters: {
-    docs: {
-      source: {
-        type: 'code'
-      }
-    }
-  }
-};
-exports["default"] = _default;
-var messages = [{
-  key: 'message1',
-  text: 'Here\'s a very neutral thing'
-}, {
-  key: 'message2',
-  text: 'Form saved successfully',
-  status: 'success'
-}, {
-  key: 'message3',
-  text: 'Something unexpected happened.',
-  status: 'warning'
-}, {
-  key: 'message4',
-  text: 'Not saved! We could not validate one of the fields. Please see inline message below.',
-  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, {
-    key: "message1",
-    "data-id": "message1"
-  }, "Here is a very neutral thing"), (0, _react2.jsx)(_collections.Item, {
-    key: "message2",
-    "data-id": "message2",
-    status: "success"
-  }, "Form saved successfully"));
-};
-
-exports.Default = Default;
-
-var DefaultDynamic = function DefaultDynamic(args) {
-  return (// messages = [{...}]
-    (0, _react2.jsx)(_.Messages, (0, _extends2["default"])({}, args, {
-      items: messages
-    }), function (item) {
-      return (0, _react2.jsx)(_collections.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];
-
-  (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), {}, {
-        isHidden: true
-      }) : item;
-    }));
-    (0, _setTimeout2["default"])(function () {
-      return setItems((0, _filter["default"])(items).call(items, function (item) {
-        return item.key !== key;
-      }));
-    }, 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);
-  });
-};
-
-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];
-
-  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), {}, {
-        isHidden: true
-      }) : item;
-    }));
-    (0, _setTimeout2["default"])(function () {
-      return setItems((0, _filter["default"])(items).call(items, function (item) {
-        return item.key !== key;
-      }));
-    }, 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);
-  }));
-};
-
-exports.ControlledWithButton = ControlledWithButton;
-
-var WithCustomColorsAndIcons = function WithCustomColorsAndIcons(args) {
-  return (0, _react2.jsx)(_.Messages, args, (0, _react2.jsx)(_collections.Item, {
-    bg: "neutral.90",
-    color: "active",
-    icon: _AccountIcon["default"]
-  }, "We have to take a look with this camera."), (0, _react2.jsx)(_collections.Item, {
-    bg: "neutral.90",
-    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, {
-    bg: "neutral.90",
-    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;
-  // const makeShowMessage = (status, timeout) => text => messagesReducer.actions.showMessage(
-  //   { text, status },
-  //   timeout,
-  // );
-  // messagesReducer.actions = {
-  //   ...messagesReducer.actions,
-  //   showSuccessMessage: makeShowMessage('success', 3000),
-  //   showErrorMessage: makeShowMessage('error', -1),
-  //   showWarningMessage: makeShowMessage('warning', -1),
-  // };
-  var _useReducer = (0, _react.useReducer)(_Messages["default"]),
-      _useReducer2 = (0, _slicedToArray2["default"])(_useReducer, 2),
-      items = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
-  var showAMessage = function showAMessage() {
-    var actionFn = [_Messages["default"].actions.showSuccessMessage, _Messages["default"].actions.showErrorMessage, _Messages["default"].actions.showWarningMessage][Math.floor(Math.random() * 3)];
-    var message = messageText[Math.floor(Math.random() * 6)];
-    actionFn(message)(dispatch);
-  };
-
-  var removeMessage = function removeMessage(key) {
-    dispatch(_Messages["default"].actions.hideMessage(key));
-    (0, _setTimeout2["default"])(function () {
-      return dispatch(_Messages["default"].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, {
-    mt: "md",
-    onPress: function onPress() {
-      return dispatch(_Messages["default"].actions.clearMessages());
-    }
-  }, "Clear messages"), (0, _react2.jsx)(_.Messages, {
-    items: items,
-    onClose: removeMessage
-  }, function (item) {
-    return (0, _react2.jsx)(_collections.Item, item, item.text);
-  }));
-};
-
-exports.UseReducer = UseReducer;
-
-var UseReducerWithMultipleContainers = function UseReducerWithMultipleContainers() {
-  var _useReducer3 = (0, _react.useReducer)(_Messages.multiMessagesReducer, {
-    'container-one': [],
-    'container-two': []
-  }),
-      _useReducer4 = (0, _slicedToArray2["default"])(_useReducer3, 2),
-      items = _useReducer4[0],
-      dispatch = _useReducer4[1];
-
-  var showAMessage = function showAMessage(container) {
-    var actionFn = [_Messages.multiMessagesReducer.actions.showSuccessMessage, _Messages.multiMessagesReducer.actions.showCriticalMessage, _Messages.multiMessagesReducer.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(_Messages.multiMessagesReducer.actions.hideMessage(container, key));
-    (0, _setTimeout2["default"])(function () {
-      return dispatch(_Messages.multiMessagesReducer.actions.removeMessage(container, key));
-    }, 200);
-  };
-
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Box, {
-    isRow: true
-  }, (0, _react2.jsx)(_.Button, {
-    onPress: function onPress() {
-      return showAMessage('container-one');
-    }
-  }, "Add message to the left"), (0, _react2.jsx)(_.Button, {
-    ml: "md",
-    onPress: function onPress() {
-      return showAMessage('container-two');
-    }
-  }, "Add message to the right")), (0, _react2.jsx)(_.Messages, {
-    items: items['container-one'],
-    onClose: function onClose(key) {
-      return removeMessage(key, 'container-one');
-    },
-    sx: {
-      width: '45%'
-    }
-  }, function (item) {
-    return (0, _react2.jsx)(_collections.Item, item, item.text);
-  }), (0, _react2.jsx)(_.Messages, {
-    items: items['container-two'],
-    onClose: function onClose(key) {
-      return removeMessage(key, 'container-two');
-    },
-    sx: {
-      left: '55%'
-    }
-  }, function (item) {
-    return (0, _react2.jsx)(_collections.Item, item, item.text);
-  }));
-};
-
-exports.UseReducerWithMultipleContainers = UseReducerWithMultipleContainers;
-
-var WithTextStyling = function WithTextStyling(args) {
-  var items = [{
-    key: 'message1',
-    node: (0, _react2.jsx)("strong", null, "Here is a very neutral thing")
-  }, {
-    key: 'message2',
-    text: 'Form saved successfully',
-    status: 'success'
-  }, {
-    key: 'message3',
-    text: 'Something unexpected happened.',
-    status: 'warning'
-  }, {
-    key: 'message4',
-    node: (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("b", null, "Not saved! "), "We could not validate one of the fields. Please see inline message below."),
-    status: 'error'
-  }];
-  return (0, _react2.jsx)(_.Messages, (0, _extends2["default"])({}, args, {
-    items: items
-  }), function (item) {
-    return (0, _react2.jsx)(_collections.Item, item, item.node || item.text);
-  });
-};
-
-exports.WithTextStyling = WithTextStyling;

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

@@ -1,214 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
-var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _liveAnnouncer = require("@react-aria/live-announcer");
-
-var _collections = require("@react-stately/collections");
-
-var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-
-var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
-
-var _testWrapper = require("../../utils/testUtils/testWrapper");
-
-var _ = _interopRequireDefault(require("."));
-
-var _Button = _interopRequireDefault(require("../Button"));
-
-var _react2 = require("@emotion/react");
-
-jest.mock('@react-aria/live-announcer');
-var testId = 'test-messages';
-var defaultProps = {
-  'data-testid': testId
-};
-var items = [{
-  key: 'message1',
-  text: 'Here\'s a very neutral thing',
-  isHidden: true
-}, {
-  key: 'message2',
-  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, {
-    key: "message1",
-    "data-id": "message1"
-  }, "Here is a very neutral thing"), (0, _react2.jsx)(_collections.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);
-  }));
-};
-
-var MessagesWithButton = function MessagesWithButton(props) {
-  var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      messages = _useState2[0],
-      setMessages = _useState2[1];
-
-  var addMessage = function addMessage() {
-    var _context;
-
-    setMessages((0, _concat["default"])(_context = []).call(_context, messages, [{
-      key: "message".concat(messages.length + 1),
-      text: "New message ".concat(messages.length + 1),
-      status: 'default'
-    }]));
-  };
-
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Button["default"], {
-    onPress: addMessage
-  }, "Click me!"), (0, _react2.jsx)(_["default"], (0, _extends2["default"])({
-    items: messages
-  }, props), function (item) {
-    return (0, _react2.jsx)(_collections.Item, item, item.text);
-  }));
-};
-
-var getWithButton = function getWithButton() {
-  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)(MessagesWithButton, (0, _extends2["default"])({}, defaultProps, props)));
-}; // 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();
-});
-test('message with prop `isHidden` has max-height: 0', function () {
-  getWithDynamicList({
-    items: items
-  });
-
-  var _screen$getByTestId = _testWrapper.screen.getByTestId(testId),
-      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();
-});
-test('click on close button fires `onClose` callback', function () {
-  var onClose = jest.fn();
-  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 () {
-  var onClose = jest.fn();
-  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;
-
-  expect(firstMessage).toHaveAttribute('data-id', 'message1');
-});
-describe('announcements', function () {
-  // Live announcer is (mostly) only used on apple devices for VoiceOver.
-  // Mock navigator.platform so we take that codepath.
-  var platformMock;
-  beforeEach(function () {
-    platformMock = jest.spyOn(navigator, 'platform', 'get').mockImplementation(function () {
-      return 'MacIntel';
-    });
-  });
-  afterEach(function () {
-    jest.clearAllMocks();
-    platformMock.mockRestore();
-  });
-  test('should announce on render', function () {
-    getWithDynamicList({
-      items: items
-    });
-    (0, _forEach["default"])(items).call(items, function (item) {
-      return expect(_liveAnnouncer.announce).toHaveBeenCalledWith(item.text, 'polite');
-    });
-  });
-  test('should announce on adding item', function () {
-    getWithButton();
-
-    var messages = _testWrapper.screen.getByTestId(testId);
-
-    expect(messages.childElementCount).toBe(0);
-
-    var button = _testWrapper.screen.getByText('Click me!');
-
-    _userEvent["default"].click(button);
-
-    expect(messages.childElementCount).toBe(1);
-    expect(_liveAnnouncer.announce).toHaveBeenCalledWith('New message 1', 'polite');
-  });
-});

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

@@ -1,40 +0,0 @@
-"use strict";
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
-var _context;
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _exportNames = {};
-
-_Object$defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Messages["default"];
-  }
-});
-
-var _Messages = _interopRequireDefault(require("./Messages"));
-
-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;
-
-  _Object$defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _utils[key];
-    }
-  });
-});