joshcarr / react-structured-filter Goto Github PK

this is the behavior when editing category and operator. Making it so for value will make it consitent

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

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.

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.

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

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.

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"]
}

At the least, just destroy the new duplicate. Perhaps also alert the user in UI that there was a mistaken duplicate.

Cannot read property
Giving above error with following line, any idea?
> 447 | if ( this.props.operatorSigns [ assignValue ]) {

is it possible to use to this:
function getOptions() {return ["MSFT", "AAPL", "GOOG"]}

via an api call using redux + store + reducer?

Would like the ability to NOT show the headers. Is this currently possible? Thanks

value and onChange props

use shuhei/gh-pagesify or tschaub/gh-pages