rez-table-listing-mui 1.0.50 → 1.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rez-table-listing-mui",
-  "version": "1.0.50",
+  "version": "1.2.1",
   "type": "module",
   "description": "A rez table listing component built on TanStack Table",
   "main": "dist/index.js",

package/src/App.tsx

@@ -85,12 +85,12 @@ function App() {
         ) => {
           // Build ordered columns using showList and filteredColumns
           return showList
-            .map((showItem) => {
+            ?.map((showItem) => {
               return filteredColumns.find(
-                (col) => col.accessorKey === showItem.value
+                (col) => col?.accessorKey === showItem?.value
               );
             })
-            .filter((col): col is ColumnDef<any> => col !== undefined); // Ensure non-undefined columns are returned
+            ?.filter((col): col is ColumnDef<any> => col !== undefined); // Ensure non-undefined columns are returned
         };
 
         if (
@@ -110,7 +110,7 @@ function App() {
 
             // First, filter columns based on visibleColumns
             const filteredColumns = allColumns.filter((col: any) =>
-              visibleColumns.has(col.accessorKey)
+              visibleColumns.has(col?.accessorKey)
             );
             setColumns(
               getOrderedColumns(activeTabSettings.show_list, filteredColumns)
@@ -125,7 +125,7 @@ function App() {
             savedColumnSettings.show_list.map((c) => c.value)
           );
           const filtered = allColumns.filter((col: any) =>
-            visibleColumns.has(col.accessorKey)
+            visibleColumns.has(col?.accessorKey)
           );
 
           setColumns(

package/src/components/index-table.tsx

@@ -42,46 +42,48 @@ function TableWrapper<T>({
   const [metaColumns, setMetaColumns] = useState<ColumnDef<T>[]>([]);
 
   useEffect(() => {
-    const updatedColumns = columns
-      .filter((col) => {
-        const accessorKey =
-          "accessorKey" in col
-            ? (col as { accessorKey: string }).accessorKey
-            : undefined;
-        return typeof shouldHideColumn === "function"
-          ? !shouldHideColumn(accessorKey)
-          : true;
-      })
-      .map((col, index) => {
-        const id =
-          "accessorKey" in col
-            ? (col as { accessorKey: string }).accessorKey
-            : `col_${index}`;
-
-        const cell = (ctx: any) => {
-          if (col.meta?.type === "custom" && col?.meta?.propName) {
-            const customFn = customRenderFn?.[col.meta.propName];
-            return typeof customFn === "function"
-              ? customFn({
-                  value: ctx.getValue(),
-                  row: ctx.row,
-                  table: ctx.table.getRowModel().rows,
-                })
-              : ctx.getValue();
-          }
-
-          if (typeof col.cell === "function") {
-            return col.cell(ctx);
-          }
-
-          return ctx.getValue();
-        };
-
-        return { ...col, id, cell };
-      });
-
-    setMetaColumns(updatedColumns);
-  }, [columns, tableStates]);
+    if (columns?.length > 0) {
+      const updatedColumns = columns
+        ?.filter((col) => {
+          const accessorKey =
+            "accessorKey" in col
+              ? (col as { accessorKey: string })?.accessorKey
+              : undefined;
+          return typeof shouldHideColumn === "function"
+            ? !shouldHideColumn(accessorKey)
+            : true;
+        })
+        ?.map((col, index) => {
+          const id =
+            "accessorKey" in col
+              ? (col as { accessorKey: string })?.accessorKey
+              : `col_${index}`;
+
+          const cell = (ctx: any) => {
+            if (col?.meta?.type === "custom" && col?.meta?.propName) {
+              const customFn = customRenderFn?.[col?.meta?.propName];
+              return typeof customFn === "function"
+                ? customFn({
+                    value: ctx?.getValue(),
+                    row: ctx?.row,
+                    table: ctx?.table?.getRowModel()?.rows,
+                  })
+                : ctx?.getValue();
+            }
+
+            if (typeof col?.cell === "function") {
+              return col?.cell(ctx);
+            }
+
+            return ctx?.getValue();
+          };
+
+          return { ...col, id, cell };
+        });
+
+      setMetaColumns(updatedColumns);
+    }
+  }, [columns]);
 
   const [columnOrder, setColumnOrder] = useState<string[]>(() =>
     metaColumns.map((c) => c.id!)

package/src/components/login/index.tsx

@@ -9,7 +9,7 @@ const LoginButton = () => {
     setLoading(true);
     try {
       const response = await axios.post(
-        "http://localhost:4010/api/auth/login",
+        "http://localhost:6010/api/auth/login",
         {
           email_id: "darshil@rezolut.in",
           password: "Admin@123",

package/src/libs/utils/common.ts

@@ -84,7 +84,7 @@ export const ENTITY_TYPE = "NTM";
 
 // API INTEGRATION
 export const api = axios.create({
-  baseURL: "http://localhost:4010/api",
+  baseURL: "http://localhost:6010/api",
   timeout: 10000,
   headers: {
     "Content-Type": "application/json",