26646696001

Committed 29 May 2026 03:39PM UTC coverage: 68.989% (+0.5%) from 68.532%

Build # 26646696001

Build Type

push

github

Committed by

web-flow

Commit Message

Mise à jour vers vite@8 (#2013)

Coverage Stats

829 of 1341 branches covered (61.82%)

Branch coverage included in aggregate %.

0 of 1 new or added line in 1 file covered. (0.0%)

4 existing lines in 4 files now uncovered.

4528 of 6424 relevant lines covered (70.49%)

6.22 hits per line

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

0.0

/front/src/components/molecules/DropdownMenu.jsx

import { EllipsisVertical } from 'lucide-react'

import useComponentVisible from '../../hooks/componentVisible.js'
import { Button } from '../atoms/index.js'

import styles from './DropdownMenu.module.scss'

function DropdownEllipsisToggleButton({ title, toggleActions }) {
  return (
    <Button title={title} onClick={() => toggleActions()} icon>
      <EllipsisVertical />
    </Button>
  )
}

/**
 * @param {object} props
 * @param {string} props.title
 * @param {function(object): JSX.Element} props.toggleButton
 * @param {JSX.Element} props.children
 * @returns {JSX.Element}
 */
export default function DropdownMenu({ title, toggleButton, children }) {
  const {
    ref: actionsRef,
    isComponentVisible: areActionsVisible,
    toggleComponentIsVisible: toggleActions,
  } = useComponentVisible(false, 'actions')

  const button = toggleButton ?? DropdownEllipsisToggleButton

  return (
    <div className={styles.container} ref={actionsRef}>
      {button({ title, toggleActions })}

      <div className={styles.menu} hidden={!areActionsVisible}>
        {children}
      </div>
    </div>
  )
}

1	import { EllipsisVertical } from 'lucide-react'
2
3	import useComponentVisible from '../../hooks/componentVisible.js'
4	import { Button } from '../atoms/index.js'
5
6	import styles from './DropdownMenu.module.scss'
7
8	function DropdownEllipsisToggleButton({ title, toggleActions }) {
9	return (	×
10	<Button title={title} onClick={() => toggleActions()} icon>	×
11	<EllipsisVertical />
12	</Button>
13	)
14	}
15
16	/**
17	* @param {object} props
18	* @param {string} props.title
19	* @param {function(object): JSX.Element} props.toggleButton
20	* @param {JSX.Element} props.children
21	* @returns {JSX.Element}
22	*/
23	export default function DropdownMenu({ title, toggleButton, children }) {
24	const {
25	ref: actionsRef,
26	isComponentVisible: areActionsVisible,
UNCOV 27	toggleComponentIsVisible: toggleActions,	×
28	} = useComponentVisible(false, 'actions')
29
30	const button = toggleButton ?? DropdownEllipsisToggleButton	×
31
32	return (	×
33	<div className={styles.container} ref={actionsRef}>
34	{button({ title, toggleActions })}
35
36	<div className={styles.menu} hidden={!areActionsVisible}>
37	{children}
38	</div>
39	</div>
40	)
41	}

EcrituresNumeriques / stylo / 26646696001

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