react-better-html 1.1.104 → 1.1.106

package/dist/index.mjs

@@ -6823,7 +6823,7 @@ var TableStyledComponent = styled10.table.withConfig({
       ${(props) => props.withHover ? css2`
                  transition: ${props.theme.styles.transition};
 
-                 &:not(.isHeader):hover {
+                 &:not(.isHeader):not(.isFooter):not(.withoutHover):hover {
                     filter: brightness(${props.colorTheme === "light" ? "0.95" : "0.85"});
                  }
               ` : ""}
@@ -6879,6 +6879,7 @@ var TableComponent = forwardRef15(function Table({
   withStickyHeader,
   noDataItemsMessage = "No data available",
   pageSize,
+  pageCount,
   onClickRow,
   onClickAllCheckboxes,
   onChangePage,
@@ -7148,14 +7149,14 @@ var TableComponent = forwardRef15(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 = useMemo7(() => {
     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(
       {
@@ -7163,10 +7164,10 @@ var TableComponent = forwardRef15(function Table({
       },
       (_, index) => startPage + index
     );
-  }, [pagesCount, currentPage]);
+  }, [pageCountInternal, currentPage]);
   const onClickNextPage = useCallback10(() => {
-    setCurrentPage((oldValue) => oldValue >= pagesCount ? pagesCount : oldValue + 1);
-  }, [pagesCount]);
+    setCurrentPage((oldValue) => oldValue >= pageCountInternal ? pageCountInternal : oldValue + 1);
+  }, [pageCountInternal]);
   const onClickPreviousPage = useCallback10(() => {
     setCurrentPage((oldValue) => oldValue <= 1 ? 1 : oldValue - 1);
   }, []);
@@ -7187,13 +7188,13 @@ var TableComponent = forwardRef15(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__ */ jsxs16(Fragment5, { children: [
     /* @__PURE__ */ jsx20(
       Div_default,
@@ -7248,7 +7249,7 @@ var TableComponent = forwardRef15(function Table({
                 },
                 column.type + column.label + index
               )) }) }),
-              /* @__PURE__ */ jsx20("tbody", { children: isLoading ? /* @__PURE__ */ jsx20("tr", { children: /* @__PURE__ */ jsx20("td", { className: "noData", colSpan: columns.length, children: /* @__PURE__ */ jsx20(Loader_default.box, {}) }) }) : dataAfterPagination.length > 0 ? dataAfterPagination.map((item, rowIndex) => /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx20("tbody", { children: isLoading ? /* @__PURE__ */ jsx20("tr", { className: "withoutHover", children: /* @__PURE__ */ jsx20("td", { className: "noData", colSpan: columns.length, children: /* @__PURE__ */ jsx20(Loader_default.box, {}) }) }) : dataAfterPagination.length > 0 ? dataAfterPagination.map((item, rowIndex) => /* @__PURE__ */ jsx20(
                 "tr",
                 {
                   className: onClickRow ? "isClickable" : void 0,
@@ -7256,7 +7257,7 @@ var TableComponent = forwardRef15(function Table({
                   children: columns.map((column, colIndex) => /* @__PURE__ */ jsx20(TdStyledComponent, { textAlign: column.align, children: renderCellContent(column, item, rowIndex) }, column.type + column.label + colIndex))
                 },
                 JSON.stringify(item) + rowIndex
-              )) : /* @__PURE__ */ jsx20("tr", { children: /* @__PURE__ */ jsx20("td", { className: "noData", colSpan: columns.length, children: /* @__PURE__ */ jsx20(Text_default.unknown, { children: noDataItemsMessage }) }) }) }),
+              )) : /* @__PURE__ */ jsx20("tr", { className: "withoutHover", children: /* @__PURE__ */ jsx20("td", { className: "noData", colSpan: columns.length, children: /* @__PURE__ */ jsx20(Text_default.unknown, { children: noDataItemsMessage }) }) }) }),
               pageSize !== void 0 && /* @__PURE__ */ jsx20("tfoot", { children: /* @__PURE__ */ jsx20("tr", { className: "isFooter", children: /* @__PURE__ */ jsx20("td", { colSpan: columns.length, children: /* @__PURE__ */ jsxs16(
                 Div_default.column,
                 {
@@ -7277,12 +7278,12 @@ var TableComponent = forwardRef15(function Table({
                         children: [
                           currentPage,
                           " / ",
-                          pagesCount
+                          pageCountInternal
                         ]
                       }
                     ),
                     /* @__PURE__ */ jsxs16(Div_default.row, { alignItems: "center", justifyContent: "center", gap: theme2.styles.gap * 2, children: [
-                      pagesCount > maximumVisiblePages && /* @__PURE__ */ jsx20(
+                      pageCountInternal > maximumVisiblePages && /* @__PURE__ */ jsx20(
                         Button_default.icon,
                         {
                           icon: "doubleChevronLeft",
@@ -7334,17 +7335,17 @@ var TableComponent = forwardRef15(function Table({
                         Button_default.icon,
                         {
                           icon: "chevronRight",
-                          disabled: currentPage === pagesCount,
+                          disabled: currentPage === pageCountInternal,
                           onClick: onClickNextPage
                         }
                       ),
-                      pagesCount > maximumVisiblePages && /* @__PURE__ */ jsx20(
+                      pageCountInternal > maximumVisiblePages && /* @__PURE__ */ jsx20(
                         Button_default.icon,
                         {
                           icon: "doubleChevronRight",
-                          disabled: currentPage === pagesCount,
+                          disabled: currentPage === pageCountInternal,
                           onClickWithValue: setCurrentPage,
-                          value: pagesCount
+                          value: pageCountInternal
                         }
                       )
                     ] })