@darwino/darwino-react-bootstrap/dist/lib/SearchForm.js

A set of Javascript classes and utilities

/* 
 * (c) Copyright Darwino Inc. 2014-2017.
 */
import React, { Component } from "react";
import './SearchForm.css';

class SearchForm extends Component {
  constructor(props) {
    super(props);
    this.state = {
      _ftSearch: ""
    };
    this.onSearch = this.onSearch.bind(this);
  }

  onSearch() {
    if (this.props.onSearch) {
      this.props.onSearch(this.state._ftSearch);
    }
  }

  render() {
    return /*#__PURE__*/React.createElement("form", {
      className: "pull-left",
      role: "search",
      style: {
        paddingBottom: 20
      },
      onSubmit: evt => {
        evt.preventDefault();
        this.onSearch();
      }
    }, /*#__PURE__*/React.createElement("div", {
      className: "btn-group"
    }, /*#__PURE__*/React.createElement("span", {
      className: "glyphicon glyphicon-search search-query",
      onClick: evt => {
        evt.preventDefault();
        this.onSearch();
      }
    }), /*#__PURE__*/React.createElement("input", {
      type: "search",
      className: "form-control search-input",
      size: "50",
      placeholder: this.props.placeHolder,
      name: "q",
      value: this.state._ftSearch,
      onChange: evt => this.setState({
        _ftSearch: evt.target.value
      })
    }), /*#__PURE__*/React.createElement("span", {
      className: "glyphicon glyphicon-remove-circle search-clear",
      style: this.state._ftSearch ? {} : {
        display: 'none'
      },
      onClick: evt => {
        this.setState({
          _ftSearch: ""
        });
        this.onSearch();
      }
    })));
  }

}

export default SearchForm;
//# sourceMappingURL=SearchForm.js.map