@pingux/astro 2.0.2 → 2.0.3-alpha.1

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

@@ -51,23 +51,22 @@ var Default = function Default(args) {
   return (0, _react2.jsx)(_index.Breadcrumbs, (0, _extends2["default"])({
     onAction: onAction
   }, args), (0, _react2.jsx)(_reactStately.Item, {
-    key: "home",
     "aria-label": "home",
-    variant: "buttons.link",
     "data-id": "home",
-    href: "https://www.pingidentity.com"
+    href: "https://www.pingidentity.com",
+    key: "home",
+    variant: "buttons.link"
   }, "Home"), (0, _react2.jsx)(_reactStately.Item, {
-    key: "trendy",
     "aria-label": "trendy",
-    variant: "buttons.link",
     "data-id": "trendy",
-    href: "https://www.pingidentity.com"
+    href: "https://www.pingidentity.com",
+    key: "trendy",
+    variant: "buttons.link"
   }, "Trendy"), (0, _react2.jsx)(_reactStately.Item, {
-    key: "march 2020 assets",
     "aria-label": "march-2020-assets",
-    variant: "buttons.link",
     "data-id": "march",
-    href: "https://www.pingidentity.com"
+    key: "march 2020 assets",
+    variant: "buttons.link"
   }, "March 2020 Assets"));
 };
 exports.Default = Default;

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

@@ -58,32 +58,32 @@ var _default = {
   }
 };
 exports["default"] = _default;
+var loremText = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.';
 var messages = [{
   key: 'message1',
-  text: 'Here\'s a very neutral thing'
+  text: loremText
 }, {
   key: 'message2',
-  text: 'Form saved successfully',
+  text: loremText,
   status: 'success'
 }, {
   key: 'message3',
-  text: 'Something unexpected happened.',
+  text: loremText,
   status: 'warning'
 }, {
   key: 'message4',
-  text: 'Not saved! We could not validate one of the fields. Please see inline message below.',
+  text: loremText,
   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)(_index.Messages, args, (0, _react2.jsx)(_reactStately.Item, {
     key: "message1",
     "data-id": "message1"
-  }, "Here is a very neutral thing"), (0, _react2.jsx)(_reactStately.Item, {
+  }, loremText), (0, _react2.jsx)(_reactStately.Item, {
     key: "message2",
     "data-id": "message2",
     status: "success"
-  }, "Form saved successfully"));
+  }, loremText));
 };
 exports.Default = Default;
 var DefaultDynamic = function DefaultDynamic(args) {
@@ -135,7 +135,7 @@ var ControlledWithButton = function ControlledWithButton(args) {
     var _context;
     setItems((0, _concat["default"])(_context = []).call(_context, items, [{
       key: "message".concat(items.length + 1),
-      text: messageText[Math.floor(Math.random() * 6)],
+      text: loremText,
       status: (0, _values["default"])(_statuses["default"])[Math.floor(Math.random() * 4)]
     }]));
   };
@@ -166,15 +166,7 @@ var WithCustomColorsAndIcons = function WithCustomColorsAndIcons(args) {
     bg: "accent.99",
     color: "active",
     icon: _AccountIcon["default"]
-  }, "We have to take a look with this camera."), (0, _react2.jsx)(_reactStately.Item, {
-    bg: "accent.99",
-    color: "active",
-    icon: _AccountIcon["default"]
-  }, "Who said that? SURE you can die! You want to die?! Oh yeah, good luck with that. Stop! Do not shoot fire stick in space canoe! Cause explosive decompression!"), (0, _react2.jsx)(_reactStately.Item, {
-    bg: "accent.99",
-    color: "active",
-    icon: _AccountIcon["default"]
-  }, "Oh God, what have I done?"));
+  }, loremText));
 };
 exports.WithCustomColorsAndIcons = WithCustomColorsAndIcons;
 var UseReducer = function UseReducer() {
@@ -197,8 +189,7 @@ var UseReducer = function UseReducer() {
     dispatch = _useReducer2[1];
   var showAMessage = function showAMessage() {
     var actionFn = [_index2.messagesReducerStory.actions.showSuccessMessage, _index2.messagesReducerStory.actions.showErrorMessage, _index2.messagesReducerStory.actions.showWarningMessage][Math.floor(Math.random() * 3)];
-    var message = messageText[Math.floor(Math.random() * 6)];
-    actionFn(message)(dispatch);
+    actionFn(loremText)(dispatch);
   };
   var removeMessage = function removeMessage(key) {
     dispatch(_index2.messagesReducerStory.actions.hideMessage(key));
@@ -231,8 +222,7 @@ var UseReducerWithMultipleContainers = function UseReducerWithMultipleContainers
     dispatch = _useReducer4[1];
   var showAMessage = function showAMessage(container) {
     var actionFn = [_index2.multiMessagesReducerStory.actions.showSuccessMessage, _index2.multiMessagesReducerStory.actions.showCriticalMessage, _index2.multiMessagesReducerStory.actions.showWarningMessage][Math.floor(Math.random() * 3)];
-    var message = messageText[Math.floor(Math.random() * 6)];
-    actionFn(container, message)(dispatch);
+    actionFn(container, loremText)(dispatch);
   };
   var removeMessage = function removeMessage(key, container) {
     dispatch(_index2.multiMessagesReducerStory.actions.hideMessage(container, key));
@@ -277,18 +267,18 @@ exports.UseReducerWithMultipleContainers = UseReducerWithMultipleContainers;
 var WithTextStyling = function WithTextStyling(args) {
   var items = [{
     key: 'message1',
-    node: (0, _react2.jsx)("strong", null, "Here is a very neutral thing")
+    node: (0, _react2.jsx)("strong", null, loremText)
   }, {
     key: 'message2',
-    text: 'Form saved successfully',
+    text: loremText,
     status: 'success'
   }, {
     key: 'message3',
-    text: 'Something unexpected happened.',
+    text: loremText,
     status: 'warning'
   }, {
     key: 'message4',
-    node: (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("b", null, "Not saved! "), "We could not validate one of the fields. Please see inline message below."),
+    node: (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("b", null, "Lorem Ipsum! "), loremText),
     status: 'error'
   }];
   return (0, _react2.jsx)(_index.Messages, (0, _extends2["default"])({}, args, {

package/lib/components/Breadcrumbs/Breadcrumbs.stories.js

@@ -42,22 +42,21 @@ export var Default = function Default(args) {
   return ___EmotionJSX(Breadcrumbs, _extends({
     onAction: onAction
   }, args), ___EmotionJSX(Item, {
-    key: "home",
     "aria-label": "home",
-    variant: "buttons.link",
     "data-id": "home",
-    href: "https://www.pingidentity.com"
+    href: "https://www.pingidentity.com",
+    key: "home",
+    variant: "buttons.link"
   }, "Home"), ___EmotionJSX(Item, {
-    key: "trendy",
     "aria-label": "trendy",
-    variant: "buttons.link",
     "data-id": "trendy",
-    href: "https://www.pingidentity.com"
+    href: "https://www.pingidentity.com",
+    key: "trendy",
+    variant: "buttons.link"
   }, "Trendy"), ___EmotionJSX(Item, {
-    key: "march 2020 assets",
     "aria-label": "march-2020-assets",
-    variant: "buttons.link",
     "data-id": "march",
-    href: "https://www.pingidentity.com"
+    key: "march 2020 assets",
+    variant: "buttons.link"
   }, "March 2020 Assets"));
 };

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

@@ -45,32 +45,32 @@ export default {
     }
   }
 };
+var loremText = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.';
 var messages = [{
   key: 'message1',
-  text: 'Here\'s a very neutral thing'
+  text: loremText
 }, {
   key: 'message2',
-  text: 'Form saved successfully',
+  text: loremText,
   status: 'success'
 }, {
   key: 'message3',
-  text: 'Something unexpected happened.',
+  text: loremText,
   status: 'warning'
 }, {
   key: 'message4',
-  text: 'Not saved! We could not validate one of the fields. Please see inline message below.',
+  text: loremText,
   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."];
 export var Default = function Default(args) {
   return ___EmotionJSX(Messages, args, ___EmotionJSX(Item, {
     key: "message1",
     "data-id": "message1"
-  }, "Here is a very neutral thing"), ___EmotionJSX(Item, {
+  }, loremText), ___EmotionJSX(Item, {
     key: "message2",
     "data-id": "message2",
     status: "success"
-  }, "Form saved successfully"));
+  }, loremText));
 };
 export var DefaultDynamic = function DefaultDynamic(args) {
   return (
@@ -119,7 +119,7 @@ export var ControlledWithButton = function ControlledWithButton(args) {
     var _context;
     setItems(_concatInstanceProperty(_context = []).call(_context, items, [{
       key: "message".concat(items.length + 1),
-      text: messageText[Math.floor(Math.random() * 6)],
+      text: loremText,
       status: _Object$values(statuses)[Math.floor(Math.random() * 4)]
     }]));
   };
@@ -149,15 +149,7 @@ export var WithCustomColorsAndIcons = function WithCustomColorsAndIcons(args) {
     bg: "accent.99",
     color: "active",
     icon: AccountIcon
-  }, "We have to take a look with this camera."), ___EmotionJSX(Item, {
-    bg: "accent.99",
-    color: "active",
-    icon: AccountIcon
-  }, "Who said that? SURE you can die! You want to die?! Oh yeah, good luck with that. Stop! Do not shoot fire stick in space canoe! Cause explosive decompression!"), ___EmotionJSX(Item, {
-    bg: "accent.99",
-    color: "active",
-    icon: AccountIcon
-  }, "Oh God, what have I done?"));
+  }, loremText));
 };
 export var UseReducer = function UseReducer() {
   // import { messagesReducer as messagesReducerCore } from '@pingux/astro';
@@ -179,8 +171,7 @@ export var UseReducer = function UseReducer() {
     dispatch = _useReducer2[1];
   var showAMessage = function showAMessage() {
     var actionFn = [messagesReducer.actions.showSuccessMessage, messagesReducer.actions.showErrorMessage, messagesReducer.actions.showWarningMessage][Math.floor(Math.random() * 3)];
-    var message = messageText[Math.floor(Math.random() * 6)];
-    actionFn(message)(dispatch);
+    actionFn(loremText)(dispatch);
   };
   var removeMessage = function removeMessage(key) {
     dispatch(messagesReducer.actions.hideMessage(key));
@@ -212,8 +203,7 @@ export var UseReducerWithMultipleContainers = function UseReducerWithMultipleCon
     dispatch = _useReducer4[1];
   var showAMessage = function showAMessage(container) {
     var actionFn = [multiMessagesReducer.actions.showSuccessMessage, multiMessagesReducer.actions.showCriticalMessage, multiMessagesReducer.actions.showWarningMessage][Math.floor(Math.random() * 3)];
-    var message = messageText[Math.floor(Math.random() * 6)];
-    actionFn(container, message)(dispatch);
+    actionFn(container, loremText)(dispatch);
   };
   var removeMessage = function removeMessage(key, container) {
     dispatch(multiMessagesReducer.actions.hideMessage(container, key));
@@ -257,18 +247,18 @@ export var UseReducerWithMultipleContainers = function UseReducerWithMultipleCon
 export var WithTextStyling = function WithTextStyling(args) {
   var items = [{
     key: 'message1',
-    node: ___EmotionJSX("strong", null, "Here is a very neutral thing")
+    node: ___EmotionJSX("strong", null, loremText)
   }, {
     key: 'message2',
-    text: 'Form saved successfully',
+    text: loremText,
     status: 'success'
   }, {
     key: 'message3',
-    text: 'Something unexpected happened.',
+    text: loremText,
     status: 'warning'
   }, {
     key: 'message4',
-    node: ___EmotionJSX(React.Fragment, null, ___EmotionJSX("b", null, "Not saved! "), "We could not validate one of the fields. Please see inline message below."),
+    node: ___EmotionJSX(React.Fragment, null, ___EmotionJSX("b", null, "Lorem Ipsum! "), loremText),
     status: 'error'
   }];
   return ___EmotionJSX(Messages, _extends({}, args, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.0.2",
+  "version": "2.0.3-alpha.1",
   "description": "PingUX themeable React component library",
   "repository": {
     "type": "git",