bs-unified-ui 1.0.922 → 1.0.927
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/index.js +15 -10
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -20487,6 +20487,9 @@ var TablePagination = function (_a) {
|
|
|
20487
20487
|
var pageIdx = Math.max(0, page - pageStart);
|
|
20488
20488
|
var pageVal = pageIdx + pageStart;
|
|
20489
20489
|
var _g = React.useState(pageVal), currentPage = _g[0], setCurrentPage = _g[1];
|
|
20490
|
+
React.useEffect(function () {
|
|
20491
|
+
setCurrentPage(pageVal);
|
|
20492
|
+
}, [pageVal]);
|
|
20490
20493
|
return (React.createElement(material.Box, { sx: { display: 'flex', alignItems: 'center', px: 2 } },
|
|
20491
20494
|
React.createElement(material.Box, { sx: {
|
|
20492
20495
|
'py': 1.5,
|
|
@@ -20510,18 +20513,12 @@ var TablePagination = function (_a) {
|
|
|
20510
20513
|
}, "data-testid": "pagination-".concat(dataTestId) },
|
|
20511
20514
|
React.createElement(Button, { iconOnly: true, variant: 'text', disabled: pageIdx <= 0, onClick: function () {
|
|
20512
20515
|
if (pageIdx) {
|
|
20513
|
-
if (enablePageInput) {
|
|
20514
|
-
setCurrentPage(pageVal - 1);
|
|
20515
|
-
}
|
|
20516
20516
|
onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(pageVal - 1);
|
|
20517
20517
|
}
|
|
20518
20518
|
}, "data-testid": "btn-pagination-prev-".concat(dataTestId) },
|
|
20519
20519
|
React.createElement(Icon, { name: 'arrow-left-s', size: 20 })),
|
|
20520
20520
|
React.createElement(Button, { iconOnly: true, variant: 'text', disabled: pageIdx >= pageCount - 1, onClick: function () {
|
|
20521
20521
|
if (pageIdx < pageCount - 1) {
|
|
20522
|
-
if (enablePageInput) {
|
|
20523
|
-
setCurrentPage(pageVal + 1);
|
|
20524
|
-
}
|
|
20525
20522
|
onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(pageVal + 1);
|
|
20526
20523
|
}
|
|
20527
20524
|
}, "data-testid": "btn-pagination-next-".concat(dataTestId) },
|
|
@@ -20537,12 +20534,20 @@ var TablePagination = function (_a) {
|
|
|
20537
20534
|
var val = Number(event.target.value);
|
|
20538
20535
|
setCurrentPage(val);
|
|
20539
20536
|
}, onKeyDown: function (event) {
|
|
20537
|
+
var target = event.target;
|
|
20538
|
+
var val = Number(target.value);
|
|
20540
20539
|
if (event.key === 'Enter') {
|
|
20541
|
-
var
|
|
20542
|
-
|
|
20543
|
-
|
|
20540
|
+
var nextPage = Math.min(pageCount, Math.max(pageStart, currentPage));
|
|
20541
|
+
onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(nextPage === currentPage ? val : nextPage);
|
|
20542
|
+
}
|
|
20543
|
+
}, onBlur: function () {
|
|
20544
|
+
if (currentPage < pageStart) {
|
|
20545
|
+
setCurrentPage(1);
|
|
20546
|
+
}
|
|
20547
|
+
if (currentPage > pageCount) {
|
|
20548
|
+
setCurrentPage(pageCount);
|
|
20544
20549
|
}
|
|
20545
|
-
}, min:
|
|
20550
|
+
}, min: pageStart, max: pageCount, disableValueMutationByArrowKeys: true }),
|
|
20546
20551
|
React.createElement(material.Typography, { variant: 'fs14', color: theme.foreground.black4 },
|
|
20547
20552
|
"of ",
|
|
20548
20553
|
pageCount)) : null));
|