nexxtway/react-rainbow

Function SelectableCell has 43 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function SelectableCell(props) {
    const { isSelected, isDisabled, tableId, onSelectRow, onDeselectRow, inputType } = props;
    const name = `${tableId}-options`;
    const isRadio = inputType === 'radio';

Function InternalTooltip has 43 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const InternalTooltip = React.forwardRef((props, ref) => {
    const [pos, setPos] = useState();
    const { className, style, children, isVisible, preferredPosition, triggerElementRef } = props;
    const tooltipRef = useRef();

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

Open

    render() {
        const {
            title,
            tabIndex,
            onClick,

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

Open

    it('should set disable to true when it is passed', () => {
        const component = mount(<Button label="my label" disabled />);

        expect(component.find('button').prop('disabled')).toBe(true);
    });

• Read up
  Read up

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

Open

        it('should set the required prop passed in the RequiredAsterisk component', () => {
            const component = mount(<Label label="Input Label" required />);
            expect(component.find('RequiredAsterisk').prop('required')).toBe(true);
        });

• Read up
  Read up

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

Open

    it('should set the required prop passed in the RequiredAsterisk component', () => {
        const component = mount(<Select label="Select Label" required />);
        expect(component.find('RequiredAsterisk').prop('required')).toBe(true);
    });

• Read up
  Read up

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

Open

    it('should set disable to true when isLoading is passed', () => {
        const component = mount(<Button label="my label" isLoading />);

        expect(component.find('button').prop('disabled')).toBe(true);
    });

• Read up
  Read up

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

Open

    it('should set the right aria-disabled value when the disabled is passed', () => {
        const component = mount(<Breadcrumb label="index" disabled />);

        expect(component.find('button').prop('aria-disabled')).toBe(true);
    });

• Read up
  Read up

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

Open

    it('should set isResizable to false in ResizeBar component when resizeColumnDisabled is passed', () => {
        const component = mount(<Header sortDirection="asc" resizeColumnDisabled />);
        expect(component.find('ResizeBar').prop('isResizable')).toBe(false);
    });

• Read up
  Read up

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

Open

    it('should set aria-haspopup to true when it is passed', () => {
        const component = mount(<Button label="my label" ariaHaspopup />);

        expect(component.find('button').prop('aria-haspopup')).toBe(true);
    });

• Read up
  Read up

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

Open

export default function getMapContainerStyles(ref) {
    if (ref && ref.parentNode) {
        const parentHeight = ref.parentNode.style.height;
        if (!parentHeight) {
            return {

• Read up
  Read up

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

Open

export default function getMapContainerStyles(ref) {
    if (ref && ref.parentNode) {
        const parentHeight = ref.parentNode.style.height;
        if (!parentHeight) {
            return {

• Read up
  Read up

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

Open

                    <g fill="#141414">
                        <path d="M14.053 28.44h-.57V3.652h.57z" />
                        <path d="M15.358 11.524c0 .927-.742 1.68-1.656 1.68a1.669 1.669 0 01-1.656-1.68c0-.928.742-1.68 1.656-1.68.914 0 1.656.752 1.656 1.68M15.06 21.926c0 1.084-.61 1.96-1.36 1.96-.75 0-1.358-.876-1.358-1.96 0-1.083.609-1.96 1.359-1.96s1.358.877 1.358 1.96M15.358 16.433c0 .56-.742 1.012-1.656 1.012-.914 0-1.656-.452-1.656-1.012s.742-1.011 1.656-1.011c.914 0 1.656.452 1.656 1.011M11.878 9.154s-.17-1.206.17-1.723c.339-.517 1.23-.991 1.952-1.163.722-.173 1.699-1.249 1.699-1.249s-.128 1.593-1.316 2.584c-1.189.991-2.505 1.551-2.505 1.551M10.837 11.608s.658.43.827 1.076c.17.647.637 1.336 1.996 1.336v.776s-1.147.085-1.782-.172c-.637-.26-.807-1.466-.807-1.897 0-.43-.234-1.12-.234-1.12M16.526 11.608s-.657.43-.827 1.076c-.17.647-.637 1.336-1.996 1.336v.776s1.147.085 1.783-.172c.637-.26.807-1.466.807-1.897 0-.43.233-1.12.233-1.12" />
                        <path d="M16.293 20.439c0-.43-.192-1.636-.828-1.895-.637-.258-1.804-.359-1.804-.359s-1.146.101-1.783.359c-.637.259-.807 1.465-.807 1.895 0 .43-.234 2.498-.234 2.498s.893-1.512 1.062-2.159c.17-.647.87-1.451 1.762-1.451.912 0 1.634.776 1.804 1.422.17.645 1.05 2.188 1.05 2.188s-.222-2.068-.222-2.498M13.66 24.316v4.135s-1.189.13-2.887-.322-2.016-.624-2.016-.624 1.728-1.756 2.484-2.414c.89-.775 2.419-.775 2.419-.775" />
                        <path d="M13.66 24.316v4.135s1.189.13 2.887-.322 2.016-.624 2.016-.624-1.728-1.756-2.484-2.414c-.89-.775-2.42-.775-2.42-.775" />

• Read up
  Read up

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

Open

    async isRightMonthDayEnabled(day) {
        const buttonEl = await $(this.rootElement)
            .$$('table[role=grid]')[1]
            .$(`button=${day}`);
        return buttonEl.isExisting();

• Read up
  Read up

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

Open

    it('should return the right key when data is nested and keyField does not use dot notation', () => {
        const rowData = {
            type: 'regular',
            data: {
                name: 'Pepe',

• Read up
  Read up

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

Open

    async isLeftMonthDayEnabled(day) {
        const buttonEl = await $(this.rootElement)
            .$$('table[role=grid]')[0]
            .$(`button=${day}`);
        return buttonEl.isExisting();

• Read up
  Read up

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

Open

    async isPmSelected() {
        await browser.waitUntil(async () =>
            $(timePickerModalId)
                .$('fieldset[role="presentation"]')
                .isFocused(),

• Read up
  Read up

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

Open

    async isAmSelected() {
        await browser.waitUntil(async () =>
            $(timePickerModalId)
                .$('fieldset[role="presentation"]')
                .isFocused(),

• Read up
  Read up

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

Open

                <g fill="#D80027">
                    <path d="M20.52 14.26a4.521 4.521 0 11-8.498-2.15 5.564 5.564 0 107.955 0 4.5 4.5 0 01.544 2.15z" />
                    <path d="M14.957 9.044h2.086v10.433h-2.086z" />
                    <path d="M19.477 11.13h-6.955c0 .481.418.87.899.87h-.03c0 .48.39.87.87.87 0 .48.39.87.87.87h1.738c.48 0 .87-.39.87-.87.48 0 .87-.39.87-.87h-.03c.48 0 .898-.389.898-.87zM11.131 20.173h9.738v2.087h-9.738z" />
                    <path d="M18.087 20.868h4.173v2.087h-4.173zM9.74 20.868h4.172v2.087H9.74z" />

• Read up
  Read up

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

Open

    it('should return the right key when keyField use dot notation', () => {
        const rowData = {
            type: 'regular',
            data: {
                name: 'Pepe',

• Read up
  Read up