react-better-html 1.1.104 → 1.1.106

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

@@ -6893,7 +6893,7 @@ var TableStyledComponent = import_styled_components11.default.table.withConfig({
       ${(props) => props.withHover ? import_styled_components11.css`
                  transition: ${props.theme.styles.transition};
 
-                 &:not(.isHeader):hover {
+                 &:not(.isHeader):not(.isFooter):not(.withoutHover):hover {
                     filter: brightness(${props.colorTheme === "light" ? "0.95" : "0.85"});
                  }
               ` : ""}
@@ -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,
@@ -7318,7 +7319,7 @@ var TableComponent = (0, import_react23.forwardRef)(function Table({
                 },
                 column.type + column.label + index
               )) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("tbody", { children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "noData", colSpan: columns.length, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Loader_default.box, {}) }) }) : dataAfterPagination.length > 0 ? dataAfterPagination.map((item, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("tbody", { children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("tr", { className: "withoutHover", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "noData", colSpan: columns.length, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Loader_default.box, {}) }) }) : dataAfterPagination.length > 0 ? dataAfterPagination.map((item, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 "tr",
                 {
                   className: onClickRow ? "isClickable" : void 0,
@@ -7326,7 +7327,7 @@ var TableComponent = (0, import_react23.forwardRef)(function Table({
                   children: columns.map((column, colIndex) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TdStyledComponent, { textAlign: column.align, children: renderCellContent(column, item, rowIndex) }, column.type + column.label + colIndex))
                 },
                 JSON.stringify(item) + rowIndex
-              )) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "noData", colSpan: columns.length, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text_default.unknown, { children: noDataItemsMessage }) }) }) }),
+              )) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("tr", { className: "withoutHover", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "noData", colSpan: columns.length, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text_default.unknown, { children: noDataItemsMessage }) }) }) }),
               pageSize !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("tfoot", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("tr", { className: "isFooter", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { colSpan: columns.length, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
                 Div_default.column,
                 {
@@ -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
                         }
                       )
                     ] })