@atlaskit/help 9.4.6 → 9.4.7

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/help
 
+## 9.4.7
+
+### Patch Changes
+
+- [`d8333dbe8ad56`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d8333dbe8ad56) -
+  Upgrade help packages for React 19 compatibility (react-next wrapper)
+  - Upgraded `react` and `react-dom` peer dependencies to support `^18.2.0 || ^19.0.0`
+  - Added `react-intl` as a peer dependency where needed for internationalization
+  - Integrated `useRef` for transition handling in BackButton, SearchResults, and RightSidePanel
+  - Updated transition components to use `nodeRef` for better performance and animation control
+  - Refactored components to use forward refs for improved flexibility with animations
+
+- Updated dependencies
+
 ## 9.4.6
 
 ### Patch Changes

package/dist/cjs/analytics.js

@@ -13,5 +13,5 @@ var createAndFire = exports.createAndFire = x.createAndFireEvent('atlaskit');
 var defaultAnalyticsAttributes = exports.defaultAnalyticsAttributes = {
   componentName: 'help',
   packageName: "@atlaskit/help",
-  packageVersion: "9.4.5"
+  packageVersion: "0.0.0-development"
 };

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

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

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 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: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 var ArticleWasHelpfulYesButton = exports.ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -35,7 +35,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 var buttonStyles = null;
 var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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: "9.4.5"
+      packageVersion: "0.0.0-development"
     };
     if (onRelatedArticlesShowMoreClick) {
       onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);

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

@@ -21,7 +21,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 var WhatsNewArticle = exports.WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -123,6 +123,7 @@ var Article = exports.Article = function Article(_ref) {
     in: showArticle,
     timeout: _constants.SLIDEIN_OVERLAY_TRANSITION_DURATION_MS,
     enter: !skipArticleSlideInAnimation,
+    nodeRef: articleContainerRef,
     onEntered: onArticleEntered,
     onExit: onArticleExit,
     unmountOnExit: true,
@@ -142,6 +143,7 @@ var Article = exports.Article = function Article(_ref) {
     in: showArticle,
     timeout: _constants.SLIDEIN_OVERLAY_TRANSITION_DURATION_MS,
     enter: !skipArticleSlideInAnimation,
+    nodeRef: articleContainerRef,
     onEntered: onArticleEntered,
     onExit: onArticleExit,
     unmountOnExit: true,

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

@@ -18,7 +18,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 var highlightText = function highlightText(text) {
   if (!text) {

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,11 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BackButton = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _reactTransitionGroup = require("react-transition-group");
@@ -13,6 +14,7 @@ var _arrowLeft = _interopRequireDefault(require("@atlaskit/icon/core/arrow-left"
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _messages = require("../../messages");
 var _styled = require("../styled");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var BackButton = exports.BackButton = function BackButton(_ref) {
   var onClick = _ref.onClick,
     _ref$isVisible = _ref.isVisible,
@@ -20,6 +22,7 @@ var BackButton = exports.BackButton = function BackButton(_ref) {
     formatMessage = _ref.intl.formatMessage;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var transitionRef = (0, _react.useRef)(null);
   var handleOnClick = function handleOnClick(event) {
     if (onClick) {
       var _analyticsEvent = createAnalyticsEvent({
@@ -31,10 +34,12 @@ var BackButton = exports.BackButton = function BackButton(_ref) {
   return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
     in: isVisible,
     timeout: _styled.BACK_BUTTON_CONTAINER_TRANSITION_DURATION_MS,
+    nodeRef: transitionRef,
     mountOnEnter: true,
     unmountOnExit: true
   }, function (state) {
     return /*#__PURE__*/_react.default.createElement(_styled.BackButtonContainer, {
+      ref: transitionRef,
       transitionState: state
     }, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
       onClick: function onClick(event) {
@@ -55,7 +60,7 @@ var BackButtonWithContext = function BackButtonWithContext(props) {
     data: {
       componentName: 'backButton',
       packageName: "@atlaskit/help",
-      packageVersion: "9.4.5"
+      packageVersion: "0.0.0-development"
     }
   }, /*#__PURE__*/_react.default.createElement(BackButton, props));
 };

package/dist/cjs/components/Help.js

@@ -14,6 +14,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _reactIntl = require("react-intl");
 var _reactIntlNext = require("react-intl-next");
 var _analytics = require("../analytics");
 var _headerContext = require("./contexts/headerContext");
@@ -32,10 +33,13 @@ var LocaleIntlProvider = function LocaleIntlProvider(_ref) {
   var _ref$locale = _ref.locale,
     locale = _ref$locale === void 0 ? 'en' : _ref$locale,
     children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
-    key: locale,
+  return /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
+    key: "v6-".concat(locale),
     locale: locale
-  }, children);
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+    key: "v5-".concat(locale),
+    locale: locale
+  }, children));
 };
 var Help = exports.Help = /*#__PURE__*/function (_React$PureComponent) {
   function Help() {

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

@@ -16,7 +16,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -28,7 +28,7 @@ var _previous = require("../../util/hooks/previous");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /** @jsxFrag */
 var packageName = "@atlaskit/help";
-var packageVersion = "9.4.5";
+var packageVersion = "0.0.0-development";
 var buttonStyles = null;
 var RelatedArticles = exports.RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -27,7 +27,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 var buttonStyles = null;
 var SearchInput = exports.SearchInput = function SearchInput(_ref) {

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -52,6 +52,8 @@ var SearchResults = exports.SearchResults = function SearchResults(_ref) {
     suggestionsCount = _useState2[0],
     setSuggestionsCount = _useState2[1];
   var liveRegionRef = (0, _react.useRef)(null);
+  var searchResultsAiRef = (0, _react.useRef)(null);
+  var searchResultsRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     if (searchResult) {
       setSuggestionsCount(searchResult.length);
@@ -61,9 +63,11 @@ var SearchResults = exports.SearchResults = function SearchResults(_ref) {
   }, [searchResult]);
   return isAiEnabled ? /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
     in: view === _constants.VIEW.SEARCH && isSearchResultVisible,
-    timeout: _styled.FADEIN_OVERLAY_TRANSITION_DURATION_MS
+    timeout: _styled.FADEIN_OVERLAY_TRANSITION_DURATION_MS,
+    nodeRef: searchResultsAiRef
   }, function (state) {
     return /*#__PURE__*/_react.default.createElement(_styled.SearchResultsContainerAi, {
+      ref: searchResultsAiRef,
       transitionState: state
     }, /*#__PURE__*/_react.default.createElement("div", {
       ref: liveRegionRef,
@@ -102,9 +106,11 @@ var SearchResults = exports.SearchResults = function SearchResults(_ref) {
     }));
   }) : /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
     in: view === _constants.VIEW.SEARCH && isSearchResultVisible,
-    timeout: _styled.FADEIN_OVERLAY_TRANSITION_DURATION_MS
+    timeout: _styled.FADEIN_OVERLAY_TRANSITION_DURATION_MS,
+    nodeRef: searchResultsRef
   }, function (state) {
     return /*#__PURE__*/_react.default.createElement(_styled.SearchResultsContainer, {
+      ref: searchResultsRef,
       transitionState: state
     }, /*#__PURE__*/_react.default.createElement("div", {
       ref: liveRegionRef,

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -33,27 +33,31 @@ var transitionStyles = {
     visibility: 'hidden'
   }
 };
-var SearchResultsContainer = exports.SearchResultsContainer = function SearchResultsContainer(_ref) {
+var SearchResultsContainer = exports.SearchResultsContainer = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     transitionState = _ref.transitionState;
   return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
     className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _v564tcs9 _kqswstnw _4t3i1osq _1bsb1osq _154iidpf _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbyzo7u _ca0qidpf _u5f3pxbi _n3tdidpf _19bvpxbi _tzy4idpf _3um015vq"]),
     style: _objectSpread(_objectSpread({}, transitionStyles[transitionState]), {}, {
       "--_1peo1h6": (0, _runtime.ix)("opacity ".concat(FADEIN_OVERLAY_TRANSITION_DURATION_MS, "ms"))
     })
   }, children);
-};
+});
+SearchResultsContainer.displayName = 'SearchResultsContainer';
 var searchResultsContainerAiStyles = null;
-var SearchResultsContainerAi = exports.SearchResultsContainerAi = function SearchResultsContainerAi(_ref2) {
+var SearchResultsContainerAi = exports.SearchResultsContainerAi = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
     transitionState = _ref2.transitionState;
   return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
     className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _v564tcs9 _kqswstnw _4t3i1kz6 _1bsb1osq _154i1eca _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbyzo7u _ca0qidpf _u5f3pxbi _n3tdidpf _19bvpxbi _tzy4idpf _3um015vq"]),
     style: _objectSpread(_objectSpread({}, transitionStyles[transitionState]), {}, {
       "--_1peo1h6": (0, _runtime.ix)("opacity ".concat(FADEIN_OVERLAY_TRANSITION_DURATION_MS, "ms"))
     })
   }, children);
-};
+});
+SearchResultsContainerAi.displayName = 'SearchResultsContainerAi';
 var searchResultEmptyMessageImageStyles = null;
 var SearchResultEmptyMessageImage = exports.SearchResultEmptyMessageImage = function SearchResultEmptyMessageImage(_ref3) {
   var children = _ref3.children;

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -20,7 +20,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 var WhatsNewButton = exports.WhatsNewButton = function WhatsNewButton(_ref) {
   var productName = _ref.productName,

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 var WhatsNewResultListItem = exports.WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/WhatsNew/WhatsNewResults/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -87,16 +87,18 @@ var backButtonContainerTransitionStyles = {
     opacity: 0
   }
 };
-var BackButtonContainer = exports.BackButtonContainer = function BackButtonContainer(_ref7) {
+var BackButtonContainer = exports.BackButtonContainer = /*#__PURE__*/_react.default.forwardRef(function (_ref7, ref) {
   var transitionState = _ref7.transitionState,
     children = _ref7.children;
   return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
     className: (0, _runtime.ax)(["_v5641tic _kqswstnw _19pkou31 _1ltv1ejb _4t3ixy5q _tzy4idpf"]),
     style: _objectSpread(_objectSpread({}, backButtonContainerTransitionStyles[transitionState]), {}, {
       "--_m9bkgq": (0, _runtime.ix)("left ".concat(BACK_BUTTON_CONTAINER_TRANSITION_DURATION_MS, "ms, opacity ").concat(BACK_BUTTON_CONTAINER_TRANSITION_DURATION_MS, "ms"))
     })
   }, children);
-};
+});
+BackButtonContainer.displayName = 'BackButtonContainer';
 var ulStyles = null;
 var StyledUl = exports.StyledUl = function StyledUl(_ref8) {
   var children = _ref8.children;

package/dist/cjs/util/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/es2019/analytics.js

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

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

@@ -10,7 +10,7 @@ import { LoadingErrorMessage, LoadingErrorButtonContainer, LoadingErrorHeading }
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 export const ArticleLoadingFail = ({
   onTryAgainButtonClick,

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 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: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 export const ArticleWasHelpfulYesButton = ({
   isSelected = false,

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -26,7 +26,7 @@ const FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 const buttonStyles = null;
 export const ArticleWasHelpfulForm = ({

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -60,7 +60,7 @@ export const HelpArticle = ({
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "9.4.5"
+      packageVersion: "0.0.0-development"
     };
     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: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 export const WhatsNewArticle = ({
   intl: {

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useState, useLayoutEffect, useRef, useEffect, useCallback } from 'react';
@@ -104,6 +104,7 @@ export const Article = ({
     in: showArticle,
     timeout: SLIDEIN_OVERLAY_TRANSITION_DURATION_MS,
     enter: !skipArticleSlideInAnimation,
+    nodeRef: articleContainerRef,
     onEntered: onArticleEntered,
     onExit: onArticleExit,
     unmountOnExit: true,
@@ -128,6 +129,7 @@ export const Article = ({
     in: showArticle,
     timeout: SLIDEIN_OVERLAY_TRANSITION_DURATION_MS,
     enter: !skipArticleSlideInAnimation,
+    nodeRef: articleContainerRef,
     onEntered: onArticleEntered,
     onExit: onArticleExit,
     unmountOnExit: true,