solve filter of datatable bug and some indentation changes

src/core/components/DataTable/Main.js

@@ -26,10 +26,20 @@ const DataTable_Main = (props) => {
     };
 
     const fetchUrl = useMemo(() => {
+        const isValueEmpty = (value) => {
+            if (Array.isArray(value)) {
+                return value.length === 0 || value.every(v => v === "");
+            }
+            return value === "" || value === null || value === undefined;
+        };
+        const filteredFilterData = Object.values(filterData).filter(
+            (filter) => !isValueEmpty(filter.value),
+        );
+
         const params = new URLSearchParams();
         params.set("start", `${pagination.pageIndex * pagination.pageSize}`);
         params.set("size", pagination.pageSize);
-        params.set("filters", JSON.stringify(isEmptyObject(filterData) ? [] : [filterData]));
+        params.set("filters", JSON.stringify(filteredFilterData.length === 0 ? [] : filteredFilterData));
         params.set("sorting", JSON.stringify(sortData));
         return `${table_url}?${params}`;
     }, [table_url, filterData, pagination, columns, sortData]);

src/core/components/DataTable/filter/FilterBodyField.jsx

@@ -18,15 +18,15 @@ const columnFilterModeOptionFa = {
 };
 
 function FilterBodyField({
-    column,
-    filterParameters,
-    handleChange,
-    handleBlur,
-    setFieldValue,
-    errors,
-    touched,
-    resetForm,
-}) {
+                             column,
+                             filterParameters,
+                             handleChange,
+                             handleBlur,
+                             setFieldValue,
+                             errors,
+                             touched,
+                             resetForm,
+                         }) {
     const [anchorEl, setAnchorEl] = useState(null);
     const defaultFilterTranslation = columnFilterModeOptionFa[filterParameters.filterFn] || filterParameters.filterFn;
 
@@ -48,8 +48,8 @@ function FilterBodyField({
                     touched={touched}
                 />
             ) : filterParameters.datatype === "numeric" &&
-              filterParameters.filterFn === "equals" &&
-              Array.isArray(column.columnSelectOption) ? (
+            filterParameters.filterFn === "equals" &&
+            Array.isArray(column.columnSelectOption) ? (
                 <CustomSelect
                     column={column}
                     filterParameters={filterParameters}

src/core/components/DataTable/filter/FilterOptionList.jsx

@@ -4,14 +4,15 @@ import { ListItem, Menu } from "@mui/material";
 import { useState } from "react";
 
 function FilterOptionList({
-    column,
-    filterType,
-    filterOption,
-    anchorEl,
-    columnFilterModeOptionFa,
-    setAnchorEl,
-    setFieldValue,
-}) {
+                              column,
+                              filterType,
+                              filterOption,
+                              anchorEl,
+                              columnFilterModeOptionFa,
+                              setAnchorEl,
+                              setFieldValue,
+                          }) {
+
     const [selectedFilter, setSelectedFilter] = useState(filterType);
 
     const handleChangeItem = (event, index) => {