File InformationItems.js has 661 lines of code (exceeds 250 allowed). Consider refactoring.

Open

// Central resource for LabelWithInfo and Information items used throughout
// the app.

import React from 'react';
import { Link } from 'react-router-dom';

File chart-generators.js has 417 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* **********************************************************************
 * chart-generators.js - functions that generate a C3 chart specification
 * object from backend query results and metadata describing the query.
 *
 * The three primary functions in this file are:

Function DualAnnualCycleGraph has a Cognitive Complexity of 39 (exceeds 5 allowed). Consider refactoring.

Open

export default function DualAnnualCycleGraph(
  { model_id, experiment, variable_id, meta, comparand_id, comparandMeta, area }
) {
  function getMetadata(dataSpec) {
    // Find and return metadata matching the data specification (`dataSpec`):

• Read up
  Read up

Function render has 131 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const metaToKeyedData = (m) => ({
      key: `${m.ensemble_member} ${m.start_date}-${m.end_date}`,
      ...m,
    });

Function render has 130 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const filteredMetaVariable =
      this.filterMetaBy('model', 'scenario', 'variable');
    const filteredMetaComparand =
      this.filterMetaBy('model', 'scenario', 'comparand');

Function render has 116 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const filteredMetaVariable =
      this.filterMetaBy('model', 'scenario', 'variable');
    const filteredMetaComparand =
      this.filterMetaBy('model', 'scenario', 'comparand');

Function render has 109 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const filteredMeta = this.filterMetaBy('model', 'scenario', 'variable');
    const filteredPercentileMeta = this.filterPercentileMetaBy('model', 'scenario', 'variable');

    const model_id = this.representativeValue('model', 'model_id');

Function render has 108 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const filteredMeta = this.filterMetaBy('model', 'scenario', 'variable');
    const modelContextMetadata = this.filterMetaBy('scenario', 'variable');

    const model_id = this.representativeValue('model', 'model_id');

File util-test.js has 342 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/********************************************************
 * util-test.js - tests for the functions in util.js
 * 
 * There is one test (sometimes multiple parts) for each
 * function in ../util.js. The tests have the same names as

File chart-generator-tests.js has 324 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* ***************************************************************
 * chart-generator-tests.js - tests for chart generation functions
 *
 * One test (sometimes with multiple parts) for each function in
 * chart-generator-tests.js. The tests have the same names and are

Function assignDataToYAxis has a Cognitive Complexity of 24 (exceeds 5 allowed). Consider refactoring.

Open

function assignDataToYAxis(graph, seriesMetadata, groupByUnits = false) {
  // get sorting algorithm, if the chart already has one.
  const sortingParams = {
    y: axisSortingParams(graph, 'y'),
    y2: axisSortingParams(graph, 'y2'),

• Read up
  Read up

Function makeAnomalyGraph has a Cognitive Complexity of 24 (exceeds 5 allowed). Consider refactoring.

Open

function makeAnomalyGraph (base, variable_id, graph) {

  //anomalies for some variables are typically expressed as percentages.
  //if this is a single variable graph, check the variable configuration 
  //to see if this is one of them; if so, display percentages on the chart.

• Read up
  Read up

Function render has 82 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    // TODO: Add positioning for autoset

    const dataLayers = DataMap.layerTypes.map(layerType => (
      this.props[layerType] && (

Function render has 79 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const mapLegend = (<MapLegend
      {...this.props}
      {...this.state}
      hasValidComparand={hasValidData('comparand', this.props)}

Function render has 79 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    // TODO: Extract this to a separate component
    const LayerVisibilityButton = ({ layerVisibility, onClick }) => (
      <Button bsSize={'xsmall'} onClick={onClick}>
        <Glyphicon glyph={layerVisibility ? 'eye-open' : 'eye-close'} />

Function render has 74 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    return (
      <div id={'table'}>
        <BootstrapTable
          data={this.props.data}

Function render has 73 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const mapLegend = (<MapLegend
      {...this.props}
      {...this.state}
      hasValidComparand={hasValidData('comparand', this.props)}

Function makeVariableResponseGraph has 70 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function makeVariableResponseGraph (x, y, graph) {
  let c3Data = {};

  const seriesNameContains = function (series, keyword) {
    return caseInsensitiveStringSearch(series[0], keyword);

Function render has 70 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    function countsByGroup(meta, grouper) {
      const groupedByPropName = _.groupBy(meta, grouper);
      const countsByPropValue = _.map(groupedByPropName, (group, key) => (
        { key, count: group.length }

Function render has 67 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    // TODO: Improve returned item
    if (!_.allDefined(this.props, 'model_id', 'experiment', 'variable_id')) {
      return 'Readying...';
    }