docs(DsfrDataTable): 📝 ajoute des précisions dans la doc

Author: laruiss

src/components/DsfrAccordion/DsfrAccordion.spec.ts

@@ -26,7 +26,6 @@ describe('DsfrAccordion', () => {
       props: {
         title,
         id: 'accordion-1',
-        expandedId: undefined,
       },
       slots: {
         default: content,

src/components/DsfrDataTable/DsfrDataTable.md

@@ -4,6 +4,14 @@
 
 Le composant `DsfrDataTable` est un élément puissant et polyvalent pour afficher des données sous forme de tableaux dans vos applications Vue. Utilisant une combinaison de slots, de props, et d'événements personnalisés, ce composant offre une flexibilité remarquable. Plongeons dans les détails !
 
+::: warning Prudence
+
+Ce composant est tout neuf et a besoin de vos retours. Son API ne devrait pas changer, elle devrait s’étoffer dans les prochaines semaines ou les prochains mois.
+
+Si vous avez des propositions, lancer une [**discussion**](https://github.com/dnum-mi/vue-dsfr/discussions) avant d’ouvrir une issue.
+
+:::
+
 🏅 La documentation sur le tableau sur le [DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/tableau/)
 
 <VIcon name="vi-file-type-storybook" /> La story sur le tableau de données sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrdatatable--docs)

src/components/DsfrDataTable/DsfrDataTable.vue

@@ -64,12 +64,14 @@ const pages = computed<Page[]>(() => props.pages ?? Array.from({ length: pageCou
 const lowestLimit = computed(() => currentPage.value * rowsPerPage.value)
 const highestLimit = computed(() => (currentPage.value + 1) * rowsPerPage.value)
 
-function defaultSortFn (a, b) {
-  const key = props.sorted
-  if ((a[key] ?? a) < (b[key] ?? b)) {
+function defaultSortFn (a: string | DsfrDataTableRow, b: string | DsfrDataTableRow) {
+  const key = props.sorted as string
+  // @ts-expect-error TS7015
+  if (((a as DsfrDataTableRow)[key] ?? a) < ((b as DsfrDataTableRow)[key] ?? b)) {
     return -1
   }
-  if ((a[key] ?? a) > (b[key] ?? b)) {
+  // @ts-expect-error TS7015
+  if (((a as DsfrDataTableRow)[key] ?? a) > ((b as DsfrDataTableRow)[key] ?? b)) {
     return 1
   }
   return 0

src/components/DsfrMedia/DsfrVideo.spec.ts

@@ -8,7 +8,6 @@ describe('DsfrVideo', () => {
   it('should render a div with a small video with transcription', () => {
     // Given
     const size = 'small'
-    const format4x3 = false
     const src = 'https://www.youtube.com/embed/HyirpmPL43I'
     const legend = 'Vidéo de ouf'
 
@@ -22,7 +21,6 @@ describe('DsfrVideo', () => {
       },
       props: {
         size,
-        format4x3,
         src,
         legend,
       },

src/components/DsfrPagination/DsfrPagination.spec.ts

@@ -32,7 +32,7 @@ describe('DsfrPagination', () => {
     await fireEvent.click(thirdLink)
 
     // Then
-    expect(emitted()['update:currentPage']).toBeTruthy()
-    expect(emitted()['update:currentPage'][0][0]).toBe(2)
+    expect(emitted()['update:current-page']).toBeTruthy()
+    expect(emitted()['update:current-page'][0][0]).toBe(2)
   })
 })

src/components/DsfrRadioButton/DsfrRadioButton.spec.ts

@@ -19,6 +19,7 @@ describe('DsfrRadioButton', () => {
       },
       props: {
         label,
+        modelValue: undefined,
         value,
         name,
       },
@@ -50,6 +51,7 @@ describe('DsfrRadioButton', () => {
       props: {
         label,
         value,
+        modelValue: undefined,
         name,
         img,
       },

src/components/DsfrTabs/DsfrTabs.spec.ts

@@ -81,6 +81,7 @@ describe('DsfrTabs', () => {
     const title1 = 'Titre 1'
     const title2 = 'Titre 2'
     const title3 = 'Titre 3'
+    const modelValue = ref(0)
 
     const tabTitles = [
       { title: title1 },
@@ -102,6 +103,7 @@ describe('DsfrTabs', () => {
         tabListName,
         tabTitles,
         tabContents,
+        modelValue: modelValue.value,
       },
     })
 

tsconfig.app.json

@@ -2,6 +2,11 @@
   "extends": "@vue/tsconfig/tsconfig.dom.json",
   "compilerOptions": {
     "composite": true,
+    "lib": [
+      "ES2022",
+      "DOM",
+      "DOM.Iterable"
+    ],
     "baseUrl": ".",
     "rootDir": "./src",
     "paths": {

tsconfig.vitest.json

@@ -2,7 +2,7 @@
   "extends": "./tsconfig.app.json",
   "compilerOptions": {
     "composite": true,
-    "lib": [],
+    "lib": ["ES2022"],
     "types": ["node", "jsdom"]
   },
   "exclude": ["**/*.spec.ts", "**/*.stories.ts", "**/*.e2e.ts"]