@ausbom/pagination 0.1.44 → 0.1.47

package/lib/Pagination.js

@@ -1 +1 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _icon=require("@ausbom/icon");var _ArrowLeft=_interopRequireDefault(require("@ausbom/icon/lib/icons/system/ArrowLeft16"));var _ArrowRight=_interopRequireDefault(require("@ausbom/icon/lib/icons/system/ArrowRight16"));var _classnames=_interopRequireDefault(require("classnames"));var _react=_interopRequireDefault(require("react"));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 Pagination=/*#__PURE__*/function(_React$PureComponent){(0,_inherits2["default"])(Pagination,_React$PureComponent);var _super=_createSuper(Pagination);function Pagination(){var _this;(0,_classCallCheck2["default"])(this,Pagination);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key]}_this=_super.call.apply(_super,[this].concat(args));(0,_defineProperty2["default"])((0,_assertThisInitialized2["default"])(_this),"handleChange",function(e,page){var onChange=_this.props.onChange;if(typeof onChange==="function"){if(e&&e.preventDefault){e.preventDefault()}onChange(page)}});(0,_defineProperty2["default"])((0,_assertThisInitialized2["default"])(_this),"pageHref",function(page){var generateHref=_this.props.generateHref;return typeof generateHref==="function"?generateHref(page):"#"});(0,_defineProperty2["default"])((0,_assertThisInitialized2["default"])(_this),"pageLabel",function(page){var generateLabel=_this.props.generateLabel;return typeof generateLabel==="function"?generateLabel(page):"".concat(page)});(0,_defineProperty2["default"])((0,_assertThisInitialized2["default"])(_this),"pageA11yLabel",function(page){var generateA11yLabel=_this.props.generateA11yLabel;return typeof generateA11yLabel==="function"?generateA11yLabel(page):"Page ".concat(page)});return _this}(0,_createClass2["default"])(Pagination,[{key:"renderPages",value:function renderPages(){var _this2=this;var _ref=this.props,currentPage=_ref.currentPage,numPages=_ref.numPages,pagesToShow=_ref.pagesToShow;var maxPagesToShow=Math.min(numPages,pagesToShow);var pageStart=currentPage<numPages+1-maxPagesToShow?Math.max(1,currentPage-Math.floor(maxPagesToShow/2)):numPages+1-maxPagesToShow;var pageEnd=Math.min(numPages+1,pageStart+maxPagesToShow);var actualPagesToShow=pageEnd-pageStart;var pages=Array(actualPagesToShow).fill(null).map(function(_,i){return i+pageStart}).map(function(pageNumber){var isCurrent=currentPage===pageNumber;var pageClasses=(0,_classnames["default"])({"bom-pagination-link":true,"bom-pagination-link--current":isCurrent});return/*#__PURE__*/_react["default"].createElement("li",{key:pageNumber,className:"bom-pagination__list-item"},/*#__PURE__*/_react["default"].createElement("a",{className:pageClasses,"aria-current":isCurrent?"page":undefined,href:_this2.pageHref(pageNumber),"aria-label":_this2.pageA11yLabel(pageNumber),onClick:function onClick(e){_this2.handleChange(e,pageNumber)}},/*#__PURE__*/_react["default"].createElement("span",{className:"bom-pagination-link__text"},_this2.pageLabel(pageNumber))))});return pages}},{key:"render",value:function render(){var _this3=this;var _ref2=this.props,currentPage=_ref2.currentPage,numPages=_ref2.numPages,nextLabel=_ref2.nextLabel,prevLabel=_ref2.prevLabel;var isFirst=currentPage===1;var isLast=currentPage===numPages;return/*#__PURE__*/_react["default"].createElement("nav",{"aria-label":"Pagination",className:"bom-pagination"},/*#__PURE__*/_react["default"].createElement("a",{className:(0,_classnames["default"])({"bom-pagination-dir":true,"bom-pagination-dir--prev":true,"bom-pagination-dir--disabled":isFirst}),href:!isFirst?this.pageHref(currentPage-1):undefined,"aria-disabled":isFirst,onClick:function onClick(e){if(!isFirst){_this3.handleChange(e,currentPage-1)}},"data-testid":"bom-pagination-prev"},/*#__PURE__*/_react["default"].createElement("span",{className:"bom-pagination-dir__label"},prevLabel),/*#__PURE__*/_react["default"].createElement(_icon.SystemIcon,{icon:_ArrowLeft["default"],size:16,"aria-hidden":true})),/*#__PURE__*/_react["default"].createElement("ol",{className:"bom-pagination__list"},this.renderPages()),/*#__PURE__*/_react["default"].createElement("a",{className:(0,_classnames["default"])({"bom-pagination-dir":true,"bom-pagination-dir--next":true,"bom-pagination-dir--disabled":isLast}),href:!isLast?this.pageHref(currentPage+1):undefined,"aria-disabled":isLast,onClick:function onClick(e){if(!isLast){_this3.handleChange(e,currentPage+1)}},"data-testid":"bom-pagination-next"},/*#__PURE__*/_react["default"].createElement("span",{className:"bom-pagination-dir__label"},nextLabel),/*#__PURE__*/_react["default"].createElement(_icon.SystemIcon,{icon:_ArrowRight["default"],size:16,"aria-hidden":true})))}}]);return Pagination}(_react["default"].PureComponent);(0,_defineProperty2["default"])(Pagination,"defaultProps",{});Pagination.defaultProps={pagesToShow:3,nextLabel:"Next page",prevLabel:"Previous page"};var PaginationWithRef=/*#__PURE__*/_react["default"].forwardRef(function(props,ref){return/*#__PURE__*/_react["default"].createElement(Pagination,(0,_extends2["default"])({innerRef:ref},props))});PaginationWithRef.displayName="Pagination";var _default=PaginationWithRef;exports["default"]=_default;
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _icon=require("@ausbom/icon");var _ArrowLeft=_interopRequireDefault(require("@ausbom/icon/lib/icons/system/ArrowLeft16"));var _ArrowRight=_interopRequireDefault(require("@ausbom/icon/lib/icons/system/ArrowRight16"));var _classnames=_interopRequireDefault(require("classnames"));var _react=_interopRequireDefault(require("react"));function _callSuper(t,o,e){return o=(0,_getPrototypeOf2["default"])(o),(0,_possibleConstructorReturn2["default"])(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],(0,_getPrototypeOf2["default"])(t).constructor):o.apply(t,e))}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}var Pagination=/*#__PURE__*/function(_React$PureComponent){function Pagination(){var _this;(0,_classCallCheck2["default"])(this,Pagination);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key]}_this=_callSuper(this,Pagination,[].concat(args));(0,_defineProperty2["default"])(_this,"handleChange",function(e,page){var onChange=_this.props.onChange;if(typeof onChange==="function"){if(e&&e.preventDefault){e.preventDefault()}onChange(page)}});(0,_defineProperty2["default"])(_this,"pageHref",function(page){var generateHref=_this.props.generateHref;return typeof generateHref==="function"?generateHref(page):"#"});(0,_defineProperty2["default"])(_this,"pageLabel",function(page){var generateLabel=_this.props.generateLabel;return typeof generateLabel==="function"?generateLabel(page):"".concat(page)});(0,_defineProperty2["default"])(_this,"pageA11yLabel",function(page){var generateA11yLabel=_this.props.generateA11yLabel;return typeof generateA11yLabel==="function"?generateA11yLabel(page):"Page ".concat(page)});return _this}(0,_inherits2["default"])(Pagination,_React$PureComponent);return(0,_createClass2["default"])(Pagination,[{key:"renderPages",value:function renderPages(){var _this2=this;var _ref=this.props,currentPage=_ref.currentPage,numPages=_ref.numPages,pagesToShow=_ref.pagesToShow;var maxPagesToShow=Math.min(numPages,pagesToShow);var pageStart=currentPage<numPages+1-maxPagesToShow?Math.max(1,currentPage-Math.floor(maxPagesToShow/2)):numPages+1-maxPagesToShow;var pageEnd=Math.min(numPages+1,pageStart+maxPagesToShow);var actualPagesToShow=pageEnd-pageStart;var pages=Array(actualPagesToShow).fill(null).map(function(_,i){return i+pageStart}).map(function(pageNumber){var isCurrent=currentPage===pageNumber;var pageClasses=(0,_classnames["default"])({"bom-pagination-link":true,"bom-pagination-link--current":isCurrent});return/*#__PURE__*/_react["default"].createElement("li",{key:pageNumber,className:"bom-pagination__list-item"},/*#__PURE__*/_react["default"].createElement("a",{className:pageClasses,"aria-current":isCurrent?"page":undefined,href:_this2.pageHref(pageNumber),"aria-label":_this2.pageA11yLabel(pageNumber),onClick:function onClick(e){_this2.handleChange(e,pageNumber)}},/*#__PURE__*/_react["default"].createElement("span",{className:"bom-pagination-link__text"},_this2.pageLabel(pageNumber))))});return pages}},{key:"render",value:function render(){var _this3=this;var _ref2=this.props,currentPage=_ref2.currentPage,numPages=_ref2.numPages,nextLabel=_ref2.nextLabel,prevLabel=_ref2.prevLabel;var isFirst=currentPage===1;var isLast=currentPage===numPages;return/*#__PURE__*/_react["default"].createElement("nav",{"aria-label":"Pagination",className:"bom-pagination"},/*#__PURE__*/_react["default"].createElement("a",{className:(0,_classnames["default"])({"bom-pagination-dir":true,"bom-pagination-dir--prev":true,"bom-pagination-dir--disabled":isFirst}),href:!isFirst?this.pageHref(currentPage-1):undefined,"aria-disabled":isFirst,onClick:function onClick(e){if(!isFirst){_this3.handleChange(e,currentPage-1)}},"data-testid":"bom-pagination-prev"},/*#__PURE__*/_react["default"].createElement("span",{className:"bom-pagination-dir__label"},prevLabel),/*#__PURE__*/_react["default"].createElement(_icon.SystemIcon,{icon:_ArrowLeft["default"],size:16,"aria-hidden":true})),/*#__PURE__*/_react["default"].createElement("ol",{className:"bom-pagination__list"},this.renderPages()),/*#__PURE__*/_react["default"].createElement("a",{className:(0,_classnames["default"])({"bom-pagination-dir":true,"bom-pagination-dir--next":true,"bom-pagination-dir--disabled":isLast}),href:!isLast?this.pageHref(currentPage+1):undefined,"aria-disabled":isLast,onClick:function onClick(e){if(!isLast){_this3.handleChange(e,currentPage+1)}},"data-testid":"bom-pagination-next"},/*#__PURE__*/_react["default"].createElement("span",{className:"bom-pagination-dir__label"},nextLabel),/*#__PURE__*/_react["default"].createElement(_icon.SystemIcon,{icon:_ArrowRight["default"],size:16,"aria-hidden":true})))}}])}(_react["default"].PureComponent);(0,_defineProperty2["default"])(Pagination,"defaultProps",{});Pagination.defaultProps={pagesToShow:3,nextLabel:"Next page",prevLabel:"Previous page"};var PaginationWithRef=/*#__PURE__*/_react["default"].forwardRef(function(props,ref){return/*#__PURE__*/_react["default"].createElement(Pagination,(0,_extends2["default"])({innerRef:ref},props))});PaginationWithRef.displayName="Pagination";var _default=exports["default"]=PaginationWithRef;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ausbom/pagination",
-  "version": "0.1.44",
+  "version": "0.1.47",
   "description": "",
   "keywords": [],
   "author": "",
@@ -37,8 +37,8 @@
     "react": ">= 16.3.x"
   },
   "dependencies": {
-    "@ausbom/icon": "^0.22.1",
-    "@ausbom/styles": "^0.14.0"
+    "@ausbom/icon": "^0.23.2",
+    "@ausbom/styles": "^0.14.3"
   },
-  "gitHead": "9d56bac065b10b844ddd9180eadbed6ce71a91e5"
+  "gitHead": "87c9965ca0e0d4f1172829c9ecd33113aace8fa1"
 }