@cnamts/synapse 1.0.0 → 1.0.2

package/src/components/RangeField/tests/__snapshots__/RangeField.spec.ts.snap

@@ -117,10 +117,12 @@ exports[`RangeField > render correctly when the modelValue is not defined 1`] =
       <!---->
       <div class="v-input__control">
         <div class="
+          bg-white
           v-field
           v-field--active
           v-field--center-affix
           v-field--dirty
+          v-field--has-background
           v-field--variant-outlined
           v-locale--is-ltr
           v-theme--light
@@ -263,10 +265,12 @@ exports[`RangeField > render correctly when the modelValue is not defined 1`] =
       <!---->
       <div class="v-input__control">
         <div class="
+          bg-white
           v-field
           v-field--active
           v-field--center-affix
           v-field--dirty
+          v-field--has-background
           v-field--variant-outlined
           v-locale--is-ltr
           v-theme--light
@@ -516,10 +520,12 @@ exports[`RangeField > renders correctly 1`] = `
       <!---->
       <div class="v-input__control">
         <div class="
+          bg-white
           v-field
           v-field--active
           v-field--center-affix
           v-field--dirty
+          v-field--has-background
           v-field--variant-outlined
           v-locale--is-ltr
           v-theme--light
@@ -662,10 +668,12 @@ exports[`RangeField > renders correctly 1`] = `
       <!---->
       <div class="v-input__control">
         <div class="
+          bg-white
           v-field
           v-field--active
           v-field--center-affix
           v-field--dirty
+          v-field--has-background
           v-field--variant-outlined
           v-locale--is-ltr
           v-theme--light
@@ -915,10 +923,12 @@ exports[`RangeField > renders correctly with value NaN 1`] = `
       <!---->
       <div class="v-input__control">
         <div class="
+          bg-white
           v-field
           v-field--active
           v-field--center-affix
           v-field--dirty
+          v-field--has-background
           v-field--variant-outlined
           v-locale--is-ltr
           v-theme--light
@@ -1061,10 +1071,12 @@ exports[`RangeField > renders correctly with value NaN 1`] = `
       <!---->
       <div class="v-input__control">
         <div class="
+          bg-white
           v-field
           v-field--active
           v-field--center-affix
           v-field--dirty
+          v-field--has-background
           v-field--variant-outlined
           v-locale--is-ltr
           v-theme--light

package/src/components/RatingPicker/AccessibiliteItems.ts

@@ -1,4 +1,4 @@
-import { ExpertiseLevelEnum } from './constants/ExpertiseLevelEnum'
+import { ExpertiseLevelEnum } from '@/common/constants/ExpertiseLevelEnum'
 
 export const AccessibiliteItemsIndeterminate = [
 	{

package/src/components/SearchListField/AccessibiliteItems.ts

@@ -1,4 +1,4 @@
-import { ExpertiseLevelEnum } from './constants/ExpertiseLevelEnum'
+import { ExpertiseLevelEnum } from '@/common/constants/ExpertiseLevelEnum'
 
 export const AccessibiliteItemsIndeterminate = [
 	{

package/src/components/SearchListField/SearchListField.vue

@@ -20,6 +20,10 @@
 			type: Boolean,
 			default: true,
 		},
+		bgColor: {
+			type: String,
+			default: 'white',
+		},
 	})
 
 	const emit = defineEmits(['update:modelValue'])
@@ -68,6 +72,7 @@
 			:variant="outlined ? 'outlined' : 'underlined'"
 			clearable
 			tabindex="0"
+			:bg-color="props.bgColor"
 		>
 			<template #prepend-inner>
 				<VIcon class="mr-1">

package/src/components/SelectBtnField/AccessibiliteItems.ts

@@ -1,4 +1,4 @@
-import { ExpertiseLevelEnum } from './constants/ExpertiseLevelEnum'
+import { ExpertiseLevelEnum } from '@/common/constants/ExpertiseLevelEnum'
 
 export const AccessibiliteItemsIndeterminate = [
 	{

package/src/components/SkipLink/AccessibiliteItems.ts

@@ -1,4 +1,4 @@
-import { ExpertiseLevelEnum } from './constants/ExpertiseLevelEnum'
+import { ExpertiseLevelEnum } from '@/common/constants/ExpertiseLevelEnum'
 
 export const AccessibiliteItemsIndeterminate = [
 	{

package/src/components/SocialMediaLinks/AccessibiliteItems.ts

@@ -1,4 +1,4 @@
-import { ExpertiseLevelEnum } from './constants/ExpertiseLevelEnum'
+import { ExpertiseLevelEnum } from '@/common/constants/ExpertiseLevelEnum'
 
 export const AccessibiliteItemsIndeterminate = [
 	{

package/src/components/SubHeader/AccessibiliteItems.ts

@@ -1,4 +1,4 @@
-import { ExpertiseLevelEnum } from './constants/ExpertiseLevelEnum'
+import { ExpertiseLevelEnum } from '@/common/constants/ExpertiseLevelEnum'
 
 export const AccessibiliteItemsIndeterminate = [
 	{

package/src/components/SyAlert/AccessibiliteItems.ts

@@ -1,4 +1,4 @@
-import { ExpertiseLevelEnum } from './constants/ExpertiseLevelEnum'
+import { ExpertiseLevelEnum } from '@/common/constants/ExpertiseLevelEnum'
 
 export const AccessibiliteItemsIndeterminate = [
 

package/src/components/SyTextArea/SyTextArea.vue

@@ -18,6 +18,7 @@
 		variant?: VTextarea['variant']
 		color?: string
 		label: string
+		bgColor?: string
 	}>(), {
 		modelValue: '',
 		trim: false,
@@ -29,6 +30,7 @@
 		validateOn: 'eager input',
 		variant: 'outlined',
 		color: 'primary',
+		bgColor: 'white',
 	})
 
 	const emits = defineEmits<{
@@ -103,6 +105,7 @@
 		:model-value="internalValue"
 		:variant="variant"
 		:color="color"
+		:bg-color="props.bgColor"
 		:validate-on="validateOn"
 		:rules="[...props.rules, ...internalRules]"
 		:label="label"

package/src/components/SyTextArea/tests/SyTextArea.spec.ts

@@ -128,7 +128,6 @@ describe('SyTextArea', () => {
 		await textarea.trigger('blur')
 
 		const expectedValue = 'voici un text probablement trop long pour ce champ\nfdgssssssssssssssssssssssssssssssssssssssssssssss-\nsssssssssssssssssssssssssssssssssssssssssssssssss-\nsssssss top'
-		console.log('emmitted', wrapper.emitted('update:modelValue'))
 
 		expect(wrapper.emitted('update:modelValue')?.[1]).toEqual([expectedValue])
 		expect(textarea.element.value).toBe(expectedValue)

package/src/components/TableToolbar/AccessibiliteItems.ts

@@ -1,4 +1,4 @@
-import { ExpertiseLevelEnum } from './constants/ExpertiseLevelEnum'
+import { ExpertiseLevelEnum } from '@/common/constants/ExpertiseLevelEnum'
 
 export const AccessibiliteItemsIndeterminate = [
 	{

package/src/components/TableToolbar/TableToolbar.stories.ts

@@ -169,15 +169,18 @@ export const Default: Story = {
 				const headers = [
 					{
 						title: 'Nom',
-						value: 'lastname',
+						sortable: true,
+						key: 'lastname',
 					},
 					{
 						title: 'Prénom',
-						value: 'firstname',
+						sortable: true,
+						key: 'firstname',
 					},
 					{
 						title: 'Email',
-						value: 'email',
+						sortable: true,
+						key: 'email',
 					},
 				]
 
@@ -202,8 +205,8 @@ export const Default: Story = {
 				<VDataTable
 					:headers="headers"
 					:items="items"
-					:items-per-page="args.nbFiltered"
 					:search="search"
+					:items-per-page="5"
 					hide-default-footer
 				>
 					<template #top>
@@ -225,7 +228,8 @@ export const Default: Story = {
 					<VDataTable
 						:headers="headers"
 						:items="items"
-						:search="search"
+						:search="args.search"
+						:items-per-page="5"
 						hide-default-footer
 					>
 						<template #top>
@@ -250,15 +254,18 @@ export const Default: Story = {
 					const headers = [
 						{
 							title: 'Nom',
-							value: 'lastname',
+							sortable: true,
+							key: 'lastname',
 						},
 						{
 							title: 'Prénom',
-							value: 'firstname',
+							sortable: true,
+							key: 'firstname',
 						},
 						{
 							title: 'Email',
-							value: 'email',
+							sortable: true,
+							key: 'email',
 						},
 					]
 
@@ -296,15 +303,18 @@ export const AddButton: Story = {
 				const headers = [
 					{
 						title: 'Nom',
-						value: 'lastname',
+						sortable: true,
+						key: 'lastname',
 					},
 					{
 						title: 'Prénom',
-						value: 'firstname',
+						sortable: true,
+						key: 'firstname',
 					},
 					{
 						title: 'Email',
-						value: 'email',
+						sortable: true,
+						key: 'email',
 					},
 				]
 
@@ -329,8 +339,8 @@ export const AddButton: Story = {
 				<VDataTable
 					:headers="headers"
 					:items="items"
-					:items-per-page="args.nbFiltered"
 					:search="search"
+					:items-per-page="5"
 					hide-default-footer
 				>
 					<template #top>
@@ -354,6 +364,7 @@ export const AddButton: Story = {
 						:headers="headers"
 						:items="items"
 						:search="search"
+						:items-per-page="5"
 						hide-default-footer
 					>
 						<template #top>
@@ -378,15 +389,18 @@ export const AddButton: Story = {
 					const headers = [
 						{
 							title: 'Nom',
-							value: 'lastname',
+							sortable: true,
+							key: 'lastname',
 						},
 						{
 							title: 'Prénom',
-							value: 'firstname',
+							sortable: true,
+							key: 'firstname',
 						},
 						{
 							title: 'Email',
-							value: 'email',
+							sortable: true,
+							key: 'email',
 						},
 					]
 
@@ -427,15 +441,18 @@ export const Labels: Story = {
 				const headers = [
 					{
 						title: 'Nom',
-						value: 'lastname',
+						sortable: true,
+						key: 'lastname',
 					},
 					{
 						title: 'Prénom',
-						value: 'firstname',
+						sortable: true,
+						key: 'firstname',
 					},
 					{
 						title: 'Email',
-						value: 'email',
+						sortable: true,
+						key: 'email',
 					},
 				]
 
@@ -460,8 +477,8 @@ export const Labels: Story = {
 				<VDataTable
 					:headers="headers"
 					:items="items"
-					:items-per-page="args.nbFiltered"
 					:search="search"
+					:items-per-page="5"
 					hide-default-footer
 				>
 					<template #top>
@@ -484,6 +501,7 @@ export const Labels: Story = {
 						:headers="headers"
 						:items="items"
 						:search="search"
+						:items-per-page="5"
 						hide-default-footer
 					>
 						<template #top>
@@ -510,15 +528,18 @@ export const Labels: Story = {
 					const headers = [
 						{
 							title: 'Nom',
-							value: 'lastname',
+							sortable: true,
+							key: 'lastname',
 						},
 						{
 							title: 'Prénom',
-							value: 'firstname',
+							sortable: true,
+							key: 'firstname',
 						},
 						{
 							title: 'Email',
-							value: 'email',
+							sortable: true,
+							key: 'email',
 						},
 					]
 
@@ -557,15 +578,18 @@ export const Loading: Story = {
 				const headers = [
 					{
 						title: 'Nom',
-						value: 'lastname',
+						sortable: true,
+						key: 'lastname',
 					},
 					{
 						title: 'Prénom',
-						value: 'firstname',
+						sortable: true,
+						key: 'firstname',
 					},
 					{
 						title: 'Email',
-						value: 'email',
+						sortable: true,
+						key: 'email',
 					},
 				]
 
@@ -639,15 +663,18 @@ export const Loading: Story = {
 					const headers = [
 						{
 							title: 'Nom',
-							value: 'lastname',
+							sortable: true,
+							key: 'lastname',
 						},
 						{
 							title: 'Prénom',
-							value: 'firstname',
+							sortable: true,
+							key: 'firstname',
 						},
 						{
 							title: 'Email',
-							value: 'email',
+							sortable: true,
+							key: 'email',
 						},
 					]
 
@@ -686,15 +713,18 @@ export const NbFiltered: Story = {
 				const headers = [
 					{
 						title: 'Nom',
-						value: 'lastname',
+						sortable: true,
+						key: 'lastname',
 					},
 					{
 						title: 'Prénom',
-						value: 'firstname',
+						sortable: true,
+						key: 'firstname',
 					},
 					{
 						title: 'Email',
-						value: 'email',
+						sortable: true,
+						key: 'email',
 					},
 				]
 
@@ -719,8 +749,8 @@ export const NbFiltered: Story = {
 				<VDataTable
 					:headers="headers"
 					:items="items"
-					:items-per-page="args.nbFiltered"
 					:search="search"
+					:items-per-page="5"
 					hide-default-footer
 				>
 					<template #top>
@@ -768,15 +798,18 @@ export const NbFiltered: Story = {
 					const headers = [
 						{
 							title: 'Nom',
-							value: 'lastname',
+							sortable: true,
+							key: 'lastname',
 						},
 						{
 							title: 'Prénom',
-							value: 'firstname',
+							sortable: true,
+							key: 'firstname',
 						},
 						{
 							title: 'Email',
-							value: 'email',
+							sortable: true,
+							key: 'email',
 						},
 					]
 
@@ -814,15 +847,18 @@ export const SlotFilters: Story = {
 				const headers = [
 					{
 						title: 'Nom',
-						value: 'lastname',
+						sortable: true,
+						key: 'lastname',
 					},
 					{
 						title: 'Prénom',
-						value: 'firstname',
+						sortable: true,
+						key: 'firstname',
 					},
 					{
 						title: 'Email',
-						value: 'email',
+						sortable: true,
+						key: 'email',
 					},
 				]
 
@@ -856,8 +892,8 @@ export const SlotFilters: Story = {
 				<VDataTable
 					:headers="headers"
 					:items="items"
-					:items-per-page="args.nbFiltered"
 					:search="search"
+					:items-per-page="5"
 					hide-default-footer
 				>
 					<template #top>
@@ -894,6 +930,7 @@ export const SlotFilters: Story = {
 						:headers="headers"
 						:items="items"
 						:search="search"
+						:items-per-page="5"
 						hide-default-footer
 					>
 						<template #top>
@@ -931,15 +968,18 @@ export const SlotFilters: Story = {
 					const headers = [
 						{
 							title: 'Nom',
-							value: 'lastname',
+							sortable: true,
+							key: 'lastname',
 						},
 						{
 							title: 'Prénom',
-							value: 'firstname',
+							sortable: true,
+							key: 'firstname',
 						},
 						{
 							title: 'Email',
-							value: 'email',
+							sortable: true,
+							key: 'email',
 						},
 					]
 
@@ -986,15 +1026,18 @@ export const OtherSlots: Story = {
 				const headers = [
 					{
 						title: 'Nom',
-						value: 'lastname',
+						sortable: true,
+						key: 'lastname',
 					},
 					{
 						title: 'Prénom',
-						value: 'firstname',
+						sortable: true,
+						key: 'firstname',
 					},
 					{
 						title: 'Email',
-						value: 'email',
+						sortable: true,
+						key: 'email',
 					},
 				]
 
@@ -1019,8 +1062,8 @@ export const OtherSlots: Story = {
 				<VDataTable
 					:headers="headers"
 					:items="items"
-					:items-per-page="args.nbFiltered"
 					:search="search"
+					:items-per-page="5"
 					hide-default-footer
 				>
 					<template #top>
@@ -1054,6 +1097,7 @@ export const OtherSlots: Story = {
 						:headers="headers"
 						:items="items"
 						:search="search"
+						:items-per-page="5"
 						hide-default-footer
 					>
 						<template #top>
@@ -1089,15 +1133,18 @@ export const OtherSlots: Story = {
 					const headers = [
 						{
 							title: 'Nom',
-							value: 'lastname',
+							sortable: true,
+							key: 'lastname',
 						},
 						{
 							title: 'Prénom',
-							value: 'firstname',
+							sortable: true,
+							key: 'firstname',
 						},
 						{
 							title: 'Email',
-							value: 'email',
+							sortable: true,
+							key: 'email',
 						},
 					]
 
@@ -1150,15 +1197,18 @@ export const Customization: Story = {
 				const headers = [
 					{
 						title: 'Nom',
-						value: 'lastname',
+						sortable: true,
+						key: 'lastname',
 					},
 					{
 						title: 'Prénom',
-						value: 'firstname',
+						sortable: true,
+						key: 'firstname',
 					},
 					{
 						title: 'Email',
-						value: 'email',
+						sortable: true,
+						key: 'email',
 					},
 				]
 
@@ -1183,8 +1233,8 @@ export const Customization: Story = {
 				<VDataTable
 					:headers="headers"
 					:items="items"
-					:items-per-page="args.nbFiltered"
 					:search="search"
+					:items-per-page="5"
 					hide-default-footer
 				>
 					<template #top>
@@ -1207,6 +1257,7 @@ export const Customization: Story = {
 						:headers="headers"
 						:items="items"
 						:search="search"
+						:items-per-page="5"
 						hide-default-footer
 					>
 						<template #top>
@@ -1232,15 +1283,18 @@ export const Customization: Story = {
 					const headers = [
 						{
 							title: 'Nom',
-							value: 'lastname',
+							sortable: true,
+							key: 'lastname',
 						},
 						{
 							title: 'Prénom',
-							value: 'firstname',
+							sortable: true,
+							key: 'firstname',
 						},
 						{
 							title: 'Email',
-							value: 'email',
+							sortable: true,
+							key: 'email',
 						},
 					]