@atlaskit/help 9.4.6 → 9.4.8

package/dist/esm/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';
@@ -18,7 +18,7 @@ import { useNavigationContext } from '../../contexts/navigationContext';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 var buttonStyles = null;
 export var SearchInput = function SearchInput(_ref) {

package/dist/esm/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/esm/components/Search/SearchResults/index.js

@@ -43,6 +43,8 @@ export var SearchResults = function SearchResults(_ref) {
     suggestionsCount = _useState2[0],
     setSuggestionsCount = _useState2[1];
   var liveRegionRef = useRef(null);
+  var searchResultsAiRef = useRef(null);
+  var searchResultsRef = useRef(null);
   useEffect(function () {
     if (searchResult) {
       setSuggestionsCount(searchResult.length);
@@ -52,9 +54,11 @@ export var SearchResults = function SearchResults(_ref) {
   }, [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
   }, function (state) {
     return /*#__PURE__*/React.createElement(SearchResultsContainerAi, {
+      ref: searchResultsAiRef,
       transitionState: state
     }, /*#__PURE__*/React.createElement("div", {
       ref: liveRegionRef,
@@ -93,9 +97,11 @@ export var SearchResults = function SearchResults(_ref) {
     }));
   }) : /*#__PURE__*/React.createElement(Transition, {
     in: view === VIEW.SEARCH && isSearchResultVisible,
-    timeout: FADEIN_OVERLAY_TRANSITION_DURATION_MS
+    timeout: FADEIN_OVERLAY_TRANSITION_DURATION_MS,
+    nodeRef: searchResultsRef
   }, function (state) {
     return /*#__PURE__*/React.createElement(SearchResultsContainer, {
+      ref: searchResultsRef,
       transitionState: state
     }, /*#__PURE__*/React.createElement("div", {
       ref: liveRegionRef,

package/dist/esm/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 _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -26,27 +26,31 @@ var transitionStyles = {
     visibility: 'hidden'
   }
 };
-export var SearchResultsContainer = function SearchResultsContainer(_ref) {
+export var SearchResultsContainer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     transitionState = _ref.transitionState;
   return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
     className: 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": ix("opacity ".concat(FADEIN_OVERLAY_TRANSITION_DURATION_MS, "ms"))
     })
   }, children);
-};
+});
+SearchResultsContainer.displayName = 'SearchResultsContainer';
 var searchResultsContainerAiStyles = null;
-export var SearchResultsContainerAi = function SearchResultsContainerAi(_ref2) {
+export var SearchResultsContainerAi = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
     transitionState = _ref2.transitionState;
   return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
     className: 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": ix("opacity ".concat(FADEIN_OVERLAY_TRANSITION_DURATION_MS, "ms"))
     })
   }, children);
-};
+});
+SearchResultsContainerAi.displayName = 'SearchResultsContainerAi';
 var searchResultEmptyMessageImageStyles = null;
 export var SearchResultEmptyMessageImage = function SearchResultEmptyMessageImage(_ref3) {
   var children = _ref3.children;

package/dist/esm/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/esm/components/WhatsNew/WhatsNewButton/index.js

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

package/dist/esm/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';

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

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

package/dist/esm/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 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

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

package/dist/esm/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 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];

package/dist/esm/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 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./index.compiled.css";

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

package/dist/esm/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 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -80,16 +80,18 @@ var backButtonContainerTransitionStyles = {
     opacity: 0
   }
 };
-export var BackButtonContainer = function BackButtonContainer(_ref7) {
+export var BackButtonContainer = /*#__PURE__*/React.forwardRef(function (_ref7, ref) {
   var transitionState = _ref7.transitionState,
     children = _ref7.children;
   return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
     className: ax(["_v5641tic _kqswstnw _19pkou31 _1ltv1ejb _4t3ixy5q _tzy4idpf"]),
     style: _objectSpread(_objectSpread({}, backButtonContainerTransitionStyles[transitionState]), {}, {
       "--_m9bkgq": 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;
 export var StyledUl = function StyledUl(_ref8) {
   var children = _ref8.children;

package/dist/esm/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 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./styled.compiled.css";

package/dist/types/components/Search/SearchResults/styled.d.ts

@@ -5,14 +5,12 @@
 import React from 'react';
 import type { TransitionStatus } from '../../constants';
 export declare const FADEIN_OVERLAY_TRANSITION_DURATION_MS = 440;
-export declare const SearchResultsContainer: ({ children, transitionState, }: {
+type SearchResultsContainerProps = {
     children: React.ReactNode;
     transitionState: TransitionStatus;
-}) => JSX.Element;
-export declare const SearchResultsContainerAi: ({ children, transitionState, }: {
-    children: React.ReactNode;
-    transitionState: TransitionStatus;
-}) => JSX.Element;
+};
+export declare const SearchResultsContainer: React.ForwardRefExoticComponent<SearchResultsContainerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SearchResultsContainerAi: React.ForwardRefExoticComponent<SearchResultsContainerProps & React.RefAttributes<HTMLDivElement>>;
 export declare const SearchResultEmptyMessageImage: ({ children, }: {
     children: React.ReactNode;
 }) => JSX.Element;
@@ -25,3 +23,4 @@ export declare const SearchResultEmptyMessageHeaderText: ({ children, }: {
 export declare const SearchResultSearchExternalSiteContainer: ({ children, }: {
     children: React.ReactNode;
 }) => JSX.Element;
+export {};

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

@@ -25,10 +25,11 @@ export declare const HelpFooter: ({ children, ...rest }: {
     children: React.ReactNode;
 }) => JSX.Element;
 export declare const BACK_BUTTON_CONTAINER_TRANSITION_DURATION_MS = 220;
-export declare const BackButtonContainer: ({ transitionState, children, }: {
+type BackButtonContainerProps = {
     children: React.ReactNode;
     transitionState: TransitionStatus;
-}) => JSX.Element;
+};
+export declare const BackButtonContainer: React.ForwardRefExoticComponent<BackButtonContainerProps & React.RefAttributes<HTMLDivElement>>;
 export declare const StyledUl: ({ children }: {
     children: React.ReactNode;
 }) => JSX.Element;

package/dist/types-ts4.5/components/Search/SearchResults/styled.d.ts

@@ -5,14 +5,12 @@
 import React from 'react';
 import type { TransitionStatus } from '../../constants';
 export declare const FADEIN_OVERLAY_TRANSITION_DURATION_MS = 440;
-export declare const SearchResultsContainer: ({ children, transitionState, }: {
+type SearchResultsContainerProps = {
     children: React.ReactNode;
     transitionState: TransitionStatus;
-}) => JSX.Element;
-export declare const SearchResultsContainerAi: ({ children, transitionState, }: {
-    children: React.ReactNode;
-    transitionState: TransitionStatus;
-}) => JSX.Element;
+};
+export declare const SearchResultsContainer: React.ForwardRefExoticComponent<SearchResultsContainerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SearchResultsContainerAi: React.ForwardRefExoticComponent<SearchResultsContainerProps & React.RefAttributes<HTMLDivElement>>;
 export declare const SearchResultEmptyMessageImage: ({ children, }: {
     children: React.ReactNode;
 }) => JSX.Element;
@@ -25,3 +23,4 @@ export declare const SearchResultEmptyMessageHeaderText: ({ children, }: {
 export declare const SearchResultSearchExternalSiteContainer: ({ children, }: {
     children: React.ReactNode;
 }) => JSX.Element;
+export {};

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

@@ -25,10 +25,11 @@ export declare const HelpFooter: ({ children, ...rest }: {
     children: React.ReactNode;
 }) => JSX.Element;
 export declare const BACK_BUTTON_CONTAINER_TRANSITION_DURATION_MS = 220;
-export declare const BackButtonContainer: ({ transitionState, children, }: {
+type BackButtonContainerProps = {
     children: React.ReactNode;
     transitionState: TransitionStatus;
-}) => JSX.Element;
+};
+export declare const BackButtonContainer: React.ForwardRefExoticComponent<BackButtonContainerProps & React.RefAttributes<HTMLDivElement>>;
 export declare const StyledUl: ({ children }: {
     children: React.ReactNode;
 }) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/help",
-	"version": "9.4.6",
+	"version": "9.4.8",
 	"description": "A cross-product help component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,38 +34,39 @@
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/button": "^23.10.0",
 		"@atlaskit/checkbox": "^17.3.0",
-		"@atlaskit/form": "^15.3.0",
+		"@atlaskit/form": "^15.4.0",
 		"@atlaskit/heading": "^5.3.0",
 		"@atlaskit/help-article": "^6.0.0",
 		"@atlaskit/help-layout": "^6.3.0",
-		"@atlaskit/icon": "^32.0.0",
+		"@atlaskit/icon": "^33.0.0",
 		"@atlaskit/notification-indicator": "^10.0.0",
 		"@atlaskit/notification-log-client": "^6.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/radio": "^8.4.0",
 		"@atlaskit/section-message": "^8.12.0",
-		"@atlaskit/select": "^21.7.0",
+		"@atlaskit/select": "^21.8.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/textarea": "^8.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tokens": "^11.0.0",
+		"@atlaskit/tokens": "^11.1.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.6",
+		"@compiled/react": "^0.20.0",
 		"date-fns": "^2.17.0",
 		"lodash": "^4.17.21",
 		"react-animate-height": "^2.1.0",
 		"react-transition-group": "^4.4.1"
 	},
 	"peerDependencies": {
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0",
+		"react": "^18.2.0 || ^19.0.0",
+		"react-dom": "^18.2.0 || ^19.0.0",
+		"react-intl": "^6.0.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"devDependencies": {
-		"@atlassian/a11y-jest-testing": "^0.11.0",
+		"@atlassian/a11y-jest-testing": "^0.10.0",
 		"@testing-library/react": "^16.3.0",
 		"@types/react-transition-group": "^2.0.6",
 		"algoliasearch": "^3.35.1",