leahjlou / react-filter-builder Goto Github PK

Add a text input above the filter attribute picker to filter the possible attributes

See https://github.com/CanopyTax/react-query-builder/blob/master/src/query-builder.js#L242

Mostly need to cover what fields are supported in filterDefs.

Would be nice to have some linting goin' on

If I want to have this filter builder for a select dropdown, or to do an async request to a rest api, is there any way to do it ?

I was investigating this tool for use in an ES6 project with a custom webpack/babel config (without babel "es2015").

Attempting to import your npm module resulted in a compile time error due to a missing file, with the error focused on this line

./dist/query-builder.js:4 import './query-builder.css';

There are a few possible fixes:

• Copy ../src/query-builder.css ../dist/query-builder.js as part of the prepublish npm script
  package.json

    "compile": "babel src --out-dir dist && cp ../src/query-builder.css ../dist/query-builder.js",

• Change the ES6 css import statement to go up a directory first, so the dist folder can always import the css file directly from the ./src/ directory

./dist/query-builder.js:4

import '../src/query-builder.css';

• Change the package json file to directly reference the uncompiled ./src/ directory for external webpack ES6 imports, rather than pointing to the ./dist/ directory which is for those who lack a external buildchain

package.json

  "main": "src/query-builder.js",

Add the ability to show a custom message when a filter gets disabled, i.e., "This filter type is not compatible because X"

See https://github.com/CanopyTax/react-query-builder/blob/master/src/query-builder.js#L189

Please do you have any suggestions or way to add combinators (AND, OR, NOT) to the filters?

Thanks.
Taiwo

Right now it only supports the text input type. We should implement datepicker, daterange, select, multiselect, and probably some others. See the input component

Set up tests and write some of 'em.