@atlaskit/help 7.2.30 → 7.3.0

package/dist/esm/util/styled.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject;
 /** @jsx jsx */
 
 import { keyframes } from '@emotion/react';
@@ -7,38 +7,77 @@ import styled from '@emotion/styled';
 import { gridSize } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
 import { WHATS_NEW_ITEM_TYPES } from '../model/WhatsNew';
-export var DividerLine = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  height: 2px;\n  width: 100%;\n  padding: 0 ", ";\n  margin-top: ", ";\n  box-sizing: border-box;\n"])), "var(--ds-border, ".concat(colors.N30A, ")"), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");
+export var DividerLine = styled.div({
+  backgroundColor: "var(--ds-border, ".concat(colors.N30A, ")"),
+  height: '2px',
+  width: '100%',
+  padding: "0 ".concat("var(--ds-space-200, 16px)"),
+  marginTop: "var(--ds-space-200, 16px)",
+  boxSizing: 'border-box'
+});
 
 /**
  * Loading container
  */
 
-var shimmer = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    0% {\n        background-position: -300px 0;\n    }\n    100% {\n        background-position: 1000px 0;\n    }\n"])));
-export var LoadingRectangle = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: inline-block;\n  vertical-align: middle;\n  position: relative;\n  height: ", ";\n  margin-top: ", ";\n  width: ", ";\n  border-radius: 2px;\n  animation-duration: 1.2s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: ", ";\n  animation-timing-function: linear;\n  background-color: ", ";\n  background-image: linear-gradient(\n    to right,\n    ", " 10%,\n    ", " 20%,\n    ", " 30%\n  );\n  background-repeat: no-repeat;\n"])), function (props) {
-  return props.contentHeight ? props.contentHeight : '1rem';
-}, function (props) {
-  return props.marginTop ? props.marginTop : gridSize() + 'px';
-}, function (props) {
-  return props.contentWidth ? props.contentWidth : '100%';
-}, shimmer, "var(--ds-background-neutral, ".concat(colors.N30, ")"), "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), "var(--ds-background-neutral, ".concat(colors.N40, ")"), "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"));
+var shimmer = keyframes({
+  '0%': {
+    backgroundPosition: '-300px 0'
+  },
+  '100%': {
+    backgroundPosition: '1000px 0'
+  }
+});
+export var LoadingRectangle = styled.div(function (props) {
+  return {
+    display: 'inline-block',
+    verticalAlign: 'middle',
+    position: 'relative',
+    height: props.contentHeight ? props.contentHeight : '1rem',
+    marginTop: props.marginTop ? props.marginTop : gridSize() + 'px',
+    width: props.contentWidth ? props.contentWidth : '100%',
+    borderRadius: '2px',
+    animationDuration: '1.2s',
+    animationFillMode: 'forwards',
+    animationIterationCount: 'infinite',
+    animationName: shimmer,
+    animationTimingFunction: 'linear',
+    backgroundColor: "var(--ds-background-neutral, ".concat(colors.N30, ")"),
+    backgroundImage: "linear-gradient( to right, ".concat("var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), " 10%, ", "var(--ds-background-neutral, ".concat(colors.N40, ")"), " 20%, ", "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), " 30% )"),
+    backgroundRepeat: 'no-repeat'
+  };
+});
 
 /**
  * Loading Circle
  */
 
-export var LoadingCircle = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: inline-block;\n  vertical-align: middle;\n  position: relative;\n  height: ", ";\n  margin-top: ", ";\n  width: ", ";\n  border-radius: 50%;\n  animation-duration: 1.2s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: ", ";\n  animation-timing-function: linear;\n  background-color: ", ";\n  background-image: linear-gradient(\n    to right,\n    ", " 10%,\n    ", " 20%,\n    ", " 30%\n  );\n  background-repeat: no-repeat;\n"])), function (props) {
-  return props.radius ? props.radius : "".concat(gridSize() * 4, "px");
-}, function (props) {
-  return props.marginTop ? props.marginTop : '';
-}, function (props) {
-  return props.radius ? props.radius : "".concat(gridSize() * 4, "px");
-}, shimmer, "var(--ds-background-neutral, ".concat(colors.N30, ")"), "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), "var(--ds-background-neutral, ".concat(colors.N40, ")"), "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"));
+export var LoadingCircle = styled.div(function (props) {
+  return {
+    display: 'inline-block',
+    verticalAlign: 'middle',
+    position: 'relative',
+    height: props.radius ? props.radius : "".concat(gridSize() * 4, "px"),
+    marginTop: props.marginTop ? props.marginTop : '',
+    width: props.radius ? props.radius : "".concat(gridSize() * 4, "px"),
+    borderRadius: '50%',
+    animationDuration: '1.2s',
+    animationFillMode: 'forwards',
+    animationIterationCount: 'infinite',
+    animationName: shimmer,
+    animationTimingFunction: 'linear',
+    backgroundColor: "var(--ds-background-neutral, ".concat(colors.N30, ")"),
+    backgroundImage: "linear-gradient( to right, ".concat("var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), " 10%, ", "var(--ds-background-neutral, ".concat(colors.N40, ")"), " 20%, ", "var(--ds-background-neutral-subtle, ".concat(colors.N30, ")"), " 30% )"),
+    backgroundRepeat: 'no-repeat'
+  };
+});
 
 /**
  * What's new icon
  */
 
-export var WhatsNewTypeIcon = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: inline-block;\n  vertical-align: middle;\n  position: relative;\n  height: ", ";\n  width: ", ";\n  border-radius: 2px;\n  background-color: ", ";\n\n  & > img {\n    width: calc(100% - ", "px);\n    height: calc(100% - ", "px);\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n\n    & > svg {\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", function (_ref) {
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation
+export var WhatsNewTypeIcon = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  vertical-align: middle;\n  position: relative;\n  height: ", ";\n  width: ", ";\n  border-radius: 2px;\n  background-color: ", ";\n\n  & > img {\n    width: calc(100% - ", "px);\n    height: calc(100% - ", "px);\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n\n    & > svg {\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", function (_ref) {
   var type = _ref.type;
   switch (type) {
     case WHATS_NEW_ITEM_TYPES.IMPROVEMENT:

package/dist/types/analytics.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import * as x from '@atlaskit/analytics-next';
-export declare const withAnalyticsEvents: (createEventMap?: import("@atlaskit/analytics-next/types").CreateEventMap | undefined) => <Props extends x.WithAnalyticsEventsProps, Component>(WrappedComponent: import("react").JSXElementConstructor<Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Omit<Props, keyof x.WithAnalyticsEventsProps>>> & import("react").RefAttributes<any>>;
-export declare const withAnalyticsContext: (defaultData?: any) => <Props, Component>(WrappedComponent: import("react").JSXElementConstructor<Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Props & x.WithContextProps>> & import("react").RefAttributes<any>>;
+export declare const withAnalyticsEvents: (createEventMap?: import("@atlaskit/analytics-next/types").CreateEventMap | undefined) => <Props extends x.WithAnalyticsEventsProps, Component>(WrappedComponent: import("react").ComponentType<Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Omit<Props, keyof x.WithAnalyticsEventsProps>>> & import("react").RefAttributes<any>>;
+export declare const withAnalyticsContext: (defaultData?: any) => <Props, Component>(WrappedComponent: import("react").ComponentType<Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Props & x.WithContextProps>> & import("react").RefAttributes<any>>;
 export declare const createAndFire: (payload: x.AnalyticsEventPayload) => (createAnalyticsEvent: x.CreateUIAnalyticsEvent) => x.UIAnalyticsEvent;
 export declare const defaultAnalyticsAttributes: {
     componentName: string;

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

@@ -15,7 +15,5 @@ export interface Props {
 export declare const RelatedArticles: React.FC<Props & WrappedComponentProps>;
 declare const _default: React.ForwardRefExoticComponent<Omit<Props & WrappedComponentProps, "intl"> & {
     forwardedRef?: React.Ref<any> | undefined;
-} & {
-    children?: React.ReactNode;
 } & import("@atlaskit/analytics-next").WithContextProps & React.RefAttributes<any>>;
 export default _default;

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

@@ -1,12 +1,13 @@
-import React, { PropsWithChildren } from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { ArticleItem } from '../../model/Article';
+import React, { type PropsWithChildren } from 'react';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type ArticleItem } from '../../model/Article';
 import { REQUEST_STATE } from '../../model/Requests';
 interface SearchSharedInterface {
     onSearchInputChanged?(event: React.KeyboardEvent<HTMLInputElement>, analyticsEvent: UIAnalyticsEvent, value: string): void;
     onSearchInputCleared?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent): void;
     onSearchExternalUrlClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent): void;
     searchExternalUrl?: string;
+    openExternalSearchUrlInNewTab?: boolean;
 }
 export interface SearchContextInterface extends SearchSharedInterface {
     onSearch?(value?: string): void;
@@ -21,5 +22,5 @@ export interface SearchProviderInterface extends SearchSharedInterface {
     onSearchResultItemClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent, articleData: ArticleItem): void;
 }
 export declare const useSearchContext: () => SearchContextInterface, CtxProvider: React.Provider<SearchContextInterface | undefined>;
-export declare const SearchContextProvider: ({ onSearch, onSearchInputChanged, onSearchInputCleared, onSearchResultItemClick, onSearchExternalUrlClick, searchExternalUrl, children, }: PropsWithChildren<SearchProviderInterface>) => JSX.Element;
+export declare const SearchContextProvider: ({ onSearch, onSearchInputChanged, onSearchInputCleared, onSearchResultItemClick, onSearchExternalUrlClick, searchExternalUrl, children, openExternalSearchUrlInNewTab }: PropsWithChildren<SearchProviderInterface>) => JSX.Element;
 export {};

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { Article, ArticleItem, ArticleFeedback } from './Article';
-import { WhatsNewArticleItem, WhatsNewArticle, WHATS_NEW_ITEM_TYPES, whatsNewSearchResult } from './WhatsNew';
-import { REQUEST_STATE } from './Requests';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { NotificationLogProvider } from '@atlaskit/notification-log-client';
+import { type Article, type ArticleItem, type ArticleFeedback } from './Article';
+import { type WhatsNewArticleItem, type WhatsNewArticle, type WHATS_NEW_ITEM_TYPES, type whatsNewSearchResult } from './WhatsNew';
+import { type REQUEST_STATE } from './Requests';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type NotificationLogProvider } from '@atlaskit/notification-log-client';
 import type { Props as HelpContentButtonProps } from '../components/HelpContentButton';
 export declare enum ARTICLE_TYPE {
     HELP_ARTICLE = "HELP_ARTICLE",
@@ -36,6 +36,7 @@ export interface Help {
         onSearchResultItemClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent, articleData: ArticleItem): void;
         onSearchExternalUrlClick?(event?: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent?: UIAnalyticsEvent): void;
         searchExternalUrl?: string;
+        openExternalSearchUrlInNewTab?: boolean;
     };
     navigation?: {
         navigationData?: {

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import * as x from '@atlaskit/analytics-next';
-export declare const withAnalyticsEvents: (createEventMap?: import("@atlaskit/analytics-next/types").CreateEventMap | undefined) => <Props extends x.WithAnalyticsEventsProps, Component>(WrappedComponent: import("react").JSXElementConstructor<Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Omit<Props, keyof x.WithAnalyticsEventsProps>>> & import("react").RefAttributes<any>>;
-export declare const withAnalyticsContext: (defaultData?: any) => <Props, Component>(WrappedComponent: import("react").JSXElementConstructor<Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Props & x.WithContextProps>> & import("react").RefAttributes<any>>;
+export declare const withAnalyticsEvents: (createEventMap?: import("@atlaskit/analytics-next/types").CreateEventMap | undefined) => <Props extends x.WithAnalyticsEventsProps, Component>(WrappedComponent: import("react").ComponentType<Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Omit<Props, keyof x.WithAnalyticsEventsProps>>> & import("react").RefAttributes<any>>;
+export declare const withAnalyticsContext: (defaultData?: any) => <Props, Component>(WrappedComponent: import("react").ComponentType<Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Props & x.WithContextProps>> & import("react").RefAttributes<any>>;
 export declare const createAndFire: (payload: x.AnalyticsEventPayload) => (createAnalyticsEvent: x.CreateUIAnalyticsEvent) => x.UIAnalyticsEvent;
 export declare const defaultAnalyticsAttributes: {
     componentName: string;

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

@@ -15,7 +15,5 @@ export interface Props {
 export declare const RelatedArticles: React.FC<Props & WrappedComponentProps>;
 declare const _default: React.ForwardRefExoticComponent<Omit<Props & WrappedComponentProps, "intl"> & {
     forwardedRef?: React.Ref<any> | undefined;
-} & {
-    children?: React.ReactNode;
 } & import("@atlaskit/analytics-next").WithContextProps & React.RefAttributes<any>>;
 export default _default;

package/dist/types-ts4.5/components/contexts/searchContext.d.ts

@@ -1,12 +1,13 @@
-import React, { PropsWithChildren } from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { ArticleItem } from '../../model/Article';
+import React, { type PropsWithChildren } from 'react';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type ArticleItem } from '../../model/Article';
 import { REQUEST_STATE } from '../../model/Requests';
 interface SearchSharedInterface {
     onSearchInputChanged?(event: React.KeyboardEvent<HTMLInputElement>, analyticsEvent: UIAnalyticsEvent, value: string): void;
     onSearchInputCleared?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent): void;
     onSearchExternalUrlClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent): void;
     searchExternalUrl?: string;
+    openExternalSearchUrlInNewTab?: boolean;
 }
 export interface SearchContextInterface extends SearchSharedInterface {
     onSearch?(value?: string): void;
@@ -21,5 +22,5 @@ export interface SearchProviderInterface extends SearchSharedInterface {
     onSearchResultItemClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent, articleData: ArticleItem): void;
 }
 export declare const useSearchContext: () => SearchContextInterface, CtxProvider: React.Provider<SearchContextInterface | undefined>;
-export declare const SearchContextProvider: ({ onSearch, onSearchInputChanged, onSearchInputCleared, onSearchResultItemClick, onSearchExternalUrlClick, searchExternalUrl, children, }: PropsWithChildren<SearchProviderInterface>) => JSX.Element;
+export declare const SearchContextProvider: ({ onSearch, onSearchInputChanged, onSearchInputCleared, onSearchResultItemClick, onSearchExternalUrlClick, searchExternalUrl, children, openExternalSearchUrlInNewTab }: PropsWithChildren<SearchProviderInterface>) => JSX.Element;
 export {};

package/dist/types-ts4.5/model/Help.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { Article, ArticleItem, ArticleFeedback } from './Article';
-import { WhatsNewArticleItem, WhatsNewArticle, WHATS_NEW_ITEM_TYPES, whatsNewSearchResult } from './WhatsNew';
-import { REQUEST_STATE } from './Requests';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { NotificationLogProvider } from '@atlaskit/notification-log-client';
+import { type Article, type ArticleItem, type ArticleFeedback } from './Article';
+import { type WhatsNewArticleItem, type WhatsNewArticle, type WHATS_NEW_ITEM_TYPES, type whatsNewSearchResult } from './WhatsNew';
+import { type REQUEST_STATE } from './Requests';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type NotificationLogProvider } from '@atlaskit/notification-log-client';
 import type { Props as HelpContentButtonProps } from '../components/HelpContentButton';
 export declare enum ARTICLE_TYPE {
     HELP_ARTICLE = "HELP_ARTICLE",
@@ -36,6 +36,7 @@ export interface Help {
         onSearchResultItemClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent, articleData: ArticleItem): void;
         onSearchExternalUrlClick?(event?: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent?: UIAnalyticsEvent): void;
         searchExternalUrl?: string;
+        openExternalSearchUrlInNewTab?: boolean;
     };
     navigation?: {
         navigationData?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/help",
-  "version": "7.2.30",
+  "version": "7.3.0",
   "description": "A cross-product help component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -41,24 +41,24 @@
     "ak-postbuild": "ls -d dist/* | xargs -n 1 copyfiles -u 1 -V src/**/*.svg"
   },
   "dependencies": {
-    "@atlaskit/analytics-next": "^9.2.0",
-    "@atlaskit/button": "^17.8.0",
-    "@atlaskit/checkbox": "^13.1.0",
-    "@atlaskit/form": "^9.1.0",
+    "@atlaskit/analytics-next": "^9.3.0",
+    "@atlaskit/button": "^17.14.0",
+    "@atlaskit/checkbox": "^13.3.0",
+    "@atlaskit/form": "^9.3.0",
     "@atlaskit/help-article": "^4.1.10",
     "@atlaskit/help-layout": "^4.2.15",
     "@atlaskit/icon": "^22.1.0",
     "@atlaskit/notification-indicator": "^9.2.0",
     "@atlaskit/notification-log-client": "^6.1.0",
-    "@atlaskit/radio": "^6.1.0",
-    "@atlaskit/section-message": "^6.4.0",
-    "@atlaskit/select": "^17.3.0",
-    "@atlaskit/spinner": "^16.0.0",
-    "@atlaskit/textarea": "^5.2.0",
-    "@atlaskit/textfield": "^6.1.0",
+    "@atlaskit/radio": "^6.3.0",
+    "@atlaskit/section-message": "^6.5.0",
+    "@atlaskit/select": "^17.8.0",
+    "@atlaskit/spinner": "^16.1.0",
+    "@atlaskit/textarea": "^5.4.0",
+    "@atlaskit/textfield": "^6.3.0",
     "@atlaskit/theme": "^12.7.0",
-    "@atlaskit/tokens": "^1.42.0",
-    "@atlaskit/tooltip": "^18.1.0",
+    "@atlaskit/tokens": "^1.45.0",
+    "@atlaskit/tooltip": "^18.3.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.0.0",