<commit_before>import React, {PropTypes} from 'react'
import _ from 'lodash'

// TODO: add logic for for Prefix, Suffix, Scale, and Multiplier
const Ranger = ({onSetRange, onSetLabel, axes}) => {
  const min = _.get(axes, ['y', 'bounds', '0'], '')
  const max = _.get(axes, ['y', 'bounds', '1'], '')
  const label = _.get(axes, ['y', 'label'], '')

  return (
    <div className="display-options--cell">
      <h5 className="display-options--header">Y Axis Controls</h5>
      <form autoComplete="off" style={{margin: '0 -6px'}}>
        <div className="form-group col-sm-12">
          <label htmlFor="prefix">Title</label>
          <input
            className="form-control input-sm"
            type="text"
            name="label"
            id="label"
            value={label}
            onChange={onSetLabel}
          />
        </div>
        <div className="form-group col-sm-6">
          <label htmlFor="min">Min</label>
          <input
            className="form-control input-sm"
            type="number"
            name="min"
            id="min"
            value={min}
            onChange={onSetRange}
            placeholder="auto"
          />
        </div>
        <div className="form-group col-sm-6">
          <label htmlFor="max">Max</label>
          <input
            className="form-control input-sm"
            type="number"
            name="max"
            id="max"
            value={max}
            onChange={onSetRange}
            placeholder="auto"
          /><commit_msg>Add placeholder to label<commit_after>import React, {PropTypes} from 'react'
import _ from 'lodash'

// TODO: add logic for for Prefix, Suffix, Scale, and Multiplier
const Ranger = ({onSetRange, onSetLabel, axes}) => {
  const min = _.get(axes, ['y', 'bounds', '0'], '')
  const max = _.get(axes, ['y', 'bounds', '1'], '')
  const label = _.get(axes, ['y', 'label'], '')

  return (
    <div className="display-options--cell">
      <h5 className="display-options--header">Y Axis Controls</h5>
      <form autoComplete="off" style={{margin: '0 -6px'}}>
        <div className="form-group col-sm-12">
          <label htmlFor="prefix">Title</label>
          <input
            className="form-control input-sm"
            type="text"
            name="label"
            id="label"
            value={label}
            onChange={onSetLabel}
            placeholder="auto"
          />
        </div>
        <div className="form-group col-sm-6">
          <label htmlFor="min">Min</label>
          <input
            className="form-control input-sm"
            type="number"
            name="min"
            id="min"
            value={min}
            onChange={onSetRange}
            placeholder="auto"
          />
        </div>
        <div className="form-group col-sm-6">
          <label htmlFor="max">Max</label>
          <input
            className="form-control input-sm"
            type="number"
            name="max"
            id="max"
            value={max}
            onChange={onSetRange}
            placeholder="auto"
          />
{'fraction_non_alphanumeric': 0.15651328580686974, 'fraction_numerical': 0.0064808813998703824, 'mean_word_length': 1.8089171974522293, 'pattern_counts': {'":': 0, '<': 39, '<?xml version=': 0, '>': 41, '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': '5986863', 'n_tokens_mistral': 900, 'n_tokens_neox': 889, 'n_words': 194}