test all components

[VachetVirginie]

Test All Components 🚀

Link to the Pr of the component to test

• NotificationBar
• PageContainer
• HeaderBar
• FooterBar
• UserMenuBtn
• DialogBox
• DataList
• NotFoundPage
• DataListGroup
• SubHeader
• BackBtn
• FranceConnectBtn
• CopyBtn
• Logo
• HeaderLoading
• BackToTopBtn
• CookieBanner
• CookiesPage
• LogoBrandSection
• ChipList
• MaintenancePage
• FooterWrapper
• ErrorPage
• NirField
• AlertWrapper
• PhoneField
• SkipLink
• RatingPicker
• SelectBtnField
• DatePicker
• PaginatedTable
• TableToolbar
• RangeField
• ExternalLinks
• PasswordField
• DownloadBtn
• CustomIcon
• SearchListField
• FileList
• LangBtn
• PeriodField
• FileUpload
• UploadWorkflow
• FilePreview
• FiltersSideBar
• FiltersInline
• FilterModule
• FormBuilder
• FormField
• FormFieldList

Link to the Issue to test

• First One

---

Errors reported:

• Pb de store
• Pb dayjs
• DownloadBtn (notifs)
• NotificationBar
• HeaderBar: font pas bonne sur h1/h2
• DataList / DataListGroup : action
• CookiesPage : types/enums export
• ChipList : comportement étrange + btn
• alertWrapper: warn type ts
• ratingPicker : manque export des différents pickers
• datePicker : décroché sur error/warning
• paginatedTable : manque exports types/enums
• passwordField : soucis de padding sur version de base
• uploadWorkFlow: valueUpdated ne met pas à jour le nom du fichier
• filterSideBar : bug sur le DatePicker
• formField : période : icone calendar devrait être en opacité 100% par défaut
• formField : password : variant outlined ne fonctionne pas
• formField : sliders : harmoniser taille curseur
• formField : password / date / range : variant outlined ne fonctionne pas mais outlined: true oui (à mettre en conformité)
• formField : checker retours
• formFieldList : ajouter espace sous description
• formBuilder : améliorer espace entre les sections
• formBuilder : checker retours

[VachetVirginie]

Pour generer automatiquement le header ;)

<template>
	<HeaderBar
		service-title="Design System"
		service-sub-title="Documentation du Design System"
		:navigation-items="navigationItems"
	/>
</template>
<script setup lang="ts">
import { HeaderBar } from "@cnamts/synapse-bridge";
import routes from '@/router/';

const generateNavigationItems = () => {
	return routes.map(route => ({
		label: route.name.replace(/-/g, ' ').replace(/\b\w/g, l => l.toUpperCase()),
		to: route.path
	})).filter(item => item.to !== '/')
		.sort((a, b) => a.label.localeCompare(b.label));
};

const navigationItems = generateNavigationItems();
</script>