@atlaskit/help 4.2.3 → 6.0.0

package/CHANGELOG.md

@@ -1,5 +1,73 @@
 # @atlaskit/help
 
+## 6.0.0
+
+### Major Changes
+
+- [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages
+
+  What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with actual installed react-intl APIs.
+  Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
+  How consumer should update their code: Ensure react-intl ^5.18.1 is installed in consuming applications.
+
+  Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider for the new version, using an npm alias
+
+  ```js
+  "react-intl": "^2.6.0",
+  "react-intl-next": "npm:react-intl@^5.18.1",
+  ```
+
+  ```js
+  import { IntlProvider } from 'react-intl';
+  import { IntlProvider as IntlNextProvider } from 'react-intl-next';
+
+  return (
+    <IntlProvider
+      key={locale}
+      data-test-language={locale}
+      locale={locale}
+      defaultLocale={DEFAULT_LOCALE}
+      messages={messages}
+    >
+      <IntlNextProvider
+        key={locale}
+        data-test-language={locale}
+        locale={locale}
+        defaultLocale={DEFAULT_LOCALE}
+        messages={messages}
+      >
+        {children}
+      </IntlNextProvider>
+    </IntlProvider>
+  );
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
+## 5.0.0
+
+### Major Changes
+
+- [`32b50ca58d5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/32b50ca58d5) - [ux] Fix dead end in the navigation when the user is in "What's new" and uses the search input (the one in the header) and then navigates back
+
+### Patch Changes
+
+- [`cf3cf4a8671`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf3cf4a8671) - [ux] Display a message in the What's new section if the API doesn't return any results
+
+## 4.3.0
+
+### Minor Changes
+
+- [`bdd0be2c294`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bdd0be2c294) - [ux] Update navigation logic
+
+## 4.2.4
+
+### Patch Changes
+
+- [`9f016391674`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9f016391674) - [ux] Display error message when the "What's new" API fails
+
 ## 4.2.3
 
 ### Patch Changes

package/dist/cjs/analytics.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultAnalyticsAttributes = exports.createAndFire = exports.withAnalyticsContext = exports.withAnalyticsEvents = void 0;
+exports.withAnalyticsEvents = exports.withAnalyticsContext = exports.defaultAnalyticsAttributes = exports.createAndFire = void 0;
 
 var x = _interopRequireWildcard(require("@atlaskit/analytics-next"));
 

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

@@ -24,7 +24,7 @@ var ArticleContent = function ArticleContent(_ref) {
       onHelpArticleLoadingFailTryAgainButtonClick = _ref.onHelpArticleLoadingFailTryAgainButtonClick,
       onWhatsNewArticleLoadingFailTryAgainButtonClick = _ref.onWhatsNewArticleLoadingFailTryAgainButtonClick;
 
-  if (currentArticle) {
+  if (currentArticle && currentArticle.id) {
     if (currentArticle.type === _Help.ARTICLE_TYPE.HELP_ARTICLE) {
       var article = currentArticle.article;
 

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

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _analyticsNext = require("@atlaskit/analytics-next");
 
@@ -56,6 +56,6 @@ var ArticleLoadingFailWithContext = function ArticleLoadingFailWithContext(props
   }, /*#__PURE__*/_react.default.createElement(ArticleLoadingFail, props));
 };
 
-var _default = (0, _reactIntl.injectIntl)(ArticleLoadingFailWithContext);
+var _default = (0, _reactIntlNext.injectIntl)(ArticleLoadingFailWithContext);
 
 exports.default = _default;

package/dist/cjs/components/Article/ArticleLoadingFail/styled.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LoadingErrorButtonContainer = exports.LoadingErrorMessage = void 0;
+exports.LoadingErrorMessage = exports.LoadingErrorButtonContainer = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

package/dist/cjs/components/Article/HelpArticle/Loading/index.js

@@ -9,7 +9,7 @@ exports.default = exports.Loading = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _messages = require("../../../../messages");
 
@@ -36,6 +36,6 @@ var Loading = function Loading(_ref) {
 
 exports.Loading = Loading;
 
-var _default = (0, _reactIntl.injectIntl)(Loading);
+var _default = (0, _reactIntlNext.injectIntl)(Loading);
 
 exports.default = _default;

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

@@ -9,7 +9,7 @@ exports.default = exports.ArticleWasHelpfulNoButton = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _analyticsNext = require("@atlaskit/analytics-next");
 
@@ -58,6 +58,6 @@ var ArticleWasHelpfulNoButtonWithContext = function ArticleWasHelpfulNoButtonWit
   }, /*#__PURE__*/_react.default.createElement(ArticleWasHelpfulNoButton, props));
 };
 
-var _default = (0, _reactIntl.injectIntl)(ArticleWasHelpfulNoButtonWithContext);
+var _default = (0, _reactIntlNext.injectIntl)(ArticleWasHelpfulNoButtonWithContext);
 
 exports.default = _default;

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

@@ -9,7 +9,7 @@ exports.default = exports.ArticleWasHelpfulYesButton = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _analyticsNext = require("@atlaskit/analytics-next");
 
@@ -58,6 +58,6 @@ var ArticleWasHelpfulYesButtonWithContext = function ArticleWasHelpfulYesButtonW
   }, /*#__PURE__*/_react.default.createElement(ArticleWasHelpfulYesButton, props));
 };
 
-var _default = (0, _reactIntl.injectIntl)(ArticleWasHelpfulYesButtonWithContext);
+var _default = (0, _reactIntlNext.injectIntl)(ArticleWasHelpfulYesButtonWithContext);
 
 exports.default = _default;

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

@@ -15,7 +15,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _analyticsNext = require("@atlaskit/analytics-next");
 
@@ -289,6 +289,6 @@ var ArticleWasHelpfulFormWithContext = function ArticleWasHelpfulFormWithContext
   }, /*#__PURE__*/_react.default.createElement(ArticleWasHelpfulForm, props));
 };
 
-var _default = (0, _reactIntl.injectIntl)(ArticleWasHelpfulFormWithContext);
+var _default = (0, _reactIntlNext.injectIntl)(ArticleWasHelpfulFormWithContext);
 
 exports.default = _default;

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

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ArticleFeedbackAnswerWrapper = exports.ArticleFeedbackText = exports.ArticleFeedbackContainer = void 0;
+exports.ArticleFeedbackText = exports.ArticleFeedbackContainer = exports.ArticleFeedbackAnswerWrapper = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

package/dist/cjs/components/Article/WhatsNewArticle/Loading/index.js

@@ -9,7 +9,7 @@ exports.default = exports.Loading = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _constants = require("@atlaskit/theme/constants");
 
@@ -45,6 +45,6 @@ var Loading = function Loading(_ref) {
 
 exports.Loading = Loading;
 
-var _default = (0, _reactIntl.injectIntl)(Loading);
+var _default = (0, _reactIntlNext.injectIntl)(Loading);
 
 exports.default = _default;

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

@@ -11,7 +11,7 @@ exports.default = exports.WhatsNewArticle = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _helpArticle = _interopRequireWildcard(require("@atlaskit/help-article"));
 
@@ -100,6 +100,6 @@ var WhatsNewArticleWithContext = function WhatsNewArticleWithContext(props) {
   }, /*#__PURE__*/_react.default.createElement(WhatsNewArticle, props));
 };
 
-var _default = (0, _reactIntl.injectIntl)(WhatsNewArticleWithContext);
+var _default = (0, _reactIntlNext.injectIntl)(WhatsNewArticleWithContext);
 
 exports.default = _default;

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

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ExternalLinkIconContainer = exports.RelatedLinkContainer = exports.WhatsNewRelatedLinksTitleText = exports.WhatsNewTitleText = exports.WhatsNewIconContainer = exports.WhatsNewTypeTitle = void 0;
+exports.WhatsNewTypeTitle = exports.WhatsNewTitleText = exports.WhatsNewRelatedLinksTitleText = exports.WhatsNewIconContainer = exports.RelatedLinkContainer = exports.ExternalLinkIconContainer = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

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

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ArticlesListItem = exports.getTypeTitle = void 0;
+exports.getTypeTitle = exports.default = exports.ArticlesListItem = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -17,7 +17,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _version = require("../../../version.json");
 
@@ -94,6 +94,6 @@ var ArticlesListItemWithContext = function ArticlesListItemWithContext(props) {
   }, /*#__PURE__*/_react.default.createElement(ArticlesListItem, props));
 };
 
-var _default = (0, _reactIntl.injectIntl)(ArticlesListItemWithContext);
+var _default = (0, _reactIntlNext.injectIntl)(ArticlesListItemWithContext);
 
 exports.default = _default;

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

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ArticlesListItemDescription = exports.ArticlesListItemTitleText = exports.ArticlesListItemLinkIcon = exports.ArticlesListItemTypeTitle = exports.ArticlesListItemContainer = exports.ArticlesListItemWrapper = void 0;
+exports.ArticlesListItemWrapper = exports.ArticlesListItemTypeTitle = exports.ArticlesListItemTitleText = exports.ArticlesListItemLinkIcon = exports.ArticlesListItemDescription = exports.ArticlesListItemContainer = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

package/dist/cjs/components/ArticlesList/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ANIMATE_HEIGHT_TRANSITION_DURATION_MS = exports.MIN_ITEMS_TO_DISPLAY = void 0;
+exports.MIN_ITEMS_TO_DISPLAY = exports.ANIMATE_HEIGHT_TRANSITION_DURATION_MS = void 0;
 var MIN_ITEMS_TO_DISPLAY = 3;
 exports.MIN_ITEMS_TO_DISPLAY = MIN_ITEMS_TO_DISPLAY;
 var ANIMATE_HEIGHT_TRANSITION_DURATION_MS = 220;

package/dist/cjs/components/ArticlesList/styled.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ToggleShowMoreArticlesContainer = exports.ArticlesListContainer = exports.truncate = void 0;
+exports.truncate = exports.ToggleShowMoreArticlesContainer = exports.ArticlesListContainer = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

package/dist/cjs/components/HelpContent.js

@@ -70,9 +70,7 @@ var HelpContent = function HelpContent(_ref) {
   var _useHeaderContext = (0, _headerContext.useHeaderContext)(),
       onBackButtonClick = _useHeaderContext.onBackButtonClick;
 
-  var isOverlayVisibleValue = isOverlayVisible();
-
-  var _useState = (0, _react.useState)(isOverlayVisibleValue),
+  var _useState = (0, _react.useState)(isOverlayVisible),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       isOverlayFullyVisible = _useState2[0],
       setIsOverlayFullyVisible = _useState2[1];
@@ -89,12 +87,12 @@ var HelpContent = function HelpContent(_ref) {
   (0, _react.useEffect)(function () {
     var handler;
 
-    if (isOverlayVisibleValue) {
+    if (isOverlayVisible) {
       handler = setTimeout(function () {
-        setIsOverlayFullyVisible(isOverlayVisibleValue);
+        setIsOverlayFullyVisible(isOverlayVisible);
       }, _constants.HIDE_CONTENT_DELAY);
     } else {
-      setIsOverlayFullyVisible(isOverlayVisibleValue);
+      setIsOverlayFullyVisible(isOverlayVisible);
     }
 
     return function () {
@@ -102,16 +100,16 @@ var HelpContent = function HelpContent(_ref) {
         clearTimeout(handler);
       }
     };
-  }, [isOverlayVisibleValue]);
+  }, [isOverlayVisible]);
   return /*#__PURE__*/_react.default.createElement(_helpLayout.default, {
     onBackButtonClick: handleOnBackButtonClick,
     onCloseButtonClick: onClose,
-    isBackbuttonVisible: canNavigateBack(),
+    isBackbuttonVisible: canNavigateBack,
     footer: footer,
     headerContent: onSearch && /*#__PURE__*/_react.default.createElement(_SearchInput.default, null)
   }, /*#__PURE__*/_react.default.createElement(_styled.HelpBodyContainer, null, /*#__PURE__*/_react.default.createElement(_styled.HelpBody, null, /*#__PURE__*/_react.default.createElement(_SearchResults.default, null), /*#__PURE__*/_react.default.createElement(_Article.default, null), /*#__PURE__*/_react.default.createElement(_styled.Home, {
     isOverlayFullyVisible: isOverlayFullyVisible,
-    isOverlayVisible: isOverlayVisibleValue
+    isOverlayVisible: isOverlayVisible
   }, homeContent, onSearchWhatsNewArticles && onGetWhatsNewArticle && /*#__PURE__*/_react.default.createElement(_WhatsNewButton.default, null), homeOptions && homeOptions.map(function (defaultOption) {
     return /*#__PURE__*/_react.default.createElement(_HelpContentButton.default, (0, _extends2.default)({
       key: defaultOption.id

package/dist/cjs/components/HelpContentButton/styled.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HelpContentButtonExternalNotificationIcon = exports.HelpContentButtonExternalLinkIcon = exports.HelpContentButtonText = exports.HelpContentButtonIcon = exports.HelpContentButtonContainer = void 0;
+exports.HelpContentButtonText = exports.HelpContentButtonIcon = exports.HelpContentButtonExternalNotificationIcon = exports.HelpContentButtonExternalLinkIcon = exports.HelpContentButtonContainer = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

package/dist/cjs/components/MessagesIntlProvider.js

@@ -9,20 +9,20 @@ exports.default = exports.MessagesIntlProvider = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
-
-var _i18nUtil = require("../util/i18n-util");
+var _reactIntlNext = require("react-intl-next");
 
 var MessagesIntlProvider = function MessagesIntlProvider(_ref) {
-  var intl = _ref.intl,
+  var _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? 'en' : _ref$locale,
       children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
-    messages: (0, _i18nUtil.getMessagesForLocale)(intl.locale)
+  return /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+    key: locale,
+    locale: locale
   }, children);
 };
 
 exports.MessagesIntlProvider = MessagesIntlProvider;
 
-var _default = (0, _reactIntl.injectIntl)(MessagesIntlProvider);
+var _default = (0, _reactIntlNext.injectIntl)(MessagesIntlProvider);
 
 exports.default = _default;

package/dist/cjs/components/RelatedArticles/RelatedArticlesLoading.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _messages = require("../../messages");
 
@@ -73,6 +73,6 @@ var RelatedArticlesLoading = function RelatedArticlesLoading(_ref) {
   })), /*#__PURE__*/_react.default.createElement(_styled.DividerLine, null)));
 };
 
-var _default = (0, _reactIntl.injectIntl)(RelatedArticlesLoading);
+var _default = (0, _reactIntlNext.injectIntl)(RelatedArticlesLoading);
 
 exports.default = _default;

package/dist/cjs/components/RelatedArticles/index.js

@@ -23,7 +23,7 @@ var _sectionMessage = _interopRequireDefault(require("@atlaskit/section-message"
 
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _version = require("../../version.json");
 
@@ -168,6 +168,6 @@ var _default = (0, _analyticsNext.withAnalyticsContext)({
   componentName: 'RelatedArticles',
   packageName: _version.name,
   packageVersion: _version.version
-})((0, _reactIntl.injectIntl)(RelatedArticles));
+})((0, _reactIntlNext.injectIntl)(RelatedArticles));
 
 exports.default = _default;

package/dist/cjs/components/RelatedArticles/styled.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LoadignRelatedArticleListItem = exports.LoadignRelatedArticleList = exports.LoadignRelatedArticleSection = exports.RelatedArticlesTitle = exports.truncate = void 0;
+exports.truncate = exports.RelatedArticlesTitle = exports.LoadignRelatedArticleSection = exports.LoadignRelatedArticleListItem = exports.LoadignRelatedArticleList = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

package/dist/cjs/components/Search/SearchInput/index.js

@@ -25,7 +25,7 @@ var _search = _interopRequireDefault(require("@atlaskit/icon/glyph/search"));
 
 var _close = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/close"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _version = require("../../../version.json");
 
@@ -140,6 +140,6 @@ var SearchInputWithContext = function SearchInputWithContext(props) {
   }, /*#__PURE__*/_react.default.createElement(SearchInput, props));
 };
 
-var _default = (0, _reactIntl.injectIntl)(SearchInputWithContext);
+var _default = (0, _reactIntlNext.injectIntl)(SearchInputWithContext);
 
 exports.default = _default;

package/dist/cjs/components/Search/SearchInput/styled.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CloseButtonAndSpinnerContainer = exports.SearchIconContainer = exports.SearchInputContainer = void 0;
+exports.SearchInputContainer = exports.SearchIconContainer = exports.CloseButtonAndSpinnerContainer = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

package/dist/cjs/components/Search/SearchResults/SearchExternalSite.js

@@ -19,7 +19,7 @@ var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom
 
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _messages = require("../../../messages");
 
@@ -68,6 +68,6 @@ var SearchExternalSite = function SearchExternalSite(_ref) {
 
 exports.SearchExternalSite = SearchExternalSite;
 
-var _default = (0, _reactIntl.injectIntl)(SearchExternalSite);
+var _default = (0, _reactIntlNext.injectIntl)(SearchExternalSite);
 
 exports.default = _default;

package/dist/cjs/components/Search/SearchResults/SearchResultsEmpty.js

@@ -19,7 +19,7 @@ var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom
 
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _NotFoundImage = _interopRequireDefault(require("../../../assets/NotFoundImage"));
 
@@ -70,6 +70,6 @@ var SearchResultsEmpty = function SearchResultsEmpty(_ref) {
 
 exports.SearchResultsEmpty = SearchResultsEmpty;
 
-var _default = (0, _reactIntl.injectIntl)(SearchResultsEmpty);
+var _default = (0, _reactIntlNext.injectIntl)(SearchResultsEmpty);
 
 exports.default = _default;

package/dist/cjs/components/Search/SearchResults/SearchResultsError.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _ErrorImage = _interopRequireDefault(require("../../../assets/ErrorImage"));
 
@@ -32,6 +32,6 @@ var SearchResultsError = function SearchResultsError(_ref) {
 
 exports.SearchResultsError = SearchResultsError;
 
-var _default = (0, _reactIntl.injectIntl)(SearchResultsError);
+var _default = (0, _reactIntlNext.injectIntl)(SearchResultsError);
 
 exports.default = _default;

package/dist/cjs/components/Search/SearchResults/styled.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SearchResultSearchExternalSiteContainer = exports.SearchResultEmptyMessageText = exports.SearchResultEmptyMessageImage = exports.SearchResultsList = exports.SearchResultsContainer = void 0;
+exports.SearchResultsList = exports.SearchResultsContainer = exports.SearchResultSearchExternalSiteContainer = exports.SearchResultEmptyMessageText = exports.SearchResultEmptyMessageImage = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

package/dist/cjs/components/ShowMoreButton/index.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 
@@ -46,6 +46,6 @@ var ShowMoreButton = function ShowMoreButton(_ref) {
 
 exports.ShowMoreButton = ShowMoreButton;
 
-var _default = (0, _reactIntl.injectIntl)(ShowMoreButton);
+var _default = (0, _reactIntlNext.injectIntl)(ShowMoreButton);
 
 exports.default = _default;

package/dist/cjs/components/WhatsNew/WhatsNewButton/index.js

@@ -17,7 +17,7 @@ var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 
 var _lightbulb = _interopRequireDefault(require("@atlaskit/icon/glyph/lightbulb"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _version = require("../../../version.json");
 
@@ -85,6 +85,6 @@ var WhatsNewButtonWithContext = function WhatsNewButtonWithContext(props) {
   }, /*#__PURE__*/_react.default.createElement(WhatsNewButton, props));
 };
 
-var _default = (0, _reactIntl.injectIntl)(WhatsNewButtonWithContext);
+var _default = (0, _reactIntlNext.injectIntl)(WhatsNewButtonWithContext);
 
 exports.default = _default;

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsEmpty/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WhatsNewResultsEmpty = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _analyticsNext = require("@atlaskit/analytics-next");
+
+var _reactIntlNext = require("react-intl-next");
+
+var _NotFoundImage = _interopRequireDefault(require("../../../../assets/NotFoundImage"));
+
+var _messages = require("../../../../messages");
+
+var _styled = require("./styled");
+
+var WhatsNewResultsEmpty = function WhatsNewResultsEmpty(_ref) {
+  var onClearFilter = _ref.onClearFilter,
+      formatMessage = _ref.intl.formatMessage;
+
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+
+  var handleClearFilterLinkClick = function handleClearFilterLinkClick(event) {
+    event.preventDefault();
+    var analyticsEvent = createAnalyticsEvent({
+      action: 'clicked'
+    });
+    analyticsEvent.fire();
+    onClearFilter();
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsEmptyMessageImage, null, /*#__PURE__*/_react.default.createElement(_NotFoundImage.default, null)), /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsEmptyMessageText, null, /*#__PURE__*/_react.default.createElement("strong", null, formatMessage(_messages.messages.help_whats_new_no_results))), /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsEmptyMessageText, null, /*#__PURE__*/_react.default.createElement("p", null, formatMessage(_messages.messages.help_whats_new_no_results_info), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+    data: {
+      componentName: 'WhatsNewResultsEmpty'
+    }
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    href: "#",
+    onClick: handleClearFilterLinkClick
+  }, formatMessage(_messages.messages.help_whats_new_no_results_clear_filter_button_label)), /*#__PURE__*/_react.default.createElement("span", null, formatMessage(_messages.messages.help_whats_new_no_results_clear_filter_info))))));
+};
+
+exports.WhatsNewResultsEmpty = WhatsNewResultsEmpty;
+
+var _default = (0, _reactIntlNext.injectIntl)(WhatsNewResultsEmpty);
+
+exports.default = _default;