@cnamts/synapse 1.0.9 → 1.0.11

package/src/components/Amelipro/AmeliproAccordionFrieze/types.d.ts

@@ -0,0 +1,6 @@
+export interface IAmeliproAccordionFriezeItem {
+	title?: string
+	linkStyleText?: string
+	uniqueId: string
+	isEmpty?: boolean
+}

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) {
@@ -189,7 +193,7 @@
 				<AmeliproSelect
 					v-if="sortSelectItems.length > 0"
 					v-model="sortSelectModel"
-					class="ml-2 mb-0 pt-0 amelipro-accordion-list__sort-select"
+					classes="ml-2 mb-0 pt-0 amelipro-accordion-list__sort-select"
 					global-max-width="170px"
 					:hide-error-message="true"
 					:items="sortSelectItems"
@@ -202,7 +206,7 @@
 				<AmeliproSelect
 					v-if="mdAndUp"
 					v-model="paginationSelectModel"
-					class="ml-2 mb-0 pt-0 amelipro-accordion-list__pagination-select"
+					classes="ml-2 mb-0 pt-0 amelipro-accordion-list__pagination-select"
 					global-max-width="170px"
 					:hide-error-message="true"
 					:items="paginationSelectItems"

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

@@ -70,11 +70,7 @@ exports[`AmeliproAccordionList > render correctly 1`] = `
             </label>
           </div>
           <div class="
-            amelipro-accordion-list__pagination-select
             amelipro-select
-            mb-0
-            ml-2
-            pt-0
             pt-0
             v-input
             v-input--center-affix
@@ -126,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%;
@@ -144,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>
@@ -177,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) {
@@ -180,7 +184,7 @@
 				<AmeliproSelect
 					v-if="sortSelectItems.length > 0"
 					v-model="sortSelectModel"
-					class="ml-2 mb-0 pt-0 amelipro-accordion-result-list__sort-select"
+					classes="ml-2 mb-0 pt-0 amelipro-accordion-result-list__sort-select"
 					global-max-width="170px"
 					:hide-error-message="true"
 					:items="sortSelectItems"
@@ -193,7 +197,7 @@
 				<AmeliproSelect
 					v-if="mdAndUp"
 					v-model="paginationSelectModel"
-					class="ml-2 mb-0 pt-0 amelipro-accordion-result-list__pagination-select"
+					classes="ml-2 mb-0 pt-0 amelipro-accordion-result-list__pagination-select"
 					global-max-width="170px"
 					:hide-error-message="true"
 					:items="paginationSelectItems"

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

@@ -71,11 +71,7 @@ exports[`AmeliproAccordionResultList > render correctly 1`] = `
             </label>
           </div>
           <div class="
-            amelipro-accordion-result-list__pagination-select
             amelipro-select
-            mb-0
-            ml-2
-            pt-0
             pt-0
             v-input
             v-input--center-affix
@@ -127,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%;
@@ -145,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>
@@ -178,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: {