@mamrp/components 1.4.3 → 1.4.5

package/dist/index.mjs

@@ -4823,6 +4823,10 @@ var DataTable = ({
   sorting = [],
   onSortingChange,
   manualSorting = false,
+  columnVisibility = {},
+  onColumnVisibilityChange,
+  columnOrder = [],
+  onColumnOrderChange,
   enableStickyHeader = true,
   maxHeight = "calc(100vh - 200px)",
   density = "compact",
@@ -4830,6 +4834,8 @@ var DataTable = ({
   enableGlobalFilter = false,
   enableColumnFilterModes = false,
   enableRowSelection = false,
+  showColumnFilters,
+  onShowColumnFiltersChange,
   renderTopToolbarCustomActions,
   renderBottomToolbarCustomActions,
   tableOptions = {},
@@ -4838,8 +4844,8 @@ var DataTable = ({
   const memoizedColumns = useMemo(() => columns, [columns]);
   const memoizedData = useMemo(() => data, [data]);
   const defaultRenderTopToolbarCustomActions = ({ table: table2 }) => {
-    const showFilters = table2.getState().showColumnFilters;
-    if (!showFilters || !showClearFiltersButton || !onClearFilters) return null;
+    const currentShowFilters = showColumnFilters !== void 0 ? showColumnFilters : table2.getState().showColumnFilters;
+    if (!currentShowFilters || !showClearFiltersButton || !onClearFilters) return null;
     return /* @__PURE__ */ React.createElement(Box23, { sx: { width: "100%" } }, /* @__PURE__ */ React.createElement(
       Box23,
       {
@@ -4862,32 +4868,39 @@ 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,
+      ...showColumnFilters !== void 0 && { showColumnFilters },
+      ...columnOrder && Array.isArray(columnOrder) && columnOrder.length > 0 && { columnOrder },
       isLoading,
       showProgressBars: isRefetching
     },
-    // Styling
+    // === Event Handlers ===
+    onColumnVisibilityChange,
+    ...onShowColumnFiltersChange && { onShowColumnFiltersChange },
+    ...onColumnOrderChange && { onColumnOrderChange },
+    // === استایل‌دهی ===
     muiTablePaperProps: { sx: { direction: "ltr" } },
     muiTableBodyCellProps: { sx: { textAlign: "center" } },
     muiTableHeadCellProps: {
@@ -4903,14 +4916,14 @@ var DataTable = ({
         maxHeight
       }
     },
-    // Initial state
+    // === حالت اولیه ===
     initialState: {
       density
     },
-    // Custom toolbars
+    // === تولبارهای سفارشی ===
     renderTopToolbarCustomActions: renderTopToolbarCustomActions || defaultRenderTopToolbarCustomActions,
     renderBottomToolbarCustomActions,
-    // Override with any additional options
+    // 🔧 اعمال تنظیمات اضافی
     ...tableOptions
   });
   return /* @__PURE__ */ React.createElement(MaterialReactTable, { table });