@atlaskit/help 7.1.24 → 7.1.26

package/dist/cjs/components/Article/WhatsNewArticle/index.js

@@ -1,59 +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 = exports.WhatsNewArticle = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactIntlNext = require("react-intl-next");
-
 var _helpArticle = _interopRequireWildcard(require("@atlaskit/help-article"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-
 var _version = require("../../../version.json");
-
 var _messages = require("../../../messages");
-
 var _util = require("../../../util");
-
 var _styled = require("../../../util/styled");
-
 var _Loading = _interopRequireDefault(require("./Loading"));
-
 var _styled2 = 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 analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: _version.name,
   packageVersion: _version.version
 };
-
 var WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,
-      article = _ref.article,
-      isLoading = _ref.isLoading;
-
+    article = _ref.article,
+    isLoading = _ref.isLoading;
   if (isLoading) {
     return /*#__PURE__*/_react.default.createElement(_Loading.default, null);
   }
-
   if (article) {
     var typeTitle = article.type ? formatMessage((0, _util.getTypeTitle)(article.type)) : '';
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled2.WhatsNewIconContainer, null, /*#__PURE__*/_react.default.createElement(_styled.WhatsNewTypeIcon, {
@@ -88,18 +67,13 @@ var WhatsNewArticle = function WhatsNewArticle(_ref) {
       label: ""
     }))))));
   }
-
   return null;
 };
-
 exports.WhatsNewArticle = WhatsNewArticle;
-
 var WhatsNewArticleWithContext = function WhatsNewArticleWithContext(props) {
   return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: analyticsContextData
   }, /*#__PURE__*/_react.default.createElement(WhatsNewArticle, props));
 };
-
 var _default = (0, _reactIntlNext.injectIntl)(WhatsNewArticleWithContext);
-
 exports.default = _default;

package/dist/cjs/components/Article/WhatsNewArticle/styled.js

@@ -1,48 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WhatsNewTypeTitle = exports.WhatsNewTitleText = exports.WhatsNewRelatedLinksTitleText = exports.WhatsNewIconContainer = exports.RelatedLinkContainer = exports.ExternalLinkIconContainer = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 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 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: ", "px;\n  line-height: ", "px;\n  white-space: normal;\n  overflow-x: hidden;\n"])), "var(--ds-text-subtlest, ".concat(colors.N300, ")"), (0, _constants.fontSize)(), (0, _constants.gridSize)() / 2, (0, _constants.gridSize)() * 2.5);
-
 exports.WhatsNewTypeTitle = WhatsNewTypeTitle;
-
 var WhatsNewIconContainer = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n  padding-bottom: ", "px;\n"])), (0, _constants.gridSize)());
-
 exports.WhatsNewIconContainer = WhatsNewIconContainer;
-
 var WhatsNewTitleText = _styled.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  text-decoration: none;\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 600;\n  white-space: normal;\n  overflow-x: hidden;\n  padding-bottom: ", "px;\n  display: block;\n"])), "var(--ds-text, ".concat(colors.N800, ")"), (0, _constants.fontSize)(), (0, _constants.gridSize)());
-
 exports.WhatsNewTitleText = WhatsNewTitleText;
-
 var WhatsNewRelatedLinksTitleText = _styled.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  text-decoration: none;\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 600;\n  white-space: normal;\n  overflow-x: hidden;\n  padding-bottom: ", "px;\n  display: block;\n"])), "var(--ds-text, ".concat(colors.N800, ")"), (0, _constants.fontSizeSmall)(), (0, _constants.gridSize)());
-
 exports.WhatsNewRelatedLinksTitleText = WhatsNewRelatedLinksTitleText;
-
 var RelatedLinkContainer = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: ", "px;\n"])), (0, _constants.gridSize)());
-
 exports.RelatedLinkContainer = RelatedLinkContainer;
-
 var ExternalLinkIconContainer = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: middle;\n  padding-left: ", "px;\n"])), (0, _constants.gridSize)() / 2);
-
 exports.ExternalLinkIconContainer = ExternalLinkIconContainer;

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

@@ -1,40 +1,24 @@
 "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.Article = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactTransitionGroup = require("react-transition-group");
-
 var _navigationContext = require("../contexts/navigationContext");
-
 var _helpArticleContext = require("../contexts/helpArticleContext");
-
 var _constants = require("../constants");
-
 var _styled = require("./styled");
-
 var _ArticleContent = _interopRequireDefault(require("./ArticleContent"));
-
 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; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 // Animation
 var defaultStyle = {
   left: "100%"
@@ -52,36 +36,29 @@ var transitionStyles = {
     left: "100%"
   }
 };
-
 var Article = function Article() {
   var _useNavigationContext = (0, _navigationContext.useNavigationContext)(),
-      view = _useNavigationContext.view,
-      articleId = _useNavigationContext.articleId,
-      history = _useNavigationContext.history,
-      getCurrentArticle = _useNavigationContext.getCurrentArticle,
-      reloadHelpArticle = _useNavigationContext.reloadHelpArticle,
-      reloadWhatsNewArticle = _useNavigationContext.reloadWhatsNewArticle;
-
+    view = _useNavigationContext.view,
+    articleId = _useNavigationContext.articleId,
+    history = _useNavigationContext.history,
+    getCurrentArticle = _useNavigationContext.getCurrentArticle,
+    reloadHelpArticle = _useNavigationContext.reloadHelpArticle,
+    reloadWhatsNewArticle = _useNavigationContext.reloadWhatsNewArticle;
   var _useHelpArticleContex = (0, _helpArticleContext.useHelpArticleContext)(),
-      onHelpArticleLoadingFailTryAgainButtonClick = _useHelpArticleContex.onHelpArticleLoadingFailTryAgainButtonClick;
-
+    onHelpArticleLoadingFailTryAgainButtonClick = _useHelpArticleContex.onHelpArticleLoadingFailTryAgainButtonClick;
   var _useState = (0, _react.useState)((articleId === null || articleId === void 0 ? void 0 : articleId.id) !== '' || (history ? history.length : []) > 0),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      skipArticleSlideInAnimation = _useState2[0],
-      setSkipArticleSlideInAnimation = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    skipArticleSlideInAnimation = _useState2[0],
+    setSkipArticleSlideInAnimation = _useState2[1];
   var _useState3 = (0, _react.useState)(skipArticleSlideInAnimation),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      showArticle = _useState4[0],
-      setShowArticle = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    showArticle = _useState4[0],
+    setShowArticle = _useState4[1];
   var currentArticleValue = getCurrentArticle();
-
   var _useState5 = (0, _react.useState)(currentArticleValue),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      currentArticle = _useState6[0],
-      setCurrentArticle = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    currentArticle = _useState6[0],
+    setCurrentArticle = _useState6[1];
   var articleContainerRef = (0, _react.useRef)(null);
   var onArticleEnteredTimeout = (0, _react.useRef)();
   var onCurrentArticleChangedTimeout = (0, _react.useRef)();
@@ -90,7 +67,6 @@ var Article = function Article() {
       articleContainerRef.current.scrollTop = 0;
     }
   }, [history]);
-
   var onArticleEntered = function onArticleEntered() {
     onArticleEnteredTimeout.current = window.setTimeout(function () {
       // if skipArticleSlideInAnimation is true, set to false after the
@@ -101,16 +77,13 @@ var Article = function Article() {
       }
     }, _constants.SLIDEIN_OVERLAY_TRANSITION_DURATION_MS);
   };
-
   var onArticleExit = function onArticleExit() {
     clearTimeout(onArticleEnteredTimeout.current);
   };
-
   var handleOnHelpArticleLoadingFailTryAgainButtonClick = (0, _react.useCallback)(function (event, analyticsEvent) {
     if (onHelpArticleLoadingFailTryAgainButtonClick) {
       onHelpArticleLoadingFailTryAgainButtonClick(event, analyticsEvent, articleId);
     }
-
     if (reloadHelpArticle && currentArticle) {
       reloadHelpArticle(currentArticle);
     }
@@ -119,14 +92,12 @@ var Article = function Article() {
     if (onHelpArticleLoadingFailTryAgainButtonClick) {
       onHelpArticleLoadingFailTryAgainButtonClick(event, analyticsEvent, articleId);
     }
-
     if (reloadWhatsNewArticle && currentArticle) {
       reloadWhatsNewArticle(currentArticle);
     }
   }, [currentArticle, articleId, onHelpArticleLoadingFailTryAgainButtonClick, reloadWhatsNewArticle]);
   (0, _react.useEffect)(function () {
     clearTimeout(onCurrentArticleChangedTimeout.current);
-
     if (currentArticleValue) {
       setCurrentArticle(currentArticleValue);
     } else {
@@ -161,7 +132,6 @@ var Article = function Article() {
     }));
   });
 };
-
 exports.Article = Article;
 var _default = Article;
 exports.default = _default;

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

@@ -1,20 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ArticleContainer = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _templateObject;
-
 var ArticleContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px ", "px;\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"])), (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 3, "var(--ds-surface, #FFFFFF)");
-
 exports.ArticleContainer = ArticleContainer;

package/dist/cjs/components/ArticlesList/ArticlesList.js

@@ -1,24 +1,16 @@
 "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 _constants = require("@atlaskit/theme/constants");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _reactAnimateHeight = _interopRequireDefault(require("react-animate-height"));
-
 var _ArticlesListItem = _interopRequireDefault(require("./ArticlesListItem"));
-
 var _constants2 = require("./constants");
-
 var getStyles = function getStyles(style) {
   if (style === 'secondary') {
     return {
@@ -27,24 +19,22 @@ var getStyles = function getStyles(style) {
       marginBottom: "".concat((0, _constants.gridSize)() * 1.5, "px")
     };
   }
-
   return {
     border: 0,
     padding: "".concat((0, _constants.gridSize)(), "px"),
     marginBottom: 0
   };
 };
-
 var articlesList = function articlesList(_ref) {
   var _ref$style = _ref.style,
-      style = _ref$style === void 0 ? 'primary' : _ref$style,
-      _ref$articles = _ref.articles,
-      articles = _ref$articles === void 0 ? [] : _ref$articles,
-      _ref$minItemsToDispla = _ref.minItemsToDisplay,
-      minItemsToDisplay = _ref$minItemsToDispla === void 0 ? _constants2.MIN_ITEMS_TO_DISPLAY : _ref$minItemsToDispla,
-      _ref$numberOfArticles = _ref.numberOfArticlesToDisplay,
-      numberOfArticlesToDisplay = _ref$numberOfArticles === void 0 ? _constants2.MIN_ITEMS_TO_DISPLAY : _ref$numberOfArticles,
-      onArticlesListItemClick = _ref.onArticlesListItemClick;
+    style = _ref$style === void 0 ? 'primary' : _ref$style,
+    _ref$articles = _ref.articles,
+    articles = _ref$articles === void 0 ? [] : _ref$articles,
+    _ref$minItemsToDispla = _ref.minItemsToDisplay,
+    minItemsToDisplay = _ref$minItemsToDispla === void 0 ? _constants2.MIN_ITEMS_TO_DISPLAY : _ref$minItemsToDispla,
+    _ref$numberOfArticles = _ref.numberOfArticlesToDisplay,
+    numberOfArticlesToDisplay = _ref$numberOfArticles === void 0 ? _constants2.MIN_ITEMS_TO_DISPLAY : _ref$numberOfArticles,
+    onArticlesListItemClick = _ref.onArticlesListItemClick;
   return articles && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, articles.slice(0, minItemsToDisplay).map(function (article) {
     return /*#__PURE__*/_react.default.createElement(_ArticlesListItem.default, {
       styles: getStyles(style),
@@ -79,6 +69,5 @@ var articlesList = function articlesList(_ref) {
     });
   })));
 };
-
 var _default = articlesList;
 exports.default = _default;

package/dist/cjs/components/ArticlesList/ArticlesListItem/index.js

@@ -1,61 +1,43 @@
 "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.ArticlesListItem = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
-
 var _reactIntlNext = require("react-intl-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 ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: _version.name,
   packageVersion: _version.version
 };
-
 var ArticlesListItem = function ArticlesListItem(_ref) {
   var styles = _ref.styles,
-      title = _ref.title,
-      description = _ref.description,
-      _ref$href = _ref.href,
-      href = _ref$href === void 0 ? '' : _ref$href,
-      onClick = _ref.onClick;
-
+    title = _ref.title,
+    description = _ref.description,
+    _ref$href = _ref.href,
+    href = _ref$href === void 0 ? '' : _ref$href,
+    onClick = _ref.onClick;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var handleOnClick = function handleOnClick(event) {
     event.preventDefault();
-
     if (onClick) {
       var _analyticsEvent = createAnalyticsEvent({
         action: 'clicked'
       });
-
       onClick(event, _analyticsEvent);
     }
   };
-
   return /*#__PURE__*/_react.default.createElement(_styled.ArticlesListItemWrapper, {
     styles: styles,
     "aria-disabled": "false",
@@ -69,15 +51,11 @@ var ArticlesListItem = function ArticlesListItem(_ref) {
     secondaryColor: "var(--ds-icon-subtle, ".concat(colors.N90, ")")
   })))), /*#__PURE__*/_react.default.createElement(_styled.ArticlesListItemDescription, null, description));
 };
-
 exports.ArticlesListItem = ArticlesListItem;
-
 var ArticlesListItemWithContext = function ArticlesListItemWithContext(props) {
   return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: ANALYTICS_CONTEXT_DATA
   }, /*#__PURE__*/_react.default.createElement(ArticlesListItem, props));
 };
-
 var _default = (0, _reactIntlNext.injectIntl)(ArticlesListItemWithContext);
-
 exports.default = _default;

package/dist/cjs/components/ArticlesList/ArticlesListItem/styled.js

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ArticlesListItemWrapper = exports.ArticlesListItemTypeTitle = exports.ArticlesListItemTitleText = exports.ArticlesListItemLinkIcon = exports.ArticlesListItemDescription = exports.ArticlesListItemContainer = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-
 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 ArticlesListItemWrapper = _styled.default.a({
   position: "relative",
   boxSizing: "border-box",
@@ -50,25 +40,14 @@ var ArticlesListItemWrapper = _styled.default.a({
 }, function (props) {
   return props.styles;
 });
-
 exports.ArticlesListItemWrapper = ArticlesListItemWrapper;
-
 var ArticlesListItemContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  white-space: nowrap;\n"])));
-
 exports.ArticlesListItemContainer = ArticlesListItemContainer;
-
 var ArticlesListItemTypeTitle = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  font-weight: bold;\n  font-size: 11px;\n  line-height: ", "px;\n  color: ", ";\n  padding-bottom: ", "px;\n"])), (0, _constants.gridSize)() * 2, "var(--ds-text-subtlest, ".concat(colors.N200, ")"), (0, _constants.gridSize)() / 2);
-
 exports.ArticlesListItemTypeTitle = ArticlesListItemTypeTitle;
-
 var ArticlesListItemLinkIcon = _styled.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  align-self: auto;\n  padding-inline-start: 5px;\n  vertical-align: middle;\n"])));
-
 exports.ArticlesListItemLinkIcon = ArticlesListItemLinkIcon;
-
 var ArticlesListItemTitleText = _styled.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  text-decoration: none;\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 600;\n  display: inline-block;\n  line-height: ", "px;\n  white-space: normal;\n  overflow-x: hidden;\n  margin-bottom: ", "px;\n"])), "var(--ds-text, ".concat(colors.N800, ")"), (0, _constants.fontSize)(), (0, _constants.gridSize)() * 2.5, (0, _constants.gridSize)());
-
 exports.ArticlesListItemTitleText = ArticlesListItemTitleText;
-
 var ArticlesListItemDescription = _styled.default.p(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n  line-height: ", "px;\n  color: ", ";\n  margin: 0;\n"])), (0, _constants.gridSize)() * 2.5, "var(--ds-text-subtle, ".concat(colors.N400, ")"));
-
 exports.ArticlesListItemDescription = ArticlesListItemDescription;

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

@@ -1,67 +1,48 @@
 "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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _ArticlesList = _interopRequireDefault(require("./ArticlesList"));
-
 var _ShowMoreButton = _interopRequireDefault(require("../ShowMoreButton"));
-
 var _styled = require("./styled");
-
 var _constants = require("./constants");
-
 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 ArticleList = function ArticleList(_ref) {
   var style = _ref.style,
-      articles = _ref.articles,
-      minItemsToDisplay = _ref.minItemsToDisplay,
-      maxItemsToDisplay = _ref.maxItemsToDisplay,
-      onArticlesListItemClick = _ref.onArticlesListItemClick,
-      onToggleArticlesList = _ref.onToggleArticlesList;
-
+    articles = _ref.articles,
+    minItemsToDisplay = _ref.minItemsToDisplay,
+    maxItemsToDisplay = _ref.maxItemsToDisplay,
+    onArticlesListItemClick = _ref.onArticlesListItemClick,
+    onToggleArticlesList = _ref.onToggleArticlesList;
   var _useState = (0, _react.useState)(true),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      showMoreToggled = _useState2[0],
-      setShowMoreToggled = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    showMoreToggled = _useState2[0],
+    setShowMoreToggled = _useState2[1];
   var getMinItemsToDisplay = function getMinItemsToDisplay() {
     return minItemsToDisplay ? minItemsToDisplay : _constants.MIN_ITEMS_TO_DISPLAY;
   };
-
   var getMaxItemsToDisplay = function getMaxItemsToDisplay() {
     if (articles) {
       return maxItemsToDisplay ? maxItemsToDisplay : articles.length;
     }
-
     return 0;
   };
-
   var getNumberOfArticlesToDisplay = function getNumberOfArticlesToDisplay(showMoreToggeled) {
     return showMoreToggeled ? getMinItemsToDisplay() : getMaxItemsToDisplay();
   };
-
   var toggleArticlesList = function toggleArticlesList(event, analyticsEvent) {
     setShowMoreToggled(!showMoreToggled);
-
     if (onToggleArticlesList) {
       onToggleArticlesList(event, analyticsEvent, !showMoreToggled);
     }
   };
-
   return articles && articles.length > 0 ? /*#__PURE__*/_react.default.createElement(_styled.ArticlesListContainer, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ArticlesList.default, {
     style: style,
     onArticlesListItemClick: onArticlesListItemClick,
@@ -75,6 +56,5 @@ var ArticleList = function ArticleList(_ref) {
     itemsType: "articles"
   }))) : null;
 };
-
 var _default = ArticleList;
 exports.default = _default;

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

@@ -1,33 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.truncate = exports.ToggleShowMoreArticlesContainer = exports.ArticlesListContainer = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _core = require("@emotion/core");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _templateObject, _templateObject2, _templateObject3;
-
 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 ArticlesListContainer = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n"])));
-
 exports.ArticlesListContainer = ArticlesListContainer;
-
 var ToggleShowMoreArticlesContainer = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px 0;\n  span {\n    margin: 0;\n  }\n"])), (0, _constants.gridSize)());
-
 exports.ToggleShowMoreArticlesContainer = ToggleShowMoreArticlesContainer;