nexxtway/react-rainbow

View on GitHub

Showing 2,739 of 2,739 total issues

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

    async hasFocusTimeInput() {
        return $(this.rootElement)
            .$(timeInputId)
            .$('input')
            .isFocused();
Severity: Minor
Found in src/components/TimePicker/pageObject/index.js and 1 other location - About 35 mins to fix
src/components/TimePicker/pageObject/index.js on lines 115..120

Duplicated Code

Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

Tuning

This issue has a mass of 46.

We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

Refactorings

Further Reading

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

    async setLeftMonthYear(value) {
        await $(this.rootElement)
            .$$('select')[0]
            .selectByVisibleText(value);
    }
Severity: Minor
Found in src/components/Calendar/pageObject/doubleCalendar.js and 1 other location - About 35 mins to fix
src/components/Calendar/pageObject/doubleCalendar.js on lines 260..264

Duplicated Code

Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

Tuning

This issue has a mass of 46.

We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

Refactorings

Further Reading

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

    ${props =>
        props.disabled &&
        props.palette.isDark &&
        `
            color: ${props.palette.text.header};
Severity: Minor
Found in src/components/RadioButtonGroup/styled/buttonItemLabel.js and 1 other location - About 35 mins to fix
library/styleguideComponents/Wrapper/styled.js on lines 121..126

Duplicated Code

Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

Tuning

This issue has a mass of 46.

We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

Refactorings

Further Reading

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

    addBackdropClickListener() {
        const node = this.containerRef.current;
        if (node) {
            node.addEventListener('click', this.handleClick);
        }
Severity: Minor
Found in src/components/Modal/index.js and 1 other location - About 35 mins to fix
src/components/Modal/index.js on lines 138..143

Duplicated Code

Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

Tuning

This issue has a mass of 46.

We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

Refactorings

Further Reading

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

    removeBackdropClickListener() {
        const node = this.containerRef.current;
        if (node) {
            node.removeEventListener('click', this.handleClick);
        }
Severity: Minor
Found in src/components/Modal/index.js and 1 other location - About 35 mins to fix
src/components/Modal/index.js on lines 131..136

Duplicated Code

Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

Tuning

This issue has a mass of 46.

We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

Refactorings

Further Reading

Avoid too many return statements within this function.
Open

        return recomposeColor({ type, values });
Severity: Major
Found in src/styles/helpers/color/colorToRgba.js - About 30 mins to fix

    Avoid too many return statements within this function.
    Open

            return {
                left: leftUpAnchor.x,
                top: leftUpAnchor.y - contentHeight - margin,
            };
    Severity: Major
    Found in src/components/PrimitiveMenu/utils.js - About 30 mins to fix

      Avoid too many return statements within this function.
      Open

              return 'right-to-left';
      Severity: Major
      Found in src/components/CarouselImage/index.js - About 30 mins to fix

        Avoid too many return statements within this function.
        Open

                        return true;
        Severity: Major
        Found in src/components/PhoneInput/countriesDropdown/helpers/filterCountries.js - About 30 mins to fix

          Avoid too many return statements within this function.
          Open

                      return false;
          Severity: Major
          Found in src/components/PhoneInput/countriesDropdown/helpers/filterCountries.js - About 30 mins to fix

            Avoid too many return statements within this function.
            Open

                    if (type === 'hsla') return hslToRgb(color);
            Severity: Major
            Found in src/styles/helpers/color/colorToRgba.js - About 30 mins to fix

              Avoid too many return statements within this function.
              Open

                  return {
                      left: leftBottomAnchor.x,
                      top: leftBottomAnchor.y + margin,
                  };
              Severity: Major
              Found in src/components/PrimitiveMenu/utils.js - About 30 mins to fix

                Avoid too many return statements within this function.
                Open

                        return '';
                Severity: Major
                Found in src/styles/helpers/color/colorToRgba.js - About 30 mins to fix

                  Avoid too many return statements within this function.
                  Open

                      return (
                          <StyledCell
                              as="td"
                              role="gridcell"
                              tabIndex={-1}
                  Severity: Major
                  Found in src/components/Table/body/cell.js - About 30 mins to fix

                    Avoid too many return statements within this function.
                    Open

                        return hour;
                    Severity: Major
                    Found in src/components/TimePicker/helpers/get24HourTime.js - About 30 mins to fix

                      Avoid too many return statements within this function.
                      Open

                          return '';
                      Severity: Major
                      Found in src/components/TimePicker/helpers/normalizeHour.js - About 30 mins to fix

                        Avoid too many return statements within this function.
                        Open

                                        return onChange([option]);
                        Severity: Major
                        Found in src/components/InternalDropdown/index.js - About 30 mins to fix

                          Avoid too many return statements within this function.
                          Open

                                  return <div className="react-rainbow-defualt-array">{value}</div>;
                          Severity: Major
                          Found in library/styleguideComponents/PropsTable/bodyRows.js - About 30 mins to fix

                            Avoid too many return statements within this function.
                            Open

                                return value;
                            Severity: Major
                            Found in library/styleguideComponents/PropsTable/bodyRows.js - About 30 mins to fix

                              Avoid too many return statements within this function.
                              Open

                                          return onChange({
                                              label,
                                              name,
                                              icon,
                                              value: optionValue,
                              Severity: Major
                              Found in src/components/InternalDropdown/index.js - About 30 mins to fix
                                Severity
                                Category
                                Status
                                Source
                                Language