@times-components/article-list 9.10.45 → 9.11.2

package/dist/article-list-prop-types-base.js

@@ -1 +1,33 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.defaultProps=exports.propTypes=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var _articleListItemPropTypes=require("./article-list-item-prop-types");var propTypes={articleListHeader:_propTypes.default.element,articles:_propTypes.default.arrayOf(_propTypes.default.shape(_articleListItemPropTypes.propTypes)),articlesLoading:_propTypes.default.bool,emptyStateMessage:_propTypes.default.string.isRequired,error:_propTypes.default.object,pageSize:_propTypes.default.number,receiveChildList:_propTypes.default.func,refetch:_propTypes.default.func.isRequired};exports.propTypes=propTypes;var defaultProps={articleListHeader:null,articles:[],error:null,pageSize:10,receiveChildList:function receiveChildList(){}};exports.defaultProps=defaultProps;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _articleListItemPropTypes = require("./article-list-item-prop-types");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const propTypes = {
+  articleListHeader: _propTypes.default.element,
+  articles: _propTypes.default.arrayOf(_propTypes.default.shape(_articleListItemPropTypes.propTypes)),
+  articlesLoading: _propTypes.default.bool,
+  emptyStateMessage: _propTypes.default.string.isRequired,
+  error: _propTypes.default.object,
+  // ApolloError, TS will be better here
+  pageSize: _propTypes.default.number,
+  receiveChildList: _propTypes.default.func,
+  refetch: _propTypes.default.func.isRequired
+};
+exports.propTypes = propTypes;
+const defaultProps = {
+  articleListHeader: null,
+  articles: [],
+  error: null,
+  pageSize: 10,
+  receiveChildList: () => {}
+};
+exports.defaultProps = defaultProps;

package/dist/article-list-prop-types.js

@@ -1 +1,34 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"defaultProps",{enumerable:true,get:function get(){return _articleListPropTypesBase.defaultProps;}});exports.propTypes=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _propTypes=_interopRequireDefault(require("prop-types"));var _articleListPropTypesBase=require("./article-list-prop-types-base");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(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=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var propTypes=_objectSpread(_objectSpread({},_articleListPropTypesBase.propTypes),{},{count:_propTypes.default.number,onNext:_propTypes.default.func,onPrev:_propTypes.default.func,page:_propTypes.default.number,pageSize:_propTypes.default.number});exports.propTypes=propTypes;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "defaultProps", {
+  enumerable: true,
+  get: function get() {
+    return _articleListPropTypesBase.defaultProps;
+  }
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _articleListPropTypesBase = require("./article-list-prop-types-base");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const propTypes = _objectSpread(_objectSpread({}, _articleListPropTypesBase.propTypes), {}, {
+  count: _propTypes.default.number,
+  onNext: _propTypes.default.func,
+  onPrev: _propTypes.default.func,
+  page: _propTypes.default.number,
+  pageSize: _propTypes.default.number
+});
+
+exports.propTypes = propTypes;

package/dist/article-list.js

@@ -1 +1,237 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"ArticleListEmptyState",{enumerable:true,get:function get(){return _articleListEmptyState.default;}});Object.defineProperty(exports,"ArticleListPageError",{enumerable:true,get:function get(){return _articleListPageError.default;}});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));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=_interopRequireWildcard(require("react"));var _ad=require("@times-components/ad");var _button=_interopRequireDefault(require("@times-components/button"));var _errorView=_interopRequireDefault(require("@times-components/error-view"));var _tsStyleguide=require("@times-components/ts-styleguide");var _tracking=require("@times-components/tracking");var _utils=require("@times-components/utils");var _lazyLoad=_interopRequireDefault(require("@times-components/lazy-load"));var _index=require("./utils/index");var _articleListError=_interopRequireDefault(require("./article-list-error"));var _articleListItem=_interopRequireDefault(require("./article-list-item"));var _articleListItemSeparator=_interopRequireDefault(require("./article-list-item-separator"));var _articleListPagination=_interopRequireDefault(require("./article-list-pagination"));var _articleListPropTypes=require("./article-list-prop-types");var _articleListEmptyState=_interopRequireDefault(require("./article-list-empty-state"));var _index2=_interopRequireWildcard(require("./styles/index"));var _responsive=require("./styles/responsive");var _articleListPageError=_interopRequireDefault(require("./article-list-page-error"));var _jsxFileName="/home/circleci/project/packages/article-list/src/article-list.js";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);if(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=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}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 ArticleList=function(_Component){(0,_inherits2.default)(ArticleList,_Component);var _super=_createSuper(ArticleList);function ArticleList(props){var _this;(0,_classCallCheck2.default)(this,ArticleList);_this=_super.call(this,props);_this.advertPosition=4;return _this;}(0,_createClass2.default)(ArticleList,[{key:"shouldComponentUpdate",value:function shouldComponentUpdate(nextProps){var page=this.props.page;return page===nextProps.page;}},{key:"render",value:function render(){var _this2=this;var _this$props=this.props,articleListHeader=_this$props.articleListHeader,articles=_this$props.articles,articlesLoading=_this$props.articlesLoading,_this$props$count=_this$props.count,count=_this$props$count===void 0?0:_this$props$count,emptyStateMessage=_this$props.emptyStateMessage,error=_this$props.error,imageRatio=_this$props.imageRatio,_onNext=_this$props.onNext,_onPrev=_this$props.onPrev,_this$props$scrollToT=_this$props.scrollToTop,scrollToTop=_this$props$scrollToT===void 0?true:_this$props$scrollToT,_this$props$page=_this$props.page,page=_this$props$page===void 0?0:_this$props$page,pageSize=_this$props.pageSize,receiveChildList=_this$props.receiveChildList,refetch=_this$props.refetch,showImages=_this$props.showImages;var paginationComponent=function paginationComponent(){var _ref=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},_ref$hideResults=_ref.hideResults,hideResults=_ref$hideResults===void 0?false:_ref$hideResults,_ref$autoScroll=_ref.autoScroll,autoScroll=_ref$autoScroll===void 0?false:_ref$autoScroll;return _react.default.createElement(_articleListPagination.default,{count:count,hideResults:hideResults,onNext:function onNext(){_onNext.apply(void 0,arguments);if(autoScroll&&typeof window!=="undefined")(0,_index.scrollUpToPaging)(window);},onPrev:function onPrev(){_onPrev.apply(void 0,arguments);if(autoScroll&&typeof window!=="undefined")(0,_index.scrollUpToPaging)(window);},page:page,pageSize:pageSize,__source:{fileName:_jsxFileName,lineNumber:66,columnNumber:7}});};var ErrorComponent=_react.default.createElement(_responsive.ListContentContainer,{__source:{fileName:_jsxFileName,lineNumber:85,columnNumber:7}},paginationComponent(),_react.default.createElement(_utils.TcView,{style:_index2.default.listContentErrorContainer,__source:{fileName:_jsxFileName,lineNumber:87,columnNumber:9}},_react.default.createElement(_articleListError.default,{__source:{fileName:_jsxFileName,lineNumber:88,columnNumber:11}}),_react.default.createElement(_button.default,{onPress:refetch,style:_index2.retryButtonStyles,title:"Retry",__source:{fileName:_jsxFileName,lineNumber:89,columnNumber:11}})));var renderAdComponent=function renderAdComponent(){return _react.default.createElement(_responsive.InlineAdWrapper,{__source:{fileName:_jsxFileName,lineNumber:95,columnNumber:7}},_react.default.createElement(_ad.AdContainer,{isLoading:articlesLoading,slotName:"articleListAd",__source:{fileName:_jsxFileName,lineNumber:96,columnNumber:9}}));};var data=articlesLoading?Array(pageSize).fill().map(function(number,index){return{elementId:"empty."+index,id:index,isLoading:true};}):articles.map(function(article,index){return _objectSpread(_objectSpread({},article),{},{elementId:article.id+"."+index});});var Contents=function Contents(_ref2){var clientHasRendered=_ref2.clientHasRendered,observed=_ref2.observed,registerNode=_ref2.registerNode;return data.length===0?_react.default.createElement(_articleListEmptyState.default,{message:emptyStateMessage,__source:{fileName:_jsxFileName,lineNumber:115,columnNumber:9}}):_react.default.createElement(_utils.TcView,{__source:{fileName:_jsxFileName,lineNumber:117,columnNumber:9}},_react.default.createElement(_responsive.ListContentContainer,{__source:{fileName:_jsxFileName,lineNumber:118,columnNumber:11}},paginationComponent({autoScroll:false,hideResults:false})),data&&data.map(function(item,index){var elementId=item.elementId;var renderAd=function renderAd(){if(index===_this2.advertPosition){return renderAdComponent({key:"advert"+index});}return null;};var renderSeparator=function renderSeparator(){if(index===0){return null;}return _react.default.createElement(_articleListItemSeparator.default,{__source:{fileName:_jsxFileName,lineNumber:138,columnNumber:24}});};return _react.default.createElement(_react.Fragment,{key:elementId,__source:{fileName:_jsxFileName,lineNumber:142,columnNumber:17}},_react.default.createElement("div",{"accessibility-label":elementId,"data-testid":"article-list-item-"+index,id:elementId,ref:function ref(node){return registerNode(node);},__source:{fileName:_jsxFileName,lineNumber:143,columnNumber:19}},_react.default.createElement(_errorView.default,{__source:{fileName:_jsxFileName,lineNumber:149,columnNumber:21}},function(_ref3){var hasError=_ref3.hasError;return hasError?null:_react.default.createElement(_responsive.ListContentContainer,{__source:{fileName:_jsxFileName,lineNumber:152,columnNumber:27}},renderSeparator(),_react.default.createElement(_articleListItem.default,{article:item.isLoading?null:item,fadeImageIn:clientHasRendered,highResSize:ArticleList.getImageSize(observed.get(elementId)),imageRatio:imageRatio,index:index,isLoading:item.isLoading===true,length:data.length,lowResQuality:3,lowResSize:200,showImage:showImages,__source:{fileName:_jsxFileName,lineNumber:154,columnNumber:29}}));})),renderAd());}),paginationComponent({autoScroll:scrollToTop,hideResults:true}));};if(!articlesLoading)receiveChildList(data);return _react.default.createElement(_lazyLoad.default,{rootMargin:(0,_tsStyleguide.spacing)(40),threshold:0,__source:{fileName:_jsxFileName,lineNumber:184,columnNumber:7}},function(_ref4){var clientHasRendered=_ref4.clientHasRendered,observed=_ref4.observed,registerNode=_ref4.registerNode;return _react.default.createElement(_utils.TcView,{role:"main",__source:{fileName:_jsxFileName,lineNumber:186,columnNumber:11}},articleListHeader,error?ErrorComponent:Contents({clientHasRendered:clientHasRendered,observed:observed,registerNode:registerNode}));});}}],[{key:"getImageSize",value:function getImageSize(node){if(typeof window==="undefined"){return null;}return node?(0,_utils.normaliseWidthForAssetRequestCache)(node.clientWidth):null;}}]);return ArticleList;}(_react.Component);ArticleList.propTypes=_articleListPropTypes.propTypes;ArticleList.defaultProps=_articleListPropTypes.defaultProps;var _default=(0,_tracking.withTrackScrollDepth)(ArticleList);exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ArticleListEmptyState", {
+  enumerable: true,
+  get: function get() {
+    return _articleListEmptyState.default;
+  }
+});
+Object.defineProperty(exports, "ArticleListPageError", {
+  enumerable: true,
+  get: function get() {
+    return _articleListPageError.default;
+  }
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ad = require("@times-components/ad");
+
+var _button = _interopRequireDefault(require("@times-components/button"));
+
+var _errorView = _interopRequireDefault(require("@times-components/error-view"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _tracking = require("@times-components/tracking");
+
+var _utils = require("@times-components/utils");
+
+var _lazyLoad = _interopRequireDefault(require("@times-components/lazy-load"));
+
+var _index = require("./utils/index");
+
+var _articleListError = _interopRequireDefault(require("./article-list-error"));
+
+var _articleListItem = _interopRequireDefault(require("./article-list-item"));
+
+var _articleListItemSeparator = _interopRequireDefault(require("./article-list-item-separator"));
+
+var _articleListPagination = _interopRequireDefault(require("./article-list-pagination"));
+
+var _articleListPropTypes = require("./article-list-prop-types");
+
+var _articleListEmptyState = _interopRequireDefault(require("./article-list-empty-state"));
+
+var _index2 = _interopRequireWildcard(require("./styles/index"));
+
+var _responsive = require("./styles/responsive");
+
+var _articleListPageError = _interopRequireDefault(require("./article-list-page-error"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+class ArticleList extends _react.Component {
+  static getImageSize(node) {
+    if (typeof window === "undefined") {
+      return null;
+    }
+
+    return node ? (0, _utils.normaliseWidthForAssetRequestCache)(node.clientWidth) : null;
+  }
+
+  constructor(props) {
+    super(props);
+    this.advertPosition = 4;
+  }
+
+  shouldComponentUpdate(nextProps) {
+    const page = this.props.page;
+    return page === nextProps.page;
+  }
+
+  render() {
+    const _this$props = this.props,
+          articleListHeader = _this$props.articleListHeader,
+          articles = _this$props.articles,
+          articlesLoading = _this$props.articlesLoading,
+          _this$props$count = _this$props.count,
+          count = _this$props$count === void 0 ? 0 : _this$props$count,
+          emptyStateMessage = _this$props.emptyStateMessage,
+          error = _this$props.error,
+          imageRatio = _this$props.imageRatio,
+          _onNext = _this$props.onNext,
+          _onPrev = _this$props.onPrev,
+          _this$props$scrollToT = _this$props.scrollToTop,
+          scrollToTop = _this$props$scrollToT === void 0 ? true : _this$props$scrollToT,
+          _this$props$page = _this$props.page,
+          page = _this$props$page === void 0 ? 0 : _this$props$page,
+          pageSize = _this$props.pageSize,
+          receiveChildList = _this$props.receiveChildList,
+          refetch = _this$props.refetch,
+          showImages = _this$props.showImages;
+
+    const paginationComponent = function paginationComponent() {
+      let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref$hideResults = _ref.hideResults,
+          hideResults = _ref$hideResults === void 0 ? false : _ref$hideResults,
+          _ref$autoScroll = _ref.autoScroll,
+          autoScroll = _ref$autoScroll === void 0 ? false : _ref$autoScroll;
+
+      return /*#__PURE__*/_react.default.createElement(_articleListPagination.default, {
+        count: count,
+        hideResults: hideResults,
+        onNext: function onNext() {
+          _onNext(...arguments);
+
+          if (autoScroll && typeof window !== "undefined") (0, _index.scrollUpToPaging)(window);
+        },
+        onPrev: function onPrev() {
+          _onPrev(...arguments);
+
+          if (autoScroll && typeof window !== "undefined") (0, _index.scrollUpToPaging)(window);
+        },
+        page: page,
+        pageSize: pageSize
+      });
+    };
+
+    const ErrorComponent = /*#__PURE__*/_react.default.createElement(_responsive.ListContentContainer, null, paginationComponent(), /*#__PURE__*/_react.default.createElement(_utils.TcView, {
+      style: _index2.default.listContentErrorContainer
+    }, /*#__PURE__*/_react.default.createElement(_articleListError.default, null), /*#__PURE__*/_react.default.createElement(_button.default, {
+      onPress: refetch,
+      style: _index2.retryButtonStyles,
+      title: "Retry"
+    })));
+
+    const renderAdComponent = () => /*#__PURE__*/_react.default.createElement(_responsive.InlineAdWrapper, null, /*#__PURE__*/_react.default.createElement(_ad.AdContainer, {
+      isLoading: articlesLoading,
+      slotName: "articleListAd"
+    }));
+
+    const data = articlesLoading ? Array(pageSize).fill().map((number, index) => ({
+      elementId: "empty.".concat(index),
+      id: index,
+      isLoading: true
+    })) : articles.map((article, index) => _objectSpread(_objectSpread({}, article), {}, {
+      elementId: "".concat(article.id, ".").concat(index)
+    }));
+
+    const Contents = _ref2 => {
+      let clientHasRendered = _ref2.clientHasRendered,
+          observed = _ref2.observed,
+          registerNode = _ref2.registerNode;
+      return data.length === 0 ? /*#__PURE__*/_react.default.createElement(_articleListEmptyState.default, {
+        message: emptyStateMessage
+      }) : /*#__PURE__*/_react.default.createElement(_utils.TcView, null, /*#__PURE__*/_react.default.createElement(_responsive.ListContentContainer, null, paginationComponent({
+        autoScroll: false,
+        hideResults: false
+      })), data && data.map((item, index) => {
+        const elementId = item.elementId;
+
+        const renderAd = () => {
+          if (index === this.advertPosition) {
+            return renderAdComponent({
+              key: "advert".concat(index)
+            });
+          }
+
+          return null;
+        };
+
+        const renderSeparator = () => {
+          if (index === 0) {
+            return null;
+          }
+
+          return /*#__PURE__*/_react.default.createElement(_articleListItemSeparator.default, null);
+        };
+
+        return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+          key: elementId
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          "accessibility-label": elementId,
+          "data-testid": "article-list-item-".concat(index),
+          id: elementId,
+          ref: node => registerNode(node)
+        }, /*#__PURE__*/_react.default.createElement(_errorView.default, null, _ref3 => {
+          let hasError = _ref3.hasError;
+          return hasError ? null : /*#__PURE__*/_react.default.createElement(_responsive.ListContentContainer, null, renderSeparator(), /*#__PURE__*/_react.default.createElement(_articleListItem.default, {
+            article: item.isLoading ? null : item,
+            fadeImageIn: clientHasRendered,
+            highResSize: ArticleList.getImageSize(observed.get(elementId)),
+            imageRatio: imageRatio,
+            index: index,
+            isLoading: item.isLoading === true,
+            length: data.length,
+            lowResQuality: 3,
+            lowResSize: 200,
+            showImage: showImages
+          }));
+        })), renderAd());
+      }), paginationComponent({
+        autoScroll: scrollToTop,
+        hideResults: true
+      }));
+    };
+
+    if (!articlesLoading) receiveChildList(data);
+    return /*#__PURE__*/_react.default.createElement(_lazyLoad.default, {
+      rootMargin: (0, _tsStyleguide.spacing)(40),
+      threshold: 0
+    }, _ref4 => {
+      let clientHasRendered = _ref4.clientHasRendered,
+          observed = _ref4.observed,
+          registerNode = _ref4.registerNode;
+      return /*#__PURE__*/_react.default.createElement(_utils.TcView, {
+        role: "main"
+      }, articleListHeader, error ? ErrorComponent : Contents({
+        clientHasRendered,
+        observed,
+        registerNode
+      }));
+    });
+  }
+
+}
+
+ArticleList.propTypes = _articleListPropTypes.propTypes;
+ArticleList.defaultProps = _articleListPropTypes.defaultProps;
+
+var _default = (0, _tracking.withTrackScrollDepth)(ArticleList);
+
+exports.default = _default;

package/dist/styles/index.js

@@ -1 +1,63 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.retryButtonStyles=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _tsStyleguide=require("@times-components/ts-styleguide");var _shared=_interopRequireDefault(require("./shared"));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(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=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var styles=_objectSpread(_objectSpread({},_shared.default),{},{listContentErrorContainer:{flex:1,margin:(0,_tsStyleguide.spacing)(3)},listEmptyBackButton:{alignSelf:"center",marginBottom:(0,_tsStyleguide.spacing)(2),marginTop:(0,_tsStyleguide.spacing)(4)},listEmptyMessage:_objectSpread(_objectSpread({color:_tsStyleguide.colours.functional.secondary},(0,_tsStyleguide.fontFactory)({font:"bodyRegular",fontSize:"infoTitle"})),{},{left:"25%",position:"absolute",textAlign:"center",top:"140px"}),listEmptyStateContainer:{height:"100vh",justifyContent:"flex-end"},listErrorHeading:_objectSpread(_objectSpread({},_shared.default.listErrorHeading),{},{marginTop:(0,_tsStyleguide.spacing)(4)}),listErrorMessage:_objectSpread(_objectSpread({},_shared.default.listErrorMessage),{},{lineHeight:27}),paginationSpacing:_objectSpread(_objectSpread({},_shared.default.paginationSpacing),{},{flex:1})});var retryButtonStyles={alignSelf:"center",marginBottom:(0,_tsStyleguide.spacing)(2),marginTop:(0,_tsStyleguide.spacing)(8)};exports.retryButtonStyles=retryButtonStyles;var _default=styles;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.retryButtonStyles = void 0;
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _shared = _interopRequireDefault(require("./shared"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const styles = _objectSpread(_objectSpread({}, _shared.default), {}, {
+  listContentErrorContainer: {
+    flex: 1,
+    margin: (0, _tsStyleguide.spacing)(3)
+  },
+  listEmptyBackButton: {
+    alignSelf: "center",
+    marginBottom: (0, _tsStyleguide.spacing)(2),
+    marginTop: (0, _tsStyleguide.spacing)(4)
+  },
+  listEmptyMessage: _objectSpread(_objectSpread({
+    color: _tsStyleguide.colours.functional.secondary
+  }, (0, _tsStyleguide.fontFactory)({
+    font: "bodyRegular",
+    fontSize: "infoTitle"
+  })), {}, {
+    left: "25%",
+    position: "absolute",
+    textAlign: "center",
+    top: "140px"
+  }),
+  listEmptyStateContainer: {
+    height: "100vh",
+    justifyContent: "flex-end"
+  },
+  listErrorHeading: _objectSpread(_objectSpread({}, _shared.default.listErrorHeading), {}, {
+    marginTop: (0, _tsStyleguide.spacing)(4)
+  }),
+  listErrorMessage: _objectSpread(_objectSpread({}, _shared.default.listErrorMessage), {}, {
+    lineHeight: 27
+  }),
+  paginationSpacing: _objectSpread(_objectSpread({}, _shared.default.paginationSpacing), {}, {
+    flex: 1
+  })
+});
+
+const retryButtonStyles = {
+  alignSelf: "center",
+  marginBottom: (0, _tsStyleguide.spacing)(2),
+  marginTop: (0, _tsStyleguide.spacing)(8)
+};
+exports.retryButtonStyles = retryButtonStyles;
+var _default = styles;
+exports.default = _default;

package/dist/styles/responsive.js

@@ -1 +1,62 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.InlineAdWrapper=exports.PageErrorContentContainer=exports.PageErrorImageContainer=exports.PageErrorContainer=exports.ListItemShortText=exports.ListItemLongText=exports.ListItemSeparator=exports.ListItemWrapper=exports.ListContentContainer=void 0;var _utils=require("@times-components/utils");var _styledComponents=_interopRequireDefault(require("styled-components"));var _tsStyleguide=require("@times-components/ts-styleguide");var ListContentContainer=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__ListContentContainer",componentId:"sc-1c8x8xk-0"})(["margin:0 auto;max-width:680px;width:100%;@media (min-width:","px){padding-left:0;padding-right:0;}@media (min-width:","px){max-width:760px;}"],_tsStyleguide.breakpoints.medium,_tsStyleguide.breakpoints.huge);exports.ListContentContainer=ListContentContainer;var ListItemWrapper=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__ListItemWrapper",componentId:"sc-1c8x8xk-1"})(["padding-bottom:",";padding-top:",";padding-left:",";padding-right:",";@media (min-width:","px){padding-left:0;padding-right:0;.articleListImage{flex:2;margin-bottom:0;max-width:285px;min-width:auto;padding-right:",";}.articleListContent{flex:2.7;flex-basis:0 !important;min-width:auto;}}"],(0,_tsStyleguide.spacing)(2),(0,_tsStyleguide.spacing)(2),(0,_tsStyleguide.spacing)(2),(0,_tsStyleguide.spacing)(2),_tsStyleguide.breakpoints.medium,(0,_tsStyleguide.spacing)(3));exports.ListItemWrapper=ListItemWrapper;var ListItemSeparator=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__ListItemSeparator",componentId:"sc-1c8x8xk-2"})(["margin-left:",";margin-right:",";@media (min-width:","px){margin-left:0;margin-right:0;}"],(0,_tsStyleguide.spacing)(2),(0,_tsStyleguide.spacing)(2),_tsStyleguide.breakpoints.medium);exports.ListItemSeparator=ListItemSeparator;var ListItemLongText=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__ListItemLongText",componentId:"sc-1c8x8xk-3"})(["display:none;@media (min-width:","px){display:block;padding-left:",";}"],_tsStyleguide.breakpoints.medium,(0,_tsStyleguide.spacing)(3));exports.ListItemLongText=ListItemLongText;var ListItemShortText=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__ListItemShortText",componentId:"sc-1c8x8xk-4"})(["display:block;@media (min-width:","px){display:none;}"],_tsStyleguide.breakpoints.medium);exports.ListItemShortText=ListItemShortText;var PageErrorContainer=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__PageErrorContainer",componentId:"sc-1c8x8xk-5"})(["flex:1;flex-direction:column;justify-content:space-between;padding-left:10%;padding-right:10%;padding-top:10%;@media (min-width:","px){padding-left:15%;padding-right:15%;}@media (min-width:","px){flex-direction:row-reverse;}"],_tsStyleguide.breakpoints.medium,_tsStyleguide.breakpoints.wide);exports.PageErrorContainer=PageErrorContainer;var PageErrorImageContainer=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__PageErrorImageContainer",componentId:"sc-1c8x8xk-6"})(["align-self:center;max-width:300px;width:100%;@media (min-width:","px){max-width:428px;}@media (min-width:","px){max-width:none;width:50%;}"],_tsStyleguide.breakpoints.medium,_tsStyleguide.breakpoints.wide);exports.PageErrorImageContainer=PageErrorImageContainer;var PageErrorContentContainer=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__PageErrorContentContainer",componentId:"sc-1c8x8xk-7"})(["@media (min-width:","px){align-self:center;max-width:428px;}"],_tsStyleguide.breakpoints.wide);exports.PageErrorContentContainer=PageErrorContentContainer;var InlineAdWrapper=_styledComponents.default.div.withConfig({displayName:"responsive__InlineAdWrapper",componentId:"sc-1c8x8xk-8"})(["display:flex;justify-content:center;align-items:center;min-height:250px;box-sizing:content-box;padding:10px 0;border-top:1px solid rgb(219,219,219);border-bottom:1px solid rgb(219,219,219);@media (min-width:768px){min-height:90px;}@media (min-width:970px){min-height:250px;}"]);exports.InlineAdWrapper=InlineAdWrapper;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InlineAdWrapper = exports.PageErrorContentContainer = exports.PageErrorImageContainer = exports.PageErrorContainer = exports.ListItemShortText = exports.ListItemLongText = exports.ListItemSeparator = exports.ListItemWrapper = exports.ListContentContainer = void 0;
+
+var _utils = require("@times-components/utils");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ListContentContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__ListContentContainer",
+  componentId: "sc-1c8x8xk-0"
+})(["margin:0 auto;max-width:680px;width:100%;@media (min-width:", "px){padding-left:0;padding-right:0;}@media (min-width:", "px){max-width:760px;}"], _tsStyleguide.breakpoints.medium, _tsStyleguide.breakpoints.huge);
+exports.ListContentContainer = ListContentContainer;
+const ListItemWrapper = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__ListItemWrapper",
+  componentId: "sc-1c8x8xk-1"
+})(["padding-bottom:", ";padding-top:", ";padding-left:", ";padding-right:", ";@media (min-width:", "px){padding-left:0;padding-right:0;.articleListImage{flex:2;margin-bottom:0;max-width:285px;min-width:auto;padding-right:", ";}.articleListContent{flex:2.7;flex-basis:0 !important;min-width:auto;}}"], (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2), _tsStyleguide.breakpoints.medium, (0, _tsStyleguide.spacing)(3));
+exports.ListItemWrapper = ListItemWrapper;
+const ListItemSeparator = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__ListItemSeparator",
+  componentId: "sc-1c8x8xk-2"
+})(["margin-left:", ";margin-right:", ";@media (min-width:", "px){margin-left:0;margin-right:0;}"], (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2), _tsStyleguide.breakpoints.medium);
+exports.ListItemSeparator = ListItemSeparator;
+const ListItemLongText = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__ListItemLongText",
+  componentId: "sc-1c8x8xk-3"
+})(["display:none;@media (min-width:", "px){display:block;padding-left:", ";}"], _tsStyleguide.breakpoints.medium, (0, _tsStyleguide.spacing)(3));
+exports.ListItemLongText = ListItemLongText;
+const ListItemShortText = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__ListItemShortText",
+  componentId: "sc-1c8x8xk-4"
+})(["display:block;@media (min-width:", "px){display:none;}"], _tsStyleguide.breakpoints.medium);
+exports.ListItemShortText = ListItemShortText;
+const PageErrorContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__PageErrorContainer",
+  componentId: "sc-1c8x8xk-5"
+})(["flex:1;flex-direction:column;justify-content:space-between;padding-left:10%;padding-right:10%;padding-top:10%;@media (min-width:", "px){padding-left:15%;padding-right:15%;}@media (min-width:", "px){flex-direction:row-reverse;}"], _tsStyleguide.breakpoints.medium, _tsStyleguide.breakpoints.wide);
+exports.PageErrorContainer = PageErrorContainer;
+const PageErrorImageContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__PageErrorImageContainer",
+  componentId: "sc-1c8x8xk-6"
+})(["align-self:center;max-width:300px;width:100%;@media (min-width:", "px){max-width:428px;}@media (min-width:", "px){max-width:none;width:50%;}"], _tsStyleguide.breakpoints.medium, _tsStyleguide.breakpoints.wide);
+exports.PageErrorImageContainer = PageErrorImageContainer;
+const PageErrorContentContainer = (0, _styledComponents.default)(_utils.TcView).withConfig({
+  displayName: "responsive__PageErrorContentContainer",
+  componentId: "sc-1c8x8xk-7"
+})(["@media (min-width:", "px){align-self:center;max-width:428px;}"], _tsStyleguide.breakpoints.wide);
+exports.PageErrorContentContainer = PageErrorContentContainer;
+
+const InlineAdWrapper = _styledComponents.default.div.withConfig({
+  displayName: "responsive__InlineAdWrapper",
+  componentId: "sc-1c8x8xk-8"
+})(["display:flex;justify-content:center;align-items:center;min-height:250px;box-sizing:content-box;padding:10px 0;border-top:1px solid rgb(219,219,219);border-bottom:1px solid rgb(219,219,219);@media (min-width:768px){min-height:90px;}@media (min-width:970px){min-height:250px;}"]);
+
+exports.InlineAdWrapper = InlineAdWrapper;

package/dist/styles/shared.js

@@ -1 +1,92 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _tsStyleguide=require("@times-components/ts-styleguide");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(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=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var styles={listEmptyMessage:_objectSpread(_objectSpread({color:_tsStyleguide.colours.functional.secondary},(0,_tsStyleguide.fontFactory)({font:"bodyRegular",fontSize:"infoTitle"})),{},{marginHorizontal:(0,_tsStyleguide.spacing)(8),marginTop:(0,_tsStyleguide.spacing)(12),textAlign:"center"}),listEmptyStateContainer:{flex:1},listEmptyWatermarkContainer:{bottom:0,position:"absolute",right:0},listErrorContainer:{height:"100%",justifyContent:"space-between",marginHorizontal:(0,_tsStyleguide.spacing)(2),paddingVertical:(0,_tsStyleguide.spacing)(2)},listErrorHeading:_objectSpread(_objectSpread({alignSelf:"center",color:_tsStyleguide.colours.functional.brandColour},(0,_tsStyleguide.fontFactory)({font:"headline",fontSize:"leadHeadline"})),{},{marginBottom:(0,_tsStyleguide.spacing)(2),textAlign:"center"}),listErrorImageContainer:{alignSelf:"center",marginVertical:(0,_tsStyleguide.spacing)(4)},listErrorMessage:_objectSpread(_objectSpread({color:_tsStyleguide.colours.functional.secondary},(0,_tsStyleguide.fontFactory)({font:"bodyRegular",fontSize:"infoSubText"})),{},{textAlign:"center"}),listItemContainer:{paddingHorizontal:(0,_tsStyleguide.spacing)(2),paddingVertical:(0,_tsStyleguide.spacing)(2)},listItemSeparator:{backgroundColor:_tsStyleguide.colours.functional.keyline,height:1},listItemSeparatorContainer:{paddingHorizontal:(0,_tsStyleguide.spacing)(2)},loadingContainer:{paddingVertical:(0,_tsStyleguide.spacing)(5)},paginationContainer:{alignItems:"stretch",flexDirection:"row",justifyContent:"center"},paginationSpacing:{maxWidth:760},showMoreRetryContainer:{alignSelf:"center",padding:(0,_tsStyleguide.spacing)(5),width:"100%"}};var _default=styles;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const styles = {
+  listEmptyMessage: _objectSpread(_objectSpread({
+    color: _tsStyleguide.colours.functional.secondary
+  }, (0, _tsStyleguide.fontFactory)({
+    font: "bodyRegular",
+    fontSize: "infoTitle"
+  })), {}, {
+    marginHorizontal: (0, _tsStyleguide.spacing)(8),
+    marginTop: (0, _tsStyleguide.spacing)(12),
+    textAlign: "center"
+  }),
+  listEmptyStateContainer: {
+    flex: 1
+  },
+  listEmptyWatermarkContainer: {
+    bottom: 0,
+    position: "absolute",
+    right: 0
+  },
+  listErrorContainer: {
+    height: "100%",
+    justifyContent: "space-between",
+    marginHorizontal: (0, _tsStyleguide.spacing)(2),
+    paddingVertical: (0, _tsStyleguide.spacing)(2)
+  },
+  listErrorHeading: _objectSpread(_objectSpread({
+    alignSelf: "center",
+    color: _tsStyleguide.colours.functional.brandColour
+  }, (0, _tsStyleguide.fontFactory)({
+    font: "headline",
+    fontSize: "leadHeadline"
+  })), {}, {
+    marginBottom: (0, _tsStyleguide.spacing)(2),
+    textAlign: "center"
+  }),
+  listErrorImageContainer: {
+    alignSelf: "center",
+    marginVertical: (0, _tsStyleguide.spacing)(4)
+  },
+  listErrorMessage: _objectSpread(_objectSpread({
+    color: _tsStyleguide.colours.functional.secondary
+  }, (0, _tsStyleguide.fontFactory)({
+    font: "bodyRegular",
+    fontSize: "infoSubText"
+  })), {}, {
+    textAlign: "center"
+  }),
+  listItemContainer: {
+    paddingHorizontal: (0, _tsStyleguide.spacing)(2),
+    paddingVertical: (0, _tsStyleguide.spacing)(2)
+  },
+  listItemSeparator: {
+    backgroundColor: _tsStyleguide.colours.functional.keyline,
+    height: 1
+  },
+  listItemSeparatorContainer: {
+    paddingHorizontal: (0, _tsStyleguide.spacing)(2)
+  },
+  loadingContainer: {
+    paddingVertical: (0, _tsStyleguide.spacing)(5)
+  },
+  paginationContainer: {
+    alignItems: "stretch",
+    flexDirection: "row",
+    justifyContent: "center"
+  },
+  paginationSpacing: {
+    maxWidth: 760
+  },
+  showMoreRetryContainer: {
+    alignSelf: "center",
+    padding: (0, _tsStyleguide.spacing)(5),
+    width: "100%"
+  }
+};
+var _default = styles;
+exports.default = _default;

package/dist/utils/index-base.js

@@ -1 +1,18 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.getHeadline=exports.getImageUri=void 0;var _lodash=_interopRequireDefault(require("lodash.get"));var getImageUri=function getImageUri(item){return(0,_lodash.default)(item,"leadAsset.crop.url",(0,_lodash.default)(item,"leadAsset.posterImage.crop.url",null));};exports.getImageUri=getImageUri;var getHeadline=function getHeadline(headline,shortHeadline){return shortHeadline||headline;};exports.getHeadline=getHeadline;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getHeadline = exports.getImageUri = void 0;
+
+var _lodash = _interopRequireDefault(require("lodash.get"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const getImageUri = item => (0, _lodash.default)(item, "leadAsset.crop.url", (0, _lodash.default)(item, "leadAsset.posterImage.crop.url", null));
+
+exports.getImageUri = getImageUri;
+
+const getHeadline = (headline, shortHeadline) => shortHeadline || headline;
+
+exports.getHeadline = getHeadline;

package/dist/utils/index.js

@@ -1 +1,29 @@
-Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"getImageUri",{enumerable:true,get:function get(){return _indexBase.getImageUri;}});Object.defineProperty(exports,"getHeadline",{enumerable:true,get:function get(){return _indexBase.getHeadline;}});exports.scrollUpToPaging=void 0;var _indexBase=require("./index-base");var scrollUpToPaging=function scrollUpToPaging(window){window.scroll({left:0,top:0});};exports.scrollUpToPaging=scrollUpToPaging;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "getImageUri", {
+  enumerable: true,
+  get: function get() {
+    return _indexBase.getImageUri;
+  }
+});
+Object.defineProperty(exports, "getHeadline", {
+  enumerable: true,
+  get: function get() {
+    return _indexBase.getHeadline;
+  }
+});
+exports.scrollUpToPaging = void 0;
+
+var _indexBase = require("./index-base");
+
+const scrollUpToPaging = window => {
+  window.scroll({
+    left: 0,
+    top: 0
+  });
+};
+
+exports.scrollUpToPaging = scrollUpToPaging;