@cnamts/synapse 1.0.5 → 1.0.7

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

@@ -0,0 +1,186 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`AmeliproCustomSelector > render correctly 1`] = `
+<div
+  class="amelipro-custom-selector"
+  id="my-custom-selector-group-id-container"
+>
+  <div class="
+    align-center
+    amelipro-custom-selector__label-wrapper
+    d-flex
+  ">
+    <p
+      class="
+        amelipro-custom-selector__label
+        mb-1
+        text-ap-grey-darken-1
+      "
+      id="my-custom-selector-group-id"
+    >
+      Libellé du groupe
+      <!-- v-if -->
+      <!-- v-if -->
+    </p>
+  </div>
+  <div
+    aria-labelledby="my-custom-selector-group-id"
+    class="
+      amelipro-custom-selector__group
+      d-flex
+      flex-wrap
+      justify-start
+    "
+    role="group"
+  >
+    <ul class="
+      list-style-none
+      w-100
+    ">
+      <li class="
+        amelipro-custom-selector__item
+        d-block
+        item-spacing
+      ">
+        <div
+          aria-checked="true"
+          aria-disabled="true"
+          class="
+            checkbox-input
+            d-block
+          "
+          id="my-custom-selector-group-id-input-0"
+          role="checkbox"
+          tabindex="-1"
+        >
+          <span
+            class="
+              d-block
+              select-item
+              text-ap-grey-darken-1
+              text-body-1
+            "
+            id="my-custom-selector-group-id-label-text-0"
+          >
+            1
+          </span>
+        </div>
+      </li>
+      <li class="
+        amelipro-custom-selector__item
+        d-block
+        item-spacing
+      ">
+        <div
+          aria-checked="false"
+          aria-disabled="true"
+          class="
+            checkbox-input
+            d-block
+          "
+          id="my-custom-selector-group-id-input-1"
+          role="checkbox"
+          tabindex="-1"
+        >
+          <span
+            class="
+              d-block
+              select-item
+              text-ap-grey-darken-1
+              text-body-1
+            "
+            id="my-custom-selector-group-id-label-text-1"
+          >
+            2
+          </span>
+        </div>
+      </li>
+      <li class="
+        amelipro-custom-selector__item
+        d-block
+        item-spacing
+      ">
+        <div
+          aria-checked="false"
+          class="
+            checkbox-input
+            d-block
+          "
+          id="my-custom-selector-group-id-input-2"
+          role="checkbox"
+          tabindex="0"
+        >
+          <span
+            class="
+              d-block
+              select-item
+              text-ap-grey-darken-1
+              text-body-1
+            "
+            id="my-custom-selector-group-id-label-text-2"
+          >
+            3
+          </span>
+        </div>
+      </li>
+      <li class="
+        amelipro-custom-selector__item
+        d-block
+        item-spacing
+      ">
+        <div
+          aria-checked="false"
+          class="
+            checkbox-input
+            d-block
+          "
+          id="my-custom-selector-group-id-input-3"
+          role="checkbox"
+          tabindex="0"
+        >
+          <span
+            class="
+              d-block
+              select-item
+              text-ap-grey-darken-1
+              text-body-1
+            "
+            id="my-custom-selector-group-id-label-text-3"
+          >
+            4
+          </span>
+        </div>
+      </li>
+      <li class="
+        amelipro-custom-selector__item
+        d-block
+        item-spacing
+      ">
+        <div
+          aria-checked="false"
+          class="
+            checkbox-input
+            d-block
+          "
+          id="my-custom-selector-group-id-input-4"
+          role="checkbox"
+          tabindex="0"
+        >
+          <span
+            class="
+              d-block
+              select-item
+              text-ap-grey-darken-1
+              text-body-1
+            "
+            id="my-custom-selector-group-id-label-text-4"
+          >
+            5
+          </span>
+        </div>
+      </li>
+    </ul>
+  </div>
+  <!-- v-if -->
+</div>
+`;

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

@@ -0,0 +1,6 @@
+export interface AmeliproCustomSelectorItem {
+	disabled?: boolean
+	isChecked: boolean
+	label: string
+	value: string
+}

package/src/components/Amelipro/AmeliproHeader/AmeliproHeader.vue

@@ -165,6 +165,12 @@
 			structureValue.value.dialog = false
 		}
 	}
+
+	const clickSignature = (event: Event): void => {
+		if (props.ameliproHeaderInfos?.signatureInfos?.clickFn) {
+			props.ameliproHeaderInfos?.signatureInfos?.clickFn(event)
+		}
+	}
 </script>
 
 <template>
@@ -358,7 +364,7 @@
 										size="2rem"
 										:to="signatureInfos.to ? signatureInfos.to : undefined"
 										:unique-id="`${uniqueId}-signature-btn`"
-										@click="signatureInfos.clickFn ? signatureInfos.clickFn : undefined"
+										@click="clickSignature"
 									/>
 								</slot>
 							</li>