@moontra/moonui-pro 2.4.3 → 2.4.4

package/dist/index.mjs

@@ -53265,31 +53265,27 @@ function DataTable({
       ] })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "moonui-pro-datatable-wrapper rounded-md border overflow-hidden", style: { contain: "layout style" }, children: /* @__PURE__ */ jsx("div", { style: { overflowX: "auto" }, children: /* @__PURE__ */ jsxs("table", { className: "moonui-pro-datatable", style: { width: "100%", tableLayout: "auto" }, children: [
-      /* @__PURE__ */ jsx("thead", { className: "moonui-data-table-header", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx("tr", { className: "moonui-data-table-row border-b", children: headerGroup.headers.map((header) => {
-        if (!header.column.getIsVisible())
-          return null;
-        return /* @__PURE__ */ jsx(
-          "th",
-          {
-            className: "moonui-data-table-th h-12 px-4 text-left align-middle font-medium text-muted-foreground",
-            children: header.isPlaceholder ? null : /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: cn(
-                  "flex items-center space-x-2",
-                  header.column.getCanSort() && "cursor-pointer select-none"
-                ),
-                onClick: header.column.getToggleSortingHandler(),
-                children: [
-                  flexRender(header.column.columnDef.header, header.getContext()),
-                  header.column.getCanSort() && /* @__PURE__ */ jsx("div", { className: "ml-2", children: header.column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx("span", { suppressHydrationWarning: true, children: /* @__PURE__ */ jsx(ArrowUp, { className: "h-4 w-4" }) }) : header.column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx("span", { suppressHydrationWarning: true, children: /* @__PURE__ */ jsx(ArrowDown, { className: "h-4 w-4" }) }) : /* @__PURE__ */ jsx("span", { suppressHydrationWarning: true, children: /* @__PURE__ */ jsx(ArrowUpDown, { className: "h-4 w-4" }) }) })
-                ]
-              }
-            )
-          },
-          header.id
-        );
-      }) }, headerGroup.id)) }),
+      /* @__PURE__ */ jsx("thead", { className: "moonui-data-table-header", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx("tr", { className: "moonui-data-table-row border-b", children: headerGroup.headers.filter((header) => header.column.getIsVisible()).map((header) => /* @__PURE__ */ jsx(
+        "th",
+        {
+          className: "moonui-data-table-th h-12 px-4 text-left align-middle font-medium text-muted-foreground",
+          children: header.isPlaceholder ? null : /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-center space-x-2",
+                header.column.getCanSort() && "cursor-pointer select-none"
+              ),
+              onClick: header.column.getToggleSortingHandler(),
+              children: [
+                flexRender(header.column.columnDef.header, header.getContext()),
+                header.column.getCanSort() && /* @__PURE__ */ jsx("div", { className: "ml-2", children: header.column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx("span", { suppressHydrationWarning: true, children: /* @__PURE__ */ jsx(ArrowUp, { className: "h-4 w-4" }) }) : header.column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx("span", { suppressHydrationWarning: true, children: /* @__PURE__ */ jsx(ArrowDown, { className: "h-4 w-4" }) }) : /* @__PURE__ */ jsx("span", { suppressHydrationWarning: true, children: /* @__PURE__ */ jsx(ArrowUpDown, { className: "h-4 w-4" }) }) })
+              ]
+            }
+          )
+        },
+        header.id
+      )) }, headerGroup.id)) }),
       /* @__PURE__ */ jsx("tbody", { className: "moonui-data-table-body", children: isPaginationLoading ? /* @__PURE__ */ jsx(
         motion.tr,
         {
@@ -53297,7 +53293,7 @@ function DataTable({
           animate: { opacity: 1 },
           exit: { opacity: 0 },
           transition: { duration: 0.2 },
-          children: /* @__PURE__ */ jsx("td", { colSpan: table.getVisibleLeafColumns().length, className: "h-24 text-center", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center space-x-2", children: [
+          children: /* @__PURE__ */ jsx("td", { colSpan: table.getAllLeafColumns().filter((col) => col.getIsVisible()).length, className: "h-24 text-center", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center space-x-2", children: [
             /* @__PURE__ */ jsx("span", { suppressHydrationWarning: true, children: /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) }),
             /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Loading..." })
           ] }) })
@@ -53324,7 +53320,7 @@ function DataTable({
           animate: { opacity: 1 },
           exit: { opacity: 0 },
           transition: { duration: 0.2 },
-          children: /* @__PURE__ */ jsx("td", { colSpan: table.getVisibleLeafColumns().length, className: "h-24 text-center", children: "No results found." })
+          children: /* @__PURE__ */ jsx("td", { colSpan: table.getAllLeafColumns().filter((col) => col.getIsVisible()).length, className: "h-24 text-center", children: "No results found." })
         },
         "no-results"
       ) })
@@ -53513,14 +53509,10 @@ var TableRow2 = t__default.memo(({
           row.getIsSelected() && "bg-muted",
           isExpanded && "border-b-0"
         ),
-        children: row.getVisibleCells().map((cell) => {
-          if (!cell.column.getIsVisible())
-            return null;
-          return /* @__PURE__ */ jsx("td", { className: "moonui-data-table-td p-4 align-middle", children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id);
-        })
+        children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx("td", { className: "moonui-data-table-td p-4 align-middle", children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
       }
     ),
-    isExpanded && renderSubComponent && /* @__PURE__ */ jsx("tr", { className: "border-b", children: /* @__PURE__ */ jsx("td", { colSpan: row.getVisibleCells().filter((cell) => cell.column.getIsVisible()).length, className: "p-0 overflow-hidden", children: /* @__PURE__ */ jsx(
+    isExpanded && renderSubComponent && /* @__PURE__ */ jsx("tr", { className: "border-b", children: /* @__PURE__ */ jsx("td", { colSpan: row.getVisibleCells().length, className: "p-0 overflow-hidden", children: /* @__PURE__ */ jsx(
       "div",
       {
         className: "transition-all duration-300 ease-out",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui-pro",
-  "version": "2.4.3",
+  "version": "2.4.4",
   "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
   "type": "module",
   "main": "dist/index.mjs",

package/src/components/data-table/index.tsx

@@ -421,11 +421,9 @@ export function DataTable<TData, TValue>({
           <thead className="moonui-data-table-header">
             {table.getHeaderGroups().map((headerGroup) => (
               <tr key={headerGroup.id} className="moonui-data-table-row border-b">
-                {headerGroup.headers.map((header) => {
-                  // Column visibility kontrolü
-                  if (!header.column.getIsVisible()) return null;
-                  
-                  return (
+                {headerGroup.headers
+                  .filter((header) => header.column.getIsVisible())
+                  .map((header) => (
                     <th
                       key={header.id}
                       className="moonui-data-table-th h-12 px-4 text-left align-middle font-medium text-muted-foreground"
@@ -453,8 +451,7 @@ export function DataTable<TData, TValue>({
                         </div>
                       )}
                     </th>
-                  );
-                })}
+                  ))}
               </tr>
             ))}
           </thead>
@@ -467,7 +464,7 @@ export function DataTable<TData, TValue>({
                 exit={{ opacity: 0 }}
                 transition={{ duration: 0.2 }}
               >
-                <td colSpan={table.getVisibleLeafColumns().length} className="h-24 text-center">
+                <td colSpan={table.getAllLeafColumns().filter(col => col.getIsVisible()).length} className="h-24 text-center">
                   <div className="flex items-center justify-center space-x-2">
                     <span suppressHydrationWarning><Loader2 className="h-4 w-4 animate-spin" /></span>
                     <span className="text-sm text-muted-foreground">Loading...</span>
@@ -500,7 +497,7 @@ export function DataTable<TData, TValue>({
                 exit={{ opacity: 0 }}
                 transition={{ duration: 0.2 }}
               >
-                <td colSpan={table.getVisibleLeafColumns().length} className="h-24 text-center">
+                <td colSpan={table.getAllLeafColumns().filter(col => col.getIsVisible()).length} className="h-24 text-center">
                   No results found.
                 </td>
               </motion.tr>
@@ -729,21 +726,16 @@ const TableRow = React.memo(({
           isExpanded && "border-b-0"
         )}
       >
-        {row.getVisibleCells().map((cell) => {
-          // Column visibility kontrolü
-          if (!cell.column.getIsVisible()) return null;
-          
-          return (
-            <td key={cell.id} className="moonui-data-table-td p-4 align-middle">
-              {flexRender(cell.column.columnDef.cell, cell.getContext())}
-            </td>
-          );
-        })}
+        {row.getVisibleCells().map((cell) => (
+          <td key={cell.id} className="moonui-data-table-td p-4 align-middle">
+            {flexRender(cell.column.columnDef.cell, cell.getContext())}
+          </td>
+        ))}
       </tr>
       
       {isExpanded && renderSubComponent && (
         <tr className="border-b">
-          <td colSpan={row.getVisibleCells().filter(cell => cell.column.getIsVisible()).length} className="p-0 overflow-hidden">
+          <td colSpan={row.getVisibleCells().length} className="p-0 overflow-hidden">
             <div 
               className="transition-all duration-300 ease-out"
               style={{