@cnamts/synapse 1.0.17 → 1.0.18

package/src/components/Amelipro/AmeliproUpload/AmeliproUpload.vue

@@ -163,7 +163,7 @@
 
 		const allMatch = filesToAdd.length === lastEmittedFiles.value.length && filesToAdd.every((file, index) => {
 			const lastFile = lastEmittedFiles.value[index]
-			return fileHashSync(file) === lastFile.hash
+			return fileHashSync(file) === lastFile?.hash
 		})
 
 		// Si la liste est exactement la même que la dernière liste émise, ignorer
@@ -643,7 +643,7 @@
 </template>
 
 <style lang="scss" scoped>
-@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
 .amelipro-upload {
 	padding: apTokens.$card-padding-tablet;

package/src/components/Amelipro/ServiceMenu/ServiceMenu.vue

@@ -174,21 +174,21 @@
 </template>
 
 <style lang="scss" scoped>
-	@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
-	:deep(.v-overlay__content) {
-		top: 40px;
-		left: -515px;
-		transform-origin: left top 0;
-		z-index: 8;
-		border-radius: 4px;
+:deep(.v-overlay__content) {
+	top: 40px;
+	left: -515px;
+	transform-origin: left top 0;
+	z-index: 8;
+	border-radius: 4px;
 
-		@media #{apTokens.$media-up-md} {
-			left: -800px;
-		}
+	@media #{apTokens.$media-up-md} {
+		left: -800px;
 	}
+}
 
-	.service-menu {
-		position: relative;
-	}
+.service-menu {
+	position: relative;
+}
 </style>

package/src/components/Amelipro/StructureMenu/StructureBtn/StructureBtn.vue

@@ -52,7 +52,7 @@
 </template>
 
 <style lang="scss" scoped>
-@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
 .v-btn {
 	letter-spacing: unset;

package/src/components/Amelipro/StructureMenu/StructureItem/StructureItem.vue

@@ -107,7 +107,7 @@
 </template>
 
 <style lang="scss" scoped>
-@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
 input {
 	position: absolute;

package/src/components/Amelipro/StructureMenu/StructureMenu.vue

@@ -227,7 +227,7 @@
 </template>
 
 <style lang="scss" scoped>
-@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
 .v-input.amelipro-switch {
 	margin-top: 0;

package/src/components/Amelipro/StructureMenu/StructureTabs/StructureTabs.vue

@@ -95,7 +95,7 @@
 
 	const focusChange = (): void => {
 		if (structureBtns.value && selected.value) {
-			(structureBtns.value[selected.value].$el as HTMLElement).focus()
+			(structureBtns.value[selected.value]?.$el as HTMLElement).focus()
 		}
 	}
 
@@ -177,7 +177,7 @@
 </template>
 
 <style lang="scss" scoped>
-@use '@/assets/amelipro/apTokens';
+@use '@/assets/amelipro/apTokens2026' as apTokens;
 
 .tabs-btn-wrapper {
 	@media #{apTokens.$media-only-xs} {

package/src/components/Amelipro/StructureMenu/StructureTabs/__tests__/StructureTabs.spec.ts

@@ -140,7 +140,7 @@ describe('StructureTabs', () => {
 			if (tabs) {
 				expect(btns.length).toBe(tabs.length)
 				btns.forEach((btn, idx) => {
-					expect(btn.text()).toBe((tabs[idx]).label)
+					expect(btn.text()).toBe((tabs[idx])?.label)
 				})
 			}
 		})
@@ -155,7 +155,7 @@ describe('StructureTabs', () => {
 			if (tabs) {
 				expect(lists.length).toBe(tabs.length)
 				lists.forEach((list, idx) => {
-					expect(list.props('structures')).toStrictEqual(tabs[idx].structures)
+					expect(list.props('structures')).toStrictEqual(tabs[idx]?.structures)
 				})
 			}
 		})

package/src/components/Amelipro/UserMenu/UserMenu.vue

@@ -130,41 +130,41 @@
 </template>
 
 <style lang="scss" scoped>
-	@use '@/assets/amelipro/apTokens';
-
-	.v-btn :deep(.v-btn__content) {
-		opacity: 1 !important;
-	}
-
-	:deep(.v-overlay__content) {
-		top: 40px;
-		left: 50% !important;
-		transform: translate(-50%);
-		z-index: 8;
-		border-radius: 4px;
-	}
-
-	.user-menu {
-		position: relative;
-		overflow-wrap: break-word;
-	}
-
-	.user-menu-popover {
-		border-radius: 4px;
-	}
-
-	.user-menu-last-connexion {
-		font-size: apTokens.$font-size-xs;
-	}
-
-	.user-menu__btn--account,
-	.user-menu__btn--logout {
-		padding: 1rem 1.5rem !important;
-		border-radius: 0 !important;
-	}
-
-	.user-menu__btn-wrapper {
-		border-bottom-left-radius: 4px;
-		border-bottom-right-radius: 4px;
-	}
+@use '@/assets/amelipro/apTokens2026' as apTokens;
+
+.v-btn :deep(.v-btn__content) {
+	opacity: 1 !important;
+}
+
+:deep(.v-overlay__content) {
+	top: 40px;
+	left: 50% !important;
+	transform: translate(-50%);
+	z-index: 8;
+	border-radius: 4px;
+}
+
+.user-menu {
+	position: relative;
+	overflow-wrap: break-word;
+}
+
+.user-menu-popover {
+	border-radius: 4px;
+}
+
+.user-menu-last-connexion {
+	font-size: apTokens.$font-size-xs;
+}
+
+.user-menu__btn--account,
+.user-menu__btn--logout {
+	padding: 1rem 1.5rem !important;
+	border-radius: 0 !important;
+}
+
+.user-menu__btn-wrapper {
+	border-bottom-left-radius: 4px;
+	border-bottom-right-radius: 4px;
+}
 </style>

package/src/components/BackBtn/Accessibilite.mdx

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

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

@@ -1,132 +1,12 @@
-import { VExpansionPanels, VExpansionPanel, VExpansionPanelTitle, VExpansionPanelText, VDataTable, VIcon } from 'vuetify/components'
+import { VIcon } from 'vuetify/components'
 import type { StoryObj } from '@storybook/vue3'
-import { AccessibiliteItemsIndeterminate, AccessibiliteItemsValidated } from './AccessibiliteItems'
-import { mdiCheckboxMarkedCircle, mdiLink, mdiEye } from '@mdi/js'
-
+import { mdiCheckboxMarkedCircle } from '@mdi/js'
 const checkIcon = mdiCheckboxMarkedCircle
-const iconEye = mdiEye
-const linkICon = mdiLink
 
 export default {
 	title: 'Composants/Boutons/BackBtn/Accessibilité',
 }
 
-export const AccessibilitePanel: StoryObj = {
-
-	render: () => {
-		return {
-			components: { VExpansionPanels, VExpansionPanel, VExpansionPanelTitle, VExpansionPanelText, VDataTable, VIcon },
-
-			setup() {
-				const icon = checkIcon
-
-				return { AccessibiliteItemsIndeterminate, AccessibiliteItemsValidated, icon, linkICon, iconEye }
-			},
-			template: `
-				<div class="accessibiliteItems" style="display:flex; max-width: none !important;">
-					<v-col cols="6">
-						<div style="display:flex; margin-bottom: 10px; justify-content: space-between; align-items: center;">
-							<h5>{{ AccessibiliteItemsIndeterminate.length }} critères à prendre en charge par le projet</h5>
-							<div style="display: flex; align-items: center;">
-								<v-btn variant="tonal" color="red" size="x-small" style="margin: 4px;font-size: 8px;"
-									   rounded>Tanaguru
-								</v-btn>
-							</div>
-						</div>
-
-						<v-expansion-panels value="opened" multiple>
-							<v-expansion-panel v-for="(item, index) in AccessibiliteItemsIndeterminate" :key="index" style="background-color: rgba(42, 96, 158, 0.1); margin-bottom: 10px;">
-								<v-expansion-panel-title>
-									<VIcon :icon="iconEye" style="margin-right: 5px; color:#5778b7;"/>
-									{{ item.title }}
-								</v-expansion-panel-title>
-								<v-expansion-panel-text>
-									<v-expansion-panels>
-										<v-expansion-panel>
-											<v-expansion-panel-title
-												style="font-weight: bold; font-size: 13px; line-height: 16px;">
-												{{ item.subtitle }}
-											</v-expansion-panel-title>
-											<v-expansion-panel-text>
-												<div v-for="(value, i) in item.items" :key="i">
-													<p style="font-size: 13px;line-height: 16px;">
-														{{ value.precision }}
-													</p>
-													<div v-for="element in value.solution"
-														 style="margin-top:15px; font-size: 13px;line-height: 16px;">
-														<p style="font-weight: bold;">Méthodologie du test : <a
-															href="value.link" target="blank">
-															<VIcon :icon="linkICon"/>
-														</a></p>
-
-														<p>{{ element.info1 }}</p>
-														<p>{{ element.info2 }}</p>
-														<p>{{ element.info3 }}</p>
-
-													</div>
-													<span style="display:flex; justify-content:center; margin-bottom:5px;">______</span>
-												</div>
-											</v-expansion-panel-text>
-										</v-expansion-panel>
-									</v-expansion-panels>
-								</v-expansion-panel-text>
-							</v-expansion-panel>
-						</v-expansion-panels>
-					</v-col>
-					<v-col cols="6">
-						<div style="display:flex; margin-bottom: 10px; justify-content: space-between; align-items: center;">
-							<h5>{{ AccessibiliteItemsValidated.length }} critères pris en charge par l'équipe Design System</h5>
-							<div style="display: flex; align-items: center;">
-								<v-btn variant="tonal" color="red" size="x-small" style="margin: 4px;font-size: 8px;"
-									   rounded>Tanaguru
-								</v-btn>
-							</div>
-						</div>
-						<v-expansion-panels value="opened" multiple>
-							<v-expansion-panel
-								v-for="(item, index) in AccessibiliteItemsValidated"
-								:key="index" style="background-color: rgba(53,135,0,0.1); margin-bottom: 10px;">
-								<v-expansion-panel-title>
-									<VIcon color="green" :icon="icon" style="margin-right: 5px;"/>
-									{{ item.title }}
-								</v-expansion-panel-title>
-								<v-expansion-panel-text>
-									<v-expansion-panels>
-										<v-expansion-panel>
-											<v-expansion-panel-title style="font-weight: bold;font-size: 13px; line-height: 16px;">
-												{{ item.subtitle }}
-											</v-expansion-panel-title>
-											<v-expansion-panel-text>
-												<div v-for="(value, i) in item.items" :key="i">
-													<p style="font-size: 13px;line-height: 16px;">
-														{{ value.precision }}
-													</p>
-													<div v-for="element in value.solution"
-														 style="margin-top:15px; font-size: 13px;line-height: 16px;">
-														<p style="font-weight: bold;">Méthodologie du test : <a
-															href="value.link" target="blank">
-															<VIcon :icon="linkICon"/>
-														</a></p>
-														<p>{{ element.info1 }}</p>
-														<p>{{ element.info2 }}</p>
-														<p>{{ element.info3 }}</p>
-													</div>
-													<span style="display:flex; justify-content:center; margin-bottom:5px;">______</span>
-												</div>
-											</v-expansion-panel-text>
-										</v-expansion-panel>
-									</v-expansion-panels>
-								</v-expansion-panel-text>
-							</v-expansion-panel>
-						</v-expansion-panels>
-					</v-col>
-				</div>
-			`,
-		}
-	},
-	tags: ['!dev'],
-}
-
 export const Legende: StoryObj = {
 	args: {
 		icon: checkIcon,
@@ -138,27 +18,7 @@ export const Legende: StoryObj = {
 				return { args }
 			},
 			template: `
-			  <p style="color: grey;font-size: 11px; margin-bottom: 12px;">Date de conception: 20/11/2024</p>
-			  <div>
-				<p>Le tableau ci-dessous liste nos recommandations suivant les <a target="blank" style="color:#0C41BD;" href="https://www.numerique.gouv.fr/publications/rgaa-accessibilite/#contenu">catégories du RGAA</a>.</p>
-				<p style="margin-bottom: 12px;font-weight:bold;">Pour rappel le composant seul ne garantie pas
-				  l'accessibilité du site.</p>
-				<div style="font-size: 14px">
-				  <p>Nous avons deux façons de relever les problèmes d'accessibilité des composants :</p>
-				  <div>
-					<v-btn variant="tonal" color="grey" size="x-small" style="margin: 2px;font-size: 8px;" rounded>
-					  Audit
-					</v-btn>
-					Problèmes relevés par le projet
-				  </div>
-				  <div>
-					<v-btn variant="tonal" color="red" size="x-small" style="margin: 2px;font-size: 8px;" rounded>
-					  Tanaguru
-					</v-btn>
-					Problèmes relevés par Tanaguru
-				  </div>
-				</div>
-			  </div>
+			
 			  <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>

package/src/components/BackBtn/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'
@@ -18,7 +18,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/BackToTopBtn/Accessibilite.mdx

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

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

@@ -1,132 +1,12 @@
-import { VExpansionPanels, VExpansionPanel, VExpansionPanelTitle, VExpansionPanelText, VDataTable, VIcon } from 'vuetify/components'
+import { VIcon } from 'vuetify/components'
 import type { StoryObj } from '@storybook/vue3'
-import { AccessibiliteItemsIndeterminate, AccessibiliteItemsValidated } from './AccessibiliteItems'
-import { mdiCheckboxMarkedCircle, mdiLink, mdiEye } from '@mdi/js'
-
+import { mdiCheckboxMarkedCircle } from '@mdi/js'
 const checkIcon = mdiCheckboxMarkedCircle
-const iconEye = mdiEye
-const linkICon = mdiLink
 
 export default {
 	title: 'Composants/Boutons/BackToTopBtn/Accessibilité',
 }
 
-export const AccessibilitePanel: StoryObj = {
-
-	render: () => {
-		return {
-			components: { VExpansionPanels, VExpansionPanel, VExpansionPanelTitle, VExpansionPanelText, VDataTable, VIcon },
-
-			setup() {
-				const icon = checkIcon
-
-				return { AccessibiliteItemsIndeterminate, AccessibiliteItemsValidated, icon, linkICon, iconEye }
-			},
-			template: `
-				<div class="accessibiliteItems" style="display:flex; max-width: none !important;">
-					<v-col cols="6">
-						<div style="display:flex; margin-bottom: 10px; justify-content: space-between; align-items: center;">
-							<h5>{{ AccessibiliteItemsIndeterminate.length }} critères à prendre en charge par le projet</h5>
-							<div style="display: flex; align-items: center;">
-								<v-btn variant="tonal" color="red" size="x-small" style="margin: 4px;font-size: 8px;"
-									   rounded>Tanaguru
-								</v-btn>
-							</div>
-						</div>
-
-						<v-expansion-panels value="opened" multiple>
-							<v-expansion-panel v-for="(item, index) in AccessibiliteItemsIndeterminate" :key="index" style="background-color: rgba(42, 96, 158, 0.1); margin-bottom: 10px;">
-								<v-expansion-panel-title>
-									<VIcon :icon="iconEye" style="margin-right: 5px; color:#5778b7;"/>
-									{{ item.title }}
-								</v-expansion-panel-title>
-								<v-expansion-panel-text>
-									<v-expansion-panels>
-										<v-expansion-panel>
-											<v-expansion-panel-title
-												style="font-weight: bold; font-size: 13px; line-height: 16px;">
-												{{ item.subtitle }}
-											</v-expansion-panel-title>
-											<v-expansion-panel-text>
-												<div v-for="(value, i) in item.items" :key="i">
-													<p style="font-size: 13px;line-height: 16px;">
-														{{ value.precision }}
-													</p>
-													<div v-for="element in value.solution"
-														 style="margin-top:15px; font-size: 13px;line-height: 16px;">
-														<p style="font-weight: bold;">Méthodologie du test : <a
-															href="value.link" target="blank">
-															<VIcon :icon="linkICon"/>
-														</a></p>
-
-														<p>{{ element.info1 }}</p>
-														<p>{{ element.info2 }}</p>
-														<p>{{ element.info3 }}</p>
-
-													</div>
-													<span style="display:flex; justify-content:center; margin-bottom:5px;">______</span>
-												</div>
-											</v-expansion-panel-text>
-										</v-expansion-panel>
-									</v-expansion-panels>
-								</v-expansion-panel-text>
-							</v-expansion-panel>
-						</v-expansion-panels>
-					</v-col>
-					<v-col cols="6">
-						<div style="display:flex; margin-bottom: 10px; justify-content: space-between; align-items: center;">
-							<h5>{{ AccessibiliteItemsValidated.length }} critères pris en charge par l'équipe Design System</h5>
-							<div style="display: flex; align-items: center;">
-								<v-btn variant="tonal" color="red" size="x-small" style="margin: 4px;font-size: 8px;"
-									   rounded>Tanaguru
-								</v-btn>
-							</div>
-						</div>
-						<v-expansion-panels value="opened" multiple>
-							<v-expansion-panel
-								v-for="(item, index) in AccessibiliteItemsValidated"
-								:key="index" style="background-color: rgba(53,135,0,0.1); margin-bottom: 10px;">
-								<v-expansion-panel-title>
-									<VIcon color="green" :icon="icon" style="margin-right: 5px;"/>
-									{{ item.title }}
-								</v-expansion-panel-title>
-								<v-expansion-panel-text>
-									<v-expansion-panels>
-										<v-expansion-panel>
-											<v-expansion-panel-title style="font-weight: bold;font-size: 13px; line-height: 16px;">
-												{{ item.subtitle }}
-											</v-expansion-panel-title>
-											<v-expansion-panel-text>
-												<div v-for="(value, i) in item.items" :key="i">
-													<p style="font-size: 13px;line-height: 16px;">
-														{{ value.precision }}
-													</p>
-													<div v-for="element in value.solution"
-														 style="margin-top:15px; font-size: 13px;line-height: 16px;">
-														<p style="font-weight: bold;">Méthodologie du test : <a
-															href="value.link" target="blank">
-															<VIcon :icon="linkICon"/>
-														</a></p>
-														<p>{{ element.info1 }}</p>
-														<p>{{ element.info2 }}</p>
-														<p>{{ element.info3 }}</p>
-													</div>
-													<span style="display:flex; justify-content:center; margin-bottom:5px;">______</span>
-												</div>
-											</v-expansion-panel-text>
-										</v-expansion-panel>
-									</v-expansion-panels>
-								</v-expansion-panel-text>
-							</v-expansion-panel>
-						</v-expansion-panels>
-					</v-col>
-				</div>
-			`,
-		}
-	},
-	tags: ['!dev'],
-}
-
 export const Legende: StoryObj = {
 	args: {
 		icon: checkIcon,
@@ -138,31 +18,12 @@ export const Legende: StoryObj = {
 				return { args }
 			},
 			template: `
-			  <p style="color: grey;font-size: 11px; margin-bottom: 12px;">Date de conception: 20/11/2024</p>
-			  <div>
-				<p>Le tableau ci-dessous liste nos recommandations suivant les <a target="blank" style="color:#0C41BD;" href="https://www.numerique.gouv.fr/publications/rgaa-accessibilite/#contenu">catégories du RGAA</a>.</p>
-				<p style="margin-bottom: 12px;font-weight:bold;">Pour rappel le composant seul ne garantie pas
-				  l'accessibilité du site.</p>
-				<div style="font-size: 14px">
-				  <p>Nous avons deux façons de relever les problèmes d'accessibilité des composants :</p>
-				  <div>
-					<v-btn variant="tonal" color="grey" size="x-small" style="margin: 2px;font-size: 8px;" rounded>
-					  Audit
-					</v-btn>
-					Problèmes relevés par le projet
-				  </div>
-				  <div>
-					<v-btn variant="tonal" color="red" size="x-small" style="margin: 2px;font-size: 8px;" rounded>
-					  Tanaguru
-					</v-btn>
-					Problèmes relevés par Tanaguru
-				  </div>
-				</div>
+			   
+		 
 				<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>
-			  </div>
+				  </div>
             `,
 		}
 	},

package/src/components/BackToTopBtn/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'
@@ -22,7 +22,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/ChipList/Accessibilite.mdx

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