@times-components/pagination 3.8.7 → 3.9.1

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.9.1](https://github.com/newsuk/times-components/compare/@times-components/pagination@3.9.0...@times-components/pagination@3.9.1) (2022-08-20)
+
+**Note:** Version bump only for package @times-components/pagination
+
+
+
+
+
+# [3.9.0](https://github.com/newsuk/times-components/compare/@times-components/pagination@3.8.8...@times-components/pagination@3.9.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)
+
+
+
+
+
+## [3.8.8](https://github.com/newsuk/times-components/compare/@times-components/pagination@3.8.7...@times-components/pagination@3.8.8) (2022-08-05)
+
+**Note:** Version bump only for package @times-components/pagination
+
+
+
+
+
 ## [3.8.7](https://github.com/newsuk/times-components/compare/@times-components/pagination@3.8.6...@times-components/pagination@3.8.7) (2022-07-19)
 
 **Note:** Version bump only for package @times-components/pagination

package/babel.config.js

@@ -3,8 +3,12 @@ module.exports = api => {
   return {
     plugins: [
       "babel-plugin-styled-components",
-      "@babel/plugin-transform-react-display-name"
+      "babel-plugin-transform-class-properties"
     ],
-    presets: ["module:metro-react-native-babel-preset"]
+    presets: [
+      "@babel/preset-env",
+      "@babel/preset-react",
+      "@babel/preset-typescript"
+    ]
   };
 };

package/dist/page-label.js

@@ -1 +1,43 @@
-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 _styledComponents=_interopRequireDefault(require("styled-components"));var _tsStyleguide=require("@times-components/ts-styleguide");var _propTypes=_interopRequireDefault(require("prop-types"));var _jsxFileName="/home/circleci/project/packages/pagination/src/page-label.js";var labelStyle={color:"inherit",font:"inherit",whiteSpace:"inherit"};var ResponsiveLabel=(0,_styledComponents.default)(_utils.TcText).withConfig({displayName:"page-label__ResponsiveLabel",componentId:"sc-1m9jh18-0"})(["display:none;@media (min-width:","px){display:inline;}"],_tsStyleguide.breakpoints.medium);var PageLabel=function PageLabel(_ref){var direction=_ref.direction;return _react.default.createElement(_utils.TcText,{style:labelStyle,__source:{fileName:_jsxFileName,lineNumber:17,columnNumber:3}},direction,_react.default.createElement(ResponsiveLabel,{style:labelStyle,__source:{fileName:_jsxFileName,lineNumber:19,columnNumber:5}}," page"));};PageLabel.propTypes={direction:_propTypes.default.string.isRequired};var _default=PageLabel;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 _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var labelStyle = {
+  color: "inherit",
+  font: "inherit",
+  whiteSpace: "inherit"
+};
+var ResponsiveLabel = (0, _styledComponents["default"])(_utils.TcText).withConfig({
+  displayName: "page-label__ResponsiveLabel",
+  componentId: "sc-1m9jh18-0"
+})(["display:none;@media (min-width:", "px){display:inline;}"], _tsStyleguide.breakpoints.medium);
+
+var PageLabel = function PageLabel(_ref) {
+  var direction = _ref.direction;
+  return /*#__PURE__*/_react["default"].createElement(_utils.TcText, {
+    style: labelStyle
+  }, direction, /*#__PURE__*/_react["default"].createElement(ResponsiveLabel, {
+    style: labelStyle
+  }, " page"));
+};
+
+PageLabel.propTypes = {
+  direction: _propTypes["default"].string.isRequired
+};
+var _default = PageLabel;
+exports["default"] = _default;

package/dist/pagination-border.js

@@ -1 +1,43 @@
-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 _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=_interopRequireDefault(require("prop-types"));var _tsStyleguide=require("@times-components/ts-styleguide");var _jsxFileName="/home/circleci/project/packages/pagination/src/pagination-border.js";var BorderWithResults=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"pagination-border__BorderWithResults",componentId:"zd8d3i-0"})(["border-style:solid;align-items:center;flex-direction:row;justify-content:space-between;height:50px;border-bottom-color:",";border-bottom-width:1px;border-top-color:",";border-top-width:1px;@media (min-width:","px){border-top-width:0px;}"],_tsStyleguide.colours.functional.keyline,_tsStyleguide.colours.functional.keyline,_tsStyleguide.breakpoints.medium);var BorderWithoutResults=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"pagination-border__BorderWithoutResults",componentId:"zd8d3i-1"})(["border-style:solid;align-items:center;flex-direction:row;justify-content:space-between;height:50px;border-bottom-color:",";border-bottom-width:1px;border-top-color:",";border-top-width:1px;"],_tsStyleguide.colours.functional.keyline,_tsStyleguide.colours.functional.keyline);var PaginationBorder=function PaginationBorder(_ref){var children=_ref.children,hideResults=_ref.hideResults;return hideResults?_react.default.createElement(BorderWithoutResults,{__source:{fileName:_jsxFileName,lineNumber:37,columnNumber:5}},children):_react.default.createElement(BorderWithResults,{__source:{fileName:_jsxFileName,lineNumber:39,columnNumber:5}},children);};PaginationBorder.propTypes={children:_propTypes.default.node.isRequired,hideResults:_propTypes.default.bool};PaginationBorder.defaultProps={hideResults:false};var _default=PaginationBorder;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 _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var BorderWithResults = (0, _styledComponents["default"])(_utils.TcView).withConfig({
+  displayName: "pagination-border__BorderWithResults",
+  componentId: "zd8d3i-0"
+})(["border-style:solid;align-items:center;flex-direction:row;justify-content:space-between;height:50px;border-bottom-color:", ";border-bottom-width:1px;border-top-color:", ";border-top-width:1px;@media (min-width:", "px){border-top-width:0px;}"], _tsStyleguide.colours.functional.keyline, _tsStyleguide.colours.functional.keyline, _tsStyleguide.breakpoints.medium);
+var BorderWithoutResults = (0, _styledComponents["default"])(_utils.TcView).withConfig({
+  displayName: "pagination-border__BorderWithoutResults",
+  componentId: "zd8d3i-1"
+})(["border-style:solid;align-items:center;flex-direction:row;justify-content:space-between;height:50px;border-bottom-color:", ";border-bottom-width:1px;border-top-color:", ";border-top-width:1px;"], _tsStyleguide.colours.functional.keyline, _tsStyleguide.colours.functional.keyline);
+
+var PaginationBorder = function PaginationBorder(_ref) {
+  var children = _ref.children,
+      hideResults = _ref.hideResults;
+  return hideResults ? /*#__PURE__*/_react["default"].createElement(BorderWithoutResults, null, children) : /*#__PURE__*/_react["default"].createElement(BorderWithResults, null, children);
+};
+
+PaginationBorder.propTypes = {
+  children: _propTypes["default"].node.isRequired,
+  hideResults: _propTypes["default"].bool
+};
+PaginationBorder.defaultProps = {
+  hideResults: false
+};
+var _default = PaginationBorder;
+exports["default"] = _default;

package/dist/pagination-container.js

@@ -1 +1,43 @@
-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 _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=_interopRequireDefault(require("prop-types"));var _tsStyleguide=require("@times-components/ts-styleguide");var _jsxFileName="/home/circleci/project/packages/pagination/src/pagination-container.js";var ContainerWithResults=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"pagination-container__ContainerWithResults",componentId:"csg9hq-0"})(["align-items:stretch;flex-direction:column;@media (min-width:","px){margin-top:",";}"],_tsStyleguide.breakpoints.medium,(0,_tsStyleguide.spacing)(6));var ContainerWithoutResults=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"pagination-container__ContainerWithoutResults",componentId:"csg9hq-1"})(["align-items:stretch;flex-direction:column;"]);var PaginationContainer=function PaginationContainer(_ref){var children=_ref.children,hideResults=_ref.hideResults;return hideResults?_react.default.createElement(ContainerWithoutResults,{__source:{fileName:_jsxFileName,lineNumber:23,columnNumber:5}},children):_react.default.createElement(ContainerWithResults,{__source:{fileName:_jsxFileName,lineNumber:25,columnNumber:5}},children);};PaginationContainer.propTypes={children:_propTypes.default.node.isRequired,hideResults:_propTypes.default.bool};PaginationContainer.defaultProps={hideResults:false};var _default=PaginationContainer;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 _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var ContainerWithResults = (0, _styledComponents["default"])(_utils.TcView).withConfig({
+  displayName: "pagination-container__ContainerWithResults",
+  componentId: "csg9hq-0"
+})(["align-items:stretch;flex-direction:column;@media (min-width:", "px){margin-top:", ";}"], _tsStyleguide.breakpoints.medium, (0, _tsStyleguide.spacing)(6));
+var ContainerWithoutResults = (0, _styledComponents["default"])(_utils.TcView).withConfig({
+  displayName: "pagination-container__ContainerWithoutResults",
+  componentId: "csg9hq-1"
+})(["align-items:stretch;flex-direction:column;"]);
+
+var PaginationContainer = function PaginationContainer(_ref) {
+  var children = _ref.children,
+      hideResults = _ref.hideResults;
+  return hideResults ? /*#__PURE__*/_react["default"].createElement(ContainerWithoutResults, null, children) : /*#__PURE__*/_react["default"].createElement(ContainerWithResults, null, children);
+};
+
+PaginationContainer.propTypes = {
+  children: _propTypes["default"].node.isRequired,
+  hideResults: _propTypes["default"].bool
+};
+PaginationContainer.defaultProps = {
+  hideResults: false
+};
+var _default = PaginationContainer;
+exports["default"] = _default;

package/dist/pagination-icons.js

@@ -1 +1,102 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.PreviousPageIcon=exports.NextPageIcon=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireDefault(require("react"));var _utils=require("@times-components/utils");var _tsStyleguide=require("@times-components/ts-styleguide");var _pageLabel=_interopRequireDefault(require("./page-label"));var _jsxFileName="/home/circleci/project/packages/pagination/src/pagination-icons.js";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 textStyle=_objectSpread({color:_tsStyleguide.colours.functional.action,height:15},(0,_tsStyleguide.fontFactory)({font:"supporting",fontSize:"pagingMeta"}));var container={alignItems:"center",flexDirection:"row"};var styles={nextContainer:(0,_extends2.default)({paddingBottom:"8px",paddingTop:"10px"},container),nextText:(0,_extends2.default)({marginRight:(0,_tsStyleguide.spacing)(2),textAlign:"right"},textStyle),previousContainer:(0,_extends2.default)({paddingBottom:"8px",paddingTop:"10px"},container),previousText:(0,_extends2.default)({marginLeft:(0,_tsStyleguide.spacing)(2),textAlign:"left"},textStyle)};var NextPageIcon=function NextPageIcon(){return _react.default.createElement(_utils.TcView,{style:styles.nextContainer,"data-testid":"pagination-button-next",__source:{fileName:_jsxFileName,lineNumber:52,columnNumber:3}},_react.default.createElement(_utils.TcText,{style:(0,_utils.checkStylesForUnits)(styles.nextText),__source:{fileName:_jsxFileName,lineNumber:53,columnNumber:5}},_react.default.createElement(_pageLabel.default,{direction:"Next",__source:{fileName:_jsxFileName,lineNumber:54,columnNumber:7}})),_react.default.createElement("svg",{"aria-label":"icon-next-page",height:12,style:{marginTop:(0,_tsStyleguide.spacing)(-0.5)},viewBox:"42 12 60 120",width:7,__source:{fileName:_jsxFileName,lineNumber:56,columnNumber:5}},_react.default.createElement("g",{fill:_tsStyleguide.colours.functional.action,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:7}},_react.default.createElement("path",{d:"M45.8,132L42,128.2,74.8,72,42,15.8,45.8,12,102,72Z",__source:{fileName:_jsxFileName,lineNumber:64,columnNumber:9}}))));};exports.NextPageIcon=NextPageIcon;var PreviousPageIcon=function PreviousPageIcon(){return _react.default.createElement(_utils.TcView,{style:styles.previousContainer,"data-testid":"pagination-button-previous",__source:{fileName:_jsxFileName,lineNumber:71,columnNumber:3}},_react.default.createElement("svg",{height:12,style:{marginTop:(0,_tsStyleguide.spacing)(-0.5)},viewBox:"42 12 60 120",width:7,__source:{fileName:_jsxFileName,lineNumber:75,columnNumber:5}},_react.default.createElement("g",{fill:_tsStyleguide.colours.functional.action,__source:{fileName:_jsxFileName,lineNumber:81,columnNumber:7}},_react.default.createElement("path",{d:"M98.2,12l3.8,3.8L69.2,72,102,128.2,98.2,132,42,72Z",__source:{fileName:_jsxFileName,lineNumber:82,columnNumber:9}}))),_react.default.createElement(_utils.TcText,{style:(0,_utils.checkStylesForUnits)(styles.previousText),__source:{fileName:_jsxFileName,lineNumber:85,columnNumber:5}},_react.default.createElement(_pageLabel.default,{direction:"Previous",__source:{fileName:_jsxFileName,lineNumber:86,columnNumber:7}})));};exports.PreviousPageIcon=PreviousPageIcon;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PreviousPageIcon = exports.NextPageIcon = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _utils = require("@times-components/utils");
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _pageLabel = _interopRequireDefault(require("./page-label"));
+
+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; }
+
+var textStyle = _objectSpread({
+  color: _tsStyleguide.colours.functional.action,
+  height: 15
+}, (0, _tsStyleguide.fontFactory)({
+  font: "supporting",
+  fontSize: "pagingMeta"
+}));
+
+var container = {
+  alignItems: "center",
+  flexDirection: "row"
+};
+var styles = {
+  nextContainer: Object.assign({
+    paddingBottom: "8px",
+    paddingTop: "10px"
+  }, container),
+  nextText: Object.assign({
+    marginRight: (0, _tsStyleguide.spacing)(2),
+    textAlign: "right"
+  }, textStyle),
+  previousContainer: Object.assign({
+    paddingBottom: "8px",
+    paddingTop: "10px"
+  }, container),
+  previousText: Object.assign({
+    marginLeft: (0, _tsStyleguide.spacing)(2),
+    textAlign: "left"
+  }, textStyle)
+};
+
+var NextPageIcon = function NextPageIcon() {
+  return /*#__PURE__*/_react["default"].createElement(_utils.TcView, {
+    style: styles.nextContainer,
+    "data-testid": "pagination-button-next"
+  }, /*#__PURE__*/_react["default"].createElement(_utils.TcText, {
+    style: (0, _utils.checkStylesForUnits)(styles.nextText)
+  }, /*#__PURE__*/_react["default"].createElement(_pageLabel["default"], {
+    direction: "Next"
+  })), /*#__PURE__*/_react["default"].createElement("svg", {
+    "aria-label": "icon-next-page",
+    height: 12,
+    style: {
+      marginTop: (0, _tsStyleguide.spacing)(-0.5)
+    },
+    viewBox: "42 12 60 120",
+    width: 7
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    fill: _tsStyleguide.colours.functional.action
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M45.8,132L42,128.2,74.8,72,42,15.8,45.8,12,102,72Z"
+  }))));
+};
+
+exports.NextPageIcon = NextPageIcon;
+
+var PreviousPageIcon = function PreviousPageIcon() {
+  return /*#__PURE__*/_react["default"].createElement(_utils.TcView, {
+    style: styles.previousContainer,
+    "data-testid": "pagination-button-previous"
+  }, /*#__PURE__*/_react["default"].createElement("svg", {
+    height: 12,
+    style: {
+      marginTop: (0, _tsStyleguide.spacing)(-0.5)
+    },
+    viewBox: "42 12 60 120",
+    width: 7
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    fill: _tsStyleguide.colours.functional.action
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M98.2,12l3.8,3.8L69.2,72,102,128.2,98.2,132,42,72Z"
+  }))), /*#__PURE__*/_react["default"].createElement(_utils.TcText, {
+    style: (0, _utils.checkStylesForUnits)(styles.previousText)
+  }, /*#__PURE__*/_react["default"].createElement(_pageLabel["default"], {
+    direction: "Previous"
+  })));
+};
+
+exports.PreviousPageIcon = PreviousPageIcon;

package/dist/pagination-wrapper.js

@@ -1 +1,151 @@
-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 _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 _propTypes=_interopRequireDefault(require("prop-types"));var _reactDisplayName=_interopRequireDefault(require("react-display-name"));var _jsxFileName="/home/circleci/project/packages/pagination/src/pagination-wrapper.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 _default=function _default(PaginatedComponent){var Helper=function(_Component){(0,_inherits2.default)(Helper,_Component);var _super=_createSuper(Helper);function Helper(props){var _this;(0,_classCallCheck2.default)(this,Helper);_this=_super.call(this,props);_this.state=props;_this.handleChangePage=_this.handleChangePage.bind((0,_assertThisInitialized2.default)(_this));return _this;}(0,_createClass2.default)(Helper,[{key:"componentDidMount",value:function componentDidMount(){var _this2=this;var page=this.state.page;if(typeof window!=="undefined"){window.onpopstate=function(event){if(event.state){_this2.setState({page:event.state.page});}};}Helper.replaceHistory(page);}},{key:"componentWillUnmount",value:function componentWillUnmount(){if(typeof window!=="undefined"){window.onpopstate=null;}}},{key:"handleChangePage",value:function handleChangePage(event,page){this.setState({page:page},function(){return Helper.addHistory(page);});event.preventDefault();}},{key:"render",value:function render(){return _react.default.createElement(PaginatedComponent,(0,_extends2.default)({},this.state,{onNext:this.handleChangePage,onPrev:this.handleChangePage,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:9}}));}}],[{key:"addHistory",value:function addHistory(page){if(typeof window!=="undefined"&&window.history){window.history.pushState({page:page},null,"?page="+page);}}},{key:"replaceHistory",value:function replaceHistory(page){if(typeof window!=="undefined"&&window.history){window.history.replaceState({page:page},null,"?page="+page);}}},{key:"getDerivedStateFromProps",value:function getDerivedStateFromProps(props,state){return _objectSpread(_objectSpread({},props),{},{page:state.page});}}]);return Helper;}(_react.Component);Helper.displayName="Pagination Helper ("+(0,_reactDisplayName.default)(PaginatedComponent)+")";Helper.propTypes={page:_propTypes.default.number};Helper.defaultProps={page:1};return Helper;};exports.default=_default;
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactDisplayName = _interopRequireDefault(require("react-display-name"));
+
+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; }
+
+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); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+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; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var _default = function _default(PaginatedComponent) {
+  var Helper = /*#__PURE__*/function (_Component) {
+    _inherits(Helper, _Component);
+
+    var _super = _createSuper(Helper);
+
+    function Helper(props) {
+      var _this;
+
+      _classCallCheck(this, Helper);
+
+      _this = _super.call(this, props);
+      _this.state = props;
+      _this.handleChangePage = _this.handleChangePage.bind(_assertThisInitialized(_this));
+      return _this;
+    }
+
+    _createClass(Helper, [{
+      key: "componentDidMount",
+      value: function componentDidMount() {
+        var _this2 = this;
+
+        var page = this.state.page;
+
+        if (typeof window !== "undefined") {
+          window.onpopstate = function (event) {
+            if (event.state) {
+              _this2.setState({
+                page: event.state.page
+              });
+            }
+          };
+        }
+
+        Helper.replaceHistory(page);
+      }
+    }, {
+      key: "componentWillUnmount",
+      value: function componentWillUnmount() {
+        if (typeof window !== "undefined") {
+          window.onpopstate = null;
+        }
+      }
+    }, {
+      key: "handleChangePage",
+      value: function handleChangePage(event, page) {
+        this.setState({
+          page: page
+        }, function () {
+          return Helper.addHistory(page);
+        });
+        event.preventDefault();
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        return /*#__PURE__*/_react["default"].createElement(PaginatedComponent, _extends({}, this.state, {
+          onNext: this.handleChangePage,
+          onPrev: this.handleChangePage
+        }));
+      }
+    }], [{
+      key: "addHistory",
+      value: function addHistory(page) {
+        if (typeof window !== "undefined" && window.history) {
+          window.history.pushState({
+            page: page
+          }, null, "?page=".concat(page));
+        }
+      }
+    }, {
+      key: "replaceHistory",
+      value: function replaceHistory(page) {
+        if (typeof window !== "undefined" && window.history) {
+          window.history.replaceState({
+            page: page
+          }, null, "?page=".concat(page));
+        }
+      }
+    }, {
+      key: "getDerivedStateFromProps",
+      value: function getDerivedStateFromProps(props, state) {
+        return _objectSpread(_objectSpread({}, props), {}, {
+          page: state.page
+        });
+      }
+    }]);
+
+    return Helper;
+  }(_react.Component);
+
+  Helper.displayName = "Pagination Helper (".concat((0, _reactDisplayName["default"])(PaginatedComponent), ")");
+  Helper.propTypes = {
+    page: _propTypes["default"].number
+  };
+  Helper.defaultProps = {
+    page: 1
+  };
+  return Helper;
+};
+
+exports["default"] = _default;

package/dist/pagination.js

@@ -1 +1,146 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"withPageState",{enumerable:true,get:function get(){return _paginationWrapper.default;}});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireDefault(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _link=_interopRequireDefault(require("@times-components/link"));var _tracking=require("@times-components/tracking");var _tsStyleguide=require("@times-components/ts-styleguide");var _paginationWrapper=_interopRequireDefault(require("./pagination-wrapper"));var _paginationIcons=require("./pagination-icons");var _results=_interopRequireDefault(require("./results"));var _paginationBorder=_interopRequireDefault(require("./pagination-border"));var _paginationContainer=_interopRequireDefault(require("./pagination-container"));var _responsive=_interopRequireDefault(require("./styles/responsive"));var _jsxFileName="/home/circleci/project/packages/pagination/src/pagination.js";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={arrow:_objectSpread({color:_tsStyleguide.colours.functional.action},(0,_tsStyleguide.fontFactory)({font:"supporting",fontSize:"meta"}))};var Pagination=function Pagination(_ref){var count=_ref.count,generatePageLink=_ref.generatePageLink,hideResults=_ref.hideResults,onNext=_ref.onNext,onPrev=_ref.onPrev,page=_ref.page,pageSize=_ref.pageSize;var finalResult=Math.min(count,page*pageSize);var startResult=Math.min(finalResult,(page-1)*pageSize+1);var message="Showing "+startResult+" - "+finalResult+" of "+count+" results";var prevComponent=startResult>pageSize?_react.default.createElement(_link.default,{onPress:function onPress(e){return onPrev(e,page-1);},style:styles.arrow,testID:"page-prev",url:generatePageLink(page-1),__source:{fileName:_jsxFileName,lineNumber:38,columnNumber:7}},_react.default.createElement(_paginationIcons.PreviousPageIcon,{__source:{fileName:_jsxFileName,lineNumber:44,columnNumber:9}})):null;var nextComponent=finalResult<count?_react.default.createElement(_link.default,{onPress:function onPress(e){return onNext(e,page+1);},style:styles.arrow,testID:"page-next",url:generatePageLink(page+1),__source:{fileName:_jsxFileName,lineNumber:50,columnNumber:7}},_react.default.createElement(_paginationIcons.NextPageIcon,{__source:{fileName:_jsxFileName,lineNumber:56,columnNumber:9}})):null;var messageComponent=!hideResults?_react.default.createElement(_results.default,{__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:43}},message):null;return _react.default.createElement(_paginationContainer.default,{hideResults:hideResults,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:5}},messageComponent,_react.default.createElement(_paginationBorder.default,{hideResults:hideResults,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:7}},_react.default.createElement(_responsive.default,{__source:{fileName:_jsxFileName,lineNumber:66,columnNumber:9}},prevComponent),_react.default.createElement(_responsive.default,{__source:{fileName:_jsxFileName,lineNumber:67,columnNumber:9}},nextComponent)));};Pagination.propTypes={count:_propTypes.default.number,generatePageLink:_propTypes.default.func.isRequired,hideResults:_propTypes.default.bool,onNext:_propTypes.default.func,onPrev:_propTypes.default.func,page:_propTypes.default.number,pageSize:_propTypes.default.number};Pagination.defaultProps={count:0,hideResults:false,onNext:function onNext(){},onPrev:function onPrev(){},page:1,pageSize:20};var _default=(0,_tracking.withTrackEvents)(Pagination,{analyticsEvents:[{actionName:"Pressed",eventName:"onNext",getAttrs:function getAttrs(props,_ref2){var _ref3=(0,_slicedToArray2.default)(_ref2,2),destinationPage=_ref3[1];return{destinationPage:destinationPage,direction:"next"};}},{actionName:"Pressed",eventName:"onPrev",getAttrs:function getAttrs(props,_ref4){var _ref5=(0,_slicedToArray2.default)(_ref4,2),destinationPage=_ref5[1];return{destinationPage:destinationPage,direction:"previous"};}}]});exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "withPageState", {
+  enumerable: true,
+  get: function get() {
+    return _paginationWrapper["default"];
+  }
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _link = _interopRequireDefault(require("@times-components/link"));
+
+var _tracking = require("@times-components/tracking");
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _paginationWrapper = _interopRequireDefault(require("./pagination-wrapper"));
+
+var _paginationIcons = require("./pagination-icons");
+
+var _results = _interopRequireDefault(require("./results"));
+
+var _paginationBorder = _interopRequireDefault(require("./pagination-border"));
+
+var _paginationContainer = _interopRequireDefault(require("./pagination-container"));
+
+var _responsive = _interopRequireDefault(require("./styles/responsive"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+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; }
+
+var styles = {
+  arrow: _objectSpread({
+    color: _tsStyleguide.colours.functional.action
+  }, (0, _tsStyleguide.fontFactory)({
+    font: "supporting",
+    fontSize: "meta"
+  }))
+};
+
+var Pagination = function Pagination(_ref) {
+  var count = _ref.count,
+      generatePageLink = _ref.generatePageLink,
+      hideResults = _ref.hideResults,
+      onNext = _ref.onNext,
+      onPrev = _ref.onPrev,
+      page = _ref.page,
+      pageSize = _ref.pageSize;
+  var finalResult = Math.min(count, page * pageSize);
+  var startResult = Math.min(finalResult, (page - 1) * pageSize + 1);
+  var message = "Showing ".concat(startResult, " - ").concat(finalResult, " of ").concat(count, " results");
+  var prevComponent = startResult > pageSize ? /*#__PURE__*/_react["default"].createElement(_link["default"], {
+    onPress: function onPress(e) {
+      return onPrev(e, page - 1);
+    },
+    style: styles.arrow,
+    testID: "page-prev",
+    url: generatePageLink(page - 1)
+  }, /*#__PURE__*/_react["default"].createElement(_paginationIcons.PreviousPageIcon, null)) : null;
+  var nextComponent = finalResult < count ? /*#__PURE__*/_react["default"].createElement(_link["default"], {
+    onPress: function onPress(e) {
+      return onNext(e, page + 1);
+    },
+    style: styles.arrow,
+    testID: "page-next",
+    url: generatePageLink(page + 1)
+  }, /*#__PURE__*/_react["default"].createElement(_paginationIcons.NextPageIcon, null)) : null;
+  var messageComponent = !hideResults ? /*#__PURE__*/_react["default"].createElement(_results["default"], null, message) : null;
+  return /*#__PURE__*/_react["default"].createElement(_paginationContainer["default"], {
+    hideResults: hideResults
+  }, messageComponent, /*#__PURE__*/_react["default"].createElement(_paginationBorder["default"], {
+    hideResults: hideResults
+  }, /*#__PURE__*/_react["default"].createElement(_responsive["default"], null, prevComponent), /*#__PURE__*/_react["default"].createElement(_responsive["default"], null, nextComponent)));
+};
+
+Pagination.propTypes = {
+  count: _propTypes["default"].number,
+  generatePageLink: _propTypes["default"].func.isRequired,
+  hideResults: _propTypes["default"].bool,
+  onNext: _propTypes["default"].func,
+  onPrev: _propTypes["default"].func,
+  page: _propTypes["default"].number,
+  pageSize: _propTypes["default"].number
+};
+Pagination.defaultProps = {
+  count: 0,
+  hideResults: false,
+  onNext: function onNext() {},
+  onPrev: function onPrev() {},
+  page: 1,
+  pageSize: 20
+};
+
+var _default = (0, _tracking.withTrackEvents)(Pagination, {
+  analyticsEvents: [{
+    actionName: "Pressed",
+    eventName: "onNext",
+    getAttrs: function getAttrs(props, _ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+          destinationPage = _ref3[1];
+
+      return {
+        destinationPage: destinationPage,
+        direction: "next"
+      };
+    }
+  }, {
+    actionName: "Pressed",
+    eventName: "onPrev",
+    getAttrs: function getAttrs(props, _ref4) {
+      var _ref5 = _slicedToArray(_ref4, 2),
+          destinationPage = _ref5[1];
+
+      return {
+        destinationPage: destinationPage,
+        direction: "previous"
+      };
+    }
+  }]
+});
+
+exports["default"] = _default;

package/dist/results-message.js

@@ -1 +1,47 @@
-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 _react=_interopRequireDefault(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _utils=require("@times-components/utils");var _tsStyleguide=require("@times-components/ts-styleguide");var _jsxFileName="/home/circleci/project/packages/pagination/src/results-message.js";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={message:_objectSpread(_objectSpread({color:_tsStyleguide.colours.functional.secondary},(0,_tsStyleguide.fontFactory)({font:"supporting",fontSize:"pagingMeta"})),{},{paddingTop:4})};var ResultsMessage=function ResultsMessage(_ref){var message=_ref.children;return _react.default.createElement(_utils.TcText,{style:(0,_utils.checkStylesForUnits)(styles.message),testID:"results-message",__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:3}},message);};ResultsMessage.propTypes={children:_propTypes.default.string.isRequired};var _default=ResultsMessage;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _utils = require("@times-components/utils");
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+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; }
+
+var styles = {
+  message: _objectSpread(_objectSpread({
+    color: _tsStyleguide.colours.functional.secondary
+  }, (0, _tsStyleguide.fontFactory)({
+    font: "supporting",
+    fontSize: "pagingMeta"
+  })), {}, {
+    paddingTop: 4
+  })
+};
+
+var ResultsMessage = function ResultsMessage(_ref) {
+  var message = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement(_utils.TcText, {
+    style: (0, _utils.checkStylesForUnits)(styles.message),
+    testID: "results-message"
+  }, message);
+};
+
+ResultsMessage.propTypes = {
+  children: _propTypes["default"].string.isRequired
+};
+var _default = ResultsMessage;
+exports["default"] = _default;

package/dist/results.js

@@ -1 +1,36 @@
-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 _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=_interopRequireDefault(require("prop-types"));var _tsStyleguide=require("@times-components/ts-styleguide");var _resultsMessage=_interopRequireDefault(require("./results-message"));var _jsxFileName="/home/circleci/project/packages/pagination/src/results.js";var MessageContainer=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"results__MessageContainer",componentId:"sc-1f306gs-0"})(["align-items:center;flex-direction:row;justify-content:center;height:50px;@media (min-width:","px){left:0;right:0;position:absolute;}"],_tsStyleguide.breakpoints.medium);var Results=function Results(_ref){var message=_ref.children;return _react.default.createElement(MessageContainer,{__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:3}},_react.default.createElement(_resultsMessage.default,{__source:{fileName:_jsxFileName,lineNumber:23,columnNumber:5}},message));};Results.propTypes={children:_propTypes.default.string.isRequired};var _default=Results;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 _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _resultsMessage = _interopRequireDefault(require("./results-message"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var MessageContainer = (0, _styledComponents["default"])(_utils.TcView).withConfig({
+  displayName: "results__MessageContainer",
+  componentId: "sc-1f306gs-0"
+})(["align-items:center;flex-direction:row;justify-content:center;height:50px;@media (min-width:", "px){left:0;right:0;position:absolute;}"], _tsStyleguide.breakpoints.medium);
+
+var Results = function Results(_ref) {
+  var message = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement(MessageContainer, null, /*#__PURE__*/_react["default"].createElement(_resultsMessage["default"], null, message));
+};
+
+Results.propTypes = {
+  children: _propTypes["default"].string.isRequired
+};
+var _default = Results;
+exports["default"] = _default;

package/dist/styles/responsive.js

@@ -1 +1,21 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _utils=require("@times-components/utils");var _styledComponents=_interopRequireDefault(require("styled-components"));var _tsStyleguide=require("@times-components/ts-styleguide");var LinkContainer=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__LinkContainer",componentId:"ac98ik-0"})(["padding-left:",";padding-right:",";@media (min-width:","px){padding-left:0;padding-right:0;}"],(0,_tsStyleguide.spacing)(2),(0,_tsStyleguide.spacing)(2),_tsStyleguide.breakpoints.medium);var _default=LinkContainer;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = 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 }; }
+
+var LinkContainer = (0, _styledComponents["default"])(_utils.TcView).withConfig({
+  displayName: "responsive__LinkContainer",
+  componentId: "ac98ik-0"
+})(["padding-left:", ";padding-right:", ";@media (min-width:", "px){padding-left:0;padding-right:0;}"], (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2), _tsStyleguide.breakpoints.medium);
+var _default = LinkContainer;
+exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/pagination",
-  "version": "3.8.7",
+  "version": "3.9.1",
   "main": "dist/pagination",
   "dev": "src/pagination",
   "scripts": {
@@ -8,7 +8,7 @@
     "prettier:diff": "prettier --list-different '**/*.*'",
     "depcheck": "depcheck --ignores='@babel/*,babel-*,depcheck,eslint,jest,prettier,react-art,stylelint*,webpack*' --ignore-bin-package=false --skip-missing",
     "lint": "eslint . && stylelint . && yarn prettier:diff && yarn depcheck",
-    "test:web": "jest --config='./__tests__/web/jest.config.js'",
+    "test:web": "jest --config='./__tests__/jest.config.js'",
     "prepublishOnly": "yarn transpile && yarn bundle",
     "watch": "watch 'yarn bundle' ./src --ignoreDotFiles --ignoreUnreadable",
     "cleanup-dist": "rm -rf dist",
@@ -32,16 +32,14 @@
   "devDependencies": {
     "@babel/core": "7.4.4",
     "@times-components/eslint-config-thetimes": "0.8.18",
-    "@times-components/jest-configurator": "2.8.0",
-    "@times-components/jest-serializer": "3.3.0",
-    "@times-components/storybook": "4.4.0",
-    "@times-components/tealium-utils": "0.7.75",
-    "@times-components/test-utils": "2.3.10",
-    "@times-components/webpack-configurator": "2.0.29",
+    "@times-components/jest-configurator-web": "0.8.0",
+    "@times-components/jest-serializer": "3.4.0",
+    "@times-components/storybook": "4.5.0",
+    "@times-components/tealium-utils": "0.8.0",
+    "@times-components/test-utils": "2.4.0",
+    "@times-components/webpack-configurator": "2.1.0",
     "babel-jest": "24.8.0",
     "babel-loader": "8.0.5",
-    "babel-plugin-add-react-displayname": "0.0.5",
-    "babel-plugin-styled-components": "1.10.6",
     "depcheck": "0.6.9",
     "enzyme": "3.9.0",
     "eslint": "5.9.0",
@@ -49,21 +47,16 @@
     "jest-styled-components": "6.3.1",
     "prettier": "1.14.3",
     "react": "16.9.0",
-    "react-art": "16.6.3",
     "react-dom": "16.9.0",
     "react-test-renderer": "16.9.0",
     "stylelint": "9.4.0",
-    "stylelint-config-recommended": "2.1.0",
-    "stylelint-config-styled-components": "0.1.1",
-    "stylelint-processor-styled-components": "1.3.2",
-    "webpack": "4.30.0",
-    "webpack-cli": "3.3.1"
+    "webpack": "4.30.0"
   },
   "dependencies": {
-    "@times-components/link": "3.10.11",
-    "@times-components/tracking": "2.11.0",
-    "@times-components/ts-styleguide": "1.36.8",
-    "@times-components/utils": "6.14.3",
+    "@times-components/link": "3.11.0",
+    "@times-components/tracking": "2.12.1",
+    "@times-components/ts-styleguide": "1.37.0",
+    "@times-components/utils": "6.15.0",
     "prop-types": "15.7.2",
     "react-display-name": "0.2.3",
     "styled-components": "4.3.2"
@@ -79,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "cc1799d9a07849c20c08555eea6a2ac9d26c0c86"
+  "gitHead": "078d38afd0c7be38fa2d1196d5056b4d53d859f4"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=8)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@babel/runtime/helpers/defineProperty")},function(e,t){e.exports=require("@babel/runtime/helpers/extends")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"withPageState",{enumerable:!0,get:function(){return s.default}}),t.default=void 0;var o=r(n(9)),i=r(n(6)),a=r(n(1)),u=(r(n(3)),r(n(10))),l=n(11),c=n(2),s=r(n(12)),f=n(20),d=r(n(22)),p=r(n(24)),g=r(n(25)),y=r(n(26));function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var b={arrow:function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){(0,i.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({color:c.colours.functional.action},(0,c.fontFactory)({font:"supporting",fontSize:"meta"}))},h=function(e){var t=e.count,n=e.generatePageLink,r=e.hideResults,o=e.onNext,i=e.onPrev,l=e.page,c=e.pageSize,s=Math.min(t,l*c),m=Math.min(s,(l-1)*c+1),h="Showing "+m+" - "+s+" of "+t+" results",v=m>c?a.default.createElement(u.default,{onPress:function(e){return i(e,l-1)},style:b.arrow,testID:"page-prev",url:n(l-1)},a.default.createElement(f.PreviousPageIcon,null)):null,w=s<t?a.default.createElement(u.default,{onPress:function(e){return o(e,l+1)},style:b.arrow,testID:"page-next",url:n(l+1)},a.default.createElement(f.NextPageIcon,null)):null,O=r?null:a.default.createElement(d.default,null,h);return a.default.createElement(g.default,{hideResults:r},O,a.default.createElement(p.default,{hideResults:r},a.default.createElement(y.default,null,v),a.default.createElement(y.default,null,w)))};h.defaultProps={count:0,hideResults:!1,onNext:function(){},onPrev:function(){},page:1,pageSize:20};var v=(0,l.withTrackEvents)(h,{analyticsEvents:[{actionName:"Pressed",eventName:"onNext",getAttrs:function(e,t){return{destinationPage:(0,o.default)(t,2)[1],direction:"next"}}},{actionName:"Pressed",eventName:"onPrev",getAttrs:function(e,t){return{destinationPage:(0,o.default)(t,2)[1],direction:"previous"}}}]});t.default=v},function(e,t){e.exports=require("@babel/runtime/helpers/slicedToArray")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t){e.exports=require("@times-components/tracking/rnw")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(n(6)),i=r(n(7)),a=r(n(13)),u=r(n(14)),l=r(n(15)),c=r(n(16)),s=r(n(17)),f=r(n(18)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=g(t);if(n&&n.has(e))return n.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var a=o?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(r,i,a):r[i]=e[i]}r.default=e,n&&n.set(e,r);return r}(n(1)),p=(r(n(3)),r(n(19)));function g(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(g=function(e){return e?n:t})(e)}function y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){(0,o.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=(0,f.default)(e);if(t){var o=(0,f.default)(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return(0,s.default)(this,n)}}t.default=function(e){var t=function(t){(0,c.default)(r,t);var n=b(r);function r(e){var t;return(0,a.default)(this,r),(t=n.call(this,e)).state=e,t.handleChangePage=t.handleChangePage.bind((0,l.default)(t)),t}return(0,u.default)(r,[{key:"componentDidMount",value:function(){var e=this,t=this.state.page;"undefined"!=typeof window&&(window.onpopstate=function(t){t.state&&e.setState({page:t.state.page})}),r.replaceHistory(t)}},{key:"componentWillUnmount",value:function(){"undefined"!=typeof window&&(window.onpopstate=null)}},{key:"handleChangePage",value:function(e,t){this.setState({page:t},(function(){return r.addHistory(t)})),e.preventDefault()}},{key:"render",value:function(){return d.default.createElement(e,(0,i.default)({},this.state,{onNext:this.handleChangePage,onPrev:this.handleChangePage}))}}],[{key:"addHistory",value:function(e){"undefined"!=typeof window&&window.history&&window.history.pushState({page:e},null,"?page="+e)}},{key:"replaceHistory",value:function(e){"undefined"!=typeof window&&window.history&&window.history.replaceState({page:e},null,"?page="+e)}},{key:"getDerivedStateFromProps",value:function(e,t){return m(m({},e),{},{page:t.page})}}]),r}(d.Component);return t.displayName="Pagination Helper ("+(0,p.default)(e)+")",t.defaultProps={page:1},t}},function(e,t){e.exports=require("@babel/runtime/helpers/classCallCheck")},function(e,t){e.exports=require("@babel/runtime/helpers/createClass")},function(e,t){e.exports=require("@babel/runtime/helpers/assertThisInitialized")},function(e,t){e.exports=require("@babel/runtime/helpers/inherits")},function(e,t){e.exports=require("@babel/runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("@babel/runtime/helpers/getPrototypeOf")},function(e,t){e.exports=require("react-display-name")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.PreviousPageIcon=t.NextPageIcon=void 0;var o=r(n(7)),i=r(n(6)),a=r(n(1)),u=n(4),l=n(2),c=r(n(21));function s(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var f=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach((function(t){(0,i.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({color:l.colours.functional.action,height:15},(0,l.fontFactory)({font:"supporting",fontSize:"pagingMeta"})),d={alignItems:"center",flexDirection:"row"},p={nextContainer:(0,o.default)({paddingBottom:"8px",paddingTop:"10px"},d),nextText:(0,o.default)({marginRight:(0,l.spacing)(2),textAlign:"right"},f),previousContainer:(0,o.default)({paddingBottom:"8px",paddingTop:"10px"},d),previousText:(0,o.default)({marginLeft:(0,l.spacing)(2),textAlign:"left"},f)};t.NextPageIcon=function(){return a.default.createElement(u.TcView,{style:p.nextContainer,"data-testid":"pagination-button-next"},a.default.createElement(u.TcText,{style:(0,u.checkStylesForUnits)(p.nextText)},a.default.createElement(c.default,{direction:"Next"})),a.default.createElement("svg",{"aria-label":"icon-next-page",height:12,style:{marginTop:(0,l.spacing)(-.5)},viewBox:"42 12 60 120",width:7},a.default.createElement("g",{fill:l.colours.functional.action},a.default.createElement("path",{d:"M45.8,132L42,128.2,74.8,72,42,15.8,45.8,12,102,72Z"}))))};t.PreviousPageIcon=function(){return a.default.createElement(u.TcView,{style:p.previousContainer,"data-testid":"pagination-button-previous"},a.default.createElement("svg",{height:12,style:{marginTop:(0,l.spacing)(-.5)},viewBox:"42 12 60 120",width:7},a.default.createElement("g",{fill:l.colours.functional.action},a.default.createElement("path",{d:"M98.2,12l3.8,3.8L69.2,72,102,128.2,98.2,132,42,72Z"}))),a.default.createElement(u.TcText,{style:(0,u.checkStylesForUnits)(p.previousText)},a.default.createElement(c.default,{direction:"Previous"})))}},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(n(1)),i=n(4),a=r(n(5)),u=n(2),l=(r(n(3)),{color:"inherit",font:"inherit",whiteSpace:"inherit"}),c=(0,a.default)(i.TcText).withConfig({displayName:"page-label__ResponsiveLabel",componentId:"sc-1m9jh18-0"})(["display:none;@media (min-width:","px){display:inline;}"],u.breakpoints.medium),s=function(e){var t=e.direction;return o.default.createElement(i.TcText,{style:l},t,o.default.createElement(c,{style:l}," page"))};t.default=s},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(n(1)),i=n(4),a=r(n(5)),u=(r(n(3)),n(2)),l=r(n(23)),c=(0,a.default)(i.TcView).withConfig({displayName:"results__MessageContainer",componentId:"sc-1f306gs-0"})(["align-items:center;flex-direction:row;justify-content:center;height:50px;@media (min-width:","px){left:0;right:0;position:absolute;}"],u.breakpoints.medium),s=function(e){var t=e.children;return o.default.createElement(c,null,o.default.createElement(l.default,null,t))};t.default=s},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(n(6)),i=r(n(1)),a=(r(n(3)),n(4)),u=n(2);function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){(0,o.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var s={message:c(c({color:u.colours.functional.secondary},(0,u.fontFactory)({font:"supporting",fontSize:"pagingMeta"})),{},{paddingTop:4})},f=function(e){var t=e.children;return i.default.createElement(a.TcText,{style:(0,a.checkStylesForUnits)(s.message),testID:"results-message"},t)};t.default=f},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(n(1)),i=n(4),a=r(n(5)),u=(r(n(3)),n(2)),l=(0,a.default)(i.TcView).withConfig({displayName:"pagination-border__BorderWithResults",componentId:"zd8d3i-0"})(["border-style:solid;align-items:center;flex-direction:row;justify-content:space-between;height:50px;border-bottom-color:",";border-bottom-width:1px;border-top-color:",";border-top-width:1px;@media (min-width:","px){border-top-width:0px;}"],u.colours.functional.keyline,u.colours.functional.keyline,u.breakpoints.medium),c=(0,a.default)(i.TcView).withConfig({displayName:"pagination-border__BorderWithoutResults",componentId:"zd8d3i-1"})(["border-style:solid;align-items:center;flex-direction:row;justify-content:space-between;height:50px;border-bottom-color:",";border-bottom-width:1px;border-top-color:",";border-top-width:1px;"],u.colours.functional.keyline,u.colours.functional.keyline),s=function(e){var t=e.children;return e.hideResults?o.default.createElement(c,null,t):o.default.createElement(l,null,t)};s.defaultProps={hideResults:!1};var f=s;t.default=f},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(n(1)),i=n(4),a=r(n(5)),u=(r(n(3)),n(2)),l=(0,a.default)(i.TcView).withConfig({displayName:"pagination-container__ContainerWithResults",componentId:"csg9hq-0"})(["align-items:stretch;flex-direction:column;@media (min-width:","px){margin-top:",";}"],u.breakpoints.medium,(0,u.spacing)(6)),c=(0,a.default)(i.TcView).withConfig({displayName:"pagination-container__ContainerWithoutResults",componentId:"csg9hq-1"})(["align-items:stretch;flex-direction:column;"]),s=function(e){var t=e.children;return e.hideResults?o.default.createElement(c,null,t):o.default.createElement(l,null,t)};s.defaultProps={hideResults:!1};var f=s;t.default=f},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(4),i=r(n(5)),a=n(2),u=(0,i.default)(o.TcView).withConfig({displayName:"responsive__LinkContainer",componentId:"ac98ik-0"})(["padding-left:",";padding-right:",";@media (min-width:","px){padding-left:0;padding-right:0;}"],(0,a.spacing)(2),(0,a.spacing)(2),a.breakpoints.medium);t.default=u}]);
+module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=8)}([function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t){e.exports=require("@times-components/tracking/rnw")},function(e,t){e.exports=require("react-display-name")},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),i=(n(4),n(5)),a=n.n(i),c=n(6),u=n(1),l=n(7),s=n.n(l);function p(e){return(p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(){return(b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function g(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function m(e,t){return(m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=v(e);if(t){var o=v(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return O(this,n)}}function O(e,t){return!t||"object"!==p(t)&&"function"!=typeof t?w(e):t}function w(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v(e){return(v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var j=function(e){var t=function(t){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&m(e,t)}(c,t);var n,r,i,a=h(c);function c(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),(t=a.call(this,e)).state=e,t.handleChangePage=t.handleChangePage.bind(w(t)),t}return n=c,i=[{key:"addHistory",value:function(e){"undefined"!=typeof window&&window.history&&window.history.pushState({page:e},null,"?page=".concat(e))}},{key:"replaceHistory",value:function(e){"undefined"!=typeof window&&window.history&&window.history.replaceState({page:e},null,"?page=".concat(e))}},{key:"getDerivedStateFromProps",value:function(e,t){return d(d({},e),{},{page:t.page})}}],(r=[{key:"componentDidMount",value:function(){var e=this,t=this.state.page;"undefined"!=typeof window&&(window.onpopstate=function(t){t.state&&e.setState({page:t.state.page})}),c.replaceHistory(t)}},{key:"componentWillUnmount",value:function(){"undefined"!=typeof window&&(window.onpopstate=null)}},{key:"handleChangePage",value:function(e,t){this.setState({page:t},(function(){return c.addHistory(t)})),e.preventDefault()}},{key:"render",value:function(){return o.a.createElement(e,b({},this.state,{onNext:this.handleChangePage,onPrev:this.handleChangePage}))}}])&&g(n.prototype,r),i&&g(n,i),c}(r.Component);return t.displayName="Pagination Helper (".concat(s()(e),")"),t.defaultProps={page:1},t},P=n(2),x=n(3),E=n.n(x),S={color:"inherit",font:"inherit",whiteSpace:"inherit"},T=E()(P.TcText).withConfig({displayName:"page-label__ResponsiveLabel",componentId:"sc-1m9jh18-0"})(["display:none;@media (min-width:","px){display:inline;}"],u.breakpoints.medium),k=function(e){var t=e.direction;return o.a.createElement(P.TcText,{style:S},t,o.a.createElement(T,{style:S}," page"))};function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var D=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({color:u.colours.functional.action,height:15},Object(u.fontFactory)({font:"supporting",fontSize:"pagingMeta"})),R={alignItems:"center",flexDirection:"row"},N={nextContainer:Object.assign({paddingBottom:"8px",paddingTop:"10px"},R),nextText:Object.assign({marginRight:Object(u.spacing)(2),textAlign:"right"},D),previousContainer:Object.assign({paddingBottom:"8px",paddingTop:"10px"},R),previousText:Object.assign({marginLeft:Object(u.spacing)(2),textAlign:"left"},D)},I=function(){return o.a.createElement(P.TcView,{style:N.nextContainer,"data-testid":"pagination-button-next"},o.a.createElement(P.TcText,{style:Object(P.checkStylesForUnits)(N.nextText)},o.a.createElement(k,{direction:"Next"})),o.a.createElement("svg",{"aria-label":"icon-next-page",height:12,style:{marginTop:Object(u.spacing)(-.5)},viewBox:"42 12 60 120",width:7},o.a.createElement("g",{fill:u.colours.functional.action},o.a.createElement("path",{d:"M45.8,132L42,128.2,74.8,72,42,15.8,45.8,12,102,72Z"}))))},M=function(){return o.a.createElement(P.TcView,{style:N.previousContainer,"data-testid":"pagination-button-previous"},o.a.createElement("svg",{height:12,style:{marginTop:Object(u.spacing)(-.5)},viewBox:"42 12 60 120",width:7},o.a.createElement("g",{fill:u.colours.functional.action},o.a.createElement("path",{d:"M98.2,12l3.8,3.8L69.2,72,102,128.2,98.2,132,42,72Z"}))),o.a.createElement(P.TcText,{style:Object(P.checkStylesForUnits)(N.previousText)},o.a.createElement(k,{direction:"Previous"})))};function q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?q(Object(n),!0).forEach((function(t){B(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function B(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var V={message:A(A({color:u.colours.functional.secondary},Object(u.fontFactory)({font:"supporting",fontSize:"pagingMeta"})),{},{paddingTop:4})},z=function(e){var t=e.children;return o.a.createElement(P.TcText,{style:Object(P.checkStylesForUnits)(V.message),testID:"results-message"},t)},F=E()(P.TcView).withConfig({displayName:"results__MessageContainer",componentId:"sc-1f306gs-0"})(["align-items:center;flex-direction:row;justify-content:center;height:50px;@media (min-width:","px){left:0;right:0;position:absolute;}"],u.breakpoints.medium),L=function(e){var t=e.children;return o.a.createElement(F,null,o.a.createElement(z,null,t))},H=E()(P.TcView).withConfig({displayName:"pagination-border__BorderWithResults",componentId:"zd8d3i-0"})(["border-style:solid;align-items:center;flex-direction:row;justify-content:space-between;height:50px;border-bottom-color:",";border-bottom-width:1px;border-top-color:",";border-top-width:1px;@media (min-width:","px){border-top-width:0px;}"],u.colours.functional.keyline,u.colours.functional.keyline,u.breakpoints.medium),U=E()(P.TcView).withConfig({displayName:"pagination-border__BorderWithoutResults",componentId:"zd8d3i-1"})(["border-style:solid;align-items:center;flex-direction:row;justify-content:space-between;height:50px;border-bottom-color:",";border-bottom-width:1px;border-top-color:",";border-top-width:1px;"],u.colours.functional.keyline,u.colours.functional.keyline),W=function(e){var t=e.children;return e.hideResults?o.a.createElement(U,null,t):o.a.createElement(H,null,t)};W.defaultProps={hideResults:!1};var Z=W,$=E()(P.TcView).withConfig({displayName:"pagination-container__ContainerWithResults",componentId:"csg9hq-0"})(["align-items:stretch;flex-direction:column;@media (min-width:","px){margin-top:",";}"],u.breakpoints.medium,Object(u.spacing)(6)),G=E()(P.TcView).withConfig({displayName:"pagination-container__ContainerWithoutResults",componentId:"csg9hq-1"})(["align-items:stretch;flex-direction:column;"]),J=function(e){var t=e.children;return e.hideResults?o.a.createElement(G,null,t):o.a.createElement($,null,t)};J.defaultProps={hideResults:!1};var K=J,Q=E()(P.TcView).withConfig({displayName:"responsive__LinkContainer",componentId:"ac98ik-0"})(["padding-left:",";padding-right:",";@media (min-width:","px){padding-left:0;padding-right:0;}"],Object(u.spacing)(2),Object(u.spacing)(2),u.breakpoints.medium);function X(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,i=[],a=!0,c=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){c=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(c)throw o}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Y(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function te(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n.d(t,"withPageState",(function(){return j}));var ne={arrow:function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(n),!0).forEach((function(t){te(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({color:u.colours.functional.action},Object(u.fontFactory)({font:"supporting",fontSize:"meta"}))},re=function(e){var t=e.count,n=e.generatePageLink,r=e.hideResults,i=e.onNext,c=e.onPrev,u=e.page,l=e.pageSize,s=Math.min(t,u*l),p=Math.min(s,(u-1)*l+1),f="Showing ".concat(p," - ").concat(s," of ").concat(t," results"),d=p>l?o.a.createElement(a.a,{onPress:function(e){return c(e,u-1)},style:ne.arrow,testID:"page-prev",url:n(u-1)},o.a.createElement(M,null)):null,y=s<t?o.a.createElement(a.a,{onPress:function(e){return i(e,u+1)},style:ne.arrow,testID:"page-next",url:n(u+1)},o.a.createElement(I,null)):null,b=r?null:o.a.createElement(L,null,f);return o.a.createElement(K,{hideResults:r},b,o.a.createElement(Z,{hideResults:r},o.a.createElement(Q,null,d),o.a.createElement(Q,null,y)))};re.defaultProps={count:0,hideResults:!1,onNext:function(){},onPrev:function(){},page:1,pageSize:20};t.default=Object(c.withTrackEvents)(re,{analyticsEvents:[{actionName:"Pressed",eventName:"onNext",getAttrs:function(e,t){return{destinationPage:X(t,2)[1],direction:"next"}}},{actionName:"Pressed",eventName:"onPrev",getAttrs:function(e,t){return{destinationPage:X(t,2)[1],direction:"previous"}}}]})}]);