asma-ui-table 1.4.3 → 1.5.0

package/dist/asma-ui-table.es.js

@@ -14118,13 +14118,18 @@ const StyledTable = (props) => {
     };
   }, [canShowStickyFooter, tableXRef, tableScrollRef]);
   const { ref: containerRef, heightPx: rowsAreaPx } = useElementHeightPx();
+  const { ref: inlineFooterRef, heightPx: inlineFooterHeightPx } = useElementHeightPx();
   const rowHeightPx = options.rowHeight ?? 48;
   const visibleRows = table.getRowModel().rows.length;
+  const inlineHeaderHeightPx = options.hideHeader ? 0 : 32;
+  const inlineHScrollHeightPx = 12;
   const rowsFit = useMemo(() => {
     if (rowHeightPx <= 0)
       return 0;
-    return Math.floor(rowsAreaPx / rowHeightPx);
-  }, [rowsAreaPx, rowHeightPx]);
+    const reservedHeightPx = canShowStickyFooter ? 0 : inlineHeaderHeightPx + inlineFooterHeightPx + inlineHScrollHeightPx;
+    const availableRowsAreaPx = Math.max(0, rowsAreaPx - reservedHeightPx);
+    return Math.floor(availableRowsAreaPx / rowHeightPx);
+  }, [canShowStickyFooter, inlineFooterHeightPx, inlineHeaderHeightPx, inlineHScrollHeightPx, rowHeightPx, rowsAreaPx]);
   const isShortTable = !canShowStickyFooter && visibleRows > 0 && visibleRows <= rowsFit;
   const shouldExpandEmptyBody = !canShowStickyFooter && showNoRowsOverlay;
   const tableWrapperClass = cn(
@@ -14192,6 +14197,7 @@ const StyledTable = (props) => {
             /* @__PURE__ */ jsx(
               "div",
               {
+                ref: inlineFooterRef,
                 className: cn(
                   style$1["table-bottom"],
                   isShortTable && style$1["table-bottom--sticky"]

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "1.4.3",
+    "version": "1.5.0",
     "type": "module",
     "files": [
         "dist/**/*",