@pingux/astro 2.116.0-alpha.1 → 2.116.1-alpha.0

package/lib/cjs/components/Messages/utils/messagesReducer.d.ts

@@ -15,32 +15,27 @@ export declare const messagesActions: {
     MULTI_SHOW_CRITICAL_MESSAGE: string;
     MULTI_SHOW_WARNING_MESSAGE: string;
 };
-export interface Message extends MessageItem {
-    isHidden?: boolean;
-}
-type MessageAction = {
-    message?: Message;
-    key?: Key;
-};
-export interface AddMessageAction extends MessageAction {
+interface AddMessageAction {
     type: typeof messagesActions.ADD_MESSAGE;
+    message: MessageItem;
 }
-export interface HideMessageAction extends MessageAction {
+interface HideMessageAction {
     type: typeof messagesActions.HIDE_MESSAGE;
+    key: Key;
 }
-export interface RemoveMessageAction extends MessageAction {
+interface RemoveMessageAction {
     type: typeof messagesActions.REMOVE_MESSAGE;
+    key: Key;
 }
-export interface ClearMessagesAction extends MessageAction {
-    type?: typeof messagesActions.CLEAR_MESSAGES;
+interface ClearMessagesAction {
+    type: typeof messagesActions.CLEAR_MESSAGES;
 }
 export type MessageActions = AddMessageAction | HideMessageAction | RemoveMessageAction | ClearMessagesAction;
-export type MessagesState = Message[];
 /**
  * Create an action to add a message
  * The message object to be added
  */
-export declare const addMessage: (message: Message) => AddMessageAction;
+export declare const addMessage: (message: MessageItem) => AddMessageAction;
 /**
  * Create an action to hide a message by key
  */
@@ -52,55 +47,55 @@ export declare const removeMessage: (key: Key) => RemoveMessageAction;
 /**
  * Create an action to add a message and then remove it if there's a timeout
  */
-export declare const showMessage: (messageArg: Message, timeout?: number) => (dispatch: (action: MessageActions) => void) => {
-    isHidden?: boolean | undefined;
+export declare const showMessage: (messageArg: MessageItem, timeout?: number) => (dispatch: (action: MessageActions) => void) => {
     text?: string | undefined;
     node?: import("react").ReactNode;
     key: Key;
     props?: import("../../../types").MessageItemProps | undefined;
     status?: Status | undefined;
+    isHidden?: boolean | undefined;
 };
 /** Create an action to clear all messages */
 export declare const clearMessages: () => ClearMessagesAction;
 /** Reducer to store a list of messages */
-declare const messagesReducer: {
-    (state: MessagesState | [], action: MessageActions): any[];
+export declare const messagesReducer: {
+    (state: MessageItem[] | undefined, action: MessageActions): Array<MessageItem>;
     actions: {
-        addMessage: (message: Message) => AddMessageAction;
+        addMessage: (message: MessageItem) => AddMessageAction;
         hideMessage: (key: Key) => HideMessageAction;
         removeMessage: (key: Key) => RemoveMessageAction;
-        showMessage: (messageArg: Message, timeout?: number) => (dispatch: (action: MessageActions) => void) => {
-            isHidden?: boolean | undefined;
+        showMessage: (messageArg: MessageItem, timeout?: number) => (dispatch: (action: MessageActions) => void) => {
             text?: string | undefined;
             node?: import("react").ReactNode;
             key: Key;
             props?: import("../../../types").MessageItemProps | undefined;
             status?: Status | undefined;
+            isHidden?: boolean | undefined;
         };
         clearMessages: () => ClearMessagesAction;
         showSuccessMessage: (text: string) => (dispatch: (action: MessageActions) => void) => {
-            isHidden?: boolean | undefined;
             text?: string | undefined;
             node?: import("react").ReactNode;
             key: Key;
             props?: import("../../../types").MessageItemProps | undefined;
             status?: Status | undefined;
+            isHidden?: boolean | undefined;
         };
         showErrorMessage: (text: string) => (dispatch: (action: MessageActions) => void) => {
-            isHidden?: boolean | undefined;
             text?: string | undefined;
             node?: import("react").ReactNode;
             key: Key;
             props?: import("../../../types").MessageItemProps | undefined;
             status?: Status | undefined;
+            isHidden?: boolean | undefined;
         };
         showWarningMessage: (text: string) => (dispatch: (action: MessageActions) => void) => {
-            isHidden?: boolean | undefined;
             text?: string | undefined;
             node?: import("react").ReactNode;
             key: Key;
             props?: import("../../../types").MessageItemProps | undefined;
             status?: Status | undefined;
+            isHidden?: boolean | undefined;
         };
     };
 };

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

@@ -12,7 +12,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.showMessage = exports.removeMessage = exports.messagesActions = exports.hideMessage = exports["default"] = exports.clearMessages = exports.addMessage = void 0;
+exports.showMessage = exports.removeMessage = exports.messagesReducer = exports.messagesActions = exports.hideMessage = exports["default"] = exports.clearMessages = exports.addMessage = void 0;
 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 _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
@@ -114,14 +114,20 @@ var makeShowMessage = function makeShowMessage(status, timeout) {
 };
 
 /** Reducer to store a list of messages */
-var messagesReducer = function messagesReducer(state, action) {
-  var _context;
+var messagesReducer = function messagesReducer() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var action = arguments.length > 1 ? arguments[1] : undefined;
   switch (action.type) {
     case messagesActions.ADD_MESSAGE:
-      return (0, _concat["default"])(_context = []).call(_context, state, [_objectSpread({}, action.message)]);
+      {
+        var _context;
+        var _ref = action,
+          message = _ref.message;
+        return (0, _concat["default"])(_context = []).call(_context, state, [_objectSpread({}, message !== null && message !== void 0 ? message : {})]);
+      }
     case messagesActions.HIDE_MESSAGE:
       return (0, _map["default"])(state).call(state, function (search) {
-        if (search.key === action.key) {
+        if ('key' in action && search.key === action.key) {
           return _objectSpread(_objectSpread({}, search), {}, {
             isHidden: true
           });
@@ -129,15 +135,20 @@ var messagesReducer = function messagesReducer(state, action) {
         return search;
       });
     case messagesActions.REMOVE_MESSAGE:
-      return (0, _filter["default"])(state).call(state, function (search) {
-        return action.key !== search.key;
-      });
+      {
+        var _ref2 = action,
+          key = _ref2.key;
+        return (0, _filter["default"])(state).call(state, function (search) {
+          return key !== search.key;
+        });
+      }
     case messagesActions.CLEAR_MESSAGES:
       return [];
     default:
       return state;
   }
 };
+exports.messagesReducer = messagesReducer;
 messagesReducer.actions = {
   addMessage: addMessage,
   hideMessage: hideMessage,

package/lib/cjs/components/Messages/utils/multiMessagesReducer.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { Message, MessageActions } from './messagesReducer';
+import { MessageItem } from '../../../types';
+import { MessageActions } from './messagesReducer';
 export declare const withContainer: (container: any, action: any) => any;
 export declare const createMultiple: (actionCreator: any) => (container: any, ...args: any[]) => any;
 /**
@@ -21,62 +22,59 @@ export declare const clearMessages: (container: any, ...args: any[]) => any;
 /**
  * Create an action to add a message and then remove it if there's a timeout
  */
-export declare const showMessage: (container: any, messageArg: Message, timeout?: number) => (dispatch: any) => {
-    isHidden?: boolean | undefined;
+export declare const showMessage: (container: any, messageArg: MessageItem, timeout?: number) => (dispatch: any) => {
     text?: string | undefined;
     node?: import("react").ReactNode;
     key: import("react").Key;
-    props?: import("../../..").MessageItemProps | undefined;
-    status?: import("../../..").Status | undefined;
+    props?: import("../../../types").MessageItemProps | undefined;
+    status?: import("../../../types").Status | undefined;
+    isHidden?: boolean | undefined;
 };
 export interface MultiMessagesReducerState {
     container?: string;
 }
 export interface MultiMessagesReducerActions {
     container?: string;
-    action: MessageActions;
+    action?: MessageActions;
 }
 declare const multiMessagesReducer: {
-    (state: any, { container, ...action }: {
-        [x: string]: any;
-        container: any;
-    }): any;
+    (state: any, action: any): any;
     actions: {
         removeMessage: (container: any, ...args: any[]) => any;
         addMessage: (container: any, ...args: any[]) => any;
         hideMessage: (container: any, ...args: any[]) => any;
         clearMessages: (container: any, ...args: any[]) => any;
-        showMessage: (container: any, messageArg: Message, timeout?: number) => (dispatch: any) => {
-            isHidden?: boolean | undefined;
+        showMessage: (container: any, messageArg: MessageItem, timeout?: number) => (dispatch: any) => {
             text?: string | undefined;
             node?: import("react").ReactNode;
             key: import("react").Key;
-            props?: import("../../..").MessageItemProps | undefined;
-            status?: import("../../..").Status | undefined;
+            props?: import("../../../types").MessageItemProps | undefined;
+            status?: import("../../../types").Status | undefined;
+            isHidden?: boolean | undefined;
         };
         showSuccessMessage: (container: any, text: any) => (dispatch: any) => {
-            isHidden?: boolean | undefined;
             text?: string | undefined;
             node?: import("react").ReactNode;
             key: import("react").Key;
-            props?: import("../../..").MessageItemProps | undefined;
-            status?: import("../../..").Status | undefined;
+            props?: import("../../../types").MessageItemProps | undefined;
+            status?: import("../../../types").Status | undefined;
+            isHidden?: boolean | undefined;
         };
         showCriticalMessage: (container: any, text: any) => (dispatch: any) => {
-            isHidden?: boolean | undefined;
             text?: string | undefined;
             node?: import("react").ReactNode;
             key: import("react").Key;
-            props?: import("../../..").MessageItemProps | undefined;
-            status?: import("../../..").Status | undefined;
+            props?: import("../../../types").MessageItemProps | undefined;
+            status?: import("../../../types").Status | undefined;
+            isHidden?: boolean | undefined;
         };
         showWarningMessage: (container: any, text: any) => (dispatch: any) => {
-            isHidden?: boolean | undefined;
             text?: string | undefined;
             node?: import("react").ReactNode;
             key: import("react").Key;
-            props?: import("../../..").MessageItemProps | undefined;
-            status?: import("../../..").Status | undefined;
+            props?: import("../../../types").MessageItemProps | undefined;
+            status?: import("../../../types").Status | undefined;
+            isHidden?: boolean | undefined;
         };
     };
 };

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

@@ -92,10 +92,13 @@ var makeMultiShowMessage = function makeMultiShowMessage(status, timeout) {
     }, timeout);
   };
 };
-var multiMessagesReducer = function multiMessagesReducer(state, _ref) {
-  var container = _ref.container,
-    action = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return container ? _objectSpread(_objectSpread({}, state), {}, (0, _defineProperty2["default"])({}, container, (0, _messagesReducer["default"])(state[container], action))) : state;
+var multiMessagesReducer = function multiMessagesReducer(state, action) {
+  var container = action.container,
+    rest = (0, _objectWithoutProperties2["default"])(action, _excluded);
+  if (container) {
+    return _objectSpread(_objectSpread({}, state), {}, (0, _defineProperty2["default"])({}, container, (0, _messagesReducer["default"])(state[container], rest)));
+  }
+  return state;
 };
 multiMessagesReducer.actions = {
   removeMessage: removeMessage,

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

@@ -83,4 +83,15 @@ test('should show and hide a message', function () {
     jest.runAllTimers();
   });
   expect((_screen$queryByTestId2 = _testWrapper.screen.queryByTestId(testId)) === null || _screen$queryByTestId2 === void 0 ? void 0 : _screen$queryByTestId2.children.length).toBe(0);
+});
+test('should initialize the reducer as an empty array', function () {
+  var state = (0, _messagesReducer["default"])(undefined, {});
+  expect(state.length).toBe(0);
+});
+test('should add message in empty state', function () {
+  var state = (0, _messagesReducer["default"])(undefined, (0, _messagesReducer.addMessage)({
+    key: 1,
+    text: 'quatro'
+  }));
+  expect(state.length).toBe(1);
 });

package/lib/cjs/types/messages.d.ts

@@ -17,6 +17,7 @@ export interface MessageItem {
     key?: Key;
     props?: MessageItemProps;
     status?: Status;
+    isHidden?: boolean;
 }
 export interface CollectionOptions<T, C extends Collection<Node<T>>> extends Omit<CollectionStateBase<T, C>, 'children'> {
     children?: ReactElement | ReactElement[] | ((item: T) => ReactElement);

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

@@ -101,14 +101,20 @@ var makeShowMessage = function makeShowMessage(status, timeout) {
 };
 
 /** Reducer to store a list of messages */
-var messagesReducer = function messagesReducer(state, action) {
-  var _context;
+export var messagesReducer = function messagesReducer() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var action = arguments.length > 1 ? arguments[1] : undefined;
   switch (action.type) {
     case messagesActions.ADD_MESSAGE:
-      return _concatInstanceProperty(_context = []).call(_context, state, [_objectSpread({}, action.message)]);
+      {
+        var _context;
+        var _ref = action,
+          message = _ref.message;
+        return _concatInstanceProperty(_context = []).call(_context, state, [_objectSpread({}, message !== null && message !== void 0 ? message : {})]);
+      }
     case messagesActions.HIDE_MESSAGE:
       return _mapInstanceProperty(state).call(state, function (search) {
-        if (search.key === action.key) {
+        if ('key' in action && search.key === action.key) {
           return _objectSpread(_objectSpread({}, search), {}, {
             isHidden: true
           });
@@ -116,9 +122,13 @@ var messagesReducer = function messagesReducer(state, action) {
         return search;
       });
     case messagesActions.REMOVE_MESSAGE:
-      return _filterInstanceProperty(state).call(state, function (search) {
-        return action.key !== search.key;
-      });
+      {
+        var _ref2 = action,
+          key = _ref2.key;
+        return _filterInstanceProperty(state).call(state, function (search) {
+          return key !== search.key;
+        });
+      }
     case messagesActions.CLEAR_MESSAGES:
       return [];
     default:

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

@@ -78,10 +78,13 @@ var makeMultiShowMessage = function makeMultiShowMessage(status, timeout) {
     }, 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;
+var multiMessagesReducer = function multiMessagesReducer(state, action) {
+  var container = action.container,
+    rest = _objectWithoutProperties(action, _excluded);
+  if (container) {
+    return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, container, messagesReducer(state[container], rest)));
+  }
+  return state;
 };
 multiMessagesReducer.actions = {
   removeMessage: removeMessage,

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

@@ -74,4 +74,15 @@ test('should show and hide a message', function () {
     jest.runAllTimers();
   });
   expect((_screen$queryByTestId2 = screen.queryByTestId(testId)) === null || _screen$queryByTestId2 === void 0 ? void 0 : _screen$queryByTestId2.children.length).toBe(0);
+});
+test('should initialize the reducer as an empty array', function () {
+  var state = messagesReducer(undefined, {});
+  expect(state.length).toBe(0);
+});
+test('should add message in empty state', function () {
+  var state = messagesReducer(undefined, addMessage({
+    key: 1,
+    text: 'quatro'
+  }));
+  expect(state.length).toBe(1);
 });

package/package.json

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