<commit_before>import Component from "../../pure-render-component";
import style from "./style.less";
import cn from "classnames";
import MultipleSelect from "./multiple-select";
import TypeAhead from "./type-ahead";

export default class Filters extends Component{
  render(){
    var {actions, state} = this.props;
    var globalState = state.get('globalState');
    var open = 'filters' == globalState.get('filtersBox');
    var filters = globalState.get('filters');
    return (
        <section
            onClick={e => actions.setFiltersBox(open ? "" : "filters")}
            className={cn("col-sm-12 filters", {open: open})}
        >
          <div className="row">
            <div className="col-sm-10 text">
              Filter the data
            </div>
            <div className="col-sm-1 end arrow">
              <i className="glyphicon glyphicon-menu-right"></i>
            </div>
            <div className="box" onClick={e => e.stopPropagation()}>
              <MultipleSelect title="Bid type" slug="bidTypes" state={filters.get('bidTypes')} actions={actions}/>
              <MultipleSelect
                  title="Bid selection method"
                  slug="bidSelectionMethods"
                  state={filters.get('bidSelectionMethods')}
                  actions={actions}
              />
              <TypeAhead
                  slug="procuringEntities"
                  query={globalState.get('procuringEntityQuery')}
                  state={filters.get('procuringEntities')}
                  actions={actions}
              />
            </div>
          </div>
        </section>
    )
  }
}<commit_msg>OCVN-13 <Filters/> is now translation ready<commit_after>import Component from "../../pure-render-component";
import style from "./style.less";
import cn from "classnames";
import MultipleSelect from "./multiple-select";
import TypeAhead from "./type-ahead";
import translatable from "../../translatable";

export default class Filters extends Component{
  render(){
    var {actions, state} = this.props;
    var globalState = state.get('globalState');
    var open = 'filters' == globalState.get('filtersBox');
    var filters = globalState.get('filters');
    return (
        <section
            onClick={e => actions.setFiltersBox(open ? "" : "filters")}
            className={cn("col-sm-12 filters", {open: open})}
        >
          <div className="row">
            <div className="col-sm-10 text">
              {this.__('Filter the data')}
            </div>
            <div className="col-sm-1 end arrow">
              <i className="glyphicon glyphicon-menu-right"></i>
            </div>
            <div className="box" onClick={e => e.stopPropagation()}>
              <MultipleSelect
                  title={this.__("Bid type")}
                  slug="bidTypes"
                  state={filters.get('bidTypes')}
                  actions={actions}
              />
              <MultipleSelect
                  title={this.__("Bid selection method")}
                  slug="bidSelectionMethods"
                  state={filters.get('bidSelectionMethods')}
                  actions={actions}
              />
              <TypeAhead
                  slug="procuringEntities"
                  query={globalState.get('procuringEntityQuery')}
                  state={filters.get('procuringEntities')}
                  actions={actions}
              />
            </div>
          </div>
        </section>
    )
  }
}
{'fraction_non_alphanumeric': 0.13741769252791297, 'fraction_numerical': 0.0034354423131978244, 'mean_word_length': 1.8314424635332254, 'pattern_counts': {'":': 0, '<': 34, '<?xml version=': 0, '>': 38, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6797589', 'n_tokens_mistral': 913, 'n_tokens_neox': 883, 'n_words': 193}