@atlaskit/help 7.14.0 → 7.14.2

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

@@ -19,6 +19,7 @@ import { useWhatsNewArticleContext } from './whatsNewArticleContext';
 import { useHomeContext } from './homeContext';
 import { useSearchContext } from './searchContext';
 import { useHeaderContext } from './headerContext';
+import { useAiContext } from './aiAgentContext';
 var DEFAULT_ARTICLE_ID = {
   id: '',
   type: ARTICLE_TYPE.HELP_ARTICLE
@@ -224,6 +225,8 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
     onCloseButtonClick = _useHeaderContext.onCloseButtonClick;
   var propsArticleId = navigationData.articleId,
     propsHistory = navigationData.history;
+  var _useAiContext = useAiContext(),
+    isAiEnabled = _useAiContext.isAiEnabled;
   var _useReducer = useReducer(navigationReducer, {
       articleId: propsArticleId,
       history: !isEqual(propsArticleId, DEFAULT_ARTICLE_ID) && propsHistory.length === 0 ? [getNewHistoryItem(propsArticleId.id, propsArticleId.type, propsArticleId.contentAri)] : propsHistory,
@@ -246,7 +249,7 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
      * - If default content isn't defined and the history only has one article,
      * we should not display the back button
      */
-    if (currentHistory.length === 1 && !isDefaultContentDefined || currentView === VIEW.WHATS_NEW && !isDefaultContentDefined) {
+    if (currentHistory.length === 1 && !isDefaultContentDefined || currentView === VIEW.WHATS_NEW && !isDefaultContentDefined || isAiEnabled && currentView === VIEW.SEARCH) {
       return false;
     }
 
@@ -254,7 +257,7 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
      * if an overlay is visible return true to display the back buton
      */
     return isOverlayVisible;
-  }, [currentHistory.length, isDefaultContentDefined, isOverlayVisible, currentView]);
+  }, [currentHistory.length, isDefaultContentDefined, isOverlayVisible, currentView, isAiEnabled]);
   var fetchArticleData = useCallback( /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(historyItem) {
       var article;

package/dist/esm/components/styled.js

@@ -32,6 +32,16 @@ export var HelpBody = styled.div({
   overflowX: 'hidden',
   overflowY: 'auto'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var HelpBodyAi = styled.div({
+  width: '100%',
+  boxSizing: 'border-box',
+  order: 0,
+  flex: '1 1 auto',
+  alignSelf: 'auto',
+  position: 'relative'
+});
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 export var Home = styled.div(function (props) {
   return {
@@ -45,6 +55,21 @@ export var Home = styled.div(function (props) {
   };
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+export var HomeAi = styled.div(function (props) {
+  return {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    display: props.isOverlayFullyVisible ? 'none' : 'block',
+    // height: `calc(100% - ${token('space.800', '60px')})`,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    overflow: props.isOverlayVisible ? 'hidden' : 'auto',
+    paddingLeft: "var(--ds-space-200, 16px)",
+    paddingRight: "var(--ds-space-200, 16px)",
+    paddingBottom: "var(--ds-space-200, 16px)",
+    boxSizing: 'border-box'
+  };
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var HelpFooter = styled.div({
   padding: "var(--ds-space-100, 8px)".concat(" 0"),
@@ -55,4 +80,12 @@ export var HelpFooter = styled.div({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   borderTop: "var(--ds-space-025, 2px)".concat(" solid ", "var(--ds-border, ".concat(colors.N30, ")")),
   justifyContent: 'space-between'
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var BackButtonContainer = styled.div({
+  position: 'absolute',
+  marginTop: "var(--ds-space-200, 14px)",
+  left: "var(--ds-space-100, 8px)",
+  height: "var(--ds-space-400, 32px)"
 });

package/dist/esm/messages.js

@@ -259,5 +259,10 @@ export var messages = defineMessages({
     id: 'help.show_more_button.label_less',
     defaultMessage: 'Show less',
     description: '"Show less" text'
+  },
+  help_panel_search_back: {
+    id: 'helpPanel.search.back',
+    defaultMessage: 'Back',
+    description: ''
   }
 });

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

@@ -1,3 +1,6 @@
-/// <reference types="react" />
-export declare const Article: () => JSX.Element;
+import React from 'react';
+interface ArticleProps {
+    isAiEnabled?: boolean;
+}
+export declare const Article: React.FC<ArticleProps>;
 export default Article;

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

@@ -7,3 +7,7 @@ export declare const ArticleContainer: import("@emotion/styled").StyledComponent
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ArticleContainerAi: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type WrappedComponentProps } from 'react-intl-next';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+interface Props {
+    onClick(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent?: UIAnalyticsEvent): void;
+    isVisible?: boolean;
+}
+export declare const BackButton: React.FC<Props & WrappedComponentProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
+};
+export default _default;

package/dist/types/components/Search/SearchInput/index.d.ts

@@ -4,8 +4,11 @@
  */
 import React from 'react';
 import { type WrappedComponentProps } from 'react-intl-next';
-export declare const SearchInput: React.FC<WrappedComponentProps>;
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<WrappedComponentProps>;
+interface SearchInputProps extends WrappedComponentProps {
+    isAiEnabled?: boolean;
+}
+export declare const SearchInput: React.FC<SearchInputProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<SearchInputProps>> & {
+    WrappedComponent: React.ComponentType<SearchInputProps>;
 };
 export default _default;

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

@@ -3,6 +3,10 @@ export declare const SearchInputContainer: import("@emotion/styled").StyledCompo
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SearchInputContainerAi: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SearchIconContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

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

@@ -1,3 +1,6 @@
-/// <reference types="react" />
-export declare const SearchResults: () => JSX.Element;
+import React from 'react';
+interface SearchResultsProps {
+    isAiEnabled?: boolean;
+}
+export declare const SearchResults: React.FC<SearchResultsProps>;
 export default SearchResults;

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

@@ -3,6 +3,10 @@ export declare const SearchResultsContainer: import("@emotion/styled").StyledCom
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SearchResultsContainerAi: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SearchResultsList: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

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

@@ -12,3 +12,4 @@ export declare const SLIDEIN_OVERLAY_TRANSITION_DURATION_MS = 300;
 export declare const FADEIN_OVERLAY_TRANSITION_DURATION_MS = 440;
 export declare const HIDE_CONTENT_DELAY: number;
 export type TransitionStatus = 'unmounted' | 'exiting' | 'entering' | 'entered' | 'exited';
+export declare const TRANSITION_DURATION_MS = 220;

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

@@ -14,6 +14,10 @@ export declare const HelpBody: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & HelpBodyProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HelpBodyAi: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & HelpBodyProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 type HomeProps = {
     isOverlayFullyVisible?: boolean;
     isOverlayVisible?: boolean;
@@ -22,8 +26,16 @@ export declare const Home: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & HomeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HomeAi: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & HomeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const HelpFooter: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BackButtonContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/dist/types/messages.d.ts

@@ -259,4 +259,9 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    help_panel_search_back: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

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

@@ -1,3 +1,6 @@
-/// <reference types="react" />
-export declare const Article: () => JSX.Element;
+import React from 'react';
+interface ArticleProps {
+    isAiEnabled?: boolean;
+}
+export declare const Article: React.FC<ArticleProps>;
 export default Article;

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

@@ -7,3 +7,7 @@ export declare const ArticleContainer: import("@emotion/styled").StyledComponent
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ArticleContainerAi: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type WrappedComponentProps } from 'react-intl-next';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+interface Props {
+    onClick(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent?: UIAnalyticsEvent): void;
+    isVisible?: boolean;
+}
+export declare const BackButton: React.FC<Props & WrappedComponentProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
+};
+export default _default;

package/dist/types-ts4.5/components/Search/SearchInput/index.d.ts

@@ -4,8 +4,11 @@
  */
 import React from 'react';
 import { type WrappedComponentProps } from 'react-intl-next';
-export declare const SearchInput: React.FC<WrappedComponentProps>;
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<WrappedComponentProps>;
+interface SearchInputProps extends WrappedComponentProps {
+    isAiEnabled?: boolean;
+}
+export declare const SearchInput: React.FC<SearchInputProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<SearchInputProps>> & {
+    WrappedComponent: React.ComponentType<SearchInputProps>;
 };
 export default _default;

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

@@ -3,6 +3,10 @@ export declare const SearchInputContainer: import("@emotion/styled").StyledCompo
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SearchInputContainerAi: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SearchIconContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

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

@@ -1,3 +1,6 @@
-/// <reference types="react" />
-export declare const SearchResults: () => JSX.Element;
+import React from 'react';
+interface SearchResultsProps {
+    isAiEnabled?: boolean;
+}
+export declare const SearchResults: React.FC<SearchResultsProps>;
 export default SearchResults;

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

@@ -3,6 +3,10 @@ export declare const SearchResultsContainer: import("@emotion/styled").StyledCom
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SearchResultsContainerAi: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SearchResultsList: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

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

@@ -12,3 +12,4 @@ export declare const SLIDEIN_OVERLAY_TRANSITION_DURATION_MS = 300;
 export declare const FADEIN_OVERLAY_TRANSITION_DURATION_MS = 440;
 export declare const HIDE_CONTENT_DELAY: number;
 export type TransitionStatus = 'unmounted' | 'exiting' | 'entering' | 'entered' | 'exited';
+export declare const TRANSITION_DURATION_MS = 220;

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

@@ -14,6 +14,10 @@ export declare const HelpBody: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & HelpBodyProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HelpBodyAi: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & HelpBodyProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 type HomeProps = {
     isOverlayFullyVisible?: boolean;
     isOverlayVisible?: boolean;
@@ -22,8 +26,16 @@ export declare const Home: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & HomeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HomeAi: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & HomeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const HelpFooter: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BackButtonContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/dist/types-ts4.5/messages.d.ts

@@ -259,4 +259,9 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    help_panel_search_back: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/help",
-	"version": "7.14.0",
+	"version": "7.14.2",
 	"description": "A cross-product help component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,11 +42,11 @@
 		"@atlaskit/heading": "^4.1.0",
 		"@atlaskit/help-article": "^4.4.0",
 		"@atlaskit/help-layout": "^4.5.0",
-		"@atlaskit/icon": "^23.5.0",
+		"@atlaskit/icon": "^23.6.0",
 		"@atlaskit/legacy-custom-icons": "^0.21.0",
 		"@atlaskit/notification-indicator": "^9.5.0",
 		"@atlaskit/notification-log-client": "^6.2.0",
-		"@atlaskit/platform-feature-flags": "^0.3.0",
+		"@atlaskit/platform-feature-flags": "^1.0.0",
 		"@atlaskit/primitives": "^13.4.0",
 		"@atlaskit/radio": "^7.2.0",
 		"@atlaskit/section-message": "^6.9.0",