@cnamts/synapse 1.0.17 → 1.0.18

package/src/components/DatePicker/ComplexDatePicker/ComplexDatePicker.vue

@@ -474,8 +474,8 @@
 		let result = ''
 		let digitIndex = 0
 		for (let i = 0; i < props.format.length && digitIndex < cleanedInput.length; i++) {
-			const formatChar = props.format[i].toUpperCase()
-			if (['D', 'M', 'Y'].includes(formatChar)) {
+			const formatChar = props.format[i]?.toUpperCase()
+			if (formatChar && ['D', 'M', 'Y'].includes(formatChar)) {
 				result += cleanedInput[digitIndex]
 				digitIndex++
 			}
@@ -486,7 +486,7 @@
 
 		let newCursorPos = digitsBeforeCursor
 		for (let i = 0, digitCount = 0; i < props.format.length && digitCount < digitsBeforeCursor; i++) {
-			if (!['D', 'M', 'Y'].includes(props.format[i].toUpperCase())) newCursorPos++
+			if (!['D', 'M', 'Y'].includes(props.format[i]!.toUpperCase())) newCursorPos++
 			else digitCount++
 		}
 
@@ -545,8 +545,8 @@
 				}
 				else if (Array.isArray(selectedDates.value) && selectedDates.value.length >= 2) {
 					const formattedDates = [
-						formatDate(selectedDates.value[0], props.format),
-						formatDate(selectedDates.value[selectedDates.value.length - 1], props.format),
+						formatDate(selectedDates.value[0]!, props.format),
+						formatDate(selectedDates.value[selectedDates.value.length - 1]!, props.format),
 					] as [string, string]
 					formattedValue = `${formattedDates[0]} - ${formattedDates[1]}`
 					displayFormattedDate.value = textInputValue.value = formattedValue
@@ -695,7 +695,7 @@
 			const cursorPos = input.selectionStart
 			const charBeforeCursor = input.value[cursorPos - 1]
 
-			if (!/\d/.test(charBeforeCursor)) {
+			if (!charBeforeCursor || !/\d/.test(charBeforeCursor)) {
 				event.preventDefault()
 				const newValue = input.value.substring(0, cursorPos - 2) + input.value.substring(cursorPos)
 				displayFormattedDate.value = newValue

package/src/components/DatePicker/ComplexDatePicker/tests/ComplexDatePicker.spec.ts

@@ -1,14 +1,23 @@
-import { mount, flushPromises } from '@vue/test-utils'
-import { describe, it, expect } from 'vitest'
+import { mount, flushPromises, VueWrapper } from '@vue/test-utils'
+import { describe, it, expect, afterEach } from 'vitest'
 import { nextTick } from 'vue'
 import ComplexDatePicker from '../ComplexDatePicker.vue'
 
-describe('ComplexDatePicker.clean', () => {
-	// eslint-disable-next-line @typescript-eslint/no-explicit-any
-	const mountComponent = (props: any = { label: 'Test' }) => mount(ComplexDatePicker, {
-		props,
-	})
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+let wrapper: VueWrapper<any> | null = null
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const mountComponent = (props: any = { label: 'Test' }) => {
+	wrapper = mount(ComplexDatePicker, { props })
+	return wrapper
+}
 
+afterEach(() => {
+	wrapper?.unmount()
+	wrapper = null
+})
+
+describe('ComplexDatePicker.clean', () => {
 	it('renders in calendar mode by default', () => {
 		const wrapper = mountComponent()
 
@@ -42,7 +51,7 @@ describe('ComplexDatePicker.clean', () => {
 
 		const emitted = wrapper.emitted('update:modelValue')
 		expect(emitted).toBeTruthy()
-		expect(emitted && emitted[0][0]).toBe('01/01/2025')
+		expect(emitted && emitted[0]?.[0]).toBe('01/01/2025')
 
 		const selectedDate = wrapper.vm.selectedDates as Date
 		expect(selectedDate).toBeInstanceOf(Date)
@@ -79,11 +88,11 @@ describe('ComplexDatePicker.clean', () => {
 
 		const emittedUpdate = wrapper.emitted('update:modelValue')
 		expect(emittedUpdate).toBeTruthy()
-		expect(emittedUpdate && emittedUpdate[0][0]).toBe('01/01/2025')
+		expect(emittedUpdate && emittedUpdate[0]?.[0]).toBe('01/01/2025')
 
 		const emittedSelected = wrapper.emitted('date-selected')
 		expect(emittedSelected).toBeTruthy()
-		expect(emittedSelected && emittedSelected[0][0]).toBe('01/01/2025')
+		expect(emittedSelected && emittedSelected[0]?.[0]).toBe('01/01/2025')
 
 		expect(wrapper.vm.selectedDates).toBeInstanceOf(Date)
 

package/src/components/DatePicker/DateTextInput/DateTextInput.vue

@@ -660,7 +660,7 @@
 			else if (formatValidationResult.isValid && !customRulesValidationResult.hasError && isRange.value) {
 				if (typeof inputValue.value === 'string' && inputValue.value.includes(' - ')) {
 					const dateRangeParts = inputValue.value.split(' - ')
-					if (dateRangeParts.length === 2) emitModel([dateRangeParts[0], dateRangeParts[1]])
+					if (dateRangeParts.length === 2) emitModel([dateRangeParts[0]!, dateRangeParts[1]!])
 					else emitModel(inputValue.value)
 				}
 				else emitModel(inputValue.value)

package/src/components/DatePicker/DateTextInput/tests/DateTextInput.spec.ts

@@ -31,7 +31,7 @@ describe('DateTextInput.clean', () => {
 
 		const emitted = wrapper.emitted('update:model-value')
 		expect(emitted).toBeTruthy()
-		expect(emitted && emitted[0][0]).toBe('01/01/2025')
+		expect(emitted && emitted[0]?.[0]).toBe('01/01/2025')
 	})
 
 	it('formats modelValue according to dateFormatReturn in single mode', async () => {
@@ -48,7 +48,7 @@ describe('DateTextInput.clean', () => {
 
 		const emitted = wrapper.emitted('update:model-value')
 		expect(emitted).toBeTruthy()
-		expect(emitted && emitted[0][0]).toBe('2025-01-01')
+		expect(emitted && emitted[0]?.[0]).toBe('2025-01-01')
 	})
 
 	it('validates on submit for required single date', async () => {
@@ -84,7 +84,7 @@ describe('DateTextInput.clean', () => {
 
 		const emitted = wrapper.emitted('update:model-value')
 		expect(emitted).toBeTruthy()
-		const last = emitted && emitted[emitted.length - 1][0]
+		const last = emitted && emitted[emitted.length - 1]?.[0]
 		expect(Array.isArray(last)).toBe(true)
 		if (Array.isArray(last)) {
 			expect(last[0]).toBe('01/01/2025')
@@ -256,7 +256,7 @@ describe('DateTextInput.clean', () => {
 
 		const emitted = wrapper.emitted('update:model-value')
 		expect(emitted).toBeTruthy()
-		const last = emitted && emitted[emitted.length - 1][0]
+		const last = emitted && emitted[emitted.length - 1]?.[0]
 		expect(Array.isArray(last)).toBe(true)
 		if (Array.isArray(last)) {
 			expect(last[0]).toBe('2025-01-01')

package/src/components/DatePicker/Usages.stories.ts

@@ -1,4 +1,4 @@
-import { VExpansionPanels, VExpansionPanel, VExpansionPanelTitle, VExpansionPanelText, VDataTable, VIcon } from 'vuetify/components'
+import { VIcon } from 'vuetify/components'
 import type { StoryObj } from '@storybook/vue3'
 import { checkIcon, linkICon, croixIcon } from '@/constants/icons'
 import Usages from '@/components/Usages/Usages.vue'
@@ -24,7 +24,7 @@ export const UsagePage: StoryObj = {
 
 	render: () => {
 		return {
-			components: { VExpansionPanels, VExpansionPanel, VExpansionPanelTitle, VExpansionPanelText, VDataTable, VIcon, Usages },
+			components: { VIcon, Usages },
 
 			setup() {
 				const icon = checkIcon

package/src/components/DatePicker/composables/tests/useCalendarKeyboardNavigation.spec.ts

@@ -107,7 +107,7 @@ describe('useCalendarKeyboardNavigation', () => {
 		await nextTick()
 
 		expect(setCurrentDate).toHaveBeenCalledTimes(1)
-		const calledDate = setCurrentDate.mock.calls[0][0] as Date
+		const calledDate = setCurrentDate.mock.calls[0]?.[0] as Date
 		expect(calledDate).toBeInstanceOf(Date)
 		expect(calledDate.getDate()).toBe(11)
 		expect(focusSpy).toHaveBeenCalled()

package/src/components/DatePicker/composables/tests/useDatePickerViewMode.spec.ts

@@ -40,17 +40,17 @@ describe('useDatePickerViewMode', () => {
 			const [isBirthDateWatcher] = registeredWatchCallbacks
 			// Simuler isBirthDate passant à true sans date sélectionnée
 			isBirthDate = true
-			isBirthDateWatcher(true, false)
+			isBirthDateWatcher!(true, false)
 			expect(currentViewMode.value).toBe('year')
 
 			// Cas 2 : birthDate avec date sélectionnée -> month
 			selectedDate = new Date('2024-01-01')
-			isBirthDateWatcher(true, false)
+			isBirthDateWatcher!(true, false)
 			expect(currentViewMode.value).toBe('month')
 
 			// Cas 3 : mode normal (isBirthDate = false) -> month
 			isBirthDate = false
-			isBirthDateWatcher(false, true)
+			isBirthDateWatcher!(false, true)
 			expect(currentViewMode.value).toBe('month')
 		})
 
@@ -62,12 +62,12 @@ describe('useDatePickerViewMode', () => {
 
 			// newValue null -> year
 			selectedDate = null
-			selectedDateWatcher(null, undefined)
+			selectedDateWatcher!(null, undefined)
 			expect(currentViewMode.value).toBe('year')
 
 			// newValue défini -> month
 			selectedDate = new Date('2024-01-01')
-			selectedDateWatcher(selectedDate, null)
+			selectedDateWatcher!(selectedDate, null)
 			expect(currentViewMode.value).toBe('month')
 		})
 
@@ -78,7 +78,7 @@ describe('useDatePickerViewMode', () => {
 			const [, selectedDateWatcher] = registeredWatchCallbacks
 
 			// En mode normal, le watcher ne doit rien faire
-			selectedDateWatcher(new Date('2024-01-01'), null)
+			selectedDateWatcher!(new Date('2024-01-01'), null)
 			expect(currentViewMode.value).toBe('month')
 		})
 	})

package/src/components/DatePicker/composables/tests/useDateSelection.spec.ts

@@ -24,11 +24,11 @@ describe('useDateSelection', () => {
 			const result = generateDateRange(startDate, endDate)
 
 			expect(result).toHaveLength(5)
-			expect(result[0].toISOString().split('T')[0]).toBe('2023-01-01')
-			expect(result[1].toISOString().split('T')[0]).toBe('2023-01-02')
-			expect(result[2].toISOString().split('T')[0]).toBe('2023-01-03')
-			expect(result[3].toISOString().split('T')[0]).toBe('2023-01-04')
-			expect(result[4].toISOString().split('T')[0]).toBe('2023-01-05')
+			expect(result[0]?.toISOString().split('T')[0]).toBe('2023-01-01')
+			expect(result[1]?.toISOString().split('T')[0]).toBe('2023-01-02')
+			expect(result[2]?.toISOString().split('T')[0]).toBe('2023-01-03')
+			expect(result[3]?.toISOString().split('T')[0]).toBe('2023-01-04')
+			expect(result[4]?.toISOString().split('T')[0]).toBe('2023-01-05')
 		})
 
 		it('devrait retourner une seule date si les dates de début et de fin sont identiques', () => {
@@ -39,7 +39,7 @@ describe('useDateSelection', () => {
 			const result = generateDateRange(sameDate, sameDate)
 
 			expect(result).toHaveLength(1)
-			expect(result[0].toISOString().split('T')[0]).toBe('2023-01-01')
+			expect(result[0]?.toISOString().split('T')[0]).toBe('2023-01-01')
 		})
 	})
 

package/src/components/DatePicker/composables/tests/useInputHandler.spec.ts

@@ -741,7 +741,7 @@ describe('useInputHandler', () => {
 		// La seconde partie doit rester inchangée
 		expect(secondPartAfter).toBe('02/01/2023')
 		// Le curseur doit rester dans la première partie
-		expect(newPosFirst).toBeLessThanOrEqual(firstPartAfter.length)
+		expect(newPosFirst).toBeLessThanOrEqual(firstPartAfter!.length)
 
 		// Édition de la seconde partie
 		const cursorInSecondPart = valueWithRange.length
@@ -750,6 +750,6 @@ describe('useInputHandler', () => {
 		// La première partie doit rester inchangée
 		expect(firstPartAfterSecond).toBe('01/01/2023')
 		// Le curseur doit se trouver dans la seconde partie
-		expect(newPosSecond).toBeGreaterThan(firstPartAfterSecond.length)
+		expect(newPosSecond).toBeGreaterThan(firstPartAfterSecond!.length)
 	})
 })

package/src/components/DatePicker/composables/tests/useManualDateValidation.spec.ts

@@ -192,12 +192,12 @@ describe('useManualDateValidation', () => {
 		// Vérifier que validateField a été appelé
 		expect(mockValidateField).toHaveBeenCalled()
 		// Vérifier que le premier argument est la date attendue
-		expect(mockValidateField.mock.calls[0][0]).toBe(date)
+		expect(mockValidateField.mock.calls[0]?.[0]).toBe(date)
 		// Vérifier la structure des règles sans comparer les références de fonctions
-		expect(mockValidateField.mock.calls[0][1][0].type).toBe('custom')
-		expect(typeof mockValidateField.mock.calls[0][1][0].options.validate).toBe('function')
-		expect(mockValidateField.mock.calls[0][2][0].type).toBe('warning')
-		expect(typeof mockValidateField.mock.calls[0][2][0].options.validate).toBe('function')
+		expect(mockValidateField.mock.calls[0]?.[1][0].type).toBe('custom')
+		expect(typeof mockValidateField.mock.calls[0]?.[1][0].options.validate).toBe('function')
+		expect(mockValidateField.mock.calls[0]?.[2][0].type).toBe('warning')
+		expect(typeof mockValidateField.mock.calls[0]?.[2][0].options.validate).toBe('function')
 	})
 
 	it('devrait retourner le résultat de validateField', () => {

package/src/components/DatePicker/composables/useDateAutoClamp.ts

@@ -64,8 +64,8 @@ export const useDateAutoClamp = () => {
 
 		// Extraire les valeurs de jour, mois et année selon le format
 		for (let i = 0; i < formatParts.length; i++) {
-			const formatPart = formatParts[i].toUpperCase()
-			const value = parseInt(dateParts[i], 10)
+			const formatPart = formatParts[i]!.toUpperCase()
+			const value = parseInt(dateParts[i]!, 10)
 
 			if (isNaN(value)) {
 				return { clampedDate: dateStr, adjusted: false }
@@ -111,8 +111,8 @@ export const useDateAutoClamp = () => {
 
 		// Reconstruire la chaîne de date avec le jour ajusté
 		const newDateParts = [...dateParts]
-		for (let i = 0; i < formatParts.length; i++) {
-			const formatPart = formatParts[i].toUpperCase()
+		for (const [i, part] of formatParts.entries()) {
+			const formatPart = part.toUpperCase()
 			if (formatPart.startsWith('D')) {
 				// Formater le jour avec le bon nombre de chiffres (01 ou 1 selon le format)
 				newDateParts[i] = formatPart.length > 1

package/src/components/DatePicker/composables/useDateInputEditing.ts

@@ -77,7 +77,7 @@ export const useDateInputEditing = (options: DateInputEditingOptions) => {
 		}
 
 		const cursorPos = input.selectionStart
-		const charBeforeCursor = input.value[cursorPos - 1]
+		const charBeforeCursor = input.value[cursorPos - 1]!
 
 		// Si on est sur un séparateur, supprimer le séparateur et le chiffre qui le précède
 		if (!/\d/.test(charBeforeCursor) && cursorPos > 1 && separator === charBeforeCursor) {
@@ -118,7 +118,7 @@ export const useDateInputEditing = (options: DateInputEditingOptions) => {
 			const cursorPos = input.selectionStart || 0
 
 			if (event.key === 'ArrowLeft' && cursorPos > 0) {
-				const charBeforeCursor = input.value[cursorPos - 1]
+				const charBeforeCursor = input.value[cursorPos - 1]!
 
 				// Sauter par-dessus les séparateurs en naviguant vers la gauche
 				if (!/\d/.test(charBeforeCursor)) {
@@ -126,7 +126,7 @@ export const useDateInputEditing = (options: DateInputEditingOptions) => {
 
 					// Trouver la position du prochain chiffre à gauche
 					let newPos = cursorPos - 1
-					while (newPos > 0 && !/\d/.test(input.value[newPos - 1])) {
+					while (newPos > 0 && !/\d/.test(input.value[newPos - 1]!)) {
 						newPos--
 					}
 
@@ -134,7 +134,7 @@ export const useDateInputEditing = (options: DateInputEditingOptions) => {
 				}
 			}
 			else if (event.key === 'ArrowRight' && cursorPos < input.value.length) {
-				const charAtCursor = input.value[cursorPos]
+				const charAtCursor = input.value[cursorPos]!
 
 				// Sauter par-dessus les séparateurs en naviguant vers la droite
 				if (!/\d/.test(charAtCursor)) {
@@ -142,7 +142,7 @@ export const useDateInputEditing = (options: DateInputEditingOptions) => {
 
 					// Trouver la position du prochain chiffre à droite
 					let newPos = cursorPos + 1
-					while (newPos < input.value.length && !/\d/.test(input.value[newPos])) {
+					while (newPos < input.value.length && !/\d/.test(input.value[newPos]!)) {
 						newPos++
 					}
 

package/src/components/DatePicker/composables/useDatePickerState.ts

@@ -56,8 +56,8 @@ export const useDatePickerState = (options: UseDatePickerStateOptions): UseDateP
 		if (Array.isArray(selectedDates.value)) {
 			if (selectedDates.value.length >= 2) {
 				return [
-					formatDate(selectedDates.value[0], rf),
-					formatDate(selectedDates.value[selectedDates.value.length - 1], rf),
+					formatDate(selectedDates.value[0]!, rf),
+					formatDate(selectedDates.value[selectedDates.value.length - 1]!, rf),
 				] as [string, string]
 			}
 			return ''
@@ -71,12 +71,12 @@ export const useDatePickerState = (options: UseDatePickerStateOptions): UseDateP
 
 		if (Array.isArray(selectedDates.value)) {
 			if (selectedDates.value.length >= 2) {
-				return `${formatDate(selectedDates.value[0], format)} - ${formatDate(
-					selectedDates.value[selectedDates.value.length - 1],
+				return `${formatDate(selectedDates.value[0]!, format)} - ${formatDate(
+					selectedDates.value[selectedDates.value.length - 1]!,
 					format,
 				)}`
 			}
-			return formatDate(selectedDates.value[0], format)
+			return formatDate(selectedDates.value[0]!, format)
 		}
 
 		return formatDate(selectedDates.value, format)

package/src/components/DatePicker/composables/useDateRangeValidation.ts

@@ -12,7 +12,7 @@ export function useDateRangeValidation(
 	/**
 	 * Vérifie si une plage de dates est valide (date de début avant date de fin)
 	 */
-	const isRangeValid = (startDate: Date | null, endDate: Date | null): boolean => {
+	const isRangeValid = (startDate: Date | null | undefined, endDate: Date | null | undefined): boolean => {
 		if (!startDate || !endDate) return true // Si une des dates est manquante, considérer comme valide
 		return startDate.getTime() <= endDate.getTime()
 	}

package/src/components/DatePicker/composables/useDateSelection.ts

@@ -64,8 +64,8 @@ export function useDateSelection(
 				dates.sort((a, b) => a.getTime() - b.getTime())
 
 				// Récupérer les dates de début et de fin
-				const startDate = dates[0]
-				const endDate = dates[dates.length - 1]
+				const startDate = dates[0]!
+				const endDate = dates[dates.length - 1]!
 
 				// Stocker les dates de début et de fin pour la plage, même si la plage est invalide
 				rangeBoundaryDates.value = [startDate, endDate]
@@ -99,8 +99,8 @@ export function useDateSelection(
 			// Mode plage de dates
 			const dates = input.split(' - ')
 			if (dates.length === 2) {
-				const startDate = parseDate(dates[0], format)
-				const endDate = parseDate(dates[1], format)
+				const startDate = parseDate(dates[0]!, format)
+				const endDate = parseDate(dates[1]!, format)
 				if (startDate && endDate) {
 					// Stocker les dates de début et de fin pour la plage
 					rangeBoundaryDates.value = [startDate, endDate]

package/src/components/DatePicker/composables/useHolidayHighlighting.ts

@@ -41,7 +41,7 @@ export const useHolidayHighlighting = (
 
 			const joursFeries = getJoursFeries(year)
 			const holidayDates = Array.from(joursFeries).map((dateStr) => {
-				const [day, monthStr, yearStr] = dateStr.split('/')
+				const [day, monthStr, yearStr] = dateStr.split('/') as [string, string, string]
 				return new Date(parseInt(yearStr, 10), parseInt(monthStr, 10) - 1, parseInt(day, 10))
 			})
 

package/src/components/DatePicker/composables/useInputHandler.ts

@@ -191,14 +191,14 @@ export function useInputHandler(options: InputHandlerOptions) {
 
 			// Si nous avons déjà une partie de la seconde date, continuer à éditer cette partie
 			const parts = previousValue.split(' - ')
-			if (parts.length === 2 && parts[1].length > 0) {
+			if (parts.length === 2 && parts[1]!.length > 0) {
 				// Vérifier si la nouvelle valeur contient la première partie et le séparateur
 				if (value.startsWith(parts[0] + ' - ')) {
 					// Extraire la nouvelle seconde partie
 					const secondPart = value.substring((parts[0] + ' - ').length)
 
 					// Formater la seconde partie avec le composable useDateInputEditing
-					const secondPartCursorPos = value.length - (parts[0].length + 3)
+					const secondPartCursorPos = value.length - (parts[0]!.length + 3)
 					const { formatted, cursorPos: newPos } = dateInputEditing.formatDateInput(secondPart, secondPartCursorPos)
 
 					// Créer la nouvelle valeur formatée
@@ -209,7 +209,7 @@ export function useInputHandler(options: InputHandlerOptions) {
 					// Mettre à jour les dates sélectionnées
 					if (displayRange) {
 						// Récupérer la première date
-						const firstDate = parseDate(parts[0], format)
+						const firstDate = parseDate(parts[0]!, format)
 						// Essayer de parser la seconde date (peut être incomplète)
 						const secondDate = parseDate(secondPart, format)
 						// Mettre à jour les dates sélectionnées
@@ -219,7 +219,7 @@ export function useInputHandler(options: InputHandlerOptions) {
 					// Mettre à jour la position du curseur après le séparateur et la seconde partie formatée
 					const inputElement = inputRef.value?.$el?.querySelector('input')
 					// Calculer la position du curseur : longueur de la première partie + longueur du séparateur + nouvelle position du curseur dans la seconde partie
-					const cursorPosition = parts[0].length + 3 + newPos
+					const cursorPosition = parts[0]!.length + 3 + newPos
 					updateCursorPosition(inputElement, cursorPosition)
 					return true
 				}
@@ -240,19 +240,19 @@ export function useInputHandler(options: InputHandlerOptions) {
 			const parts = value.split(' - ')
 			if (parts.length === 2) {
 				// Déterminer quelle partie est en cours d'édition
-				const firstPartLength = parts[0].length
+				const firstPartLength = parts[0]!.length
 				const separatorLength = 3 // ' - '
 
 				if (cursorPos <= firstPartLength) {
 					// Édition de la première partie
-					const { formatted, cursorPos: newPos } = dateInputEditing.formatDateInput(parts[0], cursorPos)
+					const { formatted, cursorPos: newPos } = dateInputEditing.formatDateInput(parts[0]!, cursorPos)
 					formattedInput = `${formatted} - ${parts[1]}`
 					newCursorPos = newPos
 				}
 				else {
 					// Édition de la seconde partie
 					const secondPartCursorPos = cursorPos - (firstPartLength + separatorLength)
-					const { formatted, cursorPos: newPos } = dateInputEditing.formatDateInput(parts[1], secondPartCursorPos)
+					const { formatted, cursorPos: newPos } = dateInputEditing.formatDateInput(parts[1]!, secondPartCursorPos)
 					formattedInput = `${parts[0]} - ${formatted}`
 					newCursorPos = newPos + (firstPartLength + separatorLength)
 				}

package/src/components/DatePicker/composables/useMonthButtonCustomization.ts

@@ -85,9 +85,9 @@ export function useMonthButtonCustomization(
 				if (monthBtns.length > 0) {
 					// Récupérer le texte original et le nettoyer du premier bouton pour référence
 					// Cela n'affectera pas la personnalisation des autres boutons
-					monthButtonText.value = monthBtns[0].textContent?.trim() || ''
+					monthButtonText.value = monthBtns[0]!.textContent?.trim() || ''
 					const parts = monthButtonText.value.split(' ')
-					yearText.value = parts.length > 1 ? parts[1] : ''
+					yearText.value = parts[1] ? parts[1] : ''
 
 					// Appliquer la personnalisation à tous les boutons du mois
 					monthBtns.forEach((monthBtn) => {
@@ -144,7 +144,7 @@ export function useMonthButtonCustomization(
 						if (yearName?.value) {
 							displayedYear = yearName.value
 						}
-						else if (monthBtnParts.length > 1) {
+						else if (monthBtnParts[1]) {
 							displayedYear = monthBtnParts[1]
 						}
 						else if (yearText.value) {

package/src/components/DatePicker/utils/dateFormattingUtils.ts

@@ -64,7 +64,7 @@ export const formatDateInput = (
 	// Pour chaque caractère dans l'entrée originale, noter sa position dans la chaîne nettoyée
 	for (let i = 0; i < input.length; i++) {
 		positionMap[i] = cleanedIndex
-		if (/\d/.test(input[i])) {
+		if (/\d/.test(input[i]!)) {
 			cleanedIndex++
 		}
 	}
@@ -79,6 +79,9 @@ export const formatDateInput = (
 
 	// Calculer la position du curseur dans l'entrée nettoyée (sans séparateurs)
 	const adjustedCursorPosition = cursorPosition !== undefined ? cursorPosition : input.length
+	if (positionMap[adjustedCursorPosition] === undefined) {
+		throw new Error('Invalid cursor position')
+	}
 	const digitPositionInCleaned = positionMap[adjustedCursorPosition]
 
 	// Extraire les groupes de chiffres du format (DD, MM, YYYY)
@@ -132,7 +135,7 @@ export const formatDateInput = (
 
 	// Parcourir les groupes de chiffres pour construire la date formatée
 	for (let groupIndex = 0; groupIndex < groupsToUse.length; groupIndex++) {
-		const group = groupsToUse[groupIndex]
+		const group = groupsToUse[groupIndex]!
 		const groupLength = group.length
 
 		// Ajouter les chiffres pour ce groupe
@@ -155,7 +158,7 @@ export const formatDateInput = (
 	}
 
 	// Calculer la nouvelle position du curseur en tenant compte du contexte d'édition
-	let newCursorPos
+	let newCursorPos: number
 
 	if (cursorPosition === undefined) {
 		// Si aucune position de curseur n'est fournie, placer à la fin
@@ -167,11 +170,11 @@ export const formatDateInput = (
 			// Rechercher la position correspondante dans le résultat formaté
 			if (digitPositionInCleaned < cleanedInput.length) {
 				// Le curseur est positionné sur un chiffre existant
-				newCursorPos = resultPositionMap[digitPositionInCleaned]
+				newCursorPos = resultPositionMap[digitPositionInCleaned]!
 			}
 			else if (cleanedInput.length > 0) {
 				// Le curseur est après le dernier chiffre saisi
-				const lastDigitPos = resultPositionMap[cleanedInput.length - 1]
+				const lastDigitPos = resultPositionMap[cleanedInput.length - 1]!
 				// Positionner après le dernier chiffre saisi
 				newCursorPos = lastDigitPos + 1
 				// Si la position tombe sur un séparateur, avancer d'une position
@@ -227,8 +230,8 @@ export const getDateDescription = (
 	for (let i = 0; i < formatParts.length; i++) {
 		if (i >= dateParts.length) break
 
-		const part = dateParts[i].trim()
-		const formatPart = formatParts[i].charAt(0).toUpperCase()
+		const part = dateParts[i]!.trim()
+		const formatPart = formatParts[i]!.charAt(0).toUpperCase()
 
 		// Ignorer les parties vides ou contenant uniquement des placeholders
 		if (!part || part.replace(new RegExp(placeholderChar, 'g'), '').length === 0) {

package/src/components/DiacriticPicker/tests/DiatriticPicker.spec.ts

@@ -73,7 +73,7 @@ describe('DiacriticPicker.vue', () => {
 		await button!.trigger('click')
 		await nextTick()
 
-		expect(wrapper.emitted('update:modelValue')?.[0][0]).toBe('aá')
+		expect(wrapper.emitted('update:modelValue')?.[0]?.[0]).toBe('aá')
 	})
 
 	it('sets correct ARIA attributes', () => {
@@ -121,6 +121,6 @@ describe('DiacriticPicker.vue', () => {
 		await input.trigger('keydown', { key: '=' })
 		await nextTick()
 
-		expect(wrapper.emitted('update:modelValue')?.[0][0]).toBe('á')
+		expect(wrapper.emitted('update:modelValue')?.[0]?.[0]).toBe('á')
 	})
 })

package/src/components/DialogBox/Accessibilite.mdx

@@ -12,7 +12,3 @@ import '../../stories/styles/shared.css';
 <Story of={AccessStories.Legende} />
 <br />
 
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-
-<Story of={AccessStories.AccessibilitePanel} />
-<br />