@alaarab/ogrid-react 2.1.2 → 2.1.3

package/dist/esm/hooks/useOGrid.js

@@ -73,6 +73,22 @@ export function useOGrid(props, ref) {
             .map((c) => c.columnId);
         return new Set(visible.length > 0 ? visible : columns.map((c) => c.columnId));
     });
+    // Re-initialize when columns arrive after starting empty (common pattern: columns
+    // depend on async data, so the initial render passes columns=[] then re-renders
+    // with actual columns once data loads).
+    const prevColumnsLengthRef = useRef(columns.length);
+    useEffect(() => {
+        const prev = prevColumnsLengthRef.current;
+        prevColumnsLengthRef.current = columns.length;
+        if (controlledVisibleColumns !== undefined)
+            return; // controlled — skip
+        if (prev === 0 && columns.length > 0 && internalVisibleColumns.size === 0) {
+            const visible = columns
+                .filter((c) => c.defaultVisible !== false)
+                .map((c) => c.columnId);
+            setInternalVisibleColumns(new Set(visible.length > 0 ? visible : columns.map((c) => c.columnId)));
+        }
+    }, [columns, controlledVisibleColumns, internalVisibleColumns.size]);
     const visibleColumns = controlledVisibleColumns ?? internalVisibleColumns;
     const setVisibleColumns = useCallback((cols) => {
         if (controlledVisibleColumns === undefined)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-react",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "description": "OGrid React – React hooks, headless components, and utilities for OGrid data grids.",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -36,7 +36,7 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@alaarab/ogrid-core": "2.1.2",
+    "@alaarab/ogrid-core": "2.1.3",
     "@tanstack/react-virtual": "^3.0.0"
   },
   "peerDependencies": {