@cnamts/synapse 1.0.27 → 1.1.1

package/src/stories/GuideDuDev/PortailAgent.stories.ts

@@ -250,7 +250,6 @@ export const PAgComponents: StoryObj = {
 								<a href="https://cnam-design-system.netlify.app/?path=/docs/composants-formulaires-periodfield--docs">PeriodField</a>, 
 								<a href="https://cnam-design-system.netlify.app/?path=/docs/composants-formulaires-phonefield--docs">PhoneField</a>, 
 								<a href="https://cnam-design-system.netlify.app/?path=/docs/composants-formulaires-rangefield--docs">RangeField</a>, 
-								<a href="https://cnam-design-system.netlify.app/?path=/docs/composants-formulaires-searchlistfield--docs">SearchListField</a> et
 								<a href="https://cnam-design-system.netlify.app/?path=/docs/composants-formulaires-selectbtnfield--docs">SelectBtnField</a>
 							</p>
 							<p class="mt-4">

package/src/utils/functions/deepCopy/index.ts

@@ -4,12 +4,11 @@ type UnknownValue = any
 /** Deep copy an object or an array without reference */
 export function deepCopy<T = any>(o: UnknownValue): T {
 	let copy = o
-	let k
 
 	if (o && typeof o === 'object') {
-		copy = Object.prototype.toString.call(o) === '[object Array]' ? [] : {}
+		copy = Array.isArray(o) ? [] : {}
 
-		for (k in o) {
+		for (const k of Object.keys(o)) {
 			if (o[k] !== undefined) {
 				copy[k] = deepCopy(o[k])
 			}

package/dist/components/Customs/SyCheckbox/locales.d.ts

@@ -1,3 +0,0 @@
-export declare const locales: {
-    labelledbyMessage: string;
-};

package/dist/components/LunarCalendar/useLunarCalendarRules.d.ts

@@ -1,5 +0,0 @@
-import { ValidationRule } from '../../composables/validation/useValidation';
-import { ComputedRef, MaybeRefOrGetter } from 'vue';
-export declare function useLunarCalendarRules(successMessage: MaybeRefOrGetter<string | undefined>, required: MaybeRefOrGetter<boolean | undefined>, minYear: MaybeRefOrGetter<number | undefined>, maxYear: MaybeRefOrGetter<number | undefined>): {
-    rules: ComputedRef<ValidationRule[]>;
-};

package/dist/components/PhoneField/tests/types.d.ts

@@ -1,18 +0,0 @@
-import { ComponentPublicInstance } from 'vue';
-declare module '@vue/test-utils' {
-	interface VueWrapper {
-		vm: ComponentPublicInstance & {
-			dialCode: {
-				code: string
-				country: string
-				abbreviation: string
-				phoneLength: number
-				mask: string
-			} | null
-			errors: string[]
-			hasError: boolean
-			phoneMask: string
-			validateOnSubmit: () => Promise<boolean>
-		}
-	}
-}

package/dist/components/SyHeading/SyHeading.a11y.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/SyHeading/SyHeading.test.d.ts

@@ -1 +0,0 @@
-export {};

package/src/components/Customs/SyCheckbox/locales.ts

@@ -1,3 +0,0 @@
-export const locales = {
-	labelledbyMessage: 'Sélectionner l\'option',
-}

package/src/components/Customs/SyTextField/types.d.ts

@@ -1,4 +0,0 @@
-export type IconType = 'info' | 'success' | 'warning' | 'error' | 'close' | 'calendar' | undefined
-export type VariantStyle = 'outlined' | 'plain' | 'underlined' | 'filled' | 'solo' | 'solo-inverted' | 'solo-filled'
-export type ColorType = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error'
-export type ValidateOnType = 'eager' | 'lazy' | 'blur' | 'input' | 'submit' | 'invalid-input' | 'blur lazy' | 'input lazy' | 'submit lazy' | 'invalid-input lazy' | 'blur eager' | 'input eager' | 'submit eager' | 'invalid-input eager' | 'lazy blur' | 'lazy input' | 'lazy submit' | 'lazy invalid-input' | 'eager blur' | 'eager input' | 'eager submit' | 'eager invalid-input' | undefined

package/src/components/LunarCalendar/tests/useLunarCalendarRules.spec.ts

@@ -1,184 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { ref } from 'vue'
-import { useLunarCalendarRules } from '../useLunarCalendarRules'
-
-function getRules(opts: {
-	successMessage?: string
-	required?: boolean
-	minYear?: number
-	maxYear?: number
-}) {
-	const { rules } = useLunarCalendarRules(
-		ref(opts.successMessage),
-		ref(opts.required),
-		ref(opts.minYear),
-		ref(opts.maxYear),
-	)
-	return rules.value
-}
-
-type CustomRule = { type: 'custom', options: { validate: (v: string) => boolean, message: string } }
-
-describe('useLunarCalendarRules', () => {
-	describe('règle required', () => {
-		it('n\'ajoute pas de règle required si required est false', () => {
-			const rules = getRules({ required: false })
-			expect(rules.some(r => r.type === 'required')).toBe(false)
-		})
-
-		it('ajoute une règle required si required est true', () => {
-			const rules = getRules({ required: true })
-			expect(rules.some(r => r.type === 'required')).toBe(true)
-		})
-
-		it('la règle required contient le bon message', () => {
-			const rules = getRules({ required: true })
-			const req = rules.find(r => r.type === 'required')
-			expect(req?.options.message).toBe('Ce champ est requis.')
-		})
-
-		it('la règle required contient le successMessage si fourni', () => {
-			const rules = getRules({ required: true, successMessage: 'Bravo' })
-			const req = rules.find(r => r.type === 'required')
-			expect(req?.options.successMessage).toBe('Bravo')
-		})
-	})
-
-	describe('règle format DD/MM/YYYY', () => {
-		it('valide une date au format DD/MM/YYYY', () => {
-			const rules = getRules({})
-			const fmt = rules.find(r => r.type === 'custom') as CustomRule
-			expect(fmt.options.validate('25/12/2000')).toBe(true)
-		})
-
-		it('rejette une date sans slashs', () => {
-			const rules = getRules({})
-			const fmt = rules.find(r => r.type === 'custom') as CustomRule
-			expect(fmt.options.validate('25122000')).toBe(false)
-		})
-
-		it('rejette une date incomplète', () => {
-			const rules = getRules({})
-			const fmt = rules.find(r => r.type === 'custom') as CustomRule
-			expect(fmt.options.validate('25/12/200')).toBe(false)
-		})
-
-		it('rejette une chaîne vide', () => {
-			const rules = getRules({})
-			const fmt = rules.find(r => r.type === 'custom') as CustomRule
-			expect(fmt.options.validate('')).toBe(false)
-		})
-	})
-
-	describe('règle minYear seulement', () => {
-		it('retourne true si le format est invalide (year null)', () => {
-			const rules = getRules({ minYear: 2000 })
-			const minRule = rules.filter(r => r.type === 'custom')[1] as CustomRule
-			expect(minRule.options.validate('invalid')).toBe(true)
-		})
-
-		it('retourne true si l\'année >= minYear', () => {
-			const rules = getRules({ minYear: 2000 })
-			const minRule = rules.filter(r => r.type === 'custom')[1] as CustomRule
-			expect(minRule.options.validate('25/12/2000')).toBe(true)
-		})
-
-		it('retourne false si l\'année < minYear', () => {
-			const rules = getRules({ minYear: 2000 })
-			const minRule = rules.filter(r => r.type === 'custom')[1] as CustomRule
-			expect(minRule.options.validate('25/12/1999')).toBe(false)
-		})
-
-		it('contient le bon message', () => {
-			const rules = getRules({ minYear: 2000 })
-			const minRule = rules.filter(r => r.type === 'custom')[1] as CustomRule
-			expect(minRule.options.message).toBe('L\'année doit être supérieure ou égale à 2000.')
-		})
-	})
-
-	describe('règle maxYear seulement', () => {
-		it('retourne true si le format est invalide (year null)', () => {
-			const rules = getRules({ maxYear: 2020 })
-			const maxRule = rules.filter(r => r.type === 'custom')[1] as CustomRule
-			expect(maxRule.options.validate('invalid')).toBe(true)
-		})
-
-		it('retourne true si l\'année <= maxYear', () => {
-			const rules = getRules({ maxYear: 2020 })
-			const maxRule = rules.filter(r => r.type === 'custom')[1] as CustomRule
-			expect(maxRule.options.validate('25/12/2020')).toBe(true)
-		})
-
-		it('retourne false si l\'année > maxYear', () => {
-			const rules = getRules({ maxYear: 2020 })
-			const maxRule = rules.filter(r => r.type === 'custom')[1] as CustomRule
-			expect(maxRule.options.validate('25/12/2021')).toBe(false)
-		})
-
-		it('contient le bon message', () => {
-			const rules = getRules({ maxYear: 2020 })
-			const maxRule = rules.filter(r => r.type === 'custom')[1] as CustomRule
-			expect(maxRule.options.message).toBe('L\'année doit être inférieure ou égale à 2020.')
-		})
-	})
-
-	describe('règle minYear ET maxYear', () => {
-		it('retourne true si le format est invalide (year null)', () => {
-			const rules = getRules({ minYear: 2000, maxYear: 2020 })
-			const rangeRule = rules.filter(r => r.type === 'custom')[1] as CustomRule
-			expect(rangeRule.options.validate('invalid')).toBe(true)
-		})
-
-		it('retourne true si l\'année est dans la plage', () => {
-			const rules = getRules({ minYear: 2000, maxYear: 2020 })
-			const rangeRule = rules.filter(r => r.type === 'custom')[1] as CustomRule
-			expect(rangeRule.options.validate('25/12/2010')).toBe(true)
-		})
-
-		it('retourne false si l\'année est avant minYear', () => {
-			const rules = getRules({ minYear: 2000, maxYear: 2020 })
-			const rangeRule = rules.filter(r => r.type === 'custom')[1] as CustomRule
-			expect(rangeRule.options.validate('25/12/1999')).toBe(false)
-		})
-
-		it('retourne false si l\'année est après maxYear', () => {
-			const rules = getRules({ minYear: 2000, maxYear: 2020 })
-			const rangeRule = rules.filter(r => r.type === 'custom')[1] as CustomRule
-			expect(rangeRule.options.validate('25/12/2021')).toBe(false)
-		})
-
-		it('contient le bon message', () => {
-			const rules = getRules({ minYear: 2000, maxYear: 2020 })
-			const rangeRule = rules.filter(r => r.type === 'custom')[1] as CustomRule
-			expect(rangeRule.options.message).toBe('L\'année doit être comprise entre 2000 et 2020.')
-		})
-	})
-
-	describe('getYearFromModel (via les règles)', () => {
-		it('retourne null si le modèle n\'a pas 3 parties', () => {
-			const rules = getRules({ minYear: 2000 })
-			const minRule = rules.filter(r => r.type === 'custom')[1] as CustomRule
-			expect(minRule.options.validate('25/12')).toBe(true)
-		})
-
-		it('retourne null si l\'année n\'a pas 4 chiffres', () => {
-			const rules = getRules({ minYear: 2000 })
-			const minRule = rules.filter(r => r.type === 'custom')[1] as CustomRule
-			expect(minRule.options.validate('25/12/200')).toBe(true)
-		})
-
-		it('retourne null si l\'année n\'est pas un nombre', () => {
-			const rules = getRules({ minYear: 2000 })
-			const minRule = rules.filter(r => r.type === 'custom')[1] as CustomRule
-			expect(minRule.options.validate('25/12/abcd')).toBe(true)
-		})
-	})
-
-	describe('aucune règle year si minYear et maxYear sont undefined', () => {
-		it('ne génère que 1 règle custom (format) sans min/max', () => {
-			const rules = getRules({})
-			const customRules = rules.filter(r => r.type === 'custom')
-			expect(customRules.length).toBe(1)
-		})
-	})
-})

package/src/components/LunarCalendar/useLunarCalendarRules.ts

@@ -1,96 +0,0 @@
-import type { ValidationRule } from '@/composables/validation/useValidation'
-import { computed, toValue, type ComputedRef, type MaybeRefOrGetter } from 'vue'
-
-export function useLunarCalendarRules(
-	successMessage: MaybeRefOrGetter<string | undefined>,
-	required: MaybeRefOrGetter<boolean | undefined>,
-	minYear: MaybeRefOrGetter<number | undefined>,
-	maxYear: MaybeRefOrGetter<number | undefined>,
-): { rules: ComputedRef<ValidationRule[]> } {
-	const rules = computed(() => {
-		const rules: ValidationRule[] = []
-		if (toValue(required)) {
-			const requiredRule: ValidationRule = {
-				type: 'required',
-				options: {
-					message: 'Ce champ est requis.',
-					successMessage: toValue(successMessage),
-				},
-			}
-			rules.push(requiredRule)
-		}
-		rules.push({
-			type: 'custom',
-			options: {
-				validate: (value: string) => {
-					// Validate format DD/MM/YYYY
-					const regex = /^\d{2}\/\d{2}\/\d{4}$/
-					return regex.test(value)
-				},
-				message: 'La date est invalide.',
-				successMessage: toValue(successMessage),
-			},
-		})
-		if (toValue(minYear) && toValue(maxYear)) {
-			const rule: ValidationRule = {
-				type: 'custom',
-				options: {
-					validate: (value: string) => {
-						const year = getYearFromModel(value)
-						if (year === null) {
-							return true
-						}
-						return year >= toValue(minYear as number) && year <= toValue(maxYear as number)
-					},
-					message: `L'année doit être comprise entre ${toValue(minYear)} et ${toValue(maxYear)}.`,
-					successMessage: toValue(successMessage),
-				},
-			}
-			rules.push(rule)
-		}
-		else if (toValue(minYear)) {
-			const rule: ValidationRule = {
-				type: 'custom',
-				options: {
-					validate: (value: string) => {
-						const year = getYearFromModel(value)
-						if (year === null) {
-							return true
-						}
-						return year >= toValue(minYear as number)
-					},
-					message: `L'année doit être supérieure ou égale à ${toValue(minYear)}.`,
-					successMessage: toValue(successMessage),
-				},
-			}
-			rules.push(rule)
-		}
-		else if (toValue(maxYear)) {
-			const rule: ValidationRule = {
-				type: 'custom',
-				options: {
-					validate: (value: string) => {
-						const year = getYearFromModel(value)
-						if (year === null) {
-							return true
-						}
-						return year <= toValue(maxYear as number)
-					},
-					message: `L'année doit être inférieure ou égale à ${toValue(maxYear)}.`,
-					successMessage: toValue(successMessage),
-				},
-			}
-			rules.push(rule)
-		}
-		return rules
-	})
-	return { rules: rules }
-}
-
-function getYearFromModel(model: string): number | null {
-	const parts = model.split('/')
-	if (parts.length !== 3 || parts[2]?.length !== 4 || isNaN(Number(parts[2]))) {
-		return null
-	}
-	return Number(parts[2])
-}

package/src/components/PhoneField/tests/types.d.ts

@@ -1,19 +0,0 @@
-import { ComponentPublicInstance } from 'vue'
-
-declare module '@vue/test-utils' {
-	interface VueWrapper {
-		vm: ComponentPublicInstance & {
-			dialCode: {
-				code: string
-				country: string
-				abbreviation: string
-				phoneLength: number
-				mask: string
-			} | null
-			errors: string[]
-			hasError: boolean
-			phoneMask: string
-			validateOnSubmit: () => Promise<boolean>
-		}
-	}
-}