@atlaskit/pagination - npm Package Compare versions

Comparing version 3.5.0 to 3.5.1

CHANGELOG.md

@@ -1,6 +0,16 @@
-<a name="3.5.0"></a>
-# 3.5.0 (2017-07-17)
+<a name="3.5.1"></a>
+## 3.5.1 (2017-07-25)
 
 
 
+<a name="3.5.1"></a>
+## 3.5.1 (2017-07-25)
+
+
+### Bug Fixes
+
+* **build:** use class transform in loose mode in babel to improve load performance in apps ([fde719a](https://bitbucket.org/atlassian/atlaskit/commits/fde719a))
+
+
+
 <a name="3.2.0"></a>
@@ -7,0 +17,0 @@ # 3.2.0 (2017-07-17)

dist/bundle-cjs.js

@@ -88,3 +88,3 @@ module.exports = /******/
     });
-    var _Stateful = __webpack_require__(17), _Stateful2 = _interopRequireDefault(_Stateful);
+    var _Stateful = __webpack_require__(15), _Stateful2 = _interopRequireDefault(_Stateful);
     exports.default = _Stateful2.default;
@@ -103,3 +103,3 @@ }, /* 2 */
     }), exports.pageRange = void 0;
-    var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _toConsumableArray2 = __webpack_require__(8), _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2), _propTypes = __webpack_require__(9), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(10), _react2 = _interopRequireDefault(_react), _button = __webpack_require__(11), _button2 = _interopRequireDefault(_button), _props2 = __webpack_require__(12), _index = __webpack_require__(14), MAX_VISIBLE_PAGES = 7, range = function(start, length) {
+    var _classCallCheck2 = __webpack_require__(3), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _possibleConstructorReturn2 = __webpack_require__(4), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(5), _inherits3 = _interopRequireDefault(_inherits2), _toConsumableArray2 = __webpack_require__(6), _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2), _propTypes = __webpack_require__(7), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _button = __webpack_require__(9), _button2 = _interopRequireDefault(_button), _props2 = __webpack_require__(10), _index = __webpack_require__(12), MAX_VISIBLE_PAGES = 7, range = function(start, length) {
         return [].concat((0, _toConsumableArray3.default)(Array(length))).map(function(_, i) {
@@ -126,7 +126,6 @@ return start + i;
         function Pagination() {
-            var _ref, _temp, _this, _ret;
+            var _temp, _this, _ret;
             (0, _classCallCheck3.default)(this, Pagination);
             for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
-            return _temp = _this = (0, _possibleConstructorReturn3.default)(this, (_ref = Pagination.__proto__ || (0, 
-            _getPrototypeOf2.default)(Pagination)).call.apply(_ref, [ this ].concat(args))), 
+            return _temp = _this = (0, _possibleConstructorReturn3.default)(this, _PureComponent.call.apply(_PureComponent, [ this ].concat(args))), 
             _this.onSetPage = function(page) {
@@ -138,27 +137,24 @@ return function() {
         }
-        return (0, _inherits3.default)(Pagination, _PureComponent), (0, _createClass3.default)(Pagination, [ {
-            key: "render",
-            value: function() {
-                var _this2 = this, _props = this.props, total = _props.total, current = _props.current, i18n = _props.i18n, prevLabel = i18n.prev, prevIsDisabled = 1 === current, prevOnClick = this.onSetPage(current - 1), nextLabel = i18n.next, nextIsDisabled = current === total, nextOnClick = this.onSetPage(current + 1);
-                return total ? _react2.default.createElement(_index.Container, null, _react2.default.createElement(_button2.default, {
+        return (0, _inherits3.default)(Pagination, _PureComponent), Pagination.prototype.render = function() {
+            var _this2 = this, _props = this.props, total = _props.total, current = _props.current, i18n = _props.i18n, prevLabel = i18n.prev, prevIsDisabled = 1 === current, prevOnClick = this.onSetPage(current - 1), nextLabel = i18n.next, nextIsDisabled = current === total, nextOnClick = this.onSetPage(current + 1);
+            return total ? _react2.default.createElement(_index.Container, null, _react2.default.createElement(_button2.default, {
+                appearance: "link",
+                isDisabled: prevIsDisabled,
+                onClick: prevOnClick
+            }, prevLabel), pageRange(MAX_VISIBLE_PAGES, current, total).map(function(pageNum, i) {
+                var isDisabled = pageNum === current, Element = isDisabled ? _index.ButtonActive : _button2.default;
+                return "..." === pageNum ? _react2.default.createElement(_index.Ellipsis, {
+                    key: i
+                }, "...") : _react2.default.createElement(Element, {
+                    isDisabled: isDisabled,
+                    key: i,
                     appearance: "link",
-                    isDisabled: prevIsDisabled,
-                    onClick: prevOnClick
-                }, prevLabel), pageRange(MAX_VISIBLE_PAGES, current, total).map(function(pageNum, i) {
-                    var isDisabled = pageNum === current, Element = isDisabled ? _index.ButtonActive : _button2.default;
-                    return "..." === pageNum ? _react2.default.createElement(_index.Ellipsis, {
-                        key: i
-                    }, "...") : _react2.default.createElement(Element, {
-                        isDisabled: isDisabled,
-                        key: i,
-                        appearance: "link",
-                        onClick: _this2.onSetPage(pageNum)
-                    }, pageNum);
-                }), _react2.default.createElement(_button2.default, {
-                    appearance: "link",
-                    isDisabled: nextIsDisabled,
-                    onClick: nextOnClick
-                }, nextLabel)) : null;
-            }
-        } ]), Pagination;
+                    onClick: _this2.onSetPage(pageNum)
+                }, pageNum);
+            }), _react2.default.createElement(_button2.default, {
+                appearance: "link",
+                isDisabled: nextIsDisabled,
+                onClick: nextOnClick
+            }, nextLabel)) : null;
+        }, Pagination;
     }(_react.PureComponent);
@@ -186,37 +182,29 @@ Pagination.propTypes = {
 function(module, exports) {
-    module.exports = require("babel-runtime/core-js/object/get-prototype-of");
+    module.exports = require("babel-runtime/helpers/classCallCheck");
 }, /* 4 */
 /***/
 function(module, exports) {
-    module.exports = require("babel-runtime/helpers/classCallCheck");
+    module.exports = require("babel-runtime/helpers/possibleConstructorReturn");
 }, /* 5 */
 /***/
 function(module, exports) {
-    module.exports = require("babel-runtime/helpers/createClass");
+    module.exports = require("babel-runtime/helpers/inherits");
 }, /* 6 */
 /***/
 function(module, exports) {
-    module.exports = require("babel-runtime/helpers/possibleConstructorReturn");
+    module.exports = require("babel-runtime/helpers/toConsumableArray");
 }, /* 7 */
 /***/
 function(module, exports) {
-    module.exports = require("babel-runtime/helpers/inherits");
+    module.exports = require("prop-types");
 }, /* 8 */
 /***/
 function(module, exports) {
-    module.exports = require("babel-runtime/helpers/toConsumableArray");
+    module.exports = require("react");
 }, /* 9 */
 /***/
 function(module, exports) {
-    module.exports = require("prop-types");
+    module.exports = require("@atlaskit/button");
 }, /* 10 */
 /***/
-function(module, exports) {
-    module.exports = require("react");
-}, /* 11 */
-/***/
-function(module, exports) {
-    module.exports = require("@atlaskit/button");
-}, /* 12 */
-/***/
 function(module, exports, __webpack_require__) {
@@ -256,3 +244,3 @@ "use strict";
     }), exports.defaultI18n = exports.i18nShape = exports.validateTotal = exports.validateCurrent = void 0;
-    var _propTypes = __webpack_require__(9), _propTypes2 = _interopRequireDefault(_propTypes), _utilCommon = __webpack_require__(13);
+    var _propTypes = __webpack_require__(7), _propTypes2 = _interopRequireDefault(_propTypes), _utilCommon = __webpack_require__(11);
     validateTotal.isRequired = !1, validateCurrent.isRequired = !1;
@@ -268,7 +256,7 @@ var i18nShape = _propTypes2.default.shape({
     exports.i18nShape = i18nShape, exports.defaultI18n = defaultI18n;
-}, /* 13 */
+}, /* 11 */
 /***/
 function(module, exports) {
     module.exports = require("@atlaskit/util-common");
-}, /* 14 */
+}, /* 12 */
 /***/
@@ -285,17 +273,17 @@ function(module, exports, __webpack_require__) {
     }), exports.Ellipsis = exports.ButtonActive = exports.Container = void 0;
-    var _taggedTemplateLiteral2 = __webpack_require__(15), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+    var _taggedTemplateLiteral2 = __webpack_require__(13), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
     _taggedTemplateLiteral3.default)([ "\n  display: flex;\n  width: 100%;\n" ], [ "\n  display: flex;\n  width: 100%;\n" ]), _templateObject2 = (0, 
     _taggedTemplateLiteral3.default)([ "\n  color: #000 !important; /* @todo: until Button supports not faded disabled state */\n  font-weight: bold;\n" ], [ "\n  color: #000 !important; /* @todo: until Button supports not faded disabled state */\n  font-weight: bold;\n" ]), _templateObject3 = (0, 
-    _taggedTemplateLiteral3.default)([ "\n  display: flex;\n  padding: 0 10px;\n  text-align: center;\n  align-items: center;\n" ], [ "\n  display: flex;\n  padding: 0 10px;\n  text-align: center;\n  align-items: center;\n" ]), _styledComponents = __webpack_require__(16), _styledComponents2 = _interopRequireDefault(_styledComponents), _button = __webpack_require__(11), _button2 = _interopRequireDefault(_button);
+    _taggedTemplateLiteral3.default)([ "\n  display: flex;\n  padding: 0 10px;\n  text-align: center;\n  align-items: center;\n" ], [ "\n  display: flex;\n  padding: 0 10px;\n  text-align: center;\n  align-items: center;\n" ]), _styledComponents = __webpack_require__(14), _styledComponents2 = _interopRequireDefault(_styledComponents), _button = __webpack_require__(9), _button2 = _interopRequireDefault(_button);
     exports.Container = _styledComponents2.default.div(_templateObject), exports.ButtonActive = (0, 
     _styledComponents2.default)(_button2.default)(_templateObject2), exports.Ellipsis = _styledComponents2.default.span(_templateObject3);
-}, /* 15 */
+}, /* 13 */
 /***/
 function(module, exports) {
     module.exports = require("babel-runtime/helpers/taggedTemplateLiteral");
-}, /* 16 */
+}, /* 14 */
 /***/
 function(module, exports) {
     module.exports = require("styled-components");
-}, /* 17 */
+}, /* 15 */
 /***/
@@ -312,9 +300,8 @@ function(module, exports, __webpack_require__) {
     });
-    var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _propTypes = __webpack_require__(9), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(10), _react2 = _interopRequireDefault(_react), _Stateless = __webpack_require__(2), _Stateless2 = _interopRequireDefault(_Stateless), _props2 = __webpack_require__(12), AkPagination = function(_PureComponent) {
+    var _classCallCheck2 = __webpack_require__(3), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _possibleConstructorReturn2 = __webpack_require__(4), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(5), _inherits3 = _interopRequireDefault(_inherits2), _propTypes = __webpack_require__(7), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _Stateless = __webpack_require__(2), _Stateless2 = _interopRequireDefault(_Stateless), _props2 = __webpack_require__(10), AkPagination = function(_PureComponent) {
         function AkPagination() {
-            var _ref, _temp, _this, _ret;
+            var _temp, _this, _ret;
             (0, _classCallCheck3.default)(this, AkPagination);
             for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
-            return _temp = _this = (0, _possibleConstructorReturn3.default)(this, (_ref = AkPagination.__proto__ || (0, 
-            _getPrototypeOf2.default)(AkPagination)).call.apply(_ref, [ this ].concat(args))), 
+            return _temp = _this = (0, _possibleConstructorReturn3.default)(this, _PureComponent.call.apply(_PureComponent, [ this ].concat(args))), 
             _this.state = {
@@ -328,22 +315,16 @@ current: _this.props.defaultCurrent
         }
-        return (0, _inherits3.default)(AkPagination, _PureComponent), (0, _createClass3.default)(AkPagination, [ {
-            key: "componentWillReceiveProps",
-            value: function(_ref2) {
-                var current = _ref2.current;
-                this.state.current !== current && this.setState({
-                    current: current
-                });
-            }
-        }, {
-            key: "render",
-            value: function() {
-                var _props = this.props, i18n = _props.i18n, total = _props.total;
-                return _react2.default.createElement(_Stateless2.default, {
-                    i18n: i18n,
-                    onSetPage: this.onSetPage,
-                    total: total,
-                    current: this.state.current
-                });
-            }
-        } ]), AkPagination;
+        return (0, _inherits3.default)(AkPagination, _PureComponent), AkPagination.prototype.componentWillReceiveProps = function(_ref) {
+            var current = _ref.current;
+            this.state.current !== current && this.setState({
+                current: current
+            });
+        }, AkPagination.prototype.render = function() {
+            var _props = this.props, i18n = _props.i18n, total = _props.total;
+            return _react2.default.createElement(_Stateless2.default, {
+                i18n: i18n,
+                onSetPage: this.onSetPage,
+                total: total,
+                current: this.state.current
+            });
+        }, AkPagination;
     }(_react.PureComponent);
@@ -350,0 +331,0 @@ AkPagination.propTypes = {

dist/bundle-cjs.min.js

@@ -1,1 +0,1 @@
-module.exports=function(e){function t(r){if(n[r])return n[r].exports;var a=n[r]={exports:{},id:r,loaded:!1};return e[r].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PaginationStateless=t.default=void 0;var a=n(2);Object.defineProperty(t,"PaginationStateless",{enumerable:!0,get:function(){return r(a).default}});var u=n(17),i=r(u);t.default=i.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.pageRange=void 0;var a=n(3),u=r(a),i=n(4),o=r(i),l=n(5),s=r(l),f=n(6),d=r(f),c=n(7),p=r(c),v=n(8),g=r(v),h=n(9),b=r(h),m=n(10),x=r(m),_=n(11),y=r(_),P=n(12),S=n(14),C=7,q=function(e,t){return[].concat((0,g.default)(Array(t))).map(function(t,n){return e+n})},k=t.pageRange=function(e,t,n){if(e<7)throw new Error("cannot create range with visible pages less than 7");var r=n>e,a=r&&e-3<t,u=r&&t<n-e+4;if(!r)return q(1,n);if(a&&!u){var i=e-2;return[1,"..."].concat((0,g.default)(q(n-i+1,i)))}if(!a&&u){var o=e-2;return[].concat((0,g.default)(q(1,o)),["...",n])}var l=e-4;return[1,"..."].concat((0,g.default)(q(t-Math.floor(l/2),l)),["...",n])},E=function(e){function t(){var e,n,r,a;(0,o.default)(this,t);for(var i=arguments.length,l=Array(i),s=0;s<i;s++)l[s]=arguments[s];return n=r=(0,d.default)(this,(e=t.__proto__||(0,u.default)(t)).call.apply(e,[this].concat(l))),r.onSetPage=function(e){return function(){return r.props.onSetPage(e)}},a=n,(0,d.default)(r,a)}return(0,p.default)(t,e),(0,s.default)(t,[{key:"render",value:function(){var e=this,t=this.props,n=t.total,r=t.current,a=t.i18n,u=a.prev,i=1===r,o=this.onSetPage(r-1),l=a.next,s=r===n,f=this.onSetPage(r+1);return n?x.default.createElement(S.Container,null,x.default.createElement(y.default,{appearance:"link",isDisabled:i,onClick:o},u),k(C,r,n).map(function(t,n){var a=t===r,u=a?S.ButtonActive:y.default;return"..."===t?x.default.createElement(S.Ellipsis,{key:n},"..."):x.default.createElement(u,{isDisabled:a,key:n,appearance:"link",onClick:e.onSetPage(t)},t)}),x.default.createElement(y.default,{appearance:"link",isDisabled:s,onClick:f},l)):null}}]),t}(m.PureComponent);E.propTypes={current:P.validateCurrent,i18n:P.i18nShape,onSetPage:b.default.func,total:P.validateTotal},E.defaultProps={current:1,i18n:P.defaultI18n,onSetPage:function(){},total:1},t.default=E},function(e,t){e.exports=require("babel-runtime/core-js/object/get-prototype-of")},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/possibleConstructorReturn")},function(e,t){e.exports=require("babel-runtime/helpers/inherits")},function(e,t){e.exports=require("babel-runtime/helpers/toConsumableArray")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@atlaskit/button")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function a(e){return"number"==typeof e&&isFinite(e)&&Math.floor(e)===e&&e>=0}function u(e,t,n){var r=e[t];if(!a(r)){var u="'"+t+"' should be a positive finite integer, got "+e[t]+" instead";return(0,s.createError)(t,n,u)}return null}function i(e,t,n){var r=e[t];if(!a(r)){var u="'"+t+"' should be a positive finite integer, got "+e[t]+" instead";return(0,s.createError)(t,n,u)}var i=e.total;if(r>i){var o="value of '"+t+"' can't be greater than value of 'total'";return(0,s.createError)(t,n,o)}return null}Object.defineProperty(t,"__esModule",{value:!0}),t.defaultI18n=t.i18nShape=t.validateTotal=t.validateCurrent=void 0;var o=n(9),l=r(o),s=n(13);u.isRequired=!1,i.isRequired=!1;var f=l.default.shape({prev:l.default.string.isRequired,next:l.default.string.isRequired}),d={prev:"Prev",next:"Next"};t.validateCurrent=i,t.validateTotal=u,t.i18nShape=f,t.defaultI18n=d},function(e,t){e.exports=require("@atlaskit/util-common")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Ellipsis=t.ButtonActive=t.Container=void 0;var a=n(15),u=r(a),i=(0,u.default)(["\n  display: flex;\n  width: 100%;\n"],["\n  display: flex;\n  width: 100%;\n"]),o=(0,u.default)(["\n  color: #000 !important; /* @todo: until Button supports not faded disabled state */\n  font-weight: bold;\n"],["\n  color: #000 !important; /* @todo: until Button supports not faded disabled state */\n  font-weight: bold;\n"]),l=(0,u.default)(["\n  display: flex;\n  padding: 0 10px;\n  text-align: center;\n  align-items: center;\n"],["\n  display: flex;\n  padding: 0 10px;\n  text-align: center;\n  align-items: center;\n"]),s=n(16),f=r(s),d=n(11),c=r(d);t.Container=f.default.div(i),t.ButtonActive=(0,f.default)(c.default)(o),t.Ellipsis=f.default.span(l)},function(e,t){e.exports=require("babel-runtime/helpers/taggedTemplateLiteral")},function(e,t){e.exports=require("styled-components")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(3),u=r(a),i=n(4),o=r(i),l=n(5),s=r(l),f=n(6),d=r(f),c=n(7),p=r(c),v=n(9),g=r(v),h=n(10),b=r(h),m=n(2),x=r(m),_=n(12),y=function(e){function t(){var e,n,r,a;(0,o.default)(this,t);for(var i=arguments.length,l=Array(i),s=0;s<i;s++)l[s]=arguments[s];return n=r=(0,d.default)(this,(e=t.__proto__||(0,u.default)(t)).call.apply(e,[this].concat(l))),r.state={current:r.props.defaultCurrent},r.onSetPage=function(e){r.props.onSetPage(e),r.setState({current:e})},a=n,(0,d.default)(r,a)}return(0,p.default)(t,e),(0,s.default)(t,[{key:"componentWillReceiveProps",value:function(e){var t=e.current;this.state.current!==t&&this.setState({current:t})}},{key:"render",value:function(){var e=this.props,t=e.i18n,n=e.total;return b.default.createElement(x.default,{i18n:t,onSetPage:this.onSetPage,total:n,current:this.state.current})}}]),t}(h.PureComponent);y.propTypes={defaultCurrent:_.validateCurrent,i18n:_.i18nShape,onSetPage:g.default.func,total:_.validateTotal},y.defaultProps={defaultCurrent:1,i18n:_.defaultI18n,onSetPage:function(){},total:1},t.default=y}]);
+module.exports=function(e){function t(r){if(n[r])return n[r].exports;var a=n[r]={exports:{},id:r,loaded:!1};return e[r].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PaginationStateless=t.default=void 0;var a=n(2);Object.defineProperty(t,"PaginationStateless",{enumerable:!0,get:function(){return r(a).default}});var u=n(15),i=r(u);t.default=i.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.pageRange=void 0;var a=n(3),u=r(a),i=n(4),o=r(i),l=n(5),s=r(l),f=n(6),d=r(f),c=n(7),p=r(c),v=n(8),g=r(v),h=n(9),b=r(h),m=n(10),x=n(12),P=7,y=function(e,t){return[].concat((0,d.default)(Array(t))).map(function(t,n){return e+n})},S=t.pageRange=function(e,t,n){if(e<7)throw new Error("cannot create range with visible pages less than 7");var r=n>e,a=r&&e-3<t,u=r&&t<n-e+4;if(!r)return y(1,n);if(a&&!u){var i=e-2;return[1,"..."].concat((0,d.default)(y(n-i+1,i)))}if(!a&&u){var o=e-2;return[].concat((0,d.default)(y(1,o)),["...",n])}var l=e-4;return[1,"..."].concat((0,d.default)(y(t-Math.floor(l/2),l)),["...",n])},_=function(e){function t(){var n,r,a;(0,u.default)(this,t);for(var i=arguments.length,l=Array(i),s=0;s<i;s++)l[s]=arguments[s];return n=r=(0,o.default)(this,e.call.apply(e,[this].concat(l))),r.onSetPage=function(e){return function(){return r.props.onSetPage(e)}},a=n,(0,o.default)(r,a)}return(0,s.default)(t,e),t.prototype.render=function(){var e=this,t=this.props,n=t.total,r=t.current,a=t.i18n,u=a.prev,i=1===r,o=this.onSetPage(r-1),l=a.next,s=r===n,f=this.onSetPage(r+1);return n?g.default.createElement(x.Container,null,g.default.createElement(b.default,{appearance:"link",isDisabled:i,onClick:o},u),S(P,r,n).map(function(t,n){var a=t===r,u=a?x.ButtonActive:b.default;return"..."===t?g.default.createElement(x.Ellipsis,{key:n},"..."):g.default.createElement(u,{isDisabled:a,key:n,appearance:"link",onClick:e.onSetPage(t)},t)}),g.default.createElement(b.default,{appearance:"link",isDisabled:s,onClick:f},l)):null},t}(v.PureComponent);_.propTypes={current:m.validateCurrent,i18n:m.i18nShape,onSetPage:p.default.func,total:m.validateTotal},_.defaultProps={current:1,i18n:m.defaultI18n,onSetPage:function(){},total:1},t.default=_},function(e,t){e.exports=require("babel-runtime/helpers/classCallCheck")},function(e,t){e.exports=require("babel-runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("babel-runtime/helpers/inherits")},function(e,t){e.exports=require("babel-runtime/helpers/toConsumableArray")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@atlaskit/button")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function a(e){return"number"==typeof e&&isFinite(e)&&Math.floor(e)===e&&e>=0}function u(e,t,n){var r=e[t];if(!a(r)){var u="'"+t+"' should be a positive finite integer, got "+e[t]+" instead";return(0,s.createError)(t,n,u)}return null}function i(e,t,n){var r=e[t];if(!a(r)){var u="'"+t+"' should be a positive finite integer, got "+e[t]+" instead";return(0,s.createError)(t,n,u)}var i=e.total;if(r>i){var o="value of '"+t+"' can't be greater than value of 'total'";return(0,s.createError)(t,n,o)}return null}Object.defineProperty(t,"__esModule",{value:!0}),t.defaultI18n=t.i18nShape=t.validateTotal=t.validateCurrent=void 0;var o=n(7),l=r(o),s=n(11);u.isRequired=!1,i.isRequired=!1;var f=l.default.shape({prev:l.default.string.isRequired,next:l.default.string.isRequired}),d={prev:"Prev",next:"Next"};t.validateCurrent=i,t.validateTotal=u,t.i18nShape=f,t.defaultI18n=d},function(e,t){e.exports=require("@atlaskit/util-common")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Ellipsis=t.ButtonActive=t.Container=void 0;var a=n(13),u=r(a),i=(0,u.default)(["\n  display: flex;\n  width: 100%;\n"],["\n  display: flex;\n  width: 100%;\n"]),o=(0,u.default)(["\n  color: #000 !important; /* @todo: until Button supports not faded disabled state */\n  font-weight: bold;\n"],["\n  color: #000 !important; /* @todo: until Button supports not faded disabled state */\n  font-weight: bold;\n"]),l=(0,u.default)(["\n  display: flex;\n  padding: 0 10px;\n  text-align: center;\n  align-items: center;\n"],["\n  display: flex;\n  padding: 0 10px;\n  text-align: center;\n  align-items: center;\n"]),s=n(14),f=r(s),d=n(9),c=r(d);t.Container=f.default.div(i),t.ButtonActive=(0,f.default)(c.default)(o),t.Ellipsis=f.default.span(l)},function(e,t){e.exports=require("babel-runtime/helpers/taggedTemplateLiteral")},function(e,t){e.exports=require("styled-components")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(3),u=r(a),i=n(4),o=r(i),l=n(5),s=r(l),f=n(7),d=r(f),c=n(8),p=r(c),v=n(2),g=r(v),h=n(10),b=function(e){function t(){var n,r,a;(0,u.default)(this,t);for(var i=arguments.length,l=Array(i),s=0;s<i;s++)l[s]=arguments[s];return n=r=(0,o.default)(this,e.call.apply(e,[this].concat(l))),r.state={current:r.props.defaultCurrent},r.onSetPage=function(e){r.props.onSetPage(e),r.setState({current:e})},a=n,(0,o.default)(r,a)}return(0,s.default)(t,e),t.prototype.componentWillReceiveProps=function(e){var t=e.current;this.state.current!==t&&this.setState({current:t})},t.prototype.render=function(){var e=this.props,t=e.i18n,n=e.total;return p.default.createElement(g.default,{i18n:t,onSetPage:this.onSetPage,total:n,current:this.state.current})},t}(c.PureComponent);b.propTypes={defaultCurrent:h.validateCurrent,i18n:h.i18nShape,onSetPage:d.default.func,total:h.validateTotal},b.defaultProps={defaultCurrent:1,i18n:h.defaultI18n,onSetPage:function(){},total:1},t.default=b}]);

dist/bundle.js

 !function(root, factory) {
-    "object" == typeof exports && "object" == typeof module ? module.exports = factory(require("babel-runtime/core-js/object/get-prototype-of"), require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/createClass"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("babel-runtime/helpers/toConsumableArray"), require("prop-types"), require("react"), require("@atlaskit/button"), require("@atlaskit/util-common"), require("babel-runtime/helpers/taggedTemplateLiteral"), require("styled-components")) : "function" == typeof define && define.amd ? define([ "babel-runtime/core-js/object/get-prototype-of", "babel-runtime/helpers/classCallCheck", "babel-runtime/helpers/createClass", "babel-runtime/helpers/possibleConstructorReturn", "babel-runtime/helpers/inherits", "babel-runtime/helpers/toConsumableArray", "prop-types", "react", "@atlaskit/button", "@atlaskit/util-common", "babel-runtime/helpers/taggedTemplateLiteral", "styled-components" ], factory) : "object" == typeof exports ? exports["@atlaskit/pagination"] = factory(require("babel-runtime/core-js/object/get-prototype-of"), require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/createClass"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("babel-runtime/helpers/toConsumableArray"), require("prop-types"), require("react"), require("@atlaskit/button"), require("@atlaskit/util-common"), require("babel-runtime/helpers/taggedTemplateLiteral"), require("styled-components")) : root["@atlaskit/pagination"] = factory(root["babel-runtime/core-js/object/get-prototype-of"], root["babel-runtime/helpers/classCallCheck"], root["babel-runtime/helpers/createClass"], root["babel-runtime/helpers/possibleConstructorReturn"], root["babel-runtime/helpers/inherits"], root["babel-runtime/helpers/toConsumableArray"], root["prop-types"], root.react, root["@atlaskit/button"], root["@atlaskit/util-common"], root["babel-runtime/helpers/taggedTemplateLiteral"], root["styled-components"]);
-}(this, function(__WEBPACK_EXTERNAL_MODULE_3__, __WEBPACK_EXTERNAL_MODULE_4__, __WEBPACK_EXTERNAL_MODULE_5__, __WEBPACK_EXTERNAL_MODULE_6__, __WEBPACK_EXTERNAL_MODULE_7__, __WEBPACK_EXTERNAL_MODULE_8__, __WEBPACK_EXTERNAL_MODULE_9__, __WEBPACK_EXTERNAL_MODULE_10__, __WEBPACK_EXTERNAL_MODULE_11__, __WEBPACK_EXTERNAL_MODULE_13__, __WEBPACK_EXTERNAL_MODULE_15__, __WEBPACK_EXTERNAL_MODULE_16__) {
+    "object" == typeof exports && "object" == typeof module ? module.exports = factory(require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("babel-runtime/helpers/toConsumableArray"), require("prop-types"), require("react"), require("@atlaskit/button"), require("@atlaskit/util-common"), require("babel-runtime/helpers/taggedTemplateLiteral"), require("styled-components")) : "function" == typeof define && define.amd ? define([ "babel-runtime/helpers/classCallCheck", "babel-runtime/helpers/possibleConstructorReturn", "babel-runtime/helpers/inherits", "babel-runtime/helpers/toConsumableArray", "prop-types", "react", "@atlaskit/button", "@atlaskit/util-common", "babel-runtime/helpers/taggedTemplateLiteral", "styled-components" ], factory) : "object" == typeof exports ? exports["@atlaskit/pagination"] = factory(require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("babel-runtime/helpers/toConsumableArray"), require("prop-types"), require("react"), require("@atlaskit/button"), require("@atlaskit/util-common"), require("babel-runtime/helpers/taggedTemplateLiteral"), require("styled-components")) : root["@atlaskit/pagination"] = factory(root["babel-runtime/helpers/classCallCheck"], root["babel-runtime/helpers/possibleConstructorReturn"], root["babel-runtime/helpers/inherits"], root["babel-runtime/helpers/toConsumableArray"], root["prop-types"], root.react, root["@atlaskit/button"], root["@atlaskit/util-common"], root["babel-runtime/helpers/taggedTemplateLiteral"], root["styled-components"]);
+}(this, function(__WEBPACK_EXTERNAL_MODULE_3__, __WEBPACK_EXTERNAL_MODULE_4__, __WEBPACK_EXTERNAL_MODULE_5__, __WEBPACK_EXTERNAL_MODULE_6__, __WEBPACK_EXTERNAL_MODULE_7__, __WEBPACK_EXTERNAL_MODULE_8__, __WEBPACK_EXTERNAL_MODULE_9__, __WEBPACK_EXTERNAL_MODULE_11__, __WEBPACK_EXTERNAL_MODULE_13__, __WEBPACK_EXTERNAL_MODULE_14__) {
     /******/
@@ -91,3 +91,3 @@ return function(modules) {
         });
-        var _Stateful = __webpack_require__(17), _Stateful2 = _interopRequireDefault(_Stateful);
+        var _Stateful = __webpack_require__(15), _Stateful2 = _interopRequireDefault(_Stateful);
         exports.default = _Stateful2.default;
@@ -106,3 +106,3 @@ }, /* 2 */
         }), exports.pageRange = void 0;
-        var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _toConsumableArray2 = __webpack_require__(8), _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2), _propTypes = __webpack_require__(9), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(10), _react2 = _interopRequireDefault(_react), _button = __webpack_require__(11), _button2 = _interopRequireDefault(_button), _props2 = __webpack_require__(12), _index = __webpack_require__(14), MAX_VISIBLE_PAGES = 7, range = function(start, length) {
+        var _classCallCheck2 = __webpack_require__(3), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _possibleConstructorReturn2 = __webpack_require__(4), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(5), _inherits3 = _interopRequireDefault(_inherits2), _toConsumableArray2 = __webpack_require__(6), _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2), _propTypes = __webpack_require__(7), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _button = __webpack_require__(9), _button2 = _interopRequireDefault(_button), _props2 = __webpack_require__(10), _index = __webpack_require__(12), MAX_VISIBLE_PAGES = 7, range = function(start, length) {
             return [].concat((0, _toConsumableArray3.default)(Array(length))).map(function(_, i) {
@@ -129,7 +129,6 @@ return start + i;
             function Pagination() {
-                var _ref, _temp, _this, _ret;
+                var _temp, _this, _ret;
                 (0, _classCallCheck3.default)(this, Pagination);
                 for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
-                return _temp = _this = (0, _possibleConstructorReturn3.default)(this, (_ref = Pagination.__proto__ || (0, 
-                _getPrototypeOf2.default)(Pagination)).call.apply(_ref, [ this ].concat(args))), 
+                return _temp = _this = (0, _possibleConstructorReturn3.default)(this, _PureComponent.call.apply(_PureComponent, [ this ].concat(args))), 
                 _this.onSetPage = function(page) {
@@ -141,27 +140,24 @@ return function() {
             }
-            return (0, _inherits3.default)(Pagination, _PureComponent), (0, _createClass3.default)(Pagination, [ {
-                key: "render",
-                value: function() {
-                    var _this2 = this, _props = this.props, total = _props.total, current = _props.current, i18n = _props.i18n, prevLabel = i18n.prev, prevIsDisabled = 1 === current, prevOnClick = this.onSetPage(current - 1), nextLabel = i18n.next, nextIsDisabled = current === total, nextOnClick = this.onSetPage(current + 1);
-                    return total ? _react2.default.createElement(_index.Container, null, _react2.default.createElement(_button2.default, {
+            return (0, _inherits3.default)(Pagination, _PureComponent), Pagination.prototype.render = function() {
+                var _this2 = this, _props = this.props, total = _props.total, current = _props.current, i18n = _props.i18n, prevLabel = i18n.prev, prevIsDisabled = 1 === current, prevOnClick = this.onSetPage(current - 1), nextLabel = i18n.next, nextIsDisabled = current === total, nextOnClick = this.onSetPage(current + 1);
+                return total ? _react2.default.createElement(_index.Container, null, _react2.default.createElement(_button2.default, {
+                    appearance: "link",
+                    isDisabled: prevIsDisabled,
+                    onClick: prevOnClick
+                }, prevLabel), pageRange(MAX_VISIBLE_PAGES, current, total).map(function(pageNum, i) {
+                    var isDisabled = pageNum === current, Element = isDisabled ? _index.ButtonActive : _button2.default;
+                    return "..." === pageNum ? _react2.default.createElement(_index.Ellipsis, {
+                        key: i
+                    }, "...") : _react2.default.createElement(Element, {
+                        isDisabled: isDisabled,
+                        key: i,
                         appearance: "link",
-                        isDisabled: prevIsDisabled,
-                        onClick: prevOnClick
-                    }, prevLabel), pageRange(MAX_VISIBLE_PAGES, current, total).map(function(pageNum, i) {
-                        var isDisabled = pageNum === current, Element = isDisabled ? _index.ButtonActive : _button2.default;
-                        return "..." === pageNum ? _react2.default.createElement(_index.Ellipsis, {
-                            key: i
-                        }, "...") : _react2.default.createElement(Element, {
-                            isDisabled: isDisabled,
-                            key: i,
-                            appearance: "link",
-                            onClick: _this2.onSetPage(pageNum)
-                        }, pageNum);
-                    }), _react2.default.createElement(_button2.default, {
-                        appearance: "link",
-                        isDisabled: nextIsDisabled,
-                        onClick: nextOnClick
-                    }, nextLabel)) : null;
-                }
-            } ]), Pagination;
+                        onClick: _this2.onSetPage(pageNum)
+                    }, pageNum);
+                }), _react2.default.createElement(_button2.default, {
+                    appearance: "link",
+                    isDisabled: nextIsDisabled,
+                    onClick: nextOnClick
+                }, nextLabel)) : null;
+            }, Pagination;
         }(_react.PureComponent);
@@ -216,10 +212,2 @@ Pagination.propTypes = {
     /***/
-    function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_10__;
-    }, /* 11 */
-    /***/
-    function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_11__;
-    }, /* 12 */
-    /***/
     function(module, exports, __webpack_require__) {
@@ -259,3 +247,3 @@ "use strict";
         }), exports.defaultI18n = exports.i18nShape = exports.validateTotal = exports.validateCurrent = void 0;
-        var _propTypes = __webpack_require__(9), _propTypes2 = _interopRequireDefault(_propTypes), _utilCommon = __webpack_require__(13);
+        var _propTypes = __webpack_require__(7), _propTypes2 = _interopRequireDefault(_propTypes), _utilCommon = __webpack_require__(11);
         validateTotal.isRequired = !1, validateCurrent.isRequired = !1;
@@ -271,7 +259,7 @@ var i18nShape = _propTypes2.default.shape({
         exports.i18nShape = i18nShape, exports.defaultI18n = defaultI18n;
-    }, /* 13 */
+    }, /* 11 */
     /***/
     function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_13__;
-    }, /* 14 */
+        module.exports = __WEBPACK_EXTERNAL_MODULE_11__;
+    }, /* 12 */
     /***/
@@ -288,17 +276,17 @@ function(module, exports, __webpack_require__) {
         }), exports.Ellipsis = exports.ButtonActive = exports.Container = void 0;
-        var _taggedTemplateLiteral2 = __webpack_require__(15), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
+        var _taggedTemplateLiteral2 = __webpack_require__(13), _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2), _templateObject = (0, 
         _taggedTemplateLiteral3.default)([ "\n  display: flex;\n  width: 100%;\n" ], [ "\n  display: flex;\n  width: 100%;\n" ]), _templateObject2 = (0, 
         _taggedTemplateLiteral3.default)([ "\n  color: #000 !important; /* @todo: until Button supports not faded disabled state */\n  font-weight: bold;\n" ], [ "\n  color: #000 !important; /* @todo: until Button supports not faded disabled state */\n  font-weight: bold;\n" ]), _templateObject3 = (0, 
-        _taggedTemplateLiteral3.default)([ "\n  display: flex;\n  padding: 0 10px;\n  text-align: center;\n  align-items: center;\n" ], [ "\n  display: flex;\n  padding: 0 10px;\n  text-align: center;\n  align-items: center;\n" ]), _styledComponents = __webpack_require__(16), _styledComponents2 = _interopRequireDefault(_styledComponents), _button = __webpack_require__(11), _button2 = _interopRequireDefault(_button);
+        _taggedTemplateLiteral3.default)([ "\n  display: flex;\n  padding: 0 10px;\n  text-align: center;\n  align-items: center;\n" ], [ "\n  display: flex;\n  padding: 0 10px;\n  text-align: center;\n  align-items: center;\n" ]), _styledComponents = __webpack_require__(14), _styledComponents2 = _interopRequireDefault(_styledComponents), _button = __webpack_require__(9), _button2 = _interopRequireDefault(_button);
         exports.Container = _styledComponents2.default.div(_templateObject), exports.ButtonActive = (0, 
         _styledComponents2.default)(_button2.default)(_templateObject2), exports.Ellipsis = _styledComponents2.default.span(_templateObject3);
-    }, /* 15 */
+    }, /* 13 */
     /***/
     function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_15__;
-    }, /* 16 */
+        module.exports = __WEBPACK_EXTERNAL_MODULE_13__;
+    }, /* 14 */
     /***/
     function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_16__;
-    }, /* 17 */
+        module.exports = __WEBPACK_EXTERNAL_MODULE_14__;
+    }, /* 15 */
     /***/
@@ -315,9 +303,8 @@ function(module, exports, __webpack_require__) {
         });
-        var _getPrototypeOf = __webpack_require__(3), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(4), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(5), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(6), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(7), _inherits3 = _interopRequireDefault(_inherits2), _propTypes = __webpack_require__(9), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(10), _react2 = _interopRequireDefault(_react), _Stateless = __webpack_require__(2), _Stateless2 = _interopRequireDefault(_Stateless), _props2 = __webpack_require__(12), AkPagination = function(_PureComponent) {
+        var _classCallCheck2 = __webpack_require__(3), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _possibleConstructorReturn2 = __webpack_require__(4), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(5), _inherits3 = _interopRequireDefault(_inherits2), _propTypes = __webpack_require__(7), _propTypes2 = _interopRequireDefault(_propTypes), _react = __webpack_require__(8), _react2 = _interopRequireDefault(_react), _Stateless = __webpack_require__(2), _Stateless2 = _interopRequireDefault(_Stateless), _props2 = __webpack_require__(10), AkPagination = function(_PureComponent) {
             function AkPagination() {
-                var _ref, _temp, _this, _ret;
+                var _temp, _this, _ret;
                 (0, _classCallCheck3.default)(this, AkPagination);
                 for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
-                return _temp = _this = (0, _possibleConstructorReturn3.default)(this, (_ref = AkPagination.__proto__ || (0, 
-                _getPrototypeOf2.default)(AkPagination)).call.apply(_ref, [ this ].concat(args))), 
+                return _temp = _this = (0, _possibleConstructorReturn3.default)(this, _PureComponent.call.apply(_PureComponent, [ this ].concat(args))), 
                 _this.state = {
@@ -331,22 +318,16 @@ current: _this.props.defaultCurrent
             }
-            return (0, _inherits3.default)(AkPagination, _PureComponent), (0, _createClass3.default)(AkPagination, [ {
-                key: "componentWillReceiveProps",
-                value: function(_ref2) {
-                    var current = _ref2.current;
-                    this.state.current !== current && this.setState({
-                        current: current
-                    });
-                }
-            }, {
-                key: "render",
-                value: function() {
-                    var _props = this.props, i18n = _props.i18n, total = _props.total;
-                    return _react2.default.createElement(_Stateless2.default, {
-                        i18n: i18n,
-                        onSetPage: this.onSetPage,
-                        total: total,
-                        current: this.state.current
-                    });
-                }
-            } ]), AkPagination;
+            return (0, _inherits3.default)(AkPagination, _PureComponent), AkPagination.prototype.componentWillReceiveProps = function(_ref) {
+                var current = _ref.current;
+                this.state.current !== current && this.setState({
+                    current: current
+                });
+            }, AkPagination.prototype.render = function() {
+                var _props = this.props, i18n = _props.i18n, total = _props.total;
+                return _react2.default.createElement(_Stateless2.default, {
+                    i18n: i18n,
+                    onSetPage: this.onSetPage,
+                    total: total,
+                    current: this.state.current
+                });
+            }, AkPagination;
         }(_react.PureComponent);
@@ -353,0 +334,0 @@ AkPagination.propTypes = {

dist/bundle.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("babel-runtime/helpers/toConsumableArray"),require("prop-types"),require("react"),require("@atlaskit/button"),require("@atlaskit/util-common"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components")):"function"==typeof define&&define.amd?define(["babel-runtime/core-js/object/get-prototype-of","babel-runtime/helpers/classCallCheck","babel-runtime/helpers/createClass","babel-runtime/helpers/possibleConstructorReturn","babel-runtime/helpers/inherits","babel-runtime/helpers/toConsumableArray","prop-types","react","@atlaskit/button","@atlaskit/util-common","babel-runtime/helpers/taggedTemplateLiteral","styled-components"],t):"object"==typeof exports?exports["@atlaskit/pagination"]=t(require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("babel-runtime/helpers/toConsumableArray"),require("prop-types"),require("react"),require("@atlaskit/button"),require("@atlaskit/util-common"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components")):e["@atlaskit/pagination"]=t(e["babel-runtime/core-js/object/get-prototype-of"],e["babel-runtime/helpers/classCallCheck"],e["babel-runtime/helpers/createClass"],e["babel-runtime/helpers/possibleConstructorReturn"],e["babel-runtime/helpers/inherits"],e["babel-runtime/helpers/toConsumableArray"],e["prop-types"],e.react,e["@atlaskit/button"],e["@atlaskit/util-common"],e["babel-runtime/helpers/taggedTemplateLiteral"],e["styled-components"])}(this,function(e,t,r,n,a,u,i,l,o,s,p,c){return function(e){function t(n){if(r[n])return r[n].exports;var a=r[n]={exports:{},id:n,loaded:!1};return e[n].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(1)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PaginationStateless=t.default=void 0;var a=r(2);Object.defineProperty(t,"PaginationStateless",{enumerable:!0,get:function(){return n(a).default}});var u=r(17),i=n(u);t.default=i.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.pageRange=void 0;var a=r(3),u=n(a),i=r(4),l=n(i),o=r(5),s=n(o),p=r(6),c=n(p),f=r(7),d=n(f),b=r(8),m=n(b),h=r(9),v=n(h),g=r(10),y=n(g),C=r(11),x=n(C),q=r(12),_=r(14),P=7,k=function(e,t){return[].concat((0,m.default)(Array(t))).map(function(t,r){return e+r})},S=t.pageRange=function(e,t,r){if(e<7)throw new Error("cannot create range with visible pages less than 7");var n=r>e,a=n&&e-3<t,u=n&&t<r-e+4;if(!n)return k(1,r);if(a&&!u){var i=e-2;return[1,"..."].concat((0,m.default)(k(r-i+1,i)))}if(!a&&u){var l=e-2;return[].concat((0,m.default)(k(1,l)),["...",r])}var o=e-4;return[1,"..."].concat((0,m.default)(k(t-Math.floor(o/2),o)),["...",r])},j=function(e){function t(){var e,r,n,a;(0,l.default)(this,t);for(var i=arguments.length,o=Array(i),s=0;s<i;s++)o[s]=arguments[s];return r=n=(0,c.default)(this,(e=t.__proto__||(0,u.default)(t)).call.apply(e,[this].concat(o))),n.onSetPage=function(e){return function(){return n.props.onSetPage(e)}},a=r,(0,c.default)(n,a)}return(0,d.default)(t,e),(0,s.default)(t,[{key:"render",value:function(){var e=this,t=this.props,r=t.total,n=t.current,a=t.i18n,u=a.prev,i=1===n,l=this.onSetPage(n-1),o=a.next,s=n===r,p=this.onSetPage(n+1);return r?y.default.createElement(_.Container,null,y.default.createElement(x.default,{appearance:"link",isDisabled:i,onClick:l},u),S(P,n,r).map(function(t,r){var a=t===n,u=a?_.ButtonActive:x.default;return"..."===t?y.default.createElement(_.Ellipsis,{key:r},"..."):y.default.createElement(u,{isDisabled:a,key:r,appearance:"link",onClick:e.onSetPage(t)},t)}),y.default.createElement(x.default,{appearance:"link",isDisabled:s,onClick:p},o)):null}}]),t}(g.PureComponent);j.propTypes={current:q.validateCurrent,i18n:q.i18nShape,onSetPage:v.default.func,total:q.validateTotal},j.defaultProps={current:1,i18n:q.defaultI18n,onSetPage:function(){},total:1},t.default=j},function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=n},function(e,t){e.exports=a},function(e,t){e.exports=u},function(e,t){e.exports=i},function(e,t){e.exports=l},function(e,t){e.exports=o},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){return"number"==typeof e&&isFinite(e)&&Math.floor(e)===e&&e>=0}function u(e,t,r){var n=e[t];if(!a(n)){var u="'"+t+"' should be a positive finite integer, got "+e[t]+" instead";return(0,s.createError)(t,r,u)}return null}function i(e,t,r){var n=e[t];if(!a(n)){var u="'"+t+"' should be a positive finite integer, got "+e[t]+" instead";return(0,s.createError)(t,r,u)}var i=e.total;if(n>i){var l="value of '"+t+"' can't be greater than value of 'total'";return(0,s.createError)(t,r,l)}return null}Object.defineProperty(t,"__esModule",{value:!0}),t.defaultI18n=t.i18nShape=t.validateTotal=t.validateCurrent=void 0;var l=r(9),o=n(l),s=r(13);u.isRequired=!1,i.isRequired=!1;var p=o.default.shape({prev:o.default.string.isRequired,next:o.default.string.isRequired}),c={prev:"Prev",next:"Next"};t.validateCurrent=i,t.validateTotal=u,t.i18nShape=p,t.defaultI18n=c},function(e,t){e.exports=s},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Ellipsis=t.ButtonActive=t.Container=void 0;var a=r(15),u=n(a),i=(0,u.default)(["\n  display: flex;\n  width: 100%;\n"],["\n  display: flex;\n  width: 100%;\n"]),l=(0,u.default)(["\n  color: #000 !important; /* @todo: until Button supports not faded disabled state */\n  font-weight: bold;\n"],["\n  color: #000 !important; /* @todo: until Button supports not faded disabled state */\n  font-weight: bold;\n"]),o=(0,u.default)(["\n  display: flex;\n  padding: 0 10px;\n  text-align: center;\n  align-items: center;\n"],["\n  display: flex;\n  padding: 0 10px;\n  text-align: center;\n  align-items: center;\n"]),s=r(16),p=n(s),c=r(11),f=n(c);t.Container=p.default.div(i),t.ButtonActive=(0,p.default)(f.default)(l),t.Ellipsis=p.default.span(o)},function(e,t){e.exports=p},function(e,t){e.exports=c},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=r(3),u=n(a),i=r(4),l=n(i),o=r(5),s=n(o),p=r(6),c=n(p),f=r(7),d=n(f),b=r(9),m=n(b),h=r(10),v=n(h),g=r(2),y=n(g),C=r(12),x=function(e){function t(){var e,r,n,a;(0,l.default)(this,t);for(var i=arguments.length,o=Array(i),s=0;s<i;s++)o[s]=arguments[s];return r=n=(0,c.default)(this,(e=t.__proto__||(0,u.default)(t)).call.apply(e,[this].concat(o))),n.state={current:n.props.defaultCurrent},n.onSetPage=function(e){n.props.onSetPage(e),n.setState({current:e})},a=r,(0,c.default)(n,a)}return(0,d.default)(t,e),(0,s.default)(t,[{key:"componentWillReceiveProps",value:function(e){var t=e.current;this.state.current!==t&&this.setState({current:t})}},{key:"render",value:function(){var e=this.props,t=e.i18n,r=e.total;return v.default.createElement(y.default,{i18n:t,onSetPage:this.onSetPage,total:r,current:this.state.current})}}]),t}(h.PureComponent);x.propTypes={defaultCurrent:C.validateCurrent,i18n:C.i18nShape,onSetPage:m.default.func,total:C.validateTotal},x.defaultProps={defaultCurrent:1,i18n:C.defaultI18n,onSetPage:function(){},total:1},t.default=x}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("babel-runtime/helpers/toConsumableArray"),require("prop-types"),require("react"),require("@atlaskit/button"),require("@atlaskit/util-common"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components")):"function"==typeof define&&define.amd?define(["babel-runtime/helpers/classCallCheck","babel-runtime/helpers/possibleConstructorReturn","babel-runtime/helpers/inherits","babel-runtime/helpers/toConsumableArray","prop-types","react","@atlaskit/button","@atlaskit/util-common","babel-runtime/helpers/taggedTemplateLiteral","styled-components"],t):"object"==typeof exports?exports["@atlaskit/pagination"]=t(require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("babel-runtime/helpers/toConsumableArray"),require("prop-types"),require("react"),require("@atlaskit/button"),require("@atlaskit/util-common"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components")):e["@atlaskit/pagination"]=t(e["babel-runtime/helpers/classCallCheck"],e["babel-runtime/helpers/possibleConstructorReturn"],e["babel-runtime/helpers/inherits"],e["babel-runtime/helpers/toConsumableArray"],e["prop-types"],e.react,e["@atlaskit/button"],e["@atlaskit/util-common"],e["babel-runtime/helpers/taggedTemplateLiteral"],e["styled-components"])}(this,function(e,t,r,n,a,i,u,l,o,s){return function(e){function t(n){if(r[n])return r[n].exports;var a=r[n]={exports:{},id:n,loaded:!1};return e[n].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(1)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.PaginationStateless=t.default=void 0;var a=r(2);Object.defineProperty(t,"PaginationStateless",{enumerable:!0,get:function(){return n(a).default}});var i=r(15),u=n(i);t.default=u.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.pageRange=void 0;var a=r(3),i=n(a),u=r(4),l=n(u),o=r(5),s=n(o),p=r(6),c=n(p),f=r(7),d=n(f),b=r(8),h=n(b),m=r(9),v=n(m),g=r(10),y=r(12),x=7,C=function(e,t){return[].concat((0,c.default)(Array(t))).map(function(t,r){return e+r})},P=t.pageRange=function(e,t,r){if(e<7)throw new Error("cannot create range with visible pages less than 7");var n=r>e,a=n&&e-3<t,i=n&&t<r-e+4;if(!n)return C(1,r);if(a&&!i){var u=e-2;return[1,"..."].concat((0,c.default)(C(r-u+1,u)))}if(!a&&i){var l=e-2;return[].concat((0,c.default)(C(1,l)),["...",r])}var o=e-4;return[1,"..."].concat((0,c.default)(C(t-Math.floor(o/2),o)),["...",r])},q=function(e){function t(){var r,n,a;(0,i.default)(this,t);for(var u=arguments.length,o=Array(u),s=0;s<u;s++)o[s]=arguments[s];return r=n=(0,l.default)(this,e.call.apply(e,[this].concat(o))),n.onSetPage=function(e){return function(){return n.props.onSetPage(e)}},a=r,(0,l.default)(n,a)}return(0,s.default)(t,e),t.prototype.render=function(){var e=this,t=this.props,r=t.total,n=t.current,a=t.i18n,i=a.prev,u=1===n,l=this.onSetPage(n-1),o=a.next,s=n===r,p=this.onSetPage(n+1);return r?h.default.createElement(y.Container,null,h.default.createElement(v.default,{appearance:"link",isDisabled:u,onClick:l},i),P(x,n,r).map(function(t,r){var a=t===n,i=a?y.ButtonActive:v.default;return"..."===t?h.default.createElement(y.Ellipsis,{key:r},"..."):h.default.createElement(i,{isDisabled:a,key:r,appearance:"link",onClick:e.onSetPage(t)},t)}),h.default.createElement(v.default,{appearance:"link",isDisabled:s,onClick:p},o)):null},t}(b.PureComponent);q.propTypes={current:g.validateCurrent,i18n:g.i18nShape,onSetPage:d.default.func,total:g.validateTotal},q.defaultProps={current:1,i18n:g.defaultI18n,onSetPage:function(){},total:1},t.default=q},function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=n},function(e,t){e.exports=a},function(e,t){e.exports=i},function(e,t){e.exports=u},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){return"number"==typeof e&&isFinite(e)&&Math.floor(e)===e&&e>=0}function i(e,t,r){var n=e[t];if(!a(n)){var i="'"+t+"' should be a positive finite integer, got "+e[t]+" instead";return(0,s.createError)(t,r,i)}return null}function u(e,t,r){var n=e[t];if(!a(n)){var i="'"+t+"' should be a positive finite integer, got "+e[t]+" instead";return(0,s.createError)(t,r,i)}var u=e.total;if(n>u){var l="value of '"+t+"' can't be greater than value of 'total'";return(0,s.createError)(t,r,l)}return null}Object.defineProperty(t,"__esModule",{value:!0}),t.defaultI18n=t.i18nShape=t.validateTotal=t.validateCurrent=void 0;var l=r(7),o=n(l),s=r(11);i.isRequired=!1,u.isRequired=!1;var p=o.default.shape({prev:o.default.string.isRequired,next:o.default.string.isRequired}),c={prev:"Prev",next:"Next"};t.validateCurrent=u,t.validateTotal=i,t.i18nShape=p,t.defaultI18n=c},function(e,t){e.exports=l},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Ellipsis=t.ButtonActive=t.Container=void 0;var a=r(13),i=n(a),u=(0,i.default)(["\n  display: flex;\n  width: 100%;\n"],["\n  display: flex;\n  width: 100%;\n"]),l=(0,i.default)(["\n  color: #000 !important; /* @todo: until Button supports not faded disabled state */\n  font-weight: bold;\n"],["\n  color: #000 !important; /* @todo: until Button supports not faded disabled state */\n  font-weight: bold;\n"]),o=(0,i.default)(["\n  display: flex;\n  padding: 0 10px;\n  text-align: center;\n  align-items: center;\n"],["\n  display: flex;\n  padding: 0 10px;\n  text-align: center;\n  align-items: center;\n"]),s=r(14),p=n(s),c=r(9),f=n(c);t.Container=p.default.div(u),t.ButtonActive=(0,p.default)(f.default)(l),t.Ellipsis=p.default.span(o)},function(e,t){e.exports=o},function(e,t){e.exports=s},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=r(3),i=n(a),u=r(4),l=n(u),o=r(5),s=n(o),p=r(7),c=n(p),f=r(8),d=n(f),b=r(2),h=n(b),m=r(10),v=function(e){function t(){var r,n,a;(0,i.default)(this,t);for(var u=arguments.length,o=Array(u),s=0;s<u;s++)o[s]=arguments[s];return r=n=(0,l.default)(this,e.call.apply(e,[this].concat(o))),n.state={current:n.props.defaultCurrent},n.onSetPage=function(e){n.props.onSetPage(e),n.setState({current:e})},a=r,(0,l.default)(n,a)}return(0,s.default)(t,e),t.prototype.componentWillReceiveProps=function(e){var t=e.current;this.state.current!==t&&this.setState({current:t})},t.prototype.render=function(){var e=this.props,t=e.i18n,r=e.total;return d.default.createElement(h.default,{i18n:t,onSetPage:this.onSetPage,total:r,current:this.state.current})},t}(f.PureComponent);v.propTypes={defaultCurrent:m.validateCurrent,i18n:m.i18nShape,onSetPage:c.default.func,total:m.validateTotal},v.defaultProps={defaultCurrent:1,i18n:m.defaultI18n,onSetPage:function(){},total:1},t.default=v}])});

dist/es/components/Stateful.js

@@ -1,4 +0,2 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
 import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
 import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
@@ -16,4 +14,2 @@ import _inherits from 'babel-runtime/helpers/inherits';
   function AkPagination() {
-    var _ref;
-
     var _temp, _this, _ret;
@@ -27,3 +23,3 @@
 
-    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = AkPagination.__proto__ || _Object$getPrototypeOf(AkPagination)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
+    return _ret = (_temp = (_this = _possibleConstructorReturn(this, _PureComponent.call.apply(_PureComponent, [this].concat(args))), _this), _this.state = {
       current: _this.props.defaultCurrent
@@ -36,26 +32,22 @@ }, _this.onSetPage = function (page) {
 
-  _createClass(AkPagination, [{
-    key: 'componentWillReceiveProps',
-    value: function componentWillReceiveProps(_ref2) {
-      var current = _ref2.current;
+  AkPagination.prototype.componentWillReceiveProps = function componentWillReceiveProps(_ref) {
+    var current = _ref.current;
 
-      if (this.state.current !== current) this.setState({ current: current });
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          i18n = _props.i18n,
-          total = _props.total;
+    if (this.state.current !== current) this.setState({ current: current });
+  };
 
+  AkPagination.prototype.render = function render() {
+    var _props = this.props,
+        i18n = _props.i18n,
+        total = _props.total;
 
-      return React.createElement(Pagination, {
-        i18n: i18n,
-        onSetPage: this.onSetPage,
-        total: total,
-        current: this.state.current
-      });
-    }
-  }]);
 
+    return React.createElement(Pagination, {
+      i18n: i18n,
+      onSetPage: this.onSetPage,
+      total: total,
+      current: this.state.current
+    });
+  };
+
   return AkPagination;
@@ -62,0 +54,0 @@ }(PureComponent);

dist/es/components/Stateless.js

@@ -1,4 +0,2 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
 import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
 import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
@@ -63,4 +61,2 @@ import _inherits from 'babel-runtime/helpers/inherits';
   function Pagination() {
-    var _ref;
-
     var _temp, _this, _ret;
@@ -74,3 +70,3 @@
 
-    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Pagination.__proto__ || _Object$getPrototypeOf(Pagination)).call.apply(_ref, [this].concat(args))), _this), _this.onSetPage = function (page) {
+    return _ret = (_temp = (_this = _possibleConstructorReturn(this, _PureComponent.call.apply(_PureComponent, [this].concat(args))), _this), _this.onSetPage = function (page) {
       return function () {
@@ -82,62 +78,59 @@ return _this.props.onSetPage(page);
 
-  _createClass(Pagination, [{
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
+  Pagination.prototype.render = function render() {
+    var _this2 = this;
 
-      var _props = this.props,
-          total = _props.total,
-          current = _props.current,
-          i18n = _props.i18n;
+    var _props = this.props,
+        total = _props.total,
+        current = _props.current,
+        i18n = _props.i18n;
 
-      var prevLabel = i18n.prev;
-      var prevIsDisabled = current === 1;
-      var prevOnClick = this.onSetPage(current - 1);
+    var prevLabel = i18n.prev;
+    var prevIsDisabled = current === 1;
+    var prevOnClick = this.onSetPage(current - 1);
 
-      var nextLabel = i18n.next;
-      var nextIsDisabled = current === total;
-      var nextOnClick = this.onSetPage(current + 1);
+    var nextLabel = i18n.next;
+    var nextIsDisabled = current === total;
+    var nextOnClick = this.onSetPage(current + 1);
 
-      return !total ? null : React.createElement(
-        Container,
-        null,
-        React.createElement(
-          Button,
+    return !total ? null : React.createElement(
+      Container,
+      null,
+      React.createElement(
+        Button,
+        {
+          appearance: 'link',
+          isDisabled: prevIsDisabled,
+          onClick: prevOnClick
+        },
+        prevLabel
+      ),
+      pageRange(MAX_VISIBLE_PAGES, current, total).map(function (pageNum, i) {
+        var isDisabled = pageNum === current;
+        var Element = isDisabled ? ButtonActive : Button;
+        return pageNum === '...' ? React.createElement(
+          Ellipsis,
+          { key: i },
+          '...'
+        ) : React.createElement(
+          Element,
           {
+            isDisabled: isDisabled,
+            key: i,
             appearance: 'link',
-            isDisabled: prevIsDisabled,
-            onClick: prevOnClick
+            onClick: _this2.onSetPage(pageNum)
           },
-          prevLabel
-        ),
-        pageRange(MAX_VISIBLE_PAGES, current, total).map(function (pageNum, i) {
-          var isDisabled = pageNum === current;
-          var Element = isDisabled ? ButtonActive : Button;
-          return pageNum === '...' ? React.createElement(
-            Ellipsis,
-            { key: i },
-            '...'
-          ) : React.createElement(
-            Element,
-            {
-              isDisabled: isDisabled,
-              key: i,
-              appearance: 'link',
-              onClick: _this2.onSetPage(pageNum)
-            },
-            pageNum
-          );
-        }),
-        React.createElement(
-          Button,
-          {
-            appearance: 'link',
-            isDisabled: nextIsDisabled,
-            onClick: nextOnClick
-          },
-          nextLabel
-        )
-      );
-    }
-  }]);
+          pageNum
+        );
+      }),
+      React.createElement(
+        Button,
+        {
+          appearance: 'link',
+          isDisabled: nextIsDisabled,
+          onClick: nextOnClick
+        },
+        nextLabel
+      )
+    );
+  };
 
@@ -144,0 +137,0 @@ return Pagination;

package.json

 {
   "name": "@atlaskit/pagination",
-  "version": "3.5.0",
+  "version": "3.5.1",
   "config": {
@@ -17,3 +17,5 @@ "access": "public"
     "prepublish": "../../node_modules/.bin/in-publish && { cd ../.. && npm run prepublish-with-babel/single @atlaskit/pagination; } || ../../node_modules/.bin/not-in-publish",
-    "jest": "../../node_modules/.bin/jest -c ../../build/config/jest.config.js"
+    "jest": "../../node_modules/.bin/jest -c ../../build/config/jest.config.js",
+    "storybook": "../../build/bin/storybook.single.sh",
+    "eslint": "../../build/bin/lint.eslint.sh"
   },
@@ -20,0 +22,0 @@ "files": [

README.md

@@ -14,3 +14,3 @@ [![AtlasKit component registry](https://img.shields.io/badge/AtlasKit-components-FF5230.svg)](http://atlaskit.atlassian.com)
 
-Interact with a [live demo of the @atlaskit/pagination component](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/pagination/3.5.0/).
+Interact with a [live demo of the @atlaskit/pagination component](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/pagination/3.5.1/).
 
@@ -32,3 +32,3 @@ ## Installation
 
-Detailed docs and example usage can be found [here](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/@atlaskit/pagination/3.5.0/).
+Detailed docs and example usage can be found [here](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/@atlaskit/pagination/3.5.1/).
 
@@ -35,0 +35,0 @@ _* Please note that this module could have dependencies that are governed by the Atlassian Design Guidelines license which will be automatically included on install. Each dependency has a license file that indicates whether the Atlassian Design Guidelines license applies._

No alert changes

Worsened metrics

Total package byte prevSize

65760

decreased by-5.57%

Lines of code

942

decreased by-5.71%

No dependency changes