@cnamts/synapse 1.0.17 → 1.0.19

package/src/components/Tables/common/filters/tests/NumberFilter.spec.ts

@@ -54,7 +54,7 @@ describe('NumberFilter.vue', () => {
 		await syTextField.vm.$emit('update:modelValue', 42)
 
 		expect(wrapper.emitted('update:filters')).toBeTruthy()
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([
+		expect(wrapper.emitted('update:filters')![0]?.[0]).toEqual([
 			{ key: 'test', value: 42, type: 'number' as FilterType },
 		])
 	})
@@ -64,7 +64,7 @@ describe('NumberFilter.vue', () => {
 		await syTextField.vm.$emit('update:modelValue', '42')
 
 		expect(wrapper.emitted('update:filters')).toBeTruthy()
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([
+		expect(wrapper.emitted('update:filters')![0]?.[0]).toEqual([
 			{ key: 'test', value: 42, type: 'number' as FilterType },
 		])
 	})
@@ -77,7 +77,7 @@ describe('NumberFilter.vue', () => {
 		// Then clear it
 		await syTextField.vm.$emit('update:modelValue', null)
 
-		expect(wrapper.emitted('update:filters')![1][0]).toEqual([])
+		expect(wrapper.emitted('update:filters')![1]?.[0]).toEqual([])
 	})
 
 	it('emits update:filters event to remove filter when value is empty string', async () => {
@@ -88,7 +88,7 @@ describe('NumberFilter.vue', () => {
 		// Then clear it
 		await syTextField.vm.$emit('update:modelValue', '')
 
-		expect(wrapper.emitted('update:filters')![1][0]).toEqual([])
+		expect(wrapper.emitted('update:filters')![1]?.[0]).toEqual([])
 	})
 
 	it('emits update:filters event to remove filter when value is 0', async () => {
@@ -99,7 +99,7 @@ describe('NumberFilter.vue', () => {
 		// Then set to 0
 		await syTextField.vm.$emit('update:modelValue', 0)
 
-		expect(wrapper.emitted('update:filters')![1][0]).toEqual([])
+		expect(wrapper.emitted('update:filters')![1]?.[0]).toEqual([])
 	})
 
 	it('handles clear button click', async () => {
@@ -107,7 +107,7 @@ describe('NumberFilter.vue', () => {
 		await syTextField.vm.$emit('click:clear')
 
 		expect(wrapper.emitted('update:filters')).toBeTruthy()
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([])
+		expect(wrapper.emitted('update:filters')![0]?.[0]).toEqual([])
 	})
 
 	it('updates existing filter when one already exists', async () => {
@@ -117,7 +117,7 @@ describe('NumberFilter.vue', () => {
 		const syTextField = wrapper.findComponent(SyTextField)
 		await syTextField.vm.$emit('update:modelValue', 20)
 
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([
+		expect(wrapper.emitted('update:filters')![0]?.[0]).toEqual([
 			{ key: 'test', value: 20, type: 'number' as FilterType },
 		])
 	})
@@ -152,11 +152,11 @@ describe('NumberFilter.vue', () => {
 
 		// Vérifier que l'événement a été émis avec une clé générée basée sur le titre
 		expect(newWrapper.emitted('update:filters')).toBeTruthy()
-		const emittedFilters = newWrapper.emitted('update:filters')![0][0] as Array<{ key: string, value: number, type: string }>
+		const emittedFilters = newWrapper.emitted('update:filters')![0]?.[0] as Array<{ key: string, value: number, type: string }>
 		expect(emittedFilters.length).toBe(1)
-		expect(emittedFilters[0].key).toBe('filter_Test Number')
-		expect(emittedFilters[0].value).toBe(42)
-		expect(emittedFilters[0].type).toBe('number')
+		expect(emittedFilters[0]?.key).toBe('filter_Test Number')
+		expect(emittedFilters[0]?.value).toBe(42)
+		expect(emittedFilters[0]?.type).toBe('number')
 	})
 
 	// Tests for operator functionality
@@ -165,7 +165,7 @@ describe('NumberFilter.vue', () => {
 		await syTextField.vm.$emit('update:modelValue', '<42')
 
 		expect(wrapper.emitted('update:filters')).toBeTruthy()
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([
+		expect(wrapper.emitted('update:filters')![0]?.[0]).toEqual([
 			{ key: 'test', value: '<42', type: 'number' as FilterType },
 		])
 	})
@@ -175,7 +175,7 @@ describe('NumberFilter.vue', () => {
 		await syTextField.vm.$emit('update:modelValue', '<=42')
 
 		expect(wrapper.emitted('update:filters')).toBeTruthy()
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([
+		expect(wrapper.emitted('update:filters')![0]?.[0]).toEqual([
 			{ key: 'test', value: '<=42', type: 'number' as FilterType },
 		])
 	})
@@ -185,7 +185,7 @@ describe('NumberFilter.vue', () => {
 		await syTextField.vm.$emit('update:modelValue', '>42')
 
 		expect(wrapper.emitted('update:filters')).toBeTruthy()
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([
+		expect(wrapper.emitted('update:filters')![0]?.[0]).toEqual([
 			{ key: 'test', value: '>42', type: 'number' as FilterType },
 		])
 	})
@@ -195,7 +195,7 @@ describe('NumberFilter.vue', () => {
 		await syTextField.vm.$emit('update:modelValue', '>=42')
 
 		expect(wrapper.emitted('update:filters')).toBeTruthy()
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([
+		expect(wrapper.emitted('update:filters')![0]?.[0]).toEqual([
 			{ key: 'test', value: '>=42', type: 'number' as FilterType },
 		])
 	})
@@ -208,7 +208,7 @@ describe('NumberFilter.vue', () => {
 
 		// Should filter out invalid characters
 		expect(wrapper.emitted('update:filters')).toBeTruthy()
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([
+		expect(wrapper.emitted('update:filters')![0]?.[0]).toEqual([
 			{ key: 'test', value: '>42', type: 'number' as FilterType },
 		])
 	})
@@ -218,14 +218,14 @@ describe('NumberFilter.vue', () => {
 		await syTextField.vm.$emit('update:modelValue', '42.5')
 
 		expect(wrapper.emitted('update:filters')).toBeTruthy()
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([
+		expect(wrapper.emitted('update:filters')![0]?.[0]).toEqual([
 			{ key: 'test', value: 42.5, type: 'number' as FilterType },
 		])
 
 		// Test with comma as decimal separator
 		await syTextField.vm.$emit('update:modelValue', '42,5')
 
-		expect(wrapper.emitted('update:filters')![1][0]).toEqual([
+		expect(wrapper.emitted('update:filters')![1]?.[0]).toEqual([
 			{ key: 'test', value: 42.5, type: 'number' as FilterType },
 		])
 	})
@@ -262,7 +262,7 @@ describe('NumberFilter.vue', () => {
 		// Advance timer by 1 more ms to reach 300ms
 		vi.advanceTimersByTime(1)
 		expect(debounceWrapper.emitted('update:filters')).toBeTruthy()
-		expect(debounceWrapper.emitted('update:filters')![0][0]).toEqual([
+		expect(debounceWrapper.emitted('update:filters')![0]?.[0]).toEqual([
 			{ key: 'test', value: 42, type: 'number' as FilterType },
 		])
 	})

package/src/components/Tables/common/filters/tests/PeriodFilter.spec.ts

@@ -45,10 +45,10 @@ describe('PeriodFilter.vue', () => {
 	it('emits update:filters event when period value changes', async () => {
 		const periodField = wrapper.findComponent(PeriodField)
 		const periodValue = { from: '01/01/2023', to: '31/12/2023' }
-		await periodField.vm.$emit('update:modelValue', periodValue)
+		periodField.vm.$emit('update:modelValue', periodValue)
 
 		expect(wrapper.emitted('update:filters')).toBeTruthy()
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([
+		expect(wrapper.emitted('update:filters')![0]?.[0]).toEqual([
 			{ key: 'test', value: periodValue, type: 'period' as FilterType as FilterType },
 		])
 	})
@@ -56,12 +56,12 @@ describe('PeriodFilter.vue', () => {
 	it('emits update:filters event to remove filter when both dates are null', async () => {
 		// First set a value
 		const periodField = wrapper.findComponent(PeriodField)
-		await periodField.vm.$emit('update:modelValue', { from: '01/01/2023', to: '31/12/2023' })
+		periodField.vm.$emit('update:modelValue', { from: '01/01/2023', to: '31/12/2023' })
 
 		// Then clear it
-		await periodField.vm.$emit('update:modelValue', { from: null, to: null })
+		periodField.vm.$emit('update:modelValue', { from: null, to: null })
 
-		expect(wrapper.emitted('update:filters')![1][0]).toEqual([])
+		expect(wrapper.emitted('update:filters')![1]?.[0]).toEqual([])
 	})
 
 	it('emits update:filters event to remove filter when value is null', async () => {
@@ -70,17 +70,17 @@ describe('PeriodFilter.vue', () => {
 		await periodField.vm.$emit('update:modelValue', { from: '01/01/2023', to: '31/12/2023' })
 
 		// Then clear it
-		await periodField.vm.$emit('update:modelValue', null)
+		periodField.vm.$emit('update:modelValue', null)
 
-		expect(wrapper.emitted('update:filters')![1][0]).toEqual([])
+		expect(wrapper.emitted('update:filters')![1]?.[0]).toEqual([])
 	})
 
 	it('handles clear button click', async () => {
 		const periodField = wrapper.findComponent(PeriodField)
-		await periodField.vm.$emit('click:clear')
+		periodField.vm.$emit('click:clear')
 
 		expect(wrapper.emitted('update:filters')).toBeTruthy()
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([])
+		expect(wrapper.emitted('update:filters')![0]?.[0]).toEqual([])
 	})
 
 	it('updates existing filter when one already exists', async () => {
@@ -92,9 +92,9 @@ describe('PeriodFilter.vue', () => {
 		await wrapper.setProps({ filters: existingFilters })
 
 		const periodField = wrapper.findComponent(PeriodField)
-		await periodField.vm.$emit('update:modelValue', { from: '01/02/2023', to: '28/02/2023' })
+		periodField.vm.$emit('update:modelValue', { from: '01/02/2023', to: '28/02/2023' })
 
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([
+		expect(wrapper.emitted('update:filters')![0]?.[0]).toEqual([
 			{ key: 'test', value: { from: '01/02/2023', to: '28/02/2023' }, type: 'period' as FilterType },
 		])
 	})
@@ -132,11 +132,11 @@ describe('PeriodFilter.vue', () => {
 
 		// Vérifier que l'événement a été émis avec une clé générée basée sur le titre
 		expect(newWrapper.emitted('update:filters')).toBeTruthy()
-		const emittedFilters = newWrapper.emitted('update:filters')![0][0] as Array<{ key: string, value: { from: string, to: string }, type: string }>
+		const emittedFilters = newWrapper.emitted('update:filters')![0]?.[0] as Array<{ key: string, value: { from: string, to: string }, type: string }>
 		expect(emittedFilters.length).toBe(1)
-		expect(emittedFilters[0].key).toBe('filter_Test Period')
-		expect(emittedFilters[0].value).toEqual({ from: '01/01/2023', to: '31/12/2023' })
-		expect(emittedFilters[0].type).toBe('period')
+		expect(emittedFilters[0]?.key).toBe('filter_Test Period')
+		expect(emittedFilters[0]?.value).toEqual({ from: '01/01/2023', to: '31/12/2023' })
+		expect(emittedFilters[0]?.type).toBe('period')
 	})
 
 	it('generates unique key with timestamp when all header properties are absent', async () => {
@@ -169,11 +169,11 @@ describe('PeriodFilter.vue', () => {
 
 		// Vérifier que l'événement a été émis avec une clé générée basée sur le timestamp
 		expect(newWrapper.emitted('update:filters')).toBeTruthy()
-		const emittedFilters = newWrapper.emitted('update:filters')![0][0] as Array<{ key: string, value: { from: string, to: string }, type: string }>
+		const emittedFilters = newWrapper.emitted('update:filters')![0]?.[0] as Array<{ key: string, value: { from: string, to: string }, type: string }>
 		expect(emittedFilters.length).toBe(1)
-		expect(emittedFilters[0].key).toBe(`filter_${mockTimestamp}`)
-		expect(emittedFilters[0].value).toEqual({ from: '01/01/2023', to: '31/12/2023' })
-		expect(emittedFilters[0].type).toBe('period')
+		expect(emittedFilters[0]?.key).toBe(`filter_${mockTimestamp}`)
+		expect(emittedFilters[0]?.value).toEqual({ from: '01/01/2023', to: '31/12/2023' })
+		expect(emittedFilters[0]?.type).toBe('period')
 
 		// Restaurer Date.now
 		global.Date.now = originalDateNow

package/src/components/Tables/common/filters/tests/SelectFilter.spec.ts

@@ -58,10 +58,10 @@ describe('SelectFilter.vue', () => {
 
 	it('emits update:filters event when value changes', async () => {
 		const sySelect = wrapper.findComponent(SySelect)
-		await sySelect.vm.$emit('update:modelValue', 'option1')
+		sySelect.vm.$emit('update:modelValue', 'option1')
 
 		expect(wrapper.emitted('update:filters')).toBeTruthy()
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([
+		expect(wrapper.emitted('update:filters')![0]?.[0]).toEqual([
 			{ key: 'test', value: 'option1', type: 'select' as FilterType },
 		])
 	})
@@ -69,12 +69,12 @@ describe('SelectFilter.vue', () => {
 	it('emits update:filters event to remove filter when value is null', async () => {
 		// First set a value
 		const sySelect = wrapper.findComponent(SySelect)
-		await sySelect.vm.$emit('update:modelValue', 'option1')
+		sySelect.vm.$emit('update:modelValue', 'option1')
 
 		// Then clear it
-		await sySelect.vm.$emit('update:modelValue', null)
+		sySelect.vm.$emit('update:modelValue', null)
 
-		expect(wrapper.emitted('update:filters')![1][0]).toEqual([])
+		expect(wrapper.emitted('update:filters')![1]?.[0]).toEqual([])
 	})
 
 	it('emits update:filters event to remove filter when value is undefined', async () => {
@@ -83,9 +83,9 @@ describe('SelectFilter.vue', () => {
 		await sySelect.vm.$emit('update:modelValue', 'option1')
 
 		// Then clear it
-		await sySelect.vm.$emit('update:modelValue', undefined)
+		sySelect.vm.$emit('update:modelValue', undefined)
 
-		expect(wrapper.emitted('update:filters')![1][0]).toEqual([])
+		expect(wrapper.emitted('update:filters')![1]?.[0]).toEqual([])
 	})
 
 	it('handles clear button click', async () => {
@@ -93,7 +93,7 @@ describe('SelectFilter.vue', () => {
 		await sySelect.vm.$emit('click:clear')
 
 		expect(wrapper.emitted('update:filters')).toBeTruthy()
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([])
+		expect(wrapper.emitted('update:filters')![0]?.[0]).toEqual([])
 	})
 
 	it('updates existing filter when one already exists', async () => {
@@ -101,9 +101,9 @@ describe('SelectFilter.vue', () => {
 		await wrapper.setProps({ filters: existingFilters })
 
 		const sySelect = wrapper.findComponent(SySelect)
-		await sySelect.vm.$emit('update:modelValue', 'option2')
+		sySelect.vm.$emit('update:modelValue', 'option2')
 
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([
+		expect(wrapper.emitted('update:filters')![0]?.[0]).toEqual([
 			{ key: 'test', value: 'option2', type: 'select' as FilterType },
 		])
 	})
@@ -121,9 +121,9 @@ describe('SelectFilter.vue', () => {
 		await wrapper.setProps({ header: objectHeader })
 
 		const sySelect = wrapper.findComponent(SySelect)
-		await sySelect.vm.$emit('update:modelValue', { id: 1, name: 'Option 1' })
+		sySelect.vm.$emit('update:modelValue', { id: 1, name: 'Option 1' })
 
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([
+		expect(wrapper.emitted('update:filters')![0]?.[0]).toEqual([
 			{ key: 'test', value: { id: 1, name: 'Option 1' }, type: 'select' as FilterType },
 		])
 	})
@@ -159,11 +159,11 @@ describe('SelectFilter.vue', () => {
 
 		// Vérifier que l'événement a été émis avec une clé générée basée sur le titre
 		expect(newWrapper.emitted('update:filters')).toBeTruthy()
-		const emittedFilters = newWrapper.emitted('update:filters')![0][0] as Array<{ key: string, value: string, type: string }>
+		const emittedFilters = newWrapper.emitted('update:filters')![0]?.[0] as Array<{ key: string, value: string, type: string }>
 		expect(emittedFilters.length).toBe(1)
-		expect(emittedFilters[0].key).toBe('filter_Test Select')
-		expect(emittedFilters[0].value).toBe('option1')
-		expect(emittedFilters[0].type).toBe('select')
+		expect(emittedFilters[0]?.key).toBe('filter_Test Select')
+		expect(emittedFilters[0]?.value).toBe('option1')
+		expect(emittedFilters[0]?.type).toBe('select')
 	})
 
 	it('generates unique key with timestamp when all header properties are absent', async () => {
@@ -201,12 +201,11 @@ describe('SelectFilter.vue', () => {
 
 		// Vérifier que l'événement a été émis avec une clé générée basée sur le timestamp
 		expect(newWrapper.emitted('update:filters')).toBeTruthy()
-		const emittedFilters = newWrapper.emitted('update:filters')![0][0] as Array<{ key: string, value: string, type: string }>
+		const emittedFilters = newWrapper.emitted('update:filters')![0]?.[0] as Array<{ key: string, value: string, type: string }>
 		expect(emittedFilters.length).toBe(1)
-		expect(emittedFilters[0].key).toBe(`filter_${mockTimestamp}`)
-		expect(emittedFilters[0].value).toBe('option1')
-		expect(emittedFilters[0].type).toBe('select')
-
+		expect(emittedFilters[0]?.key).toBe(`filter_${mockTimestamp}`)
+		expect(emittedFilters[0]?.value).toBe('option1')
+		expect(emittedFilters[0]?.type).toBe('select')
 		// Restaurer Date.now
 		global.Date.now = originalDateNow
 	})

package/src/components/Tables/common/filters/tests/TextFilter.spec.ts

@@ -46,10 +46,10 @@ describe('TextFilter.vue', () => {
 
 	it('emits update:filters event when value changes', async () => {
 		const syTextField = wrapper.findComponent(SyTextField)
-		await syTextField.vm.$emit('update:modelValue', 'test value')
+		syTextField.vm.$emit('update:modelValue', 'test value')
 
 		expect(wrapper.emitted('update:filters')).toBeTruthy()
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([
+		expect(wrapper.emitted('update:filters')![0]?.[0]).toEqual([
 			{ key: 'test', value: 'test value', type: 'text' as FilterType },
 		])
 	})
@@ -57,20 +57,20 @@ describe('TextFilter.vue', () => {
 	it('emits update:filters event to remove filter when value is empty', async () => {
 		// First set a value
 		const syTextField = wrapper.findComponent(SyTextField)
-		await syTextField.vm.$emit('update:modelValue', 'test value')
+		syTextField.vm.$emit('update:modelValue', 'test value')
 
 		// Then clear it
-		await syTextField.vm.$emit('update:modelValue', '')
+		syTextField.vm.$emit('update:modelValue', '')
 
-		expect(wrapper.emitted('update:filters')![1][0]).toEqual([])
+		expect(wrapper.emitted('update:filters')![1]?.[0]).toEqual([])
 	})
 
 	it('handles clear button click', async () => {
 		const syTextField = wrapper.findComponent(SyTextField)
-		await syTextField.vm.$emit('click:clear')
+		syTextField.vm.$emit('click:clear')
 
 		expect(wrapper.emitted('update:filters')).toBeTruthy()
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([])
+		expect(wrapper.emitted('update:filters')![0]?.[0]).toEqual([])
 	})
 
 	it('updates existing filter when one already exists', async () => {
@@ -78,9 +78,9 @@ describe('TextFilter.vue', () => {
 		await wrapper.setProps({ filters: existingFilters })
 
 		const syTextField = wrapper.findComponent(SyTextField)
-		await syTextField.vm.$emit('update:modelValue', 'new value')
+		syTextField.vm.$emit('update:modelValue', 'new value')
 
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([
+		expect(wrapper.emitted('update:filters')![0]?.[0]).toEqual([
 			{ key: 'test', value: 'new value', type: 'text' as FilterType },
 		])
 	})
@@ -111,11 +111,11 @@ describe('TextFilter.vue', () => {
 
 		// Vérifier que l'événement a été émis avec une clé générée basée sur le titre
 		expect(newWrapper.emitted('update:filters')).toBeTruthy()
-		const emittedFilters = newWrapper.emitted('update:filters')![0][0] as Array<{ key: string, value: string, type: string }>
+		const emittedFilters = newWrapper.emitted('update:filters')![0]?.[0] as Array<{ key: string, value: string, type: string }>
 		expect(emittedFilters.length).toBe(1)
-		expect(emittedFilters[0].key).toBe('filter_Test Column')
-		expect(emittedFilters[0].value).toBe('test value')
-		expect(emittedFilters[0].type).toBe('text')
+		expect(emittedFilters[0]?.key).toBe('filter_Test Column')
+		expect(emittedFilters[0]?.value).toBe('test value')
+		expect(emittedFilters[0]?.type).toBe('text')
 	})
 
 	it('generates unique key with timestamp when all header properties are absent', async () => {
@@ -145,16 +145,15 @@ describe('TextFilter.vue', () => {
 
 		// Émettre une valeur pour déclencher la mise à jour du filtre
 		const syTextField = newWrapper.findComponent(SyTextField)
-		await syTextField.vm.$emit('update:modelValue', 'test value')
+		syTextField.vm.$emit('update:modelValue', 'test value')
 
 		// Vérifier que l'événement a été émis avec une clé générée basée sur le timestamp
 		expect(newWrapper.emitted('update:filters')).toBeTruthy()
-		const emittedFilters = newWrapper.emitted('update:filters')![0][0] as Array<{ key: string, value: string, type: string }>
+		const emittedFilters = newWrapper.emitted('update:filters')![0]?.[0] as Array<{ key: string, value: string, type: string }>
 		expect(emittedFilters.length).toBe(1)
-		expect(emittedFilters[0].key).toBe(`filter_${mockTimestamp}`)
-		expect(emittedFilters[0].value).toBe('test value')
-		expect(emittedFilters[0].type).toBe('text')
-
+		expect(emittedFilters[0]?.key).toBe(`filter_${mockTimestamp}`)
+		expect(emittedFilters[0]?.value).toBe('test value')
+		expect(emittedFilters[0]?.type).toBe('text')
 		// Restaurer Date.now
 		global.Date.now = originalDateNow
 	})
@@ -176,7 +175,7 @@ describe('TextFilter.vue', () => {
 			const filters = [{ key: 'text', value: 'cherry', type: 'text' as FilterType }]
 			const result = filterItems(testItems, filters)
 			expect(result).toHaveLength(1)
-			expect(result[0].id).toBe(3)
+			expect(result[0]?.id).toBe(3)
 		})
 
 		it('supports wildcard * for any string of characters', () => {
@@ -197,7 +196,7 @@ describe('TextFilter.vue', () => {
 			const filters = [{ key: 'text', value: '"Cherry"', type: 'text' as FilterType }]
 			const result = filterItems(testItems, filters)
 			expect(result).toHaveLength(1)
-			expect(result[0].id).toBe(3)
+			expect(result[0]?.id).toBe(3)
 
 			// Should not match lowercase
 			const filters2 = [{ key: 'text', value: '"cherry"', type: 'text' as FilterType }]
@@ -209,7 +208,7 @@ describe('TextFilter.vue', () => {
 			const filters = [{ key: 'text', value: 'e*', type: 'text' as FilterType }]
 			const result = filterItems(testItems, filters)
 			expect(result).toHaveLength(1)
-			expect(result[0].id).toBe(5)
+			expect(result[0]?.id).toBe(5)
 		})
 
 		it('supports exact length search equal and question marks', () => {

package/src/components/Tables/common/tableAccessibilityUtils.ts

@@ -52,8 +52,8 @@ export function useTableAccessibility({
 			})
 
 			const th = document.querySelectorAll(`#${tableId} th`)
-			for (let i = 0; i < th.length; i++) {
-				th[i].setAttribute('scope', 'col')
+			for (const el of th) {
+				el.setAttribute('scope', 'col')
 			}
 		})
 

package/src/components/Tables/common/tableFilterUtils.ts

@@ -52,7 +52,7 @@ export function parseDate(value: unknown): Date | null {
 	if (typeof value === 'string') {
 		try {
 			if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(value)) {
-				const [day, month, year] = value.split('/').map(Number)
+				const [day, month, year] = value.split('/').map(Number) as [number, number, number]
 				return new Date(year, month - 1, day)
 			}
 			const parsed = new Date(value)

package/src/components/Tables/common/tests/SyTableFilter.spec.ts

@@ -174,7 +174,7 @@ describe('SyTableFilter', () => {
 		])
 
 		expect(wrapper.emitted('update:filters')).toBeTruthy()
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([
+		expect(wrapper.emitted('update:filters')![0]![0]).toEqual([
 			{ key: 'name', value: 'John', type: 'text' },
 		])
 	})

package/src/components/Tables/common/tests/SyTablePagination.spec.ts

@@ -199,7 +199,7 @@ describe('SyTablePagination.vue', () => {
 			expect(selectOptions.map(opt => opt.value)).toEqual([5, 10, 25, -1])
 
 			// Check that the last option is "Tous"
-			const lastOption = selectOptions[selectOptions.length - 1]
+			const lastOption = selectOptions[selectOptions.length - 1]!
 			expect(lastOption.value).toBe(-1)
 			expect(lastOption.text).toBe('Tous')
 		})

package/src/components/Tables/common/tests/tableFilterUtils.spec.ts

@@ -28,7 +28,7 @@ describe('tableFilterUtils', () => {
 			]
 			const result = filterItems(testItems, filters)
 			expect(result).toHaveLength(1)
-			expect(result[0].id).toBe(1)
+			expect(result[0]?.id).toBe(1)
 		})
 
 		it('should filter by number correctly', () => {
@@ -37,7 +37,7 @@ describe('tableFilterUtils', () => {
 			]
 			const result = filterItems(testItems, filters)
 			expect(result).toHaveLength(1)
-			expect(result[0].id).toBe(2)
+			expect(result[0]?.id).toBe(2)
 		})
 
 		it('should filter by select correctly', () => {
@@ -56,7 +56,7 @@ describe('tableFilterUtils', () => {
 			]
 			const result = filterItems(testItems, filters)
 			expect(result).toHaveLength(1)
-			expect(result[0].id).toBe(2)
+			expect(result[0]?.id).toBe(2)
 		})
 
 		it('should apply multiple filters correctly', () => {
@@ -66,7 +66,7 @@ describe('tableFilterUtils', () => {
 			]
 			const result = filterItems(testItems, filters)
 			expect(result).toHaveLength(1)
-			expect(result[0].id).toBe(1)
+			expect(result[0]?.id).toBe(1)
 		})
 
 		it('should handle case insensitivity for text filters', () => {
@@ -75,7 +75,7 @@ describe('tableFilterUtils', () => {
 			]
 			const result = filterItems(testItems, filters)
 			expect(result).toHaveLength(1)
-			expect(result[0].id).toBe(1)
+			expect(result[0]?.id).toBe(1)
 		})
 
 		it('should handle partial matches for text filters', () => {

package/src/components/ToolbarContainer/tests/ToolbarContainer.spec.ts

@@ -64,12 +64,12 @@ describe('ToolbarContainer.vue', () => {
 
 		await toolbar.trigger('focus')
 		await firstButton.trigger('keydown', { key: 'ArrowRight' })
-		expect(document.activeElement).toBe(secondButton.element)
-		await secondButton.trigger('keydown', { key: 'ArrowLeft' })
+		expect(document.activeElement).toBe(secondButton?.element)
+		await secondButton?.trigger('keydown', { key: 'ArrowLeft' })
 		expect(document.activeElement).toBe(firstButton.element)
 		await firstButton.trigger('keydown', { key: 'ArrowDown' })
-		expect(document.activeElement).toBe(secondButton.element)
-		await secondButton.trigger('keydown', { key: 'ArrowUp' })
+		expect(document.activeElement).toBe(secondButton?.element)
+		await secondButton?.trigger('keydown', { key: 'ArrowUp' })
 		expect(document.activeElement).toBe(firstButton.element)
 	})
 
@@ -94,8 +94,8 @@ describe('ToolbarContainer.vue', () => {
 
 		await toolbar.trigger('focus')
 		await firstButton.trigger('keydown', { key: 'End' })
-		expect(document.activeElement).toBe(lastButton.element)
-		await lastButton.trigger('keydown', { key: 'Home' })
+		expect(document.activeElement).toBe(lastButton?.element)
+		await lastButton?.trigger('keydown', { key: 'Home' })
 		expect(document.activeElement).toBe(firstButton.element)
 	})
 
@@ -128,10 +128,10 @@ describe('ToolbarContainer.vue', () => {
 		await toolbar.trigger('focus')
 		expect(document.activeElement).toBe(firstButton.element)
 		await firstButton.trigger('keydown', { key: 'ArrowRight' })
-		expect(document.activeElement).toBe(secondButton.element)
-		await lastButton.element.focus()
-		expect(document.activeElement).toBe(lastButton.element)
+		expect(document.activeElement).toBe(secondButton?.element)
+		lastButton?.element.focus()
+		expect(document.activeElement).toBe(lastButton?.element)
 		await toolbar.trigger('focus')
-		expect(document.activeElement).toBe(secondButton.element)
+		expect(document.activeElement).toBe(secondButton?.element)
 	})
 })

package/src/components/UploadWorkflow/Accessibilite.mdx

@@ -6,13 +6,8 @@ import '../../stories/styles/shared.css';
 
 <div className="header">
   <h1>Accessibilité</h1>
-  <p>Informations sur l'accessibilité du composant</p>
+  <p>Cette page sera bientôt disponible</p>
 </div>
 
 <Story of={AccessStories.Legende} />
 <br />
-
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-
-<Story of={AccessStories.AccessibilitePanel} />
-<br />