nexxtway/react-rainbow

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

Open

describe('formatDate', () => {
    it('should return an empty string when pass falsy values', () => {
        const values = [undefined, null, '', 0];
        values.forEach(value => {
            expect(formatDate(value)).toBe('');

• Read up
  Read up

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

Open

describe('formatDate', () => {
    it('should return an empty string when pass falsy values', () => {
        const values = [undefined, null, '', 0];
        values.forEach(value => {
            expect(formatDate(value)).toBe('');

• Read up
  Read up

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

Open

    return (
        <StyledContainer id={id} className={className} style={style}>
            <Label
                label={label}
                labelAlignment={labelAlignment}

• Read up
  Read up

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

Open

    return (
        <StyledContainer id={id} className={className} style={style}>
            <Label
                label={label}
                labelAlignment={labelAlignment}

• Read up
  Read up

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

Open

export default class Checkbox extends Component {
    constructor(props) {
        super(props);
        this.inputId = uniqueId('input-checkbox');
        this.inputRef = React.createRef();

• Read up
  Read up

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

Open

export default class Radio extends Component {
    constructor(props) {
        super(props);
        this.inputId = uniqueId('input-radio');
        this.inputRef = React.createRef();

• Read up
  Read up

File SaintBarthelemy.js has 937 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from 'react';
import PropTypes from 'prop-types';

function SvgSaintBarthelemy({ className, style }) {
    return (

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

Open

    it('should render the right amount of body cells with the right props when showCheckboxColumn is passed', () => {
        const component = mount(
            <Table data={data} keyField="id" showCheckboxColumn>
                <Column field="name" header="Name" />
                <Column field="email" header="Email" />

• Read up
  Read up

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

Open

    it('should render the right amount of body cells with the right props when showRowNumberColumn is passed', () => {
        const component = mount(
            <Table data={data} keyField="id" showRowNumberColumn>
                <Column field="name" header="Name" />
                <Column field="email" header="Email" />

• Read up
  Read up

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

Open

        <svg
            className={className}
            style={style}
            width="20px"
            height="20px"

• Read up
  Read up

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

Open

        <svg className={className} width="20px" height="20px" viewBox="0 0 20 20" version="1.1">
            <g id="re-design-layout" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
                <g
                    id="re-design-layout-componentes-V2"
                    transform="translate(-33.000000, -106.000000)"

• Read up
  Read up

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

Open

export default function CalendarIcon(props) {
    const { className, style } = props;

    return (
        <svg className={className} style={style} width="20px" height="20px" viewBox="0 0 20 20">

• Read up
  Read up

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

Open

export default function CalendarIcon(props) {
    const { className, style } = props;

    return (
        <svg className={className} style={style} width="20px" height="20px" viewBox="0 0 20 20">

• Read up
  Read up

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

Open

    it('should select the second and fifth row', async () => {
        const table = new PageTable(TABLE);
        await table.waitUntilDataIsLoaded();
        const row1 = await table.getRow(0);
        const row2 = await table.getRow(1);

• Read up
  Read up

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

Open

    it('should deselect all rows', async () => {
        const table = new PageTable(TABLE);
        await table.waitUntilDataIsLoaded();
        const row1 = await table.getRow(0);
        const row2 = await table.getRow(1);

• Read up
  Read up

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

Open

    describe('with hideLabel', () => {
        it('should set the inputId passed as the htmlFor prop in the label element', () => {
            const component = mount(<Label hideLabel label="Input Label" inputId="input-213" />);
            expect(component.find('label').prop('htmlFor')).toBe('input-213');
        });

• Read up
  Read up

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

Open

    describe('with hideLabel', () => {
        it('should set the inputId passed as the htmlFor prop in the label element', () => {
            const component = mount(<Label hideLabel label="Input Label" inputId="input-213" />);
            expect(component.find('label').prop('htmlFor')).toBe('input-213');
        });

• Read up
  Read up

File rainbowLegacyStyles.js has 774 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from 'react';
import { createGlobalStyle } from 'styled-components';
import { isServer } from '../../libs/utils';

const fontsCDN = 'https://fonts.react-rainbow.io';

Function InternalDropdown has 358 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const InternalDropdown = forwardRef((props, reference) => {
    const {
        isLoading,
        children,
        value,

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

Open

    it('should set the right scroll motion when click on a tab that is out of view on the right side', () => {
        getChildrenTotalWidthUpToClickedTab.mockReset();
        getChildrenTotalWidthUpToClickedTab.mockReturnValue(500);
        getTabIndexFromName.mockReset();
        getTabIndexFromName.mockReturnValue(2);

• Read up
  Read up