nexxtway/react-rainbow

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

Open

        const rows = [
            { key: 'row-1', isSelected: true, isDisabled: false },
            { key: 'row-2', isSelected: true, isDisabled: false },
            { key: 'row-3', isSelected: false, isDisabled: true },
        ];

• Read up
  Read up

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

Open

const rows = [
    { key: 'row-1', isSelected: true, isDisabled: false },
    { key: 'row-2', isSelected: false, isDisabled: false },
    { key: 'row-3', isSelected: false, isDisabled: false },
];

• Read up
  Read up

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

Open

const rows = [
    { key: 'row-1', isSelected: false, isDisabled: false },
    { key: 'row-2', isSelected: true, isDisabled: false },
    { key: 'row-3', isSelected: false, isDisabled: false },
];

• Read up
  Read up

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

Open

            [LEFT_KEY]: () => {
                const result = moveFocusedDay(-1);
                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

            [UP_KEY]: () => {
                const result = moveFocusedDay(-7);
                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 return rgba converted value from rgb or rgba color format', () => {
        const colors = ['rgb(255, 255, 255)', 'rgba(255, 255, 255, 1)'];
        colors.forEach(color => {
            expect(colorToRgba(color)).toBe('rgba(255, 255, 255, 1)');
        });

• Read up
  Read up

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

Open

    it('should return rgba converted value from hsl or hsla color format', () => {
        const colors = ['hsl(120, 100%, 50%)', 'hsla(120, 100%, 50%, 1)'];
        colors.forEach(color => {
            expect(colorToRgba(color)).toBe('rgba(0, 255, 0, 1)');
        });

• Read up
  Read up

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

Open

    async hoverScrollDownArrow() {
        const downArrow = await $(this.rootElement).$('[data-id="internal-dropdown-arrow-down"]');
        await downArrow.scrollIntoView();
        return downArrow.moveTo();
    }

• Read up
  Read up

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

Open

            <StyledModal
                id="time-picker_modal"
                isOpen={isOpen}
                onRequestClose={closeModal}
                onOpened={setFocusToHourInput}

• Read up
  Read up

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

Open

                <ChildrenContainerUl
                    icon={icon}
                    isChecked={isChecked}
                    ariaLevelValue={ariaLevelValue}
                    role="group"

• Read up
  Read up

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

Open

                <g fill="#F0F0F0">
                    <circle cx={16} cy={16} r={16} />
                    <path d="M0 16c0 6.065 3.374 11.34 8.348 14.055V1.945C3.374 4.66 0 9.935 0 16z" />
                </g>

• Read up
  Read up

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

Open

    async hoverScrollUpArrow() {
        const upArrow = await $(this.rootElement).$('[data-id="internal-dropdown-arrow-up"]');
        await upArrow.scrollIntoView();
        return upArrow.moveTo();
    }

• Read up
  Read up

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

Open

                <g fill="#F0F0F0">
                    <circle cx={16} cy={16} r={16} />
                    <path d="M3.657 5.818h24.686A16.088 16.088 0 0025.2 2.91H6.8a16.084 16.084 0 00-3.143 2.91zM0 16c0 .49.023.975.067 1.455h31.866a16.197 16.197 0 000-2.91H.067C.023 15.026 0 15.51 0 16zM1.745 23.273h28.51c.471-.922.856-1.895 1.143-2.91H.602a15.892 15.892 0 001.143 2.91zM6.8 29.09h18.4a16.088 16.088 0 003.143-2.908H3.657A16.094 16.094 0 006.8 29.09zM.602 11.636h30.796a15.891 15.891 0 00-1.143-2.909H1.745a15.895 15.895 0 00-1.143 2.91z" />
                </g>

• Read up
  Read up

Function handleChange has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    const handleChange = event => {
        const { value: newValue, selectionStart } = event.target;
        const cleanValue = clearValue(newValue, decimalSeparator);
        const normalizeNewValue = normalizeValue({
            value: cleanValue,

Function CardExample has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function CardExample() {
    return (
        <div className="rainbow-m-around_large">
            <Card className="rainbow-align-content_center rainbow-m-around_large">
                <img

Function withDebounce has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function withDebounce(WrappedComponent) {
    return class extends Component {
        constructor(props) {
            super(props);
            this.fieldRef = React.createRef();

Function handleChange has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    const handleChange = event => {
        const { value: newValue, selectionStart } = event.target;
        const cleanValue = clearValue(newValue, decimalSeparator);
        const normalizeNewValue = normalizeValue({
            value: cleanValue,

Function renderInput has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    renderInput() {
        const { props } = this;
        const { readOnly, isCentered, valueAlignment } = props;
        const alignment = getValueAlignment({ valueAlignment, isCentered });

Function componentDidUpdate has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    componentDidUpdate(prevProps, prevState) {
        const {
            options: prevOptions,
            preferredSelectedOption: prevPreferredSelectedOption,
        } = prevProps;

Function Plus has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Plus = props => {
    const { className, style } = props;
    return (
        <svg
            className={className}