nexxtway/react-rainbow

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

Open

            <defs>
                <clipPath id="clip0_661_16708">
                    <rect width="16" height="16" fill="white" transform="translate(0 0.833984)" />
                </clipPath>
            </defs>

• Read up
  Read up

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

Open

    handleFocus() {
        const { onFocus, value } = this.props;
        this.openMenu();
        const eventValue = value || null;
        onFocus(eventValue);

• Read up
  Read up

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

Open

    handleBlur() {
        const { onBlur, value } = this.props;
        this.closeMenu();
        const eventValue = value || null;
        onBlur(eventValue);

• Read up
  Read up

Function useHandleKeyDown has 9 arguments (exceeds 4 allowed). Consider refactoring.

Open

    focusedDate,
    currentMonth,
    rightCalendarMonth,
    minDate,
    maxDate,

Function TreeChildren has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function TreeChildren(props) {
    const {
        data,
        onNodeCheck,
        onNodeExpand,

Function Indicator has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Indicator = props => {
    const { id, containerId, header, onSelect, selectedItem, onCreate, onDestroy } = props;
    const indicatorRef = useRef();

    useEffect(() => {

Function CSVCell has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function CSVCell(props) {
    const { onClick, row, value, borderRadius } = props;
    return (
        <CellContainer>
            <RenderIf isTrue={value}>

Function Dataset has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Dataset(props) {
    const datasetId = useUniqueIdentifier('dataset');
    const { title: label, values: data, ...rest } = props;
    const { registerDataset, unregisterDataset, updateDataset } = React.useContext(ChartContext);
    const isRegistered = useRef();

Function scrollToSelectedTab has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    scrollToSelectedTab(name) {
        const { tabsetChildren } = this;
        const tabset = this.tabsetRef.current;
        const { scrollLeft, offsetWidth: tabsetWidth } = tabset;
        const tabIndex = getTabIndexFromName(tabsetChildren, name);

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

Open

    it('should return the same number passed when it is less than 1000', () => {
        lessThan1k.forEach(number => {
            expect(getSuffixSI(number.value)).toBe(number.result);
        });
    });

• Read up
  Read up

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

Open

    it('should attach G suffix when it is greater than 1 Billion and less than 1 Trillion', () => {
        greaterThan1G.forEach(number => {
            expect(getSuffixSI(number.value)).toBe(number.result);
        });
    });

• Read up
  Read up

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

Open

    it('should attach k suffix when it is greater than 1000 and less than 1 Million', () => {
        greaterThan1k.forEach(number => {
            expect(getSuffixSI(number.value)).toBe(number.result);
        });
    });

• Read up
  Read up

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

Open

    it('should attach M suffix when it is greater than 1 Million and less than 1 Billion', () => {
        greaterThan1M.forEach(number => {
            expect(getSuffixSI(number.value)).toBe(number.result);
        });
    });

• Read up
  Read up

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

Open

    it('should return the same value if value is sent as param', () => {
        const returnValue = mount(<CSVCell value="test-value" />);
        expect(returnValue.text()).toBe('test-value');
    });

• Read up
  Read up

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

Open

    it('should render the text passed', () => {
        const component = mount(<AssistiveText text="for screen readers" />);
        expect(component.text()).toBe('for screen readers');
    });

• Read up
  Read up

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

Open

    it('should set the label passed', () => {
        const component = mount(<Chip label="testing Chip" />);
        expect(component.text()).toBe('testing Chip');
    });

• Read up
  Read up

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

Open

    it('should return rgba with alpha = 1 wich is the default value', () => {
        colors.forEach(value => {
            expect(hexToRgba(value.hex)).toBe(value.rgbad);
        });
    });

• Read up
  Read up

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

Open

    it('should render the label passed', () => {
        const component = mount(<MenuItem label="item label" />);
        expect(component.text()).toBe('item label');
    });

• Read up
  Read up

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

Open

    it('should return the right value in rgb format', () => {
        colors.forEach(value => {
            expect(hexToRgb(value.hex)).toBe(value.rgb);
        });
    });

• Read up
  Read up

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

Open

    it('should set the title passed', () => {
        const component = mount(<HeaderTitle title="my title" />);
        expect(component.text()).toBe('my title');
    });

• Read up
  Read up