baaz-custom-components 5.0.18 → 5.0.19

package/dist/index.js

@@ -2239,22 +2239,33 @@ function Grid(_a) {
       }
     });
   });
-  const handleInit = (0, import_react6.useCallback)(
-    (api) => {
-      apiRef.current = api;
-      setTimeout(() => {
-        requestAnimationFrame(() => {
-          columns.forEach((col) => {
-            api.exec("resize-column", {
-              id: col.id,
-              auto: "header"
-            });
+  const init = (api) => {
+    apiRef.current = api;
+  };
+  (0, import_react6.useEffect)(() => {
+    if (!apiRef.current || !columns.length) return;
+    const resize = () => {
+      columns.forEach((col) => {
+        var _a2;
+        if (!(col == null ? void 0 : col.width)) {
+          (_a2 = apiRef.current) == null ? void 0 : _a2.exec("resize-column", {
+            id: col.id,
+            auto: "data"
           });
-        });
-      }, 0);
-    },
-    [columns, data]
-  );
+        }
+      });
+    };
+    const run = async () => {
+      var _a2;
+      if ((_a2 = document == null ? void 0 : document.fonts) == null ? void 0 : _a2.ready) {
+        await document.fonts.ready;
+      }
+      requestAnimationFrame(() => {
+        requestAnimationFrame(resize);
+      });
+    };
+    run();
+  }, [columns, data]);
   const getSelectedData = () => {
     var _a2, _b2;
     const selected = (_b2 = (_a2 = apiRef.current) == null ? void 0 : _a2.getState().selectedRows) != null ? _b2 : [];
@@ -2294,14 +2305,7 @@ function Grid(_a) {
         onFilterChange
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "w-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_grid.WillowDark, { fonts, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "w-grid h-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      import_react_grid.Grid,
-      __spreadProps(__spreadValues({}, rest), {
-        data,
-        columns: svarColumns,
-        init: handleInit
-      })
-    ) }) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "w-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_grid.WillowDark, { fonts, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "w-grid h-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_grid.Grid, __spreadProps(__spreadValues({}, rest), { data, columns: svarColumns, init })) }) }) })
   ] });
 }
 var grid_default = Grid;

package/dist/index.mjs

@@ -1909,7 +1909,7 @@ var CustomBreadcrumb = ({
 var breadcrumb_default = CustomBreadcrumb;
 
 // src/components/custom/grid/index.tsx
-import { useCallback as useCallback2, useRef as useRef2 } from "react";
+import { useEffect as useEffect6, useRef as useRef2 } from "react";
 import { Grid as SvarGrid, WillowDark } from "@svar-ui/react-grid";
 
 // src/components/custom/grid/sortableHeaderCell.tsx
@@ -2210,22 +2210,33 @@ function Grid(_a) {
       }
     });
   });
-  const handleInit = useCallback2(
-    (api) => {
-      apiRef.current = api;
-      setTimeout(() => {
-        requestAnimationFrame(() => {
-          columns.forEach((col) => {
-            api.exec("resize-column", {
-              id: col.id,
-              auto: "header"
-            });
+  const init = (api) => {
+    apiRef.current = api;
+  };
+  useEffect6(() => {
+    if (!apiRef.current || !columns.length) return;
+    const resize = () => {
+      columns.forEach((col) => {
+        var _a2;
+        if (!(col == null ? void 0 : col.width)) {
+          (_a2 = apiRef.current) == null ? void 0 : _a2.exec("resize-column", {
+            id: col.id,
+            auto: "data"
           });
-        });
-      }, 0);
-    },
-    [columns, data]
-  );
+        }
+      });
+    };
+    const run = async () => {
+      var _a2;
+      if ((_a2 = document == null ? void 0 : document.fonts) == null ? void 0 : _a2.ready) {
+        await document.fonts.ready;
+      }
+      requestAnimationFrame(() => {
+        requestAnimationFrame(resize);
+      });
+    };
+    run();
+  }, [columns, data]);
   const getSelectedData = () => {
     var _a2, _b2;
     const selected = (_b2 = (_a2 = apiRef.current) == null ? void 0 : _a2.getState().selectedRows) != null ? _b2 : [];
@@ -2265,14 +2276,7 @@ function Grid(_a) {
         onFilterChange
       }
     ),
-    /* @__PURE__ */ jsx25("div", { className: "w-full overflow-hidden", children: /* @__PURE__ */ jsx25(WillowDark, { fonts, children: /* @__PURE__ */ jsx25("div", { className: "w-grid h-full overflow-hidden", children: /* @__PURE__ */ jsx25(
-      SvarGrid,
-      __spreadProps(__spreadValues({}, rest), {
-        data,
-        columns: svarColumns,
-        init: handleInit
-      })
-    ) }) }) })
+    /* @__PURE__ */ jsx25("div", { className: "w-full overflow-hidden", children: /* @__PURE__ */ jsx25(WillowDark, { fonts, children: /* @__PURE__ */ jsx25("div", { className: "w-grid h-full overflow-hidden", children: /* @__PURE__ */ jsx25(SvarGrid, __spreadProps(__spreadValues({}, rest), { data, columns: svarColumns, init })) }) }) })
   ] });
 }
 var grid_default = Grid;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "baaz-custom-components",
-    "version": "5.0.18",
+    "version": "5.0.19",
     "private": false,
     "sideEffects": false,
     "main": "dist/index.js",