@atlaskit/help 7.1.24 → 7.1.26

package/dist/cjs/components/Help.js

@@ -1,83 +1,55 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Help = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _analytics = require("../analytics");
-
 var _headerContext = require("./contexts/headerContext");
-
 var _homeContext = require("./contexts/homeContext");
-
 var _helpArticleContext = require("./contexts/helpArticleContext");
-
 var _navigationContext = require("./contexts/navigationContext");
-
 var _relatedArticlesContext = require("./contexts/relatedArticlesContext");
-
 var _searchContext = require("./contexts/searchContext");
-
 var _whatsNewArticleContext = require("./contexts/whatsNewArticleContext");
-
 var _HelpContent = _interopRequireDefault(require("./HelpContent"));
-
 var _excluded = ["children", "footer"];
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var LocaleIntlProvider = function LocaleIntlProvider(_ref) {
   var _ref$locale = _ref.locale,
-      locale = _ref$locale === void 0 ? 'en' : _ref$locale,
-      children = _ref.children;
+    locale = _ref$locale === void 0 ? 'en' : _ref$locale,
+    children = _ref.children;
   return /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
     key: locale,
     locale: locale
   }, children);
 };
-
 var Help = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(Help, _React$PureComponent);
-
   var _super = _createSuper(Help);
-
   function Help() {
     (0, _classCallCheck2.default)(this, Help);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(Help, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          children = _this$props.children,
-          footer = _this$props.footer,
-          rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+        children = _this$props.children,
+        footer = _this$props.footer,
+        rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
       return /*#__PURE__*/_react.default.createElement(LocaleIntlProvider, null, /*#__PURE__*/_react.default.createElement(_headerContext.HeaderContextProvider, rest.header, /*#__PURE__*/_react.default.createElement(_homeContext.HomeContextProvider, (0, _extends2.default)({}, rest.home, {
         homeContent: children
       }), /*#__PURE__*/_react.default.createElement(_helpArticleContext.HelpArticleContextProvider, rest.helpArticle, /*#__PURE__*/_react.default.createElement(_relatedArticlesContext.RelatedArticlesContextProvider, rest.relatedArticles, /*#__PURE__*/_react.default.createElement(_searchContext.SearchContextProvider, rest.search, /*#__PURE__*/_react.default.createElement(_whatsNewArticleContext.WhatsNewArticleProvider, rest.whatsNew, /*#__PURE__*/_react.default.createElement(_navigationContext.NavigationContextProvider, rest.navigation, /*#__PURE__*/_react.default.createElement(_HelpContent.default, {
@@ -87,9 +59,6 @@ var Help = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return Help;
 }(_react.default.PureComponent);
-
 exports.Help = Help;
-
 var _default = (0, _analyticsNext.withAnalyticsContext)(_analytics.defaultAnalyticsAttributes)((0, _analyticsNext.withAnalyticsEvents)()(Help));
-
 exports.default = _default;

package/dist/cjs/components/HelpContent.js

@@ -1,93 +1,62 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.HelpContent = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _helpLayout = _interopRequireDefault(require("@atlaskit/help-layout"));
-
 var _constants = require("./constants");
-
 var _navigationContext = require("./contexts/navigationContext");
-
 var _homeContext = require("./contexts/homeContext");
-
 var _headerContext = require("./contexts/headerContext");
-
 var _searchContext = require("./contexts/searchContext");
-
 var _whatsNewArticleContext = require("./contexts/whatsNewArticleContext");
-
 var _SearchInput = _interopRequireDefault(require("./Search/SearchInput"));
-
 var _SearchResults = _interopRequireDefault(require("./Search/SearchResults"));
-
 var _Article = _interopRequireDefault(require("./Article"));
-
 var _WhatsNewButton = _interopRequireDefault(require("./WhatsNew/WhatsNewButton"));
-
 var _WhatsNewResults = _interopRequireDefault(require("./WhatsNew/WhatsNewResults"));
-
 var _HelpContentButton = _interopRequireDefault(require("./HelpContentButton"));
-
 var _styled = require("./styled");
-
 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); }
-
 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; }
-
 var HelpContent = function HelpContent(_ref) {
   var footer = _ref.footer;
-
   var _useHomeContext = (0, _homeContext.useHomeContext)(),
-      homeContent = _useHomeContext.homeContent,
-      homeOptions = _useHomeContext.homeOptions;
-
+    homeContent = _useHomeContext.homeContent,
+    homeOptions = _useHomeContext.homeOptions;
   var _useWhatsNewArticleCo = (0, _whatsNewArticleContext.useWhatsNewArticleContext)(),
-      onSearchWhatsNewArticles = _useWhatsNewArticleCo.onSearchWhatsNewArticles,
-      onGetWhatsNewArticle = _useWhatsNewArticleCo.onGetWhatsNewArticle,
-      productName = _useWhatsNewArticleCo.productName;
-
+    onSearchWhatsNewArticles = _useWhatsNewArticleCo.onSearchWhatsNewArticles,
+    onGetWhatsNewArticle = _useWhatsNewArticleCo.onGetWhatsNewArticle,
+    productName = _useWhatsNewArticleCo.productName;
   var _useNavigationContext = (0, _navigationContext.useNavigationContext)(),
-      isOverlayVisible = _useNavigationContext.isOverlayVisible,
-      navigateBack = _useNavigationContext.navigateBack,
-      canNavigateBack = _useNavigationContext.canNavigateBack,
-      onClose = _useNavigationContext.onClose;
-
+    isOverlayVisible = _useNavigationContext.isOverlayVisible,
+    navigateBack = _useNavigationContext.navigateBack,
+    canNavigateBack = _useNavigationContext.canNavigateBack,
+    onClose = _useNavigationContext.onClose;
   var _useSearchContext = (0, _searchContext.useSearchContext)(),
-      onSearch = _useSearchContext.onSearch;
-
+    onSearch = _useSearchContext.onSearch;
   var _useHeaderContext = (0, _headerContext.useHeaderContext)(),
-      onBackButtonClick = _useHeaderContext.onBackButtonClick;
-
+    onBackButtonClick = _useHeaderContext.onBackButtonClick;
   var _useState = (0, _react.useState)(isOverlayVisible),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isOverlayFullyVisible = _useState2[0],
-      setIsOverlayFullyVisible = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isOverlayFullyVisible = _useState2[0],
+    setIsOverlayFullyVisible = _useState2[1];
   var handleOnBackButtonClick = (0, _react.useCallback)(function (event, analyticsEvent) {
     if (onBackButtonClick) {
       onBackButtonClick(event, analyticsEvent);
     }
-
     if (navigateBack) {
       navigateBack();
     }
   }, [navigateBack, onBackButtonClick]);
   (0, _react.useEffect)(function () {
     var handler;
-
     if (isOverlayVisible) {
       handler = setTimeout(function () {
         setIsOverlayFullyVisible(isOverlayVisible);
@@ -95,7 +64,6 @@ var HelpContent = function HelpContent(_ref) {
     } else {
       setIsOverlayFullyVisible(isOverlayVisible);
     }
-
     return function () {
       if (handler) {
         clearTimeout(handler);
@@ -119,7 +87,6 @@ var HelpContent = function HelpContent(_ref) {
     }, defaultOption));
   }))), /*#__PURE__*/_react.default.createElement(_WhatsNewResults.default, null)));
 };
-
 exports.HelpContent = HelpContent;
 var _default = HelpContent;
 exports.default = _default;

package/dist/cjs/components/HelpContentButton/index.js

@@ -1,53 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-
 var _notificationIndicator = require("@atlaskit/notification-indicator");
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _version = require("../../version.json");
-
 var _styled = require("./styled");
-
 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); }
-
 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; }
-
 var analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: _version.name,
   packageVersion: _version.version
 };
-
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,
-      id = _ref$id === void 0 ? '' : _ref$id,
-      href = _ref.href,
-      _ref$notificationMax = _ref.notificationMax,
-      notificationMax = _ref$notificationMax === void 0 ? 3 : _ref$notificationMax,
-      notificationLogProvider = _ref.notificationLogProvider,
-      text = _ref.text,
-      icon = _ref.icon,
-      onClick = _ref.onClick,
-      tooltipText = _ref.tooltipText;
-
+    id = _ref$id === void 0 ? '' : _ref$id,
+    href = _ref.href,
+    _ref$notificationMax = _ref.notificationMax,
+    notificationMax = _ref$notificationMax === void 0 ? 3 : _ref$notificationMax,
+    notificationLogProvider = _ref.notificationLogProvider,
+    text = _ref.text,
+    icon = _ref.icon,
+    onClick = _ref.onClick,
+    tooltipText = _ref.tooltipText;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var handleOnClick = (0, _react.useCallback)(function (event) {
     if (onClick) {
       var analyticsEvent = createAnalyticsEvent({
@@ -56,7 +41,6 @@ var HelpContentButton = function HelpContentButton(_ref) {
       onClick(id, analyticsEvent, event);
     }
   }, [createAnalyticsEvent, id, onClick]);
-
   var buttonContent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonIcon, null, icon), /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonText, null, text, notificationLogProvider !== null && /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonExternalNotificationIcon, null, /*#__PURE__*/_react.default.createElement(_notificationIndicator.NotificationIndicator, {
     notificationLogProvider: notificationLogProvider,
     max: notificationMax,
@@ -67,7 +51,6 @@ var HelpContentButton = function HelpContentButton(_ref) {
     size: "small",
     label: ""
   }))));
-
   return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: analitycsContextData
   }, /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonContainer, {
@@ -80,6 +63,5 @@ var HelpContentButton = function HelpContentButton(_ref) {
     position: "left"
   }, buttonContent) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, buttonContent)));
 };
-
 var _default = HelpContentButton;
 exports.default = _default;

package/dist/cjs/components/HelpContentButton/styled.js

@@ -1,44 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HelpContentButtonText = exports.HelpContentButtonIcon = exports.HelpContentButtonExternalNotificationIcon = exports.HelpContentButtonExternalLinkIcon = exports.HelpContentButtonContainer = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 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); }
-
 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; }
-
 var HelpContentButtonContainer = _styledComponents.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n  cursor: pointer;\n  width: calc(100% - ", "px);\n  color: ", ";\n  padding: ", "px;\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"])), (0, _constants.gridSize)() * 2, "var(--ds-text-subtle, ".concat(colors.N600, ")"), _constants.gridSize, "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, ")"));
-
 exports.HelpContentButtonContainer = HelpContentButtonContainer;
-
 var HelpContentButtonIcon = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: middle;\n  width: 20px;\n  height: 20px;\n  border-radius: 4px;\n  position: relative;\n\n  & span {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n"])));
-
 exports.HelpContentButtonIcon = HelpContentButtonIcon;
-
 var HelpContentButtonText = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: calc(100% - 20px);\n  display: inline-block;\n  vertical-align: middle;\n  padding: 0 ", "px;\n  box-sizing: border-box;\n"])), _constants.gridSize);
-
 exports.HelpContentButtonText = HelpContentButtonText;
-
 var HelpContentButtonExternalLinkIcon = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: middle;\n  padding-left: ", "px;\n"])), (0, _constants.gridSize)() / 2);
-
 exports.HelpContentButtonExternalLinkIcon = HelpContentButtonExternalLinkIcon;
-
 var HelpContentButtonExternalNotificationIcon = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: middle;\n  margin-top: -", "px;\n  padding-left: ", "px;\n"])), (0, _constants.gridSize)() / 2, (0, _constants.gridSize)() / 2);
-
 exports.HelpContentButtonExternalNotificationIcon = HelpContentButtonExternalNotificationIcon;

package/dist/cjs/components/RelatedArticles/RelatedArticlesLoading.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactIntlNext = require("react-intl-next");
-
 var _messages = require("../../messages");
-
 var _styled = require("../../util/styled");
-
 var _styled2 = require("./styled");
-
 var RelatedArticlesLoading = function RelatedArticlesLoading(_ref) {
   var formatMessage = _ref.intl.formatMessage;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled2.LoadignRelatedArticleList, {
@@ -72,7 +65,5 @@ var RelatedArticlesLoading = function RelatedArticlesLoading(_ref) {
     marginTop: "4px"
   })), /*#__PURE__*/_react.default.createElement(_styled.DividerLine, null)));
 };
-
 var _default = (0, _reactIntlNext.injectIntl)(RelatedArticlesLoading);
-
 exports.default = _default;

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

@@ -1,96 +1,66 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.RelatedArticles = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _sectionMessage = _interopRequireDefault(require("@atlaskit/section-message"));
-
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-
 var _reactIntlNext = require("react-intl-next");
-
 var _version = require("../../version.json");
-
 var _messages = require("../../messages");
-
 var _ArticlesList = _interopRequireDefault(require("../ArticlesList"));
-
 var _RelatedArticlesLoading = _interopRequireDefault(require("./RelatedArticlesLoading"));
-
 var _styled = require("../../util/styled");
-
 var _styled2 = require("./styled");
-
 var _cancellablePromise = _interopRequireDefault(require("../../util/hooks/cancellablePromise"));
-
 var _previous = require("../../util/hooks/previous");
-
 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); }
-
 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; }
-
 var RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,
-      style = _ref$style === void 0 ? 'primary' : _ref$style,
-      routeGroup = _ref.routeGroup,
-      routeName = _ref.routeName,
-      onGetRelatedArticles = _ref.onGetRelatedArticles,
-      onRelatedArticlesListItemClick = _ref.onRelatedArticlesListItemClick,
-      onRelatedArticlesShowMoreClick = _ref.onRelatedArticlesShowMoreClick,
-      formatMessage = _ref.intl.formatMessage;
-
+    style = _ref$style === void 0 ? 'primary' : _ref$style,
+    routeGroup = _ref.routeGroup,
+    routeName = _ref.routeName,
+    onGetRelatedArticles = _ref.onGetRelatedArticles,
+    onRelatedArticlesListItemClick = _ref.onRelatedArticlesListItemClick,
+    onRelatedArticlesShowMoreClick = _ref.onRelatedArticlesShowMoreClick,
+    formatMessage = _ref.intl.formatMessage;
   var _useCancellablePromis = (0, _cancellablePromise.default)(),
-      cancellablePromise = _useCancellablePromis.cancellablePromise;
-
+    cancellablePromise = _useCancellablePromis.cancellablePromise;
   var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      relatedArticles = _useState2[0],
-      setRelatedArticles = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    relatedArticles = _useState2[0],
+    setRelatedArticles = _useState2[1];
   var _useState3 = (0, _react.useState)(true),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      isLoading = _useState4[0],
-      setIsLoading = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      hasError = _useState6[0],
-      setHasError = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    hasError = _useState6[0],
+    setHasError = _useState6[1];
   var prevRouteGroup = (0, _previous.usePrevious)(routeGroup);
   var prevRouteName = (0, _previous.usePrevious)(routeName);
-
   var handleOnRelatedArticlesShowMoreClick = function handleOnRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed) {
     analyticsEvent.payload.attributes = {
       componentName: 'RelatedArticles',
       packageName: _version.name,
       packageVersion: _version.version
     };
-
     if (onRelatedArticlesShowMoreClick) {
       onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);
     }
   };
-
   var updateRelatedArticles = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
     var _relatedArticles;
-
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
@@ -99,11 +69,9 @@ var RelatedArticles = function RelatedArticles(_ref) {
               _context.next = 15;
               break;
             }
-
             _context.prev = 1;
             _context.next = 4;
             return cancellablePromise(onGetRelatedArticles(routeGroup, routeName));
-
           case 4:
             _relatedArticles = _context.sent;
             setRelatedArticles(_relatedArticles);
@@ -111,20 +79,16 @@ var RelatedArticles = function RelatedArticles(_ref) {
             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();
@@ -137,7 +101,6 @@ var RelatedArticles = function RelatedArticles(_ref) {
       updateRelatedArticles();
     }
   }, [prevRouteGroup, prevRouteName, routeGroup, routeName, updateRelatedArticles]);
-
   if (hasError) {
     return /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
       appearance: "warning"
@@ -161,13 +124,10 @@ var RelatedArticles = function RelatedArticles(_ref) {
     }));
   }
 };
-
 exports.RelatedArticles = RelatedArticles;
-
 var _default = (0, _analyticsNext.withAnalyticsContext)({
   componentName: 'RelatedArticles',
   packageName: _version.name,
   packageVersion: _version.version
 })((0, _reactIntlNext.injectIntl)(RelatedArticles));
-
 exports.default = _default;

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

@@ -1,57 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.truncate = exports.RelatedArticlesTitle = exports.LoadignRelatedArticleSection = exports.LoadignRelatedArticleListItem = exports.LoadignRelatedArticleList = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _core = require("@emotion/core");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 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); }
-
 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; }
-
 var baseHeading = function baseHeading(size, lineHeight) {
   return "\n  font-size: ".concat(size / (0, _constants.fontSize)(), "em;\n  font-style: inherit;\n  line-height: ").concat(lineHeight / size, ";\n");
 };
-
 var truncate = function truncate() {
   var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
   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);
 };
-
 exports.truncate = truncate;
-
 var RelatedArticlesTitle = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\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, ")"), (0, _constants.gridSize)() * 2);
+
 /**
  * Loading styled-components
  */
-
-
 exports.RelatedArticlesTitle = RelatedArticlesTitle;
-
 var LoadignRelatedArticleSection = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", "px;\n"])), (0, _constants.gridSize)());
-
 exports.LoadignRelatedArticleSection = LoadignRelatedArticleSection;
-
 var LoadignRelatedArticleList = _styled.default.ul(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n"])));
-
 exports.LoadignRelatedArticleList = LoadignRelatedArticleList;
-
 var LoadignRelatedArticleListItem = _styled.default.li(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n  width: 100%;\n  padding: ", "px;\n  margin-bottom: ", "px;\n  box-sizing: border-box;\n"])), (0, _constants.gridSize)(), (0, _constants.gridSize)() * 2);
-
 exports.LoadignRelatedArticleListItem = LoadignRelatedArticleListItem;