@maherunlocker/custom-react-table/dist/cjs/Table/filters/GlobalFilter.js

dynamic table based on react table v7

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = __importDefault(require("react"));
// import { useTranslation } from 'react-i18next';
const react_table_1 = require("react-table");
const StyledSearchInput_1 = require("../../components/assets/StyledSearchInput");
function GlobalFilter({ preGlobalFilteredRows, setGlobalFilter, style, }) {
    // const { t } = useTranslation();
    // const count = preGlobalFilteredRows.length;
    const [value, setValue] = react_1.default.useState('');
    const onChange = (0, react_table_1.useAsyncDebounce)((value) => {
        setGlobalFilter(value || undefined);
    }, 300);
    return ((0, jsx_runtime_1.jsx)(StyledSearchInput_1.StyledSearchInput, { style: style, value: value || '', onChange: (e) => {
            setValue(e.target.value);
            onChange(e.target.value);
        }, placeholder: "Rechercher" }));
}
exports.default = GlobalFilter;
//# sourceMappingURL=GlobalFilter.js.map