@pingux/astro 2.0.0-alpha.1 → 2.0.0-alpha.5

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

@@ -1,18 +1,14 @@
 "use strict";
 
 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
 });
-
 _Object$defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _MenuItem["default"];
   }
 });
-
 var _MenuItem = _interopRequireDefault(require("./MenuItem"));

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

@@ -1,63 +1,39 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.ARIA_STATUSES = void 0;
-
 var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _CloseIcon = _interopRequireDefault(require("mdi-react/CloseIcon"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _NoticeIcon = require("../Icon/NoticeIcon");
-
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-
-var _useStatusClasses4 = _interopRequireDefault(require("../../hooks/useStatusClasses"));
-
 var _ = require("../..");
-
+var _useStatusClasses4 = _interopRequireDefault(require("../../hooks/useStatusClasses"));
+var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
+var _NoticeIcon = require("../Icon/NoticeIcon");
 var _react2 = require("@emotion/react");
-
 var _excluded = ["color"];
-
 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; }
-
 var ARIA_STATUSES = {
   SUCCESS: 'Success Message',
   ERROR: 'Error Message',
   WARNING: 'Warning Message'
 };
 exports.ARIA_STATUSES = ARIA_STATUSES;
-
 var CloseButton = function CloseButton(_ref) {
   var color = _ref.color,
-      others = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    others = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return (0, _react2.jsx)(_.IconButton, (0, _extends2["default"])({
     "aria-label": "Close"
   }, others), (0, _react2.jsx)(_.Icon, {
@@ -70,63 +46,55 @@ var CloseButton = function CloseButton(_ref) {
     }
   }));
 };
-
 CloseButton.propTypes = {
   color: _propTypes["default"].string
 };
 var Message = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   var className = _ref2.className,
-      item = _ref2.item,
-      onClose = _ref2.onClose;
+    item = _ref2.item,
+    onClose = _ref2.onClose;
   var key = item.key,
-      itemProps = item.props;
+    itemProps = item.props;
   var children = itemProps.children,
-      _itemProps$status = itemProps.status,
-      status = _itemProps$status === void 0 ? 'default' : _itemProps$status,
-      bg = itemProps.bg,
-      color = itemProps.color,
-      icon = itemProps.icon,
-      _itemProps$isHidden = itemProps.isHidden,
-      isHidden = _itemProps$isHidden === void 0 ? false : _itemProps$isHidden,
-      dataId = itemProps['data-id'];
-
+    _itemProps$status = itemProps.status,
+    status = _itemProps$status === void 0 ? 'default' : _itemProps$status,
+    bg = itemProps.bg,
+    color = itemProps.color,
+    icon = itemProps.icon,
+    _itemProps$isHidden = itemProps.isHidden,
+    isHidden = _itemProps$isHidden === void 0 ? false : _itemProps$isHidden,
+    dataId = itemProps['data-id'];
   var _useStatusClasses = (0, _useStatusClasses4["default"])(className, (0, _defineProperty2["default"])({}, "is-".concat(status), true)),
-      statusClasses = _useStatusClasses.classNames;
-
+    statusClasses = _useStatusClasses.classNames;
   var onCloseHandler = function onCloseHandler() {
     if (onClose) {
       onClose(key);
     }
   };
-
   var innerRef = (0, _react.useRef)(null);
-
   var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      innerHeight = _useState2[0],
-      setInnerHeight = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    innerHeight = _useState2[0],
+    setInnerHeight = _useState2[1];
   (0, _react.useLayoutEffect)(function () {
     setInnerHeight(innerRef.current.clientHeight);
   }, [children]);
-
   var _useStatusClasses3 = (0, _useStatusClasses4["default"])(className, {
-    isHidden: isHidden
-  }),
-      wrapperClasses = _useStatusClasses3.classNames;
-
+      isHidden: isHidden
+    }),
+    wrapperClasses = _useStatusClasses3.classNames;
   var ariaStatus = function ariaStatus(ariaStatusClass) {
     if (ariaStatusClass === 'is-success') {
       return ARIA_STATUSES.SUCCESS;
-    } else if (ariaStatusClass === 'is-error') {
+    }
+    if (ariaStatusClass === 'is-error') {
       return ARIA_STATUSES.ERROR;
-    } else if (ariaStatusClass === 'is-warning') {
+    }
+    if (ariaStatusClass === 'is-warning') {
       return ARIA_STATUSES.WARNING;
     }
-
     return '';
   };
-
   var messageIconProps = {
     className: statusClasses,
     color: color,
@@ -172,25 +140,19 @@ Message.propTypes = {
     key: _propTypes["default"].string,
     props: _propTypes["default"].shape({
       children: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-
       /* status changes the background, text, and button color accordingly */
       status: _propTypes["default"].oneOf((0, _values["default"])(_statuses["default"])),
-
       /* Background color */
       bg: _propTypes["default"].string,
-
       /* Text color */
       color: _propTypes["default"].string,
-
       /* Message icon */
       icon: _propTypes["default"].elementType,
-
       /* Hides the message with an animated transition */
       isHidden: _propTypes["default"].bool,
       'data-id': _propTypes["default"].string
     })
   }),
-
   /* Callback for clicking the message's close button */
   onClose: _propTypes["default"].func
 };

package/lib/cjs/components/Messages/Message.styles.js

@@ -1,11 +1,9 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.messageCloseButton = exports["default"] = void 0;
 var wrapper = {
   position: 'absolute',

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

@@ -1,61 +1,39 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = void 0;
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
-
 var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _list = require("@react-stately/list");
-
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-
-var _Message = _interopRequireDefault(require("./Message"));
-
 var _Box = _interopRequireDefault(require("../Box"));
-
+var _Message = _interopRequireDefault(require("./Message"));
 var _react2 = require("@emotion/react");
-
 var _excluded = ["items", "onClose"];
-
 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; }
-
 /**
  *Messages are intended to display non-critical alerts that
  attract the users’ attention, but do not interfere or temporarily block their work.
  */
+
 var Messages = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _context;
-
   var items = props.items,
-      onClose = props.onClose,
-      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    onClose = props.onClose,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var state = (0, _list.useListState)(props);
   return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
     ref: ref,
@@ -76,7 +54,6 @@ Messages.propTypes = {
     status: _propTypes["default"].oneOf((0, _values["default"])(_statuses["default"])),
     node: _propTypes["default"].node
   })),
-
   /* Callback for clicking the message's close button */
   onClose: _propTypes["default"].func
 };

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

@@ -1,42 +1,26 @@
 "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({
@@ -45,7 +29,6 @@ var makeShowMessage = function makeShowMessage(status, timeout) {
     }, timeout);
   };
 };
-
 var makeMultiShowMessage = function makeMultiShowMessage(status, timeout) {
   return function (container, text) {
     return multiMessagesReducer.actions.showMessage(container, {
@@ -54,7 +37,6 @@ var makeMultiShowMessage = function makeMultiShowMessage(status, timeout) {
     }, timeout);
   };
 };
-
 messagesReducer.actions = _objectSpread(_objectSpread({}, messagesReducer.actions), {}, {
   showSuccessMessage: makeShowMessage('success', 3000),
   showErrorMessage: makeShowMessage('error', -1),

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

@@ -1,71 +1,39 @@
 "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 _filterInstanceProperty2 = 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 _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.WithTextStyling = exports.WithCustomColorsAndIcons = exports.UseReducerWithMultipleContainers = exports.UseReducer = exports.DefaultDynamic = exports.Default = exports.ControlledWithButton = exports.Controlled = void 0;
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
-
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _AccountIcon = _interopRequireDefault(require("mdi-react/AccountIcon"));
-
 var _reactStately = require("react-stately");
-
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-
+var _AccountIcon = _interopRequireDefault(require("mdi-react/AccountIcon"));
 var _ = require("../..");
-
+var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 var _index = require("./index");
-
 var _react2 = require("@emotion/react");
-
 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 = _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; }
-
 var _default = {
   title: 'Components/Messages',
   component: _.Messages,
@@ -107,7 +75,6 @@ var messages = [{
   status: 'error'
 }];
 var messageText = ['WINDMILLS DO NOT WORK THAT WAY! GOOD NIGHT! Oh yeah, good luck with that.', "Oh no! The professor will hit me! But if Zoidberg 'fixes' it… then perhaps gifts! You've killed me! Oh, you've killed me!", 'Does anybody else feel jealous and aroused and worried?', "Stop it, stop it. It's fine. I will 'destroy' you! Um, is this the boring, peaceful kind of taking to the streets?", "She also liked to shut up! Fry! Stay back! He's too powerful!", "This opera's as lousy as it is brilliant! Your lyrics lack subtlety. You can't just have your characters announce how they feel."];
-
 var Default = function Default(args) {
   return (0, _react2.jsx)(_.Messages, args, (0, _react2.jsx)(_reactStately.Item, {
     key: "message1",
@@ -118,11 +85,10 @@ var Default = function Default(args) {
     status: "success"
   }, "Form saved successfully"));
 };
-
 exports.Default = Default;
-
 var DefaultDynamic = function DefaultDynamic(args) {
-  return (// messages = [{...}]
+  return (
+    // messages = [{...}]
     (0, _react2.jsx)(_.Messages, (0, _extends2["default"])({}, args, {
       items: messages
     }), function (item) {
@@ -130,20 +96,16 @@ var DefaultDynamic = function DefaultDynamic(args) {
     })
   );
 };
-
 exports.DefaultDynamic = DefaultDynamic;
-
 var Controlled = function Controlled(args) {
   // messages = [{...}]
   var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      items = _useState2[0],
-      setItems = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    items = _useState2[0],
+    setItems = _useState2[1];
   (0, _react.useEffect)(function () {
     setItems(messages);
   }, []);
-
   var removeMessage = function removeMessage(key) {
     setItems((0, _map["default"])(items).call(items, function (item) {
       return item.key === key ? _objectSpread(_objectSpread({}, item), {}, {
@@ -156,7 +118,6 @@ var Controlled = function Controlled(args) {
       }));
     }, 200);
   };
-
   return (0, _react2.jsx)(_.Messages, (0, _extends2["default"])({}, args, {
     items: items,
     onClose: removeMessage
@@ -164,25 +125,20 @@ var Controlled = function Controlled(args) {
     return (0, _react2.jsx)(_reactStately.Item, item, item.text);
   });
 };
-
 exports.Controlled = Controlled;
-
 var ControlledWithButton = function ControlledWithButton(args) {
   var _useState3 = (0, _react.useState)([]),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      items = _useState4[0],
-      setItems = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    items = _useState4[0],
+    setItems = _useState4[1];
   var addMessage = function addMessage() {
     var _context;
-
     setItems((0, _concat["default"])(_context = []).call(_context, items, [{
       key: "message".concat(items.length + 1),
       text: messageText[Math.floor(Math.random() * 6)],
       status: (0, _values["default"])(_statuses["default"])[Math.floor(Math.random() * 4)]
     }]));
   };
-
   var removeMessage = function removeMessage(key) {
     setItems((0, _map["default"])(items).call(items, function (item) {
       return item.key === key ? _objectSpread(_objectSpread({}, item), {}, {
@@ -195,7 +151,6 @@ var ControlledWithButton = function ControlledWithButton(args) {
       }));
     }, 200);
   };
-
   return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Button, {
     onPress: addMessage
   }, "Click me!"), (0, _react2.jsx)(_.Messages, (0, _extends2["default"])({}, args, {
@@ -205,9 +160,7 @@ var ControlledWithButton = function ControlledWithButton(args) {
     return (0, _react2.jsx)(_reactStately.Item, item, item.text);
   }));
 };
-
 exports.ControlledWithButton = ControlledWithButton;
-
 var WithCustomColorsAndIcons = function WithCustomColorsAndIcons(args) {
   return (0, _react2.jsx)(_.Messages, args, (0, _react2.jsx)(_reactStately.Item, {
     bg: "accent.99",
@@ -223,9 +176,7 @@ var WithCustomColorsAndIcons = function WithCustomColorsAndIcons(args) {
     icon: _AccountIcon["default"]
   }, "Oh God, what have I done?"));
 };
-
 exports.WithCustomColorsAndIcons = WithCustomColorsAndIcons;
-
 var UseReducer = function UseReducer() {
   // import { messagesReducer as messagesReducerCore } from '@pingux/astro';
   // const messagesReducer = messagesReducerCore;
@@ -239,24 +190,22 @@ var UseReducer = function UseReducer() {
   //   showErrorMessage: makeShowMessage('error', -1),
   //   showWarningMessage: makeShowMessage('warning', -1),
   // };
-  var _useReducer = (0, _react.useReducer)(_index.messagesReducerStory),
-      _useReducer2 = (0, _slicedToArray2["default"])(_useReducer, 2),
-      items = _useReducer2[0],
-      dispatch = _useReducer2[1];
 
+  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 = [_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(_index.messagesReducerStory.actions.hideMessage(key));
     (0, _setTimeout2["default"])(function () {
       return dispatch(_index.messagesReducerStory.actions.removeMessage(key));
     }, 200);
   };
-
   return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Button, {
     onPress: showAMessage
   }, "Add Message"), (items === null || items === void 0 ? void 0 : items.length) > 0 && (0, _react2.jsx)(_.Button, {
@@ -271,31 +220,26 @@ var UseReducer = function UseReducer() {
     return (0, _react2.jsx)(_reactStately.Item, item, item.text);
   }));
 };
-
 exports.UseReducer = UseReducer;
-
 var UseReducerWithMultipleContainers = function UseReducerWithMultipleContainers() {
   var _useReducer3 = (0, _react.useReducer)(_index.multiMessagesReducerStory, {
-    'container-one': [],
-    'container-two': []
-  }),
-      _useReducer4 = (0, _slicedToArray2["default"])(_useReducer3, 2),
-      items = _useReducer4[0],
-      dispatch = _useReducer4[1];
-
+      'container-one': [],
+      'container-two': []
+    }),
+    _useReducer4 = (0, _slicedToArray2["default"])(_useReducer3, 2),
+    items = _useReducer4[0],
+    dispatch = _useReducer4[1];
   var showAMessage = function showAMessage(container) {
     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(_index.multiMessagesReducerStory.actions.hideMessage(container, key));
     (0, _setTimeout2["default"])(function () {
       return dispatch(_index.multiMessagesReducerStory.actions.removeMessage(container, key));
     }, 200);
   };
-
   return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Box, {
     isRow: true
   }, (0, _react2.jsx)(_.Button, {
@@ -329,9 +273,7 @@ var UseReducerWithMultipleContainers = function UseReducerWithMultipleContainers
     return (0, _react2.jsx)(_reactStately.Item, item, item.text);
   }));
 };
-
 exports.UseReducerWithMultipleContainers = UseReducerWithMultipleContainers;
-
 var WithTextStyling = function WithTextStyling(args) {
   var items = [{
     key: 'message1',
@@ -355,5 +297,4 @@ var WithTextStyling = function WithTextStyling(args) {
     return (0, _react2.jsx)(_reactStately.Item, item, item.node || item.text);
   });
 };
-
 exports.WithTextStyling = WithTextStyling;