@atlaskit/help 6.0.2 → 6.0.6

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/help
 
+## 6.0.6
+
+### Patch Changes
+
+- Updated dependencies
+
+## 6.0.5
+
+### Patch Changes
+
+- [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
+
+## 6.0.4
+
+### Patch Changes
+
+- [`9c8157a146f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9c8157a146f) - [ux] Add tooltip to HelpContentButton and update "What's new" button label
+
+## 6.0.3
+
+### Patch Changes
+
+- [`78c9f070230`](https://bitbucket.org/atlassian/atlassian-frontend/commits/78c9f070230) - Bump algoliasearch version from ^3.33.0 to ^3.35.1. In @atlaskit/help we updated the example 3 and moved Algolia API related code to it's own react hook
+
 ## 6.0.2
 
 ### Patch Changes

package/dist/cjs/components/HelpContent.js

@@ -56,7 +56,8 @@ var HelpContent = function HelpContent(_ref) {
 
   var _useWhatsNewArticleCo = (0, _whatsNewArticleContext.useWhatsNewArticleContext)(),
       onSearchWhatsNewArticles = _useWhatsNewArticleCo.onSearchWhatsNewArticles,
-      onGetWhatsNewArticle = _useWhatsNewArticleCo.onGetWhatsNewArticle;
+      onGetWhatsNewArticle = _useWhatsNewArticleCo.onGetWhatsNewArticle,
+      productName = _useWhatsNewArticleCo.productName;
 
   var _useNavigationContext = (0, _navigationContext.useNavigationContext)(),
       isOverlayVisible = _useNavigationContext.isOverlayVisible,
@@ -110,7 +111,9 @@ var HelpContent = function HelpContent(_ref) {
   }, /*#__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: isOverlayVisible
-  }, homeContent, onSearchWhatsNewArticles && onGetWhatsNewArticle && /*#__PURE__*/_react.default.createElement(_WhatsNewButton.default, null), homeOptions && homeOptions.map(function (defaultOption) {
+  }, homeContent, onSearchWhatsNewArticles && onGetWhatsNewArticle && /*#__PURE__*/_react.default.createElement(_WhatsNewButton.default, {
+    productName: productName
+  }), homeOptions && homeOptions.map(function (defaultOption) {
     return /*#__PURE__*/_react.default.createElement(_HelpContentButton.default, (0, _extends2.default)({
       key: defaultOption.id
     }, defaultOption));

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

@@ -13,6 +13,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
 
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+
 var _notificationIndicator = require("@atlaskit/notification-indicator");
 
 var _analyticsNext = require("@atlaskit/analytics-next");
@@ -40,7 +42,8 @@ var HelpContentButton = function HelpContentButton(_ref) {
       notificationLogProvider = _ref.notificationLogProvider,
       text = _ref.text,
       icon = _ref.icon,
-      onClick = _ref.onClick;
+      onClick = _ref.onClick,
+      tooltipText = _ref.tooltipText;
 
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
       createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
@@ -53,14 +56,8 @@ var HelpContentButton = function HelpContentButton(_ref) {
       onClick(id, analyticsEvent, event);
     }
   }, [createAnalyticsEvent, id, onClick]);
-  return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
-    data: analitycsContextData
-  }, /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonContainer, {
-    onClick: handleOnClick,
-    href: href,
-    id: id,
-    target: href && '_blank'
-  }, /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonIcon, null, icon), /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonText, null, text, notificationLogProvider !== null && /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonExternalNotificationIcon, null, /*#__PURE__*/_react.default.createElement(_notificationIndicator.NotificationIndicator, {
+
+  var buttonContent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonIcon, null, icon), /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonText, null, text, notificationLogProvider !== null && /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonExternalNotificationIcon, null, /*#__PURE__*/_react.default.createElement(_notificationIndicator.NotificationIndicator, {
     notificationLogProvider: notificationLogProvider,
     max: notificationMax,
     appearance: "primary"
@@ -69,7 +66,19 @@ var HelpContentButton = function HelpContentButton(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_shortcut.default, {
     size: "small",
     label: ""
-  })))));
+  }))));
+
+  return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+    data: analitycsContextData
+  }, /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonContainer, {
+    onClick: handleOnClick,
+    href: href,
+    id: id,
+    target: href && '_blank'
+  }, tooltipText ? /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    content: tooltipText,
+    position: "left"
+  }, buttonContent) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, buttonContent)));
 };
 
 var _default = HelpContentButton;

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

@@ -42,7 +42,8 @@ var ANALYTICS_CONTEXT_DATA = {
 };
 
 var WhatsNewButton = function WhatsNewButton(_ref) {
-  var formatMessage = _ref.intl.formatMessage;
+  var productName = _ref.productName,
+      formatMessage = _ref.intl.formatMessage;
 
   var _useWhatsNewArticleCo = (0, _whatsNewArticleContext.useWhatsNewArticleContext)(),
       onWhatsNewButtonClick = _useWhatsNewArticleCo.onWhatsNewButtonClick,
@@ -66,9 +67,12 @@ var WhatsNewButton = function WhatsNewButton(_ref) {
   return /*#__PURE__*/_react.default.createElement(_HelpContentButton.default, {
     id: "whats-new",
     key: "whats-new",
+    tooltipText: formatMessage(_messages.messages.help_whats_new_button_tooltip),
     notificationLogProvider: whatsNewGetNotificationProvider,
     onClick: handleOnButtonClick,
-    text: formatMessage(_messages.messages.help_whats_new_button_label),
+    text: productName ? formatMessage(_messages.messages.help_whats_new_button_label, {
+      productName: productName
+    }) : formatMessage(_messages.messages.help_whats_new_button_label_without_product_name),
     icon: /*#__PURE__*/_react.default.createElement(_lightbulb.default, {
       primaryColor: colors.N600,
       size: "medium",

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

@@ -44,6 +44,7 @@ var WhatsNewArticleProvider = function WhatsNewArticleProvider(_ref) {
       onSearchWhatsNewArticlesShowMoreClick = _ref.onSearchWhatsNewArticlesShowMoreClick,
       onWhatsNewResultItemClick = _ref.onWhatsNewResultItemClick,
       onGetWhatsNewArticle = _ref.onGetWhatsNewArticle,
+      productName = _ref.productName,
       children = _ref.children;
 
   // What's new
@@ -149,7 +150,8 @@ var WhatsNewArticleProvider = function WhatsNewArticleProvider(_ref) {
       searchWhatsNewArticlesState: searchWhatsNewArticlesState,
       searchWhatsNewArticlesResult: searchWhatsNewArticlesResult,
       onWhatsNewResultItemClick: onWhatsNewResultItemClick,
-      onGetWhatsNewArticle: onGetWhatsNewArticle
+      onGetWhatsNewArticle: onGetWhatsNewArticle,
+      productName: productName
     }
   }, children);
 };

package/dist/cjs/messages.js

@@ -185,9 +185,19 @@ var messages = (0, _reactIntlNext.defineMessages)({
   },
   help_whats_new_button_label: {
     id: 'help.whats_new.button_label',
-    defaultMessage: "What's new",
+    defaultMessage: 'Find out what’s changed in {productName}',
     description: "text for the \"What's New\" button"
   },
+  help_whats_new_button_label_without_product_name: {
+    id: 'help.whats_new.button_label',
+    defaultMessage: 'Find out what’s changed',
+    description: "text for the \"What's New\" button"
+  },
+  help_whats_new_button_tooltip: {
+    id: 'help.whats_new.button_tooltip',
+    defaultMessage: "Explore our full collection of help and support resources.",
+    description: "text for the \"What's New\" tooltip"
+  },
   help_whats_new_filter_select_option_all: {
     id: 'help.whats_new.filter_select_option_all',
     defaultMessage: "All release types",

package/dist/cjs/version.json

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

package/dist/es2019/components/HelpContent.js

@@ -23,7 +23,8 @@ export const HelpContent = ({
   } = useHomeContext();
   const {
     onSearchWhatsNewArticles,
-    onGetWhatsNewArticle
+    onGetWhatsNewArticle,
+    productName
   } = useWhatsNewArticleContext();
   const {
     isOverlayVisible,
@@ -73,7 +74,9 @@ export const HelpContent = ({
   }, /*#__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: isOverlayVisible
-  }, homeContent, onSearchWhatsNewArticles && onGetWhatsNewArticle && /*#__PURE__*/React.createElement(WhatsNewButton, null), homeOptions && homeOptions.map(defaultOption => {
+  }, homeContent, onSearchWhatsNewArticles && onGetWhatsNewArticle && /*#__PURE__*/React.createElement(WhatsNewButton, {
+    productName: productName
+  }), homeOptions && homeOptions.map(defaultOption => {
     return /*#__PURE__*/React.createElement(HelpContentButton, _extends({
       key: defaultOption.id
     }, defaultOption));

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

@@ -1,5 +1,6 @@
 import React, { useCallback } from 'react';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
+import Tooltip from '@atlaskit/tooltip';
 import { NotificationIndicator } from '@atlaskit/notification-indicator';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import { name as packageName, version as packageVersion } from '../../version.json';
@@ -17,7 +18,8 @@ const HelpContentButton = ({
   notificationLogProvider,
   text,
   icon,
-  onClick
+  onClick,
+  tooltipText
 }) => {
   const {
     createAnalyticsEvent
@@ -30,14 +32,7 @@ const HelpContentButton = ({
       onClick(id, analyticsEvent, event);
     }
   }, [createAnalyticsEvent, id, onClick]);
-  return /*#__PURE__*/React.createElement(AnalyticsContext, {
-    data: analitycsContextData
-  }, /*#__PURE__*/React.createElement(HelpContentButtonContainer, {
-    onClick: handleOnClick,
-    href: href,
-    id: id,
-    target: href && '_blank'
-  }, /*#__PURE__*/React.createElement(HelpContentButtonIcon, null, icon), /*#__PURE__*/React.createElement(HelpContentButtonText, null, text, notificationLogProvider !== null && /*#__PURE__*/React.createElement(HelpContentButtonExternalNotificationIcon, null, /*#__PURE__*/React.createElement(NotificationIndicator, {
+  const buttonContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HelpContentButtonIcon, null, icon), /*#__PURE__*/React.createElement(HelpContentButtonText, null, text, notificationLogProvider !== null && /*#__PURE__*/React.createElement(HelpContentButtonExternalNotificationIcon, null, /*#__PURE__*/React.createElement(NotificationIndicator, {
     notificationLogProvider: notificationLogProvider,
     max: notificationMax,
     appearance: "primary"
@@ -46,7 +41,18 @@ const HelpContentButton = ({
   }, /*#__PURE__*/React.createElement(ShortcutIcon, {
     size: "small",
     label: ""
-  })))));
+  }))));
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: analitycsContextData
+  }, /*#__PURE__*/React.createElement(HelpContentButtonContainer, {
+    onClick: handleOnClick,
+    href: href,
+    id: id,
+    target: href && '_blank'
+  }, tooltipText ? /*#__PURE__*/React.createElement(Tooltip, {
+    content: tooltipText,
+    position: "left"
+  }, buttonContent) : /*#__PURE__*/React.createElement(React.Fragment, null, buttonContent)));
 };
 
 export default HelpContentButton;

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

@@ -15,6 +15,7 @@ const ANALYTICS_CONTEXT_DATA = {
   packageVersion
 };
 export const WhatsNewButton = ({
+  productName,
   intl: {
     formatMessage
   }
@@ -41,9 +42,12 @@ export const WhatsNewButton = ({
   return /*#__PURE__*/React.createElement(HelpContentButton, {
     id: "whats-new",
     key: "whats-new",
+    tooltipText: formatMessage(messages.help_whats_new_button_tooltip),
     notificationLogProvider: whatsNewGetNotificationProvider,
     onClick: handleOnButtonClick,
-    text: formatMessage(messages.help_whats_new_button_label),
+    text: productName ? formatMessage(messages.help_whats_new_button_label, {
+      productName
+    }) : formatMessage(messages.help_whats_new_button_label_without_product_name),
     icon: /*#__PURE__*/React.createElement(LightbulbIcon, {
       primaryColor: colors.N600,
       size: "medium",

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

@@ -10,6 +10,7 @@ export const WhatsNewArticleProvider = ({
   onSearchWhatsNewArticlesShowMoreClick,
   onWhatsNewResultItemClick,
   onGetWhatsNewArticle,
+  productName,
   children
 }) => {
   // What's new
@@ -55,7 +56,8 @@ export const WhatsNewArticleProvider = ({
       searchWhatsNewArticlesState,
       searchWhatsNewArticlesResult,
       onWhatsNewResultItemClick,
-      onGetWhatsNewArticle
+      onGetWhatsNewArticle,
+      productName
     }
   }, children);
 };

package/dist/es2019/messages.js

@@ -177,9 +177,19 @@ export const messages = defineMessages({
   },
   help_whats_new_button_label: {
     id: 'help.whats_new.button_label',
-    defaultMessage: `What's new`,
+    defaultMessage: 'Find out what’s changed in {productName}',
     description: `text for the "What's New" button`
   },
+  help_whats_new_button_label_without_product_name: {
+    id: 'help.whats_new.button_label',
+    defaultMessage: 'Find out what’s changed',
+    description: `text for the "What's New" button`
+  },
+  help_whats_new_button_tooltip: {
+    id: 'help.whats_new.button_tooltip',
+    defaultMessage: `Explore our full collection of help and support resources.`,
+    description: `text for the "What's New" tooltip`
+  },
   help_whats_new_filter_select_option_all: {
     id: 'help.whats_new.filter_select_option_all',
     defaultMessage: `All release types`,

package/dist/es2019/version.json

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

package/dist/esm/components/HelpContent.js

@@ -24,7 +24,8 @@ export var HelpContent = function HelpContent(_ref) {
 
   var _useWhatsNewArticleCo = useWhatsNewArticleContext(),
       onSearchWhatsNewArticles = _useWhatsNewArticleCo.onSearchWhatsNewArticles,
-      onGetWhatsNewArticle = _useWhatsNewArticleCo.onGetWhatsNewArticle;
+      onGetWhatsNewArticle = _useWhatsNewArticleCo.onGetWhatsNewArticle,
+      productName = _useWhatsNewArticleCo.productName;
 
   var _useNavigationContext = useNavigationContext(),
       isOverlayVisible = _useNavigationContext.isOverlayVisible,
@@ -78,7 +79,9 @@ export var HelpContent = function HelpContent(_ref) {
   }, /*#__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: isOverlayVisible
-  }, homeContent, onSearchWhatsNewArticles && onGetWhatsNewArticle && /*#__PURE__*/React.createElement(WhatsNewButton, null), homeOptions && homeOptions.map(function (defaultOption) {
+  }, homeContent, onSearchWhatsNewArticles && onGetWhatsNewArticle && /*#__PURE__*/React.createElement(WhatsNewButton, {
+    productName: productName
+  }), homeOptions && homeOptions.map(function (defaultOption) {
     return /*#__PURE__*/React.createElement(HelpContentButton, _extends({
       key: defaultOption.id
     }, defaultOption));

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

@@ -1,5 +1,6 @@
 import React, { useCallback } from 'react';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
+import Tooltip from '@atlaskit/tooltip';
 import { NotificationIndicator } from '@atlaskit/notification-indicator';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import { name as packageName, version as packageVersion } from '../../version.json';
@@ -19,7 +20,8 @@ var HelpContentButton = function HelpContentButton(_ref) {
       notificationLogProvider = _ref.notificationLogProvider,
       text = _ref.text,
       icon = _ref.icon,
-      onClick = _ref.onClick;
+      onClick = _ref.onClick,
+      tooltipText = _ref.tooltipText;
 
   var _useAnalyticsEvents = useAnalyticsEvents(),
       createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
@@ -32,14 +34,7 @@ var HelpContentButton = function HelpContentButton(_ref) {
       onClick(id, analyticsEvent, event);
     }
   }, [createAnalyticsEvent, id, onClick]);
-  return /*#__PURE__*/React.createElement(AnalyticsContext, {
-    data: analitycsContextData
-  }, /*#__PURE__*/React.createElement(HelpContentButtonContainer, {
-    onClick: handleOnClick,
-    href: href,
-    id: id,
-    target: href && '_blank'
-  }, /*#__PURE__*/React.createElement(HelpContentButtonIcon, null, icon), /*#__PURE__*/React.createElement(HelpContentButtonText, null, text, notificationLogProvider !== null && /*#__PURE__*/React.createElement(HelpContentButtonExternalNotificationIcon, null, /*#__PURE__*/React.createElement(NotificationIndicator, {
+  var buttonContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HelpContentButtonIcon, null, icon), /*#__PURE__*/React.createElement(HelpContentButtonText, null, text, notificationLogProvider !== null && /*#__PURE__*/React.createElement(HelpContentButtonExternalNotificationIcon, null, /*#__PURE__*/React.createElement(NotificationIndicator, {
     notificationLogProvider: notificationLogProvider,
     max: notificationMax,
     appearance: "primary"
@@ -48,7 +43,18 @@ var HelpContentButton = function HelpContentButton(_ref) {
   }, /*#__PURE__*/React.createElement(ShortcutIcon, {
     size: "small",
     label: ""
-  })))));
+  }))));
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: analitycsContextData
+  }, /*#__PURE__*/React.createElement(HelpContentButtonContainer, {
+    onClick: handleOnClick,
+    href: href,
+    id: id,
+    target: href && '_blank'
+  }, tooltipText ? /*#__PURE__*/React.createElement(Tooltip, {
+    content: tooltipText,
+    position: "left"
+  }, buttonContent) : /*#__PURE__*/React.createElement(React.Fragment, null, buttonContent)));
 };
 
 export default HelpContentButton;

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

@@ -15,7 +15,8 @@ var ANALYTICS_CONTEXT_DATA = {
   packageVersion: packageVersion
 };
 export var WhatsNewButton = function WhatsNewButton(_ref) {
-  var formatMessage = _ref.intl.formatMessage;
+  var productName = _ref.productName,
+      formatMessage = _ref.intl.formatMessage;
 
   var _useWhatsNewArticleCo = useWhatsNewArticleContext(),
       onWhatsNewButtonClick = _useWhatsNewArticleCo.onWhatsNewButtonClick,
@@ -39,9 +40,12 @@ export var WhatsNewButton = function WhatsNewButton(_ref) {
   return /*#__PURE__*/React.createElement(HelpContentButton, {
     id: "whats-new",
     key: "whats-new",
+    tooltipText: formatMessage(messages.help_whats_new_button_tooltip),
     notificationLogProvider: whatsNewGetNotificationProvider,
     onClick: handleOnButtonClick,
-    text: formatMessage(messages.help_whats_new_button_label),
+    text: productName ? formatMessage(messages.help_whats_new_button_label, {
+      productName: productName
+    }) : formatMessage(messages.help_whats_new_button_label_without_product_name),
     icon: /*#__PURE__*/React.createElement(LightbulbIcon, {
       primaryColor: colors.N600,
       size: "medium",

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

@@ -20,6 +20,7 @@ export var WhatsNewArticleProvider = function WhatsNewArticleProvider(_ref) {
       onSearchWhatsNewArticlesShowMoreClick = _ref.onSearchWhatsNewArticlesShowMoreClick,
       onWhatsNewResultItemClick = _ref.onWhatsNewResultItemClick,
       onGetWhatsNewArticle = _ref.onGetWhatsNewArticle,
+      productName = _ref.productName,
       children = _ref.children;
 
   // What's new
@@ -125,7 +126,8 @@ export var WhatsNewArticleProvider = function WhatsNewArticleProvider(_ref) {
       searchWhatsNewArticlesState: searchWhatsNewArticlesState,
       searchWhatsNewArticlesResult: searchWhatsNewArticlesResult,
       onWhatsNewResultItemClick: onWhatsNewResultItemClick,
-      onGetWhatsNewArticle: onGetWhatsNewArticle
+      onGetWhatsNewArticle: onGetWhatsNewArticle,
+      productName: productName
     }
   }, children);
 };

package/dist/esm/messages.js

@@ -177,9 +177,19 @@ export var messages = defineMessages({
   },
   help_whats_new_button_label: {
     id: 'help.whats_new.button_label',
-    defaultMessage: "What's new",
+    defaultMessage: 'Find out what’s changed in {productName}',
     description: "text for the \"What's New\" button"
   },
+  help_whats_new_button_label_without_product_name: {
+    id: 'help.whats_new.button_label',
+    defaultMessage: 'Find out what’s changed',
+    description: "text for the \"What's New\" button"
+  },
+  help_whats_new_button_tooltip: {
+    id: 'help.whats_new.button_tooltip',
+    defaultMessage: "Explore our full collection of help and support resources.",
+    description: "text for the \"What's New\" tooltip"
+  },
   help_whats_new_filter_select_option_all: {
     id: 'help.whats_new.filter_select_option_all',
     defaultMessage: "All release types",

package/dist/esm/version.json

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

package/dist/types/components/HelpContentButton/index.d.ts

@@ -8,7 +8,8 @@ export declare type Props = {
     notificationLogProvider?: Promise<NotificationLogProvider>;
     text: string;
     icon?: React.ReactChild;
+    tooltipText?: string;
     onClick?: (id: string, analytics: UIAnalyticsEvent, event: React.MouseEvent<HTMLElement>) => void;
 };
-declare const HelpContentButton: ({ id, href, notificationMax, notificationLogProvider, text, icon, onClick, }: Props) => JSX.Element;
+declare const HelpContentButton: ({ id, href, notificationMax, notificationLogProvider, text, icon, onClick, tooltipText, }: Props) => JSX.Element;
 export default HelpContentButton;

package/dist/types/components/WhatsNew/WhatsNewButton/index.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
-export declare const WhatsNewButton: React.FC<WrappedComponentProps>;
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<WrappedComponentProps<"intl">>;
+interface WhatsNewButtonProps {
+    productName?: string;
+}
+export declare const WhatsNewButton: React.FC<WrappedComponentProps & WhatsNewButtonProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<WrappedComponentProps<"intl"> & WhatsNewButtonProps>> & {
+    WrappedComponent: React.ComponentType<WrappedComponentProps<"intl"> & WhatsNewButtonProps>;
 };
 export default _default;

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

@@ -7,6 +7,7 @@ import { articleId } from '../../model/Help';
 import { WHATS_NEW_ITEM_TYPES } from '../../model/WhatsNew';
 interface WhatsNewArticleSharedInterface {
     whatsNewGetNotificationProvider?: Promise<NotificationLogProvider>;
+    productName?: string;
     onWhatsNewButtonClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent): void;
     onWhatsNewResultItemClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent, whatsNewArticleData: WhatsNewArticleItem): void;
     onSearchWhatsNewArticlesShowMoreClick?(event: React.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent): void;

package/dist/types/messages.d.ts

@@ -179,6 +179,16 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    help_whats_new_button_label_without_product_name: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    help_whats_new_button_tooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     help_whats_new_filter_select_option_all: {
         id: string;
         defaultMessage: string;

package/dist/types/model/Help.d.ts

@@ -59,6 +59,7 @@ export interface Help {
     };
     whatsNew?: {
         whatsNewGetNotificationProvider?: Promise<NotificationLogProvider>;
+        productName?: string;
         onWhatsNewButtonClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent): void;
         onSearchWhatsNewArticles?(filter?: WHATS_NEW_ITEM_TYPES | '', numberOfItems?: number, page?: string): Promise<whatsNewSearchResult>;
         onWhatsNewResultItemClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent, whatsNewArticleData: WhatsNewArticleItem): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/help",
-  "version": "6.0.2",
+  "version": "6.0.6",
   "description": "A cross-product help component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -35,8 +35,8 @@
     "@atlaskit/help-layout": "^4.0.0",
     "@atlaskit/icon": "^21.9.0",
     "@atlaskit/item": "^12.0.0",
-    "@atlaskit/notification-indicator": "^8.1.0",
-    "@atlaskit/notification-log-client": "^5.2.0",
+    "@atlaskit/notification-indicator": "^9.0.0",
+    "@atlaskit/notification-log-client": "^6.0.0",
     "@atlaskit/radio": "^5.3.0",
     "@atlaskit/section-message": "^6.1.0",
     "@atlaskit/select": "^15.0.0",
@@ -44,11 +44,12 @@
     "@atlaskit/textarea": "^4.2.0",
     "@atlaskit/textfield": "^5.1.0",
     "@atlaskit/theme": "^12.0.0",
+    "@atlaskit/tooltip": "^17.5.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
     "@emotion/styled": "^10.0.7",
     "date-fns": "^2.17.0",
-    "lodash": "^4.17.15",
+    "lodash": "^4.17.21",
     "react-animate-height": "^2.0.5",
     "react-transition-group": "^4.4.1"
   },
@@ -61,10 +62,10 @@
   "devDependencies": {
     "@atlaskit/docs": "*",
     "@atlaskit/navigation": "^37.0.0",
-    "@atlaskit/page": "^12.0.0",
+    "@atlaskit/page": "^12.1.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/react": "^8.0.1",
-    "algoliasearch": "^3.33.0",
+    "algoliasearch": "^3.35.1",
     "enzyme": "^3.10.0",
     "react-test-renderer": "^16.8.0",
     "typescript": "3.9.6"