@cnamts/synapse 1.0.19 → 1.0.21

package/src/components/BackBtn/Accessibilite.stories.ts

@@ -1,30 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Boutons/BackBtn/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `
-			
-			  <div class="mt-4">
-				  <p>Rapport d’audit manuel : <a href="/audits/BackBtn.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
-				  <p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system/issues/4006" target="_blank" style="color:#0C41BD;">issue #4006</a>)</p>
-			  </div>
-            `,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/BackToTopBtn/Accessibilite.mdx

@@ -1,14 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs';
-import * as AccessStories from './Accessibilite.stories.ts';
-import '../../stories/styles/shared.css';
-
-<Meta of={AccessStories} />
-
-<div className="header">
-  <h1>Accessibilité</h1>
-  <p>Informations sur l'accessibilité du composant</p>
-</div>
-
-<Story of={AccessStories.Legende} />
-<br />
-

package/src/components/BackToTopBtn/Accessibilite.stories.ts

@@ -1,31 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Boutons/BackToTopBtn/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `
-			   
-		 
-				<div class="mt-4">
-					<p>Rapport d’audit manuel : <a href="/audits/BackToTopBtn.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
-					<p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system/issues/4022" target="_blank" style="color:#0C41BD;">issue #4022</a>)</p>
-				  </div>
-            `,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/ChipList/Accessibilite.mdx

@@ -1,14 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs';
-import * as AccessStories from './Accessibilite.stories.ts';
-import '../../stories/styles/shared.css';
-
-<Meta of={AccessStories} />
-
-<div className="header">
-  <h1>Accessibilité</h1>
-  <p>Informations sur l'accessibilité du composant</p>
-</div>
-
-<Story of={AccessStories.Legende} />
-<br />
-

package/src/components/ChipList/Accessibilite.stories.ts

@@ -1,31 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Données/ChipList/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `
-			   
-		 
-				  <div class="mt-4">
-					  <p>Rapport d’audit manuel : <a href="/audits/ChipList.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
-					  <p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/814" target="_blank" style="color:#0C41BD;">issue #814</a>)</p>
-				  </div>
-            `,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/CollapsibleList/Accessibilite.stories.ts

@@ -1,29 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Données/CollapsibleList/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `   
-			  <div class="mt-4">
-				  <p>Rapport d’audit manuel : <a href="/audits/CollapsibleList.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
-				  <p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system/issues/792" target="_blank" style="color:#0C41BD;">issue #792</a>)</p>
-			  </div>
-            `,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/ContextualMenu/Accessibilite.mdx

@@ -1,13 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs';
-import * as AccessStories from './Accessibilite.stories.ts';
-import '../../stories/styles/shared.css';
-
-<Meta of={AccessStories} />
-
-<div className="header">
-  <h1>Accessibilité</h1>
-  <p>Informations sur l'accessibilité du composant</p>
-</div>
-
-<Story of={AccessStories.Legende} />
-<br />

package/src/components/ContextualMenu/Accessibilite.stories.ts

@@ -1,29 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Navigation/ContextualMenu/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `   
-			  <div class="mt-4">
-				  <p>Rapport d’audit manuel : <a href="/audits/ContextualMenu.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
-				  <p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/658" target="_blank" style="color:#0C41BD;">issue #658</a>)</p>
-			  </div>
-            `,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/CookieBanner/Accessibilite.mdx

@@ -1,13 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs';
-import * as AccessStories from './Accessibilite.stories.ts';
-import '../../stories/styles/shared.css';
-
-<Meta of={AccessStories} />
-
-<div className="header">
-  <h1>Accessibilité</h1>
-  <p>Informations sur l'accessibilité du composant</p>
-</div>
-
-<Story of={AccessStories.Legende} />
-<br />

package/src/components/CookieBanner/Accessibilite.stories.ts

@@ -1,30 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Feedback/CookieBanner/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `
-				
-				<div class="mt-4">
-				  <p>Rapport d’audit manuel : <a href="/audits/Cookies.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
-				  <p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/806" target="_blank" style="color:#0C41BD;">issue #658</a>)</p>
-			  </div>
-			`,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/CopyBtn/Accessibilite.mdx

@@ -1,13 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs';
-import * as AccessStories from './Accessibilite.stories.ts';
-import '../../stories/styles/shared.css';
-
-<Meta of={AccessStories} />
-
-<div className="header">
-  <h1>Accessibilité</h1>
-  <p>Informations sur l'accessibilité du composant</p>
-</div>
-
-<Story of={AccessStories.Legende} />
-<br />

package/src/components/CopyBtn/Accessibilite.stories.ts

@@ -1,29 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Boutons/CopyBtn/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `   
-			  <div class="mt-4">
-				  <p>Rapport d’audit manuel : <a href="/audits/CopyBtn.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
-				  <p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system/issues/4008" target="_blank" style="color:#0C41BD;">issue #4008</a>)</p>
-			  </div>
-            `,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/Customs/Selects/SelectBtnField/Accessibilite.mdx

@@ -1,14 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs';
-import * as AccessStories from './Accessibilite.stories.ts';
-import '../../../../stories/styles/shared.css';
-
-<Meta of={AccessStories} />
-
-<div className="header">
-  <h1>Accessibilité</h1>
-  <p>Informations sur l'accessibilité du composant</p>
-</div>
-
-<Story of={AccessStories.Legende} />
-<br />
-

package/src/components/Customs/Selects/SelectBtnField/Accessibilite.stories.ts

@@ -1,29 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Formulaires/Selects/SelectBtnField/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `   
-			  	<div class="mt-4">
-				  <p>Rapport d’audit manuel : <a href="/audits/SelectBtnField.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
-				  <p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/916" target="_blank" style="color:#0C41BD;">issue #916</a>)</p>
-			  </div>
-            `,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/Customs/Selects/SyInputSelect/Accessibilite.mdx

@@ -1,13 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs';
-import * as AccessStories from './Accessibilite.stories.ts';
-import '../../../../stories/styles/shared.css';
-
-<Meta of={AccessStories} />
-
-<div className="header">
-  <h1>Accessibilité</h1>
-  <p>Cette page sera bientôt disponible</p>
-</div>
-
-<Story of={AccessStories.Legende} />
-<br />

package/src/components/Customs/Selects/SyInputSelect/Accessibilite.stories.ts

@@ -1,25 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Formulaires/Selects/SyInputSelect/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `   
-            `,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/Customs/SyPagination/tests/SyPagination.a11y.spec.ts

@@ -1,27 +0,0 @@
-// @vitest-environment jsdom
-
-import { describe, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { axe } from 'vitest-axe'
-import { assertNoA11yViolations } from '@tests/unit/accessibility/axeUtils'
-import SyPagination from '../SyPagination.vue'
-
-// Scénario d’accessibilité : pagination avec libellé, aria-controls et page active.
-
-describe('SyPagination – accessibility (axe)', () => {
-	it('has no obvious axe violations with labelled navigation and active page', async () => {
-		const wrapper = mount(SyPagination, {
-			props: {
-				modelValue: 3,
-				pages: 10,
-				label: 'Pagination des résultats',
-				ariaControls: 'liste-resultats',
-			},
-		})
-
-		const results = await axe(wrapper.element as HTMLElement)
-		assertNoA11yViolations(results, 'SyPagination – labelled navigation', {
-			ignoreRules: ['region'],
-		})
-	})
-})

package/src/components/Customs/SyTabs/tests/SyTabs.a11y.spec.ts

@@ -1,51 +0,0 @@
-// @vitest-environment jsdom
-
-import { describe, it, vi } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { axe } from 'vitest-axe'
-import { assertNoA11yViolations } from '@tests/unit/accessibility/axeUtils'
-import SyTabs from '../SyTabs.vue'
-
-// Stub RouterLink pour éviter de dépendre du routeur réel
-const RouterLink = {
-	name: 'RouterLink',
-	props: ['to'],
-	template: '<a :href="to"><slot /></a>',
-}
-
-const testItems = [
-	{ label: 'Tab 1', value: 'tab1', content: 'Contenu du Tab 1' },
-	{ label: 'Tab 2', value: 'tab2', content: 'Contenu du Tab 2' },
-	{ label: 'Tab 3', value: 'tab3', content: 'Contenu du Tab 3' },
-]
-
-// Scénario d’accessibilité : groupe d’onglets avec trois panneaux.
-
-describe('SyTabs – accessibility (axe)', () => {
-	it('has no obvious axe violations with three tabs and panels', async () => {
-		const wrapper = mount(SyTabs, {
-			props: {
-				items: testItems,
-			},
-			global: {
-				components: {
-					RouterLink,
-				},
-				mocks: {
-					$router: {
-						push: vi.fn(),
-						replace: vi.fn(),
-					},
-				},
-			},
-			attachTo: document.body,
-		})
-
-		const results = await axe(wrapper.element as HTMLElement)
-		assertNoA11yViolations(results, 'SyTabs – default configuration', {
-			ignoreRules: ['region'],
-		})
-
-		wrapper.unmount()
-	})
-})

package/src/components/Customs/SyTextField/Accessibilite.mdx

@@ -1,14 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs';
-import * as AccessStories from './Accessibilite.stories.ts';
-import '../../../stories/styles/shared.css';
-
-<Meta of={AccessStories} />
-
-<div className="header">
-  <h1>Accessibilité</h1>
-  <p>Informations sur l'accessibilité du composant</p>
-</div>
-
-<Story of={AccessStories.Legende} />
-<br />
-

package/src/components/Customs/SyTextField/Accessibilite.stories.ts

@@ -1,34 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Formulaires/SyTextField/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `   
-			  <div class="mt-4">
-				  <p>Rapport d’audit manuel : <a href="/audits/SyTextField.xlsx" style="color:#0C41BD;">Voir le
-					  rapport</a></p>
-				  <p style="color: grey; font-size: 14px">Correctifs associés (<a
-					  href="https://github.com/assurance-maladie-digital/design-system/issues/4028" target="_blank"
-					  style="color:#0C41BD;">issue #4028</a>, <a
-					  href="https://github.com/assurance-maladie-digital/design-system-v3/pull/935" target="_blank"
-					  style="color:#0C41BD;">issue #935</a>)</p>
-			  </div>
-            `,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/DataList/Accessibilite.mdx

@@ -1,13 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs';
-import * as AccessStories from './Accessibilite.stories.ts';
-import '../../stories/styles/shared.css';
-
-<Meta of={AccessStories} />
-
-<div className="header">
-  <h1>Accessibilité</h1>
-  <p>Informations sur l'accessibilité du composant</p>
-</div>
-
-<Story of={AccessStories.Legende} />
-<br />

package/src/components/DataList/Accessibilite.stories.ts

@@ -1,29 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Données/DataList/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `   
-			  <div class="mt-4">
-				  <p>Rapport d’audit manuel : <a href="/audits/DataList.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
-				  <p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system/issues/4030" target="_blank" style="color:#0C41BD;">issue #4030</a>)</p>
-			  </div>
-            `,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/DataListGroup/Accessibilite.mdx

@@ -1,13 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs';
-import * as AccessStories from './Accessibilite.stories.ts';
-import '../../stories/styles/shared.css';
-
-<Meta of={AccessStories} />
-
-<div className="header">
-  <h1>Accessibilité</h1>
-  <p>Informations sur l'accessibilité du composant</p>
-</div>
-
-<Story of={AccessStories.Legende} />
-<br />

package/src/components/DataListGroup/Accessibilite.stories.ts

@@ -1,29 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Données/DataListGroup/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `   
-			<div class="mt-4">
-				  <p>Rapport d’audit manuel : <a href="/audits/DataListGroup.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
-				  <p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/651" target="_blank" style="color:#0C41BD;">issue #651</a>)</p>
-			  </div>
-            `,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/DataListItem/tests/DataListItem.a11y.spec.ts

@@ -1,31 +0,0 @@
-// @vitest-environment jsdom
-
-import { describe, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { axe } from 'vitest-axe'
-import { assertNoA11yViolations } from '@tests/unit/accessibility/axeUtils'
-import DataListItem from '../DataListItem.vue'
-
-const defaultProps = {
-	label: 'Adresse e-mail',
-	value: 'sample@example.com',
-	action: 'Modifier',
-	chip: true,
-	row: false,
-}
-
-describe('DataListItem – accessibility (axe)', () => {
-	it('has no obvious axe violations with chip, icon slot and action', async () => {
-		const wrapper = mount(DataListItem, {
-			props: defaultProps,
-			slots: {
-				icon: '<span aria-hidden="true" class="fake-icon" />',
-			},
-		})
-
-		const results = await axe(wrapper.element as HTMLElement)
-		assertNoA11yViolations(results, 'DataListItem – chip and action', {
-			ignoreRules: ['region'],
-		})
-	})
-})

package/src/components/DatePicker/CalendarMode/tests/DatePicker.a11y.spec.ts

@@ -1,27 +0,0 @@
-// @vitest-environment jsdom
-
-import { describe, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { axe } from 'vitest-axe'
-import { assertNoA11yViolations } from '@tests/unit/accessibility/axeUtils'
-import DatePicker from '../DatePicker.vue'
-
-// Scénario d’accessibilité : champ de date en mode calendrier,
-// avec label et champ requis, calendrier fermé (état par défaut).
-
-describe('DatePicker (CalendarMode) – accessibility (axe)', () => {
-	it('has no obvious axe violations in default state', async () => {
-		const wrapper = mount(DatePicker, {
-			props: {
-				label: 'Date de naissance',
-				format: 'DD/MM/YYYY',
-				required: true,
-			},
-		})
-
-		const results = await axe(wrapper.element as HTMLElement)
-		assertNoA11yViolations(results, 'DatePicker (CalendarMode) – default state', {
-			ignoreRules: ['region'],
-		})
-	})
-})