qlik-oss/sn-scatter-plot

Function createDataTitileComp has 372 lines of code (exceeds 60 allowed). Consider refactoring.

Open

export default function createDataTitileComp() {
  function HyperDataItem({ title, selected, onClick }) {
    const localDir = rtlUtils.detectTextDirection(title);
    return (
      <ListItem role="menuitem" onClick={onClick} style={{ textAlign: 'start' }}>

File data-title-component.jsx has 431 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-disable react/destructuring-assignment */
import { getValue } from 'qlik-chart-modules';
import React from 'react';
import PropTypes from 'prop-types';
import { Button, Popover, List, ListItemIcon, ListItem, ListItemText } from '@material-ui/core'; // eslint-disable-line

Function render has 113 lines of code (exceeds 60 allowed). Consider refactoring.

Open

    render() {
      const { titleData, popover, translator, disabled, isDimension, padding, minWidth, hasAlternative } = this.props;
      const textStyle = {
        flex: '1 1 auto',
        overflow: 'hidden',

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

Open

    render() {
      /* eslint-disable react/no-this-in-sfc */
      const {
        settings: {
          app,

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if (dock === 'left') {
      style.width = `${rect.height}px`;
      style.transform = `rotate(-90deg) translate(-${rect.height}px, 0)`;
      style.transformOrigin = 'top left';
    } else if (dock === 'right') {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    } else if (dock === 'right') {
      style.width = `${rect.height}px`;
      style.transform = `rotate(90deg) translate(0, -${rect.width}px)`;
      style.transformOrigin = 'top left';
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      const handleFocus = (event) => {
        // eslint-disable-next-line no-param-reassign
        event.currentTarget.style.boxShadow = '0px 0px 0px 2px #177FE6 inset';
        // eslint-disable-next-line no-param-reassign
        event.currentTarget.style.borderRadius = '2px';

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      const handleBlur = (event) => {
        // eslint-disable-next-line no-param-reassign
        event.currentTarget.style.boxShadow = 'none';
        // eslint-disable-next-line no-param-reassign
        event.currentTarget.style.borderRadius = '0px';

• Read up
  Read up