react-better-html 1.1.104 → 1.1.105

package/dist/index.d.mts

@@ -702,6 +702,7 @@ type TableProps<DataItem> = {
     /** @default "No data available" */
     noDataItemsMessage?: string;
     pageSize?: number;
+    pageCount?: number;
     onClickRow?: (item: DataItem, index: number) => void;
     onClickAllCheckboxes?: (checked: boolean) => void;
     onChangePage?: (page: number) => void;

package/dist/index.d.ts

@@ -702,6 +702,7 @@ type TableProps<DataItem> = {
     /** @default "No data available" */
     noDataItemsMessage?: string;
     pageSize?: number;
+    pageCount?: number;
     onClickRow?: (item: DataItem, index: number) => void;
     onClickAllCheckboxes?: (checked: boolean) => void;
     onChangePage?: (page: number) => void;

package/dist/index.js

@@ -6949,6 +6949,7 @@ var TableComponent = (0, import_react23.forwardRef)(function Table({
   withStickyHeader,
   noDataItemsMessage = "No data available",
   pageSize,
+  pageCount,
   onClickRow,
   onClickAllCheckboxes,
   onChangePage,
@@ -7218,14 +7219,14 @@ var TableComponent = (0, import_react23.forwardRef)(function Table({
       []
     );
   }, [data, openedFilterColumn]);
-  const pagesCount = pageSize !== void 0 ? Math.ceil(dataAfterPagination.length / pageSize) : 1;
+  const pageCountInternal = pageCount ?? (pageSize !== void 0 ? Math.ceil(dataAfterPagination.length / pageSize) : 1);
   const paginationItems = (0, import_react23.useMemo)(() => {
     const halfRange = Math.floor(maximumVisiblePages / 2);
     let startPage = Math.max(1, currentPage - halfRange);
-    let endPage = Math.min(pagesCount, currentPage + halfRange);
+    let endPage = Math.min(pageCountInternal, currentPage + halfRange);
     if (endPage - startPage + 1 < maximumVisiblePages) {
       startPage = Math.max(1, endPage - maximumVisiblePages + 1);
-      endPage = Math.min(pagesCount, startPage + maximumVisiblePages - 1);
+      endPage = Math.min(pageCountInternal, startPage + maximumVisiblePages - 1);
     }
     return Array.from(
       {
@@ -7233,10 +7234,10 @@ var TableComponent = (0, import_react23.forwardRef)(function Table({
       },
       (_, index) => startPage + index
     );
-  }, [pagesCount, currentPage]);
+  }, [pageCountInternal, currentPage]);
   const onClickNextPage = (0, import_react23.useCallback)(() => {
-    setCurrentPage((oldValue) => oldValue >= pagesCount ? pagesCount : oldValue + 1);
-  }, [pagesCount]);
+    setCurrentPage((oldValue) => oldValue >= pageCountInternal ? pageCountInternal : oldValue + 1);
+  }, [pageCountInternal]);
   const onClickPreviousPage = (0, import_react23.useCallback)(() => {
     setCurrentPage((oldValue) => oldValue <= 1 ? 1 : oldValue - 1);
   }, []);
@@ -7257,13 +7258,13 @@ var TableComponent = (0, import_react23.forwardRef)(function Table({
       return {
         currentPage,
         setCurrentPage,
-        pagesCount,
+        pagesCount: pageCountInternal,
         setCheckedItems
       };
     },
-    [currentPage, setCurrentPage, pagesCount, setCheckedItems]
+    [currentPage, setCurrentPage, pageCountInternal, setCheckedItems]
   );
-  const mobileFooterBreakingPoint = mediumScreen.size700 && pagesCount > maximumVisiblePages / 1.4;
+  const mobileFooterBreakingPoint = mediumScreen.size700 && pageCountInternal > maximumVisiblePages / 1.4;
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       Div_default,
@@ -7347,12 +7348,12 @@ var TableComponent = (0, import_react23.forwardRef)(function Table({
                         children: [
                           currentPage,
                           " / ",
-                          pagesCount
+                          pageCountInternal
                         ]
                       }
                     ),
                     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Div_default.row, { alignItems: "center", justifyContent: "center", gap: theme2.styles.gap * 2, children: [
-                      pagesCount > maximumVisiblePages && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                      pageCountInternal > maximumVisiblePages && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                         Button_default.icon,
                         {
                           icon: "doubleChevronLeft",
@@ -7404,17 +7405,17 @@ var TableComponent = (0, import_react23.forwardRef)(function Table({
                         Button_default.icon,
                         {
                           icon: "chevronRight",
-                          disabled: currentPage === pagesCount,
+                          disabled: currentPage === pageCountInternal,
                           onClick: onClickNextPage
                         }
                       ),
-                      pagesCount > maximumVisiblePages && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                      pageCountInternal > maximumVisiblePages && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                         Button_default.icon,
                         {
                           icon: "doubleChevronRight",
-                          disabled: currentPage === pagesCount,
+                          disabled: currentPage === pageCountInternal,
                           onClickWithValue: setCurrentPage,
-                          value: pagesCount
+                          value: pageCountInternal
                         }
                       )
                     ] })