@atlaskit/help 7.1.27 → 7.2.0

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 (48) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/cjs/components/Article/ArticleLoadingFail/styled.js +1 -0
  3. package/dist/cjs/components/Article/HelpArticle/WasHelpfulForm/index.js +0 -1
  4. package/dist/cjs/components/Article/HelpArticle/WasHelpfulForm/styled.js +1 -0
  5. package/dist/cjs/components/Article/WhatsNewArticle/styled.js +1 -0
  6. package/dist/cjs/components/Article/styled.js +1 -0
  7. package/dist/cjs/components/ArticlesList/ArticlesListItem/styled.js +1 -0
  8. package/dist/cjs/components/ArticlesList/styled.js +1 -0
  9. package/dist/cjs/components/HelpContentButton/styled.js +1 -0
  10. package/dist/cjs/components/RelatedArticles/index.js +28 -30
  11. package/dist/cjs/components/RelatedArticles/styled.js +1 -0
  12. package/dist/cjs/components/Search/SearchInput/styled.js +1 -0
  13. package/dist/cjs/components/Search/SearchResults/styled.js +1 -0
  14. package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsEmpty/styled.js +1 -0
  15. package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/styled.js +1 -0
  16. package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/styled.js +1 -0
  17. package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.js +1 -0
  18. package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/styled.js +1 -0
  19. package/dist/cjs/components/WhatsNew/WhatsNewResults/styled.js +1 -0
  20. package/dist/cjs/components/constants.js +8 -8
  21. package/dist/cjs/components/contexts/navigationContext.js +122 -130
  22. package/dist/cjs/components/contexts/searchContext.js +28 -30
  23. package/dist/cjs/components/contexts/whatsNewArticleContext.js +51 -53
  24. package/dist/cjs/components/styled.js +1 -0
  25. package/dist/cjs/model/Article.js +4 -4
  26. package/dist/cjs/model/Help.js +4 -4
  27. package/dist/cjs/model/Requests.js +4 -4
  28. package/dist/cjs/model/WhatsNew.js +4 -4
  29. package/dist/cjs/util/styled.js +1 -0
  30. package/dist/cjs/version.json +1 -1
  31. package/dist/es2019/components/constants.js +8 -8
  32. package/dist/es2019/model/Article.js +3 -3
  33. package/dist/es2019/model/Help.js +3 -3
  34. package/dist/es2019/model/Requests.js +3 -3
  35. package/dist/es2019/model/WhatsNew.js +3 -3
  36. package/dist/es2019/version.json +1 -1
  37. package/dist/esm/components/RelatedArticles/index.js +28 -30
  38. package/dist/esm/components/constants.js +8 -8
  39. package/dist/esm/components/contexts/navigationContext.js +122 -130
  40. package/dist/esm/components/contexts/searchContext.js +28 -30
  41. package/dist/esm/components/contexts/whatsNewArticleContext.js +51 -53
  42. package/dist/esm/model/Article.js +3 -3
  43. package/dist/esm/model/Help.js +3 -3
  44. package/dist/esm/model/Requests.js +3 -3
  45. package/dist/esm/model/WhatsNew.js +3 -3
  46. package/dist/esm/version.json +1 -1
  47. package/package.json +21 -21
  48. package/tmp/api-report-tmp.d.ts +0 -300
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlaskit/help
2
2
 
3
+ ## 7.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+
3
13
  ## 7.1.27
4
14
 
5
15
  ### Patch Changes
@@ -9,6 +9,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
9
9
  var _styled = _interopRequireDefault(require("@emotion/styled"));
10
10
  var _constants = require("@atlaskit/theme/constants");
11
11
  var _templateObject, _templateObject2;
12
+ /** @jsx jsx */
12
13
  var LoadingErrorMessage = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n padding-top: ", "px;\n text-align: center;\n"])), 3 * (0, _constants.gridSize)());
13
14
  exports.LoadingErrorMessage = LoadingErrorMessage;
14
15
  var LoadingErrorButtonContainer = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n padding-top: ", "px;\n text-align: center;\n"])), 3 * (0, _constants.gridSize)());
@@ -30,7 +30,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
30
30
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
31
31
  // AFP-2532 TODO: Fix automatic suppressions below
32
32
  // eslint-disable-next-line @atlassian/tangerine/import/entry-points
33
-
34
33
  var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
35
34
  var ANALYTICS_CONTEXT_DATA = {
36
35
  componentName: 'ArticleWasHelpfulForm',
@@ -10,6 +10,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
10
10
  var _styled = _interopRequireDefault(require("@emotion/styled"));
11
11
  var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
12
12
  var _templateObject, _templateObject2, _templateObject3;
13
+ /** @jsx jsx */
13
14
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
14
15
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
16
  var ArticleFeedbackContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n"])));
@@ -11,6 +11,7 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
11
11
  var _constants = require("@atlaskit/theme/constants");
12
12
  var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
13
13
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
14
+ /** @jsx jsx */
14
15
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
16
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
17
  var WhatsNewTypeTitle = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n text-decoration: none;\n color: ", ";\n font-size: ", "px;\n vertical-align: middle;\n padding-left: ", ";\n line-height: ", ";\n white-space: normal;\n overflow-x: hidden;\n"])), "var(--ds-text-subtlest, ".concat(colors.N300, ")"), (0, _constants.fontSize)(), "var(--ds-space-050, 4px)", "var(--ds-font-lineHeight-200, 20px)");
@@ -8,5 +8,6 @@ exports.ArticleContainer = void 0;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
9
  var _styled = _interopRequireDefault(require("@emotion/styled"));
10
10
  var _templateObject;
11
+ /** @jsx jsx */
11
12
  var ArticleContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n padding: ", " ", ";\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n background-color: ", ";\n left: 100%;\n flex: 1;\n flex-direction: column;\n box-sizing: border-box;\n overflow-x: hidden;\n overflow-y: auto;\n z-index: 2;\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-300, 24px)", "var(--ds-surface, #FFFFFF)");
12
13
  exports.ArticleContainer = ArticleContainer;
@@ -11,6 +11,7 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
11
11
  var _constants = require("@atlaskit/theme/constants");
12
12
  var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
13
13
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
14
+ /** @jsx jsx */
14
15
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
16
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
17
  var ArticlesListItemWrapper = _styled.default.a({
@@ -9,6 +9,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
9
9
  var _core = require("@emotion/core");
10
10
  var _styled = _interopRequireDefault(require("@emotion/styled"));
11
11
  var _templateObject, _templateObject2, _templateObject3;
12
+ /** @jsx jsx */
12
13
  var truncate = function truncate() {
13
14
  var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
14
15
  return (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: ", ";\n"])), width);
@@ -10,6 +10,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
10
10
  var _styledComponents = _interopRequireDefault(require("styled-components"));
11
11
  var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
12
12
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
13
+ /** @jsx jsx */
13
14
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
14
15
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
16
  var HelpContentButtonContainer = _styledComponents.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: block;\n cursor: pointer;\n width: calc(100% - ", ");\n color: ", ";\n padding: ", ";\n border-radius: 3px;\n\n &:hover,\n &:focus,\n &:visited,\n &:active {\n text-decoration: none;\n outline: none;\n outline-offset: none;\n color: ", ";\n }\n\n &:focus {\n box-shadow: ", " 0 0 0 2px inset;\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n"])), "var(--ds-space-200, 16px)", "var(--ds-text-subtle, ".concat(colors.N600, ")"), "var(--ds-space-100, 8px)", "var(--ds-text-subtle, ".concat(colors.N600, ")"), "var(--ds-border-focused, ".concat(colors.B100, ")"), "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N30, ")"), "var(--ds-background-neutral-subtle-pressed, ".concat(colors.B50, ")"));
@@ -62,37 +62,35 @@ var RelatedArticles = function RelatedArticles(_ref) {
62
62
  var updateRelatedArticles = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
63
63
  var _relatedArticles;
64
64
  return _regenerator.default.wrap(function _callee$(_context) {
65
- while (1) {
66
- switch (_context.prev = _context.next) {
67
- case 0:
68
- if (!onGetRelatedArticles) {
69
- _context.next = 15;
70
- break;
71
- }
72
- _context.prev = 1;
73
- _context.next = 4;
74
- return cancellablePromise(onGetRelatedArticles(routeGroup, routeName));
75
- case 4:
76
- _relatedArticles = _context.sent;
77
- setRelatedArticles(_relatedArticles);
78
- setIsLoading(false);
79
- setHasError(false);
80
- _context.next = 13;
65
+ while (1) switch (_context.prev = _context.next) {
66
+ case 0:
67
+ if (!onGetRelatedArticles) {
68
+ _context.next = 15;
81
69
  break;
82
- case 10:
83
- _context.prev = 10;
84
- _context.t0 = _context["catch"](1);
85
- setHasError(true);
86
- case 13:
87
- _context.next = 17;
88
- break;
89
- case 15:
90
- setIsLoading(false);
91
- setHasError(false);
92
- case 17:
93
- case "end":
94
- return _context.stop();
95
- }
70
+ }
71
+ _context.prev = 1;
72
+ _context.next = 4;
73
+ return cancellablePromise(onGetRelatedArticles(routeGroup, routeName));
74
+ case 4:
75
+ _relatedArticles = _context.sent;
76
+ setRelatedArticles(_relatedArticles);
77
+ setIsLoading(false);
78
+ setHasError(false);
79
+ _context.next = 13;
80
+ break;
81
+ case 10:
82
+ _context.prev = 10;
83
+ _context.t0 = _context["catch"](1);
84
+ setHasError(true);
85
+ case 13:
86
+ _context.next = 17;
87
+ break;
88
+ case 15:
89
+ setIsLoading(false);
90
+ setHasError(false);
91
+ case 17:
92
+ case "end":
93
+ return _context.stop();
96
94
  }
97
95
  }, _callee, null, [[1, 10]]);
98
96
  })), [cancellablePromise, onGetRelatedArticles, routeGroup, routeName]);
@@ -12,6 +12,7 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
12
12
  var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
13
13
  var _constants = require("@atlaskit/theme/constants");
14
14
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
15
+ /** @jsx jsx */
15
16
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
16
17
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
18
  var baseHeading = function baseHeading(size, lineHeight) {
@@ -8,6 +8,7 @@ exports.SearchInputContainer = exports.SearchIconContainer = exports.CloseButton
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
9
  var _styled = _interopRequireDefault(require("@emotion/styled"));
10
10
  var _templateObject, _templateObject2, _templateObject3;
11
+ /** @jsx jsx */
11
12
  var SearchInputContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n order: 0;\n flex: 0 1 auto;\n align-self: auto;\n width: 100%;\n box-sizing: border-box;\n"])));
12
13
  exports.SearchInputContainer = SearchInputContainer;
13
14
  var SearchIconContainer = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n width: ", ";\n height: ", ";\n padding-left: ", ";\n\n & > span {\n padding-left: ", ";\n height: ", ";\n width: ", ";\n box-sizing: border-box;\n }\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
@@ -11,6 +11,7 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
11
11
  var _constants = require("@atlaskit/theme/constants");
12
12
  var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
13
13
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
14
+ /** @jsx jsx */
14
15
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
16
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
17
  var SearchResultsContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n background-color: ", ";\n flex: 1;\n flex-direction: column;\n box-sizing: border-box;\n overflow-x: hidden;\n overflow-y: auto;\n z-index: 10;\n padding: 0 ", "px;\n"])), "var(--ds-surface, #FFFFFF)", 2 * (0, _constants.gridSize)());
@@ -11,6 +11,7 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
11
11
  var _constants = require("@atlaskit/theme/constants");
12
12
  var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
13
13
  var _templateObject, _templateObject2;
14
+ /** @jsx jsx */
14
15
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
16
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
17
  var WhatsNewResultsEmptyMessageImage = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n padding: ", "px ", "px 0 ", "px;\n text-align: center;\n"])), 3 * (0, _constants.gridSize)(), 3 * (0, _constants.gridSize)(), 3 * (0, _constants.gridSize)());
@@ -11,6 +11,7 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
11
11
  var _constants = require("@atlaskit/theme/constants");
12
12
  var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
13
13
  var _templateObject, _templateObject2;
14
+ /** @jsx jsx */
14
15
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
16
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
17
  var SearchResultEmptyMessageImage = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n padding: ", "px ", "px 0 ", "px;\n text-align: center;\n"])), 3 * (0, _constants.gridSize)(), 3 * (0, _constants.gridSize)(), 3 * (0, _constants.gridSize)());
@@ -11,6 +11,7 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
11
11
  var _constants = require("@atlaskit/theme/constants");
12
12
  var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
13
13
  var _templateObject, _templateObject2, _templateObject3;
14
+ /** @jsx jsx */
14
15
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
16
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
17
  var WhatsNewResultListItemWrapper = _styled.default.a({
@@ -12,6 +12,7 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
12
12
  var _constants = require("@atlaskit/theme/constants");
13
13
  var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
14
14
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
15
+ /** @jsx jsx */
15
16
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
16
17
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
18
  var truncate = function truncate() {
@@ -8,6 +8,7 @@ exports.LoadignWhatsNewResultsListItem = exports.LoadignWhatsNewResultsList = vo
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
9
  var _styled = _interopRequireDefault(require("@emotion/styled"));
10
10
  var _templateObject, _templateObject2;
11
+ /** @jsx jsx */
11
12
  /**
12
13
  * Loading styled-components
13
14
  */
@@ -9,6 +9,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
9
9
  var _styled = _interopRequireDefault(require("@emotion/styled"));
10
10
  var _constants = require("@atlaskit/theme/constants");
11
11
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
12
+ /** @jsx jsx */
12
13
  var WhatsNewResultsContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n background-color: ", ";\n flex: 1;\n flex-direction: column;\n box-sizing: border-box;\n overflow-x: hidden;\n overflow-y: auto;\n z-index: 1;\n padding: ", ";\n"])), "var(--ds-surface, #FFFFFF)", "var(--ds-space-200, 16px)");
13
14
  exports.WhatsNewResultsContainer = WhatsNewResultsContainer;
14
15
  var SelectContainer = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n width: ", "px;\n"])), 19 * (0, _constants.gridSize)());
@@ -10,27 +10,27 @@ var LOADING_TIMEOUT = 1000;
10
10
  exports.LOADING_TIMEOUT = LOADING_TIMEOUT;
11
11
  var NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE = 10;
12
12
  exports.NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE = NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE;
13
- var VIEW; // Animation related consts
14
- exports.VIEW = VIEW;
15
- (function (VIEW) {
13
+ var VIEW = /*#__PURE__*/function (VIEW) {
16
14
  VIEW["DEFAULT_CONTENT"] = "DEFAULT_CONTENT";
17
15
  VIEW["SEARCH"] = "SEARCH";
18
16
  VIEW["ARTICLE"] = "ARTICLE";
19
17
  VIEW["WHATS_NEW"] = "WHATS_NEW";
20
18
  VIEW["WHATS_NEW_ARTICLE"] = "WHATS_NEW_ARTICLE";
21
- })(VIEW || (exports.VIEW = VIEW = {}));
19
+ return VIEW;
20
+ }({}); // Animation related consts
21
+ exports.VIEW = VIEW;
22
22
  var SLIDEIN_OVERLAY_TRANSITION_DURATION_MS = 300;
23
23
  exports.SLIDEIN_OVERLAY_TRANSITION_DURATION_MS = SLIDEIN_OVERLAY_TRANSITION_DURATION_MS;
24
24
  var FADEIN_OVERLAY_TRANSITION_DURATION_MS = 440;
25
25
  exports.FADEIN_OVERLAY_TRANSITION_DURATION_MS = FADEIN_OVERLAY_TRANSITION_DURATION_MS;
26
26
  var HIDE_CONTENT_DELAY = FADEIN_OVERLAY_TRANSITION_DURATION_MS + 200;
27
27
  exports.HIDE_CONTENT_DELAY = HIDE_CONTENT_DELAY;
28
- var TRANSITION_STATUS;
29
- exports.TRANSITION_STATUS = TRANSITION_STATUS;
30
- (function (TRANSITION_STATUS) {
28
+ var TRANSITION_STATUS = /*#__PURE__*/function (TRANSITION_STATUS) {
31
29
  TRANSITION_STATUS["UNMOUNTED"] = "unmounted";
32
30
  TRANSITION_STATUS["EXITED"] = "exited";
33
31
  TRANSITION_STATUS["ENTERING"] = "entering";
34
32
  TRANSITION_STATUS["ENTERED"] = "entered";
35
33
  TRANSITION_STATUS["EXITING"] = "exiting";
36
- })(TRANSITION_STATUS || (exports.TRANSITION_STATUS = TRANSITION_STATUS = {}));
34
+ return TRANSITION_STATUS;
35
+ }({});
36
+ exports.TRANSITION_STATUS = TRANSITION_STATUS;
@@ -267,67 +267,65 @@ var NavigationContextProvider = function NavigationContextProvider(_ref4) {
267
267
  var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(historyItem) {
268
268
  var article;
269
269
  return _regenerator.default.wrap(function _callee$(_context) {
270
- while (1) {
271
- switch (_context.prev = _context.next) {
272
- case 0:
273
- _context.prev = 0;
274
- _context.t0 = historyItem.type;
275
- _context.next = _context.t0 === _Help.ARTICLE_TYPE.HELP_ARTICLE ? 4 : _context.t0 === _Help.ARTICLE_TYPE.WHATS_NEW ? 10 : 18;
270
+ while (1) switch (_context.prev = _context.next) {
271
+ case 0:
272
+ _context.prev = 0;
273
+ _context.t0 = historyItem.type;
274
+ _context.next = _context.t0 === _Help.ARTICLE_TYPE.HELP_ARTICLE ? 4 : _context.t0 === _Help.ARTICLE_TYPE.WHATS_NEW ? 10 : 18;
275
+ break;
276
+ case 4:
277
+ if (onGetHelpArticle) {
278
+ _context.next = 6;
276
279
  break;
277
- case 4:
278
- if (onGetHelpArticle) {
279
- _context.next = 6;
280
- break;
281
- }
282
- throw new Error('onGetHelpArticle prop not defined');
283
- case 6:
284
- _context.next = 8;
285
- return onGetHelpArticle({
286
- id: historyItem.id,
287
- type: historyItem.type
288
- });
289
- case 8:
290
- article = _context.sent;
291
- return _context.abrupt("break", 20);
292
- case 10:
293
- if (onGetWhatsNewArticle) {
294
- _context.next = 12;
295
- break;
296
- }
297
- throw new Error('onGetWhatsNewArticle prop not defined');
298
- case 12:
299
- if (!(historyItem.id === '')) {
300
- _context.next = 14;
301
- break;
302
- }
303
- return _context.abrupt("break", 20);
304
- case 14:
305
- _context.next = 16;
306
- return onGetWhatsNewArticle({
307
- id: historyItem.id,
308
- type: historyItem.type
309
- });
310
- case 16:
311
- article = _context.sent;
312
- return _context.abrupt("break", 20);
313
- case 18:
314
- throw new Error('onGetHelpArticle prop not defined');
315
- case 20:
316
- return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread({}, historyItem), article && {
317
- article: article
318
- }), {}, {
319
- state: _Requests.REQUEST_STATE.done
320
- }));
321
- case 23:
322
- _context.prev = 23;
323
- _context.t1 = _context["catch"](0);
324
- return _context.abrupt("return", _objectSpread(_objectSpread({}, historyItem), {}, {
325
- state: _Requests.REQUEST_STATE.error
326
- }));
327
- case 26:
328
- case "end":
329
- return _context.stop();
330
- }
280
+ }
281
+ throw new Error('onGetHelpArticle prop not defined');
282
+ case 6:
283
+ _context.next = 8;
284
+ return onGetHelpArticle({
285
+ id: historyItem.id,
286
+ type: historyItem.type
287
+ });
288
+ case 8:
289
+ article = _context.sent;
290
+ return _context.abrupt("break", 20);
291
+ case 10:
292
+ if (onGetWhatsNewArticle) {
293
+ _context.next = 12;
294
+ break;
295
+ }
296
+ throw new Error('onGetWhatsNewArticle prop not defined');
297
+ case 12:
298
+ if (!(historyItem.id === '')) {
299
+ _context.next = 14;
300
+ break;
301
+ }
302
+ return _context.abrupt("break", 20);
303
+ case 14:
304
+ _context.next = 16;
305
+ return onGetWhatsNewArticle({
306
+ id: historyItem.id,
307
+ type: historyItem.type
308
+ });
309
+ case 16:
310
+ article = _context.sent;
311
+ return _context.abrupt("break", 20);
312
+ case 18:
313
+ throw new Error('onGetHelpArticle prop not defined');
314
+ case 20:
315
+ return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread({}, historyItem), article && {
316
+ article: article
317
+ }), {}, {
318
+ state: _Requests.REQUEST_STATE.done
319
+ }));
320
+ case 23:
321
+ _context.prev = 23;
322
+ _context.t1 = _context["catch"](0);
323
+ return _context.abrupt("return", _objectSpread(_objectSpread({}, historyItem), {}, {
324
+ state: _Requests.REQUEST_STATE.error
325
+ }));
326
+ case 26:
327
+ case "end":
328
+ return _context.stop();
331
329
  }
332
330
  }, _callee, null, [[0, 23]]);
333
331
  }));
@@ -339,23 +337,21 @@ var NavigationContextProvider = function NavigationContextProvider(_ref4) {
339
337
  var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(historyItem) {
340
338
  var historyItemToReload;
341
339
  return _regenerator.default.wrap(function _callee2$(_context2) {
342
- while (1) {
343
- switch (_context2.prev = _context2.next) {
344
- case 0:
345
- historyItemToReload = _objectSpread({}, historyItem);
346
- if (historyItem.type === _Help.ARTICLE_TYPE.HELP_ARTICLE || historyItem.type === _Help.ARTICLE_TYPE.WHATS_NEW) {
347
- historyItemToReload.state = _Requests.REQUEST_STATE.loading;
348
- } else {
349
- historyItemToReload.state = _Requests.REQUEST_STATE.error;
350
- }
351
- dispatchNavigationAction({
352
- type: 'updateHistoryItem',
353
- payload: historyItemToReload
354
- });
355
- case 3:
356
- case "end":
357
- return _context2.stop();
358
- }
340
+ while (1) switch (_context2.prev = _context2.next) {
341
+ case 0:
342
+ historyItemToReload = _objectSpread({}, historyItem);
343
+ if (historyItem.type === _Help.ARTICLE_TYPE.HELP_ARTICLE || historyItem.type === _Help.ARTICLE_TYPE.WHATS_NEW) {
344
+ historyItemToReload.state = _Requests.REQUEST_STATE.loading;
345
+ } else {
346
+ historyItemToReload.state = _Requests.REQUEST_STATE.error;
347
+ }
348
+ dispatchNavigationAction({
349
+ type: 'updateHistoryItem',
350
+ payload: historyItemToReload
351
+ });
352
+ case 3:
353
+ case "end":
354
+ return _context2.stop();
359
355
  }
360
356
  }, _callee2);
361
357
  }));
@@ -365,45 +361,43 @@ var NavigationContextProvider = function NavigationContextProvider(_ref4) {
365
361
  }(), []);
366
362
  var navigateBack = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
367
363
  return _regenerator.default.wrap(function _callee3$(_context3) {
368
- while (1) {
369
- switch (_context3.prev = _context3.next) {
370
- case 0:
371
- if (!(currentView === _constants.VIEW.SEARCH && onSearch)) {
372
- _context3.next = 8;
373
- break;
374
- }
375
- if (!(searchValue !== '')) {
376
- _context3.next = 6;
377
- break;
378
- }
379
- onSearch('');
380
- return _context3.abrupt("return");
381
- case 6:
382
- dispatchNavigationAction({
383
- type: 'updateView',
384
- payload: currentArticleId.type
385
- });
386
- return _context3.abrupt("return");
387
- case 8:
388
- // if the history is not empty and ...
389
- if (currentHistory.length > 0) {
390
- // the history has more than one article, navigate back through the history
391
- if (currentHistory.length > 1) {
392
- // Remove last element
393
- dispatchNavigationAction({
394
- type: 'removeLastHistoryItem'
395
- });
396
- } else if (currentHistory.length === 1) {
397
- // but if the history only has one item, clear the history
398
- dispatchNavigationAction({
399
- type: 'removeAllHistoryItems'
400
- });
401
- }
364
+ while (1) switch (_context3.prev = _context3.next) {
365
+ case 0:
366
+ if (!(currentView === _constants.VIEW.SEARCH && onSearch)) {
367
+ _context3.next = 8;
368
+ break;
369
+ }
370
+ if (!(searchValue !== '')) {
371
+ _context3.next = 6;
372
+ break;
373
+ }
374
+ onSearch('');
375
+ return _context3.abrupt("return");
376
+ case 6:
377
+ dispatchNavigationAction({
378
+ type: 'updateView',
379
+ payload: currentArticleId.type
380
+ });
381
+ return _context3.abrupt("return");
382
+ case 8:
383
+ // if the history is not empty and ...
384
+ if (currentHistory.length > 0) {
385
+ // the history has more than one article, navigate back through the history
386
+ if (currentHistory.length > 1) {
387
+ // Remove last element
388
+ dispatchNavigationAction({
389
+ type: 'removeLastHistoryItem'
390
+ });
391
+ } else if (currentHistory.length === 1) {
392
+ // but if the history only has one item, clear the history
393
+ dispatchNavigationAction({
394
+ type: 'removeAllHistoryItems'
395
+ });
402
396
  }
403
- case 9:
404
- case "end":
405
- return _context3.stop();
406
- }
397
+ }
398
+ case 9:
399
+ case "end":
400
+ return _context3.stop();
407
401
  }
408
402
  }, _callee3);
409
403
  })), [currentView, onSearch, currentHistory.length, searchValue, currentArticleId.type]);
@@ -486,21 +480,19 @@ var NavigationContextProvider = function NavigationContextProvider(_ref4) {
486
480
  var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(historyItem) {
487
481
  var historyItemUpdate;
488
482
  return _regenerator.default.wrap(function _callee4$(_context4) {
489
- while (1) {
490
- switch (_context4.prev = _context4.next) {
491
- case 0:
492
- _context4.next = 2;
493
- return fetchArticleData(historyItem);
494
- case 2:
495
- historyItemUpdate = _context4.sent;
496
- dispatchNavigationAction({
497
- type: 'updateHistoryItem',
498
- payload: historyItemUpdate
499
- });
500
- case 4:
501
- case "end":
502
- return _context4.stop();
503
- }
483
+ while (1) switch (_context4.prev = _context4.next) {
484
+ case 0:
485
+ _context4.next = 2;
486
+ return fetchArticleData(historyItem);
487
+ case 2:
488
+ historyItemUpdate = _context4.sent;
489
+ dispatchNavigationAction({
490
+ type: 'updateHistoryItem',
491
+ payload: historyItemUpdate
492
+ });
493
+ case 4:
494
+ case "end":
495
+ return _context4.stop();
504
496
  }
505
497
  }, _callee4);
506
498
  }));