nexxtway/react-rainbow

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

Open

    it('should set tabIndex as -1 in section element', () => {
        const component = mount(
            <Modal isOpen>
                <p />
            </Modal>,

• Read up
  Read up

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

Open

})`
    font: inherit;
    display: inline-flex;
    justify-content: center;
    align-items: center;

• Read up
  Read up

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

Open

                <StyledTrigger
                    ref={triggerRef}
                    onClick={handleClick}
                    onFocus={event => handleFocus(event, 0)}
                    onBlur={handleBlur}

• Read up
  Read up

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

Open

    it('should not render the close button when the hideCloseButton prop is equal to true', () => {
        const component = mount(
            <Modal isOpen hideCloseButton>
                <p />
            </Modal>,

• Read up
  Read up

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

Open

    it('should not render the close button when the hideCloseButton prop is equal to true', () => {
        const component = mount(
            <Drawer isOpen hideCloseButton>
                <p />
            </Drawer>,

• Read up
  Read up

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

Open

    it('should set the focus to the first menu item when open the menu', async () => {
        const buttonMenu = new PageButtonMenu(MENU_BTN);
        await buttonMenu.click();
        const menuItem = await buttonMenu.getItem(0);
        await expect(await menuItem.hasFocus()).toBe(true);

• Read up
  Read up

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

Open

    it('should set tabIndex as -1 in section element', () => {
        const component = mount(
            <Drawer isOpen>
                <p />
            </Drawer>,

• Read up
  Read up

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

Open

SingleCalendar.defaultProps = {
    value: undefined,
    minDate: undefined,
    maxDate: undefined,
    onChange: () => {},

• Read up
  Read up

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

Open

    constructor(props) {
        super(props);
        this.state = {
            isVisible: false,
        };

• Read up
  Read up

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

Open

const StyledSelect = attachThemeAttrs(styled.select)`
    font: inherit;
    margin: 0;
    text-transform: none;
    width: 100%;

• Read up
  Read up

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

Open

    it('should not set any title in the content container element when the content passed is not a string', () => {
        const component = mount(<Header sortDirection="asc" content={<div />} />);
        expect(component.find('span.rainbow-table_header-content').prop('title')).toBe(undefined);
    });

• Read up
  Read up

PageTimePicker has 21 functions (exceeds 20 allowed). Consider refactoring.

Open

class PageTimePicker {
    /**
     * Create a new TimePicker page object.
     * @constructor
     * @param {string} rootElement - The selector of the TimePicker root element.

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

Open

    render() {
        return (
            <aside className="rainbow-admin_vertical-navigation rainbow-p-vertical_medium">
                <VerticalNavigation
                    selectedItem={this.state.selectedItem}

Function getFormattedValue has 54 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function getFormattedValue(value, highlightMatch, icon) {
    if (!value) return null;

    if (value && typeof value === 'string') {
        return {

Function YearSelect has 54 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const YearSelect = React.forwardRef((props, ref) => {
    const { currentYear, yearsRange, onYearChange, onClick, onFocus, onBlur, tabIndex } = props;
    const selectRef = useRef();
    const selectId = useUniqueIdentifier('select');
    const [isEditMode, setEditMode] = useState(false);

Function Csv has 54 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Csv(props) {
    const { className, style } = props;
    return (
        <svg
            className={className}

Function FeatureList has 54 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function FeatureList(props) {
    const { className, style } = props;

    const getContainerClassNames = () => classnames('react-rainbow-feature-list', className);

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

Open

const FORMATS = {
    small: { year: '2-digit', month: 'numeric', day: 'numeric' },
    medium: { year: 'numeric', month: '2-digit', day: '2-digit' },
    large: { weekday: 'long', year: 'numeric', month: '2-digit', day: '2-digit' },
};

• Read up
  Read up

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

Open

const FORMATS = {
    small: { year: '2-digit', month: 'numeric', day: 'numeric' },
    medium: { year: 'numeric', month: '2-digit', day: '2-digit' },
    large: { weekday: 'long', year: 'numeric', month: '2-digit', day: '2-digit' },
};

• Read up
  Read up

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

Open

const FORMATS = {
    small: { year: '2-digit', month: 'numeric', day: 'numeric' },
    medium: { year: 'numeric', month: '2-digit', day: '2-digit' },
    large: { weekday: 'long', year: 'numeric', month: '2-digit', day: '2-digit' },
};

• Read up
  Read up