@secondstaxorg/sscomp 1.7.87 → 1.7.88

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/dist/index.js CHANGED
@@ -570,6 +570,9 @@ const NumberButton = styled.button`
570
570
  display: flex;
571
571
  justify-content: center;
572
572
  align-items: center;
573
+ outline: none;
574
+ border: none;
575
+ cursor: pointer;
573
576
  &.active{
574
577
  background: ${theme.colors["primary-50"]};
575
578
  color: ${theme.colors["primary-500"]};
@@ -579,6 +582,7 @@ const NumberButton = styled.button`
579
582
  background: ${theme.colors["neutral-50"]};
580
583
  color: ${theme.colors["neutral-100"]};
581
584
  border: 1px solid ${theme.colors["neutral-100"]};
585
+ cursor: default;
582
586
  }
583
587
  `;
584
588
 
@@ -590,63 +594,69 @@ const PaginationContainer = styled.div`
590
594
 
591
595
  const _jsxFileName$17 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\Pagination\\index.tsx";
592
596
 
593
-
594
-
595
-
596
-
597
-
598
-
597
+ /**
598
+ * Pagination component for paginating an array
599
+ */
599
600
  const Pagination = (props) => {
600
- const {itemsPerPage,totalItems,returnedPageNum,currPageNum} = props;
601
+ const {itemsPerPage,returnedPageNum,items,paginatedItems} = props;
601
602
  const [pageNum,setPageNum] = React$1.useState(1);
602
603
 
603
604
  const pageNumbers = [];
604
605
 
605
- for(let i = 1; i <= Math.ceil(totalItems/itemsPerPage); i++){
606
+ for(let i = 1; i <= Math.ceil(items.length/itemsPerPage); i++){
606
607
  pageNumbers.push(i);
607
608
  }
608
609
 
609
610
  React$1.useEffect(()=>{
610
- setPageNum(currPageNum);
611
- },[currPageNum]);
611
+ //pagination logic
612
+ if (items.length > 0){
613
+ const lastItemIndex = pageNum * itemsPerPage;
614
+ const firstItemIndex = lastItemIndex - itemsPerPage;
615
+ paginatedItems((items ).slice(firstItemIndex,lastItemIndex)); //set of items based on the itemsPerPage specified
616
+ }
617
+ if (items.length === 0){
618
+ paginatedItems([]);
619
+ }
620
+ },[items,pageNum,itemsPerPage]);
621
+
612
622
 
613
623
  return (
614
624
  React$1.createElement(React$1.Fragment, null
615
625
  , pageNumbers.length > 1 &&
616
- React$1.createElement(PaginationContainer, {__self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 28}}
617
- , React$1.createElement(NumberButton, { onClick: ()=>{
626
+ React$1.createElement(PaginationContainer, {__self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 34}}
627
+ , React$1.createElement(NumberButton, { onClick: ()=>{
618
628
  setPageNum(pageNum - 1);
619
- returnedPageNum(pageNum - 1);
620
- }, disabled: pageNum === 1, __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 29}}
629
+ if (returnedPageNum) returnedPageNum(pageNum - 1);
630
+ }, disabled: pageNum === 1, __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 35}}
621
631
  , pageNum === 1 &&
622
- React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 34}}
623
- , React$1.createElement('path', { d: "M3.2908 6.00019L6.8308 2.46019C7.01705 2.27283 7.12159 2.01938 7.12159 1.75519C7.12159 1.49101 7.01705 1.23756 6.8308 1.05019C6.73784 0.956464 6.62723 0.88207 6.50537 0.831301C6.38352 0.780533 6.25281 0.754395 6.1208 0.754395C5.98879 0.754395 5.85808 0.780533 5.73622 0.831301C5.61436 0.88207 5.50376 0.956464 5.4108 1.05019L1.1708 5.29019C1.07707 5.38316 1.00268 5.49376 0.951907 5.61562C0.901138 5.73748 0.875 5.86818 0.875 6.00019C0.875 6.1322 0.901138 6.26291 0.951907 6.38477C1.00268 6.50663 1.07707 6.61723 1.1708 6.71019L5.4108 11.0002C5.50424 11.0929 5.61505 11.1662 5.73689 11.216C5.85873 11.2657 5.98919 11.291 6.1208 11.2902C6.2524 11.291 6.38287 11.2657 6.5047 11.216C6.62654 11.1662 6.73736 11.0929 6.8308 11.0002C7.01705 10.8128 7.12159 10.5594 7.12159 10.2952C7.12159 10.031 7.01705 9.77756 6.8308 9.59019L3.2908 6.00019Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 35}})
632
+ React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 40}}
633
+ , React$1.createElement('path', { d: "M3.2908 6.00019L6.8308 2.46019C7.01705 2.27283 7.12159 2.01938 7.12159 1.75519C7.12159 1.49101 7.01705 1.23756 6.8308 1.05019C6.73784 0.956464 6.62723 0.88207 6.50537 0.831301C6.38352 0.780533 6.25281 0.754395 6.1208 0.754395C5.98879 0.754395 5.85808 0.780533 5.73622 0.831301C5.61436 0.88207 5.50376 0.956464 5.4108 1.05019L1.1708 5.29019C1.07707 5.38316 1.00268 5.49376 0.951907 5.61562C0.901138 5.73748 0.875 5.86818 0.875 6.00019C0.875 6.1322 0.901138 6.26291 0.951907 6.38477C1.00268 6.50663 1.07707 6.61723 1.1708 6.71019L5.4108 11.0002C5.50424 11.0929 5.61505 11.1662 5.73689 11.216C5.85873 11.2657 5.98919 11.291 6.1208 11.2902C6.2524 11.291 6.38287 11.2657 6.5047 11.216C6.62654 11.1662 6.73736 11.0929 6.8308 11.0002C7.01705 10.8128 7.12159 10.5594 7.12159 10.2952C7.12159 10.031 7.01705 9.77756 6.8308 9.59019L3.2908 6.00019Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 41}})
624
634
  )
625
635
 
626
636
  , pageNum > 1 &&
627
- React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 39}}
628
- , React$1.createElement('path', { d: "M3.2908 6.00019L6.8308 2.46019C7.01705 2.27283 7.12159 2.01938 7.12159 1.75519C7.12159 1.49101 7.01705 1.23756 6.8308 1.05019C6.73784 0.956464 6.62723 0.88207 6.50537 0.831301C6.38352 0.780533 6.25281 0.754395 6.1208 0.754395C5.98879 0.754395 5.85808 0.780533 5.73622 0.831301C5.61436 0.88207 5.50376 0.956464 5.4108 1.05019L1.1708 5.29019C1.07707 5.38316 1.00268 5.49376 0.951907 5.61562C0.901138 5.73748 0.875 5.86818 0.875 6.00019C0.875 6.1322 0.901138 6.26291 0.951907 6.38477C1.00268 6.50663 1.07707 6.61723 1.1708 6.71019L5.4108 11.0002C5.50424 11.0929 5.61505 11.1662 5.73689 11.216C5.85873 11.2657 5.98919 11.291 6.1208 11.2902C6.2524 11.291 6.38287 11.2657 6.5047 11.216C6.62654 11.1662 6.73736 11.0929 6.8308 11.0002C7.01705 10.8128 7.12159 10.5594 7.12159 10.2952C7.12159 10.031 7.01705 9.77756 6.8308 9.59019L3.2908 6.00019Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 40}})
637
+ React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 45}}
638
+ , React$1.createElement('path', { d: "M3.2908 6.00019L6.8308 2.46019C7.01705 2.27283 7.12159 2.01938 7.12159 1.75519C7.12159 1.49101 7.01705 1.23756 6.8308 1.05019C6.73784 0.956464 6.62723 0.88207 6.50537 0.831301C6.38352 0.780533 6.25281 0.754395 6.1208 0.754395C5.98879 0.754395 5.85808 0.780533 5.73622 0.831301C5.61436 0.88207 5.50376 0.956464 5.4108 1.05019L1.1708 5.29019C1.07707 5.38316 1.00268 5.49376 0.951907 5.61562C0.901138 5.73748 0.875 5.86818 0.875 6.00019C0.875 6.1322 0.901138 6.26291 0.951907 6.38477C1.00268 6.50663 1.07707 6.61723 1.1708 6.71019L5.4108 11.0002C5.50424 11.0929 5.61505 11.1662 5.73689 11.216C5.85873 11.2657 5.98919 11.291 6.1208 11.2902C6.2524 11.291 6.38287 11.2657 6.5047 11.216C6.62654 11.1662 6.73736 11.0929 6.8308 11.0002C7.01705 10.8128 7.12159 10.5594 7.12159 10.2952C7.12159 10.031 7.01705 9.77756 6.8308 9.59019L3.2908 6.00019Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 46}})
629
639
  )
630
640
 
631
641
  )
632
642
  , pageNumbers.map((number) => (
633
- React$1.createElement(NumberButton, { className: `${number === pageNum ? 'active' : ''}`, key: number, onClick: ()=>{
634
- returnedPageNum(number);
643
+ React$1.createElement(NumberButton, { className: `${number === pageNum ? 'active' : ''} somebutton`, key: number, onClick: ()=>{
644
+ if (returnedPageNum) returnedPageNum(number);
635
645
  setPageNum(number);
636
- }, __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 45}}, number)
646
+ }, __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 51}}, number)
637
647
  ))
638
648
  , React$1.createElement(NumberButton, { onClick: ()=>{
639
649
  setPageNum(pageNum + 1);
640
- returnedPageNum(pageNum + 1);
641
- }, disabled: pageNum === pageNumbers.length, __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 50}}
650
+ if (returnedPageNum) returnedPageNum(pageNum + 1);
651
+ }, disabled: pageNum === pageNumbers.length, __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 56}}
642
652
  , pageNum !== pageNumbers.length &&
643
- React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 55}}
644
- , React$1.createElement('path', { d: "M6.8336 5.29019L2.59361 1.05019C2.50064 0.956464 2.39004 0.88207 2.26818 0.831301C2.14632 0.780533 2.01562 0.754395 1.88361 0.754395C1.75159 0.754395 1.62089 0.780533 1.49903 0.831301C1.37717 0.88207 1.26657 0.956464 1.1736 1.05019C0.987354 1.23756 0.882812 1.49101 0.882812 1.75519C0.882812 2.01938 0.987354 2.27283 1.1736 2.46019L4.7136 6.00019L1.1736 9.54019C0.987354 9.72756 0.882812 9.98101 0.882812 10.2452C0.882813 10.5094 0.987354 10.7628 1.1736 10.9502C1.26705 11.0429 1.37786 11.1162 1.4997 11.166C1.62154 11.2157 1.752 11.241 1.88361 11.2402C2.01521 11.241 2.14567 11.2157 2.26751 11.166C2.38935 11.1162 2.50016 11.0429 2.59361 10.9502L6.8336 6.71019C6.92733 6.61723 7.00173 6.50663 7.0525 6.38477C7.10326 6.26291 7.1294 6.1322 7.1294 6.00019C7.1294 5.86818 7.10326 5.73748 7.0525 5.61562C7.00173 5.49376 6.92733 5.38316 6.8336 5.29019Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 56}})
653
+ React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 61}}
654
+ , React$1.createElement('path', { d: "M6.8336 5.29019L2.59361 1.05019C2.50064 0.956464 2.39004 0.88207 2.26818 0.831301C2.14632 0.780533 2.01562 0.754395 1.88361 0.754395C1.75159 0.754395 1.62089 0.780533 1.49903 0.831301C1.37717 0.88207 1.26657 0.956464 1.1736 1.05019C0.987354 1.23756 0.882812 1.49101 0.882812 1.75519C0.882812 2.01938 0.987354 2.27283 1.1736 2.46019L4.7136 6.00019L1.1736 9.54019C0.987354 9.72756 0.882812 9.98101 0.882812 10.2452C0.882813 10.5094 0.987354 10.7628 1.1736 10.9502C1.26705 11.0429 1.37786 11.1162 1.4997 11.166C1.62154 11.2157 1.752 11.241 1.88361 11.2402C2.01521 11.241 2.14567 11.2157 2.26751 11.166C2.38935 11.1162 2.50016 11.0429 2.59361 10.9502L6.8336 6.71019C6.92733 6.61723 7.00173 6.50663 7.0525 6.38477C7.10326 6.26291 7.1294 6.1322 7.1294 6.00019C7.1294 5.86818 7.10326 5.73748 7.0525 5.61562C7.00173 5.49376 6.92733 5.38316 6.8336 5.29019Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 62}})
645
655
  )
646
656
 
647
657
  , pageNum === pageNumbers.length &&
648
- React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 60}}
649
- , React$1.createElement('path', { d: "M6.8336 5.29019L2.59361 1.05019C2.50064 0.956464 2.39004 0.88207 2.26818 0.831301C2.14632 0.780533 2.01562 0.754395 1.88361 0.754395C1.75159 0.754395 1.62089 0.780533 1.49903 0.831301C1.37717 0.88207 1.26657 0.956464 1.1736 1.05019C0.987354 1.23756 0.882812 1.49101 0.882812 1.75519C0.882812 2.01938 0.987354 2.27283 1.1736 2.46019L4.7136 6.00019L1.1736 9.54019C0.987354 9.72756 0.882812 9.98101 0.882812 10.2452C0.882813 10.5094 0.987354 10.7628 1.1736 10.9502C1.26705 11.0429 1.37786 11.1162 1.4997 11.166C1.62154 11.2157 1.752 11.241 1.88361 11.2402C2.01521 11.241 2.14567 11.2157 2.26751 11.166C2.38935 11.1162 2.50016 11.0429 2.59361 10.9502L6.8336 6.71019C6.92733 6.61723 7.00173 6.50663 7.0525 6.38477C7.10326 6.26291 7.1294 6.1322 7.1294 6.00019C7.1294 5.86818 7.10326 5.73748 7.0525 5.61562C7.00173 5.49376 6.92733 5.38316 6.8336 5.29019Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 61}})
658
+ React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 66}}
659
+ , React$1.createElement('path', { d: "M6.8336 5.29019L2.59361 1.05019C2.50064 0.956464 2.39004 0.88207 2.26818 0.831301C2.14632 0.780533 2.01562 0.754395 1.88361 0.754395C1.75159 0.754395 1.62089 0.780533 1.49903 0.831301C1.37717 0.88207 1.26657 0.956464 1.1736 1.05019C0.987354 1.23756 0.882812 1.49101 0.882812 1.75519C0.882812 2.01938 0.987354 2.27283 1.1736 2.46019L4.7136 6.00019L1.1736 9.54019C0.987354 9.72756 0.882812 9.98101 0.882812 10.2452C0.882813 10.5094 0.987354 10.7628 1.1736 10.9502C1.26705 11.0429 1.37786 11.1162 1.4997 11.166C1.62154 11.2157 1.752 11.241 1.88361 11.2402C2.01521 11.241 2.14567 11.2157 2.26751 11.166C2.38935 11.1162 2.50016 11.0429 2.59361 10.9502L6.8336 6.71019C6.92733 6.61723 7.00173 6.50663 7.0525 6.38477C7.10326 6.26291 7.1294 6.1322 7.1294 6.00019C7.1294 5.86818 7.10326 5.73748 7.0525 5.61562C7.00173 5.49376 6.92733 5.38316 6.8336 5.29019Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$17, lineNumber: 67}})
650
660
  )
651
661
 
652
662
  )
@@ -789,7 +799,7 @@ const AppActionsTable = (props) => {
789
799
 
790
800
  )
791
801
  , React$1.createElement('div', { className: "mt-[12px]", __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 137}}
792
- , React$1.createElement(Pagination, { currPageNum: currentPage, itemsPerPage: 10, totalItems: dispActionsOri.length, returnedPageNum: (a)=>{setCurrentPage(a);}, __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 138}})
802
+ , React$1.createElement(Pagination, { itemsPerPage: 10, returnedPageNum: (a)=>{setCurrentPage(a);}, items: actions, paginatedItems: (a)=>{setDispActions(a);}, __self: undefined, __source: {fileName: _jsxFileName$16, lineNumber: 138}})
793
803
  )
794
804
  )
795
805
  )
@@ -1002,7 +1012,7 @@ const AppFormsTable = (props) => {
1002
1012
 
1003
1013
  )
1004
1014
  , React$1.createElement('div', { className: "mt-[12px]", __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 132}}
1005
- , React$1.createElement(Pagination, { currPageNum: currentPage, itemsPerPage: 10, totalItems: dispFormsOri.length, returnedPageNum: (a)=>{setCurrentPage(a);}, __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 133}})
1015
+ , React$1.createElement(Pagination, { itemsPerPage: 10, returnedPageNum: (a)=>{setCurrentPage(a);}, items: forms, paginatedItems: (a)=>{setDispForms(a);}, __self: undefined, __source: {fileName: _jsxFileName$15, lineNumber: 133}})
1006
1016
  )
1007
1017
  )
1008
1018
  )
@@ -1214,7 +1224,7 @@ const AppModulesTable = (props) => {
1214
1224
  )
1215
1225
 
1216
1226
  )
1217
- , React$1.createElement(Pagination, { itemsPerPage: 10, totalItems: modules.length, returnedPageNum: (a)=>{setCurrentPage(a);}, currPageNum: currentPage, __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 132}})
1227
+ , React$1.createElement(Pagination, { itemsPerPage: 10, returnedPageNum: (a)=>{setCurrentPage(a);}, items: modules, paginatedItems: (a)=>{setDispModules(a);}, __self: undefined, __source: {fileName: _jsxFileName$14, lineNumber: 132}})
1218
1228
  )
1219
1229
  )
1220
1230
  };
@@ -2065,7 +2075,7 @@ const BrokersTable = (props) => {
2065
2075
  )
2066
2076
 
2067
2077
  )
2068
- , React$1.createElement(Pagination, { itemsPerPage: 10, totalItems: brokers.length, returnedPageNum: (a)=>{setCurrentPage(a);}, currPageNum: currentPage, __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 139}})
2078
+ , React$1.createElement(Pagination, { itemsPerPage: 10, returnedPageNum: (a)=>{setCurrentPage(a);}, items: brokers, paginatedItems: (a)=>{setDispBrokers(a);}, __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 139}})
2069
2079
  )
2070
2080
  )
2071
2081
  };
@@ -17104,7 +17114,7 @@ const CurrencyPairsTable = (props) => {
17104
17114
  )
17105
17115
 
17106
17116
  )
17107
- , React$1.createElement(Pagination, { itemsPerPage: 10, totalItems: pairs.length, returnedPageNum: (a)=>{setCurrentPage(a);}, currPageNum: currentPage, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 218}})
17117
+ , React$1.createElement(Pagination, { itemsPerPage: 10, returnedPageNum: (a)=>{setCurrentPage(a);}, items: pairs, paginatedItems: (a)=>{setDispPairs(a);}, __self: undefined, __source: {fileName: _jsxFileName$T, lineNumber: 218}})
17108
17118
  )
17109
17119
  )
17110
17120
  };
@@ -21565,7 +21575,7 @@ const PaymentMethodsTable = (props) => {
21565
21575
  )
21566
21576
 
21567
21577
  )
21568
- , React$1.createElement(Pagination, { itemsPerPage: 10, totalItems: methods.length, returnedPageNum: (a)=>{setCurrentPage(a);}, currPageNum: currentPage, __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 134}})
21578
+ , React$1.createElement(Pagination, { itemsPerPage: 10, returnedPageNum: (a)=>{setCurrentPage(a);}, items: methods, paginatedItems: (a)=>{setDispMethods(a);}, __self: undefined, __source: {fileName: _jsxFileName$y, lineNumber: 134}})
21569
21579
  )
21570
21580
  )
21571
21581
  };
@@ -21981,7 +21991,7 @@ const ProvidersTable = (props) => {
21981
21991
  )
21982
21992
 
21983
21993
  )
21984
- , React$1.createElement(Pagination, { itemsPerPage: 10, totalItems: providers.length, returnedPageNum: (a)=>{setCurrentPage(a);}, currPageNum: currentPage, __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 135}})
21994
+ , React$1.createElement(Pagination, { itemsPerPage: 10, returnedPageNum: (a)=>{setCurrentPage(a);}, items: providers, paginatedItems: (a)=>{setDispProvs(a);}, __self: undefined, __source: {fileName: _jsxFileName$v, lineNumber: 135}})
21985
21995
  )
21986
21996
  )
21987
21997
  };
@@ -23342,7 +23352,7 @@ const SystemConfigTable = (props) => {
23342
23352
  )
23343
23353
 
23344
23354
  )
23345
- , React$1.createElement(Pagination, { itemsPerPage: 10, totalItems: configs.length, returnedPageNum: (a)=>{setCurrentPage(a);}, currPageNum: currentPage, __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 134}})
23355
+ , React$1.createElement(Pagination, { itemsPerPage: 10, returnedPageNum: (a)=>{setCurrentPage(a);}, items: configs, paginatedItems: (a)=>{setDispConfigs(a);}, __self: undefined, __source: {fileName: _jsxFileName$l, lineNumber: 134}})
23346
23356
  )
23347
23357
  )
23348
23358
  };
@@ -25002,7 +25012,7 @@ const UserRolesTable = (props) => {
25002
25012
  )
25003
25013
 
25004
25014
  )
25005
- , React$1.createElement(Pagination, { itemsPerPage: 10, totalItems: roles.length, returnedPageNum: (a)=>{setCurrentPage(a);}, currPageNum: currentPage, __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 133}})
25015
+ , React$1.createElement(Pagination, { itemsPerPage: 10, returnedPageNum: (a)=>{setCurrentPage(a);}, items: roles, paginatedItems: (a)=>{setDispRoles(a);}, __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 133}})
25006
25016
  )
25007
25017
  )
25008
25018
  };
@@ -25218,7 +25228,7 @@ const UsersTable = (props) => {
25218
25228
  )
25219
25229
 
25220
25230
  )
25221
- , React$1.createElement(Pagination, { itemsPerPage: 10, totalItems: users.length, returnedPageNum: (a)=>{setCurrentPage(a);}, currPageNum: currentPage, __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 138}})
25231
+ , React$1.createElement(Pagination, { itemsPerPage: 10, returnedPageNum: (a)=>{setCurrentPage(a);}, items: users, paginatedItems: (a)=>{setDispUsers(a);}, __self: undefined, __source: {fileName: _jsxFileName$d, lineNumber: 138}})
25222
25232
  )
25223
25233
  )
25224
25234
  };