@cnamts/synapse 1.0.20 → 1.0.22

package/src/stories/EcoConception/EcoGuideComponent.vue

@@ -3,6 +3,7 @@
 	import uxUiRules from './datas/ux_ui_rules.json'
 	import { mdiChevronDown, mdiChevronUp, mdiMagnify, mdiRefresh } from '@mdi/js'
 	// import backRules from './datas/back_rules.json'
+	import SyHeading from '@/components/SyHeading/SyHeading.vue'
 
 	const mdiChevronDownIcon = mdiChevronDown
 	const mdiChevronUpIcon = mdiChevronUp
@@ -189,9 +190,12 @@
 			class="mt-4"
 		>
 			<v-card-text class="d-flex justify-space-between align-center px-4 py-2">
-				<h3 class="text-h6 text-primary">
+				<SyHeading
+					class="text-h6 text-primary"
+					:level="3"
+				>
 					Filtres
-				</h3>
+				</SyHeading>
 				<v-btn
 					variant="text"
 					:aria-label="showFilters ? 'Masquer les filtres' : 'Afficher les filtres'"
@@ -387,9 +391,11 @@
 			>
 				<v-card-item>
 					<div class="d-flex justify-space-between mb-2">
-						<h3>
+						<SyHeading
+							:level="3"
+						>
 							{{ selectedRule.finalite3mots }}
-						</h3>
+						</SyHeading>
 						<v-chip
 							:color="getBadgeColor(selectedRule.theme)"
 							size="small"

package/src/utils/theme/index.ts

@@ -0,0 +1,19 @@
+import { computed } from 'vue'
+import { useTheme } from 'vuetify'
+import type { ComputedRef } from 'vue'
+
+export function useThemeLocales<
+	T extends Record<string, unknown> & { default: unknown },
+>(locales: T): {
+	themeLocales: ComputedRef<T[keyof T]>
+} {
+	const vuetifyTheme = useTheme()
+
+	const themeLocales = computed((): T[keyof T] => {
+		return (locales[vuetifyTheme.name.value as keyof T] ?? locales.default) as T[keyof T]
+	})
+
+	return {
+		themeLocales,
+	}
+}

package/src/utils/theme/tests/useThemeLocales.spec.ts

@@ -0,0 +1,245 @@
+import { describe, it, expect, beforeEach, vi } from 'vitest'
+import { useThemeLocales } from '../index'
+import { useTheme } from 'vuetify'
+import { nextTick, ref } from 'vue'
+import type { Mock } from 'vitest'
+
+// Mock Vuetify
+vi.mock('vuetify', () => ({
+	useTheme: vi.fn(),
+}))
+
+describe('useThemeLocales', () => {
+	let mockTheme: { name: ReturnType<typeof ref<string>> }
+
+	beforeEach(() => {
+		// Reset mock before each test
+		vi.clearAllMocks()
+
+		// Setup default mock theme with reactive ref
+		mockTheme = {
+			name: ref('default'),
+		}
+		;(useTheme as Mock).mockReturnValue(mockTheme)
+	})
+
+	it('should return themeLocales computed property', () => {
+		const locales = {
+			default: { title: 'Default Title', pageTitle: 'Default', message: 'msg', code: '500' },
+		}
+
+		const { themeLocales } = useThemeLocales(locales)
+
+		expect(themeLocales).toBeDefined()
+		expect(themeLocales.value).toEqual({ title: 'Default Title', pageTitle: 'Default', message: 'msg', code: '500' })
+	})
+
+	it('should return default locale when theme name is not found', () => {
+		const locales = {
+			default: { title: 'Default Title', message: 'Default Message', pageTitle: 'Default', code: '500' },
+			cnam: { title: 'CNAM Title', message: 'CNAM Message', pageTitle: 'CNAM', code: '500' },
+		}
+
+		mockTheme.name.value = 'unknown'
+
+		const { themeLocales } = useThemeLocales(locales)
+
+		expect(themeLocales.value).toEqual({
+			title: 'Default Title',
+			message: 'Default Message',
+			pageTitle: 'Default',
+			code: '500',
+		})
+	})
+
+	it('should return locale for cnam theme', () => {
+		const locales = {
+			default: { title: 'Default Title', pageTitle: 'Default', message: 'msg', code: '500' },
+			cnam: { title: 'CNAM Title', message: 'CNAM Message', pageTitle: 'CNAM', code: '500' },
+		}
+
+		mockTheme.name.value = 'cnam'
+
+		const { themeLocales } = useThemeLocales(locales)
+
+		expect(themeLocales.value).toEqual({
+			title: 'CNAM Title',
+			message: 'CNAM Message',
+			pageTitle: 'CNAM',
+			code: '500',
+		})
+	})
+
+	it('should return locale for ap theme', () => {
+		const locales = {
+			default: { title: 'Default Title', pageTitle: 'Default', message: 'msg', code: '500' },
+			ap: { title: 'AP Title', message: 'AP Message', pageTitle: 'AP', code: '500' },
+		}
+
+		mockTheme.name.value = 'ap'
+
+		const { themeLocales } = useThemeLocales(locales)
+
+		expect(themeLocales.value).toEqual({
+			title: 'AP Title',
+			message: 'AP Message',
+			pageTitle: 'AP',
+			code: '500',
+		})
+	})
+
+	it('should return locale for ap2026 theme', () => {
+		const locales = {
+			default: { title: 'Default Title', pageTitle: 'Default', message: 'msg', code: '500' },
+			ap2026: { title: 'AP 2026 Title', message: 'AP 2026 Message', pageTitle: 'AP2026', code: '500' },
+		}
+
+		mockTheme.name.value = 'ap2026'
+
+		const { themeLocales } = useThemeLocales(locales)
+
+		expect(themeLocales.value).toEqual({
+			title: 'AP 2026 Title',
+			message: 'AP 2026 Message',
+			pageTitle: 'AP2026',
+			code: '500',
+		})
+	})
+
+	it('should update themeLocales when theme changes', async () => {
+		const locales = {
+			default: { title: 'Default Title', pageTitle: 'Default', message: 'msg', code: '500' },
+			cnam: { title: 'CNAM Title', pageTitle: 'CNAM', message: 'msg', code: '500' },
+			ap: { title: 'AP Title', pageTitle: 'AP', message: 'msg', code: '500' },
+		}
+
+		// Initial theme
+		mockTheme.name.value = 'cnam'
+		const { themeLocales } = useThemeLocales(locales)
+		expect(themeLocales.value.title).toBe('CNAM Title')
+
+		// Change theme
+		mockTheme.name.value = 'ap'
+		await nextTick()
+		expect(themeLocales.value.title).toBe('AP Title')
+
+		// Change to default
+		mockTheme.name.value = 'default'
+		await nextTick()
+		expect(themeLocales.value.title).toBe('Default Title')
+	})
+
+	it('should handle complex locale objects', () => {
+		const locales = {
+			default: {
+				pageTitle: 'Error',
+				message: 'An error occurred',
+				code: '500',
+				src: undefined,
+			},
+			cnam: {
+				pageTitle: 'Error CNAM',
+				message: 'An error occurred at CNAM',
+				code: '500',
+				src: undefined,
+			},
+			ap: {
+				pageTitle: 'Error AP',
+				message: 'An error occurred at AP',
+				code: '500',
+				src: 'image-ap.svg',
+			},
+		}
+
+		mockTheme.name.value = 'ap'
+
+		const { themeLocales } = useThemeLocales(locales)
+
+		expect(themeLocales.value).toEqual({
+			pageTitle: 'Error AP',
+			message: 'An error occurred at AP',
+			code: '500',
+			src: 'image-ap.svg',
+		})
+	})
+
+	it('should maintain reactivity across multiple instances', async () => {
+		const locales = {
+			default: { title: 'Default', pageTitle: 'Default', message: 'msg', code: '500' },
+			cnam: { title: 'CNAM', pageTitle: 'CNAM', message: 'msg', code: '500' },
+		}
+
+		const { themeLocales: locales1 } = useThemeLocales(locales)
+		const { themeLocales: locales2 } = useThemeLocales(locales)
+
+		mockTheme.name.value = 'cnam'
+		await nextTick()
+
+		expect(locales1.value.title).toBe('CNAM')
+		expect(locales2.value.title).toBe('CNAM')
+	})
+
+	it('should handle locale with null or undefined values', () => {
+		const locales = {
+			default: { title: 'Default', icon: null, description: undefined, pageTitle: 'Default', message: 'msg', code: '500' },
+			cnam: { title: 'CNAM', icon: null, description: undefined, pageTitle: 'CNAM', message: 'msg', code: '500' },
+		}
+
+		mockTheme.name.value = 'cnam'
+
+		const { themeLocales } = useThemeLocales(locales)
+
+		expect(themeLocales.value.title).toBe('CNAM')
+		expect(themeLocales.value.icon).toBeNull()
+	})
+
+	it('should work with generic type inference', () => {
+		const locales = {
+			default: { title: 'Default', message: 'Default message', pageTitle: 'Default', code: '500' },
+			cnam: {
+				title: 'CNAM',
+				message: 'CNAM message',
+				code: '500',
+				pageTitle: 'CNAM',
+			},
+		}
+
+		mockTheme.name.value = 'cnam'
+
+		const { themeLocales } = useThemeLocales(locales)
+
+		expect(themeLocales.value.title).toBe('CNAM')
+		expect(themeLocales.value.message).toBe('CNAM message')
+	})
+
+	it('should prefer theme locale over default when available', () => {
+		const locales = {
+			default: { title: 'Default Title', message: 'Default Message', pageTitle: 'Default', code: '500' },
+			custom: { title: 'Custom Title', message: 'Custom Message', pageTitle: 'Custom', code: '500' },
+		}
+
+		mockTheme.name.value = 'custom'
+
+		const { themeLocales } = useThemeLocales(locales)
+
+		expect(themeLocales.value.title).toBe('Custom Title')
+		expect(themeLocales.value.message).toBe('Custom Message')
+	})
+
+	it('should fallback to default when accessing non-existent theme', () => {
+		const locales = {
+			default: { title: 'Default', message: 'Default message', pageTitle: 'Default', code: '500' },
+		}
+
+		mockTheme.name.value = 'nonexistent'
+
+		const { themeLocales } = useThemeLocales(locales)
+
+		expect(themeLocales.value).toEqual({
+			title: 'Default',
+			message: 'Default message',
+			pageTitle: 'Default',
+			code: '500',
+		})
+	})
+})

package/dist/components/MaintenancePage/index.d.ts

@@ -1,2 +0,0 @@
-import { default as MaintenancePage } from './MaintenancePage';
-export default MaintenancePage;