baaz-custom-components 5.0.18 → 5.0.20

package/dist/index.d.mts

@@ -1,4 +1,5 @@
 import * as react from 'react';
+import { IApi } from '@svar-ui/react-grid';
 
 type NavbarData = NavbarEntry[];
 interface hubDetail {
@@ -58,6 +59,7 @@ type BreadcrumbProps = {
 declare const CustomBreadcrumb: ({ layoutName, includeFrom, pathname, }: BreadcrumbProps) => react.JSX.Element;
 
 type SortOrder = "asc" | "desc";
+
 type GridColumn = {
     id: string;
     header: string;
@@ -94,11 +96,15 @@ type GridProps = {
     search: boolean;
     searchkey: string;
     searchValue: string;
+    autoResize?: boolean;
+    autoResizeMode?: boolean | "data" | "header" | undefined;
+    defaultMinWidth?: number;
     onExportPdf?: () => void;
     onExportExcel?: () => void;
     onSearch: (e: React.ChangeEvent<HTMLInputElement>) => void;
     filterList: Filters[];
     onFilterChange: (filter: ActiveFilter) => void;
+    onApiReady?: (api: IApi) => void;
 };
 type ActiveFilter = {
     column?: string | null;
@@ -108,7 +114,7 @@ type ActiveFilter = {
     endDate?: string | null;
 };
 
-declare function Grid({ data, columns, sortKey, sortOrder, onSortChange, onExportPdf, onExportExcel, downloadable, fileNmae, fonts, onFilterChange, ...rest }: GridProps): react.JSX.Element;
+declare function Grid({ data, columns, sortKey, sortOrder, onSortChange, onExportPdf, onExportExcel, downloadable, autoResize, autoResizeMode, defaultMinWidth, fileNmae, fonts, onFilterChange, ...rest }: GridProps): react.JSX.Element;
 
 type Pagination$1 = {
     totalCount: number;

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import * as react from 'react';
+import { IApi } from '@svar-ui/react-grid';
 
 type NavbarData = NavbarEntry[];
 interface hubDetail {
@@ -58,6 +59,7 @@ type BreadcrumbProps = {
 declare const CustomBreadcrumb: ({ layoutName, includeFrom, pathname, }: BreadcrumbProps) => react.JSX.Element;
 
 type SortOrder = "asc" | "desc";
+
 type GridColumn = {
     id: string;
     header: string;
@@ -94,11 +96,15 @@ type GridProps = {
     search: boolean;
     searchkey: string;
     searchValue: string;
+    autoResize?: boolean;
+    autoResizeMode?: boolean | "data" | "header" | undefined;
+    defaultMinWidth?: number;
     onExportPdf?: () => void;
     onExportExcel?: () => void;
     onSearch: (e: React.ChangeEvent<HTMLInputElement>) => void;
     filterList: Filters[];
     onFilterChange: (filter: ActiveFilter) => void;
+    onApiReady?: (api: IApi) => void;
 };
 type ActiveFilter = {
     column?: string | null;
@@ -108,7 +114,7 @@ type ActiveFilter = {
     endDate?: string | null;
 };
 
-declare function Grid({ data, columns, sortKey, sortOrder, onSortChange, onExportPdf, onExportExcel, downloadable, fileNmae, fonts, onFilterChange, ...rest }: GridProps): react.JSX.Element;
+declare function Grid({ data, columns, sortKey, sortOrder, onSortChange, onExportPdf, onExportExcel, downloadable, autoResize, autoResizeMode, defaultMinWidth, fileNmae, fonts, onFilterChange, ...rest }: GridProps): react.JSX.Element;
 
 type Pagination$1 = {
     totalCount: number;

package/dist/index.js

@@ -2201,6 +2201,9 @@ function Grid(_a) {
     onExportPdf,
     onExportExcel,
     downloadable = true,
+    autoResize = true,
+    autoResizeMode = true,
+    defaultMinWidth = 120,
     fileNmae,
     fonts,
     onFilterChange
@@ -2213,6 +2216,9 @@ function Grid(_a) {
     "onExportPdf",
     "onExportExcel",
     "downloadable",
+    "autoResize",
+    "autoResizeMode",
+    "defaultMinWidth",
     "fileNmae",
     "fonts",
     "onFilterChange"
@@ -2239,22 +2245,41 @@ 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) => {
+    var _a2;
+    apiRef.current = api;
+    (_a2 = rest.onApiReady) == null ? void 0 : _a2.call(rest, api);
+  };
+  (0, import_react6.useEffect)(() => {
+    if (!apiRef.current || !columns.length || !autoResize) return;
+    const resize = () => {
+      columns.forEach((col) => {
+        var _a2, _b2;
+        if (!(col == null ? void 0 : col.width)) {
+          (_a2 = apiRef.current) == null ? void 0 : _a2.exec("resize-column", {
+            id: col.id,
+            auto: autoResizeMode
           });
-        });
-      }, 0);
-    },
-    [columns, data]
-  );
+        }
+        if (defaultMinWidth) {
+          (_b2 = apiRef.current) == null ? void 0 : _b2.exec("update-column", {
+            id: col.id,
+            minWidth: defaultMinWidth
+          });
+        }
+      });
+    };
+    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, autoResize, autoResizeMode, defaultMinWidth]);
   const getSelectedData = () => {
     var _a2, _b2;
     const selected = (_b2 = (_a2 = apiRef.current) == null ? void 0 : _a2.getState().selectedRows) != null ? _b2 : [];
@@ -2294,14 +2319,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
@@ -2172,6 +2172,9 @@ function Grid(_a) {
     onExportPdf,
     onExportExcel,
     downloadable = true,
+    autoResize = true,
+    autoResizeMode = true,
+    defaultMinWidth = 120,
     fileNmae,
     fonts,
     onFilterChange
@@ -2184,6 +2187,9 @@ function Grid(_a) {
     "onExportPdf",
     "onExportExcel",
     "downloadable",
+    "autoResize",
+    "autoResizeMode",
+    "defaultMinWidth",
     "fileNmae",
     "fonts",
     "onFilterChange"
@@ -2210,22 +2216,41 @@ 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) => {
+    var _a2;
+    apiRef.current = api;
+    (_a2 = rest.onApiReady) == null ? void 0 : _a2.call(rest, api);
+  };
+  useEffect6(() => {
+    if (!apiRef.current || !columns.length || !autoResize) return;
+    const resize = () => {
+      columns.forEach((col) => {
+        var _a2, _b2;
+        if (!(col == null ? void 0 : col.width)) {
+          (_a2 = apiRef.current) == null ? void 0 : _a2.exec("resize-column", {
+            id: col.id,
+            auto: autoResizeMode
           });
-        });
-      }, 0);
-    },
-    [columns, data]
-  );
+        }
+        if (defaultMinWidth) {
+          (_b2 = apiRef.current) == null ? void 0 : _b2.exec("update-column", {
+            id: col.id,
+            minWidth: defaultMinWidth
+          });
+        }
+      });
+    };
+    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, autoResize, autoResizeMode, defaultMinWidth]);
   const getSelectedData = () => {
     var _a2, _b2;
     const selected = (_b2 = (_a2 = apiRef.current) == null ? void 0 : _a2.getState().selectedRows) != null ? _b2 : [];
@@ -2265,14 +2290,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.20",
     "private": false,
     "sideEffects": false,
     "main": "dist/index.js",