@cnamts/synapse 0.0.14-alpha → 0.0.16-alpha

package/src/stories/Accessibilite/Avancement/Avancement.stories.ts

@@ -0,0 +1,134 @@
+import type { StoryObj } from '@storybook/vue3'
+import { computed } from 'vue'
+
+export default {
+	title: 'Accessibilité/Avancement',
+}
+
+export const PreAudit: StoryObj = {
+	render: () => {
+		return {
+			setup() {},
+			template: `
+				<v-chip
+					class="ma-2"
+					color="success"
+					variant="elevated"
+				>
+					50/50 Composants
+				</v-chip>
+			`,
+		}
+	},
+	tags: ['!dev'],
+}
+
+export const Manuel: StoryObj = {
+	render: () => {
+		return {
+			setup() {
+				const headers = [
+					{ text: 'Composant', value: 'composant' },
+					{ text: 'Statut', value: 'status' },
+				]
+
+				const items = [
+					{ composant: 'PageContainer', status: 'Audité' },
+					{ composant: 'SkipLink', status: 'Audité' },
+					{ composant: 'Alerts', status: 'Audité' },
+					{ composant: 'NotificationBar', status: 'Non audité' },
+					{ composant: 'BackBtn', status: 'Audité' },
+					{ composant: 'BackToTopBtn', status: 'Audité' },
+					{ composant: 'CopyBtn', status: 'Audité' },
+					{ composant: 'LangBtn', status: 'Audité' },
+					{ composant: 'DownloadBtn', status: 'Audité' },
+					{ composant: 'FranceConnectBtn', status: 'Audité' },
+					{ composant: 'SyTextField', status: 'Audité' },
+					{ composant: 'HeaderBar', status: 'Non audité' },
+					{ composant: 'HeaderNavigationBar', status: 'Non audité' },
+					{ composant: 'LogoBrandSection', status: 'Non audité' },
+					{ composant: 'SubHeader', status: 'Non audité' },
+					{ composant: 'HeaderLoading', status: 'Non audité' },
+					{ composant: 'HeaderToolbar', status: 'Non audité' },
+					{ composant: 'Footer', status: 'Non audité' },
+					{ composant: 'SySelect', status: 'Non audité' },
+					{ composant: 'SyInputSelect', status: 'Non audité' },
+					{ composant: 'Logo', status: 'Non audité' },
+					{ composant: 'DataListGroup', status: 'Non audité' },
+					{ composant: 'DataList', status: 'Non audité' },
+					{ composant: 'DataListItem', status: 'Non audité' },
+					{ composant: 'DataListLoading', status: 'Non audité' },
+					{ composant: 'ErrorPage', status: 'Non audité' },
+					{ composant: 'CookieBanner', status: 'Non audité' },
+					{ composant: 'ExternalLinks', status: 'Non audité' },
+					{ composant: 'ContextualMenu', status: 'Non audité' },
+					{ composant: 'DialogBox', status: 'Non audité' },
+					{ composant: 'PasswordField', status: 'Non audité' },
+					{ composant: 'PhoneField', status: 'Non audité' },
+					{ composant: 'UserMenuBtn', status: 'Non audité' },
+					{ composant: 'SyBtnSelect', status: 'Non audité' },
+					{ composant: 'NirField', status: 'Non audité' },
+					{ composant: 'PeriodField', status: 'Non audité' },
+					{ composant: 'RangeField', status: 'Non audité' },
+					{ composant: 'SearchListField', status: 'Non audité' },
+					{ composant: 'SelectBtnField', status: 'Non audité' },
+					{ composant: 'RatingPicker', status: 'Non audité' },
+					{ composant: 'DatePicker', status: 'Non audité' },
+					{ composant: 'FileUpload', status: 'Non audité' },
+					{ composant: 'FilePreview', status: 'Non audité' },
+					{ composant: 'FileList', status: 'Non audité' },
+					{ composant: 'UploadWorkflow', status: 'Non audité' },
+					{ composant: 'ChipList', status: 'Non audité' },
+					{ composant: 'FilterInline', status: 'Non audité' },
+					{ composant: 'FilterSideBar', status: 'Non audité' },
+					{ composant: 'PaginatedTable', status: 'Non audité' },
+					{ composant: 'TableToolbar', status: 'Non audité' },
+				]
+
+				const totalItems = computed(() => items.length)
+
+				const checkedItems = computed(() => {
+					return items.filter(item => item.status === 'Audité').length
+				})
+
+				return { headers, items, totalItems, checkedItems }
+			},
+			template: `
+				<v-chip
+					class="ma-2"
+					color="warning"
+					variant="elevated"
+				>
+					{{checkedItems}}/{{totalItems}} Composants
+				</v-chip>
+
+				<v-data-table
+					:items="items"
+					:items-per-page="10"
+					class="elevation-1 mt-4"
+					item-value="composant"
+				>
+					<template #header.composant>
+						<span class="font-weight-bold">Composant</span>
+					</template>
+					<template #header.status>
+						<span class="font-weight-bold">Status</span>
+					</template>
+					<template #item.composant="{ item }">
+						{{ item.composant }}
+					</template>
+					<template #item.status="{ item }">
+						<v-chip
+							:color="item.status === 'Audité' ? 'success' : 'warning'"
+							variant="flat"
+							small
+						>
+							{{ item.status }}
+						</v-chip>
+					</template>
+				</v-data-table>
+			`,
+		}
+	},
+	tags: ['!dev'],
+}

package/src/stories/Accessibilite/KitDePreAudit/Echantillonnage.mdx

@@ -37,4 +37,4 @@ Certains contenus sont exemptés de l’obligation d’accessibilité et se situ
 7. Les contenus des intranets et des extranets publiés avant le 23 septembre 2019, jusqu’à ce que ces sites fassent l’objet d’une révision en profondeur ;
 8. Les contenus des sites internet et des applications mobiles qui ne sont ni nécessaires à l’accomplissement d’une démarche administrative active ni mis à jour ou modifiés après le 23 septembre 2019, notamment les archives.
 
-Il existe un système de dérogation dans la mise en conformité d’un service numérique à l’accessible : la charge disproportionnée. Elle permet de déroger à certaines règles d'accessibilité lorsque leur mise en œuvre engendre une charge excessive pour l'organisation. Cela peut inclure des contraintes techniques, financières ou temporelles qui rendent la conformité à une norme spécifique difficile ou irréalisable. L’absence de priorité, le manque de temps ou de connaissance ne sont pas des circonstances légitimes de dérogations. Cette dérogation doit être justifiée, documentée et nécessite un accord auprès de la DSI de la CNAM. De plus, des solutions alternatives doivent être proposées pour garantir un accès maximal aux utilisateurs en situation de handicap.
+Il existe un système de dérogation dans la mise en conformité d’un service numérique à l’accessible : la charge disproportionnée. Elle permet de déroger à certaines règles d'accessibilité lorsque leur mise en œuvre engendre une charge excessive pour l'organisation. Cela peut inclure des contraintes techniques, financières ou temporelles qui rendent la conformité à une norme spécifique difficile ou irréalisable. L’absence de priorité, le manque de temps ou de connaissance ne sont pas des circonstances légitimes de dérogations. Cette dérogation doit être justifiée, documentée et nécessite un accord auprès du comité de gouvernance de la l'accessibilité numérique (en attendant sa création, c'est la Filière Digital qui en a le mandat). De plus, des solutions alternatives doivent être proposées pour garantir un accès maximal aux utilisateurs en situation de handicap.

package/src/stories/GuideDuDev/LesBreackingChanges.mdx

@@ -12,7 +12,7 @@ Les librairies `vue-dot` et `synapse-bridge` utilisaient en interne la librairie
 
 Le form builder n'est plus maintenu par le design system dans sa version synapse. Vous pouvez trouvez le code source dans sa version vue2 [ici](https://github.com/assurance-maladie-digital/design-system/tree/v2/packages/form-builder) et sa version vue3 [ici](https://github.com/assurance-maladie-digital/design-system/tree/v2/packages/form-builder).
 
-## Les composants
+## Les composants Synapse
 
 ### CustomIcon
 
@@ -33,4 +33,33 @@ Vous devez désormais utiliser le composant [VIcon](https://vuetifyjs.com/en/com
 
 ### FilterModule
 
-Le composant `FilterModule` n'était pas optimisé du point de vue expérience utilisateur, le nombre de clics pour accéder à un filtre était trop important. Il a été remplacé par le composant [FilterInline](/docs/composants-filtres-filterssidebar--docs) et [FilterSideBar](/docs/composants-filtres-filterinline--docs).
+Le composant `FilterModule` n'était pas optimisé du point de vue expérience utilisateur, le nombre de clics pour accéder à un filtre était trop important. Il a été remplacé par le composant [FilterSideBar](/docs/composants-filtres-filterssidebar--docs) et [FilterInline](/docs/composants-filtres-filterinline--docs).
+
+### FilePreview
+
+La props `locales` a été ajoutée afin de gérer la localisation des messages d'erreurs.
+
+[Voir l'API du composant](https://cnam-design-system.netlify.app/?path=/docs/composants-donn%C3%A9es-filepreview--docs)
+
+### NirField
+
+ - Le variant utilisé par défaut est maintenant 'outlined'.
+ - La props `nir-length` a été renomée en `displayKey`.
+ - La props `tooltip` a été supprimée au profit des props `nirTooltip` et `keyTooltip`, ainsi que `nirTooltipPosition` et `keyTooltipPosition`.
+ - Ajout de nouvelles props pour la gestion des erreurs: `disableErrorHandling`, `customNumberRules` et `customKeyRules`
+
+
+[Voir l'API du composant](https://cnam-design-system.netlify.app/?path=/docs/composants-formulaires-nirfield--docs#api)
+
+### DatePicker
+
+Des changements sont encore susceptibles d'avoir lieu sur ce composant.
+
+ - Le variant utilisé par défaut est maintenant 'outlined'.
+ - Le composant en mode calendrier ne permet plus la saisie manuelle de la date.
+ - Les props `no-prepend-icon` et `append-icon` ont été remplacés par les props `displayIcon` et `displayAppendIcon`.
+ - La props `mask` a été retirée.
+ - Les modes `birthdate` et `picker-date` ont été retirés.
+ - Les slots `prepend` et `append` ont été retirées.
+
+[Voir l'API du composant](https://cnam-design-system.netlify.app/?path=/docs/composants-formulaires-nirfield--docs#api)

package/src/components/LangBtn/tests/Config.spec.ts

@@ -1,24 +0,0 @@
-import config from '../config'
-import { describe, it, expect } from 'vitest'
-
-describe('config', () => {
-	it('should have correct menu configuration', () => {
-		expect(config.menu).toEqual({
-			offsetY: true,
-		})
-	})
-
-	it('should have correct button configuration', () => {
-		expect(config.btn).toEqual({
-			color: 'primary',
-			variant: 'outlined',
-			ripple: true,
-		})
-	})
-
-	it('should have correct icon configuration', () => {
-		expect(config.icon).toEqual({
-			class: 'ml-1',
-		})
-	})
-})