@pingux/astro 1.1.1-alpha.5 → 1.2.0-alpha.3

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

@@ -0,0 +1,295 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty2(exports, "__esModule", {
+  value: true
+});
+
+exports.OrgLevel = exports.WithSections = exports.Default = exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
+
+var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
+
+var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _EnvironmentBreadcrumb = _interopRequireDefault(require("./EnvironmentBreadcrumb"));
+
+var _index = require("../../index");
+
+var _react2 = require("@emotion/react");
+
+function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context6; (0, _forEach["default"])(_context6 = ownKeys(Object(source), true)).call(_context6, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context7; (0, _forEach["default"])(_context7 = ownKeys(Object(source))).call(_context7, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
+
+var _default = {
+  title: 'EnvironmentBreadcrumb',
+  component: _EnvironmentBreadcrumb["default"]
+};
+exports["default"] = _default;
+var defaultEnvironments = [{
+  name: 'Default'
+}, {
+  name: 'Kangaroo'
+}, {
+  name: 'Snake'
+}, {
+  name: 'Snail'
+}, {
+  name: 'Slug'
+}, {
+  name: 'Crow'
+}, {
+  name: 'Dog'
+}, {
+  name: 'Crab',
+  isSandbox: true
+}, {
+  name: 'Fish'
+}, {
+  name: 'Turtle'
+}, {
+  name: 'Mouse'
+}, {
+  name: 'Banana'
+}, {
+  name: 'Shark'
+}, {
+  name: 'Gorilla'
+}, {
+  name: 'Goat'
+}];
+var environmentsWithSections = [{
+  name: 'Recent',
+  options: [{
+    name: 'Default'
+  }, {
+    name: 'Consumer Banking Prod'
+  }, {
+    name: 'Custom 360 Test'
+  }]
+}, {
+  name: 'All',
+  options: [{
+    name: 'Consumer Banking Prod'
+  }, {
+    name: 'Custom 360 Test'
+  }, {
+    name: 'Default'
+  }, {
+    name: 'Great New One',
+    isSandbox: true
+  }, {
+    name: 'Jeff’s Workforce'
+  }, {
+    name: 'Lindemuller Prod'
+  }, {
+    name: 'Mine'
+  }]
+}];
+
+var Default = function Default(args) {
+  var _useState = (0, _react.useState)({
+    name: 'Snail',
+    isSandbox: true
+  }),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      selectedEnvironment = _useState2[0],
+      setSelectedEnvironment = _useState2[1];
+
+  var envNode = (0, _react2.jsx)(_index.Box, {
+    isRow: true
+  }, (0, _react2.jsx)(_index.Text, {
+    color: "inherit"
+  }, selectedEnvironment.name), selectedEnvironment.isSandbox ? (0, _react2.jsx)(_index.Chip, {
+    label: "SANDBOX",
+    variant: "boxes.environmentChip",
+    bg: "neutral.40"
+  }) : null);
+
+  var findEnvObj = function findEnvObj(envName) {
+    return (0, _find["default"])(defaultEnvironments).call(defaultEnvironments, function (_ref) {
+      var name = _ref.name;
+      return name === envName;
+    });
+  };
+
+  var handleSelectionChange = function handleSelectionChange(newEnvName) {
+    var envObj = findEnvObj(newEnvName);
+    setSelectedEnvironment(_objectSpread({}, envObj));
+  };
+
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_EnvironmentBreadcrumb["default"], (0, _extends2["default"])({}, args, {
+    items: defaultEnvironments,
+    name: "Globochem",
+    selectedItem: envNode,
+    onSelectionChange: handleSelectionChange
+  }), function (_ref2) {
+    var name = _ref2.name,
+        isSandbox = _ref2.isSandbox;
+    return (0, _react2.jsx)(_index.Item, {
+      key: name,
+      textValue: name
+    }, name, isSandbox ? (0, _react2.jsx)(_index.Chip, {
+      label: "SANDBOX",
+      variant: "boxes.environmentChip",
+      bg: "neutral.40"
+    }) : null);
+  }));
+};
+
+exports.Default = Default;
+
+var WithSections = function WithSections() {
+  var _useState3 = (0, _react.useState)(environmentsWithSections),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      environments = _useState4[0],
+      setEnvironments = _useState4[1];
+
+  var _useState5 = (0, _react.useState)({
+    name: 'Consumer Banking Prod'
+  }),
+      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      selectedEnvironment = _useState6[0],
+      setSelectedEnvironment = _useState6[1];
+
+  var recentEnvShown = 3;
+
+  var getUpdatedRecentEnvs = function getUpdatedRecentEnvs(envObj, prevEnvs) {
+    var _context3;
+
+    var envName = envObj.name;
+    var isDuplicate = (0, _filter["default"])(prevEnvs).call(prevEnvs, function (prevEnv) {
+      return prevEnv.name === envName;
+    }).length > 0;
+
+    if (isDuplicate) {
+      var _context;
+
+      return (0, _concat["default"])(_context = [_objectSpread({}, envObj)]).call(_context, (0, _filter["default"])(prevEnvs).call(prevEnvs, function (prevEnv) {
+        return prevEnv.name !== envName;
+      }));
+    }
+
+    if (prevEnvs.length >= recentEnvShown) {
+      var _context2;
+
+      return (0, _concat["default"])(_context2 = [_objectSpread({}, envObj)]).call(_context2, (0, _slice["default"])(prevEnvs).call(prevEnvs, 0, recentEnvShown - 1));
+    }
+
+    return (0, _concat["default"])(_context3 = [_objectSpread({}, envObj)]).call(_context3, prevEnvs);
+  };
+
+  var findEnvObj = function findEnvObj(envName) {
+    var _context4;
+
+    return (0, _find["default"])(_context4 = (0, _find["default"])(environments).call(environments, function (section) {
+      return section.name === 'All';
+    }).options).call(_context4, function (option) {
+      return option.name === envName;
+    });
+  };
+
+  var handleEnvPress = function handleEnvPress(newEnv) {
+    var sectionPrefixIndex = (0, _indexOf["default"])(newEnv).call(newEnv, '-');
+    var envKey = newEnv.substr(sectionPrefixIndex + 1);
+    var recentEnvironments = (0, _find["default"])(environments).call(environments, function (envSection) {
+      return envSection.name === 'Recent';
+    }).options;
+    var envObj = findEnvObj(envKey);
+    var updatedRecentEnvironments = getUpdatedRecentEnvs(envObj, recentEnvironments);
+    setEnvironments(function (prevEnvs) {
+      return (0, _map["default"])(prevEnvs).call(prevEnvs, function (section) {
+        return section.name === 'Recent' ? _objectSpread(_objectSpread({}, section), {}, {
+          options: updatedRecentEnvironments
+        }) : section;
+      });
+    });
+    setSelectedEnvironment(_objectSpread({}, envObj));
+  };
+
+  var envNode = (0, _react2.jsx)(_index.Box, {
+    isRow: true
+  }, (0, _react2.jsx)(_index.Text, {
+    color: "inherit"
+  }, selectedEnvironment.name), selectedEnvironment.isSandbox ? (0, _react2.jsx)(_index.Chip, {
+    label: "SANDBOX",
+    variant: "boxes.environmentChip",
+    bg: "neutral.40"
+  }) : null);
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_EnvironmentBreadcrumb["default"], {
+    items: environments,
+    name: "Globochem",
+    selectedItem: envNode,
+    onSelectionChange: handleEnvPress
+  }, function (_ref3) {
+    var sectionName = _ref3.name,
+        sectionOptions = _ref3.options;
+    return (0, _react2.jsx)(_index.Section, {
+      key: sectionName,
+      title: sectionName,
+      items: sectionOptions
+    }, function (_ref4) {
+      var _context5;
+
+      var itemName = _ref4.name,
+          itemOptions = _ref4.options,
+          isSandbox = _ref4.isSandbox;
+      return (0, _react2.jsx)(_index.Item, {
+        key: (0, _concat["default"])(_context5 = "".concat(sectionName, "-")).call(_context5, itemName),
+        childItems: itemOptions,
+        textValue: itemName
+      }, (0, _react2.jsx)(_index.Box, {
+        isRow: true
+      }, itemName, isSandbox ? (0, _react2.jsx)(_index.Chip, {
+        label: "SANDBOX",
+        variant: "boxes.environmentChip",
+        bg: "neutral.40"
+      }) : null));
+    });
+  }));
+};
+
+exports.WithSections = WithSections;
+
+var OrgLevel = function OrgLevel() {
+  return (0, _react2.jsx)(_EnvironmentBreadcrumb["default"], {
+    name: "Globochem"
+  });
+};
+
+exports.OrgLevel = OrgLevel;

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

@@ -0,0 +1,287 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime-corejs3/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+
+var _collections = require("@react-stately/collections");
+
+var _jestAxe = require("jest-axe");
+
+var _testWrapper = require("../../utils/testUtils/testWrapper");
+
+var _index = require("../../index");
+
+var _react2 = require("@emotion/react");
+
+var testEnvBreadcrumb = 'test-env-breadcrumb';
+var testName = 'test-name';
+var testSelectedItem = 'test-selected-item';
+var testSearchLabel = 'test-Search-Label';
+var items = [{
+  name: 'a'
+}, {
+  name: 'b'
+}, {
+  name: 'c'
+}];
+var itemsWithSections = [{
+  name: 'Heading 1',
+  options: [{
+    name: 'Foo'
+  }, {
+    name: 'Bar'
+  }, {
+    name: 'Baz'
+  }]
+}];
+var defaultProps = {
+  'data-testid': testEnvBreadcrumb,
+  name: testName,
+  selectedItem: testSelectedItem,
+  searchProps: {
+    label: testSearchLabel
+  },
+  items: items
+};
+var defaultWithSectionsProps = {
+  'data-testid': testEnvBreadcrumb,
+  name: testName,
+  selectedItem: testSelectedItem,
+  searchProps: {
+    label: testSearchLabel
+  },
+  items: itemsWithSections
+};
+var onSelectionChange = jest.fn();
+
+var getComponent = function getComponent(props) {
+  return (0, _testWrapper.render)((0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.EnvironmentBreadcrumb, (0, _extends2["default"])({}, defaultProps, props), function (item) {
+    return (0, _react2.jsx)(_index.Item, {
+      key: item.name
+    }, item.name);
+  })));
+};
+
+var getSectionsComponent = function getSectionsComponent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return (0, _testWrapper.render)((0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.EnvironmentBreadcrumb, (0, _extends2["default"])({}, defaultWithSectionsProps, props), function (section) {
+    return (// eslint-disable-next-line testing-library/no-node-access
+      (0, _react2.jsx)(_collections.Section, {
+        key: section.name,
+        name: section.name,
+        items: section.options
+      }, function (item) {
+        return (0, _react2.jsx)(_index.Item, {
+          key: item.name,
+          childItems: item.options
+        }, item.name);
+      })
+    );
+  })));
+};
+
+beforeAll(function () {
+  jest.spyOn(window.HTMLElement.prototype, 'clientWidth', 'get').mockImplementation(function () {
+    return 1000;
+  });
+  jest.spyOn(window.HTMLElement.prototype, 'clientHeight', 'get').mockImplementation(function () {
+    return 1000;
+  });
+  window.HTMLElement.prototype.scrollIntoView = jest.fn();
+  jest.spyOn(window.screen, 'width', 'get').mockImplementation(function () {
+    return 1024;
+  });
+  jest.spyOn(window, 'requestAnimationFrame').mockImplementation(function (cb) {
+    return cb();
+  });
+  jest.useFakeTimers();
+});
+afterEach(function () {
+  jest.clearAllMocks();
+  onSelectionChange.mockClear();
+});
+afterAll(function () {
+  jest.restoreAllMocks();
+});
+test('should render environment breadcrumb component by default', function () {
+  getComponent();
+
+  var imageUploadButton = _testWrapper.screen.getByTestId(testEnvBreadcrumb);
+
+  expect(imageUploadButton).toBeInstanceOf(HTMLDivElement);
+  expect(imageUploadButton).toBeInTheDocument();
+});
+test('should display name', function () {
+  getComponent();
+  expect(_testWrapper.screen.getByText(testName)).toBeInTheDocument();
+});
+test('should display selectedItem', function () {
+  getComponent();
+  expect(_testWrapper.screen.getByText(testSelectedItem)).toBeInTheDocument();
+});
+test('should call onNamePress when name pressed', function () {
+  var onNamePressMock = jest.fn();
+  getComponent({
+    onNamePress: onNamePressMock
+  });
+  expect(onNamePressMock).not.toHaveBeenCalled();
+
+  _userEvent["default"].click(_testWrapper.screen.getByText(testName));
+
+  expect(onNamePressMock).toHaveBeenCalledTimes(1);
+});
+test('should not call onNamePress when current env button pressed', function () {
+  var onNamePressMock = jest.fn();
+  getComponent({
+    onNamePress: onNamePressMock
+  });
+  expect(onNamePressMock).not.toHaveBeenCalled();
+
+  _userEvent["default"].click(_testWrapper.screen.getByText(testSelectedItem));
+
+  expect(onNamePressMock).not.toHaveBeenCalled();
+});
+test('should render items passed in props', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+  return _regenerator["default"].wrap(function _callee$(_context) {
+    while (1) {
+      switch (_context.prev = _context.next) {
+        case 0:
+          getComponent();
+          expect(_testWrapper.screen.queryByRole('listbox')).not.toBeInTheDocument();
+          expect(_testWrapper.screen.queryByRole('option')).not.toBeInTheDocument();
+
+          _userEvent["default"].click(_testWrapper.screen.getByText(testSelectedItem));
+
+          expect(_testWrapper.screen.queryByRole('listbox')).toBeInTheDocument();
+          expect(_testWrapper.screen.queryAllByRole('option')).toHaveLength(3);
+
+        case 6:
+        case "end":
+          return _context.stop();
+      }
+    }
+  }, _callee);
+})));
+test('should render items with sections passed in props', function () {
+  getSectionsComponent();
+  expect(_testWrapper.screen.queryByRole('listbox')).not.toBeInTheDocument();
+  expect(_testWrapper.screen.queryByRole('option')).not.toBeInTheDocument();
+
+  _userEvent["default"].click(_testWrapper.screen.getByText(testSelectedItem));
+
+  expect(_testWrapper.screen.getByRole('group')).toBeInTheDocument();
+  expect(_testWrapper.screen.queryByRole('listbox')).toBeInTheDocument();
+  expect(_testWrapper.screen.queryAllByRole('option')).toHaveLength(3);
+});
+test('should call onSelectionChange when env clicked', function () {
+  var onSelectionChangeMock = jest.fn();
+  getComponent({
+    onSelectionChange: onSelectionChangeMock
+  });
+  expect(onSelectionChangeMock).not.toHaveBeenCalled();
+
+  _userEvent["default"].click(_testWrapper.screen.getByText(testSelectedItem));
+
+  _userEvent["default"].click(_testWrapper.screen.getByText(items[0].name));
+
+  expect(onSelectionChangeMock).toHaveBeenNthCalledWith(1, items[0].name);
+});
+test('should disable item if his hey passed in the disabledKeys prop', function () {
+  getComponent({
+    disabledKeys: ['a']
+  });
+
+  _userEvent["default"].click(_testWrapper.screen.getByText(testSelectedItem));
+
+  expect(_testWrapper.screen.getByText(items[0].name)).toHaveClass('is-disabled');
+});
+test('should call onPopoverOpen if it is passed in the props', function () {
+  var onPopoverOpenMock = jest.fn();
+  getComponent({
+    onPopoverOpen: onPopoverOpenMock
+  });
+  expect(onPopoverOpenMock).not.toHaveBeenCalled();
+
+  _userEvent["default"].click(_testWrapper.screen.getByText(testSelectedItem));
+
+  expect(onPopoverOpenMock).toHaveBeenCalled();
+});
+test('should call onPopoverClose if it is passed in the props', function () {
+  var onPopoverCloseMock = jest.fn();
+  getComponent({
+    onPopoverClose: onPopoverCloseMock
+  });
+  expect(onPopoverCloseMock).not.toHaveBeenCalled();
+
+  _userEvent["default"].click(_testWrapper.screen.getByText(testSelectedItem));
+
+  _userEvent["default"].click(_testWrapper.screen.getByText(testName));
+
+  expect(onPopoverCloseMock).toHaveBeenCalled();
+});
+test('should close popover when other component clicked', function () {
+  getComponent();
+
+  _userEvent["default"].click(_testWrapper.screen.getByText(testSelectedItem));
+
+  expect(_testWrapper.screen.queryByRole('listbox')).toBeInTheDocument();
+  expect(_testWrapper.screen.queryAllByRole('option')).toHaveLength(3);
+
+  _userEvent["default"].click(_testWrapper.screen.getByText(testName));
+
+  expect(_testWrapper.screen.queryByRole('listbox')).not.toBeInTheDocument();
+  expect(_testWrapper.screen.queryAllByRole('option')).not.toHaveLength(3);
+});
+test('should render current env node if passed in props', function () {
+  var testSelectedItemId = 'testSelectedItemId';
+  getComponent({
+    selectedItem: (0, _react2.jsx)("div", {
+      "data-testid": testSelectedItemId
+    })
+  });
+  expect(_testWrapper.screen.getByTestId(testSelectedItemId)).toBeInTheDocument();
+});
+test('should show empty state in search if there are no results', function () {
+  var testEmptySearchText = 'testEmptySearchText';
+  getComponent({
+    emptySearchText: testEmptySearchText
+  });
+
+  _userEvent["default"].click(_testWrapper.screen.getByText(testSelectedItem));
+
+  _userEvent["default"].type(_testWrapper.screen.getByRole('searchbox'), '111');
+
+  expect(_testWrapper.screen.getByText(testEmptySearchText)).toBeInTheDocument();
+});
+test('should have no accessibility violations', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+  var _getComponent, container, results;
+
+  return _regenerator["default"].wrap(function _callee2$(_context2) {
+    while (1) {
+      switch (_context2.prev = _context2.next) {
+        case 0:
+          jest.useRealTimers();
+          _getComponent = getComponent(), container = _getComponent.container;
+          _context2.next = 4;
+          return (0, _jestAxe.axe)(container);
+
+        case 4:
+          results = _context2.sent;
+          expect(results).toHaveNoViolations();
+
+        case 6:
+        case "end":
+          return _context2.stop();
+      }
+    }
+  }, _callee2);
+})));

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

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+_Object$defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _EnvironmentBreadcrumb["default"];
+  }
+});
+
+var _EnvironmentBreadcrumb = _interopRequireDefault(require("./EnvironmentBreadcrumb"));

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);
   };