@thecb/components 7.8.2-beta.4 → 7.8.2-beta.5

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.esm.js CHANGED
@@ -46594,26 +46594,30 @@ var getPagesPanel = function getPagesPanel(page, pagesCount) {
46594
46594
 
46595
46595
  if (page > space + 1) {
46596
46596
  pages.push({
46597
- isDelimiter: true
46597
+ isDelimiter: true,
46598
+ id: "first-delimiter"
46598
46599
  });
46599
46600
  }
46600
46601
 
46601
46602
  for (var j = Math.max(1, page - space) + 1; j < Math.min(lastPageNumber, page + space); j++) {
46602
46603
  pages.push({
46603
46604
  index: j,
46604
- isButton: true
46605
+ isButton: true,
46606
+ id: "page-".concat(j)
46605
46607
  });
46606
46608
  }
46607
46609
 
46608
46610
  if (page < lastPageNumber - space) {
46609
46611
  pages.push({
46610
- isDelimiter: true
46612
+ isDelimiter: true,
46613
+ id: "last-delimiter"
46611
46614
  });
46612
46615
  }
46613
46616
 
46614
46617
  pages.push({
46615
46618
  index: lastPageNumber,
46616
- isButton: true
46619
+ isButton: true,
46620
+ id: "page-".concat(lastPageNumber)
46617
46621
  });
46618
46622
  var activePage = pages.find(function (p) {
46619
46623
  return p.index === page;
@@ -46661,6 +46665,7 @@ var Pagination = function Pagination(_ref3) {
46661
46665
  childGap: childGap,
46662
46666
  overflow: true,
46663
46667
  as: "nav",
46668
+ role: "navigation",
46664
46669
  innerWrapperAs: "ul",
46665
46670
  "aria-label": ariaLabel,
46666
46671
  extraStyles: "> ul { padding: 0px; > li { list-style-type: none; } };"
@@ -46690,7 +46695,7 @@ var Pagination = function Pagination(_ref3) {
46690
46695
  padding: "0",
46691
46696
  extraStyles: "max-height: ".concat(buttonHeight, ";"),
46692
46697
  as: "li",
46693
- key: "pagination-button-".concat(item.index)
46698
+ key: item.id
46694
46699
  }, /*#__PURE__*/React.createElement(ButtonWithAction, {
46695
46700
  variant: "ghost",
46696
46701
  text: item.index,
@@ -46709,7 +46714,7 @@ var Pagination = function Pagination(_ref3) {
46709
46714
  }, item.index)) : /*#__PURE__*/React.createElement(Box, {
46710
46715
  padding: "0 10px",
46711
46716
  as: "li",
46712
- key: "pagination-elipsis-".concat(index)
46717
+ key: item.id
46713
46718
  }, /*#__PURE__*/React.createElement(Cluster, {
46714
46719
  justify: "flex-end"
46715
46720
  }, /*#__PURE__*/React.createElement(Text$1, {