@atlaskit/help 7.1.24 → 7.1.26

package/dist/cjs/util/index.js

@@ -1,67 +1,46 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTypeTitle = exports.getTypeIcon = void 0;
-
 var _WhatsNewIcoExperiment = _interopRequireDefault(require("../assets/WhatsNewIcoExperiment"));
-
 var _WhatsNewIconFix = _interopRequireDefault(require("../assets/WhatsNewIconFix"));
-
 var _WhatsNewIconRemoved = _interopRequireDefault(require("../assets/WhatsNewIconRemoved"));
-
 var _WhatsNewIconImprovement = _interopRequireDefault(require("../assets/WhatsNewIconImprovement"));
-
 var _WhatsNewIconNew = _interopRequireDefault(require("../assets/WhatsNewIconNew"));
-
 var _WhatsNew = require("../model/WhatsNew");
-
 var _messages = require("../messages");
-
 var getTypeIcon = function getTypeIcon(itemType) {
   switch (itemType) {
     case _WhatsNew.WHATS_NEW_ITEM_TYPES.NEW_FEATURE:
       return (0, _WhatsNewIconNew.default)();
-
     case _WhatsNew.WHATS_NEW_ITEM_TYPES.EXPERIMENT:
       return (0, _WhatsNewIcoExperiment.default)();
-
     case _WhatsNew.WHATS_NEW_ITEM_TYPES.FIX:
       return (0, _WhatsNewIconFix.default)();
-
     case _WhatsNew.WHATS_NEW_ITEM_TYPES.IMPROVEMENT:
       return (0, _WhatsNewIconImprovement.default)();
-
     case _WhatsNew.WHATS_NEW_ITEM_TYPES.REMOVED:
       return (0, _WhatsNewIconRemoved.default)();
-
     default:
       return '';
   }
 };
-
 exports.getTypeIcon = getTypeIcon;
-
 var getTypeTitle = function getTypeTitle(itemType) {
   switch (itemType) {
     case _WhatsNew.WHATS_NEW_ITEM_TYPES.NEW_FEATURE:
       return _messages.messages.help_whats_new_filter_select_option_new;
-
     case _WhatsNew.WHATS_NEW_ITEM_TYPES.EXPERIMENT:
       return _messages.messages.help_whats_new_filter_select_option_experiment;
-
     case _WhatsNew.WHATS_NEW_ITEM_TYPES.FIX:
       return _messages.messages.help_whats_new_filter_select_option_fix;
-
     case _WhatsNew.WHATS_NEW_ITEM_TYPES.IMPROVEMENT:
       return _messages.messages.help_whats_new_filter_select_option_improvement;
-
     case _WhatsNew.WHATS_NEW_ITEM_TYPES.REMOVED:
       return _messages.messages.help_whats_new_filter_select_option_removed;
   }
 };
-
 exports.getTypeTitle = getTypeTitle;

package/dist/cjs/util/styled.js

@@ -1,41 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WhatsNewTypeIcon = exports.LoadingRectangle = exports.LoadingCircle = exports.DividerLine = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-
 var _core = require("@emotion/core");
-
 var _WhatsNew = require("../model/WhatsNew");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 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 DividerLine = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  height: 2px;\n  width: 100%;\n  padding: 0 ", "px;\n  margin-top: ", "px;\n  box-sizing: border-box;\n"])), "var(--ds-border, ".concat(colors.N30A, ")"), 2 * (0, _constants.gridSize)(), (0, _constants.gridSize)() * 2);
+
 /**
  * Loading container
  */
-
-
 exports.DividerLine = DividerLine;
 var shimmer = (0, _core.keyframes)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    0% {\n        background-position: -300px 0;\n    }\n    100% {\n        background-position: 1000px 0;\n    }\n"])));
-
 var LoadingRectangle = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: middle;\n  position: relative;\n  height: ", ";\n  margin-top: ", ";\n  width: ", ";\n  border-radius: 2px;\n  animation-duration: 1.2s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: ", ";\n  animation-timing-function: linear;\n  background-color: ", ";\n  background-image: linear-gradient(\n    to right,\n    ", " 10%,\n    ", " 20%,\n    ", " 30%\n  );\n  background-repeat: no-repeat;\n"])), function (props) {
   return props.contentHeight ? props.contentHeight : '1rem';
 }, function (props) {
@@ -43,13 +29,11 @@ var LoadingRectangle = _styled.default.div(_templateObject3 || (_templateObject3
 }, function (props) {
   return props.contentWidth ? props.contentWidth : '100%';
 }, shimmer, "var(--ds-background-neutral, ".concat(colors.N30, ")"), "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), "var(--ds-background-neutral, ".concat(colors.N40, ")"), "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"));
+
 /**
  * Loading Circle
  */
-
-
 exports.LoadingRectangle = LoadingRectangle;
-
 var LoadingCircle = _styled.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: middle;\n  position: relative;\n  height: ", ";\n  margin-top: ", ";\n  width: ", ";\n  border-radius: 50%;\n  animation-duration: 1.2s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: ", ";\n  animation-timing-function: linear;\n  background-color: ", ";\n  background-image: linear-gradient(\n    to right,\n    ", " 10%,\n    ", " 20%,\n    ", " 30%\n  );\n  background-repeat: no-repeat;\n"])), function (props) {
   return props.radius ? props.radius : "".concat((0, _constants.gridSize)() * 4, "px");
 }, function (props) {
@@ -57,35 +41,26 @@ var LoadingCircle = _styled.default.div(_templateObject4 || (_templateObject4 =
 }, function (props) {
   return props.radius ? props.radius : "".concat((0, _constants.gridSize)() * 4, "px");
 }, shimmer, "var(--ds-background-neutral, ".concat(colors.N30, ")"), "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), "var(--ds-background-neutral, ".concat(colors.N40, ")"), "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"));
+
 /**
  * What's new icon
  */
-
-
 exports.LoadingCircle = LoadingCircle;
-
 var WhatsNewTypeIcon = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: middle;\n  position: relative;\n  height: ", "px;\n  width: ", "px;\n  border-radius: 2px;\n  background-color: ", ";\n\n  & > img {\n    width: calc(100% - ", "px);\n    height: calc(100% - ", "px);\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n\n    & > svg {\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 2, function (_ref) {
   var type = _ref.type;
-
   switch (type) {
     case _WhatsNew.WHATS_NEW_ITEM_TYPES.IMPROVEMENT:
       return "var(--ds-icon-warning, ".concat(colors.Y200, ")");
-
     case _WhatsNew.WHATS_NEW_ITEM_TYPES.NEW_FEATURE:
       return "var(--ds-icon-success, ".concat(colors.G300, ")");
-
     case _WhatsNew.WHATS_NEW_ITEM_TYPES.FIX:
       return "var(--ds-icon-information, ".concat(colors.B500, ")");
-
     case _WhatsNew.WHATS_NEW_ITEM_TYPES.EXPERIMENT:
       return "var(--ds-icon-discovery, ".concat(colors.P500, ")");
-
     case _WhatsNew.WHATS_NEW_ITEM_TYPES.REMOVED:
       return "var(--ds-icon-disabled, ".concat(colors.N700, ")");
-
     default:
       return "var(--ds-icon, ".concat(colors.N400, ")");
   }
 }, (0, _constants.gridSize)() / 2, (0, _constants.gridSize)() / 2);
-
 exports.WhatsNewTypeIcon = WhatsNewTypeIcon;

package/dist/cjs/util/testing/mock.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getMockWhatsNewArticleItemList = exports.getMockWhatsNewArticleItem = exports.getMockWhatsNewArticle = exports.getMockArticleItemList = exports.getMockArticleItem = exports.getMockArticle = void 0;
-
 var _Article = require("../../model/Article");
-
 // Help article data
 var getMockArticle = function getMockArticle(id) {
   var routeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
@@ -30,9 +28,7 @@ var getMockArticle = function getMockArticle(id) {
     relatedArticles: getMockArticleItemList(10)
   };
 };
-
 exports.getMockArticle = getMockArticle;
-
 var getMockArticleItem = function getMockArticleItem(id) {
   var routeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   var routeGroup = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
@@ -53,22 +49,17 @@ var getMockArticleItem = function getMockArticleItem(id) {
     href: href
   };
 };
-
 exports.getMockArticleItem = getMockArticleItem;
-
 var getMockArticleItemList = function getMockArticleItemList(numberOfItems) {
   var articleItemList = [];
-
   for (var i = 0; i < numberOfItems; i++) {
     articleItemList.push(getMockArticleItem(i.toString()));
   }
-
   return articleItemList;
-}; // What's New article data
-
+};
 
+// What's New article data
 exports.getMockArticleItemList = getMockArticleItemList;
-
 var getMockWhatsNewArticle = function getMockWhatsNewArticle(id) {
   var routeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   var routeGroup = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
@@ -91,9 +82,7 @@ var getMockWhatsNewArticle = function getMockWhatsNewArticle(id) {
     relatedArticles: getMockArticleItemList(10)
   };
 };
-
 exports.getMockWhatsNewArticle = getMockWhatsNewArticle;
-
 var getMockWhatsNewArticleItem = function getMockWhatsNewArticleItem(id, type) {
   var title = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "Mock What's New article title";
   var description = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
@@ -111,17 +100,12 @@ var getMockWhatsNewArticleItem = function getMockWhatsNewArticleItem(id, type) {
     id: id
   };
 };
-
 exports.getMockWhatsNewArticleItem = getMockWhatsNewArticleItem;
-
 var getMockWhatsNewArticleItemList = function getMockWhatsNewArticleItemList(numberOfItems) {
   var articleItemList = [];
-
   for (var i = 0; i < numberOfItems; i++) {
     articleItemList.push(getMockWhatsNewArticleItem(i.toString()));
   }
-
   return articleItemList;
 };
-
 exports.getMockWhatsNewArticleItemList = getMockWhatsNewArticleItemList;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/help",
-	"version": "7.1.24",
+	"version": "7.1.26",
 	"sideEffects": false
 }

package/dist/es2019/components/Article/ArticleContent/index.js

@@ -12,7 +12,6 @@ export const ArticleContent = ({
   if (currentArticle && currentArticle.id) {
     if (currentArticle.type === ARTICLE_TYPE.HELP_ARTICLE) {
       const article = currentArticle.article;
-
       if (article && currentArticle.state === REQUEST_STATE.done) {
         return /*#__PURE__*/React.createElement(HelpArticle, {
           article: article
@@ -27,10 +26,8 @@ export const ArticleContent = ({
         });
       }
     }
-
     if (currentArticle.type === ARTICLE_TYPE.WHATS_NEW) {
       const article = currentArticle.article;
-
       if (article && currentArticle.state === REQUEST_STATE.done) {
         return /*#__PURE__*/React.createElement(WhatsNewArticle, {
           article: article
@@ -46,7 +43,6 @@ export const ArticleContent = ({
       }
     }
   }
-
   return null;
 };
 export default ArticleContent;

package/dist/es2019/components/Article/ArticleLoadingFail/index.js

@@ -20,23 +20,19 @@ export const ArticleLoadingFail = ({
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
-
   const handleOnTryAgainButtonClick = onTryAgainButtonClick && (event => {
     const analyticsEvent = createAnalyticsEvent({
       action: 'clicked'
     });
     onTryAgainButtonClick(event, analyticsEvent);
   });
-
   return /*#__PURE__*/React.createElement(LoadingErrorMessage, null, /*#__PURE__*/React.createElement(SomethingWrongImage, null), /*#__PURE__*/React.createElement("h2", null, formatMessage(messages.help_article_error_title)), /*#__PURE__*/React.createElement("p", null, formatMessage(messages.help_article_error_text)), /*#__PURE__*/React.createElement(LoadingErrorButtonContainer, null, handleOnTryAgainButtonClick && /*#__PURE__*/React.createElement(Button, {
     onClick: handleOnTryAgainButtonClick
   }, formatMessage(messages.help_article_error_button_label))));
 };
-
 const ArticleLoadingFailWithContext = props => {
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: ANALYTICS_CONTEXT_DATA
   }, /*#__PURE__*/React.createElement(ArticleLoadingFail, props));
 };
-
 export default injectIntl(ArticleLoadingFailWithContext);

package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulNoButton.js

@@ -19,7 +19,6 @@ export const ArticleWasHelpfulNoButton = ({
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
-
   const handleButtonClick = event => {
     if (onClick) {
       const analyticsEvent = createAnalyticsEvent({
@@ -28,17 +27,14 @@ export const ArticleWasHelpfulNoButton = ({
       onClick(event, analyticsEvent);
     }
   };
-
   return /*#__PURE__*/React.createElement(Button, {
     onClick: handleButtonClick,
     isSelected: isSelected
   }, formatMessage(messages.help_article_rating_option_no));
 };
-
 const ArticleWasHelpfulNoButtonWithContext = props => {
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: ANALYTICS_CONTEXT_DATA
   }, /*#__PURE__*/React.createElement(ArticleWasHelpfulNoButton, props));
 };
-
 export default injectIntl(ArticleWasHelpfulNoButtonWithContext);

package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulYesButton.js

@@ -19,7 +19,6 @@ export const ArticleWasHelpfulYesButton = ({
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
-
   const handleButtonClick = event => {
     if (onClick) {
       const analyticsEvent = createAnalyticsEvent({
@@ -28,17 +27,14 @@ export const ArticleWasHelpfulYesButton = ({
       onClick(event, analyticsEvent);
     }
   };
-
   return /*#__PURE__*/React.createElement(Button, {
     onClick: handleButtonClick,
     isSelected: isSelected
   }, formatMessage(messages.help_article_rating_option_yes));
 };
-
 const ArticleWasHelpfulYesButtonWithContext = props => {
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: ANALYTICS_CONTEXT_DATA
   }, /*#__PURE__*/React.createElement(ArticleWasHelpfulYesButton, props));
 };
-
 export default injectIntl(ArticleWasHelpfulYesButtonWithContext);

package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/index.js

@@ -10,9 +10,9 @@ import { RadioGroup } from '@atlaskit/radio';
 import { Checkbox } from '@atlaskit/checkbox';
 import TextArea from '@atlaskit/textarea';
 import { gridSize } from '@atlaskit/theme/constants';
-import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle'; // AFP-2532 TODO: Fix automatic suppressions below
+import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
+// AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
 import { colors } from '@atlaskit/theme';
 import { name as packageName, version as packageVersion } from '../../../../version.json';
 import { messages } from '../../../../messages';
@@ -56,35 +56,27 @@ export const ArticleWasHelpfulForm = ({
     value: 'noRelevant',
     label: formatMessage(messages.help_article_rating_relevant)
   }];
-
   const handleArticleWasHelpfulYesButtonClick = (onWasHelpfulYesButtonClick || onWasHelpfulSubmit) && ((event, analyticsEvent) => {
     if (onWasHelpfulYesButtonClick) {
       onWasHelpfulYesButtonClick(event, analyticsEvent);
     }
-
     setWasHelpful(true);
   });
-
   const handleArticleWasHelpfulNoButtonClick = (onWasHelpfulNoButtonClick || onWasHelpfulSubmit) && ((event, analyticsEvent) => {
     if (onWasHelpfulNoButtonClick) {
       onWasHelpfulNoButtonClick(event, analyticsEvent);
     }
-
     setWasHelpful(false);
   });
-
   const radioGroupReasonOnChange = event => {
     setFeedbackReason(event.currentTarget.value);
   };
-
   const feedbackReasonTextOnChange = event => {
     setFeedbackReasonText(event.currentTarget.value);
   };
-
   const checkboxContactMeOnChange = event => {
     setContactMe(event.currentTarget.checked);
   };
-
   const onFeedbackSubmitClick = () => {
     const feedback = {
       wasHelpful: wasHelpful,
@@ -94,7 +86,6 @@ export const ArticleWasHelpfulForm = ({
     };
     onFeedbackSubmit(feedback);
   };
-
   const onFeedbackSubmit = articleFeedback => {
     if (onWasHelpfulSubmit) {
       const analyticsEvent = createAnalyticsEvent({
@@ -116,11 +107,9 @@ export const ArticleWasHelpfulForm = ({
       });
     }
   };
-
   const onFeedbackSubmitCancel = () => {
     setWasHelpful(null);
   };
-
   const handleTryAgainOnClick = () => {
     const feedback = {
       wasHelpful: wasHelpful,
@@ -130,7 +119,6 @@ export const ArticleWasHelpfulForm = ({
     };
     onFeedbackSubmit(feedback);
   };
-
   if (!wasHelpfulFormSubmitedFailed) {
     if ((handleArticleWasHelpfulYesButtonClick || handleArticleWasHelpfulNoButtonClick) && !wasHelpfulFormSubmited) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ArticleFeedbackContainer, null, /*#__PURE__*/React.createElement(ArticleFeedbackText, {
@@ -211,14 +199,11 @@ export const ArticleWasHelpfulForm = ({
       onClick: handleTryAgainOnClick
     }, formatMessage(messages.help_article_rating_form_failed_try_again))))));
   }
-
   return null;
 };
-
 const ArticleWasHelpfulFormWithContext = props => {
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: ANALYTICS_CONTEXT_DATA
   }, /*#__PURE__*/React.createElement(ArticleWasHelpfulForm, props));
 };
-
 export default injectIntl(ArticleWasHelpfulFormWithContext);

package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/styled.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+
 import styled from '@emotion/styled';
 import { gridSize } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';

package/dist/es2019/components/Article/HelpArticle/index.js

@@ -29,25 +29,21 @@ export const HelpArticle = ({
   } = useRelatedArticlesContext();
   const handleOnWasHelpfulNoButtonClick = useCallback((event, analyticsEvent) => {
     const currentArticleItemData = getCurrentArticleItemData();
-
     if (onWasHelpfulNoButtonClick && currentArticleItemData) {
       onWasHelpfulNoButtonClick(event, analyticsEvent, currentArticleItemData);
     }
   }, [getCurrentArticleItemData, onWasHelpfulNoButtonClick]);
   const handleOnWasHelpfulYesButtonClick = useCallback((event, analyticsEvent) => {
     const currentArticleItemData = getCurrentArticleItemData();
-
     if (onWasHelpfulYesButtonClick && currentArticleItemData) {
       onWasHelpfulYesButtonClick(event, analyticsEvent, currentArticleItemData);
     }
   }, [getCurrentArticleItemData, onWasHelpfulYesButtonClick]);
   const handleOnWasHelpfulSubmit = useCallback((analyticsEvent, articleFeedback) => {
     const currentArticleItemData = getCurrentArticleItemData();
-
     if (onWasHelpfulSubmit && currentArticleItemData) {
       return onWasHelpfulSubmit(analyticsEvent, articleFeedback, currentArticleItemData);
     }
-
     return Promise.resolve(false);
   }, [getCurrentArticleItemData, onWasHelpfulSubmit]);
   const handleOnRelatedArticlesListItemClick = useCallback((event, analyticsEvent, articleData) => {
@@ -55,7 +51,6 @@ export const HelpArticle = ({
       analyticsEvent.payload.origin = 'relatedArticleOfOpenArticle';
       onRelatedArticlesListItemClick(event, analyticsEvent, articleData);
     }
-
     openArticle({
       id: articleData.id,
       type: ARTICLE_TYPE.HELP_ARTICLE
@@ -67,19 +62,15 @@ export const HelpArticle = ({
       packageName,
       packageVersion
     };
-
     if (onRelatedArticlesShowMoreClick) {
       onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);
     }
   }, [onRelatedArticlesShowMoreClick]);
-
   if (isLoading) {
     return /*#__PURE__*/React.createElement(Loading, null);
   }
-
   if (article) {
     var _article$routes, _article$routes2;
-
     const routeGroup = article.routes && ((_article$routes = article.routes) === null || _article$routes === void 0 ? void 0 : _article$routes.length) > 0 ? article.routes[0].routeGroup : '';
     const routeName = article.routes && ((_article$routes2 = article.routes) === null || _article$routes2 === void 0 ? void 0 : _article$routes2.length) > 0 ? article.routes[0].routeGroup : '';
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HelpArticleContent, {
@@ -100,7 +91,6 @@ export const HelpArticle = ({
       onRelatedArticlesShowMoreClick: handleOnRelatedArticlesShowMoreClick
     }));
   }
-
   return null;
 };
 export default HelpArticle;

package/dist/es2019/components/Article/WhatsNewArticle/index.js

@@ -27,7 +27,6 @@ export const WhatsNewArticle = ({
   if (isLoading) {
     return /*#__PURE__*/React.createElement(Loading, null);
   }
-
   if (article) {
     const typeTitle = article.type ? formatMessage(getTypeTitle(article.type)) : '';
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WhatsNewIconContainer, null, /*#__PURE__*/React.createElement(WhatsNewTypeIcon, {
@@ -62,14 +61,11 @@ export const WhatsNewArticle = ({
       label: ""
     }))))));
   }
-
   return null;
 };
-
 const WhatsNewArticleWithContext = props => {
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: analyticsContextData
   }, /*#__PURE__*/React.createElement(WhatsNewArticle, props));
 };
-
 export default injectIntl(WhatsNewArticleWithContext);

package/dist/es2019/components/Article/index.js

@@ -46,7 +46,6 @@ export const Article = () => {
       articleContainerRef.current.scrollTop = 0;
     }
   }, [history]);
-
   const onArticleEntered = () => {
     onArticleEnteredTimeout.current = window.setTimeout(() => {
       // if skipArticleSlideInAnimation is true, set to false after the
@@ -57,16 +56,13 @@ export const Article = () => {
       }
     }, SLIDEIN_OVERLAY_TRANSITION_DURATION_MS);
   };
-
   const onArticleExit = () => {
     clearTimeout(onArticleEnteredTimeout.current);
   };
-
   const handleOnHelpArticleLoadingFailTryAgainButtonClick = useCallback((event, analyticsEvent) => {
     if (onHelpArticleLoadingFailTryAgainButtonClick) {
       onHelpArticleLoadingFailTryAgainButtonClick(event, analyticsEvent, articleId);
     }
-
     if (reloadHelpArticle && currentArticle) {
       reloadHelpArticle(currentArticle);
     }
@@ -75,14 +71,12 @@ export const Article = () => {
     if (onHelpArticleLoadingFailTryAgainButtonClick) {
       onHelpArticleLoadingFailTryAgainButtonClick(event, analyticsEvent, articleId);
     }
-
     if (reloadWhatsNewArticle && currentArticle) {
       reloadWhatsNewArticle(currentArticle);
     }
   }, [currentArticle, articleId, onHelpArticleLoadingFailTryAgainButtonClick, reloadWhatsNewArticle]);
   useEffect(() => {
     clearTimeout(onCurrentArticleChangedTimeout.current);
-
     if (currentArticleValue) {
       setCurrentArticle(currentArticleValue);
     } else {
@@ -109,7 +103,8 @@ export const Article = () => {
   }, state => {
     return /*#__PURE__*/React.createElement(ArticleContainer, {
       ref: articleContainerRef,
-      style: { ...defaultStyle,
+      style: {
+        ...defaultStyle,
         ...transitionStyles[state],
         ...enableTransition[!skipArticleSlideInAnimation ? 'enabled' : 'disabled']
       }

package/dist/es2019/components/Article/styled.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+
 import styled from '@emotion/styled';
 import { gridSize } from '@atlaskit/theme/constants';
 export const ArticleContainer = styled.div`

package/dist/es2019/components/ArticlesList/ArticlesList.js

@@ -4,7 +4,6 @@ import { N30 } from '@atlaskit/theme/colors';
 import AnimateHeight from 'react-animate-height';
 import ArticlesListItem from './ArticlesListItem';
 import { MIN_ITEMS_TO_DISPLAY, ANIMATE_HEIGHT_TRANSITION_DURATION_MS } from './constants';
-
 const getStyles = style => {
   if (style === 'secondary') {
     return {
@@ -13,14 +12,12 @@ const getStyles = style => {
       marginBottom: `${gridSize() * 1.5}px`
     };
   }
-
   return {
     border: 0,
     padding: `${gridSize()}px`,
     marginBottom: 0
   };
 };
-
 const articlesList = ({
   style = 'primary',
   articles = [],
@@ -58,5 +55,4 @@ const articlesList = ({
   key: article.id,
   href: article.href
 }))));
-
 export default articlesList;

package/dist/es2019/components/ArticlesList/ArticlesListItem/index.js

@@ -20,10 +20,8 @@ export const ArticlesListItem = ({
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
-
   const handleOnClick = event => {
     event.preventDefault();
-
     if (onClick) {
       const analyticsEvent = createAnalyticsEvent({
         action: 'clicked'
@@ -31,7 +29,6 @@ export const ArticlesListItem = ({
       onClick(event, analyticsEvent);
     }
   };
-
   return /*#__PURE__*/React.createElement(ArticlesListItemWrapper, {
     styles: styles,
     "aria-disabled": "false",
@@ -45,11 +42,9 @@ export const ArticlesListItem = ({
     secondaryColor: `var(--ds-icon-subtle, ${colors.N90})`
   })))), /*#__PURE__*/React.createElement(ArticlesListItemDescription, null, description));
 };
-
 const ArticlesListItemWithContext = props => {
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: ANALYTICS_CONTEXT_DATA
   }, /*#__PURE__*/React.createElement(ArticlesListItem, props));
 };
-
 export default injectIntl(ArticlesListItemWithContext);