najm-kit 2.2.5 → 2.2.6

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,

package/package.json

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