nexxtway/react-rainbow

Function Event has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Event(props) {
    const { onEventClick, locale, ...event } = props;
    const { title, startDate, endDate, color, backgroundColor } = event;
    const eventId = useUniqueIdentifier('calendar-event');
    const duration = useEventDuration(startDate, endDate);

Function VerticalNavigation has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function VerticalNavigation(props) {
    const {
        id,
        ariaLabel,
        style,

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

Open

    render() {
        const { src, initials, title, icon, assistiveText, initialsVariant } = this.props;

        const { imageFailed } = this.state;
        if (src && !imageFailed) {

Function UserAvatar has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

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

Function buildUnionTypeList has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

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

Function getCardElementOptions has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function getCardElementOptions(theme, disabled, size) {
    const fontSize = SIZES[size] || SIZES.medium;
    return {
        style: {
            base: {

Function Checkmark has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Checkmark = props => {
    const { className, style } = props;
    const {
        rainbow: { palette },
    } = useTheme();

Function Picture has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

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

Function Upload has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

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

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

Open

            bottom: {
                top: trigger.leftBottomAnchor.y + margin,
                left: trigger.rightBottomAnchor.x - content.width / 2 - trigger.width / 2,
            },

• Read up
  Read up

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

Open

        const component = mount(
            <Table data={[]} showCheckboxColumn keyField="id">
                <Column field="name" header="Name" />
            </Table>,
        );

• Read up
  Read up

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

Open

        return {
            top: trigger.leftUpAnchor.y + trigger.height / 2 - content.height / 2,
            left: trigger.rightUpAnchor.x + margin,
        };

• Read up
  Read up

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

Open

            right: {
                top: trigger.leftUpAnchor.y + trigger.height / 2 - content.height / 2,
                left: trigger.rightUpAnchor.x + margin,
            },

• Read up
  Read up

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

Open

    constructor(props) {
        super(props);
        this.state = {
            searchTerm: '',
        };

• Read up
  Read up

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

Open

                {
                    name: nodeName,
                    label: nodeLabel,
                    level,
                    nodePath,

• Read up
  Read up

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

Open

            {
                name: nodeName,
                label: nodeLabel,
                level,
                nodePath,

• Read up
  Read up

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

Open

    constructor(props) {
        super(props);
        this.state = { activeTabName: 'examples' };
        this.handleOnSelect = this.handleOnSelect.bind(this);
    }

• Read up
  Read up

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

Open

        return {
            top: trigger.leftBottomAnchor.y + margin,
            left: trigger.rightBottomAnchor.x - content.width / 2 - trigger.width / 2,
        };

• Read up
  Read up

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

Open

    it('should not render anything when columnChildren is not passed', () => {
        const component = mount(<ActionsCell />);
        expect(component.children().length).toBe(0);
    });

• Read up
  Read up

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

Open

    constructor(props) {
        super(props);
        this.state = {
            selectedItem: '',
        };

• Read up
  Read up