@pingux/astro 1.27.0-alpha.20 → 1.27.0-alpha.22

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

@@ -1,191 +0,0 @@
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import React, { useState } from 'react';
-import { announce } from '@react-aria/live-announcer';
-import { Item } from '@react-stately/collections';
-import userEvent from '@testing-library/user-event';
-import axeTest from '../../utils/testUtils/testAxe';
-import { render, screen } from '../../utils/testUtils/testWrapper';
-import Messages, { messagesReducerStory, multiMessagesReducerStory } from '.';
-import Button from '../Button';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-jest.mock('@react-aria/live-announcer', function () {
-  return {
-    announce: jest.fn()
-  };
-});
-var mockAnnounce = announce;
-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] : render;
-  return renderFn(___EmotionJSX(Messages, _extends({}, defaultProps, props), ___EmotionJSX(Item, {
-    key: "message1",
-    "data-id": "message1"
-  }, "Here is a very neutral thing"), ___EmotionJSX(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] : render;
-  return renderFn(___EmotionJSX(Messages, _extends({}, defaultProps, props), function (item) {
-    return ___EmotionJSX(Item, item, item.text);
-  }));
-};
-
-var MessagesWithButton = function MessagesWithButton(props) {
-  var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      messages = _useState2[0],
-      setMessages = _useState2[1];
-
-  var addMessage = function addMessage() {
-    var _context;
-
-    setMessages(_concatInstanceProperty(_context = []).call(_context, messages, [{
-      key: "message".concat(messages.length + 1),
-      text: "New message ".concat(messages.length + 1),
-      status: 'default'
-    }]));
-  };
-
-  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Button, {
-    onPress: addMessage
-  }, "Click me!"), ___EmotionJSX(Messages, _extends({
-    items: messages
-  }, props), function (item) {
-    return ___EmotionJSX(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] : render;
-  return renderFn(___EmotionJSX(MessagesWithButton, _extends({}, defaultProps, props)));
-}; // Need to be added to each test file to test accessibility using axe.
-
-
-axeTest(getComponent);
-test('renders Messages component in the default state', function () {
-  getComponent();
-  var messages = 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 = 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 = 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 = screen.getAllByRole('button');
-  userEvent.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 = screen.getAllByRole('button');
-  userEvent.click(buttons[0]);
-  expect(onClose).toHaveBeenCalledWith('message1');
-});
-test('click on close button removes message after delay', function () {
-  getComponent();
-  var messages = screen.getByTestId(testId);
-  expect(messages.childElementCount).toBe(2);
-  var buttons = screen.getAllByRole('button');
-  userEvent.click(buttons[0]);
-
-  _setTimeout(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 = 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
-    });
-
-    _forEachInstanceProperty(items).call(items, function (item) {
-      return expect(mockAnnounce).toHaveBeenCalledWith(item.text, 'polite');
-    });
-  });
-  test('should announce on adding item', function () {
-    getWithButton();
-    var messages = screen.getByTestId(testId);
-    expect(messages.childElementCount).toBe(0);
-    var button = screen.getByText('Click me!');
-    userEvent.click(button);
-    expect(messages.childElementCount).toBe(1);
-    expect(mockAnnounce).toHaveBeenCalledWith('New message 1', 'polite');
-  });
-});
-test('should render messages with messagesReducerStory', function () {
-  getComponent();
-  messagesReducerStory.actions.showSuccessMessage();
-  expect(screen.getByTestId(testId)).toBeInTheDocument();
-});
-test('should render messages with multiMessagesReducerStory', function () {
-  getComponent();
-  multiMessagesReducerStory.actions.showSuccessMessage();
-  expect(screen.getByTestId(testId)).toBeInTheDocument();
-});

package/lib/components/Messages/index.js

@@ -1,3 +0,0 @@
-export { default } from './Messages';
-export * from './utils';
-export { messagesReducer as messagesReducerStory, multiMessagesReducer as multiMessagesReducerStory } from './Messages.reducer';

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

@@ -1,2 +0,0 @@
-export { default as messagesReducer } from './messagesReducer';
-export { default as multiMessagesReducer } from './multiMessagesReducer';

package/lib/components/Messages/utils/messagesReducer.js

@@ -1,140 +0,0 @@
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
-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 _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(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; }
-
-import { v4 as uuid } from 'uuid';
-/**
-* A set of message util functions.
-*/
-
-export var messagesActions = {
-  ADD_MESSAGE: 'ADD_MESSAGE',
-  HIDE_MESSAGE: 'HIDE_MESSAGE',
-  REMOVE_MESSAGE: 'REMOVE_MESSAGE',
-  CLEAR_MESSAGES: 'CLEAR_MESSAGES'
-};
-/**
- * Create an action to add a message
- * The message object to be added
- */
-
-export var addMessage = function addMessage(message) {
-  return {
-    type: messagesActions.ADD_MESSAGE,
-    message: message
-  };
-};
-/**
- * Create an action to hide a message by key
- */
-
-export var hideMessage = function hideMessage(key) {
-  return {
-    type: messagesActions.HIDE_MESSAGE,
-    key: key
-  };
-};
-/**
- * Create an action to remove a message by key
- */
-
-export var removeMessage = function removeMessage(key) {
-  return {
-    type: messagesActions.REMOVE_MESSAGE,
-    key: key
-  };
-};
-/**
- * Create an action to add a message and then remove it if there's a timeout
- */
-
-export var showMessage = function showMessage(messageArg) {
-  var timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
-  return function (dispatch) {
-    var message = _objectSpread({
-      key: uuid()
-    }, messageArg);
-
-    dispatch(addMessage(message));
-
-    if (timeout >= 0) {
-      _setTimeout(function () {
-        dispatch(hideMessage(message.key));
-
-        _setTimeout(function () {
-          dispatch(removeMessage(message.key));
-        }, 200);
-      }, timeout);
-    }
-
-    return message;
-  };
-};
-/** Create an action to clear all messages */
-
-export var clearMessages = function clearMessages() {
-  return {
-    type: messagesActions.CLEAR_MESSAGES
-  };
-};
-/** Reducer to store a list of messages */
-
-var messagesReducer = function messagesReducer() {
-  var _context;
-
-  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      type = _ref.type,
-      message = _ref.message,
-      key = _ref.key;
-
-  switch (type) {
-    case messagesActions.ADD_MESSAGE:
-      return _concatInstanceProperty(_context = []).call(_context, state, [_objectSpread({}, message)]);
-
-    case messagesActions.HIDE_MESSAGE:
-      return _mapInstanceProperty(state).call(state, function (search) {
-        if (search.key === key) {
-          return _objectSpread(_objectSpread({}, search), {}, {
-            isHidden: true
-          });
-        }
-
-        return search;
-      });
-
-    case messagesActions.REMOVE_MESSAGE:
-      return _filterInstanceProperty(state).call(state, function (search) {
-        return key !== search.key;
-      });
-
-    case messagesActions.CLEAR_MESSAGES:
-      return [];
-
-    default:
-      return state;
-  }
-};
-
-messagesReducer.actions = {
-  addMessage: addMessage,
-  hideMessage: hideMessage,
-  removeMessage: removeMessage,
-  showMessage: showMessage,
-  clearMessages: clearMessages
-};
-export default messagesReducer;

package/lib/components/Messages/utils/multiMessagesReducer.js

@@ -1,98 +0,0 @@
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-var _excluded = ["container"];
-
-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) { _defineProperty(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; }
-
-import { v4 as uuid } from 'uuid';
-import messagesReducer, { addMessage as addMessageSingle, hideMessage as hideMessageSingle, removeMessage as removeMessageSingle, clearMessages as clearMessagesSingle } from './messagesReducer';
-export var withContainer = function withContainer(container, action) {
-  return _objectSpread({
-    container: container
-  }, action);
-};
-export var createMultiple = function createMultiple(actionCreator) {
-  return function (container) {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
-
-    return withContainer(container, actionCreator.apply(void 0, args));
-  };
-};
-/**
- * Create an action to add a message
- */
-
-export var addMessage = createMultiple(addMessageSingle);
-/**
- * Create an action to hide a message by key
- */
-
-export var hideMessage = createMultiple(hideMessageSingle);
-/**
- * Create an action to remove a message
- */
-
-export var removeMessage = createMultiple(removeMessageSingle);
-/**
- * Create an action to clear all messages
- */
-
-export var clearMessages = createMultiple(clearMessagesSingle);
-/**
- * Create an action to add a message and then remove it if there's a timeout
- */
-
-export var showMessage = function showMessage(container, messageArg) {
-  var timeout = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
-  return function (dispatch) {
-    var message = _objectSpread({
-      key: uuid()
-    }, messageArg);
-
-    dispatch(addMessage(container, message));
-
-    if (timeout >= 0) {
-      _setTimeout(function () {
-        dispatch(hideMessage(container, message.key));
-
-        _setTimeout(function () {
-          dispatch(removeMessage(container, message.key));
-        }, 200);
-      }, timeout);
-    }
-
-    return message;
-  };
-};
-
-var multiMessagesReducer = function multiMessagesReducer() {
-  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      container = _ref.container,
-      action = _objectWithoutProperties(_ref, _excluded);
-
-  return container ? _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, container, messagesReducer(state[container], action))) : state;
-};
-
-multiMessagesReducer.actions = {
-  removeMessage: removeMessage,
-  addMessage: addMessage,
-  hideMessage: hideMessage,
-  clearMessages: clearMessages,
-  showMessage: showMessage
-};
-export default multiMessagesReducer;

package/lib/components/Messages/utils/tests/messagesReducer.test.js

@@ -1,81 +0,0 @@
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import React, { useReducer, useEffect } from 'react';
-import { act } from 'react-dom/test-utils';
-import messagesReducer, { addMessage, clearMessages, hideMessage, removeMessage, showMessage } from '../messagesReducer';
-import { render, screen } from '../../../../utils/testUtils/testWrapper';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var testId = 'test-messages';
-var messages = [{
-  text: 'uno',
-  key: 1
-}, {
-  text: 'dos',
-  key: 2
-}, {
-  text: 'tres',
-  key: 3
-}];
-
-var TestComponent = function TestComponent() {
-  var _useReducer = useReducer(messagesReducer, []),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
-  useEffect(function () {
-    showMessage({
-      text: 'uno',
-      key: 1
-    }, 500)(dispatch);
-  }, []);
-  return ___EmotionJSX("div", {
-    "data-testid": testId
-  }, _mapInstanceProperty(state).call(state, function (_ref) {
-    var key = _ref.key,
-        text = _ref.text;
-    return ___EmotionJSX("div", {
-      key: key
-    }, text);
-  }));
-};
-
-var getComponent = function getComponent() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var renderFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : render;
-  return renderFn(___EmotionJSX(TestComponent, props));
-};
-
-test('should create an empty state', function () {
-  var state = messagesReducer();
-  expect(state.length).toBe(0);
-});
-test('should add a new message', function () {
-  var state = messagesReducer(messages, addMessage({
-    key: 4,
-    text: 'quatro'
-  }));
-  expect(state.length).toBe(4);
-});
-test('should hide a message by key', function () {
-  var state = messagesReducer(messages, hideMessage(2));
-  expect(state.length).toBe(3);
-  expect(state[1].isHidden).toBe(true);
-});
-test('should remove a message by key', function () {
-  var state = messagesReducer(messages, removeMessage(2));
-  expect(state.length).toBe(2);
-});
-test('should clear all messages', function () {
-  var state = messagesReducer(messages, clearMessages());
-  expect(state.length).toBe(0);
-});
-test('should show and hide a message', function () {
-  jest.useFakeTimers();
-  getComponent();
-  expect(screen.queryByTestId(testId).children.length).toBe(1);
-  act(function () {
-    jest.runAllTimers();
-  });
-  expect(screen.queryByTestId(testId).children.length).toBe(0);
-});

package/lib/components/Messages/utils/tests/multiMessagesReducer.test.js

@@ -1,89 +0,0 @@
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import React, { useReducer, useEffect } from 'react';
-import { act } from 'react-dom/test-utils';
-import messagesReducer, { addMessage, clearMessages, hideMessage, removeMessage, showMessage } from '../multiMessagesReducer';
-import { render, screen } from '../../../../utils/testUtils/testWrapper';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var testId = 'test-messages';
-var messages = [{
-  text: 'uno',
-  key: 1
-}, {
-  text: 'dos',
-  key: 2
-}, {
-  text: 'tres',
-  key: 3
-}];
-
-var TestComponent = function TestComponent() {
-  var _context;
-
-  var _useReducer = useReducer(messagesReducer, {
-    container: []
-  }),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
-  useEffect(function () {
-    showMessage('container', {
-      text: 'uno',
-      key: 1
-    }, 500)(dispatch);
-  }, []);
-  return ___EmotionJSX("div", {
-    "data-testid": testId
-  }, _mapInstanceProperty(_context = state.container).call(_context, function (_ref) {
-    var key = _ref.key,
-        text = _ref.text;
-    return ___EmotionJSX("div", {
-      key: key
-    }, text);
-  }));
-};
-
-var getComponent = function getComponent() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var renderFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : render;
-  return renderFn(___EmotionJSX(TestComponent, props));
-};
-
-test('should add a new message', function () {
-  var state = messagesReducer({
-    'container-one': messages
-  }, addMessage('container-one', {
-    key: 4,
-    text: 'quatro'
-  }));
-  expect(state['container-one'].length).toBe(4);
-});
-test('should hide a message by key', function () {
-  var state = messagesReducer({
-    'container-one': messages
-  }, hideMessage('container-one', 2));
-  expect(state['container-one'].length).toBe(3);
-  expect(state['container-one'][1].isHidden).toBe(true);
-});
-test('should remove a message by key', function () {
-  var state = messagesReducer({
-    'container-one': messages
-  }, removeMessage('container-one', 2));
-  expect(state['container-one'].length).toBe(2);
-});
-test('should clear all messages', function () {
-  var state = messagesReducer({
-    'container-one': messages
-  }, clearMessages('container-one'));
-  expect(state['container-one'].length).toBe(0);
-});
-test('should show and hide a message', function () {
-  jest.useFakeTimers();
-  getComponent();
-  expect(screen.queryByTestId(testId).children.length).toBe(1);
-  act(function () {
-    jest.runAllTimers();
-  });
-  expect(screen.queryByTestId(testId).children.length).toBe(0);
-});