@cnamts/synapse 1.0.17 → 1.0.18

package/src/components/Tables/common/filters/PeriodFilter.vue

@@ -95,7 +95,7 @@
 					const newFilters = [...props.filters]
 
 					if (existingFilterIndex >= 0) {
-						newFilters[existingFilterIndex].value = filterValue
+						newFilters[existingFilterIndex]!.value = filterValue
 					}
 					else {
 						newFilters.push({

package/src/components/Tables/common/filters/SelectFilter.vue

@@ -111,7 +111,7 @@
 				const newFilters = [...props.filters]
 
 				if (existingFilterIndex >= 0) {
-					newFilters[existingFilterIndex].value = newValue as string | number | Date | Array<string | number | Date> | Record<string, unknown> | null | undefined
+					newFilters[existingFilterIndex]!.value = newValue as string | number | Date | Array<string | number | Date> | Record<string, unknown> | null | undefined
 				}
 				else {
 					newFilters.push({
@@ -138,7 +138,7 @@
 			const newFilters = [...props.filters]
 
 			if (existingFilterIndex >= 0) {
-				newFilters[existingFilterIndex].value = newValue as string | number | Date | Array<string | number | Date> | Record<string, unknown> | null | undefined
+				newFilters[existingFilterIndex]!.value = newValue as string | number | Date | Array<string | number | Date> | Record<string, unknown> | null | undefined
 			}
 			else {
 				newFilters.push({

package/src/components/Tables/common/filters/TextFilter.vue

@@ -134,7 +134,7 @@
 		const newFilters = [...props.filters]
 
 		if (existingFilterIndex >= 0) {
-			newFilters[existingFilterIndex].value = value
+			newFilters[existingFilterIndex]!.value = value
 		}
 		else {
 			newFilters.push({

package/src/components/Tables/common/filters/logics/number.ts

@@ -6,7 +6,7 @@ export default function filter(itemValue: unknown, filterValue: unknown): boolea
 			const operatorMatch = /^([=<>]{1,2})(.+)$/.exec(filterValue)
 			if (operatorMatch) {
 				const operator = operatorMatch[1]
-				const valueStr = operatorMatch[2].trim()
+				const valueStr = operatorMatch[2]!.trim()
 				const numValue = parseFloat(valueStr.replace(',', '.'))
 
 				if (isNaN(numValue)) return false

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

@@ -47,7 +47,7 @@ describe('DateFilter.vue', () => {
 		await datePicker.vm.$emit('update:modelValue', '01/01/2023')
 
 		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: '01/01/2023', type: 'date' as FilterType },
 		])
 	})
@@ -58,7 +58,7 @@ describe('DateFilter.vue', () => {
 		await datePicker.vm.$emit('update:modelValue', dateObj)
 
 		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: dateObj, type: 'date' as FilterType },
 		])
 	})
@@ -71,7 +71,7 @@ describe('DateFilter.vue', () => {
 		// Then clear it
 		await datePicker.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 () => {
@@ -79,7 +79,7 @@ describe('DateFilter.vue', () => {
 		await datePicker.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 () => {
@@ -89,7 +89,7 @@ describe('DateFilter.vue', () => {
 		const datePicker = wrapper.findComponent(DatePicker)
 		await datePicker.vm.$emit('update:modelValue', '02/01/2023')
 
-		expect(wrapper.emitted('update:filters')![0][0]).toEqual([
+		expect(wrapper.emitted('update:filters')![0]?.[0]).toEqual([
 			{ key: 'test', value: '02/01/2023', type: 'date' as FilterType },
 		])
 	})
@@ -127,11 +127,11 @@ describe('DateFilter.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 Date')
-		expect(emittedFilters[0].value).toBe('01/01/2023')
-		expect(emittedFilters[0].type).toBe('date')
+		expect(emittedFilters[0]?.key).toBe('filter_Test Date')
+		expect(emittedFilters[0]?.value).toBe('01/01/2023')
+		expect(emittedFilters[0]?.type).toBe('date')
 	})
 
 	it('generates unique key with timestamp when all header properties are absent', async () => {
@@ -164,11 +164,11 @@ describe('DateFilter.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('01/01/2023')
-		expect(emittedFilters[0].type).toBe('date')
+		expect(emittedFilters[0]?.key).toBe(`filter_${mockTimestamp}`)
+		expect(emittedFilters[0]?.value).toBe('01/01/2023')
+		expect(emittedFilters[0]?.type).toBe('date')
 
 		// Restaurer Date.now
 		global.Date.now = originalDateNow

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')
 		})