@mamrp/components 1.4.2 → 1.4.4

package/dist/index.js

@@ -4815,6 +4815,10 @@ var DataTable = ({
   sorting = [],
   onSortingChange,
   manualSorting = false,
+  columnVisibility = {},
+  onColumnVisibilityChange,
+  columnOrder = [],
+  onColumnOrderChange,
   enableStickyHeader = true,
   maxHeight = "calc(100vh - 200px)",
   density = "compact",
@@ -4854,32 +4858,37 @@ var DataTable = ({
     columns: memoizedColumns,
     data: memoizedData,
     localization,
-    // Pagination
+    // === صفحه‌بندی ===
     manualPagination,
     onPaginationChange,
     pageCount: manualPagination ? Math.ceil(totalRows / pagination.pageSize) : void 0,
     rowCount: totalRows ?? 0,
-    // Filtering
+    // === فیلترینگ ===
     manualFiltering,
     onColumnFiltersChange,
     enableColumnFilterModes,
     enableGlobalFilter,
-    // Sorting
+    // === مرتب‌سازی ===
     manualSorting,
     onSortingChange,
-    // Features
+    // === ویژگی‌ها ===
     enableColumnOrdering,
     enableRowSelection,
     enableStickyHeader,
-    // State
+    // === وضعیت جدول ===
     state: {
       pagination,
-      columnFilters,
+      // columnFilters, // غیرفعال شده - فیلترها از طریق useTableState مدیریت می‌شوند
       sorting,
+      columnVisibility,
+      ...columnOrder && Array.isArray(columnOrder) && columnOrder.length > 0 && { columnOrder },
       isLoading,
       showProgressBars: isRefetching
     },
-    // Styling
+    // === Event Handlers ===
+    onColumnVisibilityChange,
+    ...onColumnOrderChange && { onColumnOrderChange },
+    // === استایل‌دهی ===
     muiTablePaperProps: { sx: { direction: "ltr" } },
     muiTableBodyCellProps: { sx: { textAlign: "center" } },
     muiTableHeadCellProps: {
@@ -4895,14 +4904,14 @@ var DataTable = ({
         maxHeight
       }
     },
-    // Initial state
+    // === حالت اولیه ===
     initialState: {
       density
     },
-    // Custom toolbars
+    // === تولبارهای سفارشی ===
     renderTopToolbarCustomActions: renderTopToolbarCustomActions || defaultRenderTopToolbarCustomActions,
     renderBottomToolbarCustomActions,
-    // Override with any additional options
+    // 🔧 اعمال تنظیمات اضافی
     ...tableOptions
   });
   return /* @__PURE__ */ React.createElement(import_material_react_table.MaterialReactTable, { table });