nexxtway/react-rainbow

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

Open

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

Function InputItems has 42 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const InputItems = React.forwardRef((props, ref) => {
    const {
        value,
        disabled,
        required,

Function Hours has 42 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Hours = React.forwardRef((props, ref) => {
    const { today, setToday, locale } = props;
    const clock = useTimer();
    useEffect(() => {
        if (!isSameDay(today, clock)) {

Function CellValue has 42 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function CellValue(props) {
    const {
        component: CellComponent,
        value,
        rowData,

Function WeekDayItems has 42 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const WeekDayItems = React.forwardRef((props, ref) => {
    const {
        name,
        value,
        availableDates,

Function ButtonOption has 42 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function ButtonOption(props) {
    const inputId = useUniqueIdentifier('button-option');
    const { className, style, name, label, disabled, onClick } = props;

    const {

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

Open

    const {
        label,
        icon,
        name,
        href,

• Read up
  Read up

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

Open

    const {
        label,
        icon,
        selectedIcon,
        name,

• Read up
  Read up

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

Open

    const {
        id,
        isOpen,
        hideCloseButton,
        onRequestClose,

• Read up
  Read up

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

Open

    const {
        id,
        className,
        style,
        locale,

• Read up
  Read up

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

Open

    value: PropTypes.oneOfType([
        PropTypes.shape({
            label: PropTypes.string,
            description: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
            icon: PropTypes.node,

• Read up
  Read up

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

Open

    it('should render StyledReadonlyInput when readOnly is passed', () => {
        const component = mount(<Input label="Input label" readOnly />);
        expect(component.find(StyledReadonlyInput).exists()).toBe(true);
    });

• Read up
  Read up

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

Open

    it('should render the Spinner when isLoading is passed', () => {
        const component = mount(<Button label="Button Label" isLoading />);
        expect(component.find(Spinner).exists()).toBe(true);
    });

• Read up
  Read up

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

Open

    it('should render EditableCell when pass isEditable to true', () => {
        const component = mount(<Cell value="cell-1" isEditable />);
        expect(component.find(EditableCell).exists()).toBe(true);
    });

• Read up
  Read up

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

Open

    value: PropTypes.oneOfType([
        PropTypes.shape({
            label: PropTypes.string,
            description: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
            icon: PropTypes.node,

• Read up
  Read up

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

Open

function getInitialBorder(props) {
    if (props.error) {
        return `2px solid ${props.palette.error.main}`;
    }
    return `1px solid ${props.palette.border.divider}`;

• Read up
  Read up

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

Open

    const {
        showTraffic,
        showTransit,
        center,
        zoom,

• Read up
  Read up

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

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

Open

function getInitialBorder(props) {
    if (props.error) {
        return `2px solid ${props.palette.error.main}`;
    }
    return `1px solid ${props.palette.border.divider}`;

• Read up
  Read up

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

Open

    it('should not display the close button when hideCloseButton props is true', () => {
        const component = mount(<Notification title="Notification test" hideCloseButton />);
        expect(component.find(ButtonIcon).exists()).toBe(false);
    });

• Read up
  Read up