11402103936

Committed 18 Oct 2024 10:33AM UTC coverage: 88.248% (-1.7%) from 89.961%

Build # 11402103936

Build Type

Pull #1281

github

Committed by

web-flow

Commit Message

Merge 4fc93806e into 963ea61db

Pull Request Pull Request #1281: feat(Dropdown): refactor component based on Radix primitives

Run Details

1345 of 1740 branches covered (77.3%)

Branch coverage included in aggregate %.

75 of 125 new or added lines in 19 files covered. (60.0%)

1 existing line in 1 file now uncovered.

3273 of 3493 relevant lines covered (93.7%)

61.8 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';	2✔
2	import { SubContent, DropdownMenuSubContentProps } from '@radix-ui/react-dropdown-menu';	2✔
3	import { bem } from '../../../utils/bem/bem';	2✔
4	import styles from '../Dropdown.scss';	2✔
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);	2✔
12
13	export const DropdownSubContent = React.forwardRef<HTMLElement, Props>(	2✔
NEW 14	({ refElement, ...rest }, ref) => {	×
NEW 15	const [width, setWidth] = React.useState<number>();	×
16
NEW 17	useEffect(() => {	×
NEW 18	if (refElement?.current?.offsetWidth) {	×
NEW 19	setWidth(refElement.current.offsetWidth);	×
20	}
21	}, [refElement, width]);
22
NEW 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 / 11402103936

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