@cnamts/synapse 0.0.9-alpha → 0.0.11-alpha

package/src/components/TableToolbar/tests/__snapshots__/TableToolbar.spec.ts.snap

@@ -0,0 +1,359 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`TableToolbar > renders correctly when all the item are displayed 1`] = `
+"<header data-v-91e2c1b3="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr sy-table-toolbar px-4 py-2 d-flex flex-wrap align-center justify-space-between" style="background-color: #FFFFFF; color: #000; caret-color: #000;" minheight="56px">
+  <!---->
+  <div class="v-toolbar__content">
+    <!---->
+    <!---->
+    <p data-v-91e2c1b3="" class="mb-0 font-weight-bold mr-4 my-3" data-test-id="nb-rows">5/5 lignes</p>
+    <div data-v-91e2c1b3="" class="sy-table-toolbar__search">
+      <div data-v-91e2c1b3="" class="v-input v-input--horizontal v-input--density-compact v-theme--light v-locale--is-ltr v-text-field v-input--plain-underlined sy-form-input flex-grow-1" data-test-id="search-input">
+        <!---->
+        <div class="v-input__control">
+          <div class="v-field v-field--appended v-field--single-line v-field--variant-underlined v-theme--light v-locale--is-ltr">
+            <div class="v-field__overlay"></div>
+            <div class="v-field__loader">
+              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
+                <!---->
+                <div class="v-progress-linear__background bg-primary" style="opacity: NaN;"></div>
+                <div class="v-progress-linear__buffer bg-primary" style="opacity: NaN; width: 0%;"></div>
+                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
+                  <div class="v-progress-linear__indeterminate">
+                    <div class="v-progress-linear__indeterminate long bg-primary"></div>
+                    <div class="v-progress-linear__indeterminate short bg-primary"></div>
+                  </div>
+                </transition-stub>
+                <!---->
+              </div>
+            </div>
+            <!---->
+            <div class="v-field__field" data-no-activator="">
+              <!----><label class="v-label v-field-label" for="input-0">
+                <!---->Rechercher
+              </label>
+              <!----><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" class="v-field__input">
+              <!---->
+            </div>
+            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
+              <div class="v-field__clearable" style="display: none;"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="0" aria-label="Clear Rechercher"></i></div>
+            </transition-stub>
+            <div class="v-field__append-inner">
+              <!----><i class="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i>
+            </div>
+            <div class="v-field__outline">
+              <!---->
+              <!---->
+            </div>
+          </div>
+        </div>
+        <!---->
+        <!---->
+      </div>
+      <!--v-if-->
+    </div>
+    <!---->
+  </div>
+  <transition-stub name="expand-transition" appear="false" persisted="false" css="true">
+    <!---->
+  </transition-stub>
+</header>"
+`;
+
+exports[`TableToolbar > renders correctly when loading 1`] = `
+"<header data-v-91e2c1b3="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr sy-table-toolbar px-4 py-2 d-flex flex-wrap align-center justify-space-between" style="background-color: #FFFFFF; color: #000; caret-color: #000;" minheight="56px">
+  <!---->
+  <div class="v-toolbar__content">
+    <!---->
+    <!---->
+    <p data-v-91e2c1b3="" class="mb-0 font-weight-bold mr-4 my-3" data-test-id="nb-rows">1 ligne</p>
+    <div data-v-91e2c1b3="" class="sy-table-toolbar__search">
+      <div data-v-91e2c1b3="" class="v-input v-input--horizontal v-input--density-compact v-theme--light v-locale--is-ltr v-input--disabled v-text-field v-input--plain-underlined sy-form-input flex-grow-1 loading" data-test-id="search-input">
+        <!---->
+        <div class="v-input__control">
+          <div class="v-field v-field--appended v-field--disabled v-field--single-line v-field--variant-underlined v-theme--light v-locale--is-ltr">
+            <div class="v-field__overlay"></div>
+            <div class="v-field__loader">
+              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
+                <!---->
+                <div class="v-progress-linear__background bg-primary" style="opacity: NaN;"></div>
+                <div class="v-progress-linear__buffer bg-primary" style="opacity: NaN; width: 0%;"></div>
+                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
+                  <div class="v-progress-linear__indeterminate">
+                    <div class="v-progress-linear__indeterminate long bg-primary"></div>
+                    <div class="v-progress-linear__indeterminate short bg-primary"></div>
+                  </div>
+                </transition-stub>
+                <!---->
+              </div>
+            </div>
+            <!---->
+            <div class="v-field__field" data-no-activator="">
+              <!----><label class="v-label v-field-label" for="input-0">
+                <!---->Rechercher
+              </label>
+              <!----><input disabled="" size="1" type="text" id="input-0" aria-describedby="input-0-messages" class="v-field__input">
+              <!---->
+            </div>
+            <!---->
+            <div class="v-field__append-inner">
+              <!----><i class="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i>
+            </div>
+            <div class="v-field__outline">
+              <!---->
+              <!---->
+            </div>
+          </div>
+        </div>
+        <!---->
+        <!---->
+      </div>
+      <!--v-if-->
+    </div>
+    <!---->
+  </div>
+  <transition-stub name="expand-transition" appear="false" persisted="false" css="true">
+    <!---->
+  </transition-stub>
+</header>"
+`;
+
+exports[`TableToolbar > renders correctly when the screen width <= 600px 1`] = `
+"<header data-v-91e2c1b3="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr sy-table-toolbar px-4 py-2 d-flex flex-wrap align-center justify-space-between" style="background-color: #FFFFFF; color: #000; caret-color: #000;" minheight="56px">
+  <!---->
+  <div class="v-toolbar__content">
+    <!---->
+    <!---->
+    <p data-v-91e2c1b3="" class="mb-0 font-weight-bold mr-4 my-3" data-test-id="nb-rows">1 ligne</p>
+    <div data-v-91e2c1b3="" class="sy-table-toolbar__search">
+      <div data-v-91e2c1b3="" class="v-input v-input--horizontal v-input--density-compact v-theme--light v-locale--is-ltr v-text-field v-input--plain-underlined sy-form-input flex-grow-1" data-test-id="search-input">
+        <!---->
+        <div class="v-input__control">
+          <div class="v-field v-field--appended v-field--single-line v-field--variant-underlined v-theme--light v-locale--is-ltr">
+            <div class="v-field__overlay"></div>
+            <div class="v-field__loader">
+              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
+                <!---->
+                <div class="v-progress-linear__background bg-primary" style="opacity: NaN;"></div>
+                <div class="v-progress-linear__buffer bg-primary" style="opacity: NaN; width: 0%;"></div>
+                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
+                  <div class="v-progress-linear__indeterminate">
+                    <div class="v-progress-linear__indeterminate long bg-primary"></div>
+                    <div class="v-progress-linear__indeterminate short bg-primary"></div>
+                  </div>
+                </transition-stub>
+                <!---->
+              </div>
+            </div>
+            <!---->
+            <div class="v-field__field" data-no-activator="">
+              <!----><label class="v-label v-field-label" for="input-0">
+                <!---->Rechercher
+              </label>
+              <!----><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" class="v-field__input">
+              <!---->
+            </div>
+            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
+              <div class="v-field__clearable" style="display: none;"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="0" aria-label="Clear Rechercher"></i></div>
+            </transition-stub>
+            <div class="v-field__append-inner">
+              <!----><i class="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i>
+            </div>
+            <div class="v-field__outline">
+              <!---->
+              <!---->
+            </div>
+          </div>
+        </div>
+        <!---->
+        <!---->
+      </div>
+      <!--v-if-->
+    </div>
+    <!---->
+  </div>
+  <transition-stub name="expand-transition" appear="false" persisted="false" css="true">
+    <!---->
+  </transition-stub>
+</header>"
+`;
+
+exports[`TableToolbar > renders correctly with content slot 1`] = `
+"<header data-v-91e2c1b3="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr sy-table-toolbar px-4 py-2 d-flex flex-wrap align-center justify-space-between" style="background-color: #FFFFFF; color: #000; caret-color: #000;" minheight="56px">
+  <!---->
+  <div class="v-toolbar__content">
+    <!---->
+    <!---->
+    <p data-v-91e2c1b3="" class="mb-0 font-weight-bold mr-4 my-3" data-test-id="nb-rows">1 ligne</p>
+    <div data-v-91e2c1b3="" class="sy-table-toolbar__search">
+      <div data-v-91e2c1b3="" class="v-input v-input--horizontal v-input--density-compact v-theme--light v-locale--is-ltr v-text-field v-input--plain-underlined sy-form-input flex-grow-1" data-test-id="search-input">
+        <!---->
+        <div class="v-input__control">
+          <div class="v-field v-field--appended v-field--single-line v-field--variant-underlined v-theme--light v-locale--is-ltr">
+            <div class="v-field__overlay"></div>
+            <div class="v-field__loader">
+              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
+                <!---->
+                <div class="v-progress-linear__background bg-primary" style="opacity: NaN;"></div>
+                <div class="v-progress-linear__buffer bg-primary" style="opacity: NaN; width: 0%;"></div>
+                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
+                  <div class="v-progress-linear__indeterminate">
+                    <div class="v-progress-linear__indeterminate long bg-primary"></div>
+                    <div class="v-progress-linear__indeterminate short bg-primary"></div>
+                  </div>
+                </transition-stub>
+                <!---->
+              </div>
+            </div>
+            <!---->
+            <div class="v-field__field" data-no-activator="">
+              <!----><label class="v-label v-field-label" for="input-0">
+                <!---->Rechercher
+              </label>
+              <!----><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" class="v-field__input">
+              <!---->
+            </div>
+            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
+              <div class="v-field__clearable" style="display: none;"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="0" aria-label="Clear Rechercher"></i></div>
+            </transition-stub>
+            <div class="v-field__append-inner">
+              <!----><i class="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i>
+            </div>
+            <div class="v-field__outline">
+              <!---->
+              <!---->
+            </div>
+          </div>
+        </div>
+        <!---->
+        <!---->
+      </div>
+      <!--v-if-->
+    </div>
+    <!---->
+  </div>
+  <transition-stub name="expand-transition" appear="false" persisted="false" css="true">
+    <!---->
+  </transition-stub>
+</header>"
+`;
+
+exports[`TableToolbar > renders correctly with no items 1`] = `
+"<header data-v-91e2c1b3="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr sy-table-toolbar px-4 py-2 d-flex flex-wrap align-center justify-space-between" style="background-color: #FFFFFF; color: #000; caret-color: #000;" minheight="56px">
+  <!---->
+  <div class="v-toolbar__content">
+    <!---->
+    <!---->
+    <!--v-if-->
+    <div data-v-91e2c1b3="" class="sy-table-toolbar__search">
+      <div data-v-91e2c1b3="" class="v-input v-input--horizontal v-input--density-compact v-theme--light v-locale--is-ltr v-text-field v-input--plain-underlined sy-form-input flex-grow-1" data-test-id="search-input">
+        <!---->
+        <div class="v-input__control">
+          <div class="v-field v-field--appended v-field--single-line v-field--variant-underlined v-theme--light v-locale--is-ltr">
+            <div class="v-field__overlay"></div>
+            <div class="v-field__loader">
+              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
+                <!---->
+                <div class="v-progress-linear__background bg-primary" style="opacity: NaN;"></div>
+                <div class="v-progress-linear__buffer bg-primary" style="opacity: NaN; width: 0%;"></div>
+                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
+                  <div class="v-progress-linear__indeterminate">
+                    <div class="v-progress-linear__indeterminate long bg-primary"></div>
+                    <div class="v-progress-linear__indeterminate short bg-primary"></div>
+                  </div>
+                </transition-stub>
+                <!---->
+              </div>
+            </div>
+            <!---->
+            <div class="v-field__field" data-no-activator="">
+              <!----><label class="v-label v-field-label" for="input-0">
+                <!---->Rechercher
+              </label>
+              <!----><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" class="v-field__input">
+              <!---->
+            </div>
+            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
+              <div class="v-field__clearable" style="display: none;"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="0" aria-label="Clear Rechercher"></i></div>
+            </transition-stub>
+            <div class="v-field__append-inner">
+              <!----><i class="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i>
+            </div>
+            <div class="v-field__outline">
+              <!---->
+              <!---->
+            </div>
+          </div>
+        </div>
+        <!---->
+        <!---->
+      </div>
+      <!--v-if-->
+    </div>
+    <!---->
+  </div>
+  <transition-stub name="expand-transition" appear="false" persisted="false" css="true">
+    <!---->
+  </transition-stub>
+</header>"
+`;
+
+exports[`TableToolbar > should render 1`] = `
+"<header data-v-91e2c1b3="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr sy-table-toolbar px-4 py-2 d-flex flex-wrap align-center justify-space-between" style="background-color: #FFFFFF; color: #000; caret-color: #000;" minheight="56px" showaddbtn="true">
+  <!---->
+  <div class="v-toolbar__content">
+    <!---->
+    <!---->
+    <p data-v-91e2c1b3="" class="mb-0 font-weight-bold mr-4 my-3" data-test-id="nb-rows">1/2 lignes</p>
+    <div data-v-91e2c1b3="" class="sy-table-toolbar__search">
+      <div data-v-91e2c1b3="" class="v-input v-input--horizontal v-input--density-compact v-theme--light v-locale--is-ltr v-text-field v-input--plain-underlined sy-form-input flex-grow-1" data-test-id="search-input">
+        <!---->
+        <div class="v-input__control">
+          <div class="v-field v-field--appended v-field--single-line v-field--variant-underlined v-theme--light v-locale--is-ltr">
+            <div class="v-field__overlay"></div>
+            <div class="v-field__loader">
+              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
+                <!---->
+                <div class="v-progress-linear__background bg-primary" style="opacity: NaN;"></div>
+                <div class="v-progress-linear__buffer bg-primary" style="opacity: NaN; width: 0%;"></div>
+                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
+                  <div class="v-progress-linear__indeterminate">
+                    <div class="v-progress-linear__indeterminate long bg-primary"></div>
+                    <div class="v-progress-linear__indeterminate short bg-primary"></div>
+                  </div>
+                </transition-stub>
+                <!---->
+              </div>
+            </div>
+            <!---->
+            <div class="v-field__field" data-no-activator="">
+              <!----><label class="v-label v-field-label" for="input-0">
+                <!---->Rechercher
+              </label>
+              <!----><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" class="v-field__input">
+              <!---->
+            </div>
+            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
+              <div class="v-field__clearable" style="display: none;"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="0" aria-label="Clear Rechercher"></i></div>
+            </transition-stub>
+            <div class="v-field__append-inner">
+              <!----><i class="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i>
+            </div>
+            <div class="v-field__outline">
+              <!---->
+              <!---->
+            </div>
+          </div>
+        </div>
+        <!---->
+        <!---->
+      </div>
+      <!--v-if-->
+    </div>
+    <!---->
+  </div>
+  <transition-stub name="expand-transition" appear="false" persisted="false" css="true">
+    <!---->
+  </transition-stub>
+</header>"
+`;

package/src/components/Usages/Usages.vue

@@ -0,0 +1,95 @@
+<script lang="ts" setup>
+	import { type CustomizableOptions } from '@/composables/useCustomizableOptions'
+	import { checkIcon, croixIcon } from '@/constants/icons'
+	import { ref } from 'vue'
+
+	withDefaults(defineProps<CustomizableOptions & {
+		items1?: string[]
+		items2?: string[]
+
+	}>(), {
+		items1: undefined,
+		items2: undefined,
+	})
+
+	const iconCheck = ref(checkIcon)
+	const iconCross = ref(croixIcon)
+
+</script>
+
+<template>
+	<VRow
+		class="mt-8"
+		style="display: flex;justify-content: center;"
+	>
+		<VCol
+			cols="12"
+			sm="5"
+			class="m-2 p-2 mr-2 v-col-auto check"
+		>
+			<div
+				style="display: flex;"
+				class="d-flex check-text"
+			>
+				<VIcon :icon="iconCheck" />
+				<p class="font-weight-bold mb-2">
+					À faire
+				</p>
+			</div>
+			<ul style="font-size: 13px;margin-left: 20px;">
+				<li
+					v-for="(item, index) in items1"
+					:key="index"
+					style="margin-bottom: 5px;"
+				>
+					<span>
+						{{ item }}
+					</span>
+				</li>
+			</ul>
+		</VCol>
+		<VCol
+			cols="12"
+			sm="5"
+			class="m-2 p-2 v-col-auto not-check"
+		>
+			<div class="d-flex not-check-text">
+				<VIcon :icon="iconCross" />
+				<p class="font-weight-bold mb-2">
+					À ne pas faire
+				</p>
+			</div>
+			<ul style="font-size: 13px;margin-left: 20px;">
+				<li
+					v-for="(item, index) in items2"
+					:key="index"
+					style="margin-bottom: 5px;"
+				>
+					<span>
+						{{ item }}
+					</span>
+				</li>
+			</ul>
+		</VCol>
+	</VRow>
+</template>
+
+<style lang="scss" scoped>
+.check {
+	background-color: #e5f7f4;
+
+	.check-text {
+		color: #004439;
+		font-weight: bold;
+	}
+}
+
+.not-check {
+	background: #fcedeb;
+
+	.not-check-text {
+		color: #b33f2e;
+		font-weight: bold;
+	}
+}
+</style>

package/src/components/index.ts

@@ -4,6 +4,7 @@ export type { RuleOptions } from '../composables/rules/useFieldValidation'
 export { useNotificationService } from '../services/NotificationService'
 export { default as BackBtn } from './BackBtn/BackBtn.vue'
 export { default as BackToTopBtn } from './BackToTopBtn/BackToTopBtn.vue'
+export { default as ChipList } from './ChipList/ChipList.vue'
 export { default as CollapsibleList } from './CollapsibleList/CollapsibleList.vue'
 export { default as ContextualMenu } from './ContextualMenu/ContextualMenu.vue'
 export { default as CookieBanner } from './CookieBanner/CookieBanner.vue'
@@ -22,7 +23,10 @@ export { default as DialogBox } from './DialogBox/DialogBox.vue'
 export { default as DownloadBtn } from './DownloadBtn/DownloadBtn.vue'
 export { default as ErrorPage } from './ErrorPage/ErrorPage.vue'
 export { default as ExternalLinks } from './ExternalLinks/ExternalLinks.vue'
+export { default as FileList } from './FileList/FileList.vue'
+export { default as FilePreview } from './FilePreview/FilePreview.vue'
 export { default as FileUpload } from './FileUpload/FileUpload.vue'
+export { default as FilterInline } from './FilterInline/FilterInline.vue'
 export { default as FooterBar } from './FooterBar/FooterBar.vue'
 export { default as FranceConnectBtn } from './FranceConnectBtn/FranceConnectBtn.vue'
 export { default as HeaderBar } from './HeaderBar/HeaderBar.vue'
@@ -45,7 +49,9 @@ export { default as NotFoundPage } from './NotFoundPage/NotFoundPage.vue'
 export { default as NotificationBar } from './NotificationBar/NotificationBar.vue'
 export * from './NotificationBar/types'
 export { default as PageContainer } from './PageContainer/PageContainer.vue'
+export { default as PaginatedTable } from './PaginatedTable/PaginatedTable.vue'
 export { default as PasswordField } from './PasswordField/PasswordField.vue'
+export { default as PeriodField } from './PeriodField/PeriodField.vue'
 export { default as PhoneField } from './PhoneField/PhoneField.vue'
 export { default as RangeField } from './RangeField/RangeField.vue'
 export { default as RatingPicker } from './RatingPicker/RatingPicker.vue'