<commit_before>/* global __WEBPACK__ */
import React from 'react';
import NumberEditor from 'react-number-editor';
if (__WEBPACK__) {
    require('../../style/components/Parameters.less');
}

class Parameters extends React.Component {
    render() {
        return (
            <div className="parameters">
                <label>
                    How many primes do you want to show? <NumberEditor min={1} max={100000} step={1} decimals={0} {...this.props} />
                </label>
            </div>
        );
    }
}
<commit_msg>Add help icon with title tooltip text for number editor<commit_after>/* global __WEBPACK__ */
import React from 'react';
import NumberEditor from 'react-number-editor';
if (__WEBPACK__) {
    require('../../style/components/Parameters.less');
}

class Parameters extends React.Component {
    render() {
        return (
            <div className="parameters">
                <label>
                    How many primes do you want to show? <NumberEditor min={1} max={100000} step={1} decimals={0} {...this.props} />
                </label>
                <span className="glyphicon glyphicon-question-sign" title="Double-click to manually edit the number" style={{marginLeft: '8px'}}></span>
            </div>
        );
    }
}

{'fraction_non_alphanumeric': 0.1396078431372549, 'fraction_numerical': 0.014901960784313726, 'mean_word_length': 2.2634271099744248, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 15, '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': '5691734', 'n_tokens_mistral': 357, 'n_tokens_neox': 342, 'n_words': 98}