@atlaskit/help 9.2.1 → 9.2.3

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

@@ -7,7 +7,7 @@ import Textfield from '@atlaskit/textfield';
 import Button from '@atlaskit/button/custom-theme-button';
 import Spinner from '@atlaskit/spinner';
 import SearchIcon from '@atlaskit/icon/core/migration/search';
-import EditorCloseIcon from '@atlaskit/icon/core/migration/cross--editor-close';
+import EditorCloseIcon from '@atlaskit/icon/core/cross';
 import { injectIntl } from 'react-intl-next';
 import { REQUEST_STATE } from '../../../model/Requests';
 import { useSearchContext } from '../../contexts/searchContext';
@@ -18,7 +18,7 @@ import { useNavigationContext } from '../../contexts/navigationContext';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "9.2.0"
+  packageVersion: "0.0.0-development"
 };
 var buttonStyles = null;
 export var SearchInput = function SearchInput(_ref) {

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
 import Button from '@atlaskit/button';
-import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
+import ShortcutIcon from '@atlaskit/icon/core/link-external';
 import { injectIntl } from 'react-intl-next';
 import { Text } from '@atlaskit/primitives/compiled';
 import { messages } from '../../../messages';

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
 import Button from '@atlaskit/button';
-import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
+import ShortcutIcon from '@atlaskit/icon/core/link-external';
 import { injectIntl } from 'react-intl-next';
 import { Text } from '@atlaskit/primitives/compiled';
 import NotFoundImage from '../../../assets/NotFoundImage';

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

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
-import LightbulbIcon from '@atlaskit/icon/core/migration/lightbulb';
+import LightbulbIcon from '@atlaskit/icon/core/lightbulb';
 import { injectIntl } from 'react-intl-next';
 import { useWhatsNewArticleContext } from '../../contexts/whatsNewArticleContext';
 import { useNavigationContext } from '../../contexts/navigationContext';
@@ -11,7 +11,7 @@ import { ARTICLE_TYPE } from '../../../model/Help';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "9.2.0"
+  packageVersion: "0.0.0-development"
 };
 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: "9.2.0"
+  packageVersion: "0.0.0-development"
 };
 export var WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -92,14 +92,14 @@ var getCurrentArticleItemSlim = function getCurrentArticleItemSlim(history) {
   if (article) {
     if (type === ARTICLE_TYPE.HELP_ARTICLE) {
       var _ref = article,
-        body = _ref.body,
-        relatedArticles = _ref.relatedArticles,
+        _body = _ref.body,
+        _relatedArticles = _ref.relatedArticles,
         articleItemData = _objectWithoutProperties(_ref, _excluded);
       var currentArticleSlimData = articleItemData;
       return currentArticleSlimData;
     } else if (type === ARTICLE_TYPE.WHATS_NEW) {
       var _ref2 = article,
-        description = _ref2.description,
+        _description = _ref2.description,
         whatsNewArticleItemData = _objectWithoutProperties(_ref2, _excluded2);
       var currentWhatsNewArticleSlimData = whatsNewArticleItemData;
       return currentWhatsNewArticleSlimData;
@@ -265,6 +265,9 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
   var onGetHelpArticleRef = useRef(onGetHelpArticle);
   var onGetWhatsNewArticleRef = useRef(onGetWhatsNewArticle);
 
+  // Ref to store triggering elements for focus restoration on navigate back
+  var triggerElementsRef = useRef([]);
+
   // Update refs when functions change
   onGetHelpArticleRef.current = onGetHelpArticle;
   onGetWhatsNewArticleRef.current = onGetWhatsNewArticle;
@@ -367,7 +370,7 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
     };
   }(), []);
   var navigateBack = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-    var _searchResult$length;
+    var triggerElement, _searchResult$length, timeoutId;
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
@@ -388,31 +391,48 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
           });
           return _context3.abrupt("return");
         case 8:
-          //  if the history is not empty and ...
-          if (currentHistory.length > 0) {
-            // the history has more than one article, navigate back through the history
-            if (currentHistory.length > 1) {
-              // Remove last element
+          if (!(currentHistory.length > 0)) {
+            _context3.next = 14;
+            break;
+          }
+          // Pop the trigger element before navigating back
+          triggerElement = triggerElementsRef.current.pop(); // the history has more than one article, navigate back through the history
+          if (currentHistory.length > 1) {
+            // Remove last element
+            dispatchNavigationAction({
+              type: 'removeLastHistoryItem'
+            });
+          } else if (currentHistory.length === 1) {
+            // 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: 'removeLastHistoryItem'
+                type: 'removeAllHistoryItems'
               });
-            } else if (currentHistory.length === 1) {
-              // 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:
+
+          // Restore focus to the element that triggered the navigation
+          if (!triggerElement) {
+            _context3.next = 14;
+            break;
+          }
+          // Wait for slide-out animation to complete (300ms) plus a buffer
+          timeoutId = setTimeout(function () {
+            if (document.body.contains(triggerElement)) {
+              triggerElement.focus();
+            }
+          }, 400); // Increased from 350ms to 400ms
+          return _context3.abrupt("return", function () {
+            return clearTimeout(timeoutId);
+          });
+        case 14:
         case "end":
           return _context3.stop();
       }
@@ -420,6 +440,8 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
   })), [currentView, searchValue, currentArticleId, currentHistory, onSearch, searchResult === null || searchResult === void 0 ? void 0 : searchResult.length]);
   var onClose = useCallback(function (event, analyticsEvent) {
     if (onCloseButtonClick) {
+      // Clear trigger elements stack when closing
+      triggerElementsRef.current = [];
       dispatchNavigationAction({
         type: 'removeAllHistoryItems'
       });
@@ -427,6 +449,11 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
     }
   }, [onCloseButtonClick]);
   var onOpenArticle = useCallback(function (newArticleId) {
+    // Capture the currently focused element before opening article
+    var triggerElement = document.activeElement;
+    if (triggerElement && triggerElement !== document.body) {
+      triggerElementsRef.current.push(triggerElement);
+    }
     dispatchNavigationAction({
       type: 'addNewHistoryItem',
       payload: newArticleId
@@ -466,7 +493,12 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
       } else {
         /**
          * Otherwise we need to add a new article
+         * Capture the focused element for focus restoration when navigating back
          */
+        var triggerElement = document.activeElement;
+        if (triggerElement && triggerElement !== document.body && propsArticleId.id !== '') {
+          triggerElementsRef.current.push(triggerElement);
+        }
         dispatchNavigationAction({
           type: 'newArticle',
           payload: propsArticleId

package/dist/types/assets/IconWrapper.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
-import { type IconProps, type NewCoreIconProps } from '@atlaskit/icon';
+import { type NewCoreIconProps } from '@atlaskit/icon';
 type IconWrapperProps = {
     appearance: string;
-    Icon: React.FC<NewCoreIconProps>;
-    LegacyIcon: ({ label, primaryColor, secondaryColor, size, testId }: IconProps) => JSX.Element;
+    Icon: (props: NewCoreIconProps) => JSX.Element;
 };
-export declare const IconWrapper: ({ Icon, LegacyIcon, appearance, }: IconWrapperProps) => React.JSX.Element;
+export declare const IconWrapper: ({ Icon, appearance }: IconWrapperProps) => React.JSX.Element;
 export {};

package/dist/types/components/ArticlesList/ArticlesList.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { type ArticlesList as ArticlesListInterface } from './model/ArticlesListItem';
 export interface Props {
+    firstExpandedArticleRef?: (element: HTMLAnchorElement | null) => void;
     numberOfArticlesToDisplay?: number;
 }
 declare const articlesList: React.FC<Partial<ArticlesListInterface> & Props>;

package/dist/types/components/ArticlesList/ArticlesListItem/index.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
+import { type WrappedComponentProps } from 'react-intl-next';
 import { type ArticleItem } from '../../../model/Article';
 interface Props {
     onClick?: (event: React.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
     styles?: {};
 }
-export declare const ArticlesListItem: React.FC<Props & Partial<ArticleItem> & WrappedComponentProps>;
-declare const _default_1: React.FC<WithIntlProps<Props & Partial<ArticleItem> & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<Props & Partial<ArticleItem> & WrappedComponentProps>;
+export declare const ArticlesListItem: React.ForwardRefExoticComponent<Props & Partial<ArticleItem> & WrappedComponentProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const _default_1: React.ForwardRefExoticComponent<Omit<import("react-intl-next").WithIntlProps<React.PropsWithChildren<Props & Partial<ArticleItem> & WrappedComponentProps & React.RefAttributes<HTMLAnchorElement>>>, "ref"> & React.RefAttributes<any>> & {
+    WrappedComponent: React.ComponentType<Props & Partial<ArticleItem> & WrappedComponentProps & React.RefAttributes<HTMLAnchorElement>>;
 };
 export default _default_1;

package/dist/types/components/ArticlesList/ArticlesListItem/styled.d.ts

@@ -3,11 +3,11 @@
  * @jsx jsx
  */
 import React from 'react';
-export declare const ArticlesListItemWrapper: ({ styles, children, ...rest }: {
+export declare const ArticlesListItemWrapper: React.ForwardRefExoticComponent<Omit<{
     [rest: string]: any;
     children: React.ReactNode;
     styles?: React.CSSProperties;
-}) => JSX.Element;
+}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 export declare const ArticlesListItemContainer: ({ children, }: {
     children: React.ReactNode;
 }) => JSX.Element;

package/dist/types-ts4.5/assets/IconWrapper.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
-import { type IconProps, type NewCoreIconProps } from '@atlaskit/icon';
+import { type NewCoreIconProps } from '@atlaskit/icon';
 type IconWrapperProps = {
     appearance: string;
-    Icon: React.FC<NewCoreIconProps>;
-    LegacyIcon: ({ label, primaryColor, secondaryColor, size, testId }: IconProps) => JSX.Element;
+    Icon: (props: NewCoreIconProps) => JSX.Element;
 };
-export declare const IconWrapper: ({ Icon, LegacyIcon, appearance, }: IconWrapperProps) => React.JSX.Element;
+export declare const IconWrapper: ({ Icon, appearance }: IconWrapperProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/components/ArticlesList/ArticlesList.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { type ArticlesList as ArticlesListInterface } from './model/ArticlesListItem';
 export interface Props {
+    firstExpandedArticleRef?: (element: HTMLAnchorElement | null) => void;
     numberOfArticlesToDisplay?: number;
 }
 declare const articlesList: React.FC<Partial<ArticlesListInterface> & Props>;

package/dist/types-ts4.5/components/ArticlesList/ArticlesListItem/index.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
+import { type WrappedComponentProps } from 'react-intl-next';
 import { type ArticleItem } from '../../../model/Article';
 interface Props {
     onClick?: (event: React.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
     styles?: {};
 }
-export declare const ArticlesListItem: React.FC<Props & Partial<ArticleItem> & WrappedComponentProps>;
-declare const _default_1: React.FC<WithIntlProps<Props & Partial<ArticleItem> & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<Props & Partial<ArticleItem> & WrappedComponentProps>;
+export declare const ArticlesListItem: React.ForwardRefExoticComponent<Props & Partial<ArticleItem> & WrappedComponentProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const _default_1: React.ForwardRefExoticComponent<Omit<import("react-intl-next").WithIntlProps<React.PropsWithChildren<Props & Partial<ArticleItem> & WrappedComponentProps & React.RefAttributes<HTMLAnchorElement>>>, "ref"> & React.RefAttributes<any>> & {
+    WrappedComponent: React.ComponentType<Props & Partial<ArticleItem> & WrappedComponentProps & React.RefAttributes<HTMLAnchorElement>>;
 };
 export default _default_1;

package/dist/types-ts4.5/components/ArticlesList/ArticlesListItem/styled.d.ts

@@ -3,11 +3,11 @@
  * @jsx jsx
  */
 import React from 'react';
-export declare const ArticlesListItemWrapper: ({ styles, children, ...rest }: {
+export declare const ArticlesListItemWrapper: React.ForwardRefExoticComponent<Omit<{
     [rest: string]: any;
     children: React.ReactNode;
     styles?: React.CSSProperties;
-}) => JSX.Element;
+}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 export declare const ArticlesListItemContainer: ({ children, }: {
     children: React.ReactNode;
 }) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/help",
-	"version": "9.2.1",
+	"version": "9.2.3",
 	"description": "A cross-product help component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -32,26 +32,25 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/button": "^23.7.0",
+		"@atlaskit/button": "^23.9.0",
 		"@atlaskit/checkbox": "^17.2.0",
-		"@atlaskit/form": "^15.0.0",
+		"@atlaskit/form": "^15.2.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/help-article": "^6.0.0",
 		"@atlaskit/help-layout": "^6.3.0",
-		"@atlaskit/icon": "^29.0.0",
-		"@atlaskit/legacy-custom-icons": "^0.22.0",
+		"@atlaskit/icon": "^29.3.0",
 		"@atlaskit/notification-indicator": "^10.0.0",
-		"@atlaskit/notification-log-client": "^6.3.0",
+		"@atlaskit/notification-log-client": "^6.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^16.4.0",
+		"@atlaskit/primitives": "^17.0.0",
 		"@atlaskit/radio": "^8.3.0",
-		"@atlaskit/section-message": "^8.10.0",
-		"@atlaskit/select": "^21.5.0",
+		"@atlaskit/section-message": "^8.11.0",
+		"@atlaskit/select": "^21.6.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/textarea": "^8.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^8.4.0",
+		"@atlaskit/tokens": "^9.0.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
@@ -66,7 +65,7 @@
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"devDependencies": {
-		"@testing-library/react": "^13.4.0",
+		"@testing-library/react": "^16.3.0",
 		"@types/react-transition-group": "^2.0.6",
 		"algoliasearch": "^3.35.1",
 		"enzyme": "^3.10.0",