@pingux/astro 2.54.0-alpha.4 → 2.55.0-alpha.0

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

@@ -13,6 +13,7 @@ var _testUtils = require("react-dom/test-utils");
 var _reactStately = require("react-stately");
 var _AccountIcon = _interopRequireDefault(require("@pingux/mdi-react/AccountIcon"));
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 var _testWrapper = require("../../utils/testUtils/testWrapper");
 var _universalComponentTest = require("../../utils/testUtils/universalComponentTest");
 var _Message = require("./Message");
@@ -36,7 +37,7 @@ var items = [{
 }, {
   key: 'message2',
   text: 'Form saved successfully',
-  status: 'success'
+  status: _statuses["default"].SUCCESS
 }];
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -47,7 +48,7 @@ var getComponent = function getComponent() {
   }, "Here is a very neutral thing"), (0, _react2.jsx)(_reactStately.Item, {
     key: "message2",
     "data-id": "message2",
-    status: "success"
+    status: _statuses["default"].SUCCESS
   }, "Form saved successfully")));
 };
 var getWithDynamicList = function getWithDynamicList() {
@@ -107,16 +108,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 () {
-  (0, _testUtils.act)(function () {
-    global.setTimeout = jest.fn(function (cb) {
-      return cb();
-    });
-  });
+  jest.useFakeTimers();
   getComponent();
   var messages = _testWrapper.screen.getByTestId(testId);
   expect(messages.childElementCount).toBe(2);
   var buttons = _testWrapper.screen.getAllByRole('button');
   _userEvent["default"].click(buttons[0]);
+  (0, _testUtils.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 () {
@@ -147,12 +147,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(_testWrapper.screen.getByTestId(testId)).toBeInTheDocument();
 });
 test('should render messages with multiMessagesReducerStory', function () {
   getComponent();
-  _.multiMessagesReducerStory.actions.showSuccessMessage();
+  _.multiMessagesReducerStory.actions.showSuccessMessage('some', 'container-one');
   expect(_testWrapper.screen.getByTestId(testId)).toBeInTheDocument();
 });
 test('should render a custom icon', function () {

package/lib/cjs/components/Messages/index.d.ts

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

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

@@ -21,17 +21,16 @@ _Object$defineProperty(exports, "default", {
 _Object$defineProperty(exports, "messagesReducerStory", {
   enumerable: true,
   get: function get() {
-    return _Messages2.messagesReducer;
+    return _utils.messagesReducer;
   }
 });
 _Object$defineProperty(exports, "multiMessagesReducerStory", {
   enumerable: true,
   get: function get() {
-    return _Messages2.multiMessagesReducer;
+    return _utils.multiMessagesReducer;
   }
 });
 var _Messages = _interopRequireDefault(require("./Messages"));
-var _Messages2 = require("./Messages.reducer");
 var _utils = require("./utils");
 _forEachInstanceProperty(_context = _Object$keys(_utils)).call(_context, function (key) {
   if (key === "default" || key === "__esModule") return;

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

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

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

@@ -0,0 +1,107 @@
+import { Key } from 'react';
+import { MessageItem, Status } from '../../../types';
+/**
+* A set of message util functions.
+*/
+export declare const messagesActions: {
+    ADD_MESSAGE: string;
+    HIDE_MESSAGE: string;
+    REMOVE_MESSAGE: string;
+    CLEAR_MESSAGES: string;
+    SHOW_SUCCESS_MESSAGE: string;
+    SHOW_ERROR_MESSAGE: string;
+    SHOW_WARNING_MESSAGE: string;
+    MULTI_SHOW_SUCCESS_MESSAGE: string;
+    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 {
+    type: typeof messagesActions.ADD_MESSAGE;
+}
+export interface HideMessageAction extends MessageAction {
+    type: typeof messagesActions.HIDE_MESSAGE;
+}
+export interface RemoveMessageAction extends MessageAction {
+    type: typeof messagesActions.REMOVE_MESSAGE;
+}
+export interface ClearMessagesAction extends MessageAction {
+    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;
+/**
+ * Create an action to hide a message by key
+ */
+export declare const hideMessage: (key: Key) => HideMessageAction;
+/**
+ * Create an action to remove a message by key
+ */
+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;
+    text?: string | undefined;
+    node?: import("react").ReactNode;
+    key: Key;
+    props?: import("../../../types").MessageItemProps | undefined;
+    status?: Status | 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): MessagesState;
+    actions: {
+        addMessage: (message: Message) => AddMessageAction;
+        hideMessage: (key: Key) => HideMessageAction;
+        removeMessage: (key: Key) => RemoveMessageAction;
+        showMessage: (messageArg: Message, timeout?: number) => (dispatch: (action: MessageActions) => void) => {
+            isHidden?: boolean | undefined;
+            text?: string | undefined;
+            node?: import("react").ReactNode;
+            key: Key;
+            props?: import("../../../types").MessageItemProps | undefined;
+            status?: Status | 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;
+        };
+        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;
+        };
+        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;
+        };
+    };
+};
+export default messagesReducer;

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

@@ -19,6 +19,7 @@ var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _uuid = require("uuid");
+var _statuses = _interopRequireDefault(require("../../../utils/devUtils/constants/statuses"));
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty2(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) { (0, _defineProperty2["default"])(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; }
 /**
@@ -28,14 +29,19 @@ 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'
 };
-
+exports.messagesActions = messagesActions;
 /**
  * Create an action to add a message
  * The message object to be added
  */
-exports.messagesActions = messagesActions;
 var addMessage = function addMessage(message) {
   return {
     type: messagesActions.ADD_MESSAGE,
@@ -96,21 +102,26 @@ var clearMessages = function clearMessages() {
   };
 };
 
-/** Reducer to store a list of messages */
+// eslint-disable-next-line max-len
 exports.clearMessages = clearMessages;
-var messagesReducer = function messagesReducer() {
+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(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 (0, _concat["default"])(_context = []).call(_context, state, [_objectSpread({}, message)]);
+      return (0, _concat["default"])(_context = []).call(_context, state, [_objectSpread({}, action.message)]);
     case messagesActions.HIDE_MESSAGE:
       return (0, _map["default"])(state).call(state, function (search) {
-        if (search.key === key) {
+        if (search.key === action.key) {
           return _objectSpread(_objectSpread({}, search), {}, {
             isHidden: true
           });
@@ -119,7 +130,7 @@ var messagesReducer = function messagesReducer() {
       });
     case messagesActions.REMOVE_MESSAGE:
       return (0, _filter["default"])(state).call(state, function (search) {
-        return key !== search.key;
+        return action.key !== search.key;
       });
     case messagesActions.CLEAR_MESSAGES:
       return [];
@@ -132,7 +143,10 @@ messagesReducer.actions = {
   hideMessage: hideMessage,
   removeMessage: removeMessage,
   showMessage: showMessage,
-  clearMessages: clearMessages
+  clearMessages: clearMessages,
+  showSuccessMessage: makeShowMessage(_statuses["default"].SUCCESS, 3000),
+  showErrorMessage: makeShowMessage(_statuses["default"].ERROR, -1),
+  showWarningMessage: makeShowMessage(_statuses["default"].WARNING, -1)
 };
 var _default = messagesReducer;
 exports["default"] = _default;

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

@@ -0,0 +1,83 @@
+/// <reference types="react" />
+import { Message, MessageActions } from './messagesReducer';
+export declare const withContainer: (container: any, action: any) => any;
+export declare const createMultiple: (actionCreator: any) => (container: any, ...args: any[]) => any;
+/**
+ * Create an action to add a message
+ */
+export declare const addMessage: (container: any, ...args: any[]) => any;
+/**
+ * Create an action to hide a message by key
+ */
+export declare const hideMessage: (container: any, ...args: any[]) => any;
+/**
+ * Create an action to remove a message
+ */
+export declare const removeMessage: (container: any, ...args: any[]) => any;
+/**
+ * Create an action to clear all messages
+ */
+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;
+    text?: string | undefined;
+    node?: import("react").ReactNode;
+    key: import("react").Key;
+    props?: import("../../..").MessageItemProps | undefined;
+    status?: import("../../..").Status | undefined;
+};
+export interface MultiMessagesReducerState {
+    container?: string;
+}
+export interface MultiMessagesReducerActions {
+    container?: string;
+    action: MessageActions;
+}
+declare const multiMessagesReducer: {
+    (state: any, { container, ...action }: {
+        [x: string]: any;
+        container: 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;
+            text?: string | undefined;
+            node?: import("react").ReactNode;
+            key: import("react").Key;
+            props?: import("../../..").MessageItemProps | undefined;
+            status?: import("../../..").Status | 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;
+        };
+        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;
+        };
+        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;
+        };
+    };
+};
+export default multiMessagesReducer;

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

@@ -1,6 +1,5 @@
 "use strict";
 
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
 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");
@@ -9,7 +8,6 @@ var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/in
 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 _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
   value: true
@@ -19,10 +17,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-c
 var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _uuid = require("uuid");
-var _messagesReducer = _interopRequireWildcard(require("./messagesReducer"));
+var _statuses = _interopRequireDefault(require("../../../utils/devUtils/constants/statuses"));
+var _messagesReducer = _interopRequireDefault(require("./messagesReducer"));
 var _excluded = ["container"];
-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; }
 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 withContainer = function withContainer(container, action) {
@@ -44,25 +41,25 @@ var createMultiple = function createMultiple(actionCreator) {
  * Create an action to add a message
  */
 exports.createMultiple = createMultiple;
-var addMessage = createMultiple(_messagesReducer.addMessage);
+var addMessage = createMultiple(_messagesReducer["default"].actions.addMessage);
 
 /**
  * Create an action to hide a message by key
  */
 exports.addMessage = addMessage;
-var hideMessage = createMultiple(_messagesReducer.hideMessage);
+var hideMessage = createMultiple(_messagesReducer["default"].actions.hideMessage);
 
 /**
  * Create an action to remove a message
  */
 exports.hideMessage = hideMessage;
-var removeMessage = createMultiple(_messagesReducer.removeMessage);
+var removeMessage = createMultiple(_messagesReducer["default"].actions.removeMessage);
 
 /**
  * Create an action to clear all messages
  */
 exports.removeMessage = removeMessage;
-var clearMessages = createMultiple(_messagesReducer.clearMessages);
+var clearMessages = createMultiple(_messagesReducer["default"].actions.clearMessages);
 
 /**
  * Create an action to add a message and then remove it if there's a timeout
@@ -87,10 +84,16 @@ var showMessage = function showMessage(container, messageArg) {
   };
 };
 exports.showMessage = showMessage;
-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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return container ? _objectSpread(_objectSpread({}, state), {}, (0, _defineProperty2["default"])({}, container, (0, _messagesReducer["default"])(state[container], action))) : state;
 };
@@ -99,7 +102,10 @@ multiMessagesReducer.actions = {
   addMessage: addMessage,
   hideMessage: hideMessage,
   clearMessages: clearMessages,
-  showMessage: showMessage
+  showMessage: showMessage,
+  showSuccessMessage: makeMultiShowMessage(_statuses["default"].SUCCESS, 3000),
+  showCriticalMessage: makeMultiShowMessage(_statuses["default"].ERROR, -1),
+  showWarningMessage: makeMultiShowMessage(_statuses["default"].WARNING, -1)
 };
 var _default = multiMessagesReducer;
 exports["default"] = _default;

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

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

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

@@ -52,7 +52,7 @@ var getComponent = function getComponent() {
   return renderFn((0, _react2.jsx)(TestComponent, props));
 };
 test('should create an empty state', function () {
-  var state = (0, _messagesReducer["default"])();
+  var state = (0, _messagesReducer["default"])([], {});
   expect(state.length).toBe(0);
 });
 test('should add a new message', function () {
@@ -76,11 +76,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(_testWrapper.screen.queryByTestId(testId).children.length).toBe(1);
+  expect((_screen$queryByTestId = _testWrapper.screen.queryByTestId(testId)) === null || _screen$queryByTestId === void 0 ? void 0 : _screen$queryByTestId.children.length).toBe(1);
   (0, _testUtils.act)(function () {
     jest.runAllTimers();
   });
-  expect(_testWrapper.screen.queryByTestId(testId).children.length).toBe(0);
+  expect((_screen$queryByTestId2 = _testWrapper.screen.queryByTestId(testId)) === null || _screen$queryByTestId2 === void 0 ? void 0 : _screen$queryByTestId2.children.length).toBe(0);
 });

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

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

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

@@ -83,11 +83,12 @@ test('should clear all messages', function () {
   expect(state['container-one'].length).toBe(0);
 });
 test('should show and hide a message', function () {
+  var _screen$queryByTestId, _screen$queryByTestId2;
   jest.useFakeTimers();
   getComponent();
-  expect(_testWrapper.screen.queryByTestId(testId).children.length).toBe(1);
+  expect((_screen$queryByTestId = _testWrapper.screen.queryByTestId(testId)) === null || _screen$queryByTestId === void 0 ? void 0 : _screen$queryByTestId.children.length).toBe(1);
   (0, _testUtils.act)(function () {
     jest.runAllTimers();
   });
-  expect(_testWrapper.screen.queryByTestId(testId).children.length).toBe(0);
+  expect((_screen$queryByTestId2 = _testWrapper.screen.queryByTestId(testId)) === null || _screen$queryByTestId2 === void 0 ? void 0 : _screen$queryByTestId2.children.length).toBe(0);
 });

package/lib/cjs/components/MultivaluesField/MultivaluesField.js

@@ -39,6 +39,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ = require("../..");
 var _MultivaluesContext = require("../../context/MultivaluesContext");
 var _hooks = require("../../hooks");
+var _pendoID = require("../../utils/devUtils/constants/pendoID");
 var _isIterable = require("../../utils/devUtils/props/isIterable");
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
@@ -82,8 +83,6 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     scrollBoxProps = props.scrollBoxProps,
     status = props.status,
     others = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var _getAriaAttributeProp = (0, _ariaAttributes.getAriaAttributeProps)(others),
-    ariaProps = _getAriaAttributeProp.ariaProps;
   var hasCustomValue = mode === 'non-restrictive';
   (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
   var _useState = (0, _react.useState)([]),
@@ -499,7 +498,7 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     value: filterString,
     helperText: helperText,
     "aria-invalid": status === 'error' && true
-  }, ariaProps, inputProps)), (0, _react2.jsx)(_.PopoverContainer, {
+  }, (0, _pendoID.getPendoID)('MultivaluesField'), others, inputProps)), (0, _react2.jsx)(_.PopoverContainer, {
     hasNoArrow: true,
     isNonModal: true,
     isOpen: !state.collection.size ? false : isOpen,

package/lib/cjs/components/NumberField/NumberField.js

@@ -28,6 +28,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uuid = require("uuid");
 var _ = require("../..");
 var _hooks = require("../../hooks");
+var _pendoID = require("../../utils/devUtils/constants/pendoID");
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
 var _statusProp = require("../../utils/docUtils/statusProp");
@@ -110,7 +111,7 @@ var NumberField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   // extract numeric value in case input value use units like '4 inches' or 'USD 45.00'
   // aria-valuenow accept only number value type
   var inputPropsNumericValue = typeof inputPropsValue === 'string' ? inputPropsValue.match(/[-]{0,1}[\d]*[.]{0,1}[\d]+/g)[0] : inputPropsValue;
-  return (0, _react2.jsx)(_.Box, fieldContainerProps, (0, _react2.jsx)(_.Label, updatedLabelProps), (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
+  return (0, _react2.jsx)(_.Box, (0, _extends2["default"])({}, (0, _pendoID.getPendoID)('NumberField'), fieldContainerProps), (0, _react2.jsx)(_.Label, updatedLabelProps), (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     variant: "forms.numberField.noDefaultArrows"
   }, groupProps), (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     variant: "forms.numberField.arrowsWrapper"

package/lib/cjs/components/PasswordField/PasswordField.js

@@ -33,6 +33,7 @@ var _visuallyHidden = require("@react-aria/visually-hidden");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ = require("../..");
 var _hooks = require("../../hooks");
+var _pendoID = require("../../utils/devUtils/constants/pendoID");
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
@@ -43,6 +44,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 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; }
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty2(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 _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var displayName = 'PasswordField';
 var ARIA_LABELS_FOR_SHOW_PASSWORD_TOGGLE = {
   HIDE: 'hide password',
   SHOW: 'show password'
@@ -165,7 +167,7 @@ var PasswordField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   };
   return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     variant: "forms.input.fieldContainer"
-  }, fieldContainerProps), (0, _react2.jsx)(_.Label, fieldLabelProps), (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
+  }, (0, _pendoID.getPendoID)(displayName), fieldContainerProps), (0, _react2.jsx)(_.Label, fieldLabelProps), (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     variant: "forms.input.fieldControlWrapper",
     isRow: true
   }, fieldControlWrapperProps, {
@@ -294,6 +296,6 @@ PasswordField.defaultProps = _objectSpread({
   requirements: [],
   type: 'password'
 }, _statusProp.statusDefaultProp);
-PasswordField.displayName = 'PasswordField';
+PasswordField.displayName = displayName;
 var _default = PasswordField;
 exports["default"] = _default;

package/lib/cjs/components/RadioGroupField/RadioGroupField.js

@@ -25,6 +25,7 @@ var _uuid = require("uuid");
 var _ = require("../..");
 var _hooks = require("../../hooks");
 var _orientation = _interopRequireDefault(require("../../utils/devUtils/constants/orientation"));
+var _pendoID = require("../../utils/devUtils/constants/pendoID");
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
 var _statusProp = require("../../utils/docUtils/statusProp");
@@ -34,6 +35,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 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; }
 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 displayName = 'RadioGroupField';
 var RadioGroupField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var children = props.children,
     className = props.className,
@@ -62,7 +64,7 @@ var RadioGroupField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
   return (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     ref: ref,
     className: classNames
-  }, unhandledAriaProps, radioGroupProps), (0, _react2.jsx)(_.Label, (0, _extends2["default"])({
+  }, (0, _pendoID.getPendoID)(displayName), unhandledAriaProps, radioGroupProps), (0, _react2.jsx)(_.Label, (0, _extends2["default"])({
     isDisabled: isDisabled,
     hintText: hintText,
     isRequired: isRequired,
@@ -113,6 +115,6 @@ RadioGroupField.propTypes = _objectSpread(_objectSpread(_objectSpread({
   /** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */
   id: _propTypes["default"].string
 }, _statusProp.statusPropTypes), _ariaAttributes.ariaAttributesBasePropTypes), _fieldAttributes.inputFieldAttributesBasePropTypes);
-RadioGroupField.displayName = 'RadioGroupField';
+RadioGroupField.displayName = displayName;
 var _default = RadioGroupField;
 exports["default"] = _default;