nexxtway/react-rainbow

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

Open

            [END_KEY]: () => {
                const result = moveFocusedDay(6 - focusedDate.getDay());
                return {
                    day: result.day,
                    month: shouldUpdateCurrentMonth(result.day) ? result.month : undefined,

• Read up
  Read up

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

Open

    it('should render required asterisk when required prop is true', () => {
        const component = mount(<ButtonGroupPicker label="My label" required />);
        expect(component.find('RequiredAsterisk').exists()).toBe(true);
    });

• Read up
  Read up

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

Open

    it('should render required asterisk when required prop is true', () => {
        const component = mount(<WeekDayPicker label="My label" required />);
        expect(component.find('RequiredAsterisk').exists()).toBe(true);
    });

• Read up
  Read up

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

Open

    it('should render required asterisk when required prop is true', () => {
        const component = mount(<Slider label="My label" required />);
        expect(component.find('RequiredAsterisk').exists()).toBe(true);
    });

• Read up
  Read up

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

Open

    ${props =>
        props.isVisible &&
        props.isFirstInRange &&
        !props.isLastDayOfWeek &&
        `

• Read up
  Read up

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

Open

    ${props =>
        props.isVisible &&
        props.isLastInRange &&
        !props.isFirstDayOfWeek &&
        `

• Read up
  Read up

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

Open

const StyledHeaderDays = attachThemeAttrs(styled.th)`
    color: ${props => props.palette.text.main};
    font-size: ${FONT_SIZE_TEXT_LARGE};
    font-weight: 900;
    line-height: 40px;

• Read up
  Read up

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

Open

        it('should find the item matched with the key passed', () => {
            const childrenRefs = [
                { innerText: 'Julio' },
                { innerText: 'Luis' },
                { innerText: 'Pepe' },

• Read up
  Read up

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

Open

                    <StyledCard borderRadius={borderRadius}>
                        <StyledContent>
                            <ColorPicker
                                value={colorValue}
                                defaultColors={defaultColors}

• Read up
  Read up

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

Open

const StyledFaux = attachThemeAttrs(styled.span)`
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    position: relative;

• Read up
  Read up

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

Open

            <RenderIf isTrue={isShaded}>
                <ButtonsContainer>
                    <PageButtons
                        onChange={onChange}
                        pages={pages}

• Read up
  Read up

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

Open

        expect(context.updateDataset).toHaveBeenCalledWith(expect.any(String), {
            label: 'Dataset 1',
            data: [4, 5, 6],
            backgroundColor: '#ccc',
            borderColor: '#000',

• Read up
  Read up

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

Open

                xAxes: [
                    {
                        ticks: {
                            display: !disableXAxisTickLabels,
                            fontColor: legend.label,

• Read up
  Read up

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

Open

                yAxes: [
                    {
                        ticks: {
                            display: !disableYAxisTickLabels,
                            fontColor: legend.label,

• Read up
  Read up

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

Open

        it('should find the item matched with the key passed altought the key is in lower case and the item innerText is in upper case', () => {
            const childrenRefs = [
                { innerText: 'Julio' },
                { innerText: 'Luis' },
                { innerText: 'Pepe' },

• Read up
  Read up

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

Open

        expect(context.registerDataset).toHaveBeenCalledWith(expect.any(String), {
            label: 'Dataset 1',
            data: [1, 2, 3],
            backgroundColor: '#ccc',
            borderColor: '#000',

• Read up
  Read up

Function Spinner has 41 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Spinner(props) {
    const { className, style, assistiveText, isVisible, size, variant, type, children } = props;
    const currentSize = getSizeValue(size);

    if (isVisible) {

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

Open

    render() {
        const {
            style,
            label,
            labelAlignment,

Function ClockIcon has 41 lines of code (exceeds 25 allowed). Consider refactoring.

Open

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

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

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

Open

    render() {
        const {
            label,
            style,
            className,