@atlaskit/help 7.1.26 → 7.2.0

package/dist/esm/components/RelatedArticles/index.js

@@ -52,37 +52,35 @@ export var RelatedArticles = function RelatedArticles(_ref) {
   var updateRelatedArticles = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _relatedArticles;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            if (!onGetRelatedArticles) {
-              _context.next = 15;
-              break;
-            }
-            _context.prev = 1;
-            _context.next = 4;
-            return cancellablePromise(onGetRelatedArticles(routeGroup, routeName));
-          case 4:
-            _relatedArticles = _context.sent;
-            setRelatedArticles(_relatedArticles);
-            setIsLoading(false);
-            setHasError(false);
-            _context.next = 13;
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!onGetRelatedArticles) {
+            _context.next = 15;
             break;
-          case 10:
-            _context.prev = 10;
-            _context.t0 = _context["catch"](1);
-            setHasError(true);
-          case 13:
-            _context.next = 17;
-            break;
-          case 15:
-            setIsLoading(false);
-            setHasError(false);
-          case 17:
-          case "end":
-            return _context.stop();
-        }
+          }
+          _context.prev = 1;
+          _context.next = 4;
+          return cancellablePromise(onGetRelatedArticles(routeGroup, routeName));
+        case 4:
+          _relatedArticles = _context.sent;
+          setRelatedArticles(_relatedArticles);
+          setIsLoading(false);
+          setHasError(false);
+          _context.next = 13;
+          break;
+        case 10:
+          _context.prev = 10;
+          _context.t0 = _context["catch"](1);
+          setHasError(true);
+        case 13:
+          _context.next = 17;
+          break;
+        case 15:
+          setIsLoading(false);
+          setHasError(false);
+        case 17:
+        case "end":
+          return _context.stop();
       }
     }, _callee, null, [[1, 10]]);
   })), [cancellablePromise, onGetRelatedArticles, routeGroup, routeName]);

package/dist/esm/components/RelatedArticles/styled.js

@@ -5,7 +5,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 import { css } from '@emotion/core';
 import styled from '@emotion/styled';
 import * as colors from '@atlaskit/theme/colors';
-import { gridSize, fontSize } from '@atlaskit/theme/constants';
+import { fontSize } from '@atlaskit/theme/constants';
 var baseHeading = function baseHeading(size, lineHeight) {
   return "\n  font-size: ".concat(size / fontSize(), "em;\n  font-style: inherit;\n  line-height: ").concat(lineHeight / size, ";\n");
 };
@@ -13,11 +13,11 @@ export var truncate = function truncate() {
   var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: ", ";\n"])), width);
 };
-export var RelatedArticlesTitle = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  color: ", ";\n  font-weight: 600;\n  letter-spacing: -0.006em;\n  padding: ", "px 0;\n"])), baseHeading(16, 20), "var(--ds-text, ".concat(colors.N800, ")"), gridSize() * 2);
+export var RelatedArticlesTitle = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  color: ", ";\n  font-weight: 600;\n  letter-spacing: -0.006em;\n  padding: ", " 0;\n"])), baseHeading(16, 20), "var(--ds-text, ".concat(colors.N800, ")"), "var(--ds-space-200, 16px)");
 
 /**
  * Loading styled-components
  */
-export var LoadignRelatedArticleSection = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-top: ", "px;\n"])), gridSize());
+export var LoadignRelatedArticleSection = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n"])), "var(--ds-space-100, 8px)");
 export var LoadignRelatedArticleList = styled.ul(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n"])));
-export var LoadignRelatedArticleListItem = styled.li(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: block;\n  width: 100%;\n  padding: ", "px;\n  margin-bottom: ", "px;\n  box-sizing: border-box;\n"])), gridSize(), gridSize() * 2);
+export var LoadignRelatedArticleListItem = styled.li(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: block;\n  width: 100%;\n  padding: ", ";\n  margin-bottom: ", ";\n  box-sizing: border-box;\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)");

package/dist/esm/components/Search/SearchInput/styled.js

@@ -2,7 +2,6 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3;
 /** @jsx jsx */
 import styled from '@emotion/styled';
-import { gridSize } from '@atlaskit/theme/constants';
 export var SearchInputContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  order: 0;\n  flex: 0 1 auto;\n  align-self: auto;\n  width: 100%;\n  box-sizing: border-box;\n"])));
-export var SearchIconContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: ", "px;\n  padding-left: ", "px;\n\n  & > span {\n    padding-left: ", "px;\n    height: ", "px;\n    width: ", "px;\n    box-sizing: border-box;\n  }\n"])), gridSize() * 3, gridSize() * 3, gridSize() / 2, gridSize() / 2, gridSize() * 3, gridSize() * 3);
-export var CloseButtonAndSpinnerContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  font-size: 0;\n  padding-right: ", "px;\n  position: relative;\n  white-space: nowrap;\n\n  & > span {\n    padding-right: ", "px;\n  }\n\n  & > button,\n  & > span {\n    display: inline-block;\n    vertical-align: middle;\n  }\n"])), gridSize(), gridSize() / 2);
+export var SearchIconContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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)");
+export var CloseButtonAndSpinnerContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  font-size: 0;\n  padding-right: ", ";\n  position: relative;\n  white-space: nowrap;\n\n  & > span {\n    padding-right: ", ";\n  }\n\n  & > button,\n  & > span {\n    display: inline-block;\n    vertical-align: middle;\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-050, 4px)");

package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/styled.js

@@ -2,13 +2,12 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3;
 /** @jsx jsx */
 import styled from '@emotion/styled';
-import { gridSize } from '@atlaskit/theme/constants';
 import { fontSize, fontSizeSmall } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
 export var WhatsNewResultListItemWrapper = styled.a({
   position: "relative",
   boxSizing: "border-box",
-  padding: "".concat(gridSize(), "px"),
+  padding: "var(--ds-space-100, 8px)",
   display: "block",
   textDecoration: "none",
   cursor: "pointer",
@@ -32,6 +31,6 @@ export var WhatsNewResultListItemWrapper = styled.a({
 }, function (props) {
   return props.styles;
 });
-export var WhatsNewResultListItemTitleContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  white-space: nowrap;\n  margin-bottom: ", "px;\n"])), gridSize() / 2);
-export var WhatsNewResultListItemTitleText = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: ", "px;\n  line-height: ", "px;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n  padding-left: ", "px;\n  white-space: normal;\n  overflow-x: hidden;\n"])), fontSizeSmall(), fontSize(), gridSize() / 2);
-export var WhatsNewResultListItemDescription = styled.p(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: block;\n  line-height: ", "px;\n  color: ", ";\n  margin: 0;\n"])), gridSize() * 2.5, "var(--ds-text, ".concat(colors.N800, ")"));
+export var WhatsNewResultListItemTitleContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  white-space: nowrap;\n  margin-bottom: ", ";\n"])), "var(--ds-space-050, 4px)");
+export var WhatsNewResultListItemTitleText = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: ", "px;\n  line-height: ", "px;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n  padding-left: ", ";\n  white-space: normal;\n  overflow-x: hidden;\n"])), fontSizeSmall(), fontSize(), "var(--ds-space-050, 4px)");
+export var WhatsNewResultListItemDescription = styled.p(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: block;\n  line-height: ", ";\n  color: ", ";\n  margin: 0;\n"])), "var(--ds-font-lineHeight-200, 20px)", "var(--ds-text, ".concat(colors.N800, ")"));

package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultsList.js

@@ -1,6 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useEffect, useState } from 'react';
-import { gridSize } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
 import toDate from 'date-fns/toDate';
 import isYesterday from 'date-fns/isYesterday';
@@ -44,8 +43,8 @@ var WhatsNewResultsList = function WhatsNewResultsList(_ref) {
       return /*#__PURE__*/React.createElement(WhatsNewResultItem, {
         styles: {
           border: style === 'secondary' ? "2px solid ".concat("var(--ds-border, ".concat(colors.N30, ")")) : 0,
-          padding: style === 'secondary' ? "".concat(gridSize(), "px ").concat(gridSize() * 2, "px") : "".concat(gridSize(), "px"),
-          marginBottom: style === 'secondary' ? "".concat(gridSize() * 1.5, "px") : 0
+          padding: style === 'secondary' ? "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-200, 16px)") : "var(--ds-space-100, 8px)",
+          marginBottom: style === 'secondary' ? "var(--ds-space-150, 12px)" : 0
         },
         id: whatsNewArticle.id,
         onClick: function onClick(event, analyticsEvent) {

package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.js

@@ -4,13 +4,13 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 
 import { css } from '@emotion/core';
 import styled from '@emotion/styled';
-import { fontSizeSmall, gridSize } from '@atlaskit/theme/constants';
+import { fontSizeSmall } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
 export var truncate = function truncate() {
   var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: ", ";\n"])), width);
 };
 export var WhatsNewResultsListContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n"])));
-export var WhatsNewResultsListGroupWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: ", "px 0 ", "px 0;\n"])), gridSize(), gridSize());
-export var WhatsNewResultsListGroupTitle = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: ", "px;\n  font-weight: bold;\n  padding: 0 ", "px ", "px ", "px;\n  text-transform: uppercase;\n"])), "var(--ds-text-subtlest, ".concat(colors.N200, ")"), fontSizeSmall(), gridSize(), gridSize(), gridSize());
-export var ToggleShowWhatsNewResultsContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding: ", "px 0;\n  span {\n    margin: 0;\n  }\n"])), gridSize());
+export var WhatsNewResultsListGroupWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: ", " 0 ", " 0;\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
+export var WhatsNewResultsListGroupTitle = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: ", "px;\n  font-weight: bold;\n  padding: 0 ", " ", "\n    ", ";\n  text-transform: uppercase;\n"])), "var(--ds-text-subtlest, ".concat(colors.N200, ")"), fontSizeSmall(), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
+export var ToggleShowWhatsNewResultsContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding: ", " 0;\n  span {\n    margin: 0;\n  }\n"])), "var(--ds-space-100, 8px)");

package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/styled.js

@@ -2,10 +2,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2;
 /** @jsx jsx */
 import styled from '@emotion/styled';
-import { gridSize } from '@atlaskit/theme/constants';
-
 /**
  * Loading styled-components
  */
-export var LoadignWhatsNewResultsList = styled.ul(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  margin-top: ", "px;\n"])), gridSize() * 2);
-export var LoadignWhatsNewResultsListItem = styled.li(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: block;\n  width: 100%;\n  padding: ", "px;\n  margin: 0;\n  box-sizing: border-box;\n"])), gridSize());
+export var LoadignWhatsNewResultsList = styled.ul(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  margin-top: ", ";\n"])), "var(--ds-space-200, 16px)");
+export var LoadignWhatsNewResultsListItem = styled.li(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: block;\n  width: 100%;\n  padding: ", ";\n  margin: 0;\n  box-sizing: border-box;\n"])), "var(--ds-space-100, 8px)");

package/dist/esm/components/WhatsNew/WhatsNewResults/styled.js

@@ -3,7 +3,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
 import styled from '@emotion/styled';
 import { gridSize } from '@atlaskit/theme/constants';
-export var WhatsNewResultsContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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: ", "px;\n"])), "var(--ds-surface, #FFFFFF)", 2 * gridSize());
+export var WhatsNewResultsContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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)");
 export var SelectContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: ", "px;\n"])), 19 * gridSize());
-export var WhatsNewResultsListContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding-top: ", "px;\n"])), gridSize());
-export var WhatsNewResultsListTitleContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: 0 ", "px;\n"])), gridSize());
+export var WhatsNewResultsListContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding-top: ", ";\n"])), "var(--ds-space-100, 8px)");
+export var WhatsNewResultsListTitleContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: 0 ", ";\n"])), "var(--ds-space-100, 8px)");

package/dist/esm/components/constants.js

@@ -1,24 +1,24 @@
 export var MIN_CHARACTERS_FOR_SEARCH = 3;
 export var LOADING_TIMEOUT = 1000;
 export var NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE = 10;
-export var VIEW;
-
-// Animation related consts
-(function (VIEW) {
+export var VIEW = /*#__PURE__*/function (VIEW) {
   VIEW["DEFAULT_CONTENT"] = "DEFAULT_CONTENT";
   VIEW["SEARCH"] = "SEARCH";
   VIEW["ARTICLE"] = "ARTICLE";
   VIEW["WHATS_NEW"] = "WHATS_NEW";
   VIEW["WHATS_NEW_ARTICLE"] = "WHATS_NEW_ARTICLE";
-})(VIEW || (VIEW = {}));
+  return VIEW;
+}({});
+
+// Animation related consts
 export var SLIDEIN_OVERLAY_TRANSITION_DURATION_MS = 300;
 export var FADEIN_OVERLAY_TRANSITION_DURATION_MS = 440;
 export var HIDE_CONTENT_DELAY = FADEIN_OVERLAY_TRANSITION_DURATION_MS + 200;
-export var TRANSITION_STATUS;
-(function (TRANSITION_STATUS) {
+export var TRANSITION_STATUS = /*#__PURE__*/function (TRANSITION_STATUS) {
   TRANSITION_STATUS["UNMOUNTED"] = "unmounted";
   TRANSITION_STATUS["EXITED"] = "exited";
   TRANSITION_STATUS["ENTERING"] = "entering";
   TRANSITION_STATUS["ENTERED"] = "entered";
   TRANSITION_STATUS["EXITING"] = "exiting";
-})(TRANSITION_STATUS || (TRANSITION_STATUS = {}));
+  return TRANSITION_STATUS;
+}({});

package/dist/esm/components/contexts/navigationContext.js

@@ -256,67 +256,65 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
     var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(historyItem) {
       var article;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.t0 = historyItem.type;
-              _context.next = _context.t0 === ARTICLE_TYPE.HELP_ARTICLE ? 4 : _context.t0 === ARTICLE_TYPE.WHATS_NEW ? 10 : 18;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.t0 = historyItem.type;
+            _context.next = _context.t0 === ARTICLE_TYPE.HELP_ARTICLE ? 4 : _context.t0 === ARTICLE_TYPE.WHATS_NEW ? 10 : 18;
+            break;
+          case 4:
+            if (onGetHelpArticle) {
+              _context.next = 6;
               break;
-            case 4:
-              if (onGetHelpArticle) {
-                _context.next = 6;
-                break;
-              }
-              throw new Error('onGetHelpArticle prop not defined');
-            case 6:
-              _context.next = 8;
-              return onGetHelpArticle({
-                id: historyItem.id,
-                type: historyItem.type
-              });
-            case 8:
-              article = _context.sent;
-              return _context.abrupt("break", 20);
-            case 10:
-              if (onGetWhatsNewArticle) {
-                _context.next = 12;
-                break;
-              }
-              throw new Error('onGetWhatsNewArticle prop not defined');
-            case 12:
-              if (!(historyItem.id === '')) {
-                _context.next = 14;
-                break;
-              }
-              return _context.abrupt("break", 20);
-            case 14:
-              _context.next = 16;
-              return onGetWhatsNewArticle({
-                id: historyItem.id,
-                type: historyItem.type
-              });
-            case 16:
-              article = _context.sent;
-              return _context.abrupt("break", 20);
-            case 18:
-              throw new Error('onGetHelpArticle prop not defined');
-            case 20:
-              return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread({}, historyItem), article && {
-                article: article
-              }), {}, {
-                state: REQUEST_STATE.done
-              }));
-            case 23:
-              _context.prev = 23;
-              _context.t1 = _context["catch"](0);
-              return _context.abrupt("return", _objectSpread(_objectSpread({}, historyItem), {}, {
-                state: REQUEST_STATE.error
-              }));
-            case 26:
-            case "end":
-              return _context.stop();
-          }
+            }
+            throw new Error('onGetHelpArticle prop not defined');
+          case 6:
+            _context.next = 8;
+            return onGetHelpArticle({
+              id: historyItem.id,
+              type: historyItem.type
+            });
+          case 8:
+            article = _context.sent;
+            return _context.abrupt("break", 20);
+          case 10:
+            if (onGetWhatsNewArticle) {
+              _context.next = 12;
+              break;
+            }
+            throw new Error('onGetWhatsNewArticle prop not defined');
+          case 12:
+            if (!(historyItem.id === '')) {
+              _context.next = 14;
+              break;
+            }
+            return _context.abrupt("break", 20);
+          case 14:
+            _context.next = 16;
+            return onGetWhatsNewArticle({
+              id: historyItem.id,
+              type: historyItem.type
+            });
+          case 16:
+            article = _context.sent;
+            return _context.abrupt("break", 20);
+          case 18:
+            throw new Error('onGetHelpArticle prop not defined');
+          case 20:
+            return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread({}, historyItem), article && {
+              article: article
+            }), {}, {
+              state: REQUEST_STATE.done
+            }));
+          case 23:
+            _context.prev = 23;
+            _context.t1 = _context["catch"](0);
+            return _context.abrupt("return", _objectSpread(_objectSpread({}, historyItem), {}, {
+              state: REQUEST_STATE.error
+            }));
+          case 26:
+          case "end":
+            return _context.stop();
         }
       }, _callee, null, [[0, 23]]);
     }));
@@ -328,23 +326,21 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
     var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(historyItem) {
       var historyItemToReload;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              historyItemToReload = _objectSpread({}, historyItem);
-              if (historyItem.type === ARTICLE_TYPE.HELP_ARTICLE || historyItem.type === ARTICLE_TYPE.WHATS_NEW) {
-                historyItemToReload.state = REQUEST_STATE.loading;
-              } else {
-                historyItemToReload.state = REQUEST_STATE.error;
-              }
-              dispatchNavigationAction({
-                type: 'updateHistoryItem',
-                payload: historyItemToReload
-              });
-            case 3:
-            case "end":
-              return _context2.stop();
-          }
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            historyItemToReload = _objectSpread({}, historyItem);
+            if (historyItem.type === ARTICLE_TYPE.HELP_ARTICLE || historyItem.type === ARTICLE_TYPE.WHATS_NEW) {
+              historyItemToReload.state = REQUEST_STATE.loading;
+            } else {
+              historyItemToReload.state = REQUEST_STATE.error;
+            }
+            dispatchNavigationAction({
+              type: 'updateHistoryItem',
+              payload: historyItemToReload
+            });
+          case 3:
+          case "end":
+            return _context2.stop();
         }
       }, _callee2);
     }));
@@ -354,45 +350,43 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
   }(), []);
   var navigateBack = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            if (!(currentView === VIEW.SEARCH && onSearch)) {
-              _context3.next = 8;
-              break;
-            }
-            if (!(searchValue !== '')) {
-              _context3.next = 6;
-              break;
-            }
-            onSearch('');
-            return _context3.abrupt("return");
-          case 6:
-            dispatchNavigationAction({
-              type: 'updateView',
-              payload: currentArticleId.type
-            });
-            return _context3.abrupt("return");
-          case 8:
-            //  if the history is not empty and ...
-            if (currentHistory.length > 0) {
-              // the history has more than one article, navigate back through the history
-              if (currentHistory.length > 1) {
-                // Remove last element
-                dispatchNavigationAction({
-                  type: 'removeLastHistoryItem'
-                });
-              } else if (currentHistory.length === 1) {
-                // but if the history only has one item, clear the history
-                dispatchNavigationAction({
-                  type: 'removeAllHistoryItems'
-                });
-              }
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          if (!(currentView === VIEW.SEARCH && onSearch)) {
+            _context3.next = 8;
+            break;
+          }
+          if (!(searchValue !== '')) {
+            _context3.next = 6;
+            break;
+          }
+          onSearch('');
+          return _context3.abrupt("return");
+        case 6:
+          dispatchNavigationAction({
+            type: 'updateView',
+            payload: currentArticleId.type
+          });
+          return _context3.abrupt("return");
+        case 8:
+          //  if the history is not empty and ...
+          if (currentHistory.length > 0) {
+            // the history has more than one article, navigate back through the history
+            if (currentHistory.length > 1) {
+              // Remove last element
+              dispatchNavigationAction({
+                type: 'removeLastHistoryItem'
+              });
+            } else if (currentHistory.length === 1) {
+              // but if the history only has one item, clear the history
+              dispatchNavigationAction({
+                type: 'removeAllHistoryItems'
+              });
             }
-          case 9:
-          case "end":
-            return _context3.stop();
-        }
+          }
+        case 9:
+        case "end":
+          return _context3.stop();
       }
     }, _callee3);
   })), [currentView, onSearch, currentHistory.length, searchValue, currentArticleId.type]);
@@ -475,21 +469,19 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
       var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(historyItem) {
         var historyItemUpdate;
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-          while (1) {
-            switch (_context4.prev = _context4.next) {
-              case 0:
-                _context4.next = 2;
-                return fetchArticleData(historyItem);
-              case 2:
-                historyItemUpdate = _context4.sent;
-                dispatchNavigationAction({
-                  type: 'updateHistoryItem',
-                  payload: historyItemUpdate
-                });
-              case 4:
-              case "end":
-                return _context4.stop();
-            }
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              _context4.next = 2;
+              return fetchArticleData(historyItem);
+            case 2:
+              historyItemUpdate = _context4.sent;
+              dispatchNavigationAction({
+                type: 'updateHistoryItem',
+                payload: historyItemUpdate
+              });
+            case 4:
+            case "end":
+              return _context4.stop();
           }
         }, _callee4);
       }));

package/dist/esm/components/contexts/searchContext.js

@@ -41,37 +41,35 @@ export var SearchContextProvider = function SearchContextProvider(_ref) {
       results,
       _args = arguments;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            value = _args.length > 0 && _args[0] !== undefined ? _args[0] : '';
-            if (!onSearch) {
-              _context.next = 16;
-              break;
-            }
-            _context.prev = 2;
-            _context.next = 5;
-            return onSearch(value);
-          case 5:
-            results = _context.sent;
-            setSearchResult(results);
-            setSearchState(REQUEST_STATE.done);
-            _context.next = 14;
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          value = _args.length > 0 && _args[0] !== undefined ? _args[0] : '';
+          if (!onSearch) {
+            _context.next = 16;
             break;
-          case 10:
-            _context.prev = 10;
-            _context.t0 = _context["catch"](2);
-            setSearchResult([]);
-            setSearchState(REQUEST_STATE.error);
-          case 14:
-            _context.next = 17;
-            break;
-          case 16:
-            setSearchState(REQUEST_STATE.error);
-          case 17:
-          case "end":
-            return _context.stop();
-        }
+          }
+          _context.prev = 2;
+          _context.next = 5;
+          return onSearch(value);
+        case 5:
+          results = _context.sent;
+          setSearchResult(results);
+          setSearchState(REQUEST_STATE.done);
+          _context.next = 14;
+          break;
+        case 10:
+          _context.prev = 10;
+          _context.t0 = _context["catch"](2);
+          setSearchResult([]);
+          setSearchState(REQUEST_STATE.error);
+        case 14:
+          _context.next = 17;
+          break;
+        case 16:
+          setSearchState(REQUEST_STATE.error);
+        case 17:
+        case "end":
+          return _context.stop();
       }
     }, _callee, null, [[2, 10]]);
   })), [onSearch]);