@cnamts/synapse 1.0.10 → 1.0.12

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

@@ -126,11 +126,17 @@ exports[`AmeliproTable > render correctly 1`] = `
                   >
                     <!---->
                     <div
-                      class="v-progress-linear__background"
+                      class="
+                        bg-ap-blue-darken-1
+                        v-progress-linear__background
+                      "
                       style="opacity: NaN;"
                     ></div>
                     <div
-                      class="v-progress-linear__buffer"
+                      class="
+                        bg-ap-blue-darken-1
+                        v-progress-linear__buffer
+                      "
                       style="
                         opacity: NaN;
                         width: 0%;
@@ -144,10 +150,12 @@ exports[`AmeliproTable > 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>
@@ -177,10 +185,13 @@ exports[`AmeliproTable > render correctly 1`] = `
                       </span>
                     </div>
                     <input
+                      aria-controls="menu-v-0"
+                      aria-expanded="false"
                       aria-label="Open"
                       aria-required="false"
                       id="amelipro-table-id-pagination-select"
                       inputmode="none"
+                      role="combobox"
                       size="1"
                       title="Open"
                       type="text"
@@ -223,196 +234,370 @@ exports[`AmeliproTable > render correctly 1`] = `
     </div>
   </div>
   <div
-    class="amelipro-table__wrapper--desktop"
     id="amelipro-table-id-desktop"
-    style="
-      overflow-x: auto;
-      max-width: 100%;
-      width: 100%;
-    "
+    style="overflow-x: auto;"
   >
-    <table
-      aria-label="Titre du tableau"
-      class="amelipro-table__table--desktop"
-      id="amelipro-table-id-table"
+    <div
+      class="amelipro-table__wrapper--desktop"
+      style="
+        max-width: 100%;
+        width: 100%;
+      "
     >
-      <thead>
-        <tr id="amelipro-table-id-table-header">
-          <th
-            class="
-              bg-ap-grey-lighten-4
-              font-weight-semibold
-            "
-            id="amelipro-table-id-table-header-cell-0"
-            scope="col"
-            style="
-              min-width: 20%;
-              width: 25%;
-              max-width: 25%;
-              text-align: left;
-            "
-          >
-            <p class="mb-0">
-              Nom
-            </p>
-          </th>
-          <th
-            class="
-              bg-ap-grey-lighten-4
-              font-weight-semibold
-            "
-            id="amelipro-table-id-table-header-cell-1"
-            scope="col"
-            style="
-              min-width: 20%;
-              width: 25%;
-              max-width: 25%;
-              text-align: left;
-            "
-          >
-            <p class="mb-0">
-              Prénom
-            </p>
-          </th>
-          <th
-            class="
-              bg-ap-grey-lighten-4
-              font-weight-semibold
-            "
-            id="amelipro-table-id-table-header-cell-2"
-            scope="col"
-            style="
-              min-width: 20%;
-              width: 25%;
-              max-width: 25%;
-              text-align: left;
-            "
-          >
-            <p class="mb-0">
-              E-mail
-            </p>
-          </th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr id="amelipro-table-id-table-row-0">
-          <td
-            class=""
-            id="amelipro-table-id-table-row-0-cell-0"
-            style="text-align: left;"
-          >
-            <p class="mb-0">
-              Bernard
-            </p>
-          </td>
-          <td
-            class=""
-            id="amelipro-table-id-table-row-0-cell-1"
-            style="text-align: left;"
-          >
-            <p class="mb-0">
-              Jean
-            </p>
-          </td>
-          <td
-            class=""
-            id="amelipro-table-id-table-row-0-cell-2"
-            style="text-align: left;"
-          >
-            <p class="mb-0">
-              jean.bernard@gmail.com
-            </p>
-          </td>
-        </tr>
-        <tr id="amelipro-table-id-table-row-1">
-          <td
-            class=""
-            id="amelipro-table-id-table-row-1-cell-0"
-            style="text-align: left;"
-          >
-            <p class="mb-0">
-              Pierre
-            </p>
-          </td>
-          <td
-            class=""
-            id="amelipro-table-id-table-row-1-cell-1"
-            style="text-align: left;"
-          >
-            <p class="mb-0">
-              Simon
-            </p>
-          </td>
-          <td
-            class=""
-            id="amelipro-table-id-table-row-1-cell-2"
-            style="text-align: left;"
-          >
-            <p class="mb-0">
-              simon.pierre@gmail.com
-            </p>
-          </td>
-        </tr>
-        <tr id="amelipro-table-id-table-row-2">
-          <td
-            class=""
-            id="amelipro-table-id-table-row-2-cell-0"
-            style="text-align: left;"
-          >
-            <p class="mb-0">
-              Souris
-            </p>
-          </td>
-          <td
-            class=""
-            id="amelipro-table-id-table-row-2-cell-1"
-            style="text-align: left;"
-          >
-            <p class="mb-0">
-              Michel
-            </p>
-          </td>
-          <td
-            class=""
-            id="amelipro-table-id-table-row-2-cell-2"
-            style="text-align: left;"
-          >
-            <p class="mb-0">
-              michel.souris@gmail.com
-            </p>
-          </td>
-        </tr>
-        <tr id="amelipro-table-id-table-row-3">
-          <td
-            class=""
-            id="amelipro-table-id-table-row-3-cell-0"
-            style="text-align: left;"
-          >
-            <p class="mb-0">
-              Jabot
-            </p>
-          </td>
-          <td
-            class=""
-            id="amelipro-table-id-table-row-3-cell-1"
-            style="text-align: left;"
-          >
-            <p class="mb-0">
-              Amandine
-            </p>
-          </td>
-          <td
-            class=""
-            id="amelipro-table-id-table-row-3-cell-2"
-            style="text-align: left;"
-          >
-            <p class="mb-0">
-              amandine.jabot@gmail.com
-            </p>
-          </td>
-        </tr>
-      </tbody>
-    </table>
+      <table
+        aria-label="Titre du tableau"
+        class="amelipro-table__table--desktop"
+        id="amelipro-table-id-table"
+      >
+        <thead>
+          <tr id="amelipro-table-id-table-header">
+            <th
+              class="
+                bg-ap-grey-lighten-4
+                font-weight-semibold
+              "
+              id="amelipro-table-id-table-header-cell-0"
+              scope="col"
+              style="
+                min-width: 20%;
+                width: 25%;
+                max-width: 25%;
+                text-align: left;
+              "
+            >
+              <p class="
+                d-flex
+                mb-0
+              ">
+                Nom
+                <button
+                  class="
+                    btn--icon
+                    elevation-0
+                    ml-2
+                    rounded-0
+                    sort-btn
+                    v-btn
+                    v-btn--density-default
+                    v-btn--elevated
+                    v-btn--icon
+                    v-btn--size-default
+                    v-btn--variant-elevated
+                    v-theme--light
+                  "
+                  id="amelipro-table-id-table-header-cell-0-asc-sort-btn"
+                  plain=""
+                  style="
+                    height: auto;
+                    width: auto;
+                  "
+                  title="tri asc"
+                  type="button"
+                >
+                  <span class="v-btn__overlay"></span>
+                  <span class="v-btn__underlay"></span>
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    <span
+                      class="d-sr-only"
+                      id="amelipro-table-id-table-header-cell-0-asc-sort-btn-btn-label"
+                    >
+                      tri asc
+                    </span>
+                    <span
+                      class="
+                        amelipro-icon
+                        icon-custom
+                      "
+                      id="amelipro-table-id-table-header-cell-0-asc-sort-btn-icon"
+                    >
+                      <span
+                        aria-hidden="true"
+                        class="
+                          amelipro-custom-icon
+                          custom-color
+                        "
+                        focusable="false"
+                        role="img"
+                        style="
+                          color: #1A1B1B;
+                          height: 9px;
+                          width: 9px;
+                        "
+                      >
+                        <span>
+                          <svg
+                            aria-hidden="true"
+                            style="enable-background:new 0 0 42 42;"
+                            version="1.1"
+                            viewBox="0 0 42 42"
+                            x="0px"
+                            xml:space="preserve"
+                            xmlns="http://www.w3.org/2000/svg"
+                            xmlns:xlink="http://www.w3.org/1999/xlink"
+                            y="0px"
+                          >
+                            <polygon
+                              class="shape-color"
+                              points="21,2.8 0,39.2 42,39.2 "
+                            />
+                          </svg>
+                        </span>
+                      </span>
+                    </span>
+                  </span>
+                  <!---->
+                  <!---->
+                </button>
+                <button
+                  class="
+                    btn--icon
+                    elevation-0
+                    rounded-0
+                    sort-btn
+                    v-btn
+                    v-btn--density-default
+                    v-btn--disabled
+                    v-btn--icon
+                    v-btn--size-default
+                    v-btn--variant-elevated
+                    v-theme--light
+                  "
+                  disabled=""
+                  id="amelipro-table-id-table-header-cell-0-desc-sort-btn"
+                  plain=""
+                  style="
+                    height: auto;
+                    width: auto;
+                  "
+                  title="tri desc"
+                  type="button"
+                >
+                  <span class="v-btn__overlay"></span>
+                  <span class="v-btn__underlay"></span>
+                  <!---->
+                  <span
+                    class="v-btn__content"
+                    data-no-activator=""
+                  >
+                    <span
+                      class="d-sr-only"
+                      id="amelipro-table-id-table-header-cell-0-desc-sort-btn-btn-label"
+                    >
+                      tri desc
+                    </span>
+                    <span
+                      class="
+                        amelipro-icon
+                        icon-custom
+                      "
+                      id="amelipro-table-id-table-header-cell-0-desc-sort-btn-icon"
+                    >
+                      <span
+                        aria-hidden="true"
+                        class="
+                          amelipro-custom-icon
+                          custom-color
+                        "
+                        focusable="false"
+                        role="img"
+                        style="
+                          color: #DDDEDE;
+                          height: 9px;
+                          width: 9px;
+                        "
+                      >
+                        <span>
+                          <svg
+                            aria-hidden="true"
+                            style="enable-background:new 0 0 42 42;"
+                            version="1.1"
+                            viewBox="0 0 42 42"
+                            x="0px"
+                            xml:space="preserve"
+                            xmlns="http://www.w3.org/2000/svg"
+                            xmlns:xlink="http://www.w3.org/1999/xlink"
+                            y="0px"
+                          >
+                            <polygon
+                              class="shape-color"
+                              points="21,39.2 42,2.8 0,2.8 "
+                            />
+                          </svg>
+                        </span>
+                      </span>
+                    </span>
+                  </span>
+                  <!---->
+                  <!---->
+                </button>
+              </p>
+            </th>
+            <th
+              class="
+                bg-ap-grey-lighten-4
+                font-weight-semibold
+              "
+              id="amelipro-table-id-table-header-cell-1"
+              scope="col"
+              style="
+                min-width: 20%;
+                width: 25%;
+                max-width: 25%;
+                text-align: left;
+              "
+            >
+              <p class="mb-0">
+                Prénom
+                <!-- v-if -->
+                <!-- v-if -->
+              </p>
+            </th>
+            <th
+              class="
+                bg-ap-grey-lighten-4
+                font-weight-semibold
+              "
+              id="amelipro-table-id-table-header-cell-2"
+              scope="col"
+              style="
+                min-width: 20%;
+                width: 25%;
+                max-width: 25%;
+                text-align: left;
+              "
+            >
+              <p class="mb-0">
+                E-mail
+                <!-- v-if -->
+                <!-- v-if -->
+              </p>
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr id="amelipro-table-id-table-row-0">
+            <td
+              class=""
+              id="amelipro-table-id-table-row-0-cell-0"
+              style="text-align: left;"
+            >
+              <p class="mb-0">
+                Bernard
+              </p>
+            </td>
+            <td
+              class=""
+              id="amelipro-table-id-table-row-0-cell-1"
+              style="text-align: left;"
+            >
+              <p class="mb-0">
+                Jean
+              </p>
+            </td>
+            <td
+              class=""
+              id="amelipro-table-id-table-row-0-cell-2"
+              style="text-align: left;"
+            >
+              <p class="mb-0">
+                jean.bernard@gmail.com
+              </p>
+            </td>
+          </tr>
+          <tr id="amelipro-table-id-table-row-1">
+            <td
+              class=""
+              id="amelipro-table-id-table-row-1-cell-0"
+              style="text-align: left;"
+            >
+              <p class="mb-0">
+                Pierre
+              </p>
+            </td>
+            <td
+              class=""
+              id="amelipro-table-id-table-row-1-cell-1"
+              style="text-align: left;"
+            >
+              <p class="mb-0">
+                Simon
+              </p>
+            </td>
+            <td
+              class=""
+              id="amelipro-table-id-table-row-1-cell-2"
+              style="text-align: left;"
+            >
+              <p class="mb-0">
+                simon.pierre@gmail.com
+              </p>
+            </td>
+          </tr>
+          <tr id="amelipro-table-id-table-row-2">
+            <td
+              class=""
+              id="amelipro-table-id-table-row-2-cell-0"
+              style="text-align: left;"
+            >
+              <p class="mb-0">
+                Souris
+              </p>
+            </td>
+            <td
+              class=""
+              id="amelipro-table-id-table-row-2-cell-1"
+              style="text-align: left;"
+            >
+              <p class="mb-0">
+                Michel
+              </p>
+            </td>
+            <td
+              class=""
+              id="amelipro-table-id-table-row-2-cell-2"
+              style="text-align: left;"
+            >
+              <p class="mb-0">
+                michel.souris@gmail.com
+              </p>
+            </td>
+          </tr>
+          <tr id="amelipro-table-id-table-row-3">
+            <td
+              class=""
+              id="amelipro-table-id-table-row-3-cell-0"
+              style="text-align: left;"
+            >
+              <p class="mb-0">
+                Jabot
+              </p>
+            </td>
+            <td
+              class=""
+              id="amelipro-table-id-table-row-3-cell-1"
+              style="text-align: left;"
+            >
+              <p class="mb-0">
+                Amandine
+              </p>
+            </td>
+            <td
+              class=""
+              id="amelipro-table-id-table-row-3-cell-2"
+              style="text-align: left;"
+            >
+              <p class="mb-0">
+                amandine.jabot@gmail.com
+              </p>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
   </div>
   <!-- v-if -->
   <!-- v-if -->

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

@@ -14,6 +14,17 @@ export interface AmeliproTableHeader {
 	width: string
 	maxWidth: string
 	descriptionId?: string
+	sort?: IHeaderSort
+}
+
+export interface ISortBtn {
+	label: string
+	disabled: boolean
+}
+
+export interface IHeaderSort {
+	ascendant?: ISortBtn
+	descendant?: ISortBtn
 }
 
 export interface AmeliproCurrentPage {

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

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import AmeliproTabBtn from '../AmeliproTabBtn.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('AmeliproTabBtn', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproTabBtn, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				controls: 'content-id',
 				tabindex: 0,

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

@@ -1,14 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { expect, describe, it } from 'vitest'
 import AmeliproTabs from '../AmeliproTabs.vue'
-import { vuetify } from '@tests/unit/setup'
 
 describe('AmeliproTabs', () => {
 	it('render correctly', async () => {
 		const wrapper = mount(AmeliproTabs, {
-			global: {
-				plugins: [vuetify],
-			},
 			props: {
 				items: [
 					{

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

@@ -342,7 +342,7 @@ export const Validation: Story = {
 		uniqueId: 'text-area-validation',
 		rules: [
 			v => !!v || 'Ce champ est obligatoire',
-			v => (v ? v.startsWith('B') : true) || 'La valeur doit commencer par "B"',
+			v => (v ? typeof v === 'string' && v.startsWith('B') : true) || 'La valeur doit commencer par "B"',
 		],
 	},
 	parameters: {