@pingux/astro 2.54.0-alpha.1 → 2.54.0-alpha.2

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

@@ -6,6 +6,7 @@ import { act } from 'react-dom/test-utils';
 import { Item } from 'react-stately';
 import AccountIcon from '@pingux/mdi-react/AccountIcon';
 import userEvent from '@testing-library/user-event';
+import statuses from '../../utils/devUtils/constants/statuses';
 import { render, screen } from '../../utils/testUtils/testWrapper';
 import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
 import { ARIA_STATUSES } from './Message';
@@ -27,7 +28,7 @@ var items = [{
 }, {
   key: 'message2',
   text: 'Form saved successfully',
-  status: 'success'
+  status: statuses.SUCCESS
 }];
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -38,7 +39,7 @@ var getComponent = function getComponent() {
   }, "Here is a very neutral thing"), ___EmotionJSX(Item, {
     key: "message2",
     "data-id": "message2",
-    status: "success"
+    status: statuses.SUCCESS
   }, "Form saved successfully")));
 };
 var getWithDynamicList = function getWithDynamicList() {
@@ -98,16 +99,15 @@ test('`onClose` get as first arg key of message', function () {
   expect(onClose).toHaveBeenCalledWith('message1');
 });
 test('click on close button removes message after delay', function () {
-  act(function () {
-    global.setTimeout = jest.fn(function (cb) {
-      return cb();
-    });
-  });
+  jest.useFakeTimers();
   getComponent();
   var messages = screen.getByTestId(testId);
   expect(messages.childElementCount).toBe(2);
   var buttons = screen.getAllByRole('button');
   userEvent.click(buttons[0]);
+  act(function () {
+    jest.runAllTimers();
+  });
   expect(messages.childElementCount).toBe(1);
 });
 test('Item accepts a data-id and the data-id can be found in the DOM', function () {
@@ -138,12 +138,12 @@ test('messages without a status do not have an aria-label announcing the status'
 });
 test('should render messages with messagesReducerStory', function () {
   getComponent();
-  messagesReducerStory.actions.showSuccessMessage();
+  messagesReducerStory.actions.showSuccessMessage('Some');
   expect(screen.getByTestId(testId)).toBeInTheDocument();
 });
 test('should render messages with multiMessagesReducerStory', function () {
   getComponent();
-  multiMessagesReducerStory.actions.showSuccessMessage();
+  multiMessagesReducerStory.actions.showSuccessMessage('some', 'container-one');
   expect(screen.getByTestId(testId)).toBeInTheDocument();
 });
 test('should render a custom icon', function () {

package/lib/components/Messages/index.js

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

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

@@ -13,6 +13,7 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 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';
+import statuses from '../../../utils/devUtils/constants/statuses';
 
 /**
 * A set of message util functions.
@@ -21,9 +22,14 @@ export var messagesActions = {
   ADD_MESSAGE: 'ADD_MESSAGE',
   HIDE_MESSAGE: 'HIDE_MESSAGE',
   REMOVE_MESSAGE: 'REMOVE_MESSAGE',
-  CLEAR_MESSAGES: 'CLEAR_MESSAGES'
+  CLEAR_MESSAGES: 'CLEAR_MESSAGES',
+  SHOW_SUCCESS_MESSAGE: 'SHOW_SUCCESS_MESSAGE',
+  SHOW_ERROR_MESSAGE: 'SHOW_ERROR_MESSAGE',
+  SHOW_WARNING_MESSAGE: 'SHOW_WARNING_MESSAGE',
+  MULTI_SHOW_SUCCESS_MESSAGE: 'MULTI_SHOW_SUCCESS_MESSAGE',
+  MULTI_SHOW_CRITICAL_MESSAGE: 'MULTI_SHOW_CRITICAL_MESSAGE',
+  MULTI_SHOW_WARNING_MESSAGE: 'MULTI_SHOW_WARNING_MESSAGE'
 };
-
 /**
  * Create an action to add a message
  * The message object to be added
@@ -84,20 +90,25 @@ export var clearMessages = function clearMessages() {
   };
 };
 
+// eslint-disable-next-line max-len
+var makeShowMessage = function makeShowMessage(status, timeout) {
+  return function (text) {
+    return messagesReducer.actions.showMessage({
+      text: text,
+      status: status
+    }, timeout);
+  };
+};
+
 /** Reducer to store a list of messages */
-var messagesReducer = function messagesReducer() {
+var messagesReducer = function messagesReducer(state, action) {
   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) {
+  switch (action.type) {
     case messagesActions.ADD_MESSAGE:
-      return _concatInstanceProperty(_context = []).call(_context, state, [_objectSpread({}, message)]);
+      return _concatInstanceProperty(_context = []).call(_context, state, [_objectSpread({}, action.message)]);
     case messagesActions.HIDE_MESSAGE:
       return _mapInstanceProperty(state).call(state, function (search) {
-        if (search.key === key) {
+        if (search.key === action.key) {
           return _objectSpread(_objectSpread({}, search), {}, {
             isHidden: true
           });
@@ -106,7 +117,7 @@ var messagesReducer = function messagesReducer() {
       });
     case messagesActions.REMOVE_MESSAGE:
       return _filterInstanceProperty(state).call(state, function (search) {
-        return key !== search.key;
+        return action.key !== search.key;
       });
     case messagesActions.CLEAR_MESSAGES:
       return [];
@@ -119,6 +130,9 @@ messagesReducer.actions = {
   hideMessage: hideMessage,
   removeMessage: removeMessage,
   showMessage: showMessage,
-  clearMessages: clearMessages
+  clearMessages: clearMessages,
+  showSuccessMessage: makeShowMessage(statuses.SUCCESS, 3000),
+  showErrorMessage: makeShowMessage(statuses.ERROR, -1),
+  showWarningMessage: makeShowMessage(statuses.WARNING, -1)
 };
 export default messagesReducer;

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

@@ -13,7 +13,8 @@ import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
 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, clearMessages as clearMessagesSingle, hideMessage as hideMessageSingle, removeMessage as removeMessageSingle } from './messagesReducer';
+import statuses from '../../../utils/devUtils/constants/statuses';
+import messagesReducer from './messagesReducer';
 export var withContainer = function withContainer(container, action) {
   return _objectSpread({
     container: container
@@ -31,22 +32,22 @@ export var createMultiple = function createMultiple(actionCreator) {
 /**
  * Create an action to add a message
  */
-export var addMessage = createMultiple(addMessageSingle);
+export var addMessage = createMultiple(messagesReducer.actions.addMessage);
 
 /**
  * Create an action to hide a message by key
  */
-export var hideMessage = createMultiple(hideMessageSingle);
+export var hideMessage = createMultiple(messagesReducer.actions.hideMessage);
 
 /**
  * Create an action to remove a message
  */
-export var removeMessage = createMultiple(removeMessageSingle);
+export var removeMessage = createMultiple(messagesReducer.actions.removeMessage);
 
 /**
  * Create an action to clear all messages
  */
-export var clearMessages = createMultiple(clearMessagesSingle);
+export var clearMessages = createMultiple(messagesReducer.actions.clearMessages);
 
 /**
  * Create an action to add a message and then remove it if there's a timeout
@@ -69,10 +70,16 @@ export var showMessage = function showMessage(container, messageArg) {
     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,
+var makeMultiShowMessage = function makeMultiShowMessage(status, timeout) {
+  return function (container, text) {
+    return multiMessagesReducer.actions.showMessage(container, {
+      text: text,
+      status: status
+    }, timeout);
+  };
+};
+var multiMessagesReducer = function multiMessagesReducer(state, _ref) {
+  var container = _ref.container,
     action = _objectWithoutProperties(_ref, _excluded);
   return container ? _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, container, messagesReducer(state[container], action))) : state;
 };
@@ -81,6 +88,9 @@ multiMessagesReducer.actions = {
   addMessage: addMessage,
   hideMessage: hideMessage,
   clearMessages: clearMessages,
-  showMessage: showMessage
+  showMessage: showMessage,
+  showSuccessMessage: makeMultiShowMessage(statuses.SUCCESS, 3000),
+  showCriticalMessage: makeMultiShowMessage(statuses.ERROR, -1),
+  showWarningMessage: makeMultiShowMessage(statuses.WARNING, -1)
 };
 export default multiMessagesReducer;

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

@@ -43,7 +43,7 @@ var getComponent = function getComponent() {
   return renderFn(___EmotionJSX(TestComponent, props));
 };
 test('should create an empty state', function () {
-  var state = messagesReducer();
+  var state = messagesReducer([], {});
   expect(state.length).toBe(0);
 });
 test('should add a new message', function () {
@@ -67,11 +67,12 @@ test('should clear all messages', function () {
   expect(state.length).toBe(0);
 });
 test('should show and hide a message', function () {
+  var _screen$queryByTestId, _screen$queryByTestId2;
   jest.useFakeTimers();
   getComponent();
-  expect(screen.queryByTestId(testId).children.length).toBe(1);
+  expect((_screen$queryByTestId = screen.queryByTestId(testId)) === null || _screen$queryByTestId === void 0 ? void 0 : _screen$queryByTestId.children.length).toBe(1);
   act(function () {
     jest.runAllTimers();
   });
-  expect(screen.queryByTestId(testId).children.length).toBe(0);
+  expect((_screen$queryByTestId2 = screen.queryByTestId(testId)) === null || _screen$queryByTestId2 === void 0 ? void 0 : _screen$queryByTestId2.children.length).toBe(0);
 });

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

@@ -3,7 +3,7 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance
 import React, { useEffect, useReducer } from 'react';
 import { act } from 'react-dom/test-utils';
 import { render, screen } from '../../../../utils/testUtils/testWrapper';
-import messagesReducer, { addMessage, clearMessages, hideMessage, removeMessage, showMessage } from '../multiMessagesReducer';
+import multiMessagesReducer, { addMessage, clearMessages, hideMessage, removeMessage, showMessage } from '../multiMessagesReducer';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'test-messages';
 var messages = [{
@@ -18,7 +18,7 @@ var messages = [{
 }];
 var TestComponent = function TestComponent() {
   var _context;
-  var _useReducer = useReducer(messagesReducer, {
+  var _useReducer = useReducer(multiMessagesReducer, {
       container: []
     }),
     _useReducer2 = _slicedToArray(_useReducer, 2),
@@ -46,7 +46,7 @@ var getComponent = function getComponent() {
   return renderFn(___EmotionJSX(TestComponent, props));
 };
 test('should add a new message', function () {
-  var state = messagesReducer({
+  var state = multiMessagesReducer({
     'container-one': messages
   }, addMessage('container-one', {
     key: 4,
@@ -55,30 +55,31 @@ test('should add a new message', function () {
   expect(state['container-one'].length).toBe(4);
 });
 test('should hide a message by key', function () {
-  var state = messagesReducer({
+  var state = multiMessagesReducer({
     '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({
+  var state = multiMessagesReducer({
     'container-one': messages
   }, removeMessage('container-one', 2));
   expect(state['container-one'].length).toBe(2);
 });
 test('should clear all messages', function () {
-  var state = messagesReducer({
+  var state = multiMessagesReducer({
     'container-one': messages
   }, clearMessages('container-one'));
   expect(state['container-one'].length).toBe(0);
 });
 test('should show and hide a message', function () {
+  var _screen$queryByTestId, _screen$queryByTestId2;
   jest.useFakeTimers();
   getComponent();
-  expect(screen.queryByTestId(testId).children.length).toBe(1);
+  expect((_screen$queryByTestId = screen.queryByTestId(testId)) === null || _screen$queryByTestId === void 0 ? void 0 : _screen$queryByTestId.children.length).toBe(1);
   act(function () {
     jest.runAllTimers();
   });
-  expect(screen.queryByTestId(testId).children.length).toBe(0);
+  expect((_screen$queryByTestId2 = screen.queryByTestId(testId)) === null || _screen$queryByTestId2 === void 0 ? void 0 : _screen$queryByTestId2.children.length).toBe(0);
 });

package/lib/types/index.js

@@ -22,6 +22,7 @@ export * from './listItem';
 export * from './loader';
 export * from './menu';
 export * from './menuItem';
+export * from './messages';
 export * from './Modal';
 export * from './navBar';
 export * from './overlayPanel';

package/lib/types/messages.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.54.0-alpha.1",
+  "version": "2.54.0-alpha.2",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",

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

@@ -1,51 +0,0 @@
-"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({
-      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/components/Messages/Messages.reducer.js

@@ -1,41 +0,0 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-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 _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 { messagesReducer as messagesReducerCore, multiMessagesReducer as multiMessagesReducerCore } from './utils';
-export var messagesReducer = messagesReducerCore;
-export var multiMessagesReducer = multiMessagesReducerCore;
-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)
-});
-export default messagesReducer;