@atlaskit/help 9.4.5 → 9.4.7

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @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
+
+- Updated dependencies
+
 ## 9.4.5
 
 ### Patch Changes

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/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/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/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/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) {

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/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");

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");

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/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/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/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/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";

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/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,

package/dist/es2019/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 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/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 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useRef } from 'react';
 import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import { Transition } from 'react-transition-group';
@@ -16,6 +16,7 @@ export const BackButton = ({
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
+  const transitionRef = useRef(null);
   const handleOnClick = event => {
     if (onClick) {
       const analyticsEvent = createAnalyticsEvent({
@@ -27,9 +28,11 @@ export const BackButton = ({
   return /*#__PURE__*/React.createElement(Transition, {
     in: isVisible,
     timeout: BACK_BUTTON_CONTAINER_TRANSITION_DURATION_MS,
+    nodeRef: transitionRef,
     mountOnEnter: true,
     unmountOnExit: true
   }, state => /*#__PURE__*/React.createElement(BackButtonContainer, {
+    ref: transitionRef,
     transitionState: state
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: event => {

package/dist/es2019/components/Help.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { withAnalyticsEvents, withAnalyticsContext } from '@atlaskit/analytics-next';
-import { IntlProvider } from 'react-intl-next';
+import { IntlProvider as ReactIntlProvider } from 'react-intl';
+import { IntlProvider as ReactIntlNextProvider } from 'react-intl-next';
 import { defaultAnalyticsAttributes } from '../analytics';
 import { HeaderContextProvider } from './contexts/headerContext';
 import { HomeContextProvider } from './contexts/homeContext';
@@ -15,10 +16,13 @@ import HelpContent from './HelpContent';
 const LocaleIntlProvider = ({
   locale = 'en',
   children
-}) => /*#__PURE__*/React.createElement(IntlProvider, {
-  key: locale,
+}) => /*#__PURE__*/React.createElement(ReactIntlProvider, {
+  key: `v6-${locale}`,
   locale: locale
-}, children);
+}, /*#__PURE__*/React.createElement(ReactIntlNextProvider, {
+  key: `v5-${locale}`,
+  locale: locale
+}, children));
 export class Help extends React.PureComponent {
   render() {
     const {

package/dist/es2019/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 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/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 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/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 */
 /** @jsxFrag */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/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 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/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 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useRef, useCallback } from 'react';

package/dist/es2019/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 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -41,6 +41,8 @@ export const SearchResults = ({
   }, [onSearchResultItemClick, openArticle, openExternalSearchUrlInNewTab]);
   const [suggestionsCount, setSuggestionsCount] = useState(0);
   const liveRegionRef = useRef(null);
+  const searchResultsAiRef = useRef(null);
+  const searchResultsRef = useRef(null);
   useEffect(() => {
     if (searchResult) {
       setSuggestionsCount(searchResult.length);
@@ -50,8 +52,10 @@ export const SearchResults = ({
   }, [searchResult]);
   return isAiEnabled ? /*#__PURE__*/React.createElement(Transition, {
     in: view === VIEW.SEARCH && isSearchResultVisible,
-    timeout: FADEIN_OVERLAY_TRANSITION_DURATION_MS
+    timeout: FADEIN_OVERLAY_TRANSITION_DURATION_MS,
+    nodeRef: searchResultsAiRef
   }, state => /*#__PURE__*/React.createElement(SearchResultsContainerAi, {
+    ref: searchResultsAiRef,
     transitionState: state
   }, /*#__PURE__*/React.createElement("div", {
     ref: liveRegionRef,
@@ -89,8 +93,10 @@ export const SearchResults = ({
     onSearch: onSearch
   }))) : /*#__PURE__*/React.createElement(Transition, {
     in: view === VIEW.SEARCH && isSearchResultVisible,
-    timeout: FADEIN_OVERLAY_TRANSITION_DURATION_MS
+    timeout: FADEIN_OVERLAY_TRANSITION_DURATION_MS,
+    nodeRef: searchResultsRef
   }, state => /*#__PURE__*/React.createElement(SearchResultsContainer, {
+    ref: searchResultsRef,
     transitionState: state
   }, /*#__PURE__*/React.createElement("div", {
     ref: liveRegionRef,

package/dist/es2019/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 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
@@ -23,21 +23,25 @@ const transitionStyles = {
     visibility: 'hidden'
   }
 };
-export const SearchResultsContainer = ({
+export const SearchResultsContainer = /*#__PURE__*/React.forwardRef(({
   children,
   transitionState
-}) => /*#__PURE__*/React.createElement("div", {
+}, ref) => /*#__PURE__*/React.createElement("div", {
+  ref: ref,
   style: transitionStyles[transitionState],
   className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _v5643rtd _kqswstnw _4t3i1osq _1bsb1osq _154iidpf _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbyzo7u _ca0qidpf _u5f3pxbi _n3tdidpf _19bvpxbi _tzy4idpf _3um015vq"])
-}, children);
+}, children));
+SearchResultsContainer.displayName = 'SearchResultsContainer';
 const searchResultsContainerAiStyles = null;
-export const SearchResultsContainerAi = ({
+export const SearchResultsContainerAi = /*#__PURE__*/React.forwardRef(({
   children,
   transitionState
-}) => /*#__PURE__*/React.createElement("div", {
+}, ref) => /*#__PURE__*/React.createElement("div", {
+  ref: ref,
   style: transitionStyles[transitionState],
   className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _v5643rtd _kqswstnw _4t3i1kz6 _1bsb1osq _154i1eca _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbyzo7u _ca0qidpf _u5f3pxbi _n3tdidpf _19bvpxbi _tzy4idpf _3um015vq"])
-}, children);
+}, children));
+SearchResultsContainerAi.displayName = 'SearchResultsContainerAi';
 const searchResultEmptyMessageImageStyles = null;
 export const SearchResultEmptyMessageImage = ({
   children

package/dist/es2019/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 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/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 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';