@ausbom/pagination 0.1.47 → 0.1.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/Pagination.js +1 -1
- package/package.json +7 -9
package/lib/Pagination.js
CHANGED
|
@@ -1 +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 _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
|
|
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 _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 _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:_icon.ArrowLeft16,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:_icon.ArrowRight16,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
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ausbom/pagination",
|
|
3
|
-
"
|
|
3
|
+
"type": "commonjs",
|
|
4
|
+
"version": "0.1.48",
|
|
4
5
|
"description": "",
|
|
5
6
|
"keywords": [],
|
|
6
7
|
"author": "",
|
|
@@ -20,7 +21,7 @@
|
|
|
20
21
|
},
|
|
21
22
|
"scripts": {
|
|
22
23
|
"build": "babel src --out-dir lib --extensions '.ts,.tsx' --delete-dir-on-start",
|
|
23
|
-
"build:watch": "npm run build -- --copy-files --watch",
|
|
24
|
+
"build:watch": "npm run build -- --copy-files --no-copy-ignored --watch ",
|
|
24
25
|
"build:readme": "../generate-readme.sh",
|
|
25
26
|
"postbuild": "copyfiles -u 1 \"./src/**/{*.d.*,*.scss}\" ./lib"
|
|
26
27
|
},
|
|
@@ -31,14 +32,11 @@
|
|
|
31
32
|
"node": ">=10"
|
|
32
33
|
},
|
|
33
34
|
"devDependencies": {
|
|
34
|
-
"@ausbom/babel-preset": "^0.2.
|
|
35
|
-
},
|
|
36
|
-
"peerDependencies": {
|
|
37
|
-
"react": ">= 16.3.x"
|
|
35
|
+
"@ausbom/babel-preset": "^0.2.1"
|
|
38
36
|
},
|
|
39
37
|
"dependencies": {
|
|
40
|
-
"@ausbom/icon": "^0.23.
|
|
41
|
-
"@ausbom/styles": "^0.14.
|
|
38
|
+
"@ausbom/icon": "^0.23.3",
|
|
39
|
+
"@ausbom/styles": "^0.14.4"
|
|
42
40
|
},
|
|
43
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "18cc71041ec60f545b727fc22d0b6edc624c23b2"
|
|
44
42
|
}
|