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

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

@@ -8,7 +8,7 @@ _Object$defineProperty2(exports, "__esModule", {
   value: true
 });
 
-exports["default"] = exports.multiMessagesReducer = void 0;
+exports["default"] = exports.multiMessagesReducer = exports.messagesReducer = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
 
@@ -35,6 +35,7 @@ function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(obje
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; (0, _forEach["default"])(_context = ownKeys(Object(source), true)).call(_context, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source))).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
 
 var messagesReducer = _utils.messagesReducer;
+exports.messagesReducer = messagesReducer;
 var multiMessagesReducer = _utils.multiMessagesReducer;
 exports.multiMessagesReducer = multiMessagesReducer;
 

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

@@ -52,7 +52,7 @@ var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/s
 
 var _ = require("../..");
 
-var _Messages = _interopRequireWildcard(require("./Messages.reducer"));
+var _index = require("./index");
 
 var _react2 = require("@emotion/react");
 
@@ -233,21 +233,21 @@ var UseReducer = function UseReducer() {
   //   showErrorMessage: makeShowMessage('error', -1),
   //   showWarningMessage: makeShowMessage('warning', -1),
   // };
-  var _useReducer = (0, _react.useReducer)(_Messages["default"]),
+  var _useReducer = (0, _react.useReducer)(_index.messagesReducerStory),
       _useReducer2 = (0, _slicedToArray2["default"])(_useReducer, 2),
       items = _useReducer2[0],
       dispatch = _useReducer2[1];
 
   var showAMessage = function showAMessage() {
-    var actionFn = [_Messages["default"].actions.showSuccessMessage, _Messages["default"].actions.showErrorMessage, _Messages["default"].actions.showWarningMessage][Math.floor(Math.random() * 3)];
+    var actionFn = [_index.messagesReducerStory.actions.showSuccessMessage, _index.messagesReducerStory.actions.showErrorMessage, _index.messagesReducerStory.actions.showWarningMessage][Math.floor(Math.random() * 3)];
     var message = messageText[Math.floor(Math.random() * 6)];
     actionFn(message)(dispatch);
   };
 
   var removeMessage = function removeMessage(key) {
-    dispatch(_Messages["default"].actions.hideMessage(key));
+    dispatch(_index.messagesReducerStory.actions.hideMessage(key));
     (0, _setTimeout2["default"])(function () {
-      return dispatch(_Messages["default"].actions.removeMessage(key));
+      return dispatch(_index.messagesReducerStory.actions.removeMessage(key));
     }, 200);
   };
 
@@ -256,7 +256,7 @@ var UseReducer = function UseReducer() {
   }, "Add Message"), (items === null || items === void 0 ? void 0 : items.length) > 0 && (0, _react2.jsx)(_.Button, {
     mt: "md",
     onPress: function onPress() {
-      return dispatch(_Messages["default"].actions.clearMessages());
+      return dispatch(_index.messagesReducerStory.actions.clearMessages());
     }
   }, "Clear messages"), (0, _react2.jsx)(_.Messages, {
     items: items,
@@ -269,7 +269,7 @@ var UseReducer = function UseReducer() {
 exports.UseReducer = UseReducer;
 
 var UseReducerWithMultipleContainers = function UseReducerWithMultipleContainers() {
-  var _useReducer3 = (0, _react.useReducer)(_Messages.multiMessagesReducer, {
+  var _useReducer3 = (0, _react.useReducer)(_index.multiMessagesReducerStory, {
     'container-one': [],
     'container-two': []
   }),
@@ -278,15 +278,15 @@ var UseReducerWithMultipleContainers = function UseReducerWithMultipleContainers
       dispatch = _useReducer4[1];
 
   var showAMessage = function showAMessage(container) {
-    var actionFn = [_Messages.multiMessagesReducer.actions.showSuccessMessage, _Messages.multiMessagesReducer.actions.showCriticalMessage, _Messages.multiMessagesReducer.actions.showWarningMessage][Math.floor(Math.random() * 3)];
+    var actionFn = [_index.multiMessagesReducerStory.actions.showSuccessMessage, _index.multiMessagesReducerStory.actions.showCriticalMessage, _index.multiMessagesReducerStory.actions.showWarningMessage][Math.floor(Math.random() * 3)];
     var message = messageText[Math.floor(Math.random() * 6)];
     actionFn(container, message)(dispatch);
   };
 
   var removeMessage = function removeMessage(key, container) {
-    dispatch(_Messages.multiMessagesReducer.actions.hideMessage(container, key));
+    dispatch(_index.multiMessagesReducerStory.actions.hideMessage(container, key));
     (0, _setTimeout2["default"])(function () {
-      return dispatch(_Messages.multiMessagesReducer.actions.removeMessage(container, key));
+      return dispatch(_index.multiMessagesReducerStory.actions.removeMessage(container, key));
     }, 200);
   };
 

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

@@ -26,7 +26,7 @@ var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
 
 var _testWrapper = require("../../utils/testUtils/testWrapper");
 
-var _ = _interopRequireDefault(require("."));
+var _ = _interopRequireWildcard(require("."));
 
 var _Button = _interopRequireDefault(require("../Button"));
 
@@ -211,4 +211,18 @@ describe('announcements', function () {
     expect(messages.childElementCount).toBe(1);
     expect(_liveAnnouncer.announce).toHaveBeenCalledWith('New message 1', 'polite');
   });
+});
+test('should render messages with messagesReducerStory', function () {
+  getComponent();
+
+  _.messagesReducerStory.actions.showSuccessMessage();
+
+  expect(_testWrapper.screen.getByTestId(testId)).toBeInTheDocument();
+});
+test('should render messages with multiMessagesReducerStory', function () {
+  getComponent();
+
+  _.multiMessagesReducerStory.actions.showSuccessMessage();
+
+  expect(_testWrapper.screen.getByTestId(testId)).toBeInTheDocument();
 });

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

@@ -14,7 +14,10 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _exportNames = {};
+var _exportNames = {
+  messagesReducerStory: true,
+  multiMessagesReducerStory: true
+};
 
 _Object$defineProperty(exports, "default", {
   enumerable: true,
@@ -23,6 +26,20 @@ _Object$defineProperty(exports, "default", {
   }
 });
 
+_Object$defineProperty(exports, "messagesReducerStory", {
+  enumerable: true,
+  get: function get() {
+    return _Messages2.messagesReducer;
+  }
+});
+
+_Object$defineProperty(exports, "multiMessagesReducerStory", {
+  enumerable: true,
+  get: function get() {
+    return _Messages2.multiMessagesReducer;
+  }
+});
+
 var _Messages = _interopRequireDefault(require("./Messages"));
 
 var _utils = require("./utils");
@@ -37,4 +54,6 @@ _forEachInstanceProperty(_context = _Object$keys(_utils)).call(_context, functio
       return _utils[key];
     }
   });
-});
+});
+
+var _Messages2 = require("./Messages.reducer");

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

@@ -13,7 +13,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _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';
-var messagesReducer = messagesReducerCore;
+export var messagesReducer = messagesReducerCore;
 export var multiMessagesReducer = multiMessagesReducerCore;
 
 var makeShowMessage = function makeShowMessage(status, timeout) {

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

@@ -23,7 +23,7 @@ import { Item } from '@react-stately/collections';
 import AccountIcon from 'mdi-react/AccountIcon';
 import statuses from '../../utils/devUtils/constants/statuses';
 import { Box, Button, Messages } from '../..';
-import messagesReducer, { multiMessagesReducer } from './Messages.reducer';
+import { messagesReducerStory as messagesReducer, multiMessagesReducerStory as multiMessagesReducer } from './index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Messages',

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

@@ -9,7 +9,7 @@ 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 from '.';
+import Messages, { messagesReducerStory, multiMessagesReducerStory } from '.';
 import Button from '../Button';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 jest.mock('@react-aria/live-announcer');
@@ -173,4 +173,14 @@ describe('announcements', function () {
     expect(messages.childElementCount).toBe(1);
     expect(announce).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,2 +1,3 @@
 export { default } from './Messages';
-export * from './utils';
+export * from './utils';
+export { messagesReducer as messagesReducerStory, multiMessagesReducer as multiMessagesReducerStory } from './Messages.reducer';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.2.0-alpha.1",
+  "version": "1.2.0-alpha.2",
   "description": "PingUX themeable React component library",
   "author": "uxdev@pingidentity.com",
   "license": "Apache-2.0",