@times-components/article-list 9.10.45 → 9.11.2

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [9.11.2](https://github.com/newsuk/times-components/compare/@times-components/article-list@9.11.1...@times-components/article-list@9.11.2) (2022-09-06)
+
+
+### Bug Fixes
+
+* **TDP-000:** Image with resize attribute ([#3138](https://github.com/newsuk/times-components/issues/3138)) ([97137e7](https://github.com/newsuk/times-components/commit/97137e7eb0879b9ed12a8cafcc02e4f8639f0be4))
+
+
+
+
+
+## [9.11.1](https://github.com/newsuk/times-components/compare/@times-components/article-list@9.11.0...@times-components/article-list@9.11.1) (2022-08-20)
+
+**Note:** Version bump only for package @times-components/article-list
+
+
+
+
+
+# [9.11.0](https://github.com/newsuk/times-components/compare/@times-components/article-list@9.10.45...@times-components/article-list@9.11.0) (2022-08-18)
+
+
+### Features
+
+* **TDP-1712:** remove react-native foreverrrrr ([#3064](https://github.com/newsuk/times-components/issues/3064)) ([2a20cb5](https://github.com/newsuk/times-components/commit/2a20cb5abc10a4e7ca2d62487967f8fcf4eccb62)), closes [#3037](https://github.com/newsuk/times-components/issues/3037) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3050](https://github.com/newsuk/times-components/issues/3050) [#3056](https://github.com/newsuk/times-components/issues/3056) [#3057](https://github.com/newsuk/times-components/issues/3057) [#3066](https://github.com/newsuk/times-components/issues/3066) [#3065](https://github.com/newsuk/times-components/issues/3065) [#3037](https://github.com/newsuk/times-components/issues/3037) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3056](https://github.com/newsuk/times-components/issues/3056) [#3066](https://github.com/newsuk/times-components/issues/3066) [#3069](https://github.com/newsuk/times-components/issues/3069) [#3068](https://github.com/newsuk/times-components/issues/3068) [#3070](https://github.com/newsuk/times-components/issues/3070) [#3072](https://github.com/newsuk/times-components/issues/3072) [#3073](https://github.com/newsuk/times-components/issues/3073) [#3071](https://github.com/newsuk/times-components/issues/3071) [#3074](https://github.com/newsuk/times-components/issues/3074) [#3076](https://github.com/newsuk/times-components/issues/3076) [#3079](https://github.com/newsuk/times-components/issues/3079) [#3078](https://github.com/newsuk/times-components/issues/3078) [#3083](https://github.com/newsuk/times-components/issues/3083) [#3087](https://github.com/newsuk/times-components/issues/3087) [#3091](https://github.com/newsuk/times-components/issues/3091) [#3096](https://github.com/newsuk/times-components/issues/3096) [#3102](https://github.com/newsuk/times-components/issues/3102) [#3105](https://github.com/newsuk/times-components/issues/3105) [#3108](https://github.com/newsuk/times-components/issues/3108) [#3111](https://github.com/newsuk/times-components/issues/3111) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3113](https://github.com/newsuk/times-components/issues/3113) [#3114](https://github.com/newsuk/times-components/issues/3114) [#3120](https://github.com/newsuk/times-components/issues/3120) [#3119](https://github.com/newsuk/times-components/issues/3119) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3126](https://github.com/newsuk/times-components/issues/3126) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3126](https://github.com/newsuk/times-components/issues/3126) [#3127](https://github.com/newsuk/times-components/issues/3127) [#3116](https://github.com/newsuk/times-components/issues/3116) [#3128](https://github.com/newsuk/times-components/issues/3128) [#3132](https://github.com/newsuk/times-components/issues/3132) [#3133](https://github.com/newsuk/times-components/issues/3133)
+
+
+
+
+
 ## [9.10.45](https://github.com/newsuk/times-components/compare/@times-components/article-list@9.10.44...@times-components/article-list@9.10.45) (2022-08-12)
 
 **Note:** Version bump only for package @times-components/article-list

package/README.md

@@ -7,11 +7,7 @@ are primarily used for the layout of the individual article items themselves.
 
 ## Infinite Scrolling
 
-Whilst the web flavour of article list utilises the pagination package, the
-native version contains its own brand of pagination in the form of infinite
-scrolling. This utilises the react-native `FlatList` and the GraphQL `fetchMore`
-method to show more articles when a user has scrolled to the bottom of the
-article list.
+Article list utilises the pagination package for this.
 
 ## Error Handling
 
@@ -50,8 +46,7 @@ yarn lint
 
 ## Testing
 
-This package uses [yarn](https://yarnpkg.com) (latest) to run unit tests on each
-platform with [jest](https://facebook.github.io/jest/).
+This package uses [yarn](https://yarnpkg.com) (latest) to run unit tests with [jest](https://facebook.github.io/jest/).
 
 ```
 yarn test:web
@@ -60,13 +55,3 @@ yarn test:web
 Visit the official
 [storybook](http://components.thetimes.co.uk/?knob-Size%20of%20ad%20placeholder%3A=default&selectedKind=Composed%2FArticle%20List&selectedStory=Default%20with%20images&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybooks%2Fstorybook-addon-knobs)
 to see our available article list templates.
-
-## Future
-
-Inifinite scroll pagination is baked into this package for the native
-experience. We are planning to fish this out into the pagination package in the
-future.
-
-A package like
-[`react-virtualized`](https://github.com/bvaughn/react-virtualized) could be
-utilised in the future for infinite scroll on mobweb.

package/babel.config.js

@@ -1,10 +1,18 @@
 module.exports = api => {
   api.cache(true);
   return {
-    plugins: [
-      "babel-plugin-styled-components",
-      "@babel/plugin-transform-react-display-name"
-    ],
-    presets: ["module:metro-react-native-babel-preset"]
+    plugins: ["babel-plugin-styled-components"],
+    presets: [
+      [
+        "@babel/preset-env",
+        {
+          targets: {
+            esmodules: true
+          }
+        }
+      ],
+      "@babel/preset-react",
+      "@babel/preset-typescript"
+    ]
   };
 };

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

@@ -1 +1,16 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var propTypes={message:_propTypes.default.string.isRequired};var _default=propTypes;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const propTypes = {
+  message: _propTypes.default.string.isRequired
+};
+var _default = propTypes;
+exports.default = _default;

package/dist/article-list-empty-state.js

@@ -1 +1,29 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _utils=require("@times-components/utils");var _styles=_interopRequireDefault(require("./styles"));var _articleListEmptyStatePropTypes=_interopRequireDefault(require("./article-list-empty-state-prop-types"));var _jsxFileName="/home/circleci/project/packages/article-list/src/article-list-empty-state.js";var ArticleListEmptyState=function ArticleListEmptyState(_ref){var message=_ref.message;return _react.default.createElement(_utils.TcView,{style:_styles.default.listEmptyStateContainer,__source:{fileName:_jsxFileName,lineNumber:7,columnNumber:3}},_react.default.createElement(_utils.TcText,{style:(0,_utils.checkStylesForUnits)(_styles.default.listEmptyMessage),__source:{fileName:_jsxFileName,lineNumber:8,columnNumber:5}},message));};ArticleListEmptyState.propTypes=_articleListEmptyStatePropTypes.default;var _default=ArticleListEmptyState;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _utils = require("@times-components/utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _articleListEmptyStatePropTypes = _interopRequireDefault(require("./article-list-empty-state-prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ArticleListEmptyState = _ref => {
+  let message = _ref.message;
+  return /*#__PURE__*/_react.default.createElement(_utils.TcView, {
+    style: _styles.default.listEmptyStateContainer
+  }, /*#__PURE__*/_react.default.createElement(_utils.TcText, {
+    style: (0, _utils.checkStylesForUnits)(_styles.default.listEmptyMessage)
+  }, message));
+};
+
+ArticleListEmptyState.propTypes = _articleListEmptyStatePropTypes.default;
+var _default = ArticleListEmptyState;
+exports.default = _default;

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

@@ -1 +1,16 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _propTypes=_interopRequireDefault(require("prop-types"));var propTypes={refetch:_propTypes.default.func.isRequired};var _default=propTypes;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const propTypes = {
+  refetch: _propTypes.default.func.isRequired
+};
+var _default = propTypes;
+exports.default = _default;

package/dist/article-list-error.js

@@ -1 +1,27 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireWildcard(require("react"));var _utils=require("@times-components/utils");var _styles=_interopRequireDefault(require("./styles"));var _jsxFileName="/home/circleci/project/packages/article-list/src/article-list-error.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;}var ArticleListError=function ArticleListError(){return _react.default.createElement(_react.Fragment,{__source:{fileName:_jsxFileName,lineNumber:6,columnNumber:3}},_react.default.createElement(_utils.TcText,{style:(0,_utils.checkStylesForUnits)(_styles.default.listErrorHeading),__source:{fileName:_jsxFileName,lineNumber:7,columnNumber:5}},"Something's gone wrong"),_react.default.createElement(_utils.TcText,{style:(0,_utils.checkStylesForUnits)(_styles.default.listErrorMessage),__source:{fileName:_jsxFileName,lineNumber:10,columnNumber:5}},"We can't load the page you have requested. Please check your network connection and retry to continue"));};var _default=ArticleListError;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _utils = require("@times-components/utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+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; }
+
+const ArticleListError = () => /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_utils.TcText, {
+  style: (0, _utils.checkStylesForUnits)(_styles.default.listErrorHeading)
+}, "Something's gone wrong"), /*#__PURE__*/_react.default.createElement(_utils.TcText, {
+  style: (0, _utils.checkStylesForUnits)(_styles.default.listErrorMessage)
+}, "We can't load the page you have requested. Please check your network connection and retry to continue"));
+
+var _default = ArticleListError;
+exports.default = _default;

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

@@ -1 +1,56 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.defaultProps=exports.propTypes=exports.propTypesBase=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _propTypes=_interopRequireDefault(require("prop-types"));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 propTypesBase={article:_propTypes.default.shape({headline:_propTypes.default.string,id:_propTypes.default.oneOfType([_propTypes.default.number,_propTypes.default.string]).isRequired,label:_propTypes.default.string,leadAsset:_propTypes.default.shape({crop:_propTypes.default.shape({url:_propTypes.default.string}),title:_propTypes.default.string}),longSummary:_propTypes.default.array,publicationName:_propTypes.default.string,publishedTime:_propTypes.default.string,shortHeadline:_propTypes.default.string,shortSummary:_propTypes.default.array,summary:_propTypes.default.array,url:_propTypes.default.string}),fadeImageIn:_propTypes.default.bool,highResSize:_propTypes.default.number};exports.propTypesBase=propTypesBase;var propTypes=_objectSpread(_objectSpread({},propTypesBase),{},{imageRatio:_propTypes.default.number,showImage:_propTypes.default.bool});exports.propTypes=propTypes;var defaultProps={article:null,fadeImageIn:false,highResSize:null,imageRatio:1,showImage:true,summary:[]};exports.defaultProps=defaultProps;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = exports.propTypes = exports.propTypesBase = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+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 propTypesBase = {
+  article: _propTypes.default.shape({
+    headline: _propTypes.default.string,
+    id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    label: _propTypes.default.string,
+    leadAsset: _propTypes.default.shape({
+      crop: _propTypes.default.shape({
+        url: _propTypes.default.string
+      }),
+      title: _propTypes.default.string
+    }),
+    longSummary: _propTypes.default.array,
+    publicationName: _propTypes.default.string,
+    publishedTime: _propTypes.default.string,
+    shortHeadline: _propTypes.default.string,
+    shortSummary: _propTypes.default.array,
+    summary: _propTypes.default.array,
+    url: _propTypes.default.string
+  }),
+  fadeImageIn: _propTypes.default.bool,
+  highResSize: _propTypes.default.number
+};
+exports.propTypesBase = propTypesBase;
+
+const propTypes = _objectSpread(_objectSpread({}, propTypesBase), {}, {
+  imageRatio: _propTypes.default.number,
+  showImage: _propTypes.default.bool
+});
+
+exports.propTypes = propTypes;
+const defaultProps = {
+  article: null,
+  fadeImageIn: false,
+  highResSize: null,
+  imageRatio: 1,
+  showImage: true,
+  summary: []
+};
+exports.defaultProps = defaultProps;

package/dist/article-list-item-separator.js

@@ -1 +1,23 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _utils=require("@times-components/utils");var _styles=_interopRequireDefault(require("./styles"));var _responsive=require("./styles/responsive");var _jsxFileName="/home/circleci/project/packages/article-list/src/article-list-item-separator.js";var ArticleListItemSeparator=function ArticleListItemSeparator(){return _react.default.createElement(_responsive.ListItemSeparator,{__source:{fileName:_jsxFileName,lineNumber:7,columnNumber:3}},_react.default.createElement(_utils.TcView,{style:_styles.default.listItemSeparator,__source:{fileName:_jsxFileName,lineNumber:8,columnNumber:5}}));};var _default=ArticleListItemSeparator;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _utils = require("@times-components/utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _responsive = require("./styles/responsive");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ArticleListItemSeparator = () => /*#__PURE__*/_react.default.createElement(_responsive.ListItemSeparator, null, /*#__PURE__*/_react.default.createElement(_utils.TcView, {
+  style: _styles.default.listItemSeparator
+}));
+
+var _default = ArticleListItemSeparator;
+exports.default = _default;

package/dist/article-list-item-tracking-events.js

@@ -1 +1,32 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _tracking=require("@times-components/tracking");var _default=function _default(Component){return(0,_tracking.withTrackEvents)(Component,{analyticsEvents:[{actionName:"Pressed",eventName:"onPress",getAttrs:function getAttrs(_ref){var _ref$article=_ref.article,headline=_ref$article.headline,id=_ref$article.id,index=_ref.index,length=_ref.length;return{articleHeadline:headline,articleId:id,scrollDepth:{itemNumber:index+1,total:length}};}}]});};exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _tracking = require("@times-components/tracking");
+
+var _default = Component => (0, _tracking.withTrackEvents)(Component, {
+  analyticsEvents: [{
+    actionName: "Pressed",
+    eventName: "onPress",
+    getAttrs: _ref => {
+      let _ref$article = _ref.article,
+          headline = _ref$article.headline,
+          id = _ref$article.id,
+          index = _ref.index,
+          length = _ref.length;
+      return {
+        articleHeadline: headline,
+        articleId: id,
+        scrollDepth: {
+          itemNumber: index + 1,
+          total: length
+        }
+      };
+    }
+  }]
+});
+
+exports.default = _default;

package/dist/article-list-item-with-error.js

@@ -1 +1,48 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));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 _errorView=_interopRequireDefault(require("@times-components/error-view"));var _articleListItem=_interopRequireDefault(require("./article-list-item"));var _articleListItemPropTypes=require("./article-list-item-prop-types");var _jsxFileName="/home/circleci/project/packages/article-list/src/article-list-item-with-error.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 _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 ArticleListItemWithError=function(_Component){(0,_inherits2.default)(ArticleListItemWithError,_Component);var _super=_createSuper(ArticleListItemWithError);function ArticleListItemWithError(props){var _this;(0,_classCallCheck2.default)(this,ArticleListItemWithError);_this=_super.call(this,props);_this.renderWithErrorBoundary=_this.renderWithErrorBoundary.bind((0,_assertThisInitialized2.default)(_this));return _this;}(0,_createClass2.default)(ArticleListItemWithError,[{key:"shouldComponentUpdate",value:function shouldComponentUpdate(nextProps){var article=this.props.article;var nextArticle=nextProps.article;return!article||!nextArticle||nextArticle.elementId!==article.elementId;}},{key:"renderWithErrorBoundary",value:function renderWithErrorBoundary(_ref){var hasError=_ref.hasError;return hasError?null:_react.default.createElement(_articleListItem.default,(0,_extends2.default)({},this.props,{__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:30}}));}},{key:"render",value:function render(){return _react.default.createElement(_errorView.default,{__source:{fileName:_jsxFileName,lineNumber:25,columnNumber:12}},this.renderWithErrorBoundary);}}]);return ArticleListItemWithError;}(_react.Component);ArticleListItemWithError.propTypes=_articleListItemPropTypes.propTypes;ArticleListItemWithError.defaultProps=_articleListItemPropTypes.defaultProps;var _default=ArticleListItemWithError;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _errorView = _interopRequireDefault(require("@times-components/error-view"));
+
+var _articleListItem = _interopRequireDefault(require("./article-list-item"));
+
+var _articleListItemPropTypes = require("./article-list-item-prop-types");
+
+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; }
+
+class ArticleListItemWithError extends _react.Component {
+  constructor(props) {
+    super(props);
+    this.renderWithErrorBoundary = this.renderWithErrorBoundary.bind(this);
+  }
+
+  shouldComponentUpdate(nextProps) {
+    const article = this.props.article;
+    const nextArticle = nextProps.article;
+    return !article || !nextArticle || nextArticle.elementId !== article.elementId;
+  }
+
+  renderWithErrorBoundary(_ref) {
+    let hasError = _ref.hasError;
+    return hasError ? null : /*#__PURE__*/_react.default.createElement(_articleListItem.default, this.props);
+  }
+
+  render() {
+    return /*#__PURE__*/_react.default.createElement(_errorView.default, null, this.renderWithErrorBoundary);
+  }
+
+}
+
+ArticleListItemWithError.propTypes = _articleListItemPropTypes.propTypes;
+ArticleListItemWithError.defaultProps = _articleListItemPropTypes.defaultProps;
+var _default = ArticleListItemWithError;
+exports.default = _default;

package/dist/article-list-item.js

@@ -1 +1,130 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireWildcard(require("react"));var _articleSummary=_interopRequireWildcard(require("@times-components/article-summary"));var _card=_interopRequireDefault(require("@times-components/card"));var _context=_interopRequireDefault(require("@times-components/context"));var _link=_interopRequireDefault(require("@times-components/link"));var _tsStyleguide=require("@times-components/ts-styleguide");var _articleListItemTrackingEvents=_interopRequireDefault(require("./article-list-item-tracking-events"));var _articleListItemPropTypes=require("./article-list-item-prop-types");var _utils=require("./utils");var _responsive=require("./styles/responsive");var _jsxFileName="/home/circleci/project/packages/article-list/src/article-list-item.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;}var ArticleListItem=function ArticleListItem(props){var article=props.article,fadeImageIn=props.fadeImageIn,highResSize=props.highResSize,imageRatio=props.imageRatio,isLoading=props.isLoading,lowResQuality=props.lowResQuality,lowResSize=props.lowResSize,showImage=props.showImage;var _ref=article||{},bylines=_ref.bylines,hasVideo=_ref.hasVideo,headline=_ref.headline,label=_ref.label,leadAsset=_ref.leadAsset,longSummary=_ref.longSummary,publicationName=_ref.publicationName,publishedTime=_ref.publishedTime,section=_ref.section,shortHeadline=_ref.shortHeadline,shortSummary=_ref.shortSummary,summary=_ref.summary;var imageUri=(0,_utils.getImageUri)(article);var imageAccessibilityLabel=leadAsset&&leadAsset.caption||"";if(isLoading){return _react.default.createElement(_responsive.ListItemWrapper,{__source:{fileName:_jsxFileName,lineNumber:52,columnNumber:7}},_react.default.createElement(_card.default,{contentContainerClass:"articleListContent",imageContainerClass:"articleListImage",imageRatio:imageRatio,isLoading:isLoading,showImage:showImage,__source:{fileName:_jsxFileName,lineNumber:53,columnNumber:9}}));}var childProps={bylineProps:bylines?{ast:bylines,color:_tsStyleguide.colours.section.default}:null,datePublicationProps:{date:publishedTime,publication:publicationName},headline:_react.default.createElement(_articleSummary.ArticleSummaryHeadline,{headline:(0,_utils.getHeadline)(headline,shortHeadline),__source:{fileName:_jsxFileName,lineNumber:76,columnNumber:7}}),labelProps:{color:_tsStyleguide.colours.section[section]||_tsStyleguide.colours.section.default,isVideo:hasVideo,title:label}};var children=showImage?_react.default.createElement(_articleSummary.default,(0,_extends2.default)({},childProps,{content:_react.default.createElement(_articleSummary.ArticleSummaryContent,{ast:summary,__source:{fileName:_jsxFileName,lineNumber:88,columnNumber:16}}),__source:{fileName:_jsxFileName,lineNumber:86,columnNumber:5}})):_react.default.createElement(_react.Fragment,{__source:{fileName:_jsxFileName,lineNumber:91,columnNumber:5}},_react.default.createElement(_responsive.ListItemLongText,{__source:{fileName:_jsxFileName,lineNumber:92,columnNumber:7}},_react.default.createElement(_articleSummary.default,(0,_extends2.default)({},childProps,{content:_react.default.createElement(_articleSummary.ArticleSummaryContent,{ast:longSummary,__source:{fileName:_jsxFileName,lineNumber:95,columnNumber:20}}),__source:{fileName:_jsxFileName,lineNumber:93,columnNumber:9}}))),_react.default.createElement(_responsive.ListItemShortText,{__source:{fileName:_jsxFileName,lineNumber:98,columnNumber:7}},_react.default.createElement(_articleSummary.default,(0,_extends2.default)({},childProps,{content:_react.default.createElement(_articleSummary.ArticleSummaryContent,{ast:shortSummary,__source:{fileName:_jsxFileName,lineNumber:101,columnNumber:20}}),__source:{fileName:_jsxFileName,lineNumber:99,columnNumber:9}}))));return _react.default.createElement(_context.default.Consumer,{__source:{fileName:_jsxFileName,lineNumber:108,columnNumber:5}},function(_ref2){var makeArticleUrl=_ref2.makeArticleUrl;var canonicalUrl=makeArticleUrl(props.article);return _react.default.createElement(_link.default,{url:canonicalUrl,__source:{fileName:_jsxFileName,lineNumber:113,columnNumber:11}},_react.default.createElement(_responsive.ListItemWrapper,{__source:{fileName:_jsxFileName,lineNumber:114,columnNumber:13}},_react.default.createElement(_card.default,{contentContainerClass:"articleListContent",fadeImageIn:fadeImageIn,highResSize:highResSize,imageAccessibilityLabel:imageAccessibilityLabel,imageContainerClass:"articleListImage",imageRatio:imageRatio,imageUri:imageUri,isLoading:isLoading,lowResQuality:lowResQuality,lowResSize:lowResSize,showImage:showImage,__source:{fileName:_jsxFileName,lineNumber:115,columnNumber:15}},_react.default.createElement(_tsStyleguide.Animations.FadeIn,{__source:{fileName:_jsxFileName,lineNumber:128,columnNumber:17}},children))));});};ArticleListItem.propTypes=_articleListItemPropTypes.propTypes;ArticleListItem.defaultProps=_articleListItemPropTypes.defaultProps;var _default=(0,_articleListItemTrackingEvents.default)(ArticleListItem);exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _articleSummary = _interopRequireWildcard(require("@times-components/article-summary"));
+
+var _card = _interopRequireDefault(require("@times-components/card"));
+
+var _context = _interopRequireDefault(require("@times-components/context"));
+
+var _link = _interopRequireDefault(require("@times-components/link"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _articleListItemTrackingEvents = _interopRequireDefault(require("./article-list-item-tracking-events"));
+
+var _articleListItemPropTypes = require("./article-list-item-prop-types");
+
+var _utils = require("./utils");
+
+var _responsive = require("./styles/responsive");
+
+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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const ArticleListItem = props => {
+  const article = props.article,
+        fadeImageIn = props.fadeImageIn,
+        highResSize = props.highResSize,
+        imageRatio = props.imageRatio,
+        isLoading = props.isLoading,
+        lowResQuality = props.lowResQuality,
+        lowResSize = props.lowResSize,
+        showImage = props.showImage;
+
+  const _ref = article || {},
+        bylines = _ref.bylines,
+        hasVideo = _ref.hasVideo,
+        headline = _ref.headline,
+        label = _ref.label,
+        leadAsset = _ref.leadAsset,
+        longSummary = _ref.longSummary,
+        publicationName = _ref.publicationName,
+        publishedTime = _ref.publishedTime,
+        section = _ref.section,
+        shortHeadline = _ref.shortHeadline,
+        shortSummary = _ref.shortSummary,
+        summary = _ref.summary;
+
+  const imageUri = (0, _utils.getImageUri)(article);
+  const imageAccessibilityLabel = leadAsset && leadAsset.caption || "";
+
+  if (isLoading) {
+    return /*#__PURE__*/_react.default.createElement(_responsive.ListItemWrapper, null, /*#__PURE__*/_react.default.createElement(_card.default, {
+      contentContainerClass: "articleListContent",
+      imageContainerClass: "articleListImage",
+      imageRatio: imageRatio,
+      isLoading: isLoading,
+      showImage: showImage
+    }));
+  }
+
+  const childProps = {
+    bylineProps: bylines ? {
+      ast: bylines,
+      color: _tsStyleguide.colours.section.default
+    } : null,
+    datePublicationProps: {
+      date: publishedTime,
+      publication: publicationName
+    },
+    headline: /*#__PURE__*/_react.default.createElement(_articleSummary.ArticleSummaryHeadline, {
+      headline: (0, _utils.getHeadline)(headline, shortHeadline)
+    }),
+    labelProps: {
+      color: _tsStyleguide.colours.section[section] || _tsStyleguide.colours.section.default,
+      isVideo: hasVideo,
+      title: label
+    }
+  };
+  const children = showImage ? /*#__PURE__*/_react.default.createElement(_articleSummary.default, _extends({}, childProps, {
+    content: /*#__PURE__*/_react.default.createElement(_articleSummary.ArticleSummaryContent, {
+      ast: summary
+    })
+  })) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_responsive.ListItemLongText, null, /*#__PURE__*/_react.default.createElement(_articleSummary.default, _extends({}, childProps, {
+    content: /*#__PURE__*/_react.default.createElement(_articleSummary.ArticleSummaryContent, {
+      ast: longSummary
+    })
+  }))), /*#__PURE__*/_react.default.createElement(_responsive.ListItemShortText, null, /*#__PURE__*/_react.default.createElement(_articleSummary.default, _extends({}, childProps, {
+    content: /*#__PURE__*/_react.default.createElement(_articleSummary.ArticleSummaryContent, {
+      ast: shortSummary
+    })
+  }))));
+  return /*#__PURE__*/_react.default.createElement(_context.default.Consumer, null, _ref2 => {
+    let makeArticleUrl = _ref2.makeArticleUrl;
+    const canonicalUrl = makeArticleUrl(props.article);
+    return /*#__PURE__*/_react.default.createElement(_link.default, {
+      url: canonicalUrl
+    }, /*#__PURE__*/_react.default.createElement(_responsive.ListItemWrapper, null, /*#__PURE__*/_react.default.createElement(_card.default, {
+      contentContainerClass: "articleListContent",
+      fadeImageIn: fadeImageIn,
+      highResSize: highResSize,
+      imageAccessibilityLabel: imageAccessibilityLabel,
+      imageContainerClass: "articleListImage",
+      imageRatio: imageRatio,
+      imageUri: imageUri,
+      isLoading: isLoading,
+      lowResQuality: lowResQuality,
+      lowResSize: lowResSize,
+      showImage: showImage
+    }, /*#__PURE__*/_react.default.createElement(_tsStyleguide.Animations.FadeIn, null, children))));
+  });
+};
+
+ArticleListItem.propTypes = _articleListItemPropTypes.propTypes;
+ArticleListItem.defaultProps = _articleListItemPropTypes.defaultProps;
+
+var _default = (0, _articleListItemTrackingEvents.default)(ArticleListItem);
+
+exports.default = _default;

package/dist/article-list-page-error.js

@@ -1 +1,38 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _button=_interopRequireDefault(require("@times-components/button"));var _image=_interopRequireDefault(require("@times-components/image"));var _articleListError=_interopRequireDefault(require("./article-list-error"));var _articleListErrorPropTypes=_interopRequireDefault(require("./article-list-error-prop-types"));var _responsive=require("./styles/responsive");var _index=require("./styles/index");var _jsxFileName="/home/circleci/project/packages/article-list/src/article-list-page-error.js";var ArticleListPageError=function ArticleListPageError(_ref){var refetch=_ref.refetch;return _react.default.createElement(_responsive.PageErrorContainer,{__source:{fileName:_jsxFileName,lineNumber:14,columnNumber:3}},_react.default.createElement(_responsive.PageErrorImageContainer,{__source:{fileName:_jsxFileName,lineNumber:15,columnNumber:5}},_react.default.createElement(_image.default,{aspectRatio:700/770,uri:"https://www.thetimes.co.uk/d/img/internal-error-c45d0e8347.png",__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:7}})),_react.default.createElement(_responsive.PageErrorContentContainer,{__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:5}},_react.default.createElement(_articleListError.default,{__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:7}}),_react.default.createElement(_button.default,{onPress:refetch,style:_index.retryButtonStyles,title:"Retry",__source:{fileName:_jsxFileName,lineNumber:23,columnNumber:7}})));};ArticleListPageError.propTypes=_articleListErrorPropTypes.default;var _default=ArticleListPageError;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _button = _interopRequireDefault(require("@times-components/button"));
+
+var _image = _interopRequireDefault(require("@times-components/image"));
+
+var _articleListError = _interopRequireDefault(require("./article-list-error"));
+
+var _articleListErrorPropTypes = _interopRequireDefault(require("./article-list-error-prop-types"));
+
+var _responsive = require("./styles/responsive");
+
+var _index = require("./styles/index");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ArticleListPageError = _ref => {
+  let refetch = _ref.refetch;
+  return /*#__PURE__*/_react.default.createElement(_responsive.PageErrorContainer, null, /*#__PURE__*/_react.default.createElement(_responsive.PageErrorImageContainer, null, /*#__PURE__*/_react.default.createElement(_image.default, {
+    aspectRatio: 700 / 770,
+    uri: "https://www.thetimes.co.uk/d/img/internal-error-c45d0e8347.png"
+  })), /*#__PURE__*/_react.default.createElement(_responsive.PageErrorContentContainer, null, /*#__PURE__*/_react.default.createElement(_articleListError.default, null), /*#__PURE__*/_react.default.createElement(_button.default, {
+    onPress: refetch,
+    style: _index.retryButtonStyles,
+    title: "Retry"
+  })));
+};
+
+ArticleListPageError.propTypes = _articleListErrorPropTypes.default;
+var _default = ArticleListPageError;
+exports.default = _default;

package/dist/article-list-pagination.js

@@ -1 +1,39 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _utils=require("@times-components/utils");var _pagination=_interopRequireDefault(require("@times-components/pagination"));var _propTypes=_interopRequireDefault(require("prop-types"));var _styles=_interopRequireDefault(require("./styles"));var _jsxFileName="/home/circleci/project/packages/article-list/src/article-list-pagination.js";var ArticleListPagination=function ArticleListPagination(props){return _react.default.createElement(_utils.TcView,{style:_styles.default.paginationContainer,__source:{fileName:_jsxFileName,lineNumber:8,columnNumber:3}},_react.default.createElement(_utils.TcView,{style:_styles.default.paginationSpacing,__source:{fileName:_jsxFileName,lineNumber:9,columnNumber:5}},_react.default.createElement(_pagination.default,(0,_extends2.default)({},props,{generatePageLink:function generatePageLink(pageNum){return"?page="+pageNum;},__source:{fileName:_jsxFileName,lineNumber:10,columnNumber:7}}))));};ArticleListPagination.propTypes={count:_propTypes.default.number.isRequired,hideResults:_propTypes.default.bool.isRequired,onNext:_propTypes.default.func.isRequired,onPrev:_propTypes.default.func.isRequired,page:_propTypes.default.number.isRequired,pageSize:_propTypes.default.number.isRequired};var _default=ArticleListPagination;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _utils = require("@times-components/utils");
+
+var _pagination = _interopRequireDefault(require("@times-components/pagination"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const ArticleListPagination = props => /*#__PURE__*/_react.default.createElement(_utils.TcView, {
+  style: _styles.default.paginationContainer
+}, /*#__PURE__*/_react.default.createElement(_utils.TcView, {
+  style: _styles.default.paginationSpacing
+}, /*#__PURE__*/_react.default.createElement(_pagination.default, _extends({}, props, {
+  generatePageLink: pageNum => "?page=".concat(pageNum)
+}))));
+
+ArticleListPagination.propTypes = {
+  count: _propTypes.default.number.isRequired,
+  hideResults: _propTypes.default.bool.isRequired,
+  onNext: _propTypes.default.func.isRequired,
+  onPrev: _propTypes.default.func.isRequired,
+  page: _propTypes.default.number.isRequired,
+  pageSize: _propTypes.default.number.isRequired
+};
+var _default = ArticleListPagination;
+exports.default = _default;