react-structured-filter is a React component that provides autocomplete faceted search queries. This was inspired by visualsearch and structured-filter and is heavily based on react-typeahead.
BSD License
This project forked from summitroute/react-structured-filter
React component that provides autocomplete faceted search queries
License: Other
react-structured-filter is a React component that provides autocomplete faceted search queries. This was inspired by visualsearch and structured-filter and is heavily based on react-typeahead.
BSD License
Key events like "Enter", "Backspace" and "Tab" don't fire the listeners. Ain't able to get a call on the update when any of those change for "textoptions" kind of option
Cannot read property
Giving above error with following line, any idea?
> 447 | if ( this.props.operatorSigns [ assignValue ]) {
Hi @joshcarr
I'm getting the following error -
Seems like its coming out of the render function of token.js
render() {
const { category, operator, value } = this.props.children;
return (
<div {...this.props} className="typeahead-token">
<span className="token-category">{ category }</span>
<span className="token-operator">{ operator }</span>
<span className="token-value">{ value }</span>
{ this._makeCloseButton() }
</div>
);
}
Could you please help.
I'd like to be able close the selector using the "escape" button so that I can tab to the next element in the form.
Please let know if this is possible? If you'd like me to provide a PR, I'm new to this and would request you to provide me pointers.
is it possible to use to this:
function getOptions() {return ["MSFT", "AAPL", "GOOG"]}
via an api call using redux + store + reducer?
At the least, just destroy the new duplicate. Perhaps also alert the user in UI that there was a mistaken duplicate.
Hey, this seems to be the most active branch, so I'm submitting the idea I'm currently working on.
Basically, operators should be configurable by passing them in as a property.
These should be merged with the default operators (using object-assign, a dependency for React and ReactDOM).
Example
{
"textoptions":["equals","does not equal"],
"text":["like","not like","equals","does not equal","matches","does not match"]
}
Would like the ability to NOT show the headers. Is this currently possible? Thanks
Hello! When the datepicker is displayed. I expect the datepicker to be dismissed when I select a date via a click. It also doesn't go away when the control loses focus.
Hi @joshcarr ,
I'm using the minimalist feature of the filter like
<StructuredFilter
placeholder="Search..."
options={[
{category:"Name",type:"text"},
{category:"Price",type:"number"},
]}
/>
and I'm getting the error
Uncaught TypeError: Cannot read property 'slice' of undefined
getStateFromProps
Tokenizer
constructComponentWithoutOwner
Could you please help.
Thanks
Subham
this is the behavior when editing category and operator. Making it so for value will make it consitent
value and onChange props
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.