@atlaskit/help 7.1.24 → 7.1.26

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

@@ -11,33 +11,27 @@ var ANALYTICS_CONTEXT_DATA = {
 };
 export var ArticleWasHelpfulNoButton = function ArticleWasHelpfulNoButton(_ref) {
   var _ref$isSelected = _ref.isSelected,
-      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
-      onClick = _ref.onClick,
-      formatMessage = _ref.intl.formatMessage;
-
+    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+    onClick = _ref.onClick,
+    formatMessage = _ref.intl.formatMessage;
   var _useAnalyticsEvents = useAnalyticsEvents(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var handleButtonClick = function handleButtonClick(event) {
     if (onClick) {
       var _analyticsEvent = createAnalyticsEvent({
         action: 'clicked'
       });
-
       onClick(event, _analyticsEvent);
     }
   };
-
   return /*#__PURE__*/React.createElement(Button, {
     onClick: handleButtonClick,
     isSelected: isSelected
   }, formatMessage(messages.help_article_rating_option_no));
 };
-
 var ArticleWasHelpfulNoButtonWithContext = function ArticleWasHelpfulNoButtonWithContext(props) {
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: ANALYTICS_CONTEXT_DATA
   }, /*#__PURE__*/React.createElement(ArticleWasHelpfulNoButton, props));
 };
-
 export default injectIntl(ArticleWasHelpfulNoButtonWithContext);

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

@@ -11,33 +11,27 @@ var ANALYTICS_CONTEXT_DATA = {
 };
 export var ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,
-      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
-      onClick = _ref.onClick,
-      formatMessage = _ref.intl.formatMessage;
-
+    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+    onClick = _ref.onClick,
+    formatMessage = _ref.intl.formatMessage;
   var _useAnalyticsEvents = useAnalyticsEvents(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var handleButtonClick = function handleButtonClick(event) {
     if (onClick) {
       var _analyticsEvent = createAnalyticsEvent({
         action: 'clicked'
       });
-
       onClick(event, _analyticsEvent);
     }
   };
-
   return /*#__PURE__*/React.createElement(Button, {
     onClick: handleButtonClick,
     isSelected: isSelected
   }, formatMessage(messages.help_article_rating_option_yes));
 };
-
 var ArticleWasHelpfulYesButtonWithContext = function ArticleWasHelpfulYesButtonWithContext(props) {
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: ANALYTICS_CONTEXT_DATA
   }, /*#__PURE__*/React.createElement(ArticleWasHelpfulYesButton, props));
 };
-
 export default injectIntl(ArticleWasHelpfulYesButtonWithContext);

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

@@ -11,9 +11,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';
@@ -28,48 +28,39 @@ var ANALYTICS_CONTEXT_DATA = {
 };
 export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
   var onWasHelpfulSubmit = _ref.onWasHelpfulSubmit,
-      onWasHelpfulYesButtonClick = _ref.onWasHelpfulYesButtonClick,
-      onWasHelpfulNoButtonClick = _ref.onWasHelpfulNoButtonClick,
-      formatMessage = _ref.intl.formatMessage;
-
+    onWasHelpfulYesButtonClick = _ref.onWasHelpfulYesButtonClick,
+    onWasHelpfulNoButtonClick = _ref.onWasHelpfulNoButtonClick,
+    formatMessage = _ref.intl.formatMessage;
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      wasHelpful = _useState2[0],
-      setWasHelpful = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    wasHelpful = _useState2[0],
+    setWasHelpful = _useState2[1];
   var _useState3 = useState(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      feedbackReason = _useState4[0],
-      setFeedbackReason = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    feedbackReason = _useState4[0],
+    setFeedbackReason = _useState4[1];
   var _useState5 = useState(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      feedbackReasonText = _useState6[0],
-      setFeedbackReasonText = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    feedbackReasonText = _useState6[0],
+    setFeedbackReasonText = _useState6[1];
   var _useState7 = useState(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      contactMe = _useState8[0],
-      setContactMe = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    contactMe = _useState8[0],
+    setContactMe = _useState8[1];
   var _useState9 = useState(false),
-      _useState10 = _slicedToArray(_useState9, 2),
-      wasHelpfulFormSubmited = _useState10[0],
-      setWasHelpfulFormSubmited = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    wasHelpfulFormSubmited = _useState10[0],
+    setWasHelpfulFormSubmited = _useState10[1];
   var _useState11 = useState(false),
-      _useState12 = _slicedToArray(_useState11, 2),
-      wasHelpfulFormSubmitLoading = _useState12[0],
-      setWasHelpfulFormSubmitLoading = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    wasHelpfulFormSubmitLoading = _useState12[0],
+    setWasHelpfulFormSubmitLoading = _useState12[1];
   var _useState13 = useState(false),
-      _useState14 = _slicedToArray(_useState13, 2),
-      wasHelpfulFormSubmitedFailed = _useState14[0],
-      setWasHelpfulFormSubmitedFailed = _useState14[1];
-
+    _useState14 = _slicedToArray(_useState13, 2),
+    wasHelpfulFormSubmitedFailed = _useState14[0],
+    setWasHelpfulFormSubmitedFailed = _useState14[1];
   var _useAnalyticsEvents = useAnalyticsEvents(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var negativeFeedbackReason = [{
     name: 'negativeFeedbackReason',
     value: 'noAccurate',
@@ -83,35 +74,27 @@ export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
     value: 'noRelevant',
     label: formatMessage(messages.help_article_rating_relevant)
   }];
-
   var handleArticleWasHelpfulYesButtonClick = (onWasHelpfulYesButtonClick || onWasHelpfulSubmit) && function (event, analyticsEvent) {
     if (onWasHelpfulYesButtonClick) {
       onWasHelpfulYesButtonClick(event, analyticsEvent);
     }
-
     setWasHelpful(true);
   };
-
   var handleArticleWasHelpfulNoButtonClick = (onWasHelpfulNoButtonClick || onWasHelpfulSubmit) && function (event, analyticsEvent) {
     if (onWasHelpfulNoButtonClick) {
       onWasHelpfulNoButtonClick(event, analyticsEvent);
     }
-
     setWasHelpful(false);
   };
-
   var radioGroupReasonOnChange = function radioGroupReasonOnChange(event) {
     setFeedbackReason(event.currentTarget.value);
   };
-
   var feedbackReasonTextOnChange = function feedbackReasonTextOnChange(event) {
     setFeedbackReasonText(event.currentTarget.value);
   };
-
   var checkboxContactMeOnChange = function checkboxContactMeOnChange(event) {
     setContactMe(event.currentTarget.checked);
   };
-
   var onFeedbackSubmitClick = function onFeedbackSubmitClick() {
     var feedback = {
       wasHelpful: wasHelpful,
@@ -121,13 +104,11 @@ export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
     };
     onFeedbackSubmit(feedback);
   };
-
   var onFeedbackSubmit = function onFeedbackSubmit(articleFeedback) {
     if (onWasHelpfulSubmit) {
       var _analyticsEvent = createAnalyticsEvent({
         action: 'clicked'
       });
-
       setWasHelpfulFormSubmitLoading(true);
       onWasHelpfulSubmit(_analyticsEvent, articleFeedback).then(function () {
         setWasHelpfulFormSubmitLoading(false);
@@ -144,11 +125,9 @@ export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
       });
     }
   };
-
   var onFeedbackSubmitCancel = function onFeedbackSubmitCancel() {
     setWasHelpful(null);
   };
-
   var handleTryAgainOnClick = function handleTryAgainOnClick() {
     var feedback = {
       wasHelpful: wasHelpful,
@@ -158,7 +137,6 @@ export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
     };
     onFeedbackSubmit(feedback);
   };
-
   if (!wasHelpfulFormSubmitedFailed) {
     if ((handleArticleWasHelpfulYesButtonClick || handleArticleWasHelpfulNoButtonClick) && !wasHelpfulFormSubmited) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ArticleFeedbackContainer, null, /*#__PURE__*/React.createElement(ArticleFeedbackText, {
@@ -241,14 +219,11 @@ export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
       onClick: handleTryAgainOnClick
     }, formatMessage(messages.help_article_rating_form_failed_try_again))))));
   }
-
   return null;
 };
-
 var ArticleWasHelpfulFormWithContext = function ArticleWasHelpfulFormWithContext(props) {
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: ANALYTICS_CONTEXT_DATA
   }, /*#__PURE__*/React.createElement(ArticleWasHelpfulForm, props));
 };
-
 export default injectIntl(ArticleWasHelpfulFormWithContext);

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

@@ -1,8 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 /** @jsx jsx */
+
 import styled from '@emotion/styled';
 import { gridSize } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';

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

@@ -11,43 +11,35 @@ import WasHelpfulForm from './WasHelpfulForm';
 import Loading from './Loading';
 export var HelpArticle = function HelpArticle(_ref) {
   var article = _ref.article,
-      isLoading = _ref.isLoading;
-
+    isLoading = _ref.isLoading;
   var _useNavigationContext = useNavigationContext(),
-      openArticle = _useNavigationContext.openArticle,
-      getCurrentArticleItemData = _useNavigationContext.getCurrentArticleItemData;
-
+    openArticle = _useNavigationContext.openArticle,
+    getCurrentArticleItemData = _useNavigationContext.getCurrentArticleItemData;
   var _useHelpArticleContex = useHelpArticleContext(),
-      onWasHelpfulNoButtonClick = _useHelpArticleContex.onWasHelpfulNoButtonClick,
-      onWasHelpfulYesButtonClick = _useHelpArticleContex.onWasHelpfulYesButtonClick,
-      onWasHelpfulSubmit = _useHelpArticleContex.onWasHelpfulSubmit;
-
+    onWasHelpfulNoButtonClick = _useHelpArticleContex.onWasHelpfulNoButtonClick,
+    onWasHelpfulYesButtonClick = _useHelpArticleContex.onWasHelpfulYesButtonClick,
+    onWasHelpfulSubmit = _useHelpArticleContex.onWasHelpfulSubmit;
   var _useRelatedArticlesCo = useRelatedArticlesContext(),
-      onRelatedArticlesListItemClick = _useRelatedArticlesCo.onRelatedArticlesListItemClick,
-      onRelatedArticlesShowMoreClick = _useRelatedArticlesCo.onRelatedArticlesShowMoreClick,
-      onGetRelatedArticles = _useRelatedArticlesCo.onGetRelatedArticles;
-
+    onRelatedArticlesListItemClick = _useRelatedArticlesCo.onRelatedArticlesListItemClick,
+    onRelatedArticlesShowMoreClick = _useRelatedArticlesCo.onRelatedArticlesShowMoreClick,
+    onGetRelatedArticles = _useRelatedArticlesCo.onGetRelatedArticles;
   var handleOnWasHelpfulNoButtonClick = useCallback(function (event, analyticsEvent) {
     var currentArticleItemData = getCurrentArticleItemData();
-
     if (onWasHelpfulNoButtonClick && currentArticleItemData) {
       onWasHelpfulNoButtonClick(event, analyticsEvent, currentArticleItemData);
     }
   }, [getCurrentArticleItemData, onWasHelpfulNoButtonClick]);
   var handleOnWasHelpfulYesButtonClick = useCallback(function (event, analyticsEvent) {
     var currentArticleItemData = getCurrentArticleItemData();
-
     if (onWasHelpfulYesButtonClick && currentArticleItemData) {
       onWasHelpfulYesButtonClick(event, analyticsEvent, currentArticleItemData);
     }
   }, [getCurrentArticleItemData, onWasHelpfulYesButtonClick]);
   var handleOnWasHelpfulSubmit = useCallback(function (analyticsEvent, articleFeedback) {
     var currentArticleItemData = getCurrentArticleItemData();
-
     if (onWasHelpfulSubmit && currentArticleItemData) {
       return onWasHelpfulSubmit(analyticsEvent, articleFeedback, currentArticleItemData);
     }
-
     return Promise.resolve(false);
   }, [getCurrentArticleItemData, onWasHelpfulSubmit]);
   var handleOnRelatedArticlesListItemClick = useCallback(function (event, analyticsEvent, articleData) {
@@ -55,7 +47,6 @@ export var HelpArticle = function HelpArticle(_ref) {
       analyticsEvent.payload.origin = 'relatedArticleOfOpenArticle';
       onRelatedArticlesListItemClick(event, analyticsEvent, articleData);
     }
-
     openArticle({
       id: articleData.id,
       type: ARTICLE_TYPE.HELP_ARTICLE
@@ -67,19 +58,15 @@ export var HelpArticle = function HelpArticle(_ref) {
       packageName: packageName,
       packageVersion: packageVersion
     };
-
     if (onRelatedArticlesShowMoreClick) {
       onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);
     }
   }, [onRelatedArticlesShowMoreClick]);
-
   if (isLoading) {
     return /*#__PURE__*/React.createElement(Loading, null);
   }
-
   if (article) {
     var _article$routes, _article$routes2;
-
     var routeGroup = article.routes && ((_article$routes = article.routes) === null || _article$routes === void 0 ? void 0 : _article$routes.length) > 0 ? article.routes[0].routeGroup : '';
     var 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 +87,6 @@ export var HelpArticle = function HelpArticle(_ref) {
       onRelatedArticlesShowMoreClick: handleOnRelatedArticlesShowMoreClick
     }));
   }
-
   return null;
 };
 export default HelpArticle;

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

@@ -19,13 +19,11 @@ var analyticsContextData = {
 };
 export var WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,
-      article = _ref.article,
-      isLoading = _ref.isLoading;
-
+    article = _ref.article,
+    isLoading = _ref.isLoading;
   if (isLoading) {
     return /*#__PURE__*/React.createElement(Loading, null);
   }
-
   if (article) {
     var typeTitle = article.type ? formatMessage(getTypeTitle(article.type)) : '';
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WhatsNewIconContainer, null, /*#__PURE__*/React.createElement(WhatsNewTypeIcon, {
@@ -60,14 +58,11 @@ export var WhatsNewArticle = function WhatsNewArticle(_ref) {
       label: ""
     }))))));
   }
-
   return null;
 };
-
 var WhatsNewArticleWithContext = function WhatsNewArticleWithContext(props) {
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: analyticsContextData
   }, /*#__PURE__*/React.createElement(WhatsNewArticle, props));
 };
-
 export default injectIntl(WhatsNewArticleWithContext);

package/dist/esm/components/Article/WhatsNewArticle/styled.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 /** @jsx jsx */
 import styled from '@emotion/styled';
 import { fontSize, fontSizeSmall, gridSize } from '@atlaskit/theme/constants';

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

@@ -1,10 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React, { useState, useLayoutEffect, useRef, useEffect, useCallback } from 'react';
 import { Transition } from 'react-transition-group';
 import { useNavigationContext } from '../contexts/navigationContext';
@@ -31,33 +28,27 @@ var transitionStyles = {
 };
 export var Article = function Article() {
   var _useNavigationContext = useNavigationContext(),
-      view = _useNavigationContext.view,
-      articleId = _useNavigationContext.articleId,
-      history = _useNavigationContext.history,
-      getCurrentArticle = _useNavigationContext.getCurrentArticle,
-      reloadHelpArticle = _useNavigationContext.reloadHelpArticle,
-      reloadWhatsNewArticle = _useNavigationContext.reloadWhatsNewArticle;
-
+    view = _useNavigationContext.view,
+    articleId = _useNavigationContext.articleId,
+    history = _useNavigationContext.history,
+    getCurrentArticle = _useNavigationContext.getCurrentArticle,
+    reloadHelpArticle = _useNavigationContext.reloadHelpArticle,
+    reloadWhatsNewArticle = _useNavigationContext.reloadWhatsNewArticle;
   var _useHelpArticleContex = useHelpArticleContext(),
-      onHelpArticleLoadingFailTryAgainButtonClick = _useHelpArticleContex.onHelpArticleLoadingFailTryAgainButtonClick;
-
+    onHelpArticleLoadingFailTryAgainButtonClick = _useHelpArticleContex.onHelpArticleLoadingFailTryAgainButtonClick;
   var _useState = useState((articleId === null || articleId === void 0 ? void 0 : articleId.id) !== '' || (history ? history.length : []) > 0),
-      _useState2 = _slicedToArray(_useState, 2),
-      skipArticleSlideInAnimation = _useState2[0],
-      setSkipArticleSlideInAnimation = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    skipArticleSlideInAnimation = _useState2[0],
+    setSkipArticleSlideInAnimation = _useState2[1];
   var _useState3 = useState(skipArticleSlideInAnimation),
-      _useState4 = _slicedToArray(_useState3, 2),
-      showArticle = _useState4[0],
-      setShowArticle = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    showArticle = _useState4[0],
+    setShowArticle = _useState4[1];
   var currentArticleValue = getCurrentArticle();
-
   var _useState5 = useState(currentArticleValue),
-      _useState6 = _slicedToArray(_useState5, 2),
-      currentArticle = _useState6[0],
-      setCurrentArticle = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    currentArticle = _useState6[0],
+    setCurrentArticle = _useState6[1];
   var articleContainerRef = useRef(null);
   var onArticleEnteredTimeout = useRef();
   var onCurrentArticleChangedTimeout = useRef();
@@ -66,7 +57,6 @@ export var Article = function Article() {
       articleContainerRef.current.scrollTop = 0;
     }
   }, [history]);
-
   var onArticleEntered = function onArticleEntered() {
     onArticleEnteredTimeout.current = window.setTimeout(function () {
       // if skipArticleSlideInAnimation is true, set to false after the
@@ -77,16 +67,13 @@ export var Article = function Article() {
       }
     }, SLIDEIN_OVERLAY_TRANSITION_DURATION_MS);
   };
-
   var onArticleExit = function onArticleExit() {
     clearTimeout(onArticleEnteredTimeout.current);
   };
-
   var handleOnHelpArticleLoadingFailTryAgainButtonClick = useCallback(function (event, analyticsEvent) {
     if (onHelpArticleLoadingFailTryAgainButtonClick) {
       onHelpArticleLoadingFailTryAgainButtonClick(event, analyticsEvent, articleId);
     }
-
     if (reloadHelpArticle && currentArticle) {
       reloadHelpArticle(currentArticle);
     }
@@ -95,14 +82,12 @@ export var Article = function Article() {
     if (onHelpArticleLoadingFailTryAgainButtonClick) {
       onHelpArticleLoadingFailTryAgainButtonClick(event, analyticsEvent, articleId);
     }
-
     if (reloadWhatsNewArticle && currentArticle) {
       reloadWhatsNewArticle(currentArticle);
     }
   }, [currentArticle, articleId, onHelpArticleLoadingFailTryAgainButtonClick, reloadWhatsNewArticle]);
   useEffect(function () {
     clearTimeout(onCurrentArticleChangedTimeout.current);
-
     if (currentArticleValue) {
       setCurrentArticle(currentArticleValue);
     } else {

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

@@ -1,8 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 /** @jsx jsx */
+
 import styled from '@emotion/styled';
 import { gridSize } from '@atlaskit/theme/constants';
 export var ArticleContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: ", "px ", "px;\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  top: 0;\n  background-color: ", ";\n  left: 100%;\n  flex: 1;\n  flex-direction: column;\n  box-sizing: border-box;\n  overflow-x: hidden;\n  overflow-y: auto;\n  z-index: 2;\n"])), gridSize() * 2, gridSize() * 3, "var(--ds-surface, #FFFFFF)");

package/dist/esm/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';
-
 var getStyles = function getStyles(style) {
   if (style === 'secondary') {
     return {
@@ -13,24 +12,22 @@ var getStyles = function getStyles(style) {
       marginBottom: "".concat(gridSize() * 1.5, "px")
     };
   }
-
   return {
     border: 0,
     padding: "".concat(gridSize(), "px"),
     marginBottom: 0
   };
 };
-
 var articlesList = function articlesList(_ref) {
   var _ref$style = _ref.style,
-      style = _ref$style === void 0 ? 'primary' : _ref$style,
-      _ref$articles = _ref.articles,
-      articles = _ref$articles === void 0 ? [] : _ref$articles,
-      _ref$minItemsToDispla = _ref.minItemsToDisplay,
-      minItemsToDisplay = _ref$minItemsToDispla === void 0 ? MIN_ITEMS_TO_DISPLAY : _ref$minItemsToDispla,
-      _ref$numberOfArticles = _ref.numberOfArticlesToDisplay,
-      numberOfArticlesToDisplay = _ref$numberOfArticles === void 0 ? MIN_ITEMS_TO_DISPLAY : _ref$numberOfArticles,
-      onArticlesListItemClick = _ref.onArticlesListItemClick;
+    style = _ref$style === void 0 ? 'primary' : _ref$style,
+    _ref$articles = _ref.articles,
+    articles = _ref$articles === void 0 ? [] : _ref$articles,
+    _ref$minItemsToDispla = _ref.minItemsToDisplay,
+    minItemsToDisplay = _ref$minItemsToDispla === void 0 ? MIN_ITEMS_TO_DISPLAY : _ref$minItemsToDispla,
+    _ref$numberOfArticles = _ref.numberOfArticlesToDisplay,
+    numberOfArticlesToDisplay = _ref$numberOfArticles === void 0 ? MIN_ITEMS_TO_DISPLAY : _ref$numberOfArticles,
+    onArticlesListItemClick = _ref.onArticlesListItemClick;
   return articles && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, articles.slice(0, minItemsToDisplay).map(function (article) {
     return /*#__PURE__*/React.createElement(ArticlesListItem, {
       styles: getStyles(style),
@@ -65,5 +62,4 @@ var articlesList = function articlesList(_ref) {
     });
   })));
 };
-
 export default articlesList;

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

@@ -12,27 +12,22 @@ var ANALYTICS_CONTEXT_DATA = {
 };
 export var ArticlesListItem = function ArticlesListItem(_ref) {
   var styles = _ref.styles,
-      title = _ref.title,
-      description = _ref.description,
-      _ref$href = _ref.href,
-      href = _ref$href === void 0 ? '' : _ref$href,
-      onClick = _ref.onClick;
-
+    title = _ref.title,
+    description = _ref.description,
+    _ref$href = _ref.href,
+    href = _ref$href === void 0 ? '' : _ref$href,
+    onClick = _ref.onClick;
   var _useAnalyticsEvents = useAnalyticsEvents(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var handleOnClick = function handleOnClick(event) {
     event.preventDefault();
-
     if (onClick) {
       var _analyticsEvent = createAnalyticsEvent({
         action: 'clicked'
       });
-
       onClick(event, _analyticsEvent);
     }
   };
-
   return /*#__PURE__*/React.createElement(ArticlesListItemWrapper, {
     styles: styles,
     "aria-disabled": "false",
@@ -46,11 +41,9 @@ export var ArticlesListItem = function ArticlesListItem(_ref) {
     secondaryColor: "var(--ds-icon-subtle, ".concat(colors.N90, ")")
   })))), /*#__PURE__*/React.createElement(ArticlesListItemDescription, null, description));
 };
-
 var ArticlesListItemWithContext = function ArticlesListItemWithContext(props) {
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: ANALYTICS_CONTEXT_DATA
   }, /*#__PURE__*/React.createElement(ArticlesListItem, props));
 };
-
 export default injectIntl(ArticlesListItemWithContext);

package/dist/esm/components/ArticlesList/ArticlesListItem/styled.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 /** @jsx jsx */
 import styled from '@emotion/styled';
 import { fontSize, gridSize } from '@atlaskit/theme/constants';

package/dist/esm/components/ArticlesList/index.js

@@ -4,44 +4,35 @@ import ArticlesList from './ArticlesList';
 import ShowMoreButton from '../ShowMoreButton';
 import { ArticlesListContainer } from './styled';
 import { MIN_ITEMS_TO_DISPLAY } from './constants';
-
 var ArticleList = function ArticleList(_ref) {
   var style = _ref.style,
-      articles = _ref.articles,
-      minItemsToDisplay = _ref.minItemsToDisplay,
-      maxItemsToDisplay = _ref.maxItemsToDisplay,
-      onArticlesListItemClick = _ref.onArticlesListItemClick,
-      onToggleArticlesList = _ref.onToggleArticlesList;
-
+    articles = _ref.articles,
+    minItemsToDisplay = _ref.minItemsToDisplay,
+    maxItemsToDisplay = _ref.maxItemsToDisplay,
+    onArticlesListItemClick = _ref.onArticlesListItemClick,
+    onToggleArticlesList = _ref.onToggleArticlesList;
   var _useState = useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      showMoreToggled = _useState2[0],
-      setShowMoreToggled = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    showMoreToggled = _useState2[0],
+    setShowMoreToggled = _useState2[1];
   var getMinItemsToDisplay = function getMinItemsToDisplay() {
     return minItemsToDisplay ? minItemsToDisplay : MIN_ITEMS_TO_DISPLAY;
   };
-
   var getMaxItemsToDisplay = function getMaxItemsToDisplay() {
     if (articles) {
       return maxItemsToDisplay ? maxItemsToDisplay : articles.length;
     }
-
     return 0;
   };
-
   var getNumberOfArticlesToDisplay = function getNumberOfArticlesToDisplay(showMoreToggeled) {
     return showMoreToggeled ? getMinItemsToDisplay() : getMaxItemsToDisplay();
   };
-
   var toggleArticlesList = function toggleArticlesList(event, analyticsEvent) {
     setShowMoreToggled(!showMoreToggled);
-
     if (onToggleArticlesList) {
       onToggleArticlesList(event, analyticsEvent, !showMoreToggled);
     }
   };
-
   return articles && articles.length > 0 ? /*#__PURE__*/React.createElement(ArticlesListContainer, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ArticlesList, {
     style: style,
     onArticlesListItemClick: onArticlesListItemClick,
@@ -55,5 +46,4 @@ var ArticleList = function ArticleList(_ref) {
     itemsType: "articles"
   }))) : null;
 };
-
 export default ArticleList;