@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.
Files changed (50) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/components/Article/HelpArticle/index.js +6 -2
  3. package/dist/cjs/components/ArticlesList/ArticlesList.js +19 -17
  4. package/dist/cjs/components/ArticlesList/ArticlesListItem/index.js +4 -20
  5. package/dist/cjs/components/ArticlesList/ArticlesListItem/styled.js +2 -2
  6. package/dist/cjs/components/ArticlesList/index.js +4 -25
  7. package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/index.js +4 -25
  8. package/dist/cjs/util/testing/mock.js +12 -6
  9. package/dist/cjs/version.json +1 -1
  10. package/dist/es2019/components/Article/HelpArticle/index.js +6 -2
  11. package/dist/es2019/components/ArticlesList/ArticlesList.js +21 -13
  12. package/dist/es2019/components/ArticlesList/ArticlesListItem/index.js +3 -17
  13. package/dist/es2019/components/ArticlesList/ArticlesListItem/styled.js +4 -2
  14. package/dist/es2019/components/ArticlesList/index.js +2 -19
  15. package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/index.js +2 -19
  16. package/dist/es2019/util/testing/mock.js +12 -6
  17. package/dist/es2019/version.json +1 -1
  18. package/dist/esm/components/Article/HelpArticle/index.js +6 -2
  19. package/dist/esm/components/ArticlesList/ArticlesList.js +21 -13
  20. package/dist/esm/components/ArticlesList/ArticlesListItem/index.js +4 -17
  21. package/dist/esm/components/ArticlesList/ArticlesListItem/styled.js +2 -2
  22. package/dist/esm/components/ArticlesList/index.js +2 -18
  23. package/dist/esm/components/RelatedArticles/index.js +1 -1
  24. package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/index.js +2 -18
  25. package/dist/esm/components/contexts/navigationContext.js +1 -1
  26. package/dist/esm/components/contexts/searchContext.js +1 -1
  27. package/dist/esm/components/contexts/whatsNewArticleContext.js +1 -1
  28. package/dist/esm/util/testing/mock.js +12 -6
  29. package/dist/esm/version.json +1 -1
  30. package/dist/types/components/Article/ArticleLoadingFail/styled.d.ts +2 -2
  31. package/dist/types/components/Article/HelpArticle/WasHelpfulForm/styled.d.ts +3 -3
  32. package/dist/types/components/Article/WhatsNewArticle/styled.d.ts +6 -6
  33. package/dist/types/components/Article/styled.d.ts +1 -1
  34. package/dist/types/components/ArticlesList/ArticlesListItem/index.d.ts +1 -2
  35. package/dist/types/components/ArticlesList/ArticlesListItem/styled.d.ts +6 -6
  36. package/dist/types/components/ArticlesList/styled.d.ts +2 -2
  37. package/dist/types/components/RelatedArticles/styled.d.ts +4 -4
  38. package/dist/types/components/Search/SearchInput/styled.d.ts +3 -3
  39. package/dist/types/components/Search/SearchResults/styled.d.ts +5 -5
  40. package/dist/types/components/WhatsNew/WhatsNewResults/WhatsNewResultsEmpty/styled.d.ts +2 -2
  41. package/dist/types/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/styled.d.ts +2 -2
  42. package/dist/types/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/styled.d.ts +4 -4
  43. package/dist/types/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.d.ts +4 -4
  44. package/dist/types/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/styled.d.ts +2 -2
  45. package/dist/types/components/WhatsNew/WhatsNewResults/styled.d.ts +4 -4
  46. package/dist/types/components/styled.d.ts +3 -3
  47. package/dist/types/model/Article.d.ts +4 -2
  48. package/dist/types/util/styled.d.ts +4 -4
  49. package/package.json +2 -3
  50. 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
- routeName,
11
- routeGroup,
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
- routeName,
27
- routeGroup,
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
- routeName,
51
- routeGroup,
54
+ routes: [{
55
+ routeName,
56
+ routeGroup
57
+ }],
52
58
  topicId: 'mock-topic',
53
59
  productName,
54
60
  href,
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/help",
3
- "version": "7.1.8",
3
+ "version": "7.1.11",
4
4
  "sideEffects": false
5
5
  }
@@ -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: article.routeGroup,
95
- routeName: article.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 * as colors from '@atlaskit/theme/colors';
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, i) {
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, i) {
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
- // import { messages } from '../../../messages';
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 formatMessage = _ref.intl.formatMessage,
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, typeTitle && /*#__PURE__*/React.createElement(ArticlesListItemTypeTitle, null, formatMessage(typeTitle)), /*#__PURE__*/React.createElement(ArticlesListItemTitleText, null, title), href && /*#__PURE__*/React.createElement(ArticlesListItemLinkIcon, null, /*#__PURE__*/React.createElement(ShortcutIcon, {
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.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n align-self: auto;\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: 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(ThemeProvider, {
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
- })))) : null;
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(ThemeProvider, {
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
- })))) : null;
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
- routeName: routeName,
15
- routeGroup: routeGroup,
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
- routeName: routeName,
35
- routeGroup: routeGroup,
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
- routeName: routeName,
63
- routeGroup: routeGroup,
66
+ routes: [{
67
+ routeName: routeName,
68
+ routeGroup: routeGroup
69
+ }],
64
70
  topicId: 'mock-topic',
65
71
  productName: productName,
66
72
  href: href,
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/help",
3
- "version": "7.1.8",
3
+ "version": "7.1.11",
4
4
  "sideEffects": false
5
5
  }
@@ -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>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
3
- export declare const LoadingErrorButtonContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
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>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
4
- export declare const ArticleFeedbackText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
5
- export declare const ArticleFeedbackAnswerWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
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>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
3
- export declare const WhatsNewIconContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
4
- export declare const WhatsNewTitleText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
5
- export declare const WhatsNewRelatedLinksTitleText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
6
- export declare const RelatedLinkContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
7
- export declare const ExternalLinkIconContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
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>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
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, ARTICLE_ITEM_TYPES } from '../../../model/Article';
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, any>;
6
- export declare const ArticlesListItemContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
7
- export declare const ArticlesListItemTypeTitle: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
8
- export declare const ArticlesListItemLinkIcon: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
9
- export declare const ArticlesListItemTitleText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
10
- export declare const ArticlesListItemDescription: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement>, keyof import("react").ClassAttributes<any>>, any>;
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>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
5
- export declare const ToggleShowMoreArticlesContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
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>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
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>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
9
- export declare const LoadignRelatedArticleList: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement>, keyof import("react").ClassAttributes<any>>, any>;
10
- export declare const LoadignRelatedArticleListItem: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement>, keyof import("react").ClassAttributes<any>>, any>;
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>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
3
- export declare const SearchIconContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
4
- export declare const CloseButtonAndSpinnerContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
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>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
3
- export declare const SearchResultsList: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
4
- export declare const SearchResultEmptyMessageImage: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
5
- export declare const SearchResultEmptyMessageText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
6
- export declare const SearchResultSearchExternalSiteContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
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>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
3
- export declare const WhatsNewResultsEmptyMessageText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
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>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
3
- export declare const SearchResultEmptyMessageText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
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, any>;
6
- export declare const WhatsNewResultListItemTitleContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").ClassAttributes<any>>, any>;
7
- export declare const WhatsNewResultListItemTitleText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").ClassAttributes<any>>, any>;
8
- export declare const WhatsNewResultListItemDescription: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("@emotion/styled-base/types/helper").Omit<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement>, keyof import("react").ClassAttributes<any>>, any>;
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 {};