@adaptabletools/adaptable/src/View/Components/ColumnFilter/AdaptableColumnFilter.js

Powerful data-agnostic HTML5 AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements

import * as React from 'react';
import { ColumnFilterComponent } from './ColumnFilter';
import { useAdaptableFilterWrapper } from './useAdaptableFilterWrapper';
/**
 * This wrapper knows about predicates.
 * It transforms predicates in QlPredicates.
 */
export const AdaptableColumnFilter = (props) => {
    const { qlPredicate, qlPredicateDefs, columnFilter, handlePredicateChange } = useAdaptableFilterWrapper(props.columnId);
    return (React.createElement(ColumnFilterComponent, { wrapperProps: props.wrapperProps, columnId: props.columnId, predicate: qlPredicate, predicateDefs: qlPredicateDefs, disabled: columnFilter?.IsSuspended, onPredicateChange: React.useCallback((predicate) => {
            handlePredicateChange(predicate);
            props.onChange?.();
        }, [handlePredicateChange, props.onChange]) }));
};