@cnamts/synapse 1.0.10 → 1.0.11

package/dist/utils/amelipro/rules/uploadFile/index.d.ts

@@ -0,0 +1,6 @@
+import { ErrorMessages, IFileUploadRuleParams, ValidationRule } from '../../../rules/types';
+export declare const fileUploadRuleErrorMessages: ErrorMessages;
+export declare const defaultFileUploadErrorParams: () => IFileUploadRuleParams;
+export declare const fileUploadMaxFileNumberRule: (fileList: File[], maxItems: number, errorMessages?: ErrorMessages) => ValidationRule;
+export declare const fileUploadDuplicationRule: (fileList: File[], errorMessages?: ErrorMessages) => ValidationRule;
+export declare const fileUploadFormatRule: (fileTypeAccepted: string[], errorMessages?: ErrorMessages) => ValidationRule;

package/dist/utils/amelipro/toKebabCase/toKebabCase.d.ts

@@ -0,0 +1 @@
+export declare function toKebabCase(value: string): string;

package/dist/utils/rules/isRequired/index.d.ts

@@ -1,4 +1,7 @@
-import { ValidationRule, ErrorMessages } from '../types';
-export type Value = string | any[] | null;
+import { ValidationRule, ErrorMessages, Value } from '../types';
 export declare function isRequiredFn(errorMessages?: ErrorMessages): ValidationRule<Value>;
 export declare const isRequired: ValidationRule<Value>;
+/**
+ * @deprecated utiliser à la place Value depuis src/utils/rules/types.d.ts
+ */
+export type { Value } from '../types';

package/dist/utils/rules/types.d.ts

@@ -1,6 +1,10 @@
-export type Value = string | null
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+export type Value = string | number | Date | File | any[] | null | undefined
 export type ValidationResult = string | boolean
-export type ValidationRule<T = Value> = (value: T) => ValidationResult
+
+// "any" car impossible de connaître à l'avance tous les types des valeurs
+export type ValidationRule<T = Value> = (value: T, params?: any) => ValidationResult
 
 export interface ValidationRules {
 	[key: string]: ValidationRule
@@ -10,6 +14,11 @@ export type GenericFnOpt<T> = (arg?: T) => string
 export type GenericFn<T> = (arg: T) => string
 
 export interface ErrorMessages<T = string> {
-	// eslint-disable-next-line @typescript-eslint/no-explicit-any -- This is a generic type
 	[key: string]: GenericFn<T> | GenericFnOpt<T> | any
 }
+
+export interface IFileUploadRuleParams {
+	fileList: File[]
+	fileTypeAccepted: string[]
+	maxFileNumber: number
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cnamts/synapse",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "private": false,
   "description": "CNAM DS v3",
   "type": "module",
@@ -68,7 +68,7 @@
     "@tsconfig/node20": "^20.1.4",
     "@types/node": "^20.17.1",
     "@typescript-eslint/parser": "^8.11.0",
-    "@vitejs/plugin-vue": "^5.1.4",
+    "@vitejs/plugin-vue": "5.2.1",
     "@vitest/coverage-v8": "^3.2.4",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.5.1",
@@ -98,6 +98,7 @@
     "vite-plugin-vuetify": "^2.1.1",
     "vitest": "^3.2.4",
     "vue": "^3.5.18",
+    "vue-component-type-helpers": "2.2.0",
     "vue-router": "^4.4.5",
     "vue-tsc": "^2.1.8",
     "vue3-snapshot-serializer": "^2.9.0"
@@ -122,5 +123,13 @@
   },
   "overrides": {
     "esbuild": "^0.25.0"
+  },
+  "pnpm": {
+    "overrides": {
+      "undici": "7.15.0"
+    },
+    "patchedDependencies": {
+      "undici@7.15.0": "patches/undici@7.15.0.patch"
+    }
   }
-}
+}

package/src/assets/amelipro/img/bg-pieces-jointe.svg

@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="46.208" height="45" viewBox="0 0 46.208 45">
+  <g id="visuel_dragAndDrop" transform="translate(-0.001)">
+    <g id="visuel_dragAndDrop-2" data-name="visuel_dragAndDrop" transform="translate(46.208 45) rotate(180)" opacity="0.402">
+      <g id="Warstwa_1" data-name="Warstwa 1">
+        <path id="Tracé_17032" data-name="Tracé 17032" d="M.25.244H0V2.134H1.261a1.031,1.031,0,0,0,.706-.277.929.929,0,0,0,.292-.672V0h-2Z" transform="translate(43.949 25.895)" fill="#b2b2b2"/>
+        <rect id="Rectangle_380" data-name="Rectangle 380" width="2.275" height="1.897" transform="translate(39.401 26.139)" fill="#b2b2b2"/>
+        <rect id="Rectangle_381" data-name="Rectangle 381" width="2.275" height="1.897" transform="translate(30.302 26.139)" fill="#b2b2b2"/>
+        <rect id="Rectangle_382" data-name="Rectangle 382" width="2.275" height="1.897" transform="translate(34.853 26.139)" fill="#b2b2b2"/>
+        <rect id="Rectangle_383" data-name="Rectangle 383" width="1.998" height="2.16" transform="translate(16.683 12.937)" fill="#b2b2b2"/>
+        <rect id="Rectangle_384" data-name="Rectangle 384" width="1.998" height="2.16" transform="translate(16.683 8.616)" fill="#b2b2b2"/>
+        <rect id="Rectangle_385" data-name="Rectangle 385" width="1.998" height="2.16" transform="translate(16.683 4.296)" fill="#b2b2b2"/>
+        <path id="Tracé_17033" data-name="Tracé 17033" d="M2,1.891h.25V0H.987a1.032,1.032,0,0,0-.7.277A.929.929,0,0,0,0,.95V2.134H2Z" transform="translate(16.683)" fill="#b2b2b2"/>
+        <rect id="Rectangle_386" data-name="Rectangle 386" width="2.275" height="1.897" transform="translate(39.401)" fill="#b2b2b2"/>
+        <rect id="Rectangle_387" data-name="Rectangle 387" width="2.275" height="1.897" transform="translate(30.302)" fill="#b2b2b2"/>
+        <rect id="Rectangle_388" data-name="Rectangle 388" width="2.273" height="1.897" transform="translate(34.853)" fill="#b2b2b2"/>
+        <rect id="Rectangle_389" data-name="Rectangle 389" width="2.275" height="1.897" transform="translate(25.754)" fill="#b2b2b2"/>
+        <rect id="Rectangle_390" data-name="Rectangle 390" width="2.275" height="1.897" transform="translate(21.204)" fill="#b2b2b2"/>
+        <path id="Tracé_17034" data-name="Tracé 17034" d="M1.26,0H0V1.891H.25v.237h2V.95A.928.928,0,0,0,1.956.277,1.032,1.032,0,0,0,1.26,0Z" transform="translate(43.939)" fill="#b2b2b2"/>
+        <rect id="Rectangle_391" data-name="Rectangle 391" width="1.998" height="2.16" transform="translate(44.199 12.937)" fill="#b2b2b2"/>
+        <rect id="Rectangle_392" data-name="Rectangle 392" width="1.998" height="2.16" transform="translate(44.199 21.58)" fill="#b2b2b2"/>
+        <rect id="Rectangle_393" data-name="Rectangle 393" width="1.998" height="2.16" transform="translate(44.199 17.258)" fill="#b2b2b2"/>
+        <rect id="Rectangle_394" data-name="Rectangle 394" width="1.998" height="2.16" transform="translate(44.199 8.618)" fill="#b2b2b2"/>
+        <rect id="Rectangle_395" data-name="Rectangle 395" width="1.998" height="2.16" transform="translate(44.199 4.296)" fill="#b2b2b2"/>
+        <path id="Tracé_17035" data-name="Tracé 17035" d="M35.426,8.96V.95a.933.933,0,0,0-.292-.67A1.038,1.038,0,0,0,34.426,0H26V1.891h6.034L30.691,3.174l-15.643,15,1.418,1.336L27.521,8.918v23.95H2V8.62H22.977l2-1.891H1a1.036,1.036,0,0,0-.708.277A.933.933,0,0,0,0,7.67V33.809a.933.933,0,0,0,.292.67A1.029,1.029,0,0,0,1,34.758H28.521a1.029,1.029,0,0,0,.708-.279.933.933,0,0,0,.292-.67V7.67a.91.91,0,0,0-.162-.513l4.074-3.9v5.7Z" transform="translate(0 10.242)" fill="#b2b2b2"/>
+      </g>
+    </g>
+  </g>
+</svg>

package/src/assets/overrides/_btns.scss

@@ -1,6 +1,7 @@
 .v-btn {
 	text-transform: inherit !important;
 	font-weight: 700 !important;
+	letter-spacing: 0 !important;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }

package/src/assets/overrides/_forms.scss

@@ -5,3 +5,8 @@
 		line-height: 16px !important;
 	}
 }
+
+.v-checkbox .v-selection-control,
+.v-radio .v-selection-control {
+	min-height: 40px;
+}

package/src/components/Accordion/tests/accordion.spec.ts

@@ -1,6 +1,5 @@
 import { describe, it, expect, vi } from 'vitest'
 import { mount, shallowMount } from '@vue/test-utils'
-import { vuetify } from '@tests/unit/setup'
 
 import Accordion from '../Accordion.vue'
 import { config } from '../config'
@@ -28,9 +27,6 @@ describe('Accordion', () => {
 				items: defaultItems,
 				headingLevel: 2,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		expect(wrapper.html()).toMatchSnapshot()
@@ -42,9 +38,6 @@ describe('Accordion', () => {
 				items: defaultItems,
 				headingLevel: 2,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		const accordionItems = wrapper.findAll('.sy-accordion-item')
@@ -58,9 +51,6 @@ describe('Accordion', () => {
 				items: defaultItems,
 				headingLevel,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		const heading = wrapper.find(`h${headingLevel}`)
@@ -73,9 +63,6 @@ describe('Accordion', () => {
 				items: defaultItems,
 				headingLevel: 2,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		let openContent = wrapper.find('.sy-accordion-content--open')
@@ -99,9 +86,6 @@ describe('Accordion', () => {
 				items: [defaultItems[0]],
 				headingLevel: 2,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		const button = wrapper.find('.sy-accordion-button')
@@ -117,9 +101,6 @@ describe('Accordion', () => {
 				items: [defaultItems[2]],
 				headingLevel: 2,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		const button = wrapper.find('.sy-accordion-button')
@@ -137,9 +118,6 @@ describe('Accordion', () => {
 				items: defaultItems,
 				headingLevel: 2,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		const button = wrapper.find('.sy-accordion-button')
@@ -163,9 +141,6 @@ describe('Accordion', () => {
 				items: defaultItems,
 				headingLevel: 2,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		const button = wrapper.find('.sy-accordion-button')
@@ -184,9 +159,6 @@ describe('Accordion', () => {
 				items: defaultItems,
 				headingLevel: 2,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		const button = wrapper.find('.sy-accordion-button')
@@ -218,9 +190,6 @@ describe('Accordion', () => {
 				headingLevel: 2,
 				groupId: 'test-group',
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		// Ouvrir le premier accordéon pour qu'il ait le focus
@@ -244,9 +213,6 @@ describe('Accordion', () => {
 				items: defaultItems,
 				headingLevel: 2,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		const titleElement = wrapper.find('.sy-accordion-title')
@@ -262,9 +228,6 @@ describe('Accordion', () => {
 				items: defaultItems,
 				headingLevel: 2,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		const button = wrapper.find('.sy-accordion-button')
@@ -297,9 +260,6 @@ describe('Accordion', () => {
 				],
 				headingLevel: 2,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		// Ouvrir le premier accordéon (contenu string)
@@ -344,9 +304,6 @@ describe('Accordion', () => {
 				headingLevel: 2,
 				...customOptions,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		// Vérifier que le style contient les variables CSS avec les bonnes valeurs
@@ -382,9 +339,6 @@ describe('Accordion', () => {
 				items: defaultItems,
 				headingLevel: 2,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		// Vérifier que le style contient les variables CSS avec les valeurs par défaut
@@ -412,9 +366,6 @@ describe('Accordion', () => {
 				items: defaultItems,
 				headingLevel: 2,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		const buttons = wrapper.findAll('.sy-accordion-button')
@@ -439,9 +390,6 @@ describe('Accordion', () => {
 				items: defaultItems,
 				headingLevel: 2,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		const buttons = wrapper.findAll('.sy-accordion-button')
@@ -472,9 +420,6 @@ describe('Accordion', () => {
 				items: defaultItems,
 				headingLevel: 2,
 			},
-			global: {
-				plugins: [vuetify],
-			},
 		})
 
 		// Démonter le composant

package/src/components/Amelipro/AmeliproAccordion/AmeliproAccordionTemplate/__tests__/AmeliproAccordionTemplate.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 AmeliproAccordionTemplate from '../AmeliproAccordionTemplate.vue'
 
 describe('AmeliproAccordionTemplate', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproAccordionTemplate, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				accordionTitle: 'titre accordion',
 				uniqueId: 'amelipro-accordion-template-unique-id',

package/src/components/Amelipro/AmeliproAccordion/__tests__/AmeliproAccordion.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 AmeliproAccordion from '../AmeliproAccordion.vue'
 
 describe('AmeliproAccordion', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproAccordion, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				accordionTitle: 'titre accordion',
 				uniqueId: 'amelipro-accordion-unique-id',

package/src/components/Amelipro/AmeliproAccordionFrieze/__tests__/AmeliproAccordionFrieze.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 AmeliproAccordionFrieze from '../AmeliproAccordionFrieze.vue'
 
 describe('AmeliproAccordionFrieze', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproAccordionFrieze, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				defaultOpenedAccordion: '1',
 				defaultSlide: 1,

package/src/components/Amelipro/AmeliproAccordionGroup/__tests__/AmeliproAccordionGroup.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 AmeliproAccordionGroup from '../AmeliproAccordionGroup.vue'
 
 describe('AmeliproAccordionGroup', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproAccordionGroup, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				items: [
 					{

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

@@ -46,6 +46,10 @@ const meta = {
 		'noResultListInfos': { description: 'Masques les informations et les filtres au-dessus de la liste de résultats' },
 		'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' },
@@ -427,6 +431,7 @@ export const PaginationAndSort: Story = {
 		title: 'Avec pagination et tri',
 		itemsToDisplayDesktop: 5,
 		itemsToDisplayMobile: 2,
+		sortSelectDefaultValue: 'desc',
 		sortSelectItems: [
 			{ title: 'Ordre croissant', value: 'asc' },
 			{ title: 'Ordre décroissant', value: 'desc' },
@@ -446,6 +451,7 @@ export const PaginationAndSort: Story = {
     title="Avec pagination et tri"
     :items-to-display-desktop="5"
     :items-to-display-mobile="2"
+	sort-select-default-value="name-desc"
     :sort-select-items="[
       { title: 'Ordre croissant', value: 'asc' },
       { title: 'Ordre décroissant', value: 'desc' }

package/src/components/Amelipro/AmeliproAccordionList/AmeliproAccordionList.vue

@@ -61,6 +61,10 @@
 			type: String,
 			default: 'Nb lignes/page',
 		},
+		sortSelectDefaultValue: {
+			type: [Number, String] as PropType<number | string>,
+			default: undefined,
+		},
 		sortSelectItems: {
 			type: Array as PropType<SelectItem[]>,
 			default: () => [],
@@ -105,7 +109,7 @@
 	} = usePagination(props.items, props.itemsToDisplayDesktop, props.itemsToDisplayMobile)
 
 	const paginationSelectModel = ref(itemToDisplay.value)
-	const sortSelectModel = ref()
+	const sortSelectModel = ref(props.sortSelectDefaultValue)
 
 	onMounted(() => {
 		if (props.defaultItemOpened !== null) {

package/src/components/Amelipro/AmeliproAccordionList/__tests__/AmeliproAccordionList.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 AmeliproAccordionList from '../AmeliproAccordionList.vue'
 
 describe('AmeliproAccordionList', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproAccordionList, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				items: [
 					{ id: 0 },

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

@@ -122,11 +122,17 @@ exports[`AmeliproAccordionList > 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%;
@@ -140,10 +146,12 @@ exports[`AmeliproAccordionList > 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>
@@ -173,10 +181,13 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
                       </span>
                     </div>
                     <input
+                      aria-controls="menu-v-0"
+                      aria-expanded="false"
                       aria-label="Open"
                       aria-required="false"
                       id="amelipro-accordion-result-unique-id-pagination-select"
                       inputmode="none"
+                      role="combobox"
                       size="1"
                       title="Open"
                       type="text"

package/src/components/Amelipro/AmeliproAccordionResult/AmeliproAccordionResultTemplate/__tests__/AmeliproAccordionResultTemplate.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 AmeliproAccordionResultTemplate from '../AmeliproAccordionResultTemplate.vue'
 
 describe('AmeliproAccordionResultTemplate', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproAccordionResultTemplate, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				accordionTitle: 'titre accordion',
 				uniqueId: 'amelipro-accordion-result-template-unique-id',

package/src/components/Amelipro/AmeliproAccordionResult/__tests__/AmeliproAccordionResult.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 AmeliproAccordionResult from '../AmeliproAccordionResult.vue'
 
 describe('AmeliproAccordionResult', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproAccordionResult, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				accordionTitle: 'titre accordion',
 				uniqueId: 'amelipro-accordion-result-unique-id',

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

@@ -46,6 +46,10 @@ const meta = {
 		'noResultListInfos': { description: 'Masques les informations et les filtres au-dessus de la liste de résultats' },
 		'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' },
@@ -411,6 +415,7 @@ export const PaginationEtTri: Story = {
 		title: 'Avec pagination et tri',
 		itemsToDisplayDesktop: 4,
 		itemsToDisplayMobile: 2,
+		sortSelectDefaultValue: 'desc',
 		sortSelectItems: [
 			{ title: 'Ordre croissant', value: 'asc' },
 			{ title: 'Ordre décroissant', value: 'desc' },
@@ -430,6 +435,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: 'Ordre croissant', value: 'asc' },
       { title: 'Ordre décroissant', value: 'desc' }

package/src/components/Amelipro/AmeliproAccordionResultList/AmeliproAccordionResultList.vue

@@ -61,6 +61,10 @@
 			type: String,
 			default: 'Nb lignes/page',
 		},
+		sortSelectDefaultValue: {
+			type: [Number, String] as PropType<number | string>,
+			default: undefined,
+		},
 		sortSelectItems: {
 			type: Array as PropType<SelectItem[]>,
 			default: () => [],
@@ -97,7 +101,7 @@
 	} = usePagination(props.items, props.itemsToDisplayDesktop, props.itemsToDisplayMobile)
 
 	const paginationSelectModel = ref(itemToDisplay.value)
-	const sortSelectModel = ref()
+	const sortSelectModel = ref(props.sortSelectDefaultValue)
 
 	onMounted(() => {
 		if (props.defaultItemOpened !== null) {

package/src/components/Amelipro/AmeliproAccordionResultList/__tests__/AmeliproAccordionResultList.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 AmeliproAccordionResultList from '../AmeliproAccordionResultList.vue'
 
 describe('AmeliproAccordionResultList', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproAccordionResultList, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				items: [
 					{ id: 0 },

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

@@ -123,11 +123,17 @@ exports[`AmeliproAccordionResultList > 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%;
@@ -141,10 +147,12 @@ exports[`AmeliproAccordionResultList > 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>
@@ -174,10 +182,13 @@ exports[`AmeliproAccordionResultList > render correctly 1`] = `
                       </span>
                     </div>
                     <input
+                      aria-controls="menu-v-0"
+                      aria-expanded="false"
                       aria-label="Open"
                       aria-required="false"
                       id="amelipro-accordion-list-unique-id-pagination-select"
                       inputmode="none"
+                      role="combobox"
                       size="1"
                       title="Open"
                       type="text"

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

@@ -596,7 +596,7 @@ export const Validation: Story = {
 		uniqueId: 'amelipro-auto-complete-field-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: {