@atlaskit/help 7.3.1 → 7.3.3

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/help
 
+## 7.3.3
+
+### Patch Changes
+
+-   [#99831](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99831)
+    [`9652182a0292`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9652182a0292) -
+    Fix issue where the back button used to lose context of the search results and takes back to the
+    default page. Now it takes back to the place where the user started from
+-   [#99831](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99831)
+    [`e5fd89bc770c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e5fd89bc770c) -
+    Fix individual scroll bars appearing for titles when an external URL icon is present in safari
+
+## 7.3.2
+
+### Patch Changes
+
+-   [#99227](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99227)
+    [`3b95bb1a838e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3b95bb1a838e) -
+    Fix issue where opening articles in new tab leads to the IPH panel remaining blank
+
 ## 7.3.1
 
 ### Patch Changes

package/dist/cjs/analytics.js

@@ -14,5 +14,5 @@ var createAndFire = exports.createAndFire = x.createAndFireEvent('atlaskit');
 var defaultAnalyticsAttributes = exports.defaultAnalyticsAttributes = {
   componentName: 'help',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };

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

@@ -15,7 +15,7 @@ var _styled = require("./styled");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 var ArticleLoadingFail = exports.ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,

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

@@ -13,7 +13,7 @@ var _messages = require("../../../../messages");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulNoButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 var ArticleWasHelpfulNoButton = exports.ArticleWasHelpfulNoButton = function ArticleWasHelpfulNoButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -13,7 +13,7 @@ var _messages = require("../../../../messages");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulYesButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 var ArticleWasHelpfulYesButton = exports.ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -37,7 +37,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
   var onWasHelpfulSubmit = _ref.onWasHelpfulSubmit,

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

@@ -64,7 +64,7 @@ var HelpArticle = exports.HelpArticle = function HelpArticle(_ref) {
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "7.3.1"
+      packageVersion: "7.3.3"
     };
     if (onRelatedArticlesShowMoreClick) {
       onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);

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

@@ -22,7 +22,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 var WhatsNewArticle = exports.WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -17,7 +17,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 var ArticlesListItem = exports.ArticlesListItem = function ArticlesListItem(_ref) {
   var styles = _ref.styles,

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

@@ -61,7 +61,7 @@ var ArticlesListItemTitleText = exports.ArticlesListItemTitleText = _styled.defa
   font: "var(--ds-font-heading-xsmall, ".concat(_typography.fontFallback.heading.xsmall, ")"),
   display: 'inline-block',
   whiteSpace: 'normal',
-  overflowX: 'hidden',
+  overflow: 'hidden',
   marginBottom: "var(--ds-space-100, 8px)"
 });
 var ArticlesListItemDescription = exports.ArticlesListItemDescription = _styled.default.p({

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

@@ -17,7 +17,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,

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

@@ -28,7 +28,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 /** @jsxFrag */
 
 var packageName = "@atlaskit/help";
-var packageVersion = "7.3.1";
+var packageVersion = "7.3.3";
 var RelatedArticles = exports.RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,
     style = _ref$style === void 0 ? 'primary' : _ref$style,

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

@@ -27,7 +27,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 var SearchInput = exports.SearchInput = function SearchInput(_ref) {
   var formatMessage = _ref.intl.formatMessage;

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

@@ -21,7 +21,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 var WhatsNewButton = exports.WhatsNewButton = function WhatsNewButton(_ref) {
   var productName = _ref.productName,

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

@@ -15,7 +15,7 @@ var _styled2 = require("./styled");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 var WhatsNewResultListItem = exports.WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -195,13 +195,14 @@ var navigationReducer = function navigationReducer(_ref3, action) {
     newState = {
       articleId: _newArticleId2,
       history: currentHistory,
-      view: getViewForArticleId(_newArticleId2)
+      // If the current view is the search view and the new article id is empty, keep the current view
+      view: currentView === _constants.VIEW.SEARCH && _newArticleId2.id === '' ? currentView : getViewForArticleId(_newArticleId2)
     };
   } else if (action.type === 'updateView' && action.payload) {
     var newView = action.payload;
     newState = {
       articleId: currentArticleId,
-      history: currentHistory,
+      history: newView === _constants.VIEW.SEARCH ? [] : currentHistory,
       view: newView
     };
   }
@@ -225,7 +226,8 @@ var NavigationContextProvider = exports.NavigationContextProvider = function Nav
   var _useSearchContext = (0, _searchContext.useSearchContext)(),
     onSearch = _useSearchContext.onSearch,
     isSearchResultVisible = _useSearchContext.isSearchResultVisible,
-    searchValue = _useSearchContext.searchValue;
+    searchValue = _useSearchContext.searchValue,
+    searchResult = _useSearchContext.searchResult;
   var _useHeaderContext = (0, _headerContext.useHeaderContext)(),
     onCloseButtonClick = _useHeaderContext.onCloseButtonClick;
   var propsArticleId = navigationData.articleId,
@@ -358,6 +360,7 @@ var NavigationContextProvider = exports.NavigationContextProvider = function Nav
     };
   }(), []);
   var navigateBack = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+    var _searchResult$length;
     return _regenerator.default.wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
@@ -387,10 +390,19 @@ var NavigationContextProvider = exports.NavigationContextProvider = function Nav
                 type: 'removeLastHistoryItem'
               });
             } else if (currentHistory.length === 1) {
-              // but if the history only has one item, clear the history
-              dispatchNavigationAction({
-                type: 'removeAllHistoryItems'
-              });
+              // If the search value is not empty and search result is not empty, show the search results
+              if (searchValue !== '' && ((_searchResult$length = searchResult === null || searchResult === void 0 ? void 0 : searchResult.length) !== null && _searchResult$length !== void 0 ? _searchResult$length : 0) > 0 && onSearch !== undefined) {
+                dispatchNavigationAction({
+                  type: 'updateView',
+                  payload: _constants.VIEW.SEARCH
+                });
+              }
+              // If the search value is empty, show the default content
+              else {
+                dispatchNavigationAction({
+                  type: 'removeAllHistoryItems'
+                });
+              }
             }
           }
         case 9:
@@ -398,7 +410,7 @@ var NavigationContextProvider = exports.NavigationContextProvider = function Nav
           return _context3.stop();
       }
     }, _callee3);
-  })), [currentView, onSearch, currentHistory.length, searchValue, currentArticleId.type]);
+  })), [currentView, searchValue, currentArticleId, currentHistory, onSearch, searchResult === null || searchResult === void 0 ? void 0 : searchResult.length]);
   var onClose = (0, _react.useCallback)(function (event, analyticsEvent) {
     if (onCloseButtonClick) {
       dispatchNavigationAction({
@@ -414,13 +426,20 @@ var NavigationContextProvider = exports.NavigationContextProvider = function Nav
     });
   }, []);
   (0, _react.useEffect)(function () {
-    if (isSearchResultVisible) {
+    // If the search result is visible or the search value is not empty, show the search result
+    if (isSearchResultVisible || searchValue !== '') {
       dispatchNavigationAction({
         type: 'updateView',
         payload: _constants.VIEW.SEARCH
       });
+      // If the search result is not visible and the search value is empty, show the default content
+    } else if (!isSearchResultVisible && searchValue === '') {
+      dispatchNavigationAction({
+        type: 'updateView',
+        payload: _constants.VIEW.DEFAULT_CONTENT
+      });
     }
-  }, [isSearchResultVisible]);
+  }, [isSearchResultVisible, searchValue]);
   (0, _react.useEffect)(function () {
     var lastHistoryItem = currentHistory.length > 0 ? _getCurrentArticle2(currentHistory) : getNewHistoryItem(DEFAULT_ARTICLE_ID.id, DEFAULT_ARTICLE_ID.type);
 

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

@@ -112,7 +112,6 @@ var SearchContextProvider = exports.SearchContextProvider = function SearchConte
     if (onSearchResultItemClick) {
       onSearchResultItemClick(event, analyticsEvent, articleData);
     }
-    setSearchResultsVisible(false);
   };
   return /*#__PURE__*/_react.default.createElement(CtxProvider, {
     value: {

package/dist/es2019/analytics.js

@@ -5,5 +5,5 @@ export const createAndFire = x.createAndFireEvent('atlaskit');
 export const defaultAnalyticsAttributes = {
   componentName: 'help',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };

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

@@ -8,7 +8,7 @@ import { LoadingErrorMessage, LoadingErrorButtonContainer } from './styled';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 export const ArticleLoadingFail = ({
   onTryAgainButtonClick,

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

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulNoButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 export const ArticleWasHelpfulNoButton = ({
   isSelected = false,

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

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulYesButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 export const ArticleWasHelpfulYesButton = ({
   isSelected = false,

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

@@ -25,7 +25,7 @@ const FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 export const ArticleWasHelpfulForm = ({
   onWasHelpfulSubmit,

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

@@ -59,7 +59,7 @@ export const HelpArticle = ({
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "7.3.1"
+      packageVersion: "7.3.3"
     };
     if (onRelatedArticlesShowMoreClick) {
       onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);

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

@@ -13,7 +13,7 @@ import { WhatsNewTypeTitle, WhatsNewTitleText, WhatsNewIconContainer, RelatedLin
 const analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 export const WhatsNewArticle = ({
   intl: {

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

@@ -7,7 +7,7 @@ import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTit
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 export const ArticlesListItem = ({
   styles,

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

@@ -48,7 +48,7 @@ export const ArticlesListItemTitleText = styled.span({
   font: `var(--ds-font-heading-xsmall, ${fontFallback.heading.xsmall})`,
   display: 'inline-block',
   whiteSpace: 'normal',
-  overflowX: 'hidden',
+  overflow: 'hidden',
   marginBottom: "var(--ds-space-100, 8px)"
 });
 export const ArticlesListItemDescription = styled.p({

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

@@ -7,7 +7,7 @@ import { HelpContentButtonContainer, HelpContentButtonIcon, HelpContentButtonTex
 const analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 const HelpContentButton = ({
   id = '',

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

@@ -15,7 +15,7 @@ import useCancellablePromise from '../../util/hooks/cancellablePromise';
 import { usePrevious } from '../../util/hooks/previous';
 import { jsx } from '@emotion/react';
 const packageName = "@atlaskit/help";
-const packageVersion = "7.3.1";
+const packageVersion = "7.3.3";
 export const RelatedArticles = ({
   style = 'primary',
   routeGroup,

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

@@ -17,7 +17,7 @@ import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContain
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 export const SearchInput = ({
   intl: {

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

@@ -11,7 +11,7 @@ import { ARTICLE_TYPE } from '../../../model/Help';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 export const WhatsNewButton = ({
   productName,

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

@@ -8,7 +8,7 @@ import { WhatsNewResultListItemWrapper, WhatsNewResultListItemTitleContainer, Wh
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 export const WhatsNewResultListItem = ({
   intl: {

package/dist/es2019/components/contexts/navigationContext.js

@@ -182,7 +182,8 @@ const navigationReducer = ({
     newState = {
       articleId: newArticleId,
       history: currentHistory,
-      view: getViewForArticleId(newArticleId)
+      // If the current view is the search view and the new article id is empty, keep the current view
+      view: currentView === VIEW.SEARCH && newArticleId.id === '' ? currentView : getViewForArticleId(newArticleId)
     };
   } else if (action.type === 'updateView' && action.payload) {
     const {
@@ -190,7 +191,7 @@ const navigationReducer = ({
     } = action;
     newState = {
       articleId: currentArticleId,
-      history: currentHistory,
+      history: newView === VIEW.SEARCH ? [] : currentHistory,
       view: newView
     };
   }
@@ -217,7 +218,8 @@ export const NavigationContextProvider = ({
   const {
     onSearch,
     isSearchResultVisible,
-    searchValue
+    searchValue,
+    searchResult
   } = useSearchContext();
   const {
     onCloseButtonClick
@@ -339,13 +341,23 @@ export const NavigationContextProvider = ({
           type: 'removeLastHistoryItem'
         });
       } else if (currentHistory.length === 1) {
-        // but if the history only has one item, clear the history
-        dispatchNavigationAction({
-          type: 'removeAllHistoryItems'
-        });
+        var _searchResult$length;
+        // If the search value is not empty and search result is not empty, show the search results
+        if (searchValue !== '' && ((_searchResult$length = searchResult === null || searchResult === void 0 ? void 0 : searchResult.length) !== null && _searchResult$length !== void 0 ? _searchResult$length : 0) > 0 && onSearch !== undefined) {
+          dispatchNavigationAction({
+            type: 'updateView',
+            payload: VIEW.SEARCH
+          });
+        }
+        // If the search value is empty, show the default content
+        else {
+          dispatchNavigationAction({
+            type: 'removeAllHistoryItems'
+          });
+        }
       }
     }
-  }, [currentView, onSearch, currentHistory.length, searchValue, currentArticleId.type]);
+  }, [currentView, searchValue, currentArticleId, currentHistory, onSearch, searchResult === null || searchResult === void 0 ? void 0 : searchResult.length]);
   const onClose = useCallback((event, analyticsEvent) => {
     if (onCloseButtonClick) {
       dispatchNavigationAction({
@@ -361,13 +373,20 @@ export const NavigationContextProvider = ({
     });
   }, []);
   useEffect(() => {
-    if (isSearchResultVisible) {
+    // If the search result is visible or the search value is not empty, show the search result
+    if (isSearchResultVisible || searchValue !== '') {
       dispatchNavigationAction({
         type: 'updateView',
         payload: VIEW.SEARCH
       });
+      // If the search result is not visible and the search value is empty, show the default content
+    } else if (!isSearchResultVisible && searchValue === '') {
+      dispatchNavigationAction({
+        type: 'updateView',
+        payload: VIEW.DEFAULT_CONTENT
+      });
     }
-  }, [isSearchResultVisible]);
+  }, [isSearchResultVisible, searchValue]);
   useEffect(() => {
     const lastHistoryItem = currentHistory.length > 0 ? getCurrentArticle(currentHistory) : getNewHistoryItem(DEFAULT_ARTICLE_ID.id, DEFAULT_ARTICLE_ID.type);
 

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

@@ -62,7 +62,6 @@ export const SearchContextProvider = ({
     if (onSearchResultItemClick) {
       onSearchResultItemClick(event, analyticsEvent, articleData);
     }
-    setSearchResultsVisible(false);
   };
   return /*#__PURE__*/React.createElement(CtxProvider, {
     value: {

package/dist/esm/analytics.js

@@ -5,5 +5,5 @@ export var createAndFire = x.createAndFireEvent('atlaskit');
 export var defaultAnalyticsAttributes = {
   componentName: 'help',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };

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

@@ -8,7 +8,7 @@ import { LoadingErrorMessage, LoadingErrorButtonContainer } from './styled';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 export var ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,

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

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulNoButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 export var ArticleWasHelpfulNoButton = function ArticleWasHelpfulNoButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulYesButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 export var ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -26,7 +26,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
   var onWasHelpfulSubmit = _ref.onWasHelpfulSubmit,

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

@@ -55,7 +55,7 @@ export var HelpArticle = function HelpArticle(_ref) {
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "7.3.1"
+      packageVersion: "7.3.3"
     };
     if (onRelatedArticlesShowMoreClick) {
       onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);

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

@@ -13,7 +13,7 @@ import { WhatsNewTypeTitle, WhatsNewTitleText, WhatsNewIconContainer, RelatedLin
 var analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 export var WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -7,7 +7,7 @@ import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTit
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 export var ArticlesListItem = function ArticlesListItem(_ref) {
   var styles = _ref.styles,

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

@@ -50,7 +50,7 @@ export var ArticlesListItemTitleText = styled.span({
   font: "var(--ds-font-heading-xsmall, ".concat(fontFallback.heading.xsmall, ")"),
   display: 'inline-block',
   whiteSpace: 'normal',
-  overflowX: 'hidden',
+  overflow: 'hidden',
   marginBottom: "var(--ds-space-100, 8px)"
 });
 export var ArticlesListItemDescription = styled.p({

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

@@ -7,7 +7,7 @@ import { HelpContentButtonContainer, HelpContentButtonIcon, HelpContentButtonTex
 var analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,

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

@@ -18,7 +18,7 @@ import useCancellablePromise from '../../util/hooks/cancellablePromise';
 import { usePrevious } from '../../util/hooks/previous';
 import { jsx } from '@emotion/react';
 var packageName = "@atlaskit/help";
-var packageVersion = "7.3.1";
+var packageVersion = "7.3.3";
 export var RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,
     style = _ref$style === void 0 ? 'primary' : _ref$style,

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

@@ -17,7 +17,7 @@ import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContain
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 export var SearchInput = function SearchInput(_ref) {
   var formatMessage = _ref.intl.formatMessage;

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

@@ -11,7 +11,7 @@ import { ARTICLE_TYPE } from '../../../model/Help';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 export var WhatsNewButton = function WhatsNewButton(_ref) {
   var productName = _ref.productName,

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

@@ -8,7 +8,7 @@ import { WhatsNewResultListItemWrapper, WhatsNewResultListItemTitleContainer, Wh
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.3.1"
+  packageVersion: "7.3.3"
 };
 export var WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

package/dist/esm/components/contexts/navigationContext.js

@@ -186,13 +186,14 @@ var navigationReducer = function navigationReducer(_ref3, action) {
     newState = {
       articleId: _newArticleId2,
       history: currentHistory,
-      view: getViewForArticleId(_newArticleId2)
+      // If the current view is the search view and the new article id is empty, keep the current view
+      view: currentView === VIEW.SEARCH && _newArticleId2.id === '' ? currentView : getViewForArticleId(_newArticleId2)
     };
   } else if (action.type === 'updateView' && action.payload) {
     var newView = action.payload;
     newState = {
       articleId: currentArticleId,
-      history: currentHistory,
+      history: newView === VIEW.SEARCH ? [] : currentHistory,
       view: newView
     };
   }
@@ -216,7 +217,8 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
   var _useSearchContext = useSearchContext(),
     onSearch = _useSearchContext.onSearch,
     isSearchResultVisible = _useSearchContext.isSearchResultVisible,
-    searchValue = _useSearchContext.searchValue;
+    searchValue = _useSearchContext.searchValue,
+    searchResult = _useSearchContext.searchResult;
   var _useHeaderContext = useHeaderContext(),
     onCloseButtonClick = _useHeaderContext.onCloseButtonClick;
   var propsArticleId = navigationData.articleId,
@@ -349,6 +351,7 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
     };
   }(), []);
   var navigateBack = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var _searchResult$length;
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
@@ -378,10 +381,19 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
                 type: 'removeLastHistoryItem'
               });
             } else if (currentHistory.length === 1) {
-              // but if the history only has one item, clear the history
-              dispatchNavigationAction({
-                type: 'removeAllHistoryItems'
-              });
+              // If the search value is not empty and search result is not empty, show the search results
+              if (searchValue !== '' && ((_searchResult$length = searchResult === null || searchResult === void 0 ? void 0 : searchResult.length) !== null && _searchResult$length !== void 0 ? _searchResult$length : 0) > 0 && onSearch !== undefined) {
+                dispatchNavigationAction({
+                  type: 'updateView',
+                  payload: VIEW.SEARCH
+                });
+              }
+              // If the search value is empty, show the default content
+              else {
+                dispatchNavigationAction({
+                  type: 'removeAllHistoryItems'
+                });
+              }
             }
           }
         case 9:
@@ -389,7 +401,7 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
           return _context3.stop();
       }
     }, _callee3);
-  })), [currentView, onSearch, currentHistory.length, searchValue, currentArticleId.type]);
+  })), [currentView, searchValue, currentArticleId, currentHistory, onSearch, searchResult === null || searchResult === void 0 ? void 0 : searchResult.length]);
   var onClose = useCallback(function (event, analyticsEvent) {
     if (onCloseButtonClick) {
       dispatchNavigationAction({
@@ -405,13 +417,20 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
     });
   }, []);
   useEffect(function () {
-    if (isSearchResultVisible) {
+    // If the search result is visible or the search value is not empty, show the search result
+    if (isSearchResultVisible || searchValue !== '') {
       dispatchNavigationAction({
         type: 'updateView',
         payload: VIEW.SEARCH
       });
+      // If the search result is not visible and the search value is empty, show the default content
+    } else if (!isSearchResultVisible && searchValue === '') {
+      dispatchNavigationAction({
+        type: 'updateView',
+        payload: VIEW.DEFAULT_CONTENT
+      });
     }
-  }, [isSearchResultVisible]);
+  }, [isSearchResultVisible, searchValue]);
   useEffect(function () {
     var lastHistoryItem = currentHistory.length > 0 ? _getCurrentArticle2(currentHistory) : getNewHistoryItem(DEFAULT_ARTICLE_ID.id, DEFAULT_ARTICLE_ID.type);
 

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

@@ -103,7 +103,6 @@ export var SearchContextProvider = function SearchContextProvider(_ref) {
     if (onSearchResultItemClick) {
       onSearchResultItemClick(event, analyticsEvent, articleData);
     }
-    setSearchResultsVisible(false);
   };
   return /*#__PURE__*/React.createElement(CtxProvider, {
     value: {

package/dist/types/components/contexts/navigationContext.d.ts

@@ -1,8 +1,8 @@
-import React, { PropsWithChildren } from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { Article, ArticleItem } from '../../model/Article';
-import { WhatsNewArticleItem, WhatsNewArticle } from '../../model/WhatsNew';
-import { HistoryItem, articleId } from '../../model/Help';
+import React, { type PropsWithChildren } from 'react';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type Article, type ArticleItem } from '../../model/Article';
+import { type WhatsNewArticleItem, type WhatsNewArticle } from '../../model/WhatsNew';
+import { type HistoryItem, type articleId } from '../../model/Help';
 import { VIEW } from '../constants';
 type ViewType = keyof typeof VIEW;
 type NavigationProviderInterface = PropsWithChildren<{

package/dist/types/components/contexts/searchContext.d.ts

@@ -22,5 +22,5 @@ export interface SearchProviderInterface extends SearchSharedInterface {
     onSearchResultItemClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent, articleData: ArticleItem): void;
 }
 export declare const useSearchContext: () => SearchContextInterface, CtxProvider: React.Provider<SearchContextInterface | undefined>;
-export declare const SearchContextProvider: ({ onSearch, onSearchInputChanged, onSearchInputCleared, onSearchResultItemClick, onSearchExternalUrlClick, searchExternalUrl, children, openExternalSearchUrlInNewTab }: PropsWithChildren<SearchProviderInterface>) => JSX.Element;
+export declare const SearchContextProvider: ({ onSearch, onSearchInputChanged, onSearchInputCleared, onSearchResultItemClick, onSearchExternalUrlClick, searchExternalUrl, children, openExternalSearchUrlInNewTab, }: PropsWithChildren<SearchProviderInterface>) => JSX.Element;
 export {};

package/dist/types-ts4.5/components/contexts/navigationContext.d.ts

@@ -1,8 +1,8 @@
-import React, { PropsWithChildren } from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { Article, ArticleItem } from '../../model/Article';
-import { WhatsNewArticleItem, WhatsNewArticle } from '../../model/WhatsNew';
-import { HistoryItem, articleId } from '../../model/Help';
+import React, { type PropsWithChildren } from 'react';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type Article, type ArticleItem } from '../../model/Article';
+import { type WhatsNewArticleItem, type WhatsNewArticle } from '../../model/WhatsNew';
+import { type HistoryItem, type articleId } from '../../model/Help';
 import { VIEW } from '../constants';
 type ViewType = keyof typeof VIEW;
 type NavigationProviderInterface = PropsWithChildren<{

package/dist/types-ts4.5/components/contexts/searchContext.d.ts

@@ -22,5 +22,5 @@ export interface SearchProviderInterface extends SearchSharedInterface {
     onSearchResultItemClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent, articleData: ArticleItem): void;
 }
 export declare const useSearchContext: () => SearchContextInterface, CtxProvider: React.Provider<SearchContextInterface | undefined>;
-export declare const SearchContextProvider: ({ onSearch, onSearchInputChanged, onSearchInputCleared, onSearchResultItemClick, onSearchExternalUrlClick, searchExternalUrl, children, openExternalSearchUrlInNewTab }: PropsWithChildren<SearchProviderInterface>) => JSX.Element;
+export declare const SearchContextProvider: ({ onSearch, onSearchInputChanged, onSearchInputCleared, onSearchResultItemClick, onSearchExternalUrlClick, searchExternalUrl, children, openExternalSearchUrlInNewTab, }: PropsWithChildren<SearchProviderInterface>) => JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/help",
-  "version": "7.3.1",
+  "version": "7.3.3",
   "description": "A cross-product help component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -57,7 +57,7 @@
     "@atlaskit/textarea": "^5.4.0",
     "@atlaskit/textfield": "^6.3.0",
     "@atlaskit/theme": "^12.8.0",
-    "@atlaskit/tokens": "^1.47.0",
+    "@atlaskit/tokens": "^1.48.0",
     "@atlaskit/tooltip": "^18.3.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",