@cnamts/synapse 1.0.2 → 1.0.4

package/src/components/RatingPicker/EmotionPicker/tests/__snapshots__/EmotionPicker.spec.ts.snap

@@ -17,7 +17,7 @@ exports[`EmotionPicker > renders correctly 1`] = `
   ">
     <label
       class=""
-      for="v-rating-0-0"
+      for="v-rating-v-0-0"
     >
       <span class="v-rating__hidden">
         Rating 0 of 3
@@ -27,8 +27,8 @@ exports[`EmotionPicker > renders correctly 1`] = `
     <input
       checked=""
       class="v-rating__hidden"
-      id="v-rating-0-0"
-      name="v-rating-0"
+      id="v-rating-v-0-0"
+      name="v-rating-v-0"
       tabindex="-1"
       type="radio"
       value="0"
@@ -38,7 +38,7 @@ exports[`EmotionPicker > renders correctly 1`] = `
       <div class="v-rating__item">
         <label
           class=""
-          for="v-rating-0-1"
+          for="v-rating-v-0-1"
         >
           <span class="v-rating__hidden">
             Rating 1 of 3
@@ -58,7 +58,10 @@ exports[`EmotionPicker > renders correctly 1`] = `
               v-btn--variant-text
               v-theme--light
             "
-            style="min-height: 88px; min-width: 88px;"
+            style="
+              min-height: 88px;
+              min-width: 88px;
+            "
             title="Pas du tout"
             type="button"
           >
@@ -128,7 +131,11 @@ exports[`EmotionPicker > renders correctly 1`] = `
                   v-icon
                   v-theme--light
                 "
-                style="font-size: 40px; height: 40px; width: 40px;"
+                style="
+                  font-size: 40px;
+                  height: 40px;
+                  width: 40px;
+                "
               ></i>
               <span class="
                 mt-1
@@ -144,8 +151,8 @@ exports[`EmotionPicker > renders correctly 1`] = `
         </label>
         <input
           class="v-rating__hidden"
-          id="v-rating-0-1"
-          name="v-rating-0"
+          id="v-rating-v-0-1"
+          name="v-rating-v-0"
           tabindex="-1"
           type="radio"
           value="1"
@@ -158,7 +165,7 @@ exports[`EmotionPicker > renders correctly 1`] = `
       <div class="v-rating__item">
         <label
           class=""
-          for="v-rating-0-2"
+          for="v-rating-v-0-2"
         >
           <span class="v-rating__hidden">
             Rating 2 of 3
@@ -178,7 +185,10 @@ exports[`EmotionPicker > renders correctly 1`] = `
               v-btn--variant-text
               v-theme--light
             "
-            style="min-height: 88px; min-width: 88px;"
+            style="
+              min-height: 88px;
+              min-width: 88px;
+            "
             title="Peut-être"
             type="button"
           >
@@ -248,7 +258,11 @@ exports[`EmotionPicker > renders correctly 1`] = `
                   v-icon
                   v-theme--light
                 "
-                style="font-size: 40px; height: 40px; width: 40px;"
+                style="
+                  font-size: 40px;
+                  height: 40px;
+                  width: 40px;
+                "
               ></i>
               <span class="
                 mt-1
@@ -264,8 +278,8 @@ exports[`EmotionPicker > renders correctly 1`] = `
         </label>
         <input
           class="v-rating__hidden"
-          id="v-rating-0-2"
-          name="v-rating-0"
+          id="v-rating-v-0-2"
+          name="v-rating-v-0"
           tabindex="-1"
           type="radio"
           value="2"
@@ -278,7 +292,7 @@ exports[`EmotionPicker > renders correctly 1`] = `
       <div class="v-rating__item">
         <label
           class=""
-          for="v-rating-0-3"
+          for="v-rating-v-0-3"
         >
           <span class="v-rating__hidden">
             Rating 3 of 3
@@ -298,7 +312,10 @@ exports[`EmotionPicker > renders correctly 1`] = `
               v-btn--variant-text
               v-theme--light
             "
-            style="min-height: 88px; min-width: 88px;"
+            style="
+              min-height: 88px;
+              min-width: 88px;
+            "
             title="Oui super"
             type="button"
           >
@@ -368,7 +385,11 @@ exports[`EmotionPicker > renders correctly 1`] = `
                   v-icon
                   v-theme--light
                 "
-                style="font-size: 40px; height: 40px; width: 40px;"
+                style="
+                  font-size: 40px;
+                  height: 40px;
+                  width: 40px;
+                "
               ></i>
               <span class="
                 mt-1
@@ -384,8 +405,8 @@ exports[`EmotionPicker > renders correctly 1`] = `
         </label>
         <input
           class="v-rating__hidden"
-          id="v-rating-0-3"
-          name="v-rating-0"
+          id="v-rating-v-0-3"
+          name="v-rating-v-0"
           tabindex="-1"
           type="radio"
           value="3"
@@ -414,7 +435,7 @@ exports[`EmotionPicker > renders correctly with only 2 items 1`] = `
   ">
     <label
       class=""
-      for="v-rating-0-0"
+      for="v-rating-v-0-0"
     >
       <span class="v-rating__hidden">
         Rating 0 of 2
@@ -424,8 +445,8 @@ exports[`EmotionPicker > renders correctly with only 2 items 1`] = `
     <input
       checked=""
       class="v-rating__hidden"
-      id="v-rating-0-0"
-      name="v-rating-0"
+      id="v-rating-v-0-0"
+      name="v-rating-v-0"
       tabindex="-1"
       type="radio"
       value="0"
@@ -435,7 +456,7 @@ exports[`EmotionPicker > renders correctly with only 2 items 1`] = `
       <div class="v-rating__item">
         <label
           class=""
-          for="v-rating-0-1"
+          for="v-rating-v-0-1"
         >
           <span class="v-rating__hidden">
             Rating 1 of 2
@@ -455,7 +476,10 @@ exports[`EmotionPicker > renders correctly with only 2 items 1`] = `
               v-btn--variant-text
               v-theme--light
             "
-            style="min-height: 88px; min-width: 88px;"
+            style="
+              min-height: 88px;
+              min-width: 88px;
+            "
             title="Pas du tout"
             type="button"
           >
@@ -525,7 +549,11 @@ exports[`EmotionPicker > renders correctly with only 2 items 1`] = `
                   v-icon
                   v-theme--light
                 "
-                style="font-size: 40px; height: 40px; width: 40px;"
+                style="
+                  font-size: 40px;
+                  height: 40px;
+                  width: 40px;
+                "
               ></i>
               <span class="
                 mt-1
@@ -541,8 +569,8 @@ exports[`EmotionPicker > renders correctly with only 2 items 1`] = `
         </label>
         <input
           class="v-rating__hidden"
-          id="v-rating-0-1"
-          name="v-rating-0"
+          id="v-rating-v-0-1"
+          name="v-rating-v-0"
           tabindex="-1"
           type="radio"
           value="1"
@@ -555,7 +583,7 @@ exports[`EmotionPicker > renders correctly with only 2 items 1`] = `
       <div class="v-rating__item">
         <label
           class=""
-          for="v-rating-0-2"
+          for="v-rating-v-0-2"
         >
           <span class="v-rating__hidden">
             Rating 2 of 2
@@ -575,7 +603,10 @@ exports[`EmotionPicker > renders correctly with only 2 items 1`] = `
               v-btn--variant-text
               v-theme--light
             "
-            style="min-height: 88px; min-width: 88px;"
+            style="
+              min-height: 88px;
+              min-width: 88px;
+            "
             title="Oui super"
             type="button"
           >
@@ -645,7 +676,11 @@ exports[`EmotionPicker > renders correctly with only 2 items 1`] = `
                   v-icon
                   v-theme--light
                 "
-                style="font-size: 40px; height: 40px; width: 40px;"
+                style="
+                  font-size: 40px;
+                  height: 40px;
+                  width: 40px;
+                "
               ></i>
               <span class="
                 mt-1
@@ -661,8 +696,8 @@ exports[`EmotionPicker > renders correctly with only 2 items 1`] = `
         </label>
         <input
           class="v-rating__hidden"
-          id="v-rating-0-2"
-          name="v-rating-0"
+          id="v-rating-v-0-2"
+          name="v-rating-v-0"
           tabindex="-1"
           type="radio"
           value="2"

package/src/components/RatingPicker/NumberPicker/NumberPicker.vue

@@ -3,9 +3,9 @@
 	import { RatingEnum, useRating } from '../Rating'
 	import { locales } from './locales'
 	import type { PropType } from 'vue'
-	import type { ItemType } from '@/components/Customs/SySelect/SySelect.vue'
+	import type { ItemType } from '@/components/Customs/Selects/SySelect/SySelect.vue'
 
-	import SySelect from '@/components/Customs/SySelect/SySelect.vue'
+	import SySelect from '@/components/Customs/Selects/SySelect/SySelect.vue'
 
 	import { useDisplay } from 'vuetify'
 

package/src/components/RatingPicker/NumberPicker/tests/__snapshots__/NumberPicker.spec.ts.snap

@@ -21,7 +21,7 @@ exports[`NumberPicker > renders correctly 1`] = `
     ">
       <label
         class=""
-        for="v-rating-0-0"
+        for="v-rating-v-0-0"
       >
         <span class="v-rating__hidden">
           Rating 0 of 10
@@ -31,8 +31,8 @@ exports[`NumberPicker > renders correctly 1`] = `
       <input
         checked=""
         class="v-rating__hidden"
-        id="v-rating-0-0"
-        name="v-rating-0"
+        id="v-rating-v-0-0"
+        name="v-rating-v-0"
         tabindex="-1"
         type="radio"
         value="0"
@@ -42,7 +42,7 @@ exports[`NumberPicker > renders correctly 1`] = `
         <div class="v-rating__item">
           <label
             class=""
-            for="v-rating-0-1"
+            for="v-rating-v-0-1"
           >
             <span class="v-rating__hidden">
               Rating 1 of 10
@@ -78,8 +78,8 @@ exports[`NumberPicker > renders correctly 1`] = `
           </label>
           <input
             class="v-rating__hidden"
-            id="v-rating-0-1"
-            name="v-rating-0"
+            id="v-rating-v-0-1"
+            name="v-rating-v-0"
             tabindex="-1"
             type="radio"
             value="1"
@@ -92,7 +92,7 @@ exports[`NumberPicker > renders correctly 1`] = `
         <div class="v-rating__item">
           <label
             class=""
-            for="v-rating-0-2"
+            for="v-rating-v-0-2"
           >
             <span class="v-rating__hidden">
               Rating 2 of 10
@@ -128,8 +128,8 @@ exports[`NumberPicker > renders correctly 1`] = `
           </label>
           <input
             class="v-rating__hidden"
-            id="v-rating-0-2"
-            name="v-rating-0"
+            id="v-rating-v-0-2"
+            name="v-rating-v-0"
             tabindex="-1"
             type="radio"
             value="2"
@@ -142,7 +142,7 @@ exports[`NumberPicker > renders correctly 1`] = `
         <div class="v-rating__item">
           <label
             class=""
-            for="v-rating-0-3"
+            for="v-rating-v-0-3"
           >
             <span class="v-rating__hidden">
               Rating 3 of 10
@@ -178,8 +178,8 @@ exports[`NumberPicker > renders correctly 1`] = `
           </label>
           <input
             class="v-rating__hidden"
-            id="v-rating-0-3"
-            name="v-rating-0"
+            id="v-rating-v-0-3"
+            name="v-rating-v-0"
             tabindex="-1"
             type="radio"
             value="3"
@@ -192,7 +192,7 @@ exports[`NumberPicker > renders correctly 1`] = `
         <div class="v-rating__item">
           <label
             class=""
-            for="v-rating-0-4"
+            for="v-rating-v-0-4"
           >
             <span class="v-rating__hidden">
               Rating 4 of 10
@@ -228,8 +228,8 @@ exports[`NumberPicker > renders correctly 1`] = `
           </label>
           <input
             class="v-rating__hidden"
-            id="v-rating-0-4"
-            name="v-rating-0"
+            id="v-rating-v-0-4"
+            name="v-rating-v-0"
             tabindex="-1"
             type="radio"
             value="4"
@@ -242,7 +242,7 @@ exports[`NumberPicker > renders correctly 1`] = `
         <div class="v-rating__item">
           <label
             class=""
-            for="v-rating-0-5"
+            for="v-rating-v-0-5"
           >
             <span class="v-rating__hidden">
               Rating 5 of 10
@@ -278,8 +278,8 @@ exports[`NumberPicker > renders correctly 1`] = `
           </label>
           <input
             class="v-rating__hidden"
-            id="v-rating-0-5"
-            name="v-rating-0"
+            id="v-rating-v-0-5"
+            name="v-rating-v-0"
             tabindex="-1"
             type="radio"
             value="5"
@@ -292,7 +292,7 @@ exports[`NumberPicker > renders correctly 1`] = `
         <div class="v-rating__item">
           <label
             class=""
-            for="v-rating-0-6"
+            for="v-rating-v-0-6"
           >
             <span class="v-rating__hidden">
               Rating 6 of 10
@@ -328,8 +328,8 @@ exports[`NumberPicker > renders correctly 1`] = `
           </label>
           <input
             class="v-rating__hidden"
-            id="v-rating-0-6"
-            name="v-rating-0"
+            id="v-rating-v-0-6"
+            name="v-rating-v-0"
             tabindex="-1"
             type="radio"
             value="6"
@@ -342,7 +342,7 @@ exports[`NumberPicker > renders correctly 1`] = `
         <div class="v-rating__item">
           <label
             class=""
-            for="v-rating-0-7"
+            for="v-rating-v-0-7"
           >
             <span class="v-rating__hidden">
               Rating 7 of 10
@@ -378,8 +378,8 @@ exports[`NumberPicker > renders correctly 1`] = `
           </label>
           <input
             class="v-rating__hidden"
-            id="v-rating-0-7"
-            name="v-rating-0"
+            id="v-rating-v-0-7"
+            name="v-rating-v-0"
             tabindex="-1"
             type="radio"
             value="7"
@@ -392,7 +392,7 @@ exports[`NumberPicker > renders correctly 1`] = `
         <div class="v-rating__item">
           <label
             class=""
-            for="v-rating-0-8"
+            for="v-rating-v-0-8"
           >
             <span class="v-rating__hidden">
               Rating 8 of 10
@@ -428,8 +428,8 @@ exports[`NumberPicker > renders correctly 1`] = `
           </label>
           <input
             class="v-rating__hidden"
-            id="v-rating-0-8"
-            name="v-rating-0"
+            id="v-rating-v-0-8"
+            name="v-rating-v-0"
             tabindex="-1"
             type="radio"
             value="8"
@@ -442,7 +442,7 @@ exports[`NumberPicker > renders correctly 1`] = `
         <div class="v-rating__item">
           <label
             class=""
-            for="v-rating-0-9"
+            for="v-rating-v-0-9"
           >
             <span class="v-rating__hidden">
               Rating 9 of 10
@@ -478,8 +478,8 @@ exports[`NumberPicker > renders correctly 1`] = `
           </label>
           <input
             class="v-rating__hidden"
-            id="v-rating-0-9"
-            name="v-rating-0"
+            id="v-rating-v-0-9"
+            name="v-rating-v-0"
             tabindex="-1"
             type="radio"
             value="9"
@@ -492,7 +492,7 @@ exports[`NumberPicker > renders correctly 1`] = `
         <div class="v-rating__item">
           <label
             class=""
-            for="v-rating-0-10"
+            for="v-rating-v-0-10"
           >
             <span class="v-rating__hidden">
               Rating 10 of 10
@@ -528,8 +528,8 @@ exports[`NumberPicker > renders correctly 1`] = `
           </label>
           <input
             class="v-rating__hidden"
-            id="v-rating-0-10"
-            name="v-rating-0"
+            id="v-rating-v-0-10"
+            name="v-rating-v-0"
             tabindex="-1"
             type="radio"
             value="10"

package/src/components/RatingPicker/RatingPicker.stories.ts

@@ -1,6 +1,6 @@
 import type { StoryObj, Meta } from '@storybook/vue3'
 import RatingPicker from './RatingPicker.vue'
-import SySelect from '@/components/Customs/SySelect/SySelect.vue'
+import SySelect from '@/components/Customs/Selects/SySelect/SySelect.vue'
 import { VBtn, VSpacer } from 'vuetify/components'
 import { fn } from '@storybook/test'
 

package/src/components/RatingPicker/StarsPicker/tests/__snapshots__/StarsPicker.spec.ts.snap

@@ -18,7 +18,7 @@ exports[`StarsPicker > renders correctly 1`] = `
   ">
     <label
       class=""
-      for="v-rating-0-0"
+      for="v-rating-v-0-0"
     >
       <span class="v-rating__hidden">
         Rating 0 of 5
@@ -28,8 +28,8 @@ exports[`StarsPicker > renders correctly 1`] = `
     <input
       checked=""
       class="v-rating__hidden"
-      id="v-rating-0-0"
-      name="v-rating-0"
+      id="v-rating-v-0-0"
+      name="v-rating-v-0"
       tabindex="-1"
       type="radio"
       value="0"
@@ -39,7 +39,7 @@ exports[`StarsPicker > renders correctly 1`] = `
       <div class="v-rating__item">
         <label
           class=""
-          for="v-rating-0-1"
+          for="v-rating-v-0-1"
         >
           <span class="v-rating__hidden">
             Rating 1 of 5
@@ -60,14 +60,18 @@ exports[`StarsPicker > renders correctly 1`] = `
                 v-icon
                 v-theme--light
               "
-              style="font-size: 36px; height: 36px; width: 36px;"
+              style="
+                font-size: 36px;
+                height: 36px;
+                width: 36px;
+              "
             ></i>
           </button>
         </label>
         <input
           class="v-rating__hidden"
-          id="v-rating-0-1"
-          name="v-rating-0"
+          id="v-rating-v-0-1"
+          name="v-rating-v-0"
           tabindex="-1"
           type="radio"
           value="1"
@@ -80,7 +84,7 @@ exports[`StarsPicker > renders correctly 1`] = `
       <div class="v-rating__item">
         <label
           class=""
-          for="v-rating-0-2"
+          for="v-rating-v-0-2"
         >
           <span class="v-rating__hidden">
             Rating 2 of 5
@@ -101,14 +105,18 @@ exports[`StarsPicker > renders correctly 1`] = `
                 v-icon
                 v-theme--light
               "
-              style="font-size: 36px; height: 36px; width: 36px;"
+              style="
+                font-size: 36px;
+                height: 36px;
+                width: 36px;
+              "
             ></i>
           </button>
         </label>
         <input
           class="v-rating__hidden"
-          id="v-rating-0-2"
-          name="v-rating-0"
+          id="v-rating-v-0-2"
+          name="v-rating-v-0"
           tabindex="-1"
           type="radio"
           value="2"
@@ -121,7 +129,7 @@ exports[`StarsPicker > renders correctly 1`] = `
       <div class="v-rating__item">
         <label
           class=""
-          for="v-rating-0-3"
+          for="v-rating-v-0-3"
         >
           <span class="v-rating__hidden">
             Rating 3 of 5
@@ -142,14 +150,18 @@ exports[`StarsPicker > renders correctly 1`] = `
                 v-icon
                 v-theme--light
               "
-              style="font-size: 36px; height: 36px; width: 36px;"
+              style="
+                font-size: 36px;
+                height: 36px;
+                width: 36px;
+              "
             ></i>
           </button>
         </label>
         <input
           class="v-rating__hidden"
-          id="v-rating-0-3"
-          name="v-rating-0"
+          id="v-rating-v-0-3"
+          name="v-rating-v-0"
           tabindex="-1"
           type="radio"
           value="3"
@@ -162,7 +174,7 @@ exports[`StarsPicker > renders correctly 1`] = `
       <div class="v-rating__item">
         <label
           class=""
-          for="v-rating-0-4"
+          for="v-rating-v-0-4"
         >
           <span class="v-rating__hidden">
             Rating 4 of 5
@@ -183,14 +195,18 @@ exports[`StarsPicker > renders correctly 1`] = `
                 v-icon
                 v-theme--light
               "
-              style="font-size: 36px; height: 36px; width: 36px;"
+              style="
+                font-size: 36px;
+                height: 36px;
+                width: 36px;
+              "
             ></i>
           </button>
         </label>
         <input
           class="v-rating__hidden"
-          id="v-rating-0-4"
-          name="v-rating-0"
+          id="v-rating-v-0-4"
+          name="v-rating-v-0"
           tabindex="-1"
           type="radio"
           value="4"
@@ -203,7 +219,7 @@ exports[`StarsPicker > renders correctly 1`] = `
       <div class="v-rating__item">
         <label
           class=""
-          for="v-rating-0-5"
+          for="v-rating-v-0-5"
         >
           <span class="v-rating__hidden">
             Rating 5 of 5
@@ -224,14 +240,18 @@ exports[`StarsPicker > renders correctly 1`] = `
                 v-icon
                 v-theme--light
               "
-              style="font-size: 36px; height: 36px; width: 36px;"
+              style="
+                font-size: 36px;
+                height: 36px;
+                width: 36px;
+              "
             ></i>
           </button>
         </label>
         <input
           class="v-rating__hidden"
-          id="v-rating-0-5"
-          name="v-rating-0"
+          id="v-rating-v-0-5"
+          name="v-rating-v-0"
           tabindex="-1"
           type="radio"
           value="5"