bonsai-analyzer/src/components/stats/FilterRequirementsCountForm.js

Trim your dependency tree.

/*
 * @flow
 */

import type {FilterProps} from '../../stats/filterModules';

import * as React from 'react';

const INFINITY = '\u221E';

type Props = {
  filters: FilterProps,
  onChangeMin: (event: SyntheticInputEvent<>) => void,
  onChangeMax: (event: SyntheticInputEvent<>) => void,
};

export default function FilterRequirementsCountForm(props: Props) {
  return (
    <div className="col-sm-12">
      <label
        className="sr-only"
        htmlFor="filter-requirementsCount-min">
        Min (bytes)
      </label>
      <label
        className="sr-only"
        htmlFor="filter-requirementsCount-max">
        Max (bytes)
      </label>
      <div className="input-group">
        <input
          className="form-control"
          style={{width: '100px'}}
          id="filter-requirementsCount-min"
          onChange={props.onChangeMin}
          placeholder="0"
          type="text"
          value={props.filters.requirementsCountMin}
        />
        <div className="input-group-addon"><code>&lt; imports &lt;</code></div>
        <input
          className="form-control"
          style={{width: '100px'}}
          id="filter-requirementsCount-max"
          onChange={props.onChangeMax}
          placeholder={INFINITY}
          type="text"
          value={props.filters.requirementsCountMax}
        />
      </div>
    </div>
  );
}