@mkt-loitd/react-table-grid-custom 1.3.10 → 1.4.1

package/dist/index.d.mts

@@ -25,26 +25,19 @@ interface useShowHideColumnReturn<T, SR> {
 declare const useShowHideColumn: <T, SR = unknown>({ nameLocal, columns, ignoreColumns }: useShowHideColumnParameter<T, SR>) => useShowHideColumnReturn<T, SR>;
 
 interface IReactTableGridCustom<T = unknown, SR = unknown, K extends Key = Key> {
-    /** Data */
+    classNameWapperTable?: string;
+    hiddenSTT?: boolean;
     data: readonly T[];
     columns: readonly ColumnOrColumnGroup<T, SR>[];
-    /** Pagination display */
+    rowKeyGetter?: keyof T | ((row: T) => K);
     page?: number;
     pageSize?: number;
-    hiddenSTT?: boolean;
-    /** Selection */
     enableSelectRow?: boolean;
     selectedRows?: ReadonlySet<K>;
     onSelectedRowsChange?: (rows: ReadonlySet<K>) => void;
-    /** Sorting */
     sortColumns?: readonly SortColumn[];
     onSortColumnsChange?: (sortColumns: readonly SortColumn[]) => void;
-    /** Row key */
-    rowKeyGetter?: keyof T | ((row: T) => K);
-    /** UI */
-    classNameWapperTable?: string;
     fetching?: boolean;
-    /** Events */
     onRowClick?: (row: T, rowIdx: number) => void;
     onRowDoubleClick?: (row: T, rowIdx: number) => void;
 }

package/dist/index.d.ts

@@ -25,26 +25,19 @@ interface useShowHideColumnReturn<T, SR> {
 declare const useShowHideColumn: <T, SR = unknown>({ nameLocal, columns, ignoreColumns }: useShowHideColumnParameter<T, SR>) => useShowHideColumnReturn<T, SR>;
 
 interface IReactTableGridCustom<T = unknown, SR = unknown, K extends Key = Key> {
-    /** Data */
+    classNameWapperTable?: string;
+    hiddenSTT?: boolean;
     data: readonly T[];
     columns: readonly ColumnOrColumnGroup<T, SR>[];
-    /** Pagination display */
+    rowKeyGetter?: keyof T | ((row: T) => K);
     page?: number;
     pageSize?: number;
-    hiddenSTT?: boolean;
-    /** Selection */
     enableSelectRow?: boolean;
     selectedRows?: ReadonlySet<K>;
     onSelectedRowsChange?: (rows: ReadonlySet<K>) => void;
-    /** Sorting */
     sortColumns?: readonly SortColumn[];
     onSortColumnsChange?: (sortColumns: readonly SortColumn[]) => void;
-    /** Row key */
-    rowKeyGetter?: keyof T | ((row: T) => K);
-    /** UI */
-    classNameWapperTable?: string;
     fetching?: boolean;
-    /** Events */
     onRowClick?: (row: T, rowIdx: number) => void;
     onRowDoubleClick?: (row: T, rowIdx: number) => void;
 }

package/dist/index.js

@@ -251,13 +251,13 @@ var ReactTableGridCustomInner = (props) => {
   } = props;
   const isSelectRow = enableSelectRow && selectedRows !== void 0;
   const newColumns = (0, import_react2.useMemo)(() => {
-    let cols = [...columns];
+    const cols = [...columns];
     if (isSelectRow) {
       cols.unshift(import_react_data_grid.SelectColumn);
     }
     if (!hiddenSTT) {
       cols.unshift({
-        key: "index",
+        key: "__index__",
         name: "STT",
         width: 80,
         renderCell: ({ rowIdx }) => STT({ page, pageSize }, rowIdx)
@@ -278,7 +278,7 @@ var ReactTableGridCustomInner = (props) => {
     "div",
     {
       className: cn(
-        "wapper_table flex flex-col h-full min-h-0",
+        "wapper_table flex flex-col h-full min-h-0 relative",
         classNameWapperTable
       ),
       children: [
@@ -296,7 +296,7 @@ var ReactTableGridCustomInner = (props) => {
             onCellDoubleClick: ({ row, rowIdx }) => onRowDoubleClick == null ? void 0 : onRowDoubleClick(row, rowIdx)
           }
         ),
-        fetching && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LoadingIcon, { isSpin: true }) })
+        fetching && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-white/60 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LoadingIcon, { isSpin: true }) })
       ]
     }
   );

package/dist/index.mjs

@@ -220,13 +220,13 @@ var ReactTableGridCustomInner = (props) => {
   } = props;
   const isSelectRow = enableSelectRow && selectedRows !== void 0;
   const newColumns = useMemo2(() => {
-    let cols = [...columns];
+    const cols = [...columns];
     if (isSelectRow) {
       cols.unshift(SelectColumn);
     }
     if (!hiddenSTT) {
       cols.unshift({
-        key: "index",
+        key: "__index__",
         name: "STT",
         width: 80,
         renderCell: ({ rowIdx }) => STT({ page, pageSize }, rowIdx)
@@ -247,7 +247,7 @@ var ReactTableGridCustomInner = (props) => {
     "div",
     {
       className: cn(
-        "wapper_table flex flex-col h-full min-h-0",
+        "wapper_table flex flex-col h-full min-h-0 relative",
         classNameWapperTable
       ),
       children: [
@@ -265,7 +265,7 @@ var ReactTableGridCustomInner = (props) => {
             onCellDoubleClick: ({ row, rowIdx }) => onRowDoubleClick == null ? void 0 : onRowDoubleClick(row, rowIdx)
           }
         ),
-        fetching && /* @__PURE__ */ jsx2("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx2(LoadingIcon, { isSpin: true }) })
+        fetching && /* @__PURE__ */ jsx2("div", { className: "absolute inset-0 flex items-center justify-center bg-white/60 z-10", children: /* @__PURE__ */ jsx2(LoadingIcon, { isSpin: true }) })
       ]
     }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mkt-loitd/react-table-grid-custom",
-  "version": "1.3.10",
+  "version": "1.4.1",
   "description": "React Table Grid Custom component",
   "license": "ISC",
   "private": false,