solve a Sonar Issue (#893)

* fix: add missing key prop

* feat: migrate a component

* feat: add unittest

src/packages/components/tree/index.tsx

@@ -21,7 +21,9 @@ export const Tree = ({ treeData, canDrag, linkPath }: TreeTypes) => {
 				canDrop={() => false}
 				generateNodeProps={(rowInfo) => ({
 					buttons: [
-						<Link to={linkPath(rowInfo.node.id)}>{rowInfo.node.label}</Link>,
+						<Link key={rowInfo.node.id} to={linkPath(rowInfo.node.id)}>
+							{rowInfo.node.label}
+						</Link>,
 					],
 				})}
 			/>

src/packages/modules-structures/components/collapsible-panel/collapsible-panel.spec.js

@@ -1,9 +1,20 @@
 import '@testing-library/jest-dom';
-import { render, fireEvent } from '@testing-library/react';
+import { render, fireEvent, screen } from '@testing-library/react';
 
 import { CollapsiblePanel } from '.';
 
 describe('Collapsible Panel', () => {
+	it('should display children content', () => {
+		render(
+			<CollapsiblePanel id="id" title="title" collapsible={false}>
+				Children
+			</CollapsiblePanel>
+		);
+		const div = screen.getByText('Children');
+		expect(div.getAttribute('hidden')).toBeFalsy();
+		expect(div.getAttribute('aria-labelledby')).toBe('idbutton');
+		expect(div.id).toBe('idbody');
+	});
 	it('should not be collapsible', () => {
 		const { container } = render(
 			<CollapsiblePanel id="id" title="title" collapsible={false}>

src/packages/modules-structures/components/collapsible-panel/index.js → src/packages/modules-structures/components/collapsible-panel/index.tsx

@@ -1,13 +1,19 @@
-import { useState, useCallback } from 'react';
+import { useState, useCallback, PropsWithChildren } from 'react';
 import { Note } from '@inseefr/wilco';
 
+type CollapsiblePanelTypes = {
+	id: string;
+	title: any;
+	hidden?: boolean;
+	collapsible?: boolean;
+};
 export const CollapsiblePanel = ({
 	id,
 	title,
 	children,
 	hidden: hiddenProps,
 	collapsible = true,
-}) => {
+}: Readonly<PropsWithChildren<CollapsiblePanelTypes>>) => {
 	const [hidden, setHidden] = useState(hiddenProps);
 	const clickTitleHandler = useCallback(() => {
 		setHidden(!hidden);