New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@leafygreen-ui/pagination

Package Overview
Dependencies
Maintainers
6
Versions
43
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@leafygreen-ui/pagination - npm Package Compare versions

Comparing version 1.0.19-popover.0 to 1.0.19

9

CHANGELOG.md
# @leafygreen-ui/pagination
## 1.0.19-popover.0
## 1.0.19
### Patch Changes
- @leafygreen-ui/select@11.1.3-popover.0
- 2bceccb1: Fixes `lodash` imports to use default exports of specific functions to reduce component's bundle size.
- Updated dependencies [2bceccb1]
- Updated dependencies [2645cd50]
- @leafygreen-ui/hooks@8.1.1
- @leafygreen-ui/lib@13.2.1
- @leafygreen-ui/tokens@2.3.0

@@ -9,0 +14,0 @@ ## 1.0.18

2

dist/esm/index.js

@@ -1,2 +0,2 @@

import e from"react";import{range as t}from"lodash";import n from"prop-types";import{css as r,cx as a}from"@leafygreen-ui/emotion";import{useIdAllocator as i}from"@leafygreen-ui/hooks";import o from"@leafygreen-ui/icon/dist/ChevronLeft";import l from"@leafygreen-ui/icon/dist/ChevronRight";import s from"@leafygreen-ui/icon-button";import c,{useDarkMode as m}from"@leafygreen-ui/leafygreen-provider";import{Select as u,DropdownWidthBasis as d,Option as p}from"@leafygreen-ui/select";import{Body as g}from"@leafygreen-ui/typography";import{spacing as f}from"@leafygreen-ui/tokens";function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function y(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function P(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var v,h,O=r(v||(v=P(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n\n > div:first-child {\n justify-content: flex-start;\n }\n > div:last-child {\n justify-content: flex-end;\n }\n"]))),w=r(h||(h=P(["\n flex: 1;\n display: flex;\n gap: ","px;\n align-items: center;\n justify-content: center;\n"])),f[1]),k=function(e,t){return Math.ceil(e/t)},C=["id","className","itemsPerPage","itemsPerPageOptions","onItemsPerPageOptionChange","currentPage","onCurrentPageOptionChange","numTotalItems","onBackArrowClick","shouldDisableBackArrow","onForwardArrowClick","shouldDisableForwardArrow","darkMode"],E=[10,25,50];function x(n){var r=n.id,f=n.className,P=n.itemsPerPage,v=void 0===P?E[0]:P,h=n.itemsPerPageOptions,x=void 0===h?E:h,j=n.onItemsPerPageOptionChange,A=n.currentPage,F=void 0===A?1:A,I=n.onCurrentPageOptionChange,N=n.numTotalItems,B=n.onBackArrowClick,M=n.shouldDisableBackArrow,S=n.onForwardArrowClick,D=n.shouldDisableForwardArrow,z=n.darkMode,T=y(n,C),R=m(z).darkMode,q=i({prefix:"lg-pagination-items-per-page-label",id:r}),V=i({prefix:"lg-pagination-items-per-page-select",id:r}),W=void 0!==M?M:void 0!==N&&F<=1,L=void 0!==D?D:void 0!==N&&F>=k(N,v);return(F<1||N&&k(N,v)<F)&&console.error("Value of the 'currentPage' prop is invalid."),x.includes(v)||console.error("Value of the 'itemsPerPage' prop is not a valid option specified in 'itemsPerPageOptions'."),e.createElement(c,{darkMode:R},e.createElement("div",b({className:a(O,f)},T),e.createElement("div",{className:w},void 0!==j&&e.createElement(e.Fragment,null,e.createElement(g,{as:"label",id:q,htmlFor:V},"Items per page:"),e.createElement(u,{onChange:j,"aria-labelledby":q,value:String(v),id:V,allowDeselect:!1,size:"xsmall",dropdownWidthBasis:d.Option},x.map((function(t){return e.createElement(p,{key:t,value:String(t)},t)}))))),e.createElement("div",{className:w},e.createElement(g,{"data-testid":"lg-pagination-item-range"},function(e,t,n){return"".concat(e*(t-1)+1," - ").concat(Math.min(e*t,null!=n?n:e*t))}(v,F,N)," of"," ",function(e){return e?"".concat(e," items"):"many"}(N))),e.createElement("div",{className:w},void 0!==I&&N?e.createElement(e.Fragment,null,e.createElement(u,{"aria-label":"Set current page",onChange:I,value:String(F),allowDeselect:!1,size:"xsmall","data-testid":"lg-pagination-page-select",dropdownWidthBasis:d.Option},t(1,k(N,v)+1).map((function(t){return e.createElement(p,{key:t,value:String(t)},t)}))),e.createElement(g,null,"of ",k(N,v))):e.createElement(g,{"data-testid":"lg-pagination-page-range"},F," of"," ",N?k(N,v):"many"),e.createElement(s,{"aria-label":"Previous page",disabled:W,onClick:B,"data-testid":"lg-pagination-back-button"},e.createElement(o,null)),e.createElement(s,{"aria-label":"Next page",disabled:L,onClick:S,"data-testid":"lg-pagination-next-button"},e.createElement(l,null)))))}x.propTypes={darkMode:n.bool,onBackArrowClick:n.func.isRequired,onForwardArrowClick:n.func.isRequired,numTotalItems:n.number,onCurrentPageOptionChange:n.func,currentPage:n.number,onItemsPerPageOptionChange:n.func,itemsPerPageOptions:n.arrayOf(n.number),itemsPerPage:n.number},x.displayName="Pagination";export{x as default};
import e from"react";import t from"lodash/range";import n from"prop-types";import{css as r,cx as a}from"@leafygreen-ui/emotion";import{useIdAllocator as i}from"@leafygreen-ui/hooks";import o from"@leafygreen-ui/icon/dist/ChevronLeft";import l from"@leafygreen-ui/icon/dist/ChevronRight";import s from"@leafygreen-ui/icon-button";import c,{useDarkMode as m}from"@leafygreen-ui/leafygreen-provider";import{Select as u,DropdownWidthBasis as d,Option as p}from"@leafygreen-ui/select";import{Body as g}from"@leafygreen-ui/typography";import{spacing as f}from"@leafygreen-ui/tokens";function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function y(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function P(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var v,h,O=r(v||(v=P(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n\n > div:first-child {\n justify-content: flex-start;\n }\n > div:last-child {\n justify-content: flex-end;\n }\n"]))),w=r(h||(h=P(["\n flex: 1;\n display: flex;\n gap: ","px;\n align-items: center;\n justify-content: center;\n"])),f[1]),k=function(e,t){return Math.ceil(e/t)},C=["id","className","itemsPerPage","itemsPerPageOptions","onItemsPerPageOptionChange","currentPage","onCurrentPageOptionChange","numTotalItems","onBackArrowClick","shouldDisableBackArrow","onForwardArrowClick","shouldDisableForwardArrow","darkMode"],E=[10,25,50];function x(n){var r=n.id,f=n.className,P=n.itemsPerPage,v=void 0===P?E[0]:P,h=n.itemsPerPageOptions,x=void 0===h?E:h,j=n.onItemsPerPageOptionChange,A=n.currentPage,F=void 0===A?1:A,I=n.onCurrentPageOptionChange,N=n.numTotalItems,B=n.onBackArrowClick,M=n.shouldDisableBackArrow,S=n.onForwardArrowClick,D=n.shouldDisableForwardArrow,z=n.darkMode,T=y(n,C),R=m(z).darkMode,q=i({prefix:"lg-pagination-items-per-page-label",id:r}),V=i({prefix:"lg-pagination-items-per-page-select",id:r}),W=void 0!==M?M:void 0!==N&&F<=1,L=void 0!==D?D:void 0!==N&&F>=k(N,v);return(F<1||N&&k(N,v)<F)&&console.error("Value of the 'currentPage' prop is invalid."),x.includes(v)||console.error("Value of the 'itemsPerPage' prop is not a valid option specified in 'itemsPerPageOptions'."),e.createElement(c,{darkMode:R},e.createElement("div",b({className:a(O,f)},T),e.createElement("div",{className:w},void 0!==j&&e.createElement(e.Fragment,null,e.createElement(g,{as:"label",id:q,htmlFor:V},"Items per page:"),e.createElement(u,{onChange:j,"aria-labelledby":q,value:String(v),id:V,allowDeselect:!1,size:"xsmall",dropdownWidthBasis:d.Option},x.map((function(t){return e.createElement(p,{key:t,value:String(t)},t)}))))),e.createElement("div",{className:w},e.createElement(g,{"data-testid":"lg-pagination-item-range"},function(e,t,n){return"".concat(e*(t-1)+1," - ").concat(Math.min(e*t,null!=n?n:e*t))}(v,F,N)," of"," ",function(e){return e?"".concat(e," items"):"many"}(N))),e.createElement("div",{className:w},void 0!==I&&N?e.createElement(e.Fragment,null,e.createElement(u,{"aria-label":"Set current page",onChange:I,value:String(F),allowDeselect:!1,size:"xsmall","data-testid":"lg-pagination-page-select",dropdownWidthBasis:d.Option},t(1,k(N,v)+1).map((function(t){return e.createElement(p,{key:t,value:String(t)},t)}))),e.createElement(g,null,"of ",k(N,v))):e.createElement(g,{"data-testid":"lg-pagination-page-range"},F," of"," ",N?k(N,v):"many"),e.createElement(s,{"aria-label":"Previous page",disabled:W,onClick:B,"data-testid":"lg-pagination-back-button"},e.createElement(o,null)),e.createElement(s,{"aria-label":"Next page",disabled:L,onClick:S,"data-testid":"lg-pagination-next-button"},e.createElement(l,null)))))}x.propTypes={darkMode:n.bool,onBackArrowClick:n.func.isRequired,onForwardArrowClick:n.func.isRequired,numTotalItems:n.number,onCurrentPageOptionChange:n.func,currentPage:n.number,onItemsPerPageOptionChange:n.func,itemsPerPageOptions:n.arrayOf(n.number),itemsPerPage:n.number},x.displayName="Pagination";export{x as default};
//# sourceMappingURL=index.js.map

2

dist/index.js

@@ -1,2 +0,2 @@

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("lodash"),require("prop-types"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/hooks"),require("@leafygreen-ui/icon/dist/ChevronLeft"),require("@leafygreen-ui/icon/dist/ChevronRight"),require("@leafygreen-ui/icon-button"),require("@leafygreen-ui/leafygreen-provider"),require("@leafygreen-ui/select"),require("@leafygreen-ui/typography"),require("@leafygreen-ui/tokens")):"function"==typeof define&&define.amd?define(["react","lodash","prop-types","@leafygreen-ui/emotion","@leafygreen-ui/hooks","@leafygreen-ui/icon/dist/ChevronLeft","@leafygreen-ui/icon/dist/ChevronRight","@leafygreen-ui/icon-button","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/select","@leafygreen-ui/typography","@leafygreen-ui/tokens"],t):(e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/pagination"]=t(e.React,e.lodash,e.PropTypes,e["@leafygreen-ui/emotion"],e["@leafygreen-ui/hooks"],e.ChevronLeft,e.ChevronRight,e["@leafygreen-ui/icon-button"],e["@leafygreen-ui/leafygreen-provider"],e["@leafygreen-ui/select"],e["@leafygreen-ui/typography"],e["@leafygreen-ui/tokens"])}(this,(function(e,t,n,a,r,i,l,o,u,d,s,f){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g,p,m=c(e),y=c(n),h=c(i),b=c(l),v=c(o),P=c(u);function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},O.apply(this,arguments)}function k(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},i=Object.keys(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function w(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var C=a.css(g||(g=w(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n\n > div:first-child {\n justify-content: flex-start;\n }\n > div:last-child {\n justify-content: flex-end;\n }\n"]))),E=a.css(p||(p=w(["\n flex: 1;\n display: flex;\n gap: ","px;\n align-items: center;\n justify-content: center;\n"])),f.spacing[1]),x=function(e,t){return Math.ceil(e/t)},j=["id","className","itemsPerPage","itemsPerPageOptions","onItemsPerPageOptionChange","currentPage","onCurrentPageOptionChange","numTotalItems","onBackArrowClick","shouldDisableBackArrow","onForwardArrowClick","shouldDisableForwardArrow","darkMode"],q=[10,25,50];function B(e){var n=e.id,i=e.className,l=e.itemsPerPage,o=void 0===l?q[0]:l,f=e.itemsPerPageOptions,c=void 0===f?q:f,g=e.onItemsPerPageOptionChange,p=e.currentPage,y=void 0===p?1:p,w=e.onCurrentPageOptionChange,B=e.numTotalItems,A=e.onBackArrowClick,I=e.shouldDisableBackArrow,D=e.onForwardArrowClick,S=e.shouldDisableForwardArrow,F=e.darkMode,M=k(e,j),N=u.useDarkMode(F).darkMode,T=r.useIdAllocator({prefix:"lg-pagination-items-per-page-label",id:n}),R=r.useIdAllocator({prefix:"lg-pagination-items-per-page-select",id:n}),z=void 0!==I?I:void 0!==B&&y<=1,W=void 0!==S?S:void 0!==B&&y>=x(B,o);return(y<1||B&&x(B,o)<y)&&console.error("Value of the 'currentPage' prop is invalid."),c.includes(o)||console.error("Value of the 'itemsPerPage' prop is not a valid option specified in 'itemsPerPageOptions'."),m.default.createElement(P.default,{darkMode:N},m.default.createElement("div",O({className:a.cx(C,i)},M),m.default.createElement("div",{className:E},void 0!==g&&m.default.createElement(m.default.Fragment,null,m.default.createElement(s.Body,{as:"label",id:T,htmlFor:R},"Items per page:"),m.default.createElement(d.Select,{onChange:g,"aria-labelledby":T,value:String(o),id:R,allowDeselect:!1,size:"xsmall",dropdownWidthBasis:d.DropdownWidthBasis.Option},c.map((function(e){return m.default.createElement(d.Option,{key:e,value:String(e)},e)}))))),m.default.createElement("div",{className:E},m.default.createElement(s.Body,{"data-testid":"lg-pagination-item-range"},function(e,t,n){return"".concat(e*(t-1)+1," - ").concat(Math.min(e*t,null!=n?n:e*t))}(o,y,B)," of"," ",function(e){return e?"".concat(e," items"):"many"}(B))),m.default.createElement("div",{className:E},void 0!==w&&B?m.default.createElement(m.default.Fragment,null,m.default.createElement(d.Select,{"aria-label":"Set current page",onChange:w,value:String(y),allowDeselect:!1,size:"xsmall","data-testid":"lg-pagination-page-select",dropdownWidthBasis:d.DropdownWidthBasis.Option},t.range(1,x(B,o)+1).map((function(e){return m.default.createElement(d.Option,{key:e,value:String(e)},e)}))),m.default.createElement(s.Body,null,"of ",x(B,o))):m.default.createElement(s.Body,{"data-testid":"lg-pagination-page-range"},y," of"," ",B?x(B,o):"many"),m.default.createElement(v.default,{"aria-label":"Previous page",disabled:z,onClick:A,"data-testid":"lg-pagination-back-button"},m.default.createElement(h.default,null)),m.default.createElement(v.default,{"aria-label":"Next page",disabled:W,onClick:D,"data-testid":"lg-pagination-next-button"},m.default.createElement(b.default,null)))))}return B.propTypes={darkMode:y.default.bool,onBackArrowClick:y.default.func.isRequired,onForwardArrowClick:y.default.func.isRequired,numTotalItems:y.default.number,onCurrentPageOptionChange:y.default.func,currentPage:y.default.number,onItemsPerPageOptionChange:y.default.func,itemsPerPageOptions:y.default.arrayOf(y.default.number),itemsPerPage:y.default.number},B.displayName="Pagination",B}));
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("lodash/range"),require("prop-types"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/hooks"),require("@leafygreen-ui/icon/dist/ChevronLeft"),require("@leafygreen-ui/icon/dist/ChevronRight"),require("@leafygreen-ui/icon-button"),require("@leafygreen-ui/leafygreen-provider"),require("@leafygreen-ui/select"),require("@leafygreen-ui/typography"),require("@leafygreen-ui/tokens")):"function"==typeof define&&define.amd?define(["react","lodash/range","prop-types","@leafygreen-ui/emotion","@leafygreen-ui/hooks","@leafygreen-ui/icon/dist/ChevronLeft","@leafygreen-ui/icon/dist/ChevronRight","@leafygreen-ui/icon-button","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/select","@leafygreen-ui/typography","@leafygreen-ui/tokens"],t):(e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/pagination"]=t(e.React,e["/range"],e.PropTypes,e["@leafygreen-ui/emotion"],e["@leafygreen-ui/hooks"],e.ChevronLeft,e.ChevronRight,e["@leafygreen-ui/icon-button"],e["@leafygreen-ui/leafygreen-provider"],e["@leafygreen-ui/select"],e["@leafygreen-ui/typography"],e["@leafygreen-ui/tokens"])}(this,(function(e,t,n,a,r,i,l,o,u,d,s,f){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g,p,m=c(e),y=c(t),h=c(n),b=c(i),v=c(l),P=c(o),O=c(u);function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},k.apply(this,arguments)}function w(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},i=Object.keys(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function C(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var E=a.css(g||(g=C(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n\n > div:first-child {\n justify-content: flex-start;\n }\n > div:last-child {\n justify-content: flex-end;\n }\n"]))),x=a.css(p||(p=C(["\n flex: 1;\n display: flex;\n gap: ","px;\n align-items: center;\n justify-content: center;\n"])),f.spacing[1]),j=function(e,t){return Math.ceil(e/t)},q=["id","className","itemsPerPage","itemsPerPageOptions","onItemsPerPageOptionChange","currentPage","onCurrentPageOptionChange","numTotalItems","onBackArrowClick","shouldDisableBackArrow","onForwardArrowClick","shouldDisableForwardArrow","darkMode"],B=[10,25,50];function A(e){var t=e.id,n=e.className,i=e.itemsPerPage,l=void 0===i?B[0]:i,o=e.itemsPerPageOptions,f=void 0===o?B:o,c=e.onItemsPerPageOptionChange,g=e.currentPage,p=void 0===g?1:g,h=e.onCurrentPageOptionChange,C=e.numTotalItems,A=e.onBackArrowClick,I=e.shouldDisableBackArrow,D=e.onForwardArrowClick,S=e.shouldDisableForwardArrow,F=e.darkMode,M=w(e,q),N=u.useDarkMode(F).darkMode,T=r.useIdAllocator({prefix:"lg-pagination-items-per-page-label",id:t}),R=r.useIdAllocator({prefix:"lg-pagination-items-per-page-select",id:t}),z=void 0!==I?I:void 0!==C&&p<=1,W=void 0!==S?S:void 0!==C&&p>=j(C,l);return(p<1||C&&j(C,l)<p)&&console.error("Value of the 'currentPage' prop is invalid."),f.includes(l)||console.error("Value of the 'itemsPerPage' prop is not a valid option specified in 'itemsPerPageOptions'."),m.default.createElement(O.default,{darkMode:N},m.default.createElement("div",k({className:a.cx(E,n)},M),m.default.createElement("div",{className:x},void 0!==c&&m.default.createElement(m.default.Fragment,null,m.default.createElement(s.Body,{as:"label",id:T,htmlFor:R},"Items per page:"),m.default.createElement(d.Select,{onChange:c,"aria-labelledby":T,value:String(l),id:R,allowDeselect:!1,size:"xsmall",dropdownWidthBasis:d.DropdownWidthBasis.Option},f.map((function(e){return m.default.createElement(d.Option,{key:e,value:String(e)},e)}))))),m.default.createElement("div",{className:x},m.default.createElement(s.Body,{"data-testid":"lg-pagination-item-range"},function(e,t,n){return"".concat(e*(t-1)+1," - ").concat(Math.min(e*t,null!=n?n:e*t))}(l,p,C)," of"," ",function(e){return e?"".concat(e," items"):"many"}(C))),m.default.createElement("div",{className:x},void 0!==h&&C?m.default.createElement(m.default.Fragment,null,m.default.createElement(d.Select,{"aria-label":"Set current page",onChange:h,value:String(p),allowDeselect:!1,size:"xsmall","data-testid":"lg-pagination-page-select",dropdownWidthBasis:d.DropdownWidthBasis.Option},y.default(1,j(C,l)+1).map((function(e){return m.default.createElement(d.Option,{key:e,value:String(e)},e)}))),m.default.createElement(s.Body,null,"of ",j(C,l))):m.default.createElement(s.Body,{"data-testid":"lg-pagination-page-range"},p," of"," ",C?j(C,l):"many"),m.default.createElement(P.default,{"aria-label":"Previous page",disabled:z,onClick:A,"data-testid":"lg-pagination-back-button"},m.default.createElement(b.default,null)),m.default.createElement(P.default,{"aria-label":"Next page",disabled:W,onClick:D,"data-testid":"lg-pagination-next-button"},m.default.createElement(v.default,null)))))}return A.propTypes={darkMode:h.default.bool,onBackArrowClick:h.default.func.isRequired,onForwardArrowClick:h.default.func.isRequired,numTotalItems:h.default.number,onCurrentPageOptionChange:h.default.func,currentPage:h.default.number,onItemsPerPageOptionChange:h.default.func,itemsPerPageOptions:h.default.arrayOf(h.default.number),itemsPerPage:h.default.number},A.displayName="Pagination",A}));
//# sourceMappingURL=index.js.map

10

package.json
{
"name": "@leafygreen-ui/pagination",
"version": "1.0.19-popover.0",
"version": "1.0.19",
"description": "leafyGreen UI Kit Pagination",

@@ -34,8 +34,8 @@ "main": "./dist/index.js",

"@leafygreen-ui/emotion": "^4.0.7",
"@leafygreen-ui/hooks": "^8.0.0",
"@leafygreen-ui/hooks": "^8.1.1",
"@leafygreen-ui/icon": "^11.23.0",
"@leafygreen-ui/icon-button": "^15.0.19",
"@leafygreen-ui/lib": "^13.0.0",
"@leafygreen-ui/select": "^11.1.3-popover.0",
"@leafygreen-ui/tokens": "^2.2.0",
"@leafygreen-ui/lib": "^13.2.1",
"@leafygreen-ui/select": "^11.0.1",
"@leafygreen-ui/tokens": "^2.3.0",
"@leafygreen-ui/typography": "^18.0.0",

@@ -42,0 +42,0 @@ "lodash": "^4.17.21"

2

stories.js

@@ -1,1 +0,1 @@

import e,{useState as r}from"react";import{storybookArgTypes as t,storybookExcludedControlParams as n}from"@leafygreen-ui/lib";import{range as a}from"lodash";import o from"prop-types";import{css as i,cx as l}from"@leafygreen-ui/emotion";import{useIdAllocator as c}from"@leafygreen-ui/hooks";import u from"@leafygreen-ui/icon/dist/ChevronLeft";import s from"@leafygreen-ui/icon/dist/ChevronRight";import m from"@leafygreen-ui/icon-button";import g,{useDarkMode as d}from"@leafygreen-ui/leafygreen-provider";import{Select as p,DropdownWidthBasis as f,Option as P}from"@leafygreen-ui/select";import{Body as y}from"@leafygreen-ui/typography";import{spacing as b}from"@leafygreen-ui/tokens";function h(){return h=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},h.apply(this,arguments)}function v(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}function O(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}function C(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,o,i,l=[],c=!0,u=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=o.call(t)).done)&&(l.push(n.value),l.length!==r);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}(e,r)||w(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function w(e,r){if(e){if("string"==typeof e)return k(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?k(e,r):void 0}}function k(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}var E,A,I=i(E||(E=O(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n\n > div:first-child {\n justify-content: flex-start;\n }\n > div:last-child {\n justify-content: flex-end;\n }\n"]))),x=i(A||(A=O(["\n flex: 1;\n display: flex;\n gap: ","px;\n align-items: center;\n justify-content: center;\n"])),b[1]),j=function(e,r){return Math.ceil(e/r)},S=["id","className","itemsPerPage","itemsPerPageOptions","onItemsPerPageOptionChange","currentPage","onCurrentPageOptionChange","numTotalItems","onBackArrowClick","shouldDisableBackArrow","onForwardArrowClick","shouldDisableForwardArrow","darkMode"],F=[10,25,50];function M(r){var t=r.id,n=r.className,o=r.itemsPerPage,i=void 0===o?F[0]:o,b=r.itemsPerPageOptions,O=void 0===b?F:b,C=r.onItemsPerPageOptionChange,w=r.currentPage,k=void 0===w?1:w,E=r.onCurrentPageOptionChange,A=r.numTotalItems,M=r.onBackArrowClick,T=r.shouldDisableBackArrow,N=r.onForwardArrowClick,B=r.shouldDisableForwardArrow,D=r.darkMode,z=v(r,S),R=d(D).darkMode,V=c({prefix:"lg-pagination-items-per-page-label",id:t}),q=c({prefix:"lg-pagination-items-per-page-select",id:t}),L=void 0!==T?T:void 0!==A&&k<=1,W=void 0!==B?B:void 0!==A&&k>=j(A,i);return(k<1||A&&j(A,i)<k)&&console.error("Value of the 'currentPage' prop is invalid."),O.includes(i)||console.error("Value of the 'itemsPerPage' prop is not a valid option specified in 'itemsPerPageOptions'."),e.createElement(g,{darkMode:R},e.createElement("div",h({className:l(I,n)},z),e.createElement("div",{className:x},void 0!==C&&e.createElement(e.Fragment,null,e.createElement(y,{as:"label",id:V,htmlFor:q},"Items per page:"),e.createElement(p,{onChange:C,"aria-labelledby":V,value:String(i),id:q,allowDeselect:!1,size:"xsmall",dropdownWidthBasis:f.Option},O.map((function(r){return e.createElement(P,{key:r,value:String(r)},r)}))))),e.createElement("div",{className:x},e.createElement(y,{"data-testid":"lg-pagination-item-range"},function(e,r,t){return"".concat(e*(r-1)+1," - ").concat(Math.min(e*r,null!=t?t:e*r))}(i,k,A)," of"," ",function(e){return e?"".concat(e," items"):"many"}(A))),e.createElement("div",{className:x},void 0!==E&&A?e.createElement(e.Fragment,null,e.createElement(p,{"aria-label":"Set current page",onChange:E,value:String(k),allowDeselect:!1,size:"xsmall","data-testid":"lg-pagination-page-select",dropdownWidthBasis:f.Option},a(1,j(A,i)+1).map((function(r){return e.createElement(P,{key:r,value:String(r)},r)}))),e.createElement(y,null,"of ",j(A,i))):e.createElement(y,{"data-testid":"lg-pagination-page-range"},k," of"," ",A?j(A,i):"many"),e.createElement(m,{"aria-label":"Previous page",disabled:L,onClick:M,"data-testid":"lg-pagination-back-button"},e.createElement(u,null)),e.createElement(m,{"aria-label":"Next page",disabled:W,onClick:N,"data-testid":"lg-pagination-next-button"},e.createElement(s,null)))))}M.propTypes={darkMode:o.bool,onBackArrowClick:o.func.isRequired,onForwardArrowClick:o.func.isRequired,numTotalItems:o.number,onCurrentPageOptionChange:o.func,currentPage:o.number,onItemsPerPageOptionChange:o.func,itemsPerPageOptions:o.arrayOf(o.number),itemsPerPage:o.number},M.displayName="Pagination";var T,N=function(){},B={title:"Components/Pagination",component:M,decorators:[function(r){return e.createElement("div",{style:{width:"700px"}},e.createElement(r,null))}],parameters:{default:"LiveExample",controls:{exclude:[].concat((T=n,function(e){if(Array.isArray(e))return k(e)}(T)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(T)||w(T)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),["currentPage","itemsPerPage","onBackArrowClick","onForwardArrowClick","onCurrentPageOptionChange","onItemsPerPageOptionChange"])},generate:{storyNames:["FixedItemsPerPage","VariableItemsPerPage"],combineArgs:{darkMode:[!1,!0],numTotalItems:[void 0,5,150],currentPage:[void 0,1,5,10],shouldDisableBackArrow:[!1,!0],shouldDisableForwardArrow:[!1,!0],onCurrentPageOptionChange:[void 0,N]},excludeCombinations:[{numTotalItems:void 0,onCurrentPageOptionChange:N},{currentPage:void 0,onCurrentPageOptionChange:N},{currentPage:[5,10],numTotalItems:5,itemsPerPage:15}],decorator:function(r){return e.createElement("div",{style:{width:"500px"}},e.createElement(r,null))}}},args:{onCurrentPageOptionChange:void 0},argTypes:{darkMode:t.darkMode,numTotalItems:{control:"number"}}},D=function(t){var n,a=C(r(null!==(n=t.currentPage)&&void 0!==n?n:1),2),o=a[0],i=a[1],l=C(r(t.itemsPerPageOptions?t.itemsPerPageOptions[0]:10),2),c=l[0],u=l[1];return e.createElement(M,h({},t,{currentPage:o,itemsPerPage:c,onItemsPerPageOptionChange:function(e,r){u(Number(e))},onForwardArrowClick:function(){i((function(e){return e+1}))},onBackArrowClick:function(){i((function(e){return Math.max(e-1,1)}))}}))};D.parameters={chromatic:{disableSnapshot:!0}},D.args={numTotalItems:1021,itemsPerPageOptions:[10,50,100]};var z=function(t){var n=C(r(1),2),a=n[0],o=n[1],i=C(r(t.itemsPerPageOptions?t.itemsPerPageOptions[0]:10),2),l=i[0],c=i[1];return e.createElement(M,h({},t,{currentPage:a,onCurrentPageOptionChange:function(e,r){o(Number(e))},itemsPerPage:l,onItemsPerPageOptionChange:function(e,r){c(Number(e))},onForwardArrowClick:function(){o((function(e){return e+1}))},onBackArrowClick:function(){o((function(e){return Math.max(e-1,0)}))}}))};z.parameters={chromatic:{disableSnapshot:!0}},z.args={numTotalItems:1021,itemsPerPageOptions:[10,50,100]};var R=function(){return e.createElement(e.Fragment,null)};R.parameters={generate:{args:{onItemsPerPageOptionChange:void 0}}};var V=function(){return e.createElement(e.Fragment,null)};V.parameters={generate:{args:{onItemsPerPageOptionChange:N}}};export{R as FixedItemsPerPage,D as LiveExample,V as VariableItemsPerPage,z as WithCurrentPageOptions,B as default};
import e,{useState as r}from"react";import{storybookArgTypes as t,storybookExcludedControlParams as n}from"@leafygreen-ui/lib";import a from"lodash/range";import o from"prop-types";import{css as i,cx as l}from"@leafygreen-ui/emotion";import{useIdAllocator as c}from"@leafygreen-ui/hooks";import u from"@leafygreen-ui/icon/dist/ChevronLeft";import s from"@leafygreen-ui/icon/dist/ChevronRight";import m from"@leafygreen-ui/icon-button";import g,{useDarkMode as d}from"@leafygreen-ui/leafygreen-provider";import{Select as p,DropdownWidthBasis as f,Option as P}from"@leafygreen-ui/select";import{Body as y}from"@leafygreen-ui/typography";import{spacing as b}from"@leafygreen-ui/tokens";function h(){return h=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},h.apply(this,arguments)}function v(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}function O(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}function C(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,o,i,l=[],c=!0,u=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=o.call(t)).done)&&(l.push(n.value),l.length!==r);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}(e,r)||w(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function w(e,r){if(e){if("string"==typeof e)return k(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?k(e,r):void 0}}function k(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}var E,A,I=i(E||(E=O(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n\n > div:first-child {\n justify-content: flex-start;\n }\n > div:last-child {\n justify-content: flex-end;\n }\n"]))),x=i(A||(A=O(["\n flex: 1;\n display: flex;\n gap: ","px;\n align-items: center;\n justify-content: center;\n"])),b[1]),j=function(e,r){return Math.ceil(e/r)},S=["id","className","itemsPerPage","itemsPerPageOptions","onItemsPerPageOptionChange","currentPage","onCurrentPageOptionChange","numTotalItems","onBackArrowClick","shouldDisableBackArrow","onForwardArrowClick","shouldDisableForwardArrow","darkMode"],F=[10,25,50];function M(r){var t=r.id,n=r.className,o=r.itemsPerPage,i=void 0===o?F[0]:o,b=r.itemsPerPageOptions,O=void 0===b?F:b,C=r.onItemsPerPageOptionChange,w=r.currentPage,k=void 0===w?1:w,E=r.onCurrentPageOptionChange,A=r.numTotalItems,M=r.onBackArrowClick,T=r.shouldDisableBackArrow,N=r.onForwardArrowClick,B=r.shouldDisableForwardArrow,D=r.darkMode,z=v(r,S),R=d(D).darkMode,V=c({prefix:"lg-pagination-items-per-page-label",id:t}),q=c({prefix:"lg-pagination-items-per-page-select",id:t}),L=void 0!==T?T:void 0!==A&&k<=1,W=void 0!==B?B:void 0!==A&&k>=j(A,i);return(k<1||A&&j(A,i)<k)&&console.error("Value of the 'currentPage' prop is invalid."),O.includes(i)||console.error("Value of the 'itemsPerPage' prop is not a valid option specified in 'itemsPerPageOptions'."),e.createElement(g,{darkMode:R},e.createElement("div",h({className:l(I,n)},z),e.createElement("div",{className:x},void 0!==C&&e.createElement(e.Fragment,null,e.createElement(y,{as:"label",id:V,htmlFor:q},"Items per page:"),e.createElement(p,{onChange:C,"aria-labelledby":V,value:String(i),id:q,allowDeselect:!1,size:"xsmall",dropdownWidthBasis:f.Option},O.map((function(r){return e.createElement(P,{key:r,value:String(r)},r)}))))),e.createElement("div",{className:x},e.createElement(y,{"data-testid":"lg-pagination-item-range"},function(e,r,t){return"".concat(e*(r-1)+1," - ").concat(Math.min(e*r,null!=t?t:e*r))}(i,k,A)," of"," ",function(e){return e?"".concat(e," items"):"many"}(A))),e.createElement("div",{className:x},void 0!==E&&A?e.createElement(e.Fragment,null,e.createElement(p,{"aria-label":"Set current page",onChange:E,value:String(k),allowDeselect:!1,size:"xsmall","data-testid":"lg-pagination-page-select",dropdownWidthBasis:f.Option},a(1,j(A,i)+1).map((function(r){return e.createElement(P,{key:r,value:String(r)},r)}))),e.createElement(y,null,"of ",j(A,i))):e.createElement(y,{"data-testid":"lg-pagination-page-range"},k," of"," ",A?j(A,i):"many"),e.createElement(m,{"aria-label":"Previous page",disabled:L,onClick:M,"data-testid":"lg-pagination-back-button"},e.createElement(u,null)),e.createElement(m,{"aria-label":"Next page",disabled:W,onClick:N,"data-testid":"lg-pagination-next-button"},e.createElement(s,null)))))}M.propTypes={darkMode:o.bool,onBackArrowClick:o.func.isRequired,onForwardArrowClick:o.func.isRequired,numTotalItems:o.number,onCurrentPageOptionChange:o.func,currentPage:o.number,onItemsPerPageOptionChange:o.func,itemsPerPageOptions:o.arrayOf(o.number),itemsPerPage:o.number},M.displayName="Pagination";var T,N=function(){},B={title:"Components/Pagination",component:M,decorators:[function(r){return e.createElement("div",{style:{width:"700px"}},e.createElement(r,null))}],parameters:{default:"LiveExample",controls:{exclude:[].concat((T=n,function(e){if(Array.isArray(e))return k(e)}(T)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(T)||w(T)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),["currentPage","itemsPerPage","onBackArrowClick","onForwardArrowClick","onCurrentPageOptionChange","onItemsPerPageOptionChange"])},generate:{storyNames:["FixedItemsPerPage","VariableItemsPerPage"],combineArgs:{darkMode:[!1,!0],numTotalItems:[void 0,5,150],currentPage:[void 0,1,5,10],shouldDisableBackArrow:[!1,!0],shouldDisableForwardArrow:[!1,!0],onCurrentPageOptionChange:[void 0,N]},excludeCombinations:[{numTotalItems:void 0,onCurrentPageOptionChange:N},{currentPage:void 0,onCurrentPageOptionChange:N},{currentPage:[5,10],numTotalItems:5,itemsPerPage:15}],decorator:function(r){return e.createElement("div",{style:{width:"500px"}},e.createElement(r,null))}}},args:{onCurrentPageOptionChange:void 0},argTypes:{darkMode:t.darkMode,numTotalItems:{control:"number"}}},D=function(t){var n,a=C(r(null!==(n=t.currentPage)&&void 0!==n?n:1),2),o=a[0],i=a[1],l=C(r(t.itemsPerPageOptions?t.itemsPerPageOptions[0]:10),2),c=l[0],u=l[1];return e.createElement(M,h({},t,{currentPage:o,itemsPerPage:c,onItemsPerPageOptionChange:function(e,r){u(Number(e))},onForwardArrowClick:function(){i((function(e){return e+1}))},onBackArrowClick:function(){i((function(e){return Math.max(e-1,1)}))}}))};D.parameters={chromatic:{disableSnapshot:!0}},D.args={numTotalItems:1021,itemsPerPageOptions:[10,50,100]};var z=function(t){var n=C(r(1),2),a=n[0],o=n[1],i=C(r(t.itemsPerPageOptions?t.itemsPerPageOptions[0]:10),2),l=i[0],c=i[1];return e.createElement(M,h({},t,{currentPage:a,onCurrentPageOptionChange:function(e,r){o(Number(e))},itemsPerPage:l,onItemsPerPageOptionChange:function(e,r){c(Number(e))},onForwardArrowClick:function(){o((function(e){return e+1}))},onBackArrowClick:function(){o((function(e){return Math.max(e-1,0)}))}}))};z.parameters={chromatic:{disableSnapshot:!0}},z.args={numTotalItems:1021,itemsPerPageOptions:[10,50,100]};var R=function(){return e.createElement(e.Fragment,null)};R.parameters={generate:{args:{onItemsPerPageOptionChange:void 0}}};var V=function(){return e.createElement(e.Fragment,null)};V.parameters={generate:{args:{onItemsPerPageOptionChange:N}}};export{R as FixedItemsPerPage,D as LiveExample,V as VariableItemsPerPage,z as WithCurrentPageOptions,B as default};
.turbo/turbo-build.log
.turbo/turbo-docs.log
.turbo/turbo-tsc.log
tsconfig.tsbuildinfo
dist/esm/index.js.map

Sorry, the diff of this file is not supported yet

dist/index.js.map

Sorry, the diff of this file is not supported yet

src/Pagination/Pagination.tsx

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc