@cnamts/synapse 1.0.5 → 1.0.6

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
+}