nexxtway/react-rainbow

Function toBeFocusable has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function toBeFocusable(component) {
    if (component && isMountedByEnzyme(component)) {
        const onClickMockFn = jest.fn();
        const onBlurMockFn = jest.fn();
        const onFocusMockFn = jest.fn();

Function Indicators has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Indicators = props => {
    const { carouselChildren, onSelect, selectedItem } = props;
    const containerRef = useRef();

    const { childrenRegistered: indicatorsRefs, register, unregister } = useChildrenRegister({

Function XCircle has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

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

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

Open

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

Function renderValue has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function renderValue(value, caption, row) {
    const { description, type } = row;

    if (value === 'undefined' || value === 'null') {
        return '';

Function DatePickerModal has 45 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function DatePickerModal(props) {
    const {
        id,
        className,
        style,

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

Open

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

Function Default has 45 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Default = React.forwardRef((_props, ref) => {
    const { colors } = useContext(ColorPickerContext);
    const firstRef = useRef();
    const lastRef = useRef();

Function constructor has 45 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    constructor(props) {
        super(props);
        this.state = {
            focusedDate: normalizeDate(props.value),
            currentMonth: getFirstDayMonth(normalizeDate(props.value)),

Function Charts has 45 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Charts = props => {
    const { className, style } = props;
    return (
        <svg
            className={className}

Function getComponentsByCategory has 45 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    getComponentsByCategory() {
        const { searchTerm } = this.state;
        const { components } = this.props;
        const filtered = filterSectionsByName(components, searchTerm);
        const categorizedComponents = {

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

Open

    it('should set "left" to labelAlignment prop passed in the Label component', () => {
        const component = mount(
            <RadioButtonGroup label="RadioButtonGroup Label" labelAlignment="left" />,
        );
        expect(component.find(StyledLabel).prop('labelAlignment')).toBe('left');

• Read up
  Read up

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

Open

    it('should set "right" to labelAlignment prop passed in the Label component', () => {
        const component = mount(<Rating label="Rating Label" labelAlignment="right" />);
        expect(component.find(StyledLabel).prop('labelAlignment')).toBe('right');
    });

• Read up
  Read up

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

Open

    it('should set "left" to labelAlignment prop passed in the Label component', () => {
        const component = mount(<Slider label="Slider Label" labelAlignment="left" />);
        expect(component.find(StyledLabel).prop('labelAlignment')).toBe('left');
    });

• Read up
  Read up

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

Open

    it('should set "left" to labelAlignment prop passed in the Label component', () => {
        const component = mount(<Rating label="Rating Label" labelAlignment="left" />);
        expect(component.find(StyledLabel).prop('labelAlignment')).toBe('left');
    });

• Read up
  Read up

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

Open

    it('should set "left" to labelAlignment prop passed in the Label component', () => {
        const component = mount(<RadioGroup label="RadioGroup Label" labelAlignment="left" />);
        expect(component.find(StyledLabel).prop('labelAlignment')).toBe('left');
    });

• Read up
  Read up

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

Open

    it('should set "right" to labelAlignment prop passed in the Label component', () => {
        const component = mount(<RadioGroup label="RadioGroup Label" labelAlignment="right" />);
        expect(component.find(StyledLabel).prop('labelAlignment')).toBe('right');
    });

• Read up
  Read up

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

Open

    it('should set "left" to labelAlignment prop passed in the Label component', () => {
        const component = mount(
            <CheckboxGroup label="CheckboxGroup Label" labelAlignment="left" />,
        );
        expect(component.find(StyledLabel).prop('labelAlignment')).toBe('left');

• Read up
  Read up

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

Open

    it('should set "right" to labelAlignment prop passed in the Label component', () => {
        const component = mount(
            <RadioButtonGroup label="RadioButtonGroup Label" labelAlignment="right" />,
        );
        expect(component.find(StyledLabel).prop('labelAlignment')).toBe('right');

• Read up
  Read up

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

Open

    it('should set "right" to labelAlignment prop passed in the Label component', () => {
        const component = mount(
            <CheckboxGroup label="CheckboxGroup Label" labelAlignment="right" />,
        );
        expect(component.find(StyledLabel).prop('labelAlignment')).toBe('right');

• Read up
  Read up