koval-ui/dist/src/lib/DataTable/tableFeatures/useColumnFilters.cjs.map

React components collection with minimalistic design. Supports theming, layout, and input validation.

{"version":3,"file":"useColumnFilters.cjs","sources":["../../../../../src/lib/DataTable/tableFeatures/useColumnFilters.ts"],"sourcesContent":["import type {ColumnFiltersState} from '@tanstack/react-table';\nimport {useState, useEffect} from 'react';\n\nexport type Props = {\n    columnFiltersProp: ColumnFiltersState;\n    onFiltersChange: (filterState: ColumnFiltersState) => void;\n};\n\nexport const useColumnFilters = ({columnFiltersProp, onFiltersChange}: Props) => {\n    const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>(columnFiltersProp);\n    useEffect(() => {\n        setColumnFilters(columnFiltersProp);\n    }, [columnFiltersProp]);\n\n    useEffect(() => {\n        onFiltersChange(columnFilters);\n    }, [onFiltersChange, columnFilters]);\n\n    return {columnFilters, setColumnFilters};\n};\n"],"names":["useColumnFilters","columnFiltersProp","onFiltersChange","columnFilters","setColumnFilters","useState","useEffect"],"mappings":"sHAQaA,EAAmB,CAAC,CAAC,kBAAAC,EAAmB,gBAAAC,KAA4B,CAC7E,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAAAA,SAA6BJ,CAAiB,EACxFK,OAAAA,EAAAA,UAAU,IAAM,CACZF,EAAiBH,CAAiB,CAAA,EACnC,CAACA,CAAiB,CAAC,EAEtBK,EAAAA,UAAU,IAAM,CACZJ,EAAgBC,CAAa,CAAA,EAC9B,CAACD,EAAiBC,CAAa,CAAC,EAE5B,CAAC,cAAAA,EAAe,iBAAAC,CAAgB,CAC3C"}