najm-kit 2.2.5 → 2.2.7

package/dist/index.mjs

@@ -12738,7 +12738,7 @@ function useTable(effectiveViewModeOverride) {
   const dynamicPageSizeTarget = renderedMode === "cards" ? calculatedCardPageSize : calculatedPageSize;
   const geometryKey = `${Math.round(measuredBodyWidth / GEOMETRY_BUCKET_PX)}x${Math.round(measuredBodyHeight / GEOMETRY_BUCKET_PX)}`;
   const reportedGeometryRef = useRef(null);
-  useEffect(() => {
+  useLayoutEffect(() => {
     if (!manualPagination || !dynamicHeight) return;
     if (cardPagination.mode !== "paged") return;
     if (!hasMeasuredLayout || measuredBodyHeight <= 0) return;
@@ -12746,12 +12746,16 @@ function useTable(effectiveViewModeOverride) {
     if (dynamicPageSizeTarget === storePagination.pageSize) return;
     const reported = reportedGeometryRef.current;
     if (reported?.key === geometryKey && reported.count >= MAX_PAGE_SIZE_REPORTS_PER_GEOMETRY) return;
-    const delay = reported ? DYNAMIC_PAGE_SIZE_DEBOUNCE_MS : 0;
-    const timer = setTimeout(() => {
+    const commit = () => {
       const current = reportedGeometryRef.current;
       reportedGeometryRef.current = current?.key === geometryKey ? { key: geometryKey, count: current.count + 1 } : { key: geometryKey, count: 1 };
       setPagination({ pageIndex: storePagination.pageIndex, pageSize: dynamicPageSizeTarget });
-    }, delay);
+    };
+    if (!reported) {
+      commit();
+      return;
+    }
+    const timer = setTimeout(commit, DYNAMIC_PAGE_SIZE_DEBOUNCE_MS);
     return () => clearTimeout(timer);
   }, [
     manualPagination,
@@ -13228,7 +13232,13 @@ function NDataCardShell({ row, onClick, onContextMenu, actions, children, classN
   );
 }
 var DEFAULT_ROWS2 = 6;
-var UNMEASURED_DYNAMIC_ROWS = 32;
+var UNMEASURED_ROW_HEIGHT = 56;
+var UNMEASURED_CHROME_HEIGHT = 300;
+function estimateUnmeasuredRows() {
+  if (typeof window === "undefined") return DEFAULT_ROWS2;
+  const available = window.innerHeight - UNMEASURED_CHROME_HEIGHT;
+  return Math.max(DEFAULT_ROWS2, Math.floor(available / UNMEASURED_ROW_HEIGHT));
+}
 var DEFAULT_CARD_COUNT = 48;
 function NTableCardSkeleton({ surface }) {
   return /* @__PURE__ */ jsx(
@@ -13375,7 +13385,7 @@ function NTableLoadingSkeleton({ rows }) {
   const userGetRowCanExpand = useTableStore.use.getRowCanExpand();
   const hasExpansion = Boolean(renderSubRow || userGetRowCanExpand);
   const loadingText = useTableStore.use.loadingText();
-  const rowCount = rows ?? (dynamicHeight ? bodyHeight > 0 ? skeletonRowCount : UNMEASURED_DYNAMIC_ROWS : DEFAULT_ROWS2);
+  const rowCount = rows ?? (dynamicHeight ? bodyHeight > 0 ? skeletonRowCount : estimateUnmeasuredRows() : DEFAULT_ROWS2);
   const renderHeaderLabel = (header) => typeof header === "string" ? header : null;
   return /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-2", children: [
     /* @__PURE__ */ jsx(NTableHeaderSkeleton, {}),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "najm-kit",
-  "version": "2.2.5",
+  "version": "2.2.7",
   "license": "MIT",
   "type": "module",
   "description": "Reusable React UI component package for Najm framework",