nexxtway/react-rainbow

View on GitHub

Showing 445 of 2,739 total issues

File index.js has 368 lines of code (exceeds 250 allowed). Consider refactoring.
Open

/* eslint-disable react/sort-comp */
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import withReduxForm from '../../libs/hocs/withReduxForm';
import RenderIf from '../RenderIf';
Severity: Minor
Found in src/components/Picklist/index.js - About 4 hrs to fix

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

        render() {
            const {
                label: pickListLabel,
                labelAlignment,
                hideLabel,
    Severity: Major
    Found in src/components/Picklist/index.js - About 4 hrs to fix

      File index.js has 363 lines of code (exceeds 250 allowed). Consider refactoring.
      Open

      import styled from 'styled-components';
      import attachThemeAttrs from '../../../styles/helpers/attachThemeAttrs';
      import IconContainer from '../../Input/styled/iconContainer';
      import ButtonIcon from '../../ButtonIcon';
      import { MARGIN_X_SMALL } from '../../../styles/margins';
      Severity: Minor
      Found in src/components/FileSelector/styled/index.js - About 4 hrs to fix

        Function AccordionSection has 117 lines of code (exceeds 25 allowed). Consider refactoring.
        Open

        const AccordionSection = props => {
            const {
                style,
                disabled,
                children,
        Severity: Major
        Found in src/components/AccordionSection/index.js - About 4 hrs to fix

          Lookup has 36 functions (exceeds 20 allowed). Consider refactoring.
          Open

          class Lookup extends Component {
              constructor(props) {
                  super(props);
                  const normalizedOptions = getNormalizedOptions(props.options || []);
                  this.state = {
          Severity: Minor
          Found in src/components/Lookup/index.js - About 4 hrs to fix

            File singleCalendar.js has 361 lines of code (exceeds 250 allowed). Consider refactoring.
            Open

            /* eslint-disable react/sort-comp */
            /* eslint-disable react/prop-types */
            import React, { Component } from 'react';
            import PropTypes from 'prop-types';
            import DaysOfWeek from './daysOfWeek';
            Severity: Minor
            Found in src/components/Calendar/singleCalendar.js - About 4 hrs to fix

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

              export default function CalendarIcon(props) {
                  const { className, style } = props;
              
                  return (
                      <svg className={className} style={style} width="21px" height="21px" viewBox="0 0 21 21">
              Severity: Major
              Found in src/components/DateTimePicker/icon.js - About 4 hrs to fix

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

                    render() {
                        const {
                            className,
                            style,
                            value,
                Severity: Major
                Found in src/components/Input/inputBase/index.js - About 4 hrs to fix

                  Function ButtonIcon has 115 lines of code (exceeds 25 allowed). Consider refactoring.
                  Open

                  const ButtonIcon = React.forwardRef((props, ref) => {
                      const buttonRef = useRef();
                      const tooltipRef = useRef();
                  
                      useImperativeHandle(ref, () => ({
                  Severity: Major
                  Found in src/components/ButtonIcon/index.js - About 4 hrs to fix

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

                        render() {
                            const { handleSubmit } = this.props;
                            return (
                                <form
                                    className="rainbow-p-horizontal_x-large rainbow-p-bottom_large rainbow-checkout_media-styles-container"
                    Severity: Major
                    Found in examples/create-react-app/src/pages/ReduxForm/form.js - About 4 hrs to fix

                      Function Child has 111 lines of code (exceeds 25 allowed). Consider refactoring.
                      Open

                      export default function Child(props) {
                          const {
                              label,
                              isExpanded,
                              isLoading,
                      Severity: Major
                      Found in src/components/Tree/child.js - About 4 hrs to fix

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

                            render() {
                                const { name, description, examples, tabBody } = this.props;
                                const descriptionText = description ? description.props.text : null;
                                const { activeTabName } = this.state;
                        
                        
                        Severity: Major
                        Found in library/styleguideComponents/ReactComponent/index.js - About 4 hrs to fix

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

                          const StrongPasswordInput = React.forwardRef((props, ref) => {
                              const {
                                  id,
                                  className,
                                  style,
                          Severity: Major
                          Found in src/components/StrongPasswordInput/index.js - About 4 hrs to fix

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

                            const Paris = props => {
                                const { className, style } = props;
                                return (
                                    <svg
                                        className={className}
                            Severity: Major
                            Found in library/exampleComponents/Icons/paris.js - About 4 hrs to fix

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

                              const Design = props => {
                                  const { className, style } = props;
                                  return (
                                      <svg className={className} style={style} width="49px" height="53px" viewBox="0 0 49 53">
                                          <g id="components" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
                              Severity: Major
                              Found in library/exampleComponents/Icons/design.js - About 4 hrs to fix

                                Function MapComponent has 106 lines of code (exceeds 25 allowed). Consider refactoring.
                                Open

                                export default function MapComponent(props) {
                                    const {
                                        showTraffic,
                                        showTransit,
                                        center,
                                Severity: Major
                                Found in src/components/PresenceMap/component.js - About 4 hrs to fix

                                  File index.js has 343 lines of code (exceeds 250 allowed). Consider refactoring.
                                  Open

                                  /* eslint-disable react/no-unused-prop-types */
                                  import React, { useState, useRef, useImperativeHandle } from 'react';
                                  import PropTypes from 'prop-types';
                                  import { useOutsideClick } from '@rainbow-modules/hooks';
                                  import Label from '../Input/label';
                                  Severity: Minor
                                  Found in src/components/MultiSelect/index.js - About 4 hrs to fix

                                    File index.js has 343 lines of code (exceeds 250 allowed). Consider refactoring.
                                    Open

                                    /* eslint-disable react/no-unused-prop-types */
                                    import React, { useState, useRef, useCallback } from 'react';
                                    import PropTypes from 'prop-types';
                                    import { useScrollingIntent } from '@rainbow-modules/hooks';
                                    import Label from '../Input/label';
                                    Severity: Minor
                                    Found in src/components/ColorInput/index.js - About 4 hrs to fix

                                      Function Cell has 105 lines of code (exceeds 25 allowed). Consider refactoring.
                                      Open

                                      export default function Cell(props) {
                                          const {
                                              header,
                                              component,
                                              value,
                                      Severity: Major
                                      Found in src/components/Table/body/cell.js - About 4 hrs to fix

                                        Function CarouselImage has 104 lines of code (exceeds 25 allowed). Consider refactoring.
                                        Open

                                        const CarouselImage = props => {
                                            const { assistiveText, description, header, href, src, style, className } = props;
                                            const {
                                                register,
                                                unregister,
                                        Severity: Major
                                        Found in src/components/CarouselImage/index.js - About 4 hrs to fix
                                          Severity
                                          Category
                                          Status
                                          Source
                                          Language