@mamrp/components 1.4.4 → 1.4.5

package/dist/index.d.mts

@@ -435,6 +435,10 @@ type DataTableProps<T extends Record<string, any>> = {
     enableColumnFilterModes?: boolean;
     /** فعال‌سازی انتخاب سطر */
     enableRowSelection?: boolean;
+    /** وضعیت نمایش فیلترهای ستون */
+    showColumnFilters?: boolean;
+    /** تابع تغییر وضعیت نمایش فیلترها */
+    onShowColumnFiltersChange?: (updater: boolean | ((old: boolean) => boolean)) => void;
     /** رندر کردن اکشن‌های سفارشی بالای جدول */
     renderTopToolbarCustomActions?: (props: {
         table: any;
@@ -513,6 +517,8 @@ type DataTableProps<T extends Record<string, any>> = {
  *     onSortingChange={tableState.setSorting}
  *     columnVisibility={tableState.columnVisibility}
  *     onColumnVisibilityChange={tableState.setColumnVisibility}
+ *     showColumnFilters={showFilters}
+ *     onShowColumnFiltersChange={setShowFilters}
  *     onClearFilters={handleClearFilters}
  *     manualSorting={true}
  *   />
@@ -590,6 +596,6 @@ type DataTableProps<T extends Record<string, any>> = {
  * }
  * ```
  */
-declare const DataTable: <T extends Record<string, any>>({ data, columns, isLoading, isRefetching, pagination, onPaginationChange, totalRows, manualPagination, columnFilters, onColumnFiltersChange, manualFiltering, onClearFilters, showClearFiltersButton, sorting, onSortingChange, manualSorting, columnVisibility, onColumnVisibilityChange, columnOrder, onColumnOrderChange, enableStickyHeader, maxHeight, density, enableColumnOrdering, enableGlobalFilter, enableColumnFilterModes, enableRowSelection, renderTopToolbarCustomActions, renderBottomToolbarCustomActions, tableOptions, localization, }: DataTableProps<T>) => React$1.JSX.Element;
+declare const DataTable: <T extends Record<string, any>>({ data, columns, isLoading, isRefetching, pagination, onPaginationChange, totalRows, manualPagination, columnFilters, onColumnFiltersChange, manualFiltering, onClearFilters, showClearFiltersButton, sorting, onSortingChange, manualSorting, columnVisibility, onColumnVisibilityChange, columnOrder, onColumnOrderChange, enableStickyHeader, maxHeight, density, enableColumnOrdering, enableGlobalFilter, enableColumnFilterModes, enableRowSelection, showColumnFilters, onShowColumnFiltersChange, renderTopToolbarCustomActions, renderBottomToolbarCustomActions, tableOptions, localization, }: DataTableProps<T>) => React$1.JSX.Element;
 
 export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, ConnectToBasculeButton, CustomCheckbox, CustomTimePicker, DataTable, DateFilter, DateFilterRange, DateMonthPicker, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, DraggablePaper, UploadImage as EnhancedUploadImage, FormInputNumber, FormInputText, HorizontalStepper, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, PatternTextField, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchButton, Table, UploadImage$1 as UploadImage };

package/dist/index.d.ts

@@ -435,6 +435,10 @@ type DataTableProps<T extends Record<string, any>> = {
     enableColumnFilterModes?: boolean;
     /** فعال‌سازی انتخاب سطر */
     enableRowSelection?: boolean;
+    /** وضعیت نمایش فیلترهای ستون */
+    showColumnFilters?: boolean;
+    /** تابع تغییر وضعیت نمایش فیلترها */
+    onShowColumnFiltersChange?: (updater: boolean | ((old: boolean) => boolean)) => void;
     /** رندر کردن اکشن‌های سفارشی بالای جدول */
     renderTopToolbarCustomActions?: (props: {
         table: any;
@@ -513,6 +517,8 @@ type DataTableProps<T extends Record<string, any>> = {
  *     onSortingChange={tableState.setSorting}
  *     columnVisibility={tableState.columnVisibility}
  *     onColumnVisibilityChange={tableState.setColumnVisibility}
+ *     showColumnFilters={showFilters}
+ *     onShowColumnFiltersChange={setShowFilters}
  *     onClearFilters={handleClearFilters}
  *     manualSorting={true}
  *   />
@@ -590,6 +596,6 @@ type DataTableProps<T extends Record<string, any>> = {
  * }
  * ```
  */
-declare const DataTable: <T extends Record<string, any>>({ data, columns, isLoading, isRefetching, pagination, onPaginationChange, totalRows, manualPagination, columnFilters, onColumnFiltersChange, manualFiltering, onClearFilters, showClearFiltersButton, sorting, onSortingChange, manualSorting, columnVisibility, onColumnVisibilityChange, columnOrder, onColumnOrderChange, enableStickyHeader, maxHeight, density, enableColumnOrdering, enableGlobalFilter, enableColumnFilterModes, enableRowSelection, renderTopToolbarCustomActions, renderBottomToolbarCustomActions, tableOptions, localization, }: DataTableProps<T>) => React$1.JSX.Element;
+declare const DataTable: <T extends Record<string, any>>({ data, columns, isLoading, isRefetching, pagination, onPaginationChange, totalRows, manualPagination, columnFilters, onColumnFiltersChange, manualFiltering, onClearFilters, showClearFiltersButton, sorting, onSortingChange, manualSorting, columnVisibility, onColumnVisibilityChange, columnOrder, onColumnOrderChange, enableStickyHeader, maxHeight, density, enableColumnOrdering, enableGlobalFilter, enableColumnFilterModes, enableRowSelection, showColumnFilters, onShowColumnFiltersChange, renderTopToolbarCustomActions, renderBottomToolbarCustomActions, tableOptions, localization, }: DataTableProps<T>) => React$1.JSX.Element;
 
 export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, ConnectToBasculeButton, CustomCheckbox, CustomTimePicker, DataTable, DateFilter, DateFilterRange, DateMonthPicker, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, DraggablePaper, UploadImage as EnhancedUploadImage, FormInputNumber, FormInputText, HorizontalStepper, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, PatternTextField, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchButton, Table, UploadImage$1 as UploadImage };

package/dist/index.js

@@ -4826,6 +4826,8 @@ var DataTable = ({
   enableGlobalFilter = false,
   enableColumnFilterModes = false,
   enableRowSelection = false,
+  showColumnFilters,
+  onShowColumnFiltersChange,
   renderTopToolbarCustomActions,
   renderBottomToolbarCustomActions,
   tableOptions = {},
@@ -4834,8 +4836,8 @@ var DataTable = ({
   const memoizedColumns = (0, import_react32.useMemo)(() => columns, [columns]);
   const memoizedData = (0, import_react32.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(import_material30.Box, { sx: { width: "100%" } }, /* @__PURE__ */ React.createElement(
       import_material30.Box,
       {
@@ -4881,12 +4883,14 @@ var DataTable = ({
       // columnFilters, // غیرفعال شده - فیلترها از طریق useTableState مدیریت می‌شوند
       sorting,
       columnVisibility,
+      ...showColumnFilters !== void 0 && { showColumnFilters },
       ...columnOrder && Array.isArray(columnOrder) && columnOrder.length > 0 && { columnOrder },
       isLoading,
       showProgressBars: isRefetching
     },
     // === Event Handlers ===
     onColumnVisibilityChange,
+    ...onShowColumnFiltersChange && { onShowColumnFiltersChange },
     ...onColumnOrderChange && { onColumnOrderChange },
     // === استایل‌دهی ===
     muiTablePaperProps: { sx: { direction: "ltr" } },