Code Monkey home page Code Monkey logo

react-structured-filter's Introduction

react-structured-filter's People

Contributors

0xdabbad00 avatar ggggino avatar joshcarr avatar nickdeis avatar ybai-r7 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

react-structured-filter's Issues

Unknown prop `onRemove` on <div> tag. Remove this prop from the element.

Hi @joshcarr

I'm getting the following error -

image

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.

Clicking escape does not close the selector

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.

getOptions redux?

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

via an api call using redux + store + reducer?

Disallow duplicate filters

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

[FEATURE]: Configurable operators

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

Clicking on date doesn't close picker

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.

Cannot read property 'slice' of undefined

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.