@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/src/components/DataTable/DataTableSelection.tsx

@@ -1,17 +1,30 @@
 "use client"
 
 import * as React from "react"
+import { Row, RowSelectionState, Table } from "@tanstack/react-table"
 import { Checkbox } from "../checkbox"
 import { Button } from "../button"
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../select"
 import { cn } from "./utils"
 
+/**
+ * Action exécutable sur la sélection courante.
+ */
+interface SelectionAction<TData> {
+  id: string
+  label: string
+  icon?: React.ReactNode
+  onClick: (selectedRows: TData[]) => void
+  disabled?: boolean
+  destructive?: boolean
+}
+
 /**
  * Props pour la sélection avancée du DataTable
  */
 export interface DataTableSelectionProps<TData> {
   /** Table instance */
-  table: any
+  table: Table<TData>
   /** Mode de sélection */
   selectionMode?: "single" | "multiple" | "range"
   /** Données sélectionnées */
@@ -19,14 +32,7 @@ export interface DataTableSelectionProps<TData> {
   /** Callback de changement de sélection */
   onSelectionChange?: (selectedRows: TData[]) => void
   /** Actions sur la sélection */
-  selectionActions?: Array<{
-    id: string
-    label: string
-    icon?: React.ReactNode
-    onClick: (selectedRows: TData[]) => void
-    disabled?: boolean
-    destructive?: boolean
-  }>
+  selectionActions?: Array<SelectionAction<TData>>
   /** Classe CSS personnalisée */
   className?: string
 }
@@ -62,7 +68,7 @@ export function DataTableSelection<TData>({
       
       table.setRowSelection(newSelection)
     } else {
-      table.setRowSelection((prev: any) => ({
+      table.setRowSelection((prev) => ({
         ...prev,
         [rowIndex]: checked
       }))
@@ -74,7 +80,7 @@ export function DataTableSelection<TData>({
   // Sélection de toutes les lignes
   const handleSelectAll = React.useCallback((checked: boolean) => {
     if (checked) {
-      const allRowIds = table.getRowModel().rows.reduce((acc: any, row: any, index: number) => {
+      const allRowIds = table.getRowModel().rows.reduce<RowSelectionState>((acc, _row, index) => {
         acc[index] = true
         return acc
       }, {})
@@ -98,18 +104,18 @@ export function DataTableSelection<TData>({
   // Sélection par critères
   const handleSelectByCriteria = React.useCallback((criteria: (row: TData) => boolean) => {
     const newSelection = { ...table.getState().rowSelection }
-    
-    table.getRowModel().rows.forEach((row: any, index: number) => {
+
+    table.getRowModel().rows.forEach((row: Row<TData>, index: number) => {
       if (criteria(row.original)) {
         newSelection[index] = true
       }
     })
-    
+
     table.setRowSelection(newSelection)
   }, [table])
 
   // Actions de sélection
-  const handleSelectionAction = React.useCallback((action: any) => {
+  const handleSelectionAction = React.useCallback((action: SelectionAction<TData>) => {
     action.onClick(selectedRows)
   }, [selectedRows])
 
@@ -124,7 +130,7 @@ export function DataTableSelection<TData>({
         onCheckedChange={handleSelectAll}
         ref={(el) => {
           if (el && 'indeterminate' in el) {
-            (el as any).indeterminate = isSomeSelected && !isAllSelected
+            (el as unknown as HTMLInputElement).indeterminate = isSomeSelected && !isAllSelected
           }
         }}
         aria-label="Select all rows"
@@ -166,9 +172,9 @@ export function DataTableSelection<TData>({
             handleSelectAll(false)
             break
           case "invert":
-            table.getRowModel().rows.forEach((row: any, index: number) => {
+            table.getRowModel().rows.forEach((_row: Row<TData>, index: number) => {
               const isSelected = table.getState().rowSelection[index]
-              table.setRowSelection((prev: any) => ({
+              table.setRowSelection((prev) => ({
                 ...prev,
                 [index]: !isSelected
               }))
@@ -197,7 +203,7 @@ export function useDataTableSelection<TData>({
   selectionMode = "multiple",
   onSelectionChange,
 }: {
-  table: any
+  table: Table<TData>
   selectionMode?: "single" | "multiple" | "range"
   onSelectionChange?: (selectedRows: TData[]) => void
 }) {
@@ -205,14 +211,14 @@ export function useDataTableSelection<TData>({
 
   // Mise à jour des lignes sélectionnées
   React.useEffect(() => {
-    const selected = table.getFilteredSelectedRowModel().rows.map((row: any) => row.original)
+    const selected = table.getFilteredSelectedRowModel().rows.map((row: Row<TData>) => row.original)
     setSelectedRows(selected)
     onSelectionChange?.(selected)
   }, [table, onSelectionChange])
 
   // Fonctions utilitaires
   const selectRow = React.useCallback((rowIndex: number, selected: boolean = true) => {
-    table.setRowSelection((prev: any) => ({
+    table.setRowSelection((prev) => ({
       ...prev,
       [rowIndex]: selected
     }))
@@ -220,7 +226,7 @@ export function useDataTableSelection<TData>({
 
   const selectAll = React.useCallback((selected: boolean = true) => {
     if (selected) {
-      const allRowIds = table.getRowModel().rows.reduce((acc: any, row: any, index: number) => {
+      const allRowIds = table.getRowModel().rows.reduce<RowSelectionState>((acc, _row, index) => {
         acc[index] = true
         return acc
       }, {})
@@ -242,13 +248,13 @@ export function useDataTableSelection<TData>({
 
   const selectByCriteria = React.useCallback((criteria: (row: TData) => boolean) => {
     const newSelection = { ...table.getState().rowSelection }
-    
-    table.getRowModel().rows.forEach((row: any, index: number) => {
+
+    table.getRowModel().rows.forEach((row: Row<TData>, index: number) => {
       if (criteria(row.original)) {
         newSelection[index] = true
       }
     })
-    
+
     table.setRowSelection(newSelection)
   }, [table])
 

package/src/components/DataTable/DataTableToolbar.tsx

@@ -63,7 +63,7 @@ export function DataTableToolbar<TData>({
       onExport(format)
     } else {
       if (format === "csv") {
-        exportToCSV(data as any, "export.csv")
+        exportToCSV(data as Record<string, unknown>[], "export.csv")
       } else {
         exportToJSON(data, "export.json")
       }

package/src/components/DataTable/hooks/useDataTable.ts

@@ -11,6 +11,7 @@ import {
   ColumnFiltersState,
   VisibilityState,
   Row,
+  FilterFn,
 } from "@tanstack/react-table"
 import { DataTableProps, DataTableState } from "../types"
 import { loadTableState, saveTableState, globalFilterFn } from "../utils"
@@ -97,7 +98,7 @@ export function useDataTable<TData>({
     getFilteredRowModel: getFilteredRowModel(),
     getPaginationRowModel: getPaginationRowModel(),
     getSortedRowModel: getSortedRowModel(),
-    globalFilterFn: globalFilterFn as any,
+    globalFilterFn: globalFilterFn,
     manualPagination: paginationConfig?.mode === "server",
     pageCount: paginationConfig?.mode === "server" 
       ? Math.ceil((paginationConfig.totalItems || 0) / pagination.pageSize)

package/src/components/DataTable/hooks/useDataTableAdvanced.ts

@@ -19,6 +19,7 @@ import {
   GroupingState,
   RowSelectionState,
   Row,
+  FilterFn,
 } from "@tanstack/react-table"
 import { DataTableProps, DataTableState, GroupingConfig, VirtualizationConfig } from "../types"
 
@@ -187,9 +188,9 @@ export function useDataTableAdvanced<TData>({
     getExpandedRowModel: getExpandedRowModel(),
     getFacetedRowModel: getFacetedRowModel(),
     getFacetedUniqueValues: getFacetedUniqueValues(),
-    globalFilterFn: globalFilterFn as any,
+    globalFilterFn: globalFilterFn as FilterFn<TData>,
     manualPagination: paginationConfig?.mode === "server",
-    pageCount: paginationConfig?.mode === "server" 
+    pageCount: paginationConfig?.mode === "server"
       ? Math.ceil((paginationConfig.totalItems || 0) / pagination.pageSize)
       : undefined,
     // Configuration de redimensionnement
@@ -255,10 +256,13 @@ export function useDataTableAdvanced<TData>({
 
   // Fonctions d'expansion
   const toggleRowExpansion = useCallback((rowId: string) => {
-    setExpanded((prev: any) => ({
-      ...prev,
-      [rowId]: !prev[rowId]
-    }))
+    setExpanded((prev) => {
+      const prevState = prev === true ? {} : prev
+      return {
+        ...prevState,
+        [rowId]: !prevState[rowId],
+      }
+    })
   }, [])
 
   const expandAll = useCallback(() => {

package/src/components/DataTable/hooks/useDataTableEdit.ts

@@ -14,14 +14,14 @@ export interface EditActions<TData> {
   startEdit: (rowId: string, initialData: TData) => void
   cancelEdit: () => void
   saveEdit: () => Promise<void>
-  updateField: (field: keyof TData, value: any) => void
+  updateField: (field: keyof TData, value: unknown) => void
   resetEdit: () => void
 }
 
 export interface UseDataTableEditOptions<TData> {
   onSave?: (rowId: string, data: Partial<TData>) => Promise<void>
   onCancel?: (rowId: string, originalData: TData) => void
-  validateField?: (field: keyof TData, value: any) => string | null
+  validateField?: (field: keyof TData, value: unknown) => string | null
   autoSave?: boolean
   autoSaveDelay?: number
 }
@@ -75,7 +75,7 @@ export function useDataTableEdit<TData>(
     setValidationErrors({})
   }, [editingRowId, originalData, onCancel])
 
-  const updateField = useCallback((field: keyof TData, value: any) => {
+  const updateField = useCallback((field: keyof TData, value: unknown) => {
     if (!editingRowId) return
 
     // Validation du champ si une fonction de validation est fournie

package/src/components/DataTable/hooks/useDataTableExport.ts

@@ -1,6 +1,18 @@
 import { useCallback, useMemo } from "react"
 import { ExportConfig } from "../types"
 
+/**
+ * Forme minimale d'une colonne telle que consommée par l'export.
+ * `formatter` n'est pas une propriété standard de `ColumnDef` (TanStack v8)
+ * mais est lue au runtime : on la conserve telle quelle.
+ */
+interface ExportColumn {
+  accessorKey?: string
+  id?: string
+  header?: unknown
+  formatter?: (value: unknown) => unknown
+}
+
 /**
  * Hook pour gérer l'export des données du DataTable
  */
@@ -10,7 +22,7 @@ export function useDataTableExport<TData>({
   exportConfig,
 }: {
   data: TData[]
-  columns: any[]
+  columns: ExportColumn[]
   exportConfig?: ExportConfig
 }) {
   // Configuration par défaut
@@ -34,7 +46,7 @@ export function useDataTableExport<TData>({
       return columns
         .filter(col => col.accessorKey || col.id)
         .map(col => {
-          const value = col.accessorKey ? (row as any)[col.accessorKey] : (row as any)[col.id]
+          const value = col.accessorKey ? (row as Record<string, unknown>)[col.accessorKey] : (row as Record<string, unknown>)[col.id as string]
           const formattedValue = col.formatter ? col.formatter(value) : value
           // Échapper les virgules et guillemets
           const stringValue = String(formattedValue || "")
@@ -89,7 +101,7 @@ export function useDataTableExport<TData>({
         const values = columns
           .filter(col => col.accessorKey || col.id)
           .map(col => {
-            const value = col.accessorKey ? (row as any)[col.accessorKey] : (row as any)[col.id]
+            const value = col.accessorKey ? (row as Record<string, unknown>)[col.accessorKey] : (row as Record<string, unknown>)[col.id as string]
             return col.formatter ? col.formatter(value) : value
           })
         worksheet.addRow(values)
@@ -134,15 +146,16 @@ export function useDataTableExport<TData>({
         columns
           .filter(col => col.accessorKey || col.id)
           .map(col => {
-            const value = col.accessorKey ? (row as any)[col.accessorKey] : (row as any)[col.id]
+            const value = col.accessorKey ? (row as Record<string, unknown>)[col.accessorKey] : (row as Record<string, unknown>)[col.id as string]
             return col.formatter ? col.formatter(value) : value
           })
       )
 
       // Appeler autoTable comme fonction avec le document
       autoTable(doc, {
-        head: [headers],
-        body: rows,
+        head: [headers] as unknown as import("jspdf-autotable").RowInput[],
+        // Cellules dynamiques (unknown) → RowInput de jspdf-autotable.
+        body: rows as unknown as import("jspdf-autotable").RowInput[],
         startY: 20,
         styles: { fontSize: 8 },
         headStyles: { fillColor: [66, 139, 202] },
@@ -159,14 +172,14 @@ export function useDataTableExport<TData>({
   const exportToXML = useCallback((data: TData[], filename?: string) => {
     const headers = columns
       .filter(col => col.accessorKey || col.id)
-      .map(col => col.accessorKey || col.id)
+      .map(col => (col.accessorKey || col.id)!)
 
     let xmlContent = '<?xml version="1.0" encoding="UTF-8"?>\n<data>\n'
     
     data.forEach((row, index) => {
       xmlContent += `  <row id="${index}">\n`
       headers.forEach(header => {
-        const value = (row as any)[header]
+        const value = (row as Record<string, unknown>)[header]
         const stringValue = String(value || "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;")
         xmlContent += `    <${header}>${stringValue}</${header}>\n`
       })
@@ -229,6 +242,6 @@ export function useDataTableExport<TData>({
     exportAll,
     exportSelected,
     supportedFormats: config.formats,
-    isExportSupported: (format: string) => config.formats.includes(format as any),
+    isExportSupported: (format: string) => (config.formats as readonly string[]).includes(format),
   }
 }

package/src/components/DataTable/hooks/useDataTableImport.ts

@@ -23,7 +23,7 @@ export function useDataTableImport<TData>({
     const headers = lines[0].split(delimiter).map(h => h.trim().replace(/"/g, ""))
     const data = lines.slice(1).map(line => {
       const values = line.split(delimiter).map(v => v.trim().replace(/"/g, ""))
-      const row: any = {}
+      const row: Record<string, string> = {}
       headers.forEach((header, index) => {
         row[header] = values[index] || ""
       })
@@ -34,9 +34,9 @@ export function useDataTableImport<TData>({
   }, [])
 
   // Fonction de parsing JSON
-  const parseJSON = useCallback((content: string) => {
+  const parseJSON = useCallback((content: string): unknown[] => {
     try {
-      const data = JSON.parse(content)
+      const data: unknown = JSON.parse(content)
       return Array.isArray(data) ? data : [data]
     } catch (error) {
       throw new Error("Format JSON invalide")
@@ -51,7 +51,7 @@ export function useDataTableImport<TData>({
       const rows = xmlDoc.querySelectorAll("row")
       
       return Array.from(rows).map(row => {
-        const data: any = {}
+        const data: Record<string, string> = {}
         Array.from(row.children).forEach(child => {
           data[child.tagName] = child.textContent || ""
         })
@@ -105,7 +105,7 @@ export function useDataTableImport<TData>({
   }, [config.parseOptions?.xlsx?.sheetIndex, config.parseOptions?.xlsx?.headerRow])
 
   // Fonction de validation des données
-  const validateData = useCallback((data: any[]) => {
+  const validateData = useCallback((data: unknown[]) => {
     if (config.validate) {
       return config.validate(data)
     }
@@ -123,11 +123,11 @@ export function useDataTableImport<TData>({
   }, [config.validate])
 
   // Fonction de mapping des colonnes
-  const mapColumns = useCallback((data: any[]) => {
+  const mapColumns = useCallback((data: Record<string, unknown>[]) => {
     if (!config.columnMapping) return data
-    
+
     return data.map(row => {
-      const mappedRow: any = {}
+      const mappedRow: Record<string, unknown> = {}
       Object.entries(config.columnMapping!).forEach(([source, target]) => {
         if (row[source] !== undefined) {
           mappedRow[target] = row[source]
@@ -140,17 +140,17 @@ export function useDataTableImport<TData>({
   // Fonction d'import principal
   const importData = useCallback(async (file: File): Promise<TData[]> => {
     const fileExtension = file.name.split(".").pop()?.toLowerCase()
-    let parsedData: any[] = []
+    let parsedData: Record<string, unknown>[] = []
 
     try {
       const content = await file.text()
-      
+
       switch (fileExtension) {
         case "csv":
           parsedData = parseCSV(content, config.parseOptions?.csv?.delimiter)
           break
         case "json":
-          parsedData = parseJSON(content)
+          parsedData = parseJSON(content) as Record<string, unknown>[]
           break
         case "xml":
           parsedData = parseXML(content)
@@ -176,7 +176,7 @@ export function useDataTableImport<TData>({
         config.onImport(mappedData)
       }
 
-      return mappedData
+      return mappedData as TData[]
     } catch (error) {
       throw new Error(`Erreur lors de l'import: ${error instanceof Error ? error.message : "Erreur inconnue"}`)
     }

package/src/components/DataTable/hooks/useDataTableVirtualization.ts

@@ -12,7 +12,7 @@ export function useDataTableVirtualization<TData>({
 }: {
   data: TData[]
   virtualization?: VirtualizationConfig
-  containerRef: React.RefObject<HTMLElement>
+  containerRef: React.RefObject<HTMLElement | null>
 }) {
   const [containerHeight, setContainerHeight] = useState(
     virtualization?.containerHeight || 600

package/src/components/DataTable/types.ts

@@ -1,4 +1,4 @@
-import { ColumnDef, PaginationState, SortingState, ColumnFiltersState, VisibilityState, ColumnOrderState, ExpandedState, GroupingState } from "@tanstack/react-table"
+import { ColumnDef, PaginationState, SortingState, ColumnFiltersState, VisibilityState, ColumnOrderState, ExpandedState, GroupingState, Row } from "@tanstack/react-table"
 import { ReactNode } from "react"
 import { EditCellConfig } from "./DataTableEditCell"
 
@@ -72,13 +72,13 @@ export interface FilterConfig {
   /** Placeholder */
   placeholder?: string
   /** Valeur par défaut */
-  defaultValue?: any
+  defaultValue?: unknown
   /** Colonne associée */
   column?: string
   /** Fonction de filtrage personnalisée */
-  filterFn?: (row: any, columnId: string, filterValue: any) => boolean
+  filterFn?: (row: Row<unknown>, columnId: string, filterValue: unknown) => boolean
   /** Validation du filtre */
-  validate?: (value: any) => string | null
+  validate?: (value: unknown) => string | null
 }
 
 /**
@@ -88,7 +88,7 @@ export interface GroupingConfig {
   /** Colonnes de groupement */
   columns?: string[]
   /** Fonction d'agrégation personnalisée */
-  aggregations?: Record<string, (values: any[]) => any>
+  aggregations?: Record<string, (values: unknown[]) => unknown>
   /** Affichage des totaux */
   showTotals?: boolean
   /** Position des totaux */
@@ -148,7 +148,7 @@ export interface RowExpansionConfig {
   /** Colonne d'expansion */
   columnId?: string
   /** Fonction de rendu du contenu étendu */
-  renderExpanded?: (row: any) => ReactNode
+  renderExpanded?: (row: unknown) => ReactNode
   /** État d'expansion initial */
   initialExpanded?: Record<string, boolean>
 }
@@ -164,7 +164,7 @@ export interface TableAction {
   /** Icône (composant React) */
   icon?: ReactNode
   /** Callback */
-  onClick: (selectedRows: any[]) => void
+  onClick: (selectedRows: unknown[]) => void
   /** Visible seulement si sélection */
   requiresSelection?: boolean
   /** Variant du bouton */
@@ -200,13 +200,13 @@ export interface ExportConfig {
   /** Nom du fichier */
   filename?: string
   /** Callback personnalisé */
-  onExport?: (data: any[], format: string) => void
+  onExport?: (data: unknown[], format: string) => void
   /** Colonnes à exporter */
   columns?: string[]
   /** Inclure les en-têtes */
   includeHeaders?: boolean
   /** Formatage personnalisé */
-  formatters?: Record<string, (value: any) => string>
+  formatters?: Record<string, (value: unknown) => string>
   /** Options spécifiques par format */
   options?: {
     csv?: { delimiter?: string; encoding?: string }
@@ -222,9 +222,9 @@ export interface ImportConfig {
   /** Formats acceptés */
   accept?: string
   /** Callback de traitement */
-  onImport?: (data: any[]) => void
+  onImport?: (data: unknown[]) => void
   /** Validation des données */
-  validate?: (data: any[]) => { valid: boolean; errors: string[] }
+  validate?: (data: unknown[]) => { valid: boolean; errors: string[] }
   /** Mapping des colonnes */
   columnMapping?: Record<string, string>
   /** Options de parsing */
@@ -252,7 +252,7 @@ export interface DataTableProps<TData> {
   data: TData[]
   
   /** Définition des colonnes */
-  columns: ColumnDef<TData, any>[]
+  columns: ColumnDef<TData, unknown>[]
   
   /** Layout d'affichage */
   layout?: DataTableLayout
@@ -366,7 +366,7 @@ export interface DataTableProps<TData> {
   theme?: {
     colors?: Record<string, string>
     spacing?: Record<string, string>
-    typography?: Record<string, any>
+    typography?: Record<string, unknown>
   }
   
   /** Options de performance */
@@ -389,9 +389,9 @@ export interface ColumnEditConfig<TData> {
   /** Configuration de la cellule d'édition */
   config: EditCellConfig
   /** Validation personnalisée */
-  validate?: (value: any, row: TData) => string | null
+  validate?: (value: unknown, row: TData) => string | null
   /** Callback de changement */
-  onChange?: (value: any, row: TData) => void
+  onChange?: (value: unknown, row: TData) => void
 }
 
 /**

package/src/components/DataTable/utils.ts

@@ -1,4 +1,6 @@
 import { clsx, type ClassValue } from "clsx"
+import type { Row } from "@tanstack/react-table"
+import type { DataTableState } from "./types"
 
 /**
  * Utilitaire pour merger les classes CSS
@@ -10,7 +12,7 @@ export function cn(...inputs: ClassValue[]) {
 /**
  * Export des données en CSV
  */
-export function exportToCSV<T extends Record<string, any>>(
+export function exportToCSV<T extends Record<string, unknown>>(
   data: T[],
   filename: string = "export.csv"
 ): void {
@@ -61,7 +63,7 @@ export function exportToJSON<T>(data: T[], filename: string = "export.json"): vo
 /**
  * Parse un fichier CSV
  */
-export async function parseCSV(file: File): Promise<any[]> {
+export async function parseCSV(file: File): Promise<Record<string, string>[]> {
   return new Promise((resolve, reject) => {
     const reader = new FileReader()
     
@@ -81,7 +83,7 @@ export async function parseCSV(file: File): Promise<any[]> {
         // Lignes suivantes = données
         const data = lines.slice(1).map((line) => {
           const values = line.split(",").map((v) => v.trim().replace(/^"|"$/g, ""))
-          const row: any = {}
+          const row: Record<string, string> = {}
           headers.forEach((header, index) => {
             row[header] = values[index] || ""
           })
@@ -102,7 +104,7 @@ export async function parseCSV(file: File): Promise<any[]> {
 /**
  * Sauvegarde de l'état dans localStorage
  */
-export function saveTableState(tableId: string, state: any): void {
+export function saveTableState(tableId: string, state: unknown): void {
   try {
     localStorage.setItem(`datatable_${tableId}`, JSON.stringify(state))
   } catch (error) {
@@ -113,10 +115,10 @@ export function saveTableState(tableId: string, state: any): void {
 /**
  * Chargement de l'état depuis localStorage
  */
-export function loadTableState(tableId: string): any | null {
+export function loadTableState(tableId: string): Partial<DataTableState> | null {
   try {
     const saved = localStorage.getItem(`datatable_${tableId}`)
-    return saved ? JSON.parse(saved) : null
+    return saved ? (JSON.parse(saved) as Partial<DataTableState>) : null
   } catch (error) {
     console.warn("[DataTable] Failed to load state:", error)
     return null
@@ -133,7 +135,7 @@ export function generateId(): string {
 /**
  * Debounce une fonction
  */
-export function debounce<T extends (...args: any[]) => any>(
+export function debounce<T extends (...args: never[]) => unknown>(
   func: T,
   wait: number
 ): (...args: Parameters<T>) => void {
@@ -146,19 +148,16 @@ export function debounce<T extends (...args: any[]) => any>(
 }
 
 /**
- * Filtre global sur les données
+ * Filtre global sur les données.
+ * Appelé par TanStack Table une fois par row × colonne avec row.getValue(columnId).
  */
-export function globalFilterFn<T extends Record<string, any>>(
-  row: T,
+export function globalFilterFn<TData>(
+  row: Row<TData>,
   columnId: string,
   filterValue: string
 ): boolean {
-  const searchValue = filterValue.toLowerCase()
-  
-  // Rechercher dans toutes les valeurs de la ligne
-  return Object.values(row).some((value) => {
-    if (value == null) return false
-    return String(value).toLowerCase().includes(searchValue)
-  })
+  const value = row.getValue(columnId)
+  if (value == null) return false
+  return String(value).toLowerCase().includes(filterValue.toLowerCase())
 }