react-headless-pagination - npm Package Compare versions

Comparing version 1.1.2 to 1.1.3

dist/react-headless-pagination.cjs.development.js

@@ -132,2 +132,3 @@ 'use strict';
     },
+    tabIndex: pagination.currentPage === 0 ? -1 : 0,
     disabled: pagination.currentPage === 0,
@@ -160,2 +161,3 @@ "data-testid": dataTestId
     },
+    tabIndex: pagination.currentPage === pagination.pages.length - 1 ? -1 : 0,
     disabled: pagination.currentPage === pagination.pages.length - 1,
@@ -162,0 +164,0 @@ "data-testid": dataTestId

dist/react-headless-pagination.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")),a=e(require("classnames"));function n(e,t){if(null==e)return{};var a,n,r={},s=Object.keys(e);for(n=0;n<s.length;n++)t.indexOf(a=s[n])>=0||(r[a]=e[a]);return r}var r=function(e){var r,s=e.className,u=e.children,l=e.dataTestId,i=e.as,o=void 0===i?t.createElement("button",null):i,d=n(e,["className","children","dataTestId","as"]),g=t.useContext(c);return t.createElement(o.type,Object.assign({},d,o.props,{className:a(s,o.props.className),onClick:function(){g.currentPage+1>1&&g.setCurrentPage(g.currentPage-1)},disabled:0===g.currentPage,"data-testid":l}),null!=(r=o.props.children)?r:u)},s=function(e){var r,s=e.className,u=e.children,l=e.dataTestId,i=e.as,o=void 0===i?t.createElement("button",null):i,d=n(e,["className","children","dataTestId","as"]),g=t.useContext(c);return t.createElement(o.type,Object.assign({},d,o.props,{className:a(s,o.props.className),onClick:function(){g.currentPage+1<g.pages.length&&g.setCurrentPage(g.currentPage+1)},disabled:g.currentPage===g.pages.length-1,"data-testid":l}),null!=(r=o.props.children)?r:u)},u=function(e){var a=e.prev,n=t.useContext(c);return n.isPreviousTruncable&&!0===a||n.isNextTruncable&&!a?t.createElement("li",{className:n.truncableClassName||void 0},n.truncableText):null},l=function(e){var n=e.as,r=void 0===n?t.createElement("a",null):n,s=e.className,l=e.dataTestIdActive,i=e.dataTestIdInactive,o=e.activeClassName,d=e.inactiveClassName,g=t.useContext(c),m=function(e){var n;return t.createElement("li",{key:e},t.createElement(r.type,Object.assign({"data-testid":a((n={},n[""+l]=l&&g.currentPage+1===e,n[i+"-"+e]=l&&g.currentPage+1!==e,n))||void 0,tabIndex:0,onKeyPress:function(t){"Enter"===t.key&&g.setCurrentPage(e-1)},onClick:function(){return g.setCurrentPage(e-1)},className:a(s,g.currentPage+1===e?o:d)},r.props),e))};return t.createElement(t.Fragment,null,g.previousPages.map(m),t.createElement(u,{prev:!0}),g.middlePages.map(m),t.createElement(u,null),g.nextPages.map(m))},c=t.createContext({currentPage:0,setCurrentPage:function(){},truncableText:"...",truncableClassName:"",pages:[],hasPreviousPage:!1,hasNextPage:!1,previousPages:[],isPreviousTruncable:!1,middlePages:[],isNextTruncable:!1,nextPages:[]}),i=function(e){var a,r,s,u,l,i,o,d,g,m,P,p,v,f,b,x,N,C,h,T,E,y=e.dataTestId,I=n(e,["dataTestId"]),M=(r=(a=I).currentPage,s=a.setCurrentPage,l=void 0===(u=a.truncableText)?"...":u,o=void 0===(i=a.truncableClassName)?"":i,d=a.totalPages,g=a.edgePageCount,m=a.middlePagesSiblingCount,P=Array(d).fill(0).map((function(e,t){return t+1})),p=r>1,v=r<d,f=r<=m,b=r+m>=d,x=t.useMemo((function(){var e=2*m+1;return f?P.slice(0,e):b?P.slice(-e):P.slice(r-m,r+m+1)}),[r,P]),N=t.useMemo((function(){return f||P.slice(0,x[0]-1).length<1?[]:P.slice(0,g).filter((function(e){return!x.includes(e)}))}),[r,P]),C=t.useMemo((function(){return P.slice(x[x.length-1],P[P.length])}),[P,x]),h=t.useMemo((function(){return b||C.length<1?[]:P.slice(P.length-g,P.length).filter((function(e){return!x.includes(e)}))}),[x,P]),T=t.useMemo((function(){return x[0]>N[N.length-1]+1}),[N,x]),E=t.useMemo((function(){return x[x.length-1]+1<h[0]}),[h,x]),{currentPage:r,setCurrentPage:s,truncableText:l,truncableClassName:o,pages:P,hasPreviousPage:p,hasNextPage:v,previousPages:N,isPreviousTruncable:T,middlePages:x,isNextTruncable:E,nextPages:h});return t.createElement(c.Provider,{value:M},t.createElement("div",{className:I.className,"data-testid":y},I.children))};i.PrevButton=r,i.NextButton=s,i.PageButton=l,exports.NextButton=s,exports.PageButton=l,exports.Pagination=i,exports.PrevButton=r;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")),a=e(require("classnames"));function n(e,t){if(null==e)return{};var a,n,r={},s=Object.keys(e);for(n=0;n<s.length;n++)t.indexOf(a=s[n])>=0||(r[a]=e[a]);return r}var r=function(e){var r,s=e.className,u=e.children,l=e.dataTestId,i=e.as,o=void 0===i?t.createElement("button",null):i,d=n(e,["className","children","dataTestId","as"]),g=t.useContext(c);return t.createElement(o.type,Object.assign({},d,o.props,{className:a(s,o.props.className),onClick:function(){g.currentPage+1>1&&g.setCurrentPage(g.currentPage-1)},tabIndex:0===g.currentPage?-1:0,disabled:0===g.currentPage,"data-testid":l}),null!=(r=o.props.children)?r:u)},s=function(e){var r,s=e.className,u=e.children,l=e.dataTestId,i=e.as,o=void 0===i?t.createElement("button",null):i,d=n(e,["className","children","dataTestId","as"]),g=t.useContext(c);return t.createElement(o.type,Object.assign({},d,o.props,{className:a(s,o.props.className),onClick:function(){g.currentPage+1<g.pages.length&&g.setCurrentPage(g.currentPage+1)},tabIndex:g.currentPage===g.pages.length-1?-1:0,disabled:g.currentPage===g.pages.length-1,"data-testid":l}),null!=(r=o.props.children)?r:u)},u=function(e){var a=e.prev,n=t.useContext(c);return n.isPreviousTruncable&&!0===a||n.isNextTruncable&&!a?t.createElement("li",{className:n.truncableClassName||void 0},n.truncableText):null},l=function(e){var n=e.as,r=void 0===n?t.createElement("a",null):n,s=e.className,l=e.dataTestIdActive,i=e.dataTestIdInactive,o=e.activeClassName,d=e.inactiveClassName,g=t.useContext(c),P=function(e){var n;return t.createElement("li",{key:e},t.createElement(r.type,Object.assign({"data-testid":a((n={},n[""+l]=l&&g.currentPage+1===e,n[i+"-"+e]=l&&g.currentPage+1!==e,n))||void 0,tabIndex:0,onKeyPress:function(t){"Enter"===t.key&&g.setCurrentPage(e-1)},onClick:function(){return g.setCurrentPage(e-1)},className:a(s,g.currentPage+1===e?o:d)},r.props),e))};return t.createElement(t.Fragment,null,g.previousPages.map(P),t.createElement(u,{prev:!0}),g.middlePages.map(P),t.createElement(u,null),g.nextPages.map(P))},c=t.createContext({currentPage:0,setCurrentPage:function(){},truncableText:"...",truncableClassName:"",pages:[],hasPreviousPage:!1,hasNextPage:!1,previousPages:[],isPreviousTruncable:!1,middlePages:[],isNextTruncable:!1,nextPages:[]}),i=function(e){var a,r,s,u,l,i,o,d,g,P,m,p,v,f,b,x,N,h,C,T,E,I=e.dataTestId,y=n(e,["dataTestId"]),M=(r=(a=y).currentPage,s=a.setCurrentPage,l=void 0===(u=a.truncableText)?"...":u,o=void 0===(i=a.truncableClassName)?"":i,d=a.totalPages,g=a.edgePageCount,P=a.middlePagesSiblingCount,m=Array(d).fill(0).map((function(e,t){return t+1})),p=r>1,v=r<d,f=r<=P,b=r+P>=d,x=t.useMemo((function(){var e=2*P+1;return f?m.slice(0,e):b?m.slice(-e):m.slice(r-P,r+P+1)}),[r,m]),N=t.useMemo((function(){return f||m.slice(0,x[0]-1).length<1?[]:m.slice(0,g).filter((function(e){return!x.includes(e)}))}),[r,m]),h=t.useMemo((function(){return m.slice(x[x.length-1],m[m.length])}),[m,x]),C=t.useMemo((function(){return b||h.length<1?[]:m.slice(m.length-g,m.length).filter((function(e){return!x.includes(e)}))}),[x,m]),T=t.useMemo((function(){return x[0]>N[N.length-1]+1}),[N,x]),E=t.useMemo((function(){return x[x.length-1]+1<C[0]}),[C,x]),{currentPage:r,setCurrentPage:s,truncableText:l,truncableClassName:o,pages:m,hasPreviousPage:p,hasNextPage:v,previousPages:N,isPreviousTruncable:T,middlePages:x,isNextTruncable:E,nextPages:C});return t.createElement(c.Provider,{value:M},t.createElement("div",{className:y.className,"data-testid":I},y.children))};i.PrevButton=r,i.NextButton=s,i.PageButton=l,exports.NextButton=s,exports.PageButton=l,exports.Pagination=i,exports.PrevButton=r;
 //# sourceMappingURL=react-headless-pagination.cjs.production.min.js.map

dist/react-headless-pagination.esm.js

@@ -126,2 +126,3 @@ import React from 'react';
     },
+    tabIndex: pagination.currentPage === 0 ? -1 : 0,
     disabled: pagination.currentPage === 0,
@@ -154,2 +155,3 @@ "data-testid": dataTestId
     },
+    tabIndex: pagination.currentPage === pagination.pages.length - 1 ? -1 : 0,
     disabled: pagination.currentPage === pagination.pages.length - 1,
@@ -156,0 +158,0 @@ "data-testid": dataTestId

package.json

 {
   "name": "react-headless-pagination",
   "author": "Thijs Smudde",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "license": "MIT",
@@ -6,0 +6,0 @@ "main": "dist/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

74593

increased by1.7%

Lines of code

521

increased by0.77%

No dependency changes