@cnamts/synapse 1.0.10 → 1.0.11

package/src/components/Amelipro/AmeliproRadioGroup/tests/AmeliproRadioGroup.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import AmeliproRadioGroup from '../AmeliproRadioGroup.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('AmeliproRadioGroup', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproRadioGroup, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				groupLabel: 'Label du groupe',
 				modelValue: [

package/src/components/Amelipro/AmeliproResultList/AmeliproResultList.stories.ts

@@ -32,6 +32,10 @@ const meta = {
 		'paginationSelectPlaceholder': { description: 'Placeholder du select de pagination' },
 		'result': { description: 'Slot générique permettant de donner le même aspect à tout les items de votre liste' },
 		'sortSelect': { description: 'Affiche le select de tri' },
+		'sortSelectDefaultValue': {
+			description: 'valeur par défaut sélectionnée dans le select dédié aux tris',
+			control: 'text',
+		},
 		'sortSelectItems': { description: 'Items du select dédié aux tris' },
 		'sortSelectLabel': { description: 'Label du select de tri' },
 		'sortSelectPlaceholder': { description: 'Placeholder du select de tri' },
@@ -273,6 +277,7 @@ export const PaginationEtTri: Story = {
 		title: 'Avec pagination et tri',
 		itemsToDisplayDesktop: 4,
 		itemsToDisplayMobile: 2,
+		sortSelectDefaultValue: 'desc',
 		sortSelectItems: [
 			{ title: 'Nom croissant', value: 'asc' },
 			{ title: 'Nom décroissant', value: 'desc' },
@@ -292,6 +297,7 @@ export const PaginationEtTri: Story = {
     title="Avec pagination et tri"
     :items-to-display-desktop="4"
     :items-to-display-mobile="2"
+	sort-select-default-value="name-desc"
     :sort-select-items="[
       { title: 'Nom croissant', value: 'asc' },
       { title: 'Nom décroissant', value: 'desc' }

package/src/components/Amelipro/AmeliproResultList/AmeliproResultList.vue

@@ -48,6 +48,10 @@
 			type: Boolean,
 			default: true,
 		},
+		sortSelectDefaultValue: {
+			type: [Number, String] as PropType<number | string>,
+			default: undefined,
+		},
 		sortSelectItems: {
 			type: Array as PropType<SelectItem[]>,
 			default: () => [],
@@ -83,7 +87,7 @@
 	} = usePagination(props.items, props.itemsToDisplayDesktop, props.itemsToDisplayMobile)
 
 	const paginationSelectModel = ref(itemToDisplay.value)
-	const sortSelectModel = ref()
+	const sortSelectModel = ref(props.sortSelectDefaultValue)
 
 	watch(() => props.items, () => {
 		updatePagination(props.items, paginationSelectModel.value)

package/src/components/Amelipro/AmeliproResultList/__tests__/AmeliproResultList.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
-import { vuetify } from '@tests/unit/setup'
 import AmeliproResultList from '../AmeliproResultList.vue'
 
 describe('AmeliproResultList', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproResultList, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				items: [
 					{ id: 0 },

package/src/components/Amelipro/AmeliproResultList/__tests__/__snapshots__/AmeliproResultList.spec.ts.snap

@@ -124,11 +124,17 @@ exports[`AmeliproResultList > render correctly 1`] = `
                   >
                     <!---->
                     <div
-                      class="v-progress-linear__background"
+                      class="
+                        bg-ap-blue-darken-1
+                        v-progress-linear__background
+                      "
                       style="opacity: NaN;"
                     ></div>
                     <div
-                      class="v-progress-linear__buffer"
+                      class="
+                        bg-ap-blue-darken-1
+                        v-progress-linear__buffer
+                      "
                       style="
                         opacity: NaN;
                         width: 0%;
@@ -142,10 +148,12 @@ exports[`AmeliproResultList > render correctly 1`] = `
                     >
                       <div class="v-progress-linear__indeterminate">
                         <div class="
+                          bg-ap-blue-darken-1
                           long
                           v-progress-linear__indeterminate
                         "></div>
                         <div class="
+                          bg-ap-blue-darken-1
                           short
                           v-progress-linear__indeterminate
                         "></div>
@@ -175,10 +183,13 @@ exports[`AmeliproResultList > render correctly 1`] = `
                       </span>
                     </div>
                     <input
+                      aria-controls="menu-v-0"
+                      aria-expanded="false"
                       aria-label="Open"
                       aria-required="false"
                       id="amelipro-result-unique-id-pagination-select"
                       inputmode="none"
+                      role="combobox"
                       size="1"
                       title="Open"
                       type="text"

package/src/components/Amelipro/AmeliproSelect/tests/AmeliproSelect.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import AmeliproSelect from '../AmeliproSelect.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('AmeliproSelect', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproSelect, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				items: [
 					{

package/src/components/Amelipro/AmeliproSelect/tests/__snapshots__/AmeliproSelect.spec.ts.snap

@@ -77,11 +77,17 @@ exports[`AmeliproSelect > render correctly 1`] = `
             >
               <!---->
               <div
-                class="v-progress-linear__background"
+                class="
+                  bg-ap-blue-darken-1
+                  v-progress-linear__background
+                "
                 style="opacity: NaN;"
               ></div>
               <div
-                class="v-progress-linear__buffer"
+                class="
+                  bg-ap-blue-darken-1
+                  v-progress-linear__buffer
+                "
                 style="
                   opacity: NaN;
                   width: 0%;
@@ -95,10 +101,12 @@ exports[`AmeliproSelect > render correctly 1`] = `
               >
                 <div class="v-progress-linear__indeterminate">
                   <div class="
+                    bg-ap-blue-darken-1
                     long
                     v-progress-linear__indeterminate
                   "></div>
                   <div class="
+                    bg-ap-blue-darken-1
                     short
                     v-progress-linear__indeterminate
                   "></div>
@@ -122,10 +130,13 @@ exports[`AmeliproSelect > render correctly 1`] = `
               <!---->
               <!---->
               <input
+                aria-controls="menu-v-0"
+                aria-expanded="false"
                 aria-label="Open"
                 aria-required="false"
                 id="my-select-id"
                 inputmode="none"
+                role="combobox"
                 size="1"
                 title="Open"
                 type="text"

package/src/components/Amelipro/AmeliproStateTile/tests/AmeliproStateTile.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import AmeliproStateTile from '../AmeliproStateTile.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('AmeliproStateTile', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproStateTile, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				labelFirstLine: 'Ligne 1',
 				labelSecondLine: 'Ligne 2',

package/src/components/Amelipro/AmeliproStatus/tests/AmeliproStatus.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import AmeliproStatus from '../AmeliproStatus.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('AmeliproStatus', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproStatus, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				label: 'texte du statut',
 				uniqueId: 'my-status-id',

package/src/components/Amelipro/AmeliproStepper/AmeliproStepBtn/tests/AmeliproStepBtn.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import AmeliproStepBtn from '../AmeliproStepBtn.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('AmeliproStepBtn', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproStepBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				uniqueId: 'my-step-btn-id',
 			},

package/src/components/Amelipro/AmeliproStepper/tests/AmeliproStepper.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import AmeliproStepper from '../AmeliproStepper.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('AmeliproStepper', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproStepper, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				items: [
 					{

package/src/components/Amelipro/AmeliproTable/AmeliproTable.stories.ts

@@ -57,6 +57,10 @@ const meta = {
 		'noTableInfos': { description: 'Masques les informations et les filtres au-dessus du tableau' },
 		'paginationSelectLabel': { description: 'Label du select de pagination' },
 		'paginationSelectPlaceholder': { description: 'Placeholder du select de pagination' },
+		'sortSelectDefaultValue': {
+			description: 'valeur par défaut sélectionnée dans le select dédié aux tris',
+			control: 'text',
+		},
 		'sortSelectItems': { description: 'Items du select dédié aux tris' },
 		'sortSelectLabel': { description: 'Label du select de tri' },
 		'sortSelectPlaceholder': { description: 'Placeholder du select de tri' },
@@ -561,6 +565,7 @@ export const PaginationEtTri: Story = {
 		uniqueId: 'table-pagination-tri',
 		itemsToDisplayDesktop: 2,
 		itemsToDisplayMobile: 1,
+		sortSelectDefaultValue: 'name-desc',
 		sortSelectItems: [
 			{ title: 'Nom croissant', value: 'name-asc' },
 			{ title: 'Nom décroissant', value: 'name-desc' },
@@ -582,6 +587,7 @@ export const PaginationEtTri: Story = {
         unique-id="table-pagination-tri"
         :items-to-display-desktop="2"
         :items-to-display-mobile="1"
+		sort-select-default-value="name-desc"
         :sort-select-items="[
             { title: 'Nom croissant', value: 'name-asc' },
             { title: 'Nom décroissant', value: 'name-desc' }

package/src/components/Amelipro/AmeliproTable/AmeliproTable.vue

@@ -45,6 +45,10 @@
 			type: String,
 			default: 'Nb lignes/page',
 		},
+		sortSelectDefaultValue: {
+			type: [Number, String] as PropType<number | string>,
+			default: undefined,
+		},
 		sortSelectItems: {
 			type: Array as PropType<SelectItem[]>,
 			default: () => [],
@@ -96,7 +100,7 @@
 	} = usePagination(props.dataList, props.itemsToDisplayDesktop, props.itemsToDisplayMobile)
 
 	const paginationSelectModel = ref(itemToDisplay.value)
-	const sortSelectModel = ref()
+	const sortSelectModel = ref(props.sortSelectDefaultValue)
 
 	watch(() => props.dataList, () => {
 		updatePagination(props.dataList, itemToDisplay.value)

package/src/components/Amelipro/AmeliproTable/__tests__/AmeliproTable.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import AmeliproTable from '../AmeliproTable.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('AmeliproTable', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproTable, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				headers: [
 					{

package/src/components/Amelipro/AmeliproTable/__tests__/__snapshots__/AmeliproTable.spec.ts.snap

@@ -126,11 +126,17 @@ exports[`AmeliproTable > render correctly 1`] = `
                   >
                     <!---->
                     <div
-                      class="v-progress-linear__background"
+                      class="
+                        bg-ap-blue-darken-1
+                        v-progress-linear__background
+                      "
                       style="opacity: NaN;"
                     ></div>
                     <div
-                      class="v-progress-linear__buffer"
+                      class="
+                        bg-ap-blue-darken-1
+                        v-progress-linear__buffer
+                      "
                       style="
                         opacity: NaN;
                         width: 0%;
@@ -144,10 +150,12 @@ exports[`AmeliproTable > render correctly 1`] = `
                     >
                       <div class="v-progress-linear__indeterminate">
                         <div class="
+                          bg-ap-blue-darken-1
                           long
                           v-progress-linear__indeterminate
                         "></div>
                         <div class="
+                          bg-ap-blue-darken-1
                           short
                           v-progress-linear__indeterminate
                         "></div>
@@ -177,10 +185,13 @@ exports[`AmeliproTable > render correctly 1`] = `
                       </span>
                     </div>
                     <input
+                      aria-controls="menu-v-0"
+                      aria-expanded="false"
                       aria-label="Open"
                       aria-required="false"
                       id="amelipro-table-id-pagination-select"
                       inputmode="none"
+                      role="combobox"
                       size="1"
                       title="Open"
                       type="text"

package/src/components/Amelipro/AmeliproTabs/AmeliproTabBtn/tests/AmeliproTabBtn.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import AmeliproTabBtn from '../AmeliproTabBtn.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('AmeliproTabBtn', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproTabBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				controls: 'content-id',
 				tabindex: 0,

package/src/components/Amelipro/AmeliproTabs/tests/AmeliproTabs.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import AmeliproTabs from '../AmeliproTabs.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('AmeliproTabs', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproTabs, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				items: [
 					{

package/src/components/Amelipro/AmeliproTextArea/AmeliproTextArea.stories.ts

@@ -342,7 +342,7 @@ export const Validation: Story = {
 		uniqueId: 'text-area-validation',
 		rules: [
 			v => !!v || 'Ce champ est obligatoire',
-			v => (v ? v.startsWith('B') : true) || 'La valeur doit commencer par "B"',
+			v => (v ? typeof v === 'string' && v.startsWith('B') : true) || 'La valeur doit commencer par "B"',
 		],
 	},
 	parameters: {

package/src/components/Amelipro/AmeliproTextArea/__tests__/AmeliproTextArea.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
-import { vuetify } from '@tests/unit/setup'
 import AmeliproTextArea from '../AmeliproTextArea.vue'
 
 describe('AmeliproTextArea', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproTextArea, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				label: 'Mon label',
 				uniqueId: 'my-textarea-id',

package/src/components/Amelipro/AmeliproTextArea/__tests__/__snapshots__/AmeliproTextArea.spec.ts.snap

@@ -69,11 +69,17 @@ exports[`AmeliproTextArea > render correctly 1`] = `
           >
             <!---->
             <div
-              class="v-progress-linear__background"
+              class="
+                bg-ap-blue-darken-1
+                v-progress-linear__background
+              "
               style="opacity: NaN;"
             ></div>
             <div
-              class="v-progress-linear__buffer"
+              class="
+                bg-ap-blue-darken-1
+                v-progress-linear__buffer
+              "
               style="
                 opacity: NaN;
                 width: 0%;
@@ -87,10 +93,12 @@ exports[`AmeliproTextArea > render correctly 1`] = `
             >
               <div class="v-progress-linear__indeterminate">
                 <div class="
+                  bg-ap-blue-darken-1
                   long
                   v-progress-linear__indeterminate
                 "></div>
                 <div class="
+                  bg-ap-blue-darken-1
                   short
                   v-progress-linear__indeterminate
                 "></div>

package/src/components/Amelipro/AmeliproTextField/tests/AmeliproTextField.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
-import { vuetify } from '@tests/unit/setup'
 import AmeliproTextField from '../AmeliproTextField.vue'
 
 describe('AmeliproTextField', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproTextField, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				label: 'Mon label',
 				uniqueId: 'my-textfield-id',

package/src/components/Amelipro/AmeliproTextField/tests/__snapshots__/AmeliproTextField.spec.ts.snap

@@ -71,11 +71,17 @@ exports[`AmeliproTextField > render correctly 1`] = `
             >
               <!---->
               <div
-                class="v-progress-linear__background"
+                class="
+                  bg-ap-blue-darken-1
+                  v-progress-linear__background
+                "
                 style="opacity: NaN;"
               ></div>
               <div
-                class="v-progress-linear__buffer"
+                class="
+                  bg-ap-blue-darken-1
+                  v-progress-linear__buffer
+                "
                 style="
                   opacity: NaN;
                   width: 0%;
@@ -89,10 +95,12 @@ exports[`AmeliproTextField > render correctly 1`] = `
               >
                 <div class="v-progress-linear__indeterminate">
                   <div class="
+                    bg-ap-blue-darken-1
                     long
                     v-progress-linear__indeterminate
                   "></div>
                   <div class="
+                    bg-ap-blue-darken-1
                     short
                     v-progress-linear__indeterminate
                   "></div>

package/src/components/Amelipro/AmeliproTileBtn/tests/AmeliproTileBtn.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import AmeliproTileBtn from '../AmeliproTileBtn.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('AmeliproTileBtn', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproTileBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				imgSrc: 'img-src',
 				label: 'texte du bouton',

package/src/components/Amelipro/AmeliproTooltips/tests/AmeliproTooltips.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import AmeliproTooltips from '../AmeliproTooltips.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('AmeliproTooltips', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproTooltips, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				tooltipText: 'Contenu de ma tooltip',
 				uniqueId: 'my-tooltip-id',

package/src/components/Amelipro/AmeliproTransmission/tests/AmeliproTransmission.spec.ts

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import AmeliproTransmission from '../AmeliproTransmission.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('AmeliproTransmission', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproTransmission, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				transmissionCardTitle: 'Titre de la carte',
 				uniqueId: 'my-transmission-id',

package/src/components/Amelipro/AmeliproUpload/AmeliproUpload.mdx

@@ -0,0 +1,38 @@
+import { Controls, Canvas, Meta, Source } from '@storybook/blocks';
+
+import * as AmeliproUploadStories from './AmeliproUpload.stories';
+
+<Meta of={AmeliproUploadStories} />
+
+# AmeliproUpload
+
+L’élément `AmeliproUpload` est utilisé pour transmettre des fichiers
+
+<Canvas of={AmeliproUploadStories.Default}  />
+
+## API
+
+<Controls of={AmeliproUploadStories.Default} />
+
+## Usages
+
+Les téléchargements comprennent les actions de chargement de fichiers sur amelipro et les services.
+Afin de faciliter la vie aux utilisateurs, nous préconisons l’utilisation du composant drag & drop (glisser-déposer) une fonctionnalité efficace et
+intuitive qui bénéficie de la puissance du Multi-Touch sur les appareils mobile, mais aussi agréable à utiliser quel que soit
+l’appareil.
+
+L’option glisser-déposer doit être assez compréhensible afin de ne pas perturber l’utilisateur. La zone de chargement des
+fichiers doit toujours afficher un texte d’aide pour expliquer l’interaction “glisser-déposer” et proposer une alternative
+plus conventionnelle pour réaliser le chargement (bouton).
+
+La gestion des fichiers chargés (possibilité de supprimer et de joindre un document à nouveau) ainsi que la gestion des
+erreurs doivent être clairs et guider l’utilisateur pendant la réalisation de la tâche. Par défaut le dernier document
+chargé est affiché en premier et en cas d’erreur, celle-ci doit s’afficher juste au-dessus des documents chargés.
+
+La hauteur de l’espace de chargement s’adapte en fonction du nombre de documents, cependant l’affichage est limité
+à 10 documents maximum.
+L’espace de chargement a un effet de survol lors du glissement des documents, pour aider les utilisateurs à mieux comprendre
+l’interaction. Informez sur le poids des fichiers ainsi que sur les formats possibles afin d’éviter les erreurs.
+
+
+