@atlaskit/help 7.1.8 → 7.1.11
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 +18 -0
- package/dist/cjs/components/Article/HelpArticle/index.js +6 -2
- package/dist/cjs/components/ArticlesList/ArticlesList.js +19 -17
- package/dist/cjs/components/ArticlesList/ArticlesListItem/index.js +4 -20
- package/dist/cjs/components/ArticlesList/ArticlesListItem/styled.js +2 -2
- package/dist/cjs/components/ArticlesList/index.js +4 -25
- package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/index.js +4 -25
- package/dist/cjs/util/testing/mock.js +12 -6
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/Article/HelpArticle/index.js +6 -2
- package/dist/es2019/components/ArticlesList/ArticlesList.js +21 -13
- package/dist/es2019/components/ArticlesList/ArticlesListItem/index.js +3 -17
- package/dist/es2019/components/ArticlesList/ArticlesListItem/styled.js +4 -2
- package/dist/es2019/components/ArticlesList/index.js +2 -19
- package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/index.js +2 -19
- package/dist/es2019/util/testing/mock.js +12 -6
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/Article/HelpArticle/index.js +6 -2
- package/dist/esm/components/ArticlesList/ArticlesList.js +21 -13
- package/dist/esm/components/ArticlesList/ArticlesListItem/index.js +4 -17
- package/dist/esm/components/ArticlesList/ArticlesListItem/styled.js +2 -2
- package/dist/esm/components/ArticlesList/index.js +2 -18
- package/dist/esm/components/RelatedArticles/index.js +1 -1
- package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/index.js +2 -18
- package/dist/esm/components/contexts/navigationContext.js +1 -1
- package/dist/esm/components/contexts/searchContext.js +1 -1
- package/dist/esm/components/contexts/whatsNewArticleContext.js +1 -1
- package/dist/esm/util/testing/mock.js +12 -6
- package/dist/esm/version.json +1 -1
- package/dist/types/components/Article/ArticleLoadingFail/styled.d.ts +2 -2
- package/dist/types/components/Article/HelpArticle/WasHelpfulForm/styled.d.ts +3 -3
- package/dist/types/components/Article/WhatsNewArticle/styled.d.ts +6 -6
- package/dist/types/components/Article/styled.d.ts +1 -1
- package/dist/types/components/ArticlesList/ArticlesListItem/index.d.ts +1 -2
- package/dist/types/components/ArticlesList/ArticlesListItem/styled.d.ts +6 -6
- package/dist/types/components/ArticlesList/styled.d.ts +2 -2
- package/dist/types/components/RelatedArticles/styled.d.ts +4 -4
- package/dist/types/components/Search/SearchInput/styled.d.ts +3 -3
- package/dist/types/components/Search/SearchResults/styled.d.ts +5 -5
- package/dist/types/components/WhatsNew/WhatsNewResults/WhatsNewResultsEmpty/styled.d.ts +2 -2
- package/dist/types/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/styled.d.ts +2 -2
- package/dist/types/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/styled.d.ts +4 -4
- package/dist/types/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.d.ts +4 -4
- package/dist/types/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/styled.d.ts +2 -2
- package/dist/types/components/WhatsNew/WhatsNewResults/styled.d.ts +4 -4
- package/dist/types/components/styled.d.ts +3 -3
- package/dist/types/model/Article.d.ts +4 -2
- package/dist/types/util/styled.d.ts +4 -4
- package/package.json +2 -3
- package/report.api.md +320 -0
|
@@ -7,8 +7,10 @@ export const getMockArticle = (id, routeName = '', routeGroup = '', productName
|
|
|
7
7
|
lastPublished: '2020-04-29T06:05:02.426Z',
|
|
8
8
|
title: 'mockArticle title',
|
|
9
9
|
type: ARTICLE_ITEM_TYPES.topicInProduct,
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
routes: [{
|
|
11
|
+
routeName,
|
|
12
|
+
routeGroup
|
|
13
|
+
}],
|
|
12
14
|
topicId: 'mock-topic',
|
|
13
15
|
productName,
|
|
14
16
|
href,
|
|
@@ -23,8 +25,10 @@ export const getMockArticleItem = (id, routeName = '', routeGroup = '', productN
|
|
|
23
25
|
lastPublished: '2020-04-29T06:05:02.426Z',
|
|
24
26
|
title: 'mockArticle title',
|
|
25
27
|
type: ARTICLE_ITEM_TYPES.topicInProduct,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
+
routes: [{
|
|
29
|
+
routeName,
|
|
30
|
+
routeGroup
|
|
31
|
+
}],
|
|
28
32
|
topicId: 'mock-topic',
|
|
29
33
|
productName,
|
|
30
34
|
href
|
|
@@ -47,8 +51,10 @@ export const getMockWhatsNewArticle = (id, routeName = '', routeGroup = '', prod
|
|
|
47
51
|
lastPublished: '2020-04-29T06:05:02.426Z',
|
|
48
52
|
title: 'mock article title',
|
|
49
53
|
type: ARTICLE_ITEM_TYPES.topicInProduct,
|
|
50
|
-
|
|
51
|
-
|
|
54
|
+
routes: [{
|
|
55
|
+
routeName,
|
|
56
|
+
routeGroup
|
|
57
|
+
}],
|
|
52
58
|
topicId: 'mock-topic',
|
|
53
59
|
productName,
|
|
54
60
|
href,
|
package/dist/es2019/version.json
CHANGED
|
@@ -78,6 +78,10 @@ export var HelpArticle = function HelpArticle(_ref) {
|
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
if (article) {
|
|
81
|
+
var _article$routes, _article$routes2;
|
|
82
|
+
|
|
83
|
+
var routeGroup = article.routes && ((_article$routes = article.routes) === null || _article$routes === void 0 ? void 0 : _article$routes.length) > 0 ? article.routes[0].routeGroup : '';
|
|
84
|
+
var routeName = article.routes && ((_article$routes2 = article.routes) === null || _article$routes2 === void 0 ? void 0 : _article$routes2.length) > 0 ? article.routes[0].routeGroup : '';
|
|
81
85
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HelpArticleContent, {
|
|
82
86
|
title: article.title,
|
|
83
87
|
body: article.body,
|
|
@@ -91,8 +95,8 @@ export var HelpArticle = function HelpArticle(_ref) {
|
|
|
91
95
|
style: "secondary",
|
|
92
96
|
onRelatedArticlesListItemClick: handleOnRelatedArticlesListItemClick,
|
|
93
97
|
onGetRelatedArticles: onGetRelatedArticles,
|
|
94
|
-
routeGroup:
|
|
95
|
-
routeName:
|
|
98
|
+
routeGroup: routeGroup,
|
|
99
|
+
routeName: routeName,
|
|
96
100
|
onRelatedArticlesShowMoreClick: handleOnRelatedArticlesShowMoreClick
|
|
97
101
|
}));
|
|
98
102
|
}
|
|
@@ -1,11 +1,27 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { gridSize } from '@atlaskit/theme/constants';
|
|
3
|
-
import
|
|
3
|
+
import { N30 } from '@atlaskit/theme/colors';
|
|
4
4
|
import { token } from '@atlaskit/tokens';
|
|
5
5
|
import AnimateHeight from 'react-animate-height';
|
|
6
6
|
import ArticlesListItem from './ArticlesListItem';
|
|
7
7
|
import { MIN_ITEMS_TO_DISPLAY, ANIMATE_HEIGHT_TRANSITION_DURATION_MS } from './constants';
|
|
8
8
|
|
|
9
|
+
var getStyles = function getStyles(style) {
|
|
10
|
+
if (style === 'secondary') {
|
|
11
|
+
return {
|
|
12
|
+
border: "2px solid ".concat(token('color.border', N30)),
|
|
13
|
+
padding: "".concat(gridSize() * 2, "px"),
|
|
14
|
+
marginBottom: "".concat(gridSize() * 1.5, "px")
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
return {
|
|
19
|
+
border: 0,
|
|
20
|
+
padding: "".concat(gridSize(), "px"),
|
|
21
|
+
marginBottom: 0
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
|
|
9
25
|
var articlesList = function articlesList(_ref) {
|
|
10
26
|
var _ref$style = _ref.style,
|
|
11
27
|
style = _ref$style === void 0 ? 'primary' : _ref$style,
|
|
@@ -16,13 +32,9 @@ var articlesList = function articlesList(_ref) {
|
|
|
16
32
|
_ref$numberOfArticles = _ref.numberOfArticlesToDisplay,
|
|
17
33
|
numberOfArticlesToDisplay = _ref$numberOfArticles === void 0 ? MIN_ITEMS_TO_DISPLAY : _ref$numberOfArticles,
|
|
18
34
|
onArticlesListItemClick = _ref.onArticlesListItemClick;
|
|
19
|
-
return articles && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, articles.slice(0, minItemsToDisplay).map(function (article
|
|
35
|
+
return articles && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, articles.slice(0, minItemsToDisplay).map(function (article) {
|
|
20
36
|
return /*#__PURE__*/React.createElement(ArticlesListItem, {
|
|
21
|
-
styles:
|
|
22
|
-
border: style === 'secondary' ? "2px solid ".concat(token('color.border', colors.N30)) : 0,
|
|
23
|
-
padding: style === 'secondary' ? "".concat(gridSize(), "px ").concat(gridSize() * 2, "px") : "".concat(gridSize(), "px"),
|
|
24
|
-
marginBottom: style === 'secondary' ? "".concat(gridSize() * 1.5, "px") : 0
|
|
25
|
-
},
|
|
37
|
+
styles: getStyles(style),
|
|
26
38
|
id: article.id,
|
|
27
39
|
onClick: function onClick(event, analyticsEvent) {
|
|
28
40
|
if (onArticlesListItemClick) {
|
|
@@ -38,13 +50,9 @@ var articlesList = function articlesList(_ref) {
|
|
|
38
50
|
duration: ANIMATE_HEIGHT_TRANSITION_DURATION_MS,
|
|
39
51
|
easing: "linear",
|
|
40
52
|
height: numberOfArticlesToDisplay > minItemsToDisplay ? 'auto' : 0
|
|
41
|
-
}, articles.slice(minItemsToDisplay, articles.length).map(function (article
|
|
53
|
+
}, articles.slice(minItemsToDisplay, articles.length).map(function (article) {
|
|
42
54
|
return /*#__PURE__*/React.createElement(ArticlesListItem, {
|
|
43
|
-
styles:
|
|
44
|
-
border: style === 'secondary' ? "2px solid ".concat(token('color.border', colors.N30)) : 0,
|
|
45
|
-
padding: style === 'secondary' ? "".concat(gridSize(), "px ").concat(gridSize() * 2, "px") : "".concat(gridSize(), "px"),
|
|
46
|
-
marginBottom: style === 'secondary' ? "".concat(gridSize() * 1.5, "px") : 0
|
|
47
|
-
},
|
|
55
|
+
styles: getStyles(style),
|
|
48
56
|
id: article.id,
|
|
49
57
|
onClick: function onClick(event, analyticsEvent) {
|
|
50
58
|
if (onArticlesListItemClick) {
|
|
@@ -5,36 +5,23 @@ import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
|
|
|
5
5
|
import { token } from '@atlaskit/tokens';
|
|
6
6
|
import { injectIntl } from 'react-intl-next';
|
|
7
7
|
import { name as packageName, version as packageVersion } from '../../../version.json';
|
|
8
|
-
|
|
9
|
-
import { ArticlesListItemTypeTitle, ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTitleText, ArticlesListItemDescription, ArticlesListItemLinkIcon } from './styled';
|
|
8
|
+
import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTitleText, ArticlesListItemDescription, ArticlesListItemLinkIcon } from './styled';
|
|
10
9
|
var ANALYTICS_CONTEXT_DATA = {
|
|
11
10
|
componentName: 'ArticlesListItem',
|
|
12
11
|
packageName: packageName,
|
|
13
12
|
packageVersion: packageVersion
|
|
14
13
|
};
|
|
15
|
-
export var getTypeTitle = function getTypeTitle(itemType) {
|
|
16
|
-
switch (itemType) {
|
|
17
|
-
// case ARTICLE_ITEM_TYPES.topicInProduct:
|
|
18
|
-
// return messages.help_article_list_item_type_help_article;
|
|
19
|
-
default:
|
|
20
|
-
return null;
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
14
|
export var ArticlesListItem = function ArticlesListItem(_ref) {
|
|
24
|
-
var
|
|
25
|
-
styles = _ref.styles,
|
|
15
|
+
var styles = _ref.styles,
|
|
26
16
|
title = _ref.title,
|
|
27
17
|
description = _ref.description,
|
|
28
18
|
_ref$href = _ref.href,
|
|
29
19
|
href = _ref$href === void 0 ? '' : _ref$href,
|
|
30
|
-
type = _ref.type,
|
|
31
20
|
onClick = _ref.onClick;
|
|
32
21
|
|
|
33
22
|
var _useAnalyticsEvents = useAnalyticsEvents(),
|
|
34
23
|
createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
|
|
35
24
|
|
|
36
|
-
var typeTitle = getTypeTitle(type);
|
|
37
|
-
|
|
38
25
|
var handleOnClick = function handleOnClick(event) {
|
|
39
26
|
event.preventDefault();
|
|
40
27
|
|
|
@@ -53,12 +40,12 @@ export var ArticlesListItem = function ArticlesListItem(_ref) {
|
|
|
53
40
|
role: "button",
|
|
54
41
|
href: href,
|
|
55
42
|
onClick: handleOnClick
|
|
56
|
-
}, /*#__PURE__*/React.createElement(ArticlesListItemContainer, null,
|
|
43
|
+
}, /*#__PURE__*/React.createElement(ArticlesListItemContainer, null, /*#__PURE__*/React.createElement(ArticlesListItemTitleText, null, title, href && /*#__PURE__*/React.createElement(ArticlesListItemLinkIcon, null, /*#__PURE__*/React.createElement(ShortcutIcon, {
|
|
57
44
|
size: "small",
|
|
58
45
|
label: "",
|
|
59
46
|
primaryColor: token('color.icon.subtle', colors.N90),
|
|
60
47
|
secondaryColor: token('color.icon.subtle', colors.N90)
|
|
61
|
-
}))), /*#__PURE__*/React.createElement(ArticlesListItemDescription, null, description));
|
|
48
|
+
})))), /*#__PURE__*/React.createElement(ArticlesListItemDescription, null, description));
|
|
62
49
|
};
|
|
63
50
|
|
|
64
51
|
var ArticlesListItemWithContext = function ArticlesListItemWithContext(props) {
|
|
@@ -36,6 +36,6 @@ export var ArticlesListItemWrapper = styled.a({
|
|
|
36
36
|
});
|
|
37
37
|
export var ArticlesListItemContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n white-space: nowrap;\n"])));
|
|
38
38
|
export var ArticlesListItemTypeTitle = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 11px;\n line-height: ", "px;\n color: ", ";\n padding-bottom: ", "px;\n"])), gridSize() * 2, token('color.text.subtlest', colors.N200), gridSize() / 2);
|
|
39
|
-
export var ArticlesListItemLinkIcon = styled.
|
|
40
|
-
export var ArticlesListItemTitleText = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n text-decoration: none;\n color: ", ";\n font-size: ", "px;\n font-weight: 600;\n display: block;\n line-height: ", "px;\n white-space: normal;\n overflow-x: hidden;\n margin-bottom: ", "px;\n"])), token('color.text', colors.N800), fontSize(), gridSize() * 2.5, gridSize());
|
|
39
|
+
export var ArticlesListItemLinkIcon = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n align-self: auto;\n padding-inline-start: 5px;\n vertical-align: middle;\n"])));
|
|
40
|
+
export var ArticlesListItemTitleText = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n text-decoration: none;\n color: ", ";\n font-size: ", "px;\n font-weight: 600;\n display: inline-block;\n line-height: ", "px;\n white-space: normal;\n overflow-x: hidden;\n margin-bottom: ", "px;\n"])), token('color.text', colors.N800), fontSize(), gridSize() * 2.5, gridSize());
|
|
41
41
|
export var ArticlesListItemDescription = styled.p(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: block;\n line-height: ", "px;\n color: ", ";\n margin: 0;\n"])), gridSize() * 2.5, token('color.text.subtle', colors.N400));
|
|
@@ -1,23 +1,9 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
2
|
import React, { useState } from 'react';
|
|
4
|
-
import { ThemeProvider } from 'styled-components';
|
|
5
|
-
import { itemThemeNamespace } from '@atlaskit/item';
|
|
6
|
-
import { gridSize } from '@atlaskit/theme/constants';
|
|
7
3
|
import ArticlesList from './ArticlesList';
|
|
8
4
|
import ShowMoreButton from '../ShowMoreButton';
|
|
9
5
|
import { ArticlesListContainer } from './styled';
|
|
10
6
|
import { MIN_ITEMS_TO_DISPLAY } from './constants';
|
|
11
|
-
var ITEM_THEME = {
|
|
12
|
-
padding: {
|
|
13
|
-
default: {
|
|
14
|
-
bottom: gridSize(),
|
|
15
|
-
left: gridSize(),
|
|
16
|
-
top: gridSize(),
|
|
17
|
-
right: gridSize()
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
7
|
|
|
22
8
|
var ArticleList = function ArticleList(_ref) {
|
|
23
9
|
var style = _ref.style,
|
|
@@ -56,9 +42,7 @@ var ArticleList = function ArticleList(_ref) {
|
|
|
56
42
|
}
|
|
57
43
|
};
|
|
58
44
|
|
|
59
|
-
return articles && articles.length > 0 ? /*#__PURE__*/React.createElement(ArticlesListContainer, null, /*#__PURE__*/React.createElement(
|
|
60
|
-
theme: _defineProperty({}, itemThemeNamespace, ITEM_THEME)
|
|
61
|
-
}, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ArticlesList, {
|
|
45
|
+
return articles && articles.length > 0 ? /*#__PURE__*/React.createElement(ArticlesListContainer, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ArticlesList, {
|
|
62
46
|
style: style,
|
|
63
47
|
onArticlesListItemClick: onArticlesListItemClick,
|
|
64
48
|
articles: articles,
|
|
@@ -69,7 +53,7 @@ var ArticleList = function ArticleList(_ref) {
|
|
|
69
53
|
showMoreToggeled: showMoreToggled,
|
|
70
54
|
onToggle: toggleArticlesList,
|
|
71
55
|
itemsType: "articles"
|
|
72
|
-
})))
|
|
56
|
+
}))) : null;
|
|
73
57
|
};
|
|
74
58
|
|
|
75
59
|
export default ArticleList;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
2
1
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
3
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
4
4
|
import React, { useState, useEffect, useCallback } from 'react';
|
|
5
5
|
import { withAnalyticsContext } from '@atlaskit/analytics-next';
|
|
6
6
|
import SectionMessage from '@atlaskit/section-message';
|
|
@@ -1,24 +1,10 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
1
|
import React, { useCallback } from 'react';
|
|
3
|
-
import { ThemeProvider } from 'styled-components';
|
|
4
|
-
import { itemThemeNamespace } from '@atlaskit/item';
|
|
5
|
-
import { gridSize } from '@atlaskit/theme/constants';
|
|
6
2
|
import ShowMoreButton from '../../../ShowMoreButton';
|
|
7
3
|
import { useNavigationContext } from '../../../contexts/navigationContext';
|
|
8
4
|
import { ARTICLE_TYPE } from '../../../../model/Help';
|
|
9
5
|
import { NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE } from '../../../constants';
|
|
10
6
|
import ArticlesList from './WhatsNewResultsList';
|
|
11
7
|
import { WhatsNewResultsListContainer } from './styled';
|
|
12
|
-
var ITEM_THEME = {
|
|
13
|
-
padding: {
|
|
14
|
-
default: {
|
|
15
|
-
bottom: gridSize(),
|
|
16
|
-
left: gridSize(),
|
|
17
|
-
top: gridSize(),
|
|
18
|
-
right: gridSize()
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
8
|
|
|
23
9
|
var WhatsNewResultsList = function WhatsNewResultsList(_ref) {
|
|
24
10
|
var style = _ref.style,
|
|
@@ -49,9 +35,7 @@ var WhatsNewResultsList = function WhatsNewResultsList(_ref) {
|
|
|
49
35
|
onWhatsNewResultItemClick(event, analyticsEvent, articleData);
|
|
50
36
|
}
|
|
51
37
|
}, [onWhatsNewResultItemClick, openArticle]);
|
|
52
|
-
return whatsNewArticles && whatsNewArticles.length > 0 ? /*#__PURE__*/React.createElement(WhatsNewResultsListContainer, null, /*#__PURE__*/React.createElement(
|
|
53
|
-
theme: _defineProperty({}, itemThemeNamespace, ITEM_THEME)
|
|
54
|
-
}, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ArticlesList, {
|
|
38
|
+
return whatsNewArticles && whatsNewArticles.length > 0 ? /*#__PURE__*/React.createElement(WhatsNewResultsListContainer, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ArticlesList, {
|
|
55
39
|
style: style,
|
|
56
40
|
onWhatsNewResultItemClick: handleOnWhatsNewResultItemClick,
|
|
57
41
|
whatsNewArticles: whatsNewArticles
|
|
@@ -62,7 +46,7 @@ var WhatsNewResultsList = function WhatsNewResultsList(_ref) {
|
|
|
62
46
|
showMoreToggeled: true,
|
|
63
47
|
itemsType: "changes",
|
|
64
48
|
loading: loadingMore
|
|
65
|
-
})))
|
|
49
|
+
}))) : null;
|
|
66
50
|
};
|
|
67
51
|
|
|
68
52
|
export default WhatsNewResultsList;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
2
1
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
3
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
3
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
@@ -6,6 +5,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
|
|
|
6
5
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
7
6
|
var _excluded = ["body", "relatedArticles"],
|
|
8
7
|
_excluded2 = ["description"];
|
|
8
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
9
9
|
|
|
10
10
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
11
11
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
2
1
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
3
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
4
4
|
import React, { useState, useCallback } from 'react';
|
|
5
5
|
import debounce from 'lodash/debounce';
|
|
6
6
|
import { REQUEST_STATE } from '../../model/Requests';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
2
1
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
3
2
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
4
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
5
5
|
import React, { useState, useCallback } from 'react';
|
|
6
6
|
import { REQUEST_STATE } from '../../model/Requests';
|
|
7
7
|
import { createCtx } from '../../util/hooks/ctx';
|
|
@@ -11,8 +11,10 @@ export var getMockArticle = function getMockArticle(id) {
|
|
|
11
11
|
lastPublished: '2020-04-29T06:05:02.426Z',
|
|
12
12
|
title: 'mockArticle title',
|
|
13
13
|
type: ARTICLE_ITEM_TYPES.topicInProduct,
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
routes: [{
|
|
15
|
+
routeName: routeName,
|
|
16
|
+
routeGroup: routeGroup
|
|
17
|
+
}],
|
|
16
18
|
topicId: 'mock-topic',
|
|
17
19
|
productName: productName,
|
|
18
20
|
href: href,
|
|
@@ -31,8 +33,10 @@ export var getMockArticleItem = function getMockArticleItem(id) {
|
|
|
31
33
|
lastPublished: '2020-04-29T06:05:02.426Z',
|
|
32
34
|
title: 'mockArticle title',
|
|
33
35
|
type: ARTICLE_ITEM_TYPES.topicInProduct,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
+
routes: [{
|
|
37
|
+
routeName: routeName,
|
|
38
|
+
routeGroup: routeGroup
|
|
39
|
+
}],
|
|
36
40
|
topicId: 'mock-topic',
|
|
37
41
|
productName: productName,
|
|
38
42
|
href: href
|
|
@@ -59,8 +63,10 @@ export var getMockWhatsNewArticle = function getMockWhatsNewArticle(id) {
|
|
|
59
63
|
lastPublished: '2020-04-29T06:05:02.426Z',
|
|
60
64
|
title: 'mock article title',
|
|
61
65
|
type: ARTICLE_ITEM_TYPES.topicInProduct,
|
|
62
|
-
|
|
63
|
-
|
|
66
|
+
routes: [{
|
|
67
|
+
routeName: routeName,
|
|
68
|
+
routeGroup: routeGroup
|
|
69
|
+
}],
|
|
64
70
|
topicId: 'mock-topic',
|
|
65
71
|
productName: productName,
|
|
66
72
|
href: href,
|
package/dist/esm/version.json
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const LoadingErrorMessage: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
3
|
-
export declare const LoadingErrorButtonContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
2
|
+
export declare const LoadingErrorMessage: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
3
|
+
export declare const LoadingErrorButtonContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
/// <reference types="react" />
|
|
3
|
-
export declare const ArticleFeedbackContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
4
|
-
export declare const ArticleFeedbackText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
5
|
-
export declare const ArticleFeedbackAnswerWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
3
|
+
export declare const ArticleFeedbackContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
4
|
+
export declare const ArticleFeedbackText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
5
|
+
export declare const ArticleFeedbackAnswerWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const WhatsNewTypeTitle: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>,
|
|
3
|
-
export declare const WhatsNewIconContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
4
|
-
export declare const WhatsNewTitleText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>,
|
|
5
|
-
export declare const WhatsNewRelatedLinksTitleText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>,
|
|
6
|
-
export declare const RelatedLinkContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
7
|
-
export declare const ExternalLinkIconContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
2
|
+
export declare const WhatsNewTypeTitle: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
|
|
3
|
+
export declare const WhatsNewIconContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
4
|
+
export declare const WhatsNewTitleText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
|
|
5
|
+
export declare const WhatsNewRelatedLinksTitleText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
|
|
6
|
+
export declare const RelatedLinkContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
7
|
+
export declare const ExternalLinkIconContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
/// <reference types="react" />
|
|
3
|
-
export declare const ArticleContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
3
|
+
export declare const ArticleContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
3
3
|
import { WrappedComponentProps } from 'react-intl-next';
|
|
4
|
-
import { ArticleItem
|
|
4
|
+
import { ArticleItem } from '../../../model/Article';
|
|
5
5
|
interface Props {
|
|
6
6
|
styles?: {};
|
|
7
7
|
onClick?: (event: React.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
|
|
8
8
|
}
|
|
9
|
-
export declare const getTypeTitle: (itemType?: ARTICLE_ITEM_TYPES | undefined) => null;
|
|
10
9
|
export declare const ArticlesListItem: React.FC<Props & Partial<ArticleItem> & WrappedComponentProps>;
|
|
11
10
|
declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & Partial<ArticleItem> & WrappedComponentProps<"intl">>> & {
|
|
12
11
|
WrappedComponent: React.ComponentType<Props & Partial<ArticleItem> & WrappedComponentProps<"intl">>;
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
declare type ArticlesListItemWrapperProps = {
|
|
3
3
|
styles: any;
|
|
4
4
|
};
|
|
5
|
-
export declare const ArticlesListItemWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, ArticlesListItemWrapperProps,
|
|
6
|
-
export declare const ArticlesListItemContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
7
|
-
export declare const ArticlesListItemTypeTitle: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
8
|
-
export declare const ArticlesListItemLinkIcon: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<
|
|
9
|
-
export declare const ArticlesListItemTitleText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>,
|
|
10
|
-
export declare const ArticlesListItemDescription: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>,
|
|
5
|
+
export declare const ArticlesListItemWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, ArticlesListItemWrapperProps, object>;
|
|
6
|
+
export declare const ArticlesListItemContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
7
|
+
export declare const ArticlesListItemTypeTitle: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
8
|
+
export declare const ArticlesListItemLinkIcon: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
|
|
9
|
+
export declare const ArticlesListItemTitleText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
|
|
10
|
+
export declare const ArticlesListItemDescription: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, Pick<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement>, keyof import("react").HTMLAttributes<HTMLParagraphElement>>, object>;
|
|
11
11
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
/// <reference types="react" />
|
|
3
3
|
export declare const truncate: (width?: string) => import("@emotion/utils").SerializedStyles;
|
|
4
|
-
export declare const ArticlesListContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
5
|
-
export declare const ToggleShowMoreArticlesContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
4
|
+
export declare const ArticlesListContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
5
|
+
export declare const ToggleShowMoreArticlesContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
/// <reference types="react" />
|
|
3
3
|
export declare const truncate: (width?: string) => import("@emotion/utils").SerializedStyles;
|
|
4
|
-
export declare const RelatedArticlesTitle: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
4
|
+
export declare const RelatedArticlesTitle: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
5
5
|
/**
|
|
6
6
|
* Loading styled-components
|
|
7
7
|
*/
|
|
8
|
-
export declare const LoadignRelatedArticleSection: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
9
|
-
export declare const LoadignRelatedArticleList: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>,
|
|
10
|
-
export declare const LoadignRelatedArticleListItem: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>,
|
|
8
|
+
export declare const LoadignRelatedArticleSection: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
9
|
+
export declare const LoadignRelatedArticleList: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, Pick<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement>, keyof import("react").HTMLAttributes<HTMLUListElement>>, object>;
|
|
10
|
+
export declare const LoadignRelatedArticleListItem: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, Pick<import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement>, keyof import("react").LiHTMLAttributes<HTMLLIElement>>, object>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const SearchInputContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
3
|
-
export declare const SearchIconContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
4
|
-
export declare const CloseButtonAndSpinnerContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
2
|
+
export declare const SearchInputContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
3
|
+
export declare const SearchIconContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
4
|
+
export declare const CloseButtonAndSpinnerContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const SearchResultsContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
3
|
-
export declare const SearchResultsList: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
4
|
-
export declare const SearchResultEmptyMessageImage: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
5
|
-
export declare const SearchResultEmptyMessageText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
6
|
-
export declare const SearchResultSearchExternalSiteContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
2
|
+
export declare const SearchResultsContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
3
|
+
export declare const SearchResultsList: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
4
|
+
export declare const SearchResultEmptyMessageImage: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
5
|
+
export declare const SearchResultEmptyMessageText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
6
|
+
export declare const SearchResultSearchExternalSiteContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const WhatsNewResultsEmptyMessageImage: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
3
|
-
export declare const WhatsNewResultsEmptyMessageText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
2
|
+
export declare const WhatsNewResultsEmptyMessageImage: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
3
|
+
export declare const WhatsNewResultsEmptyMessageText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const SearchResultEmptyMessageImage: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
3
|
-
export declare const SearchResultEmptyMessageText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
2
|
+
export declare const SearchResultEmptyMessageImage: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
3
|
+
export declare const SearchResultEmptyMessageText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
declare type WhatsNewResultListItemWrapperProps = {
|
|
3
3
|
styles: any;
|
|
4
4
|
};
|
|
5
|
-
export declare const WhatsNewResultListItemWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, WhatsNewResultListItemWrapperProps,
|
|
6
|
-
export declare const WhatsNewResultListItemTitleContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
7
|
-
export declare const WhatsNewResultListItemTitleText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>,
|
|
8
|
-
export declare const WhatsNewResultListItemDescription: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>,
|
|
5
|
+
export declare const WhatsNewResultListItemWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, WhatsNewResultListItemWrapperProps, object>;
|
|
6
|
+
export declare const WhatsNewResultListItemTitleContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
7
|
+
export declare const WhatsNewResultListItemTitleText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
|
|
8
|
+
export declare const WhatsNewResultListItemDescription: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, Pick<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement>, keyof import("react").HTMLAttributes<HTMLParagraphElement>>, object>;
|
|
9
9
|
export {};
|