<commit_before>import React from 'react';
import { Map } from 'immutable';

import SymbolSelectContainer from './SymbolSelectContainer';
import CategorySelectContainer from './CategorySelectContainer';
import PeriodSelectContainer from './PeriodSelectContainer';
import PayoutSelectContainer from './PayoutSelectContainer';
import SpotContainer from './SpotContainer';
import ContractEndTimerContainer from './ContractEndTimerContainer';

const JapanForm = ({ state, actions }) => (<section className='japan-form flex-box rows'>
  <div className='flex-box cols row'>
    <div className='col'>
      <SymbolSelectContainer
        state={state}
        className='symbol-select select'
        value={state.getIn(['values', 'symbol'])}
        onChange={(e) => actions.setSymbol({ symbol: e.target.value })}
        id='underlying' />
      <CategorySelectContainer
        state={state}
        className='category-select select'
        value={state.getIn(['values', 'category'])}
        onChange={(e) => actions.setCategory({ category: e.target.value })}
        id='category-select'/>
    </div>
    <div className='col'>
      <PeriodSelectContainer
        state={state}
        className='period-select select'
        value={state.getIn(['values', 'period'])}
        onChange={(e) => actions.setPeriod({ period: e.target.value })}/>
      <PayoutSelectContainer
        state={state}
        className='payout-select select'
        value={String(state.getIn(['values', 'payout'], ''))}
        onChange={(e) => actions.setPayout({ payout: e.target.value })}/>
    </div>
  </div>
  <div className='row flex-box cols space-between'>
    <div className='col'>
      <SpotContainer spot={state.getIn(['streams', 'ticks', 'value'], Map())} />
    </div>
    <div className='col'>
      <ContractEndTimerContainer timeLeft={state.getIn(['values', 'timeLeft'])} />
    </div>
  </div>
</section>);

JapanForm.displayName = 'JapanForm';
JapanForm.propTypes = {
  actions: React.PropTypes.object.isRequired,
  state: React.PropTypes.instanceOf(Map).isRequired,
};

export default JapanForm;<commit_msg>make type number so character can't be input<commit_after>import React from 'react';
import { Map } from 'immutable';

import SymbolSelectContainer from './SymbolSelectContainer';
import CategorySelectContainer from './CategorySelectContainer';
import PeriodSelectContainer from './PeriodSelectContainer';
import PayoutSelectContainer from './PayoutSelectContainer';
import SpotContainer from './SpotContainer';
import ContractEndTimerContainer from './ContractEndTimerContainer';

const JapanForm = ({ state, actions }) => (<section className='japan-form flex-box rows'>
  <div className='flex-box cols row'>
    <div className='col'>
      <SymbolSelectContainer
        state={state}
        className='symbol-select select'
        value={state.getIn(['values', 'symbol'])}
        onChange={(e) => actions.setSymbol({ symbol: e.target.value })}
        id='underlying' />
      <CategorySelectContainer
        state={state}
        className='category-select select'
        value={state.getIn(['values', 'category'])}
        onChange={(e) => actions.setCategory({ category: e.target.value })}
        id='category-select'/>
    </div>
    <div className='col'>
      <PeriodSelectContainer
        state={state}
        className='period-select select'
        value={state.getIn(['values', 'period'])}
        onChange={(e) => actions.setPeriod({ period: e.target.value })}/>
      <PayoutSelectContainer
        state={state}
        className='payout-select select'
        value={String(state.getIn(['values', 'payout'], ''))}
        type='number'
        onChange={(e) => actions.setPayout({ payout: e.target.value })}/>
    </div>
  </div>
  <div className='row flex-box cols space-between'>
    <div className='col'>
      <SpotContainer spot={state.getIn(['streams', 'ticks', 'value'], Map())} />
    </div>
    <div className='col'>
      <ContractEndTimerContainer timeLeft={state.getIn(['values', 'timeLeft'])} />
    </div>
  </div>
</section>);

JapanForm.displayName = 'JapanForm';
JapanForm.propTypes = {
  actions: React.PropTypes.object.isRequired,
  state: React.PropTypes.instanceOf(Map).isRequired,
};

export default JapanForm;
{'fraction_non_alphanumeric': 0.1595869514198545, 'fraction_numerical': 0.0, 'mean_word_length': 3.815819209039548, 'pattern_counts': {'":': 0, '<': 43, '<?xml version=': 0, '>': 53, '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': '1984644', 'n_tokens_mistral': 1194, 'n_tokens_neox': 1189, 'n_words': 255}