baaz-custom-components 5.0.14 → 5.0.16

package/dist/index.js

@@ -2239,17 +2239,23 @@ function Grid(_a) {
       }
     });
   });
-  const init = (api) => {
-    apiRef.current = api;
+  const autoResizeColumns = () => {
+    if (!apiRef.current) return;
     columns.forEach((col) => {
-      if (!(col == null ? void 0 : col.width)) {
-        api.exec("resize-column", {
-          id: col.id,
-          auto: "data"
-        });
-      }
+      var _a2;
+      (_a2 = apiRef == null ? void 0 : apiRef.current) == null ? void 0 : _a2.exec("resize-column", {
+        id: col.id,
+        auto: "header"
+      });
     });
   };
+  const handleInit = (0, import_react6.useCallback)(
+    (api) => {
+      apiRef.current = api;
+      requestAnimationFrame(autoResizeColumns);
+    },
+    [columns]
+  );
   const getSelectedData = () => {
     var _a2, _b2;
     const selected = (_b2 = (_a2 = apiRef.current) == null ? void 0 : _a2.getState().selectedRows) != null ? _b2 : [];
@@ -2289,7 +2295,14 @@ 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 })) }) }) })
+    /* @__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
+      })
+    ) }) }) })
   ] });
 }
 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 { useRef as useRef2 } from "react";
+import { useCallback as useCallback2, useRef as useRef2 } from "react";
 import { Grid as SvarGrid, WillowDark } from "@svar-ui/react-grid";
 
 // src/components/custom/grid/sortableHeaderCell.tsx
@@ -2210,17 +2210,23 @@ function Grid(_a) {
       }
     });
   });
-  const init = (api) => {
-    apiRef.current = api;
+  const autoResizeColumns = () => {
+    if (!apiRef.current) return;
     columns.forEach((col) => {
-      if (!(col == null ? void 0 : col.width)) {
-        api.exec("resize-column", {
-          id: col.id,
-          auto: "data"
-        });
-      }
+      var _a2;
+      (_a2 = apiRef == null ? void 0 : apiRef.current) == null ? void 0 : _a2.exec("resize-column", {
+        id: col.id,
+        auto: "header"
+      });
     });
   };
+  const handleInit = useCallback2(
+    (api) => {
+      apiRef.current = api;
+      requestAnimationFrame(autoResizeColumns);
+    },
+    [columns]
+  );
   const getSelectedData = () => {
     var _a2, _b2;
     const selected = (_b2 = (_a2 = apiRef.current) == null ? void 0 : _a2.getState().selectedRows) != null ? _b2 : [];
@@ -2260,7 +2266,14 @@ 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 })) }) }) })
+    /* @__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
+      })
+    ) }) }) })
   ] });
 }
 var grid_default = Grid;

package/package.json

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