more button remove + remove all logs

src/components/Filters.tsx

@@ -1,4 +1,4 @@
-import { FC, useEffect, useState, ChangeEvent } from 'react';
+import { FC, useEffect, useState, ChangeEvent, useRef } from 'react';
 import { Filter } from 'iconsax-react';
 import DatePicker from './DatePicker';
 import Input from './Input';
@@ -54,27 +54,72 @@ const Filters: FC<FiltersProps> = ({
 }) => {
     const [filters, setFilters] = useState<FilterValues>({});
     const [isFiltersOpen, setIsFiltersOpen] = useState(false);
+    const [inputValues, setInputValues] = useState<Record<string, string>>({});
+    const onChangeRef = useRef(onChange);
+
+    // آپدیت کردن ref وقتی onChange تغییر می‌کند
+    useEffect(() => {
+        onChangeRef.current = onChange;
+    }, [onChange]);
 
     // تنظیم مقادیر اولیه
     useEffect(() => {
         if (Object.keys(initialValues).length > 0) {
             setFilters(initialValues);
+            // تنظیم مقادیر input برای فیلدهای نوع input
+            const inputFields: Record<string, string> = {};
+            fields.forEach(field => {
+                if (field.type === 'input' && initialValues[field.name]) {
+                    inputFields[field.name] = initialValues[field.name] as string;
+                }
+            });
+            setInputValues(inputFields);
         } else {
             // تنظیم مقادیر پیش‌فرض از فیلدها
             const defaultValues: FilterValues = {};
+            const defaultInputs: Record<string, string> = {};
             fields.forEach(field => {
                 if ('defaultValue' in field && field.defaultValue !== undefined) {
                     defaultValues[field.name] = field.defaultValue;
+                    if (field.type === 'input') {
+                        defaultInputs[field.name] = field.defaultValue;
+                    }
                 }
             });
 
             if (Object.keys(defaultValues).length > 0) {
                 setFilters(defaultValues);
+                setInputValues(defaultInputs);
                 onChange(defaultValues);
             }
         }
     }, [fields, initialValues, onChange]);
 
+    // Debounce برای فیلدهای input
+    useEffect(() => {
+        const timeouts: Record<string, number> = {};
+
+        Object.keys(inputValues).forEach(fieldName => {
+            timeouts[fieldName] = setTimeout(() => {
+                setFilters(currentFilters => {
+                    const currentFilter = currentFilters[fieldName];
+                    const newValue = inputValues[fieldName];
+
+                    if (currentFilter !== newValue) {
+                        const newFilters = { ...currentFilters, [fieldName]: newValue || null };
+                        onChangeRef.current(newFilters);
+                        return newFilters;
+                    }
+                    return currentFilters;
+                });
+            }, 1000);
+        });
+
+        return () => {
+            Object.values(timeouts).forEach(timeout => clearTimeout(timeout));
+        };
+    }, [inputValues]);
+
     const handleChange = (name: string, value: string | null) => {
         const newFilters = { ...filters, [name]: value };
         setFilters(newFilters);
@@ -82,11 +127,12 @@ const Filters: FC<FiltersProps> = ({
     };
 
     const handleInputChange = (name: string, event: ChangeEvent<HTMLInputElement>) => {
-        handleChange(name, event.target.value);
+        const value = event.target.value;
+        setInputValues(prev => ({ ...prev, [name]: value }));
     };
 
     const renderField = (field: FieldType) => {
-        const currentValue = filters[field.name];
+        const currentValue = field.type === 'input' ? inputValues[field.name] : filters[field.name];
 
         switch (field.type) {
             case 'date':