@atlaskit/help 7.13.1 → 7.13.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/dist/cjs/analytics.js +1 -1
- package/dist/cjs/components/Article/ArticleLoadingFail/index.js +5 -2
- package/dist/cjs/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulNoButton.js +1 -1
- package/dist/cjs/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulYesButton.js +1 -1
- package/dist/cjs/components/Article/HelpArticle/WasHelpfulForm/index.js +7 -2
- package/dist/cjs/components/Article/HelpArticle/index.js +1 -1
- package/dist/cjs/components/Article/WhatsNewArticle/index.js +1 -1
- package/dist/cjs/components/ArticlesList/ArticlesListItem/index.js +1 -1
- package/dist/cjs/components/ArticlesList/ArticlesListItem/styled.js +1 -0
- package/dist/cjs/components/HelpContent.js +7 -5
- package/dist/cjs/components/HelpContentButton/index.js +1 -1
- package/dist/cjs/components/RelatedArticles/index.js +11 -2
- package/dist/cjs/components/Search/SearchInput/index.js +1 -1
- package/dist/cjs/components/Search/SearchResults/SearchExternalSite.js +4 -1
- package/dist/cjs/components/Search/SearchResults/SearchResultsEmpty.js +4 -1
- package/dist/cjs/components/Search/SearchResults/SearchResultsError.js +6 -1
- package/dist/cjs/components/WhatsNew/WhatsNewButton/index.js +1 -1
- package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsEmpty/index.js +7 -2
- package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/index.js +6 -1
- package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/index.js +1 -1
- package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.js +1 -0
- package/dist/cjs/components/styled.js +18 -2
- package/dist/es2019/analytics.js +1 -1
- package/dist/es2019/components/Article/ArticleLoadingFail/index.js +5 -2
- package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulNoButton.js +1 -1
- package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulYesButton.js +1 -1
- package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/index.js +7 -2
- package/dist/es2019/components/Article/HelpArticle/index.js +1 -1
- package/dist/es2019/components/Article/WhatsNewArticle/index.js +1 -1
- package/dist/es2019/components/ArticlesList/ArticlesListItem/index.js +1 -1
- package/dist/es2019/components/ArticlesList/ArticlesListItem/styled.js +1 -0
- package/dist/es2019/components/HelpContent.js +9 -4
- package/dist/es2019/components/HelpContentButton/index.js +1 -1
- package/dist/es2019/components/RelatedArticles/index.js +11 -2
- package/dist/es2019/components/Search/SearchInput/index.js +1 -1
- package/dist/es2019/components/Search/SearchResults/SearchExternalSite.js +4 -1
- package/dist/es2019/components/Search/SearchResults/SearchResultsEmpty.js +4 -1
- package/dist/es2019/components/Search/SearchResults/SearchResultsError.js +6 -1
- package/dist/es2019/components/WhatsNew/WhatsNewButton/index.js +1 -1
- package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsEmpty/index.js +7 -2
- package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/index.js +6 -1
- package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/index.js +1 -1
- package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.js +1 -0
- package/dist/es2019/components/styled.js +15 -2
- package/dist/esm/analytics.js +1 -1
- package/dist/esm/components/Article/ArticleLoadingFail/index.js +5 -2
- package/dist/esm/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulNoButton.js +1 -1
- package/dist/esm/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulYesButton.js +1 -1
- package/dist/esm/components/Article/HelpArticle/WasHelpfulForm/index.js +7 -2
- package/dist/esm/components/Article/HelpArticle/index.js +1 -1
- package/dist/esm/components/Article/WhatsNewArticle/index.js +1 -1
- package/dist/esm/components/ArticlesList/ArticlesListItem/index.js +1 -1
- package/dist/esm/components/ArticlesList/ArticlesListItem/styled.js +1 -0
- package/dist/esm/components/HelpContent.js +8 -4
- package/dist/esm/components/HelpContentButton/index.js +1 -1
- package/dist/esm/components/RelatedArticles/index.js +11 -2
- package/dist/esm/components/Search/SearchInput/index.js +1 -1
- package/dist/esm/components/Search/SearchResults/SearchExternalSite.js +4 -1
- package/dist/esm/components/Search/SearchResults/SearchResultsEmpty.js +4 -1
- package/dist/esm/components/Search/SearchResults/SearchResultsError.js +6 -1
- package/dist/esm/components/WhatsNew/WhatsNewButton/index.js +1 -1
- package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsEmpty/index.js +7 -2
- package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/index.js +6 -1
- package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/index.js +1 -1
- package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.js +1 -0
- package/dist/esm/components/styled.js +14 -1
- package/dist/types/components/styled.d.ts +4 -0
- package/dist/types-ts4.5/components/styled.d.ts +4 -0
- package/package.json +3 -3
|
@@ -7,7 +7,7 @@ import { HelpContentButtonContainer, HelpContentButtonIcon, HelpContentButtonTex
|
|
|
7
7
|
const analitycsContextData = {
|
|
8
8
|
componentName: 'HelpContentButton',
|
|
9
9
|
packageName: "@atlaskit/help",
|
|
10
|
-
packageVersion: "7.13.
|
|
10
|
+
packageVersion: "7.13.3"
|
|
11
11
|
};
|
|
12
12
|
const HelpContentButton = ({
|
|
13
13
|
id = '',
|
|
@@ -16,11 +16,12 @@ import { DividerLine } from '../../util/styled';
|
|
|
16
16
|
import { RelatedArticlesTitle } from './styled';
|
|
17
17
|
import useCancellablePromise from '../../util/hooks/cancellablePromise';
|
|
18
18
|
import { usePrevious } from '../../util/hooks/previous';
|
|
19
|
+
import { Text } from '@atlaskit/primitives';
|
|
19
20
|
|
|
20
21
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
21
22
|
import { css, jsx } from '@emotion/react';
|
|
22
23
|
const packageName = "@atlaskit/help";
|
|
23
|
-
const packageVersion = "7.13.
|
|
24
|
+
const packageVersion = "7.13.3";
|
|
24
25
|
const buttonStyles = css({
|
|
25
26
|
padding: '0',
|
|
26
27
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
@@ -80,7 +81,15 @@ export const RelatedArticles = ({
|
|
|
80
81
|
if (hasError) {
|
|
81
82
|
return jsx(SectionMessage, {
|
|
82
83
|
appearance: "warning"
|
|
83
|
-
}, jsx(
|
|
84
|
+
}, jsx(Text, {
|
|
85
|
+
as: "p"
|
|
86
|
+
}, jsx(Text, {
|
|
87
|
+
as: "strong"
|
|
88
|
+
}, formatMessage(messages.help_related_article_endpoint_error_title))), jsx(Text, {
|
|
89
|
+
as: "p"
|
|
90
|
+
}, formatMessage(messages.help_related_article_endpoint_error_description)), jsx(Text, {
|
|
91
|
+
as: "p"
|
|
92
|
+
}, jsx(Button, {
|
|
84
93
|
appearance: "link",
|
|
85
94
|
spacing: "compact",
|
|
86
95
|
css: buttonStyles,
|
|
@@ -21,7 +21,7 @@ import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContain
|
|
|
21
21
|
const ANALYTICS_CONTEXT_DATA = {
|
|
22
22
|
componentName: 'searchInput',
|
|
23
23
|
packageName: "@atlaskit/help",
|
|
24
|
-
packageVersion: "7.13.
|
|
24
|
+
packageVersion: "7.13.3"
|
|
25
25
|
};
|
|
26
26
|
const buttonStyles = css({
|
|
27
27
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
@@ -4,6 +4,7 @@ import * as colors from '@atlaskit/theme/colors';
|
|
|
4
4
|
import Button from '@atlaskit/button';
|
|
5
5
|
import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
|
|
6
6
|
import { injectIntl } from 'react-intl-next';
|
|
7
|
+
import { Text } from '@atlaskit/primitives';
|
|
7
8
|
import { messages } from '../../../messages';
|
|
8
9
|
import { SearchResultSearchExternalSiteContainer } from './styled';
|
|
9
10
|
export const SearchExternalSite = ({
|
|
@@ -24,7 +25,9 @@ export const SearchExternalSite = ({
|
|
|
24
25
|
onSearchExternalUrlClick(event, analyticsEvent);
|
|
25
26
|
}
|
|
26
27
|
};
|
|
27
|
-
return searchExternalUrl ? /*#__PURE__*/React.createElement(SearchResultSearchExternalSiteContainer, null, /*#__PURE__*/React.createElement(
|
|
28
|
+
return searchExternalUrl ? /*#__PURE__*/React.createElement(SearchResultSearchExternalSiteContainer, null, /*#__PURE__*/React.createElement(Text, {
|
|
29
|
+
as: "p"
|
|
30
|
+
}, formatMessage(messages.help_search_results_search_external_site), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(AnalyticsContext, {
|
|
28
31
|
data: {
|
|
29
32
|
componentName: 'searchExternalUrl'
|
|
30
33
|
}
|
|
@@ -4,6 +4,7 @@ import * as colors from '@atlaskit/theme/colors';
|
|
|
4
4
|
import Button from '@atlaskit/button';
|
|
5
5
|
import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
|
|
6
6
|
import { injectIntl } from 'react-intl-next';
|
|
7
|
+
import { Text } from '@atlaskit/primitives';
|
|
7
8
|
import NotFoundImage from '../../../assets/NotFoundImage';
|
|
8
9
|
import { messages } from '../../../messages';
|
|
9
10
|
import { SearchResultEmptyMessageImage, SearchResultEmptyMessageText, SearchResultEmptyMessageHeaderText } from './styled';
|
|
@@ -25,7 +26,9 @@ export const SearchResultsEmpty = ({
|
|
|
25
26
|
onSearchExternalUrlClick(event, analyticsEvent);
|
|
26
27
|
}
|
|
27
28
|
};
|
|
28
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchResultEmptyMessageImage, null, /*#__PURE__*/React.createElement(NotFoundImage, null)), /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(SearchResultEmptyMessageHeaderText, null, formatMessage(messages.help_search_results_no_results))), searchExternalUrl && /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(
|
|
29
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchResultEmptyMessageImage, null, /*#__PURE__*/React.createElement(NotFoundImage, null)), /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(SearchResultEmptyMessageHeaderText, null, formatMessage(messages.help_search_results_no_results))), searchExternalUrl && /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(Text, {
|
|
30
|
+
as: "p"
|
|
31
|
+
}, formatMessage(messages.help_search_results_no_results_line_two), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(AnalyticsContext, {
|
|
29
32
|
data: {
|
|
30
33
|
componentName: 'searchExternalUrl'
|
|
31
34
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import Button from '@atlaskit/button/custom-theme-button';
|
|
3
3
|
import { injectIntl } from 'react-intl-next';
|
|
4
|
+
import { Text } from '@atlaskit/primitives';
|
|
4
5
|
import ErrorImage from '../../../assets/ErrorImage';
|
|
5
6
|
import { messages } from '../../../messages';
|
|
6
7
|
import { SearchResultEmptyMessageImage, SearchResultEmptyMessageText } from './styled';
|
|
@@ -9,7 +10,11 @@ export const SearchResultsError = ({
|
|
|
9
10
|
intl: {
|
|
10
11
|
formatMessage
|
|
11
12
|
}
|
|
12
|
-
}) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchResultEmptyMessageImage, null, /*#__PURE__*/React.createElement(ErrorImage, null)), /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(
|
|
13
|
+
}) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchResultEmptyMessageImage, null, /*#__PURE__*/React.createElement(ErrorImage, null)), /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(Text, {
|
|
14
|
+
as: "strong"
|
|
15
|
+
}, formatMessage(messages.help_search_error))), /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(Text, {
|
|
16
|
+
as: "p"
|
|
17
|
+
}, formatMessage(messages.help_search_error_line_two))), onSearch && /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(Button, {
|
|
13
18
|
onClick: () => onSearch(),
|
|
14
19
|
appearance: "primary"
|
|
15
20
|
}, formatMessage(messages.help_search_error_button_label))));
|
|
@@ -11,7 +11,7 @@ import { ARTICLE_TYPE } from '../../../model/Help';
|
|
|
11
11
|
const ANALYTICS_CONTEXT_DATA = {
|
|
12
12
|
componentName: 'WhatsNewButton',
|
|
13
13
|
packageName: "@atlaskit/help",
|
|
14
|
-
packageVersion: "7.13.
|
|
14
|
+
packageVersion: "7.13.3"
|
|
15
15
|
};
|
|
16
16
|
export const WhatsNewButton = ({
|
|
17
17
|
productName,
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
|
|
3
3
|
import { injectIntl } from 'react-intl-next';
|
|
4
|
+
import { Text } from '@atlaskit/primitives';
|
|
4
5
|
import NotFoundImage from '../../../../assets/NotFoundImage';
|
|
5
6
|
import { messages } from '../../../../messages';
|
|
6
7
|
import { WhatsNewResultsEmptyMessageImage, WhatsNewResultsEmptyMessageText } from './styled';
|
|
@@ -21,13 +22,17 @@ export const WhatsNewResultsEmpty = ({
|
|
|
21
22
|
analyticsEvent.fire();
|
|
22
23
|
onClearFilter();
|
|
23
24
|
};
|
|
24
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WhatsNewResultsEmptyMessageImage, null, /*#__PURE__*/React.createElement(NotFoundImage, null)), /*#__PURE__*/React.createElement(WhatsNewResultsEmptyMessageText, null, /*#__PURE__*/React.createElement(
|
|
25
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WhatsNewResultsEmptyMessageImage, null, /*#__PURE__*/React.createElement(NotFoundImage, null)), /*#__PURE__*/React.createElement(WhatsNewResultsEmptyMessageText, null, /*#__PURE__*/React.createElement(Text, {
|
|
26
|
+
as: "strong"
|
|
27
|
+
}, formatMessage(messages.help_whats_new_no_results))), /*#__PURE__*/React.createElement(WhatsNewResultsEmptyMessageText, null, /*#__PURE__*/React.createElement(Text, {
|
|
28
|
+
as: "p"
|
|
29
|
+
}, formatMessage(messages.help_whats_new_no_results_info), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(AnalyticsContext, {
|
|
25
30
|
data: {
|
|
26
31
|
componentName: 'WhatsNewResultsEmpty'
|
|
27
32
|
}
|
|
28
33
|
}, /*#__PURE__*/React.createElement("a", {
|
|
29
34
|
href: "#",
|
|
30
35
|
onClick: handleClearFilterLinkClick
|
|
31
|
-
}, formatMessage(messages.help_whats_new_no_results_clear_filter_button_label)), /*#__PURE__*/React.createElement(
|
|
36
|
+
}, formatMessage(messages.help_whats_new_no_results_clear_filter_button_label)), /*#__PURE__*/React.createElement(Text, null, formatMessage(messages.help_whats_new_no_results_clear_filter_info))))));
|
|
32
37
|
};
|
|
33
38
|
export default injectIntl(WhatsNewResultsEmpty);
|
|
@@ -3,13 +3,18 @@ import Button from '@atlaskit/button';
|
|
|
3
3
|
import { injectIntl } from 'react-intl-next';
|
|
4
4
|
import ErrorImage from '../../../../assets/ErrorImage';
|
|
5
5
|
import { messages } from '../../../../messages';
|
|
6
|
+
import { Text } from '@atlaskit/primitives';
|
|
6
7
|
import { SearchResultEmptyMessageImage, SearchResultEmptyMessageText } from './styled';
|
|
7
8
|
export const WhatsNewResultsError = ({
|
|
8
9
|
onSearch,
|
|
9
10
|
intl: {
|
|
10
11
|
formatMessage
|
|
11
12
|
}
|
|
12
|
-
}) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchResultEmptyMessageImage, null, /*#__PURE__*/React.createElement(ErrorImage, null)), /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(
|
|
13
|
+
}) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchResultEmptyMessageImage, null, /*#__PURE__*/React.createElement(ErrorImage, null)), /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(Text, {
|
|
14
|
+
as: "strong"
|
|
15
|
+
}, formatMessage(messages.help_search_error))), /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(Text, {
|
|
16
|
+
as: "p"
|
|
17
|
+
}, formatMessage(messages.help_search_error_line_two))), /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, onSearch && /*#__PURE__*/React.createElement(Button, {
|
|
13
18
|
onClick: () => onSearch(''),
|
|
14
19
|
appearance: "primary"
|
|
15
20
|
}, formatMessage(messages.help_search_error_button_label))));
|
|
@@ -8,7 +8,7 @@ import { WhatsNewResultListItemWrapper, WhatsNewResultListItemTitleContainer, Wh
|
|
|
8
8
|
const ANALYTICS_CONTEXT_DATA = {
|
|
9
9
|
componentName: 'ArticlesListItem',
|
|
10
10
|
packageName: "@atlaskit/help",
|
|
11
|
-
packageVersion: "7.13.
|
|
11
|
+
packageVersion: "7.13.3"
|
|
12
12
|
};
|
|
13
13
|
export const WhatsNewResultListItem = ({
|
|
14
14
|
intl: {
|
|
@@ -33,6 +33,7 @@ export const WhatsNewResultsListGroupTitle = styled.div({
|
|
|
33
33
|
font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
34
34
|
fontWeight: "var(--ds-font-weight-bold, 700)",
|
|
35
35
|
padding: `0 ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"}`,
|
|
36
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
36
37
|
textTransform: 'uppercase'
|
|
37
38
|
});
|
|
38
39
|
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
7
7
|
import styled from '@emotion/styled';
|
|
8
|
+
import * as colors from '@atlaskit/theme/colors';
|
|
8
9
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
9
10
|
export const HelpBodyContainer = styled.div({
|
|
10
11
|
flexGrow: 1,
|
|
@@ -15,7 +16,7 @@ export const HelpBodyContainer = styled.div({
|
|
|
15
16
|
display: 'flex',
|
|
16
17
|
flexDirection: 'column',
|
|
17
18
|
flexWrap: 'nowrap',
|
|
18
|
-
justifyContent: '
|
|
19
|
+
justifyContent: 'space-between',
|
|
19
20
|
alignContent: 'stretch',
|
|
20
21
|
alignItems: 'flex-start'
|
|
21
22
|
});
|
|
@@ -40,4 +41,16 @@ export const Home = styled.div(props => ({
|
|
|
40
41
|
overflow: props.isOverlayVisible ? 'hidden' : 'auto',
|
|
41
42
|
padding: "var(--ds-space-200, 16px)",
|
|
42
43
|
boxSizing: 'border-box'
|
|
43
|
-
}));
|
|
44
|
+
}));
|
|
45
|
+
|
|
46
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
47
|
+
export const HelpFooter = styled.div({
|
|
48
|
+
padding: `${"var(--ds-space-100, 8px)"} 0`,
|
|
49
|
+
boxSizing: 'border-box',
|
|
50
|
+
width: '100%',
|
|
51
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
52
|
+
backgroundColor: `var(--ds-background-neutral, ${colors.N10})`,
|
|
53
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
54
|
+
borderTop: `${"var(--ds-space-025, 2px)"} solid ${`var(--ds-border, ${colors.N30})`}`,
|
|
55
|
+
justifyContent: 'space-between'
|
|
56
|
+
});
|
package/dist/esm/analytics.js
CHANGED
|
@@ -3,13 +3,14 @@ import Button from '@atlaskit/button';
|
|
|
3
3
|
import { injectIntl } from 'react-intl-next';
|
|
4
4
|
import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
|
|
5
5
|
import Heading from '@atlaskit/heading';
|
|
6
|
+
import { Text } from '@atlaskit/primitives';
|
|
6
7
|
import { messages } from '../../../messages';
|
|
7
8
|
import SomethingWrongImage from '../../../assets/SomethingWrongImage';
|
|
8
9
|
import { LoadingErrorMessage, LoadingErrorButtonContainer, LoadingErrorHeading } from './styled';
|
|
9
10
|
var ANALYTICS_CONTEXT_DATA = {
|
|
10
11
|
componentName: 'ArticleLoadingFail',
|
|
11
12
|
packageName: "@atlaskit/help",
|
|
12
|
-
packageVersion: "7.13.
|
|
13
|
+
packageVersion: "7.13.3"
|
|
13
14
|
};
|
|
14
15
|
export var ArticleLoadingFail = function ArticleLoadingFail(_ref) {
|
|
15
16
|
var onTryAgainButtonClick = _ref.onTryAgainButtonClick,
|
|
@@ -24,7 +25,9 @@ export var ArticleLoadingFail = function ArticleLoadingFail(_ref) {
|
|
|
24
25
|
};
|
|
25
26
|
return /*#__PURE__*/React.createElement(LoadingErrorMessage, null, /*#__PURE__*/React.createElement(SomethingWrongImage, null), /*#__PURE__*/React.createElement(LoadingErrorHeading, null, /*#__PURE__*/React.createElement(Heading, {
|
|
26
27
|
size: "large"
|
|
27
|
-
}, formatMessage(messages.help_article_error_title))), /*#__PURE__*/React.createElement(
|
|
28
|
+
}, formatMessage(messages.help_article_error_title))), /*#__PURE__*/React.createElement(Text, {
|
|
29
|
+
as: "p"
|
|
30
|
+
}, formatMessage(messages.help_article_error_text)), /*#__PURE__*/React.createElement(LoadingErrorButtonContainer, null, handleOnTryAgainButtonClick && /*#__PURE__*/React.createElement(Button, {
|
|
28
31
|
onClick: handleOnTryAgainButtonClick
|
|
29
32
|
}, formatMessage(messages.help_article_error_button_label))));
|
|
30
33
|
};
|
|
@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
|
|
|
6
6
|
var ANALYTICS_CONTEXT_DATA = {
|
|
7
7
|
componentName: 'ArticleWasHelpfulNoButton',
|
|
8
8
|
packageName: "@atlaskit/help",
|
|
9
|
-
packageVersion: "7.13.
|
|
9
|
+
packageVersion: "7.13.3"
|
|
10
10
|
};
|
|
11
11
|
export var ArticleWasHelpfulNoButton = function ArticleWasHelpfulNoButton(_ref) {
|
|
12
12
|
var _ref$isSelected = _ref.isSelected,
|
|
@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
|
|
|
6
6
|
var ANALYTICS_CONTEXT_DATA = {
|
|
7
7
|
componentName: 'ArticleWasHelpfulYesButton',
|
|
8
8
|
packageName: "@atlaskit/help",
|
|
9
|
-
packageVersion: "7.13.
|
|
9
|
+
packageVersion: "7.13.3"
|
|
10
10
|
};
|
|
11
11
|
export var ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
|
|
12
12
|
var _ref$isSelected = _ref.isSelected,
|
|
@@ -22,6 +22,7 @@ import CheckCircleIcon from '@atlaskit/icon/core/migration/success--check-circle
|
|
|
22
22
|
import { colors } from '@atlaskit/theme';
|
|
23
23
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
24
24
|
import { css, jsx } from '@emotion/react';
|
|
25
|
+
import { Text } from '@atlaskit/primitives';
|
|
25
26
|
import { messages } from '../../../../messages';
|
|
26
27
|
import ArticleWasHelpfulYesButton from './WasHelpfulYesButton';
|
|
27
28
|
import ArticleWasHelpfulNoButton from './WasHelpfulNoButton';
|
|
@@ -30,7 +31,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
|
|
|
30
31
|
var ANALYTICS_CONTEXT_DATA = {
|
|
31
32
|
componentName: 'ArticleWasHelpfulForm',
|
|
32
33
|
packageName: "@atlaskit/help",
|
|
33
|
-
packageVersion: "7.13.
|
|
34
|
+
packageVersion: "7.13.3"
|
|
34
35
|
};
|
|
35
36
|
var buttonStyles = css({
|
|
36
37
|
padding: '0',
|
|
@@ -257,7 +258,11 @@ export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
|
|
|
257
258
|
} else if (wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed) {
|
|
258
259
|
return jsx(React.Fragment, null, wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed && jsx(ArticleFeedbackContainer, null, jsx(SectionMessage, {
|
|
259
260
|
appearance: "warning"
|
|
260
|
-
}, jsx(
|
|
261
|
+
}, jsx(Text, {
|
|
262
|
+
as: "p"
|
|
263
|
+
}, formatMessage(messages.help_article_rating_form_failed)), jsx(Text, {
|
|
264
|
+
as: "p"
|
|
265
|
+
}, jsx(Button, {
|
|
261
266
|
appearance: "link",
|
|
262
267
|
spacing: "compact",
|
|
263
268
|
css: buttonStyles,
|
|
@@ -56,7 +56,7 @@ export var HelpArticle = function HelpArticle(_ref) {
|
|
|
56
56
|
analyticsEvent.payload.attributes = {
|
|
57
57
|
componentName: 'Article',
|
|
58
58
|
packageName: "@atlaskit/help",
|
|
59
|
-
packageVersion: "7.13.
|
|
59
|
+
packageVersion: "7.13.3"
|
|
60
60
|
};
|
|
61
61
|
if (onRelatedArticlesShowMoreClick) {
|
|
62
62
|
onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);
|
|
@@ -13,7 +13,7 @@ import { WhatsNewTypeTitle, WhatsNewTitleText, WhatsNewIconContainer, RelatedLin
|
|
|
13
13
|
var analyticsContextData = {
|
|
14
14
|
componentName: 'ArticlesListItem',
|
|
15
15
|
packageName: "@atlaskit/help",
|
|
16
|
-
packageVersion: "7.13.
|
|
16
|
+
packageVersion: "7.13.3"
|
|
17
17
|
};
|
|
18
18
|
export var WhatsNewArticle = function WhatsNewArticle(_ref) {
|
|
19
19
|
var formatMessage = _ref.intl.formatMessage,
|
|
@@ -8,7 +8,7 @@ import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTit
|
|
|
8
8
|
var ANALYTICS_CONTEXT_DATA = {
|
|
9
9
|
componentName: 'ArticlesListItem',
|
|
10
10
|
packageName: "@atlaskit/help",
|
|
11
|
-
packageVersion: "7.13.
|
|
11
|
+
packageVersion: "7.13.3"
|
|
12
12
|
};
|
|
13
13
|
var highlightText = function highlightText(text) {
|
|
14
14
|
if (!text) {
|
|
@@ -105,6 +105,7 @@ export var ArticlesListItemSource = styled.div({
|
|
|
105
105
|
color: "var(--ds-text-subtlest, ".concat(colors.N400A, ")"),
|
|
106
106
|
padding: "var(--ds-space-050, 4px)".concat(" 0"),
|
|
107
107
|
fontWeight: "var(--ds-font-weight-bold, bold)",
|
|
108
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
108
109
|
textTransform: 'uppercase'
|
|
109
110
|
});
|
|
110
111
|
|
|
@@ -7,7 +7,7 @@ import { useNavigationContext } from './contexts/navigationContext';
|
|
|
7
7
|
import { useHomeContext } from './contexts/homeContext';
|
|
8
8
|
import { useHeaderContext } from './contexts/headerContext';
|
|
9
9
|
import { useSearchContext } from './contexts/searchContext';
|
|
10
|
-
|
|
10
|
+
import { useAiContext } from './contexts/aiAgentContext';
|
|
11
11
|
import { useWhatsNewArticleContext } from './contexts/whatsNewArticleContext';
|
|
12
12
|
import SearchInput from './Search/SearchInput';
|
|
13
13
|
import SearchResults from './Search/SearchResults';
|
|
@@ -16,10 +16,12 @@ import WhatsNewButton from './WhatsNew/WhatsNewButton';
|
|
|
16
16
|
import WhatsNewResults from './WhatsNew/WhatsNewResults';
|
|
17
17
|
import HelpContentButton from './HelpContentButton';
|
|
18
18
|
import { HelpBodyContainer, HelpBody, Home } from './styled';
|
|
19
|
+
import { HelpFooter } from './styled';
|
|
19
20
|
export var HelpContent = function HelpContent(_ref) {
|
|
20
21
|
var footer = _ref.footer;
|
|
21
22
|
// TODO: this will enable all the features and refactors related to AI
|
|
22
|
-
|
|
23
|
+
var _useAiContext = useAiContext(),
|
|
24
|
+
isAiEnabled = _useAiContext.isAiEnabled;
|
|
23
25
|
var _useHomeContext = useHomeContext(),
|
|
24
26
|
homeContent = _useHomeContext.homeContent,
|
|
25
27
|
homeOptions = _useHomeContext.homeOptions;
|
|
@@ -67,7 +69,7 @@ export var HelpContent = function HelpContent(_ref) {
|
|
|
67
69
|
onBackButtonClick: handleOnBackButtonClick,
|
|
68
70
|
onCloseButtonClick: onClose,
|
|
69
71
|
isBackbuttonVisible: canNavigateBack,
|
|
70
|
-
footer: footer,
|
|
72
|
+
footer: !isAiEnabled ? footer : undefined,
|
|
71
73
|
headerContent: onSearch && /*#__PURE__*/React.createElement(SearchInput, null)
|
|
72
74
|
}, /*#__PURE__*/React.createElement(HelpBodyContainer, null, /*#__PURE__*/React.createElement(HelpBody, null, /*#__PURE__*/React.createElement(SearchResults, null), /*#__PURE__*/React.createElement(ArticleComponent, null), /*#__PURE__*/React.createElement(Home, {
|
|
73
75
|
isOverlayFullyVisible: isOverlayFullyVisible,
|
|
@@ -78,6 +80,8 @@ export var HelpContent = function HelpContent(_ref) {
|
|
|
78
80
|
return /*#__PURE__*/React.createElement(HelpContentButton, _extends({
|
|
79
81
|
key: defaultOption.id
|
|
80
82
|
}, defaultOption));
|
|
81
|
-
}))), /*#__PURE__*/React.createElement(WhatsNewResults, null)
|
|
83
|
+
}))), /*#__PURE__*/React.createElement(WhatsNewResults, null), isAiEnabled && footer && /*#__PURE__*/React.createElement(HelpFooter, {
|
|
84
|
+
"data-testid": "inside-footer"
|
|
85
|
+
}, footer)));
|
|
82
86
|
};
|
|
83
87
|
export default HelpContent;
|
|
@@ -7,7 +7,7 @@ import { HelpContentButtonContainer, HelpContentButtonIcon, HelpContentButtonTex
|
|
|
7
7
|
var analitycsContextData = {
|
|
8
8
|
componentName: 'HelpContentButton',
|
|
9
9
|
packageName: "@atlaskit/help",
|
|
10
|
-
packageVersion: "7.13.
|
|
10
|
+
packageVersion: "7.13.3"
|
|
11
11
|
};
|
|
12
12
|
var HelpContentButton = function HelpContentButton(_ref) {
|
|
13
13
|
var _ref$id = _ref.id,
|
|
@@ -19,11 +19,12 @@ import { DividerLine } from '../../util/styled';
|
|
|
19
19
|
import { RelatedArticlesTitle } from './styled';
|
|
20
20
|
import useCancellablePromise from '../../util/hooks/cancellablePromise';
|
|
21
21
|
import { usePrevious } from '../../util/hooks/previous';
|
|
22
|
+
import { Text } from '@atlaskit/primitives';
|
|
22
23
|
|
|
23
24
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
24
25
|
import { css, jsx } from '@emotion/react';
|
|
25
26
|
var packageName = "@atlaskit/help";
|
|
26
|
-
var packageVersion = "7.13.
|
|
27
|
+
var packageVersion = "7.13.3";
|
|
27
28
|
var buttonStyles = css({
|
|
28
29
|
padding: '0',
|
|
29
30
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
@@ -109,7 +110,15 @@ export var RelatedArticles = function RelatedArticles(_ref) {
|
|
|
109
110
|
if (hasError) {
|
|
110
111
|
return jsx(SectionMessage, {
|
|
111
112
|
appearance: "warning"
|
|
112
|
-
}, jsx(
|
|
113
|
+
}, jsx(Text, {
|
|
114
|
+
as: "p"
|
|
115
|
+
}, jsx(Text, {
|
|
116
|
+
as: "strong"
|
|
117
|
+
}, formatMessage(messages.help_related_article_endpoint_error_title))), jsx(Text, {
|
|
118
|
+
as: "p"
|
|
119
|
+
}, formatMessage(messages.help_related_article_endpoint_error_description)), jsx(Text, {
|
|
120
|
+
as: "p"
|
|
121
|
+
}, jsx(Button, {
|
|
113
122
|
appearance: "link",
|
|
114
123
|
spacing: "compact",
|
|
115
124
|
css: buttonStyles,
|
|
@@ -21,7 +21,7 @@ import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContain
|
|
|
21
21
|
var ANALYTICS_CONTEXT_DATA = {
|
|
22
22
|
componentName: 'searchInput',
|
|
23
23
|
packageName: "@atlaskit/help",
|
|
24
|
-
packageVersion: "7.13.
|
|
24
|
+
packageVersion: "7.13.3"
|
|
25
25
|
};
|
|
26
26
|
var buttonStyles = css({
|
|
27
27
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
@@ -4,6 +4,7 @@ import * as colors from '@atlaskit/theme/colors';
|
|
|
4
4
|
import Button from '@atlaskit/button';
|
|
5
5
|
import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
|
|
6
6
|
import { injectIntl } from 'react-intl-next';
|
|
7
|
+
import { Text } from '@atlaskit/primitives';
|
|
7
8
|
import { messages } from '../../../messages';
|
|
8
9
|
import { SearchResultSearchExternalSiteContainer } from './styled';
|
|
9
10
|
export var SearchExternalSite = function SearchExternalSite(_ref) {
|
|
@@ -20,7 +21,9 @@ export var SearchExternalSite = function SearchExternalSite(_ref) {
|
|
|
20
21
|
onSearchExternalUrlClick(event, _analyticsEvent);
|
|
21
22
|
}
|
|
22
23
|
};
|
|
23
|
-
return searchExternalUrl ? /*#__PURE__*/React.createElement(SearchResultSearchExternalSiteContainer, null, /*#__PURE__*/React.createElement(
|
|
24
|
+
return searchExternalUrl ? /*#__PURE__*/React.createElement(SearchResultSearchExternalSiteContainer, null, /*#__PURE__*/React.createElement(Text, {
|
|
25
|
+
as: "p"
|
|
26
|
+
}, formatMessage(messages.help_search_results_search_external_site), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(AnalyticsContext, {
|
|
24
27
|
data: {
|
|
25
28
|
componentName: 'searchExternalUrl'
|
|
26
29
|
}
|
|
@@ -4,6 +4,7 @@ import * as colors from '@atlaskit/theme/colors';
|
|
|
4
4
|
import Button from '@atlaskit/button';
|
|
5
5
|
import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
|
|
6
6
|
import { injectIntl } from 'react-intl-next';
|
|
7
|
+
import { Text } from '@atlaskit/primitives';
|
|
7
8
|
import NotFoundImage from '../../../assets/NotFoundImage';
|
|
8
9
|
import { messages } from '../../../messages';
|
|
9
10
|
import { SearchResultEmptyMessageImage, SearchResultEmptyMessageText, SearchResultEmptyMessageHeaderText } from './styled';
|
|
@@ -21,7 +22,9 @@ export var SearchResultsEmpty = function SearchResultsEmpty(_ref) {
|
|
|
21
22
|
onSearchExternalUrlClick(event, _analyticsEvent);
|
|
22
23
|
}
|
|
23
24
|
};
|
|
24
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchResultEmptyMessageImage, null, /*#__PURE__*/React.createElement(NotFoundImage, null)), /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(SearchResultEmptyMessageHeaderText, null, formatMessage(messages.help_search_results_no_results))), searchExternalUrl && /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(
|
|
25
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchResultEmptyMessageImage, null, /*#__PURE__*/React.createElement(NotFoundImage, null)), /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(SearchResultEmptyMessageHeaderText, null, formatMessage(messages.help_search_results_no_results))), searchExternalUrl && /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(Text, {
|
|
26
|
+
as: "p"
|
|
27
|
+
}, formatMessage(messages.help_search_results_no_results_line_two), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(AnalyticsContext, {
|
|
25
28
|
data: {
|
|
26
29
|
componentName: 'searchExternalUrl'
|
|
27
30
|
}
|
|
@@ -1,13 +1,18 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import Button from '@atlaskit/button/custom-theme-button';
|
|
3
3
|
import { injectIntl } from 'react-intl-next';
|
|
4
|
+
import { Text } from '@atlaskit/primitives';
|
|
4
5
|
import ErrorImage from '../../../assets/ErrorImage';
|
|
5
6
|
import { messages } from '../../../messages';
|
|
6
7
|
import { SearchResultEmptyMessageImage, SearchResultEmptyMessageText } from './styled';
|
|
7
8
|
export var SearchResultsError = function SearchResultsError(_ref) {
|
|
8
9
|
var onSearch = _ref.onSearch,
|
|
9
10
|
formatMessage = _ref.intl.formatMessage;
|
|
10
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchResultEmptyMessageImage, null, /*#__PURE__*/React.createElement(ErrorImage, null)), /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(
|
|
11
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchResultEmptyMessageImage, null, /*#__PURE__*/React.createElement(ErrorImage, null)), /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(Text, {
|
|
12
|
+
as: "strong"
|
|
13
|
+
}, formatMessage(messages.help_search_error))), /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(Text, {
|
|
14
|
+
as: "p"
|
|
15
|
+
}, formatMessage(messages.help_search_error_line_two))), onSearch && /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(Button, {
|
|
11
16
|
onClick: function onClick() {
|
|
12
17
|
return onSearch();
|
|
13
18
|
},
|
|
@@ -11,7 +11,7 @@ import { ARTICLE_TYPE } from '../../../model/Help';
|
|
|
11
11
|
var ANALYTICS_CONTEXT_DATA = {
|
|
12
12
|
componentName: 'WhatsNewButton',
|
|
13
13
|
packageName: "@atlaskit/help",
|
|
14
|
-
packageVersion: "7.13.
|
|
14
|
+
packageVersion: "7.13.3"
|
|
15
15
|
};
|
|
16
16
|
export var WhatsNewButton = function WhatsNewButton(_ref) {
|
|
17
17
|
var productName = _ref.productName,
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
|
|
3
3
|
import { injectIntl } from 'react-intl-next';
|
|
4
|
+
import { Text } from '@atlaskit/primitives';
|
|
4
5
|
import NotFoundImage from '../../../../assets/NotFoundImage';
|
|
5
6
|
import { messages } from '../../../../messages';
|
|
6
7
|
import { WhatsNewResultsEmptyMessageImage, WhatsNewResultsEmptyMessageText } from './styled';
|
|
@@ -17,13 +18,17 @@ export var WhatsNewResultsEmpty = function WhatsNewResultsEmpty(_ref) {
|
|
|
17
18
|
analyticsEvent.fire();
|
|
18
19
|
onClearFilter();
|
|
19
20
|
};
|
|
20
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WhatsNewResultsEmptyMessageImage, null, /*#__PURE__*/React.createElement(NotFoundImage, null)), /*#__PURE__*/React.createElement(WhatsNewResultsEmptyMessageText, null, /*#__PURE__*/React.createElement(
|
|
21
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WhatsNewResultsEmptyMessageImage, null, /*#__PURE__*/React.createElement(NotFoundImage, null)), /*#__PURE__*/React.createElement(WhatsNewResultsEmptyMessageText, null, /*#__PURE__*/React.createElement(Text, {
|
|
22
|
+
as: "strong"
|
|
23
|
+
}, formatMessage(messages.help_whats_new_no_results))), /*#__PURE__*/React.createElement(WhatsNewResultsEmptyMessageText, null, /*#__PURE__*/React.createElement(Text, {
|
|
24
|
+
as: "p"
|
|
25
|
+
}, formatMessage(messages.help_whats_new_no_results_info), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(AnalyticsContext, {
|
|
21
26
|
data: {
|
|
22
27
|
componentName: 'WhatsNewResultsEmpty'
|
|
23
28
|
}
|
|
24
29
|
}, /*#__PURE__*/React.createElement("a", {
|
|
25
30
|
href: "#",
|
|
26
31
|
onClick: handleClearFilterLinkClick
|
|
27
|
-
}, formatMessage(messages.help_whats_new_no_results_clear_filter_button_label)), /*#__PURE__*/React.createElement(
|
|
32
|
+
}, formatMessage(messages.help_whats_new_no_results_clear_filter_button_label)), /*#__PURE__*/React.createElement(Text, null, formatMessage(messages.help_whats_new_no_results_clear_filter_info))))));
|
|
28
33
|
};
|
|
29
34
|
export default injectIntl(WhatsNewResultsEmpty);
|
|
@@ -3,11 +3,16 @@ import Button from '@atlaskit/button';
|
|
|
3
3
|
import { injectIntl } from 'react-intl-next';
|
|
4
4
|
import ErrorImage from '../../../../assets/ErrorImage';
|
|
5
5
|
import { messages } from '../../../../messages';
|
|
6
|
+
import { Text } from '@atlaskit/primitives';
|
|
6
7
|
import { SearchResultEmptyMessageImage, SearchResultEmptyMessageText } from './styled';
|
|
7
8
|
export var WhatsNewResultsError = function WhatsNewResultsError(_ref) {
|
|
8
9
|
var onSearch = _ref.onSearch,
|
|
9
10
|
formatMessage = _ref.intl.formatMessage;
|
|
10
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchResultEmptyMessageImage, null, /*#__PURE__*/React.createElement(ErrorImage, null)), /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(
|
|
11
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchResultEmptyMessageImage, null, /*#__PURE__*/React.createElement(ErrorImage, null)), /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(Text, {
|
|
12
|
+
as: "strong"
|
|
13
|
+
}, formatMessage(messages.help_search_error))), /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, /*#__PURE__*/React.createElement(Text, {
|
|
14
|
+
as: "p"
|
|
15
|
+
}, formatMessage(messages.help_search_error_line_two))), /*#__PURE__*/React.createElement(SearchResultEmptyMessageText, null, onSearch && /*#__PURE__*/React.createElement(Button, {
|
|
11
16
|
onClick: function onClick() {
|
|
12
17
|
return onSearch('');
|
|
13
18
|
},
|
package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/index.js
CHANGED
|
@@ -8,7 +8,7 @@ import { WhatsNewResultListItemWrapper, WhatsNewResultListItemTitleContainer, Wh
|
|
|
8
8
|
var ANALYTICS_CONTEXT_DATA = {
|
|
9
9
|
componentName: 'ArticlesListItem',
|
|
10
10
|
packageName: "@atlaskit/help",
|
|
11
|
-
packageVersion: "7.13.
|
|
11
|
+
packageVersion: "7.13.3"
|
|
12
12
|
};
|
|
13
13
|
export var WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
|
|
14
14
|
var formatMessage = _ref.intl.formatMessage,
|
|
@@ -36,6 +36,7 @@ export var WhatsNewResultsListGroupTitle = styled.div({
|
|
|
36
36
|
font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
|
|
37
37
|
fontWeight: "var(--ds-font-weight-bold, 700)",
|
|
38
38
|
padding: "0 ".concat("var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)"),
|
|
39
|
+
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
39
40
|
textTransform: 'uppercase'
|
|
40
41
|
});
|
|
41
42
|
|