nexxtway/react-rainbow

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

Open

        trigger.rightUpAnchor.x - trigger.width / 2 - content.width / 2 >= 0 &&
        trigger.leftUpAnchor.x + trigger.width / 2 + content.width / 2 <= viewport.width &&
        trigger.rightUpAnchor.y - margin - content.height >= 0

• Read up
  Read up

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

Open

    it('should not call google.maps.Marker when longitude is not passed', () => {
        const component = mount(<MapMarker latitude={10} />);
        // this actually is context not props
        component.setProps(newContext);
        expect(global.google.maps.Marker).not.toHaveBeenCalled();

• Read up
  Read up

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

Open

        const {
            style,
            className,
            value,
            onChange,

• Read up
  Read up

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

Open

    it('should not call google.maps.Marker when latitude is not passed', () => {
        const component = mount(<MapMarker longitude={10} />);
        // this actually is context not props
        component.setProps(newContext);
        expect(global.google.maps.Marker).not.toHaveBeenCalled();

• Read up
  Read up

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

Open

        trigger.rightBottomAnchor.x - trigger.width / 2 - content.width / 2 >= 0 &&
        trigger.leftBottomAnchor.x + trigger.width / 2 + content.width / 2 <= viewport.width &&
        trigger.leftBottomAnchor.y + margin + content.height <= viewport.height

• Read up
  Read up

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

Open

    render() {
        const {
            label,
            value,
            name,

Function Row has 58 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Row(props) {
    const { rowData, columns, isSelected, ...rest } = props;

    const cells = columns.map((column, index) => {
        const {

Function RibbonRenderer has 58 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function RibbonRenderer() {
    return (
        <StyledHeading>
            <UniversalSearch />
            <StyledContainer>

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

Open

function isPointWithinRect(point, rect) {
    const { x, y } = point;
    const { left, top, right, bottom } = rect;
    return x >= left && y >= top && x <= right && y <= bottom;
}

• Read up
  Read up

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

Open

    data: PropTypes.arrayOf(
        PropTypes.shape({
            label: PropTypes.node,
            icon: PropTypes.node,
            isExpanded: PropTypes.bool,

• Read up
  Read up

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

Open

    data: PropTypes.arrayOf(
        PropTypes.shape({
            label: PropTypes.node,
            icon: PropTypes.node,
            isExpanded: PropTypes.bool,

• Read up
  Read up

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

Open

async function isPointWithinRect(point, rect) {
    const { x, y } = point;
    const { left, top, right, bottom } = rect;
    return x >= left && y >= top && x <= right && y <= bottom;
}

• Read up
  Read up

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

Open

const StyledArrowButton = attachThemeAttrs(styled(ButtonIcon))`
    color: ${props => props.palette.brand.main};
    ${props =>
        props.disabled &&
        `

• Read up
  Read up

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

Open

const StyledArrowButton = attachThemeAttrs(styled(ButtonIcon))`
    color: ${props => props.palette.brand.main};
    ${props =>
        props.disabled &&
        `

• Read up
  Read up

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

Open

const StyledArrowButton = attachThemeAttrs(styled(ButtonIcon))`
    color: ${props => props.palette.brand.main};
    ${props =>
        props.disabled &&
        `

• Read up
  Read up

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

Open

    it('should collapse the node when it is expand and its button icon is clicked', async () => {
        const tree = new PageTree(TREE);
        const node = await tree.getNode([2]);
        await node.clickExpandButton();
        await expect(await node.isExpanded()).toBe(false);

• Read up
  Read up

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

Open

const StyledButtonContent = attachThemeAttrs(styled.button)`
    border: none;
    border-radius: 12px;
    outline: 0;
    padding: 0.5rem 0;

• Read up
  Read up

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

Open

        const {
            header,
            component,
            field,
            sortable,

• Read up
  Read up

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

Open

                <g id="user" transform="translate(-4.000000, -5.000000)" fillRule="nonzero">
                    <rect id="Rectangle" x="0" y="0" width="24" height="24" />
                    <path
                        d="M12.2082506,13.2387566 C10.001703,13.2387566 8.20692791,11.4439814 8.20692791,9.23743386 C8.20692791,7.03088625 10.001703,5.23611111 12.2082506,5.23611111 C14.4147983,5.23611111 16.2095734,7.03088625 16.2095734,9.23743386 C16.2095734,11.4439814 14.4147983,13.2387566 12.2082506,13.2387566 Z M12.2082506,5.96362434 C10.4032903,5.96362434 8.93444114,7.43247355 8.93444114,9.23743386 C8.93444114,11.0423942 10.4032903,12.5112434 12.2082506,12.5112434 C14.013211,12.5112434 15.4820602,11.0423942 15.4820602,9.23743386 C15.4820602,7.43247355 14.013211,5.96362434 12.2082506,5.96362434 Z"
                        id="Shape"

• Read up
  Read up

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

Open

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

• Read up
  Read up