File DataSheet.js has 691 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import Sheet from './Sheet';
import Row from './Row';
import Cell from './Cell';

DataSheet has 34 functions (exceeds 20 allowed). Consider refactoring.

Open

export default class DataSheet extends PureComponent {
  constructor(props) {
    super(props);
    this.onMouseDown = this.onMouseDown.bind(this);
    this.onMouseUp = this.onMouseUp.bind(this);

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

Open

  render() {
    const {
      sheetRenderer: SheetRenderer,
      rowRenderer: RowRenderer,
      cellRenderer,

Function handleCopy has a Cognitive Complexity of 19 (exceeds 5 allowed). Consider refactoring.

Open

  handleCopy(e) {
    if (isEmpty(this.state.editing)) {
      e.preventDefault();
      const { dataRenderer, valueRenderer, data } = this.props;
      const { start, end } = this.getState();

• Read up
  Read up

Function _setState has a Cognitive Complexity of 18 (exceeds 5 allowed). Consider refactoring.

Open

  _setState(state) {
    const { editModeChanged } = this.props;
    if (editModeChanged && state.editing) {
      const wasEditing = !isEmpty(this.state.editing);
      const wilBeEditing = !isEmpty(state.editing);

• Read up
  Read up

Function handleKey has a Cognitive Complexity of 17 (exceeds 5 allowed). Consider refactoring.

Open

  handleKey(e) {
    if (e.isPropagationStopped && e.isPropagationStopped()) {
      return;
    }
    const keyCode = e.which || e.keyCode;

• Read up
  Read up

Function handlePaste has 55 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  handlePaste(e) {
    if (isEmpty(this.state.editing)) {
      let { start, end } = this.getState();

      start = { i: Math.min(start.i, end.i), j: Math.min(start.j, end.j) };

Function searchForNextSelectablePos has 52 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  searchForNextSelectablePos(isCellNavigable, data, start, offsets, jumpRow) {
    const previousRow = location => ({
      i: location.i - 1,
      j: data[0].length - 1,
    });

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

Open

  render() {
    const {
      row,
      col,
      cell,

Function handleKeyboardCellMovement has a Cognitive Complexity of 14 (exceeds 5 allowed). Consider refactoring.

Open

  handleKeyboardCellMovement(e, commit = false) {
    const { start, editing } = this.getState();
    const { data } = this.props;
    const isEditing = editing && !isEmpty(editing);
    const currentCell = data[start.i] && data[start.i][start.j];

• Read up
  Read up

Function handlePaste has a Cognitive Complexity of 14 (exceeds 5 allowed). Consider refactoring.

Open

  handlePaste(e) {
    if (isEmpty(this.state.editing)) {
      let { start, end } = this.getState();

      start = { i: Math.min(start.i, end.i), j: Math.min(start.j, end.j) };

• Read up
  Read up

Function handleKey has 42 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  handleKey(e) {
    if (e.isPropagationStopped && e.isPropagationStopped()) {
      return;
    }
    const keyCode = e.which || e.keyCode;

Function handleCopy has 40 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  handleCopy(e) {
    if (isEmpty(this.state.editing)) {
      e.preventDefault();
      const { dataRenderer, valueRenderer, data } = this.props;
      const { start, end } = this.getState();

Function searchForNextSelectablePos has a Cognitive Complexity of 12 (exceeds 5 allowed). Consider refactoring.

Open

  searchForNextSelectablePos(isCellNavigable, data, start, offsets, jumpRow) {
    const previousRow = location => ({
      i: location.i - 1,
      j: data[0].length - 1,
    });

• Read up
  Read up

Function handleComponentKey has a Cognitive Complexity of 12 (exceeds 5 allowed). Consider refactoring.

Open

  handleComponentKey(e) {
    // handles keyboard events when editing components
    const keyCode = e.which || e.keyCode;
    if (![ENTER_KEY, ESCAPE_KEY, TAB_KEY].includes(keyCode)) {
      return;

• Read up
  Read up

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

Open

  render() {
    const {
      cell,
      row,
      col,

Function handleNavigate has a Cognitive Complexity of 11 (exceeds 5 allowed). Consider refactoring.

Open

  handleNavigate(e, offsets, jumpRow) {
    if (offsets && (offsets.i || offsets.j)) {
      const { data } = this.props;
      const { start } = this.getState();

• Read up
  Read up

Function constructor has 31 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  constructor(props) {
    super(props);
    this.onMouseDown = this.onMouseDown.bind(this);
    this.onMouseUp = this.onMouseUp.bind(this);
    this.onMouseOver = this.onMouseOver.bind(this);

Function onMouseDown has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  onMouseDown(i, j, e) {
    const isNowEditingSameCell =
      !isEmpty(this.state.editing) &&
      this.state.editing.i === i &&
      this.state.editing.j === j;

Function handleKeyboardCellMovement has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  handleKeyboardCellMovement(e, commit = false) {
    const { start, editing } = this.getState();
    const { data } = this.props;
    const isEditing = editing && !isEmpty(editing);
    const currentCell = data[start.i] && data[start.i][start.j];