@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.cjs.js CHANGED
@@ -46602,26 +46602,30 @@ var getPagesPanel = function getPagesPanel(page, pagesCount) {
46602
46602
 
46603
46603
  if (page > space + 1) {
46604
46604
  pages.push({
46605
- isDelimiter: true
46605
+ isDelimiter: true,
46606
+ id: "first-delimiter"
46606
46607
  });
46607
46608
  }
46608
46609
 
46609
46610
  for (var j = Math.max(1, page - space) + 1; j < Math.min(lastPageNumber, page + space); j++) {
46610
46611
  pages.push({
46611
46612
  index: j,
46612
- isButton: true
46613
+ isButton: true,
46614
+ id: "page-".concat(j)
46613
46615
  });
46614
46616
  }
46615
46617
 
46616
46618
  if (page < lastPageNumber - space) {
46617
46619
  pages.push({
46618
- isDelimiter: true
46620
+ isDelimiter: true,
46621
+ id: "last-delimiter"
46619
46622
  });
46620
46623
  }
46621
46624
 
46622
46625
  pages.push({
46623
46626
  index: lastPageNumber,
46624
- isButton: true
46627
+ isButton: true,
46628
+ id: "page-".concat(lastPageNumber)
46625
46629
  });
46626
46630
  var activePage = pages.find(function (p) {
46627
46631
  return p.index === page;
@@ -46669,6 +46673,7 @@ var Pagination = function Pagination(_ref3) {
46669
46673
  childGap: childGap,
46670
46674
  overflow: true,
46671
46675
  as: "nav",
46676
+ role: "navigation",
46672
46677
  innerWrapperAs: "ul",
46673
46678
  "aria-label": ariaLabel,
46674
46679
  extraStyles: "> ul { padding: 0px; > li { list-style-type: none; } };"
@@ -46698,7 +46703,7 @@ var Pagination = function Pagination(_ref3) {
46698
46703
  padding: "0",
46699
46704
  extraStyles: "max-height: ".concat(buttonHeight, ";"),
46700
46705
  as: "li",
46701
- key: "pagination-button-".concat(item.index)
46706
+ key: item.id
46702
46707
  }, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
46703
46708
  variant: "ghost",
46704
46709
  text: item.index,
@@ -46717,7 +46722,7 @@ var Pagination = function Pagination(_ref3) {
46717
46722
  }, item.index)) : /*#__PURE__*/React__default.createElement(Box, {
46718
46723
  padding: "0 10px",
46719
46724
  as: "li",
46720
- key: "pagination-elipsis-".concat(index)
46725
+ key: item.id
46721
46726
  }, /*#__PURE__*/React__default.createElement(Cluster, {
46722
46727
  justify: "flex-end"
46723
46728
  }, /*#__PURE__*/React__default.createElement(Text$1, {