@cnamts/synapse 1.0.3 → 1.0.4

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

@@ -11,6 +11,7 @@ const meta = {
 		labelFirstLine: { description: 'Première ligne de texte de la tuile' },
 		labelSecondLine: { description: 'Deuxième ligne de texte de la tuile' },
 		labelThirdLine: { description: 'Troisième ligne de texte de la tuile' },
+		linkStyleText: { description: 'Ligne de texte dans un style de lien, qui apparaît sur certains types de tuile' },
 		noPdfIcon: { description: 'Pour masquer l’icône "PDF"' },
 		tileMinHeight: { description: 'La hauteur minimale du bouton/lien.' },
 		tilePaddingX: { description: 'Padding sur les côtés de la tuile.' },
@@ -25,6 +26,7 @@ const meta = {
 				'done',
 				'doneNoCertificate',
 				'doneNoCertificateBlue',
+				'doneToCorrect',
 			],
 		},
 		tileWidth: { description: 'La largeur de la tuile.' },

package/src/components/Amelipro/AmeliproStateTile/AmeliproStateTile.vue

@@ -35,6 +35,10 @@
 			type: String,
 			default: undefined,
 		},
+		linkStyleText: {
+			type: String,
+			default: 'Consulter',
+		},
 		noPdfIcon: {
 			type: Boolean,
 			default: false,
@@ -51,7 +55,7 @@
 			default: 'toDo',
 			type: String as PropType<keyof typeof AmeliproStateTileTypes>,
 			validator(value: string): boolean {
-				return ['date', 'done', 'doneNoCertificate', 'doneNoCertificateBlue', 'optionnal', 'toDo', 'toDoNoCertificate', 'toDoNoCertificateBlue'].includes(value)
+				return ['date', 'done', 'doneNoCertificate', 'doneNoCertificateBlue', 'doneToCorrect', 'optionnal', 'toDo', 'toDoNoCertificate', 'toDoNoCertificateBlue'].includes(value)
 			},
 		},
 		tileWidth: {
@@ -92,14 +96,17 @@
 			color: convertToHex(AmeliproStateTileTypes[props.tileType].textColor || 'ap-grey-darken-1'),
 			padding: '0',
 		}
+
 		if (props.disabled) {
 			styles.backgroundColor = `${convertToHex('ap-grey-lighten-2')} !important`
 			styles.borderColor = `${convertToHex('ap-grey')} !important`
 			styles.color = `${convertToHex('ap-grey-darken-1')} !important`
 		}
-		if (props.tileType === 'optionnal') {
+
+		if (props.tileType === 'optionnal' || props.tileType === 'doneToCorrect') {
 			styles.borderStyle = 'dashed'
 		}
+
 		if (props.tileMinHeight) {
 			styles.minHeight = props.tileMinHeight
 		}
@@ -184,8 +191,8 @@
 						'amelipro-state-tile__pdf-download--white': tileType === 'toDo' || tileType === 'done',
 					}"
 				>
-					<span>
-						Consulter
+					<span v-if="linkStyleText !== undefined && linkStyleText !== ''">
+						{{ linkStyleText }}
 					</span>
 
 					<span

package/src/components/Amelipro/AmeliproStateTile/AmeliproStateTileTypes.ts

@@ -22,6 +22,11 @@ export const AmeliproStateTileTypes: StateTileTypes = {
 		borderColor: 'ap-blue-darken-1',
 		downloadable: true,
 	},
+	doneToCorrect: {
+		bgColor: 'ap-turquoise lighten-2',
+		borderColor: 'ap-turquoise darken-1',
+		downloadable: true,
+	},
 	optionnal: {
 		bgColor: 'ap-blue-lighten-4',
 		borderColor: 'ap-blue-darken-1',

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

@@ -15,7 +15,15 @@ exports[`AmeliproStateTile > render correctly 1`] = `
     v-theme--light
   "
   id="my-state-tile-id"
-  style="height: auto; width: 100%; background-color: #00749C; border: 2px solid #00749C !important; border-radius: 0.5rem; color: #FFFFFF; padding: 0px;"
+  style="
+    height: auto;
+    width: 100%;
+    background-color: #00749C;
+    border: 2px solid #00749C !important;
+    border-radius: 0.5rem;
+    color: #FFFFFF;
+    padding: 0px;
+  "
   type="button"
 >
   <span class="v-btn__overlay"></span>
@@ -33,7 +41,10 @@ exports[`AmeliproStateTile > render correctly 1`] = `
         justify-center
         w-100
       "
-      style="padding: 32px 24px; min-height: 284px;"
+      style="
+        padding: 32px 24px;
+        min-height: 284px;
+      "
     >
       <span class="
         amelipro-state-tile__text

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

@@ -10,7 +10,11 @@ exports[`AmeliproStatus > render correctly 1`] = `
     mb-0
   "
   id="my-status-id"
-  style="border: 2px solid transparent; border-radius: 16px; padding: 4px 12px;"
+  style="
+    border: 2px solid transparent;
+    border-radius: 16px;
+    padding: 4px 12px;
+  "
 >
   texte du statut
 </p>

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

@@ -11,7 +11,13 @@ exports[`AmeliproStepBtn > render correctly 1`] = `
   "
   id="my-step-btn-id"
   role="tab"
-  style="background-color: #E6F6FC; border: 1px solid #DDDEDE; color: #00749C; position: relative; z-index: 1;"
+  style="
+    background-color: #E6F6FC;
+    border: 1px solid #DDDEDE;
+    color: #00749C;
+    position: relative;
+    z-index: 1;
+  "
   type="button"
 >
   <span

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

@@ -37,7 +37,13 @@ exports[`AmeliproStepper > render correctly 1`] = `
           "
           id="my-stepper-id-step-btn-0"
           role="tab"
-          style="background-color: #00749C; border: 1px solid #00749C; color: #FFFFFF; position: relative; z-index: 1;"
+          style="
+            background-color: #00749C;
+            border: 1px solid #00749C;
+            color: #FFFFFF;
+            position: relative;
+            z-index: 1;
+          "
           type="button"
         >
           <span
@@ -80,7 +86,13 @@ exports[`AmeliproStepper > render correctly 1`] = `
           "
           id="my-stepper-id-step-btn-1"
           role="tab"
-          style="background-color: #E6F6FC; border: 1px solid #DDDEDE; color: #00749C; position: relative; z-index: 1;"
+          style="
+            background-color: #E6F6FC;
+            border: 1px solid #DDDEDE;
+            color: #00749C;
+            position: relative;
+            z-index: 1;
+          "
           type="button"
         >
           <span
@@ -121,7 +133,14 @@ exports[`AmeliproStepper > render correctly 1`] = `
           disabled=""
           id="my-stepper-id-step-btn-2"
           role="tab"
-          style="background-color: #DDDEDE; border: 1px solid #DDDEDE; color: #1A1B1B; position: relative; z-index: 1; cursor: default;"
+          style="
+            background-color: #DDDEDE;
+            border: 1px solid #DDDEDE;
+            color: #1A1B1B;
+            position: relative;
+            z-index: 1;
+            cursor: default;
+          "
           type="button"
         >
           <span
@@ -165,7 +184,14 @@ exports[`AmeliproStepper > render correctly 1`] = `
           disabled=""
           id="my-stepper-id-step-btn-3"
           role="tab"
-          style="background-color: #DDDEDE; border: 1px solid #DDDEDE; color: #1A1B1B; position: relative; z-index: 1; cursor: default;"
+          style="
+            background-color: #DDDEDE;
+            border: 1px solid #DDDEDE;
+            color: #1A1B1B;
+            position: relative;
+            z-index: 1;
+            cursor: default;
+          "
           type="button"
         >
           <span
@@ -247,7 +273,11 @@ exports[`AmeliproStepper > render correctly 1`] = `
           v-theme--light
         "
         id="my-stepper-id-footer-next-btn"
-        style="height: auto; min-height: 2.5rem; color: #FFFFFF !important;"
+        style="
+          height: auto;
+          min-height: 2.5rem;
+          color: #FFFFFF !important;
+        "
         type="button"
       >
         <span class="v-btn__overlay"></span>
@@ -274,7 +304,14 @@ exports[`AmeliproStepper > render correctly 1`] = `
             >
               <span
                 class="amelipro-external-icon"
-                style="background-color: transparent; border-radius: 50%; color: #FFFFFF; padding: 0px; height: 1.5rem; width: 1.5rem;"
+                style="
+                  background-color: transparent;
+                  border-radius: 50%;
+                  color: #FFFFFF;
+                  padding: 0px;
+                  height: 1.5rem;
+                  width: 1.5rem;
+                "
               >
                 <i
                   aria-hidden="true"
@@ -286,7 +323,12 @@ exports[`AmeliproStepper > render correctly 1`] = `
                     v-icon
                     v-theme--light
                   "
-                  style="font-size: 100%; height: 100%; width: 100%; display: block;"
+                  style="
+                    font-size: 100%;
+                    height: 100%;
+                    width: 100%;
+                    display: block;
+                  "
                 ></i>
               </span>
             </span>

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

@@ -12,7 +12,11 @@ exports[`AmeliproTabBtn > render correctly 1`] = `
   "
   id="my-tab-btn-id"
   role="tab"
-  style="background-color: #E6F6FC; border: 1px solid #DDDEDE; color: #00749C;"
+  style="
+    background-color: #E6F6FC;
+    border: 1px solid #DDDEDE;
+    color: #00749C;
+  "
   tabindex="0"
   type="button"
 >

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

@@ -38,7 +38,11 @@ exports[`AmeliproTabs > render correctly 1`] = `
           "
           id="my-tabs-group-id-tab-btn-0"
           role="tab"
-          style="background-color: #00749C; border: 1px solid #00749C; color: #FFFFFF;"
+          style="
+            background-color: #00749C;
+            border: 1px solid #00749C;
+            color: #FFFFFF;
+          "
           tabindex="0"
           type="button"
         >
@@ -65,7 +69,11 @@ exports[`AmeliproTabs > render correctly 1`] = `
           "
           id="my-tabs-group-id-tab-btn-1"
           role="tab"
-          style="background-color: #E6F6FC; border: 1px solid #DDDEDE; color: #00749C;"
+          style="
+            background-color: #E6F6FC;
+            border: 1px solid #DDDEDE;
+            color: #00749C;
+          "
           tabindex="-1"
           type="button"
         >
@@ -94,7 +102,12 @@ exports[`AmeliproTabs > render correctly 1`] = `
           disabled=""
           id="my-tabs-group-id-tab-btn-2"
           role="tab"
-          style="background-color: #DDDEDE; border: 1px solid #DDDEDE; color: #1A1B1B; cursor: default;"
+          style="
+            background-color: #DDDEDE;
+            border: 1px solid #DDDEDE;
+            color: #1A1B1B;
+            cursor: default;
+          "
           tabindex="-1"
           type="button"
         >
@@ -122,7 +135,11 @@ exports[`AmeliproTabs > render correctly 1`] = `
           "
           id="my-tabs-group-id-tab-btn-3"
           role="tab"
-          style="background-color: #E6F6FC; border: 1px solid #DDDEDE; color: #00749C;"
+          style="
+            background-color: #E6F6FC;
+            border: 1px solid #DDDEDE;
+            color: #00749C;
+          "
           tabindex="-1"
           type="button"
         >

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

@@ -61,22 +61,23 @@ exports[`AmeliproTextArea > render correctly 1`] = `
               v-theme--light
             "
             role="progressbar"
-            style="top: 0px; height: 0px; --v-progress-linear-height: 2px;"
+            style="
+              top: 0px;
+              height: 0px;
+              --v-progress-linear-height: 2px;
+            "
           >
             <!---->
             <div
-              class="
-                bg-ap-blue-darken-1
-                v-progress-linear__background
-              "
+              class="v-progress-linear__background"
               style="opacity: NaN;"
             ></div>
             <div
-              class="
-                bg-ap-blue-darken-1
-                v-progress-linear__buffer
+              class="v-progress-linear__buffer"
+              style="
+                opacity: NaN;
+                width: 0%;
               "
-              style="opacity: NaN; width: 0%;"
             ></div>
             <transition-stub
               appear="false"
@@ -86,12 +87,10 @@ 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/__snapshots__/AmeliproTextField.spec.ts.snap

@@ -63,22 +63,23 @@ exports[`AmeliproTextField > render correctly 1`] = `
                 v-theme--light
               "
               role="progressbar"
-              style="top: 0px; height: 0px; --v-progress-linear-height: 2px;"
+              style="
+                top: 0px;
+                height: 0px;
+                --v-progress-linear-height: 2px;
+              "
             >
               <!---->
               <div
-                class="
-                  bg-ap-blue-darken-1
-                  v-progress-linear__background
-                "
+                class="v-progress-linear__background"
                 style="opacity: NaN;"
               ></div>
               <div
-                class="
-                  bg-ap-blue-darken-1
-                  v-progress-linear__buffer
+                class="v-progress-linear__buffer"
+                style="
+                  opacity: NaN;
+                  width: 0%;
                 "
-                style="opacity: NaN; width: 0%;"
               ></div>
               <transition-stub
                 appear="false"
@@ -88,12 +89,10 @@ 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/__snapshots__/AmeliproTileBtn.spec.ts.snap

@@ -14,7 +14,14 @@ exports[`AmeliproTileBtn > render correctly 1`] = `
     v-theme--light
   "
   id="my-tile-btn-id"
-  style="height: auto; width: 100%; background-color: #FFFFFF; border: 2px solid #FFFFFF !important; color: #1A1B1B; padding: 2rem 1.5rem;"
+  style="
+    height: auto;
+    width: 100%;
+    background-color: #FFFFFF;
+    border: 2px solid #FFFFFF !important;
+    color: #1A1B1B;
+    padding: 2rem 1.5rem;
+  "
   type="button"
 >
   <span class="v-btn__overlay"></span>

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

@@ -26,7 +26,10 @@ exports[`AmeliproTooltips > render correctly 1`] = `
     "
     id="my-tooltip-id-btn"
     plain=""
-    style="height: auto; width: auto;"
+    style="
+      height: auto;
+      width: auto;
+    "
     type="button"
   >
     <span class="v-btn__overlay"></span>
@@ -64,7 +67,13 @@ exports[`AmeliproTooltips > render correctly 1`] = `
             <svg
               aria-hidden="true"
               height="34"
-              style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd"
+              style="
+                shape-rendering:geometricPrecision;
+                text-rendering:geometricPrecision;
+                image-rendering:optimizeQuality;
+                fill-rule:evenodd;
+                clip-rule:evenodd;
+              "
               viewBox="0 0 6828 6828"
               width="34"
               xml:space="preserve"

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

@@ -23,7 +23,10 @@ exports[`AmeliproTransmission > render correctly 1`] = `
         w-100
       "
       id="my-transmission-id-card-container"
-      style="background-color: #FFFFFF; border: 1px solid #DDDEDE;"
+      style="
+        background-color: #FFFFFF;
+        border: 1px solid #DDDEDE;
+      "
     >
       <div
         class="amelipro-card__left-part"
@@ -46,7 +49,11 @@ exports[`AmeliproTransmission > render correctly 1`] = `
               flex-sm-row
               w-100
             "
-            style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDDEDE;"
+            style="
+              border-bottom-width: 1px;
+              border-bottom-style: solid;
+              border-bottom-color: #DDDEDE;
+            "
           >
             <div
               class="amelipro-card__header-slot-wrapper--left"
@@ -107,7 +114,11 @@ exports[`AmeliproTransmission > render correctly 1`] = `
           v-theme--light
         "
         id="my-transmission-id-print-btn"
-        style="height: auto; min-height: auto; padding: 0px;"
+        style="
+          height: auto;
+          min-height: auto;
+          padding: 0px;
+        "
         type="button"
       >
         <span class="v-btn__overlay"></span>
@@ -155,7 +166,13 @@ exports[`AmeliproTransmission > render correctly 1`] = `
           v-theme--light
         "
         id="my-transmission-id-alternate-btn"
-        style="height: auto; min-height: 2.5rem; color: #00749C !important; border: 2px solid #00749C !important; background-color: white;"
+        style="
+          height: auto;
+          min-height: 2.5rem;
+          color: #00749C !important;
+          border: 2px solid #00749C !important;
+          background-color: white;
+        "
         type="button"
       >
         <span class="v-btn__overlay"></span>
@@ -195,7 +212,11 @@ exports[`AmeliproTransmission > render correctly 1`] = `
           v-theme--light
         "
         id="my-transmission-id-confirm-btn"
-        style="height: auto; min-height: 2.5rem; color: #FFFFFF !important;"
+        style="
+          height: auto;
+          min-height: 2.5rem;
+          color: #FFFFFF !important;
+        "
         type="button"
       >
         <span class="v-btn__overlay"></span>

package/src/components/Amelipro/ServiceMenu/ServiceBtn/tests/__snapshots__/ServiceBtn.spec.ts.snap

@@ -21,7 +21,10 @@ exports[`ServiceBtn > render correctly 1`] = `
     "
     id="service-btn-id"
     plain=""
-    style="height: auto; width: auto;"
+    style="
+      height: auto;
+      width: auto;
+    "
     type="button"
   >
     <span class="v-btn__overlay"></span>
@@ -48,7 +51,11 @@ exports[`ServiceBtn > render correctly 1`] = `
           "
           focusable="false"
           role="img"
-          style="color: #FFFFFF; height: 2.5rem; width: 2.5rem;"
+          style="
+            color: #FFFFFF;
+            height: 2.5rem;
+            width: 2.5rem;
+          "
         >
           <span>
             <svg

package/src/components/Amelipro/ServiceMenu/ServiceList/tests/__snapshots__/ServiceList.spec.ts.snap

@@ -39,7 +39,10 @@ exports[`ServiceList > render correctly 1`] = `
         "
         id="service-list-id-service-ps-btn-0"
         plain=""
-        style="height: auto; width: auto;"
+        style="
+          height: auto;
+          width: auto;
+        "
         type="button"
       >
         <span class="v-btn__overlay"></span>
@@ -66,7 +69,11 @@ exports[`ServiceList > render correctly 1`] = `
               "
               focusable="false"
               role="img"
-              style="color: #FFFFFF; height: 2.5rem; width: 2.5rem;"
+              style="
+                color: #FFFFFF;
+                height: 2.5rem;
+                width: 2.5rem;
+              "
             >
               <span>
                 <svg
@@ -138,7 +145,10 @@ exports[`ServiceList > render correctly 1`] = `
         "
         id="service-list-id-service-ps-btn-1"
         plain=""
-        style="height: auto; width: auto;"
+        style="
+          height: auto;
+          width: auto;
+        "
         type="button"
       >
         <span class="v-btn__overlay"></span>
@@ -165,7 +175,11 @@ exports[`ServiceList > render correctly 1`] = `
               "
               focusable="false"
               role="img"
-              style="color: #FFFFFF; height: 2.5rem; width: 2.5rem;"
+              style="
+                color: #FFFFFF;
+                height: 2.5rem;
+                width: 2.5rem;
+              "
             >
               <span>
                 <svg