11774677434

Committed 11 Nov 2024 08:16AM CUT coverage: 89.083%. Remained the same

Build # 11774677434

Build Type

Pull #1305

github

Committed by

web-flow

Commit Message

Merge 8d745996e into ef88a3194

Pull Request Pull Request #1305: chore(deps): update eslint

Run Details

1387 of 1773 branches covered (78.23%)

Branch coverage included in aggregate %.

3411 of 3613 relevant lines covered (94.41%)

60.62 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

28.57

/src/components/Dropdown/DropdownSubContent/DropdownSubContent.tsx

import React, { useEffect } from 'react';
import { SubContent, DropdownMenuSubContentProps } from '@radix-ui/react-dropdown-menu';
import { bem } from '../../../utils/bem/bem';
import styles from '../Dropdown.scss';

interface Props extends DropdownMenuSubContentProps {
    /** Ref element used to make the width of the Subcontent equal to the parent width */
    refElement?: React.RefObject<HTMLElement | null>;
}

const { block } = bem('DropdownSubContent', styles);

export const DropdownSubContent = React.forwardRef<HTMLElement, Props>(
    ({ refElement, ...rest }, ref) => {
        const [width, setWidth] = React.useState<number>();

        useEffect(() => {
            if (refElement?.current?.offsetWidth) {
                setWidth(refElement.current.offsetWidth);
            }
        }, [refElement, width]);

        return (
            <SubContent
                ref={ref}
                {...rest}
                {...block(rest)}
                sideOffset={6}
                style={{ minWidth: width }}
            />
        );
    }
);

1	import React, { useEffect } from 'react';	5✔
2	import { SubContent, DropdownMenuSubContentProps } from '@radix-ui/react-dropdown-menu';	5✔
3	import { bem } from '../../../utils/bem/bem';	5✔
4	import styles from '../Dropdown.scss';	5✔
5
6	interface Props extends DropdownMenuSubContentProps {
7	/** Ref element used to make the width of the Subcontent equal to the parent width */
8	refElement?: React.RefObject<HTMLElement \| null>;
9	}
10
11	const { block } = bem('DropdownSubContent', styles);	5✔
12
13	export const DropdownSubContent = React.forwardRef<HTMLElement, Props>(	5✔
14	({ refElement, ...rest }, ref) => {	×
15	const [width, setWidth] = React.useState<number>();	×
16
17	useEffect(() => {	×
18	if (refElement?.current?.offsetWidth) {	×
19	setWidth(refElement.current.offsetWidth);	×
20	}
21	}, [refElement, width]);
22
23	return (	×
24	<SubContent
25	ref={ref}
26	{...rest}
27	{...block(rest)}
28	sideOffset={6}
29	style={{ minWidth: width }}
30	/>
31	);
32	}
33	);

textkernel / oneui / 11774677434

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous