nexxtway/react-rainbow

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

Open

export default function RainbowComponents() {
    return (
        <DesignDetails
            category="library"
            title="Rainbow Components"

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

Open

export default function CancelIcon() {
    return (
        <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
            <title>cancel</title>
            <g

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

Open

export default function buildShapeAttrList(data) {
    return Object.keys(data).map((name, index) => {
        const type = data[name].name;
        const value = data[name].value;
        let valueType;

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

Open

const EmailCustom = props => {
    const { className } = props;
    return (
        <svg className={className} width="491px" height="342px" viewBox="0 0 491 342" version="1.1">
            <g id="pages" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">

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

Open

        option => {
            const { icon, name, label, value: optionValue, only } = option;
            if (only) {
                return onChange([
                    {

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

Open

    const {
        component: CellComponent,
        value,
        rowData,
        isEditable,

• Read up
  Read up

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

Open

        mount(
            <Chart labels={['A', 'B', 'C', 'D']} type="line">
                <Dataset values={[34, 345, 234, 234]} title="Dataset 1" />
            </Chart>,
        );

• Read up
  Read up

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

Open

        const component = mount(
            <Chart labels={['A', 'B', 'C', 'D']} type="line">
                <Dataset values={[34, 345, 234, 234]} title="Dataset 1" />
            </Chart>,
        );

• Read up
  Read up

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

Open

        children: [
            { label: 'Tree Item', isChecked: false },
            {
                label: 'Tree Branch',
                isLoading: false,

• Read up
  Read up

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

Open

    const {
        name,
        value,
        locale,
        isChecked,

• Read up
  Read up

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

Open

    const {
        name,
        value,
        availableDates,
        locale,

• Read up
  Read up

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

Open

        children: [
            { label: 'Tree Item', isChecked: false },
            {
                label: 'Tree Branch',
                isLoading: false,

• Read up
  Read up

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

Open

    const {
        data,
        onNodeExpand,
        onNodeCheck,
        onNodeSelect,

• Read up
  Read up

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

Open

    const {
        maxRowSelection,
        rows = [],
        indexes = {},
        isMultiple,

• Read up
  Read up

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

Open

    const {
        maxRowSelection,
        rows = [],
        indexes = {},
        isMultiple,

• Read up
  Read up

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

Open

            <defs>
                <clipPath id="clip0_661_16711">
                    <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

            `
            background-color: transparent;
            border: 1px solid transparent;
            color: ${props.inverse.text};

• Read up
  Read up

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

Open

            return `
                    background-color: transparent;
                    border: 1px solid transparent;
                    color: ${props.inverse.text};
                

• Read up
  Read up

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

Open

    it('should return the right normalized value by joining current array value with new value', () => {
        const inputValue = '2';
        const inputIndex = 1;
        const value = ['2', ''];
        expect(getNormalizedValue(inputValue, inputIndex, value)).toBe('22');

• Read up
  Read up

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

Open

    it('should return the right normalized value when removing value from index 1', () => {
        const inputValue = '';
        const inputIndex = 1;
        const value = ['2', '2'];
        expect(getNormalizedValue(inputValue, inputIndex, value)).toBe('2');

• Read up
  Read up