@atlaskit/help 4.2.3 → 6.0.0

package/dist/cjs/components/contexts/relatedArticlesContext.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RelatedArticlesContextProvider = exports.CtxProvider = exports.useRelatedArticlesContext = void 0;
+exports.useRelatedArticlesContext = exports.RelatedArticlesContextProvider = exports.CtxProvider = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 

package/dist/cjs/components/contexts/searchContext.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SearchContextProvider = exports.CtxProvider = exports.useSearchContext = void 0;
+exports.useSearchContext = exports.SearchContextProvider = exports.CtxProvider = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 

package/dist/cjs/components/contexts/whatsNewArticleContext.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WhatsNewArticleProvider = exports.CtxProvider = exports.useWhatsNewArticleContext = void 0;
+exports.useWhatsNewArticleContext = exports.WhatsNewArticleProvider = exports.CtxProvider = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -50,8 +50,7 @@ var WhatsNewArticleProvider = function WhatsNewArticleProvider(_ref) {
   var _useState = (0, _react.useState)(undefined),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       whatsNewSearchType = _useState2[0],
-      setWhatsNewSearchType = _useState2[1]; // const [whatsNewPage, setWhatsNewPage] = useState('');
-
+      setWhatsNewSearchType = _useState2[1];
 
   var _useState3 = (0, _react.useState)(null),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),

package/dist/cjs/components/styled.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Home = exports.HelpBody = exports.HelpBodyContainer = void 0;
+exports.Home = exports.HelpBodyContainer = exports.HelpBody = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -19,7 +19,7 @@ var HelpBodyContainer = _styled.default.div(_templateObject || (_templateObject
 
 exports.HelpBodyContainer = HelpBodyContainer;
 
-var HelpBody = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  box-sizing: border-box;\n  order: 0;\n  flex: 1 1 auto;\n  align-self: auto;\n  position: relative;\n  overflow-x: hidden;\n  overflow-y: scroll;\n"])));
+var HelpBody = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  box-sizing: border-box;\n  order: 0;\n  flex: 1 1 auto;\n  align-self: auto;\n  position: relative;\n  overflow-x: hidden;\n  overflow-y: auto;\n"])));
 
 exports.HelpBody = HelpBody;
 

package/dist/cjs/i18n/index.js

@@ -5,12 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "zh", {
-  enumerable: true,
-  get: function get() {
-    return _zh.default;
-  }
-});
 Object.defineProperty(exports, "cs", {
   enumerable: true,
   get: function get() {
@@ -23,10 +17,10 @@ Object.defineProperty(exports, "da", {
     return _da.default;
   }
 });
-Object.defineProperty(exports, "nl", {
+Object.defineProperty(exports, "de", {
   enumerable: true,
   get: function get() {
-    return _nl.default;
+    return _de.default;
   }
 });
 Object.defineProperty(exports, "en", {
@@ -41,6 +35,12 @@ Object.defineProperty(exports, "en_GB", {
     return _en_GB.default;
   }
 });
+Object.defineProperty(exports, "es", {
+  enumerable: true,
+  get: function get() {
+    return _es.default;
+  }
+});
 Object.defineProperty(exports, "et", {
   enumerable: true,
   get: function get() {
@@ -59,12 +59,6 @@ Object.defineProperty(exports, "fr", {
     return _fr.default;
   }
 });
-Object.defineProperty(exports, "de", {
-  enumerable: true,
-  get: function get() {
-    return _de.default;
-  }
-});
 Object.defineProperty(exports, "hu", {
   enumerable: true,
   get: function get() {
@@ -101,6 +95,12 @@ Object.defineProperty(exports, "nb", {
     return _nb.default;
   }
 });
+Object.defineProperty(exports, "nl", {
+  enumerable: true,
+  get: function get() {
+    return _nl.default;
+  }
+});
 Object.defineProperty(exports, "pl", {
   enumerable: true,
   get: function get() {
@@ -137,16 +137,16 @@ Object.defineProperty(exports, "sk", {
     return _sk.default;
   }
 });
-Object.defineProperty(exports, "es", {
+Object.defineProperty(exports, "sv", {
   enumerable: true,
   get: function get() {
-    return _es.default;
+    return _sv.default;
   }
 });
-Object.defineProperty(exports, "sv", {
+Object.defineProperty(exports, "zh", {
   enumerable: true,
   get: function get() {
-    return _sv.default;
+    return _zh.default;
   }
 });
 

package/dist/cjs/index.js

@@ -5,28 +5,22 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Help.default;
-  }
-});
-Object.defineProperty(exports, "ArticlesListItem", {
+Object.defineProperty(exports, "ARTICLE_ITEM_TYPES", {
   enumerable: true,
   get: function get() {
-    return _ArticlesListItem.default;
+    return _Article.ARTICLE_ITEM_TYPES;
   }
 });
-Object.defineProperty(exports, "RelatedArticles", {
+Object.defineProperty(exports, "ARTICLE_TYPE", {
   enumerable: true,
   get: function get() {
-    return _RelatedArticles.default;
+    return _Help2.ARTICLE_TYPE;
   }
 });
-Object.defineProperty(exports, "HelpContentButton", {
+Object.defineProperty(exports, "ArticlesListItem", {
   enumerable: true,
   get: function get() {
-    return _HelpContentButton.default;
+    return _ArticlesListItem.default;
   }
 });
 Object.defineProperty(exports, "DividerLine", {
@@ -35,16 +29,16 @@ Object.defineProperty(exports, "DividerLine", {
     return _styled.DividerLine;
   }
 });
-Object.defineProperty(exports, "ARTICLE_TYPE", {
+Object.defineProperty(exports, "HelpContentButton", {
   enumerable: true,
   get: function get() {
-    return _Help2.ARTICLE_TYPE;
+    return _HelpContentButton.default;
   }
 });
-Object.defineProperty(exports, "ARTICLE_ITEM_TYPES", {
+Object.defineProperty(exports, "RelatedArticles", {
   enumerable: true,
   get: function get() {
-    return _Article.ARTICLE_ITEM_TYPES;
+    return _RelatedArticles.default;
   }
 });
 Object.defineProperty(exports, "WHATS_NEW_ITEM_TYPES", {
@@ -53,6 +47,12 @@ Object.defineProperty(exports, "WHATS_NEW_ITEM_TYPES", {
     return _WhatsNew.WHATS_NEW_ITEM_TYPES;
   }
 });
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Help.default;
+  }
+});
 
 var _Help = _interopRequireDefault(require("./components/Help"));
 

package/dist/cjs/messages.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.messages = void 0;
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
-var messages = (0, _reactIntl.defineMessages)({
+var messages = (0, _reactIntlNext.defineMessages)({
   help_loading: {
     id: 'help.loading',
     defaultMessage: 'Loading',
@@ -185,7 +185,7 @@ var messages = (0, _reactIntl.defineMessages)({
   },
   help_whats_new_button_label: {
     id: 'help.whats_new.button_label',
-    defaultMessage: "Whats's new",
+    defaultMessage: "What's new",
     description: "text for the \"What's New\" button"
   },
   help_whats_new_filter_select_option_all: {
@@ -218,6 +218,26 @@ var messages = (0, _reactIntl.defineMessages)({
     defaultMessage: "Experiment",
     description: "text for the \"Release types\" dropdown option \"Experiment\""
   },
+  help_whats_new_no_results: {
+    id: 'help.whats.new_no_results',
+    defaultMessage: "We can\u2019t find any recent releases of that type.",
+    description: "text to display when the \"What's new\" API returns an empty array of articles\""
+  },
+  help_whats_new_no_results_info: {
+    id: 'help.whats.new_no_results_info',
+    defaultMessage: "We only display 3 months of recent releases.",
+    description: "text to display when the \"What's new\" API returns an empty array of articles\""
+  },
+  help_whats_new_no_results_clear_filter_button_label: {
+    id: 'help.whats.new_no_results_clear_filter_button_label',
+    defaultMessage: "Clear the filter",
+    description: "text to display when the \"What's new\" API returns an empty array of articles\""
+  },
+  help_whats_new_no_results_clear_filter_info: {
+    id: 'help.whats.new_no_results_clear_filter_button_label',
+    defaultMessage: " to try again.",
+    description: "text to display when the \"What's new\" API returns an empty array of articles\""
+  },
   help_whats_new_related_link_support: {
     id: 'help.whats_new.related_links.support',
     defaultMessage: "Support documentation",

package/dist/cjs/util/hooks/cancellablePromise.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.makeCancelable = makeCancelable;
 exports.default = useCancellablePromise;
+exports.makeCancelable = makeCancelable;
 
 var _react = require("react");
 

package/dist/cjs/util/styled.js

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

package/dist/cjs/version.json

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

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

@@ -9,7 +9,7 @@ export const ArticleContent = ({
   onHelpArticleLoadingFailTryAgainButtonClick,
   onWhatsNewArticleLoadingFailTryAgainButtonClick
 }) => {
-  if (currentArticle) {
+  if (currentArticle && currentArticle.id) {
     if (currentArticle.type === ARTICLE_TYPE.HELP_ARTICLE) {
       const article = currentArticle.article;
 

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import { name as packageName, version as packageVersion } from '../../../version.json';
 import { messages } from '../../../messages';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { messages } from '../../../../messages';
 import { LoadingRectangle } from '../../../../util/styled';
 export const Loading = ({

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/custom-theme-button';
 import { name as packageName, version as packageVersion } from '../../../../version.json';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/custom-theme-button';
 import { name as packageName, version as packageVersion } from '../../../../version.json';

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useState } from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import SectionMessage from '@atlaskit/section-message';
 import ButtonGroup from '@atlaskit/button/button-group';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { gridSize } from '@atlaskit/theme/constants';
 import { messages } from '../../../../messages';
 import { LoadingRectangle, LoadingCircle } from '../../../../util/styled';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { BODY_FORMAT_TYPES } from '@atlaskit/help-article';
 import HelpArticleContent from '@atlaskit/help-article';
 import { gridSize } from '@atlaskit/theme/constants';

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

@@ -2,7 +2,7 @@ import React from 'react';
 import * as colors from '@atlaskit/theme/colors';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { name as packageName, version as packageVersion } from '../../../version.json';
 // import { messages } from '../../../messages';
 import { ArticlesListItemTypeTitle, ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTitleText, ArticlesListItemDescription, ArticlesListItemLinkIcon } from './styled';

package/dist/es2019/components/HelpContent.js

@@ -37,8 +37,7 @@ export const HelpContent = ({
   const {
     onBackButtonClick
   } = useHeaderContext();
-  const isOverlayVisibleValue = isOverlayVisible();
-  const [isOverlayFullyVisible, setIsOverlayFullyVisible] = useState(isOverlayVisibleValue);
+  const [isOverlayFullyVisible, setIsOverlayFullyVisible] = useState(isOverlayVisible);
   const handleOnBackButtonClick = useCallback((event, analyticsEvent) => {
     if (onBackButtonClick) {
       onBackButtonClick(event, analyticsEvent);
@@ -51,12 +50,12 @@ export const HelpContent = ({
   useEffect(() => {
     let handler;
 
-    if (isOverlayVisibleValue) {
+    if (isOverlayVisible) {
       handler = setTimeout(() => {
-        setIsOverlayFullyVisible(isOverlayVisibleValue);
+        setIsOverlayFullyVisible(isOverlayVisible);
       }, HIDE_CONTENT_DELAY);
     } else {
-      setIsOverlayFullyVisible(isOverlayVisibleValue);
+      setIsOverlayFullyVisible(isOverlayVisible);
     }
 
     return () => {
@@ -64,16 +63,16 @@ export const HelpContent = ({
         clearTimeout(handler);
       }
     };
-  }, [isOverlayVisibleValue]);
+  }, [isOverlayVisible]);
   return /*#__PURE__*/React.createElement(HelpLayout, {
     onBackButtonClick: handleOnBackButtonClick,
     onCloseButtonClick: onClose,
-    isBackbuttonVisible: canNavigateBack(),
+    isBackbuttonVisible: canNavigateBack,
     footer: footer,
     headerContent: onSearch && /*#__PURE__*/React.createElement(SearchInput, null)
   }, /*#__PURE__*/React.createElement(HelpBodyContainer, null, /*#__PURE__*/React.createElement(HelpBody, null, /*#__PURE__*/React.createElement(SearchResults, null), /*#__PURE__*/React.createElement(ArticleComponent, null), /*#__PURE__*/React.createElement(Home, {
     isOverlayFullyVisible: isOverlayFullyVisible,
-    isOverlayVisible: isOverlayVisibleValue
+    isOverlayVisible: isOverlayVisible
   }, homeContent, onSearchWhatsNewArticles && onGetWhatsNewArticle && /*#__PURE__*/React.createElement(WhatsNewButton, null), homeOptions && homeOptions.map(defaultOption => {
     return /*#__PURE__*/React.createElement(HelpContentButton, _extends({
       key: defaultOption.id

package/dist/es2019/components/MessagesIntlProvider.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { IntlProvider, injectIntl } from 'react-intl';
-import { getMessagesForLocale } from '../util/i18n-util';
+import { IntlProvider, injectIntl } from 'react-intl-next';
 export const MessagesIntlProvider = ({
-  intl,
+  locale = 'en',
   children
 }) => /*#__PURE__*/React.createElement(IntlProvider, {
-  messages: getMessagesForLocale(intl.locale)
+  key: locale,
+  locale: locale
 }, children);
 export default injectIntl(MessagesIntlProvider);

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { messages } from '../../messages';
 import { DividerLine, LoadingRectangle } from '../../util/styled';
 import { LoadignRelatedArticleList, LoadignRelatedArticleListItem } from './styled';

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

@@ -2,7 +2,7 @@ import React, { useState, useEffect, useCallback } from 'react';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import SectionMessage from '@atlaskit/section-message';
 import Button from '@atlaskit/button/custom-theme-button';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { name as packageName, version as packageVersion } from '../../version.json';
 import { messages } from '../../messages';
 import ArticlesList from '../ArticlesList';

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

@@ -6,7 +6,7 @@ import { gridSize } from '@atlaskit/theme/constants';
 import Spinner from '@atlaskit/spinner';
 import SearchIcon from '@atlaskit/icon/glyph/search';
 import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { name as packageName, version as packageVersion } from '../../../version.json';
 import { REQUEST_STATE } from '../../../model/Requests';
 import { useSearchContext } from '../../contexts/searchContext';

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

@@ -3,7 +3,7 @@ import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
 import Button from '@atlaskit/button/custom-theme-button';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { messages } from '../../../messages';
 import { SearchResultSearchExternalSiteContainer } from './styled';
 export const SearchExternalSite = ({

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

@@ -3,7 +3,7 @@ import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
 import Button from '@atlaskit/button/custom-theme-button';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import NotFoundImage from '../../../assets/NotFoundImage';
 import { messages } from '../../../messages';
 import { SearchResultEmptyMessageImage, SearchResultEmptyMessageText } from './styled';

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import ErrorImage from '../../../assets/ErrorImage';
 import { messages } from '../../../messages';
 import { SearchResultEmptyMessageImage, SearchResultEmptyMessageText } from './styled';

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import Spinner from '@atlaskit/spinner';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/custom-theme-button';
 import { messages } from '../../messages';
 import { ToggleShowMoreArticlesContainer } from '../ArticlesList/styled';

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

@@ -2,7 +2,7 @@ import React, { useCallback } from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
 import LightbulbIcon from '@atlaskit/icon/glyph/lightbulb';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { name as packageName, version as packageVersion } from '../../../version.json';
 import { useWhatsNewArticleContext } from '../../contexts/whatsNewArticleContext';
 import { useNavigationContext } from '../../contexts/navigationContext';

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

@@ -0,0 +1,35 @@
+import React from 'react';
+import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
+import { injectIntl } from 'react-intl-next';
+import NotFoundImage from '../../../../assets/NotFoundImage';
+import { messages } from '../../../../messages';
+import { WhatsNewResultsEmptyMessageImage, WhatsNewResultsEmptyMessageText } from './styled';
+export const WhatsNewResultsEmpty = ({
+  onClearFilter,
+  intl: {
+    formatMessage
+  }
+}) => {
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
+
+  const handleClearFilterLinkClick = event => {
+    event.preventDefault();
+    const analyticsEvent = createAnalyticsEvent({
+      action: 'clicked'
+    });
+    analyticsEvent.fire();
+    onClearFilter();
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WhatsNewResultsEmptyMessageImage, null, /*#__PURE__*/React.createElement(NotFoundImage, null)), /*#__PURE__*/React.createElement(WhatsNewResultsEmptyMessageText, null, /*#__PURE__*/React.createElement("strong", null, formatMessage(messages.help_whats_new_no_results))), /*#__PURE__*/React.createElement(WhatsNewResultsEmptyMessageText, null, /*#__PURE__*/React.createElement("p", null, formatMessage(messages.help_whats_new_no_results_info), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: {
+      componentName: 'WhatsNewResultsEmpty'
+    }
+  }, /*#__PURE__*/React.createElement("a", {
+    href: "#",
+    onClick: handleClearFilterLinkClick
+  }, formatMessage(messages.help_whats_new_no_results_clear_filter_button_label)), /*#__PURE__*/React.createElement("span", null, formatMessage(messages.help_whats_new_no_results_clear_filter_info))))));
+};
+export default injectIntl(WhatsNewResultsEmpty);

package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsEmpty/styled.js

@@ -0,0 +1,16 @@
+/** @jsx jsx */
+import styled from '@emotion/styled';
+import { gridSize } from '@atlaskit/theme/constants';
+import * as colors from '@atlaskit/theme/colors';
+export const WhatsNewResultsEmptyMessageImage = styled.div`
+  padding: ${3 * gridSize()}px ${3 * gridSize()}px 0 ${3 * gridSize()}px;
+  text-align: center;
+`;
+export const WhatsNewResultsEmptyMessageText = styled.div`
+  padding: ${3 * gridSize()}px ${3 * gridSize()}px 0 ${3 * gridSize()}px;
+  text-align: center;
+
+  p {
+    color: ${colors.N200};
+  }
+`;

package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import ErrorImage from '../../../../assets/ErrorImage';
 import { messages } from '../../../../messages';
 import { SearchResultEmptyMessageImage, SearchResultEmptyMessageText } from './styled';

package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { name as packageName, version as packageVersion } from '../../../../../version.json';
 import { WHATS_NEW_ITEM_TYPES } from '../../../../../model/WhatsNew';
 import { getTypeIcon, getTypeTitle } from '../../../../../util';

package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { gridSize } from '@atlaskit/theme/constants';
 import { messages } from '../../../../messages';
 import { LoadingRectangle, LoadingCircle } from '../../../../util/styled';