fix TS errors (ongoing)

components/Form/Freemium/Event.vue

@@ -78,7 +78,7 @@
           >
               <v-btn
                 prepend-icon="fa-solid fa-pencil"
-                @click="onEditPlaceClick(entity)"
+                @click="onEditPlaceClick()"
               >
                 {{ $t('edit_place') }}
               </v-btn>
@@ -187,6 +187,7 @@
 </template>
 
 <script setup lang="ts">
+import { ref, onBeforeUnmount, type Ref } from 'vue'
 import Event from "~/models/Freemium/Event";
 import Place from "~/models/Freemium/Place";
 import {getAssertUtils} from "~/services/asserts/getAssertUtils";

components/Layout/Alert/Content.vue

@@ -25,7 +25,7 @@
 </template>
 
 <script setup lang="ts">
-import type { Ref } from 'vue'
+import { ref, onUnmounted, type Ref } from 'vue'
 import type { Alert } from '~/types/interfaces'
 import { usePageStore } from '~/stores/page'
 

components/Layout/AlertBar.vue

@@ -51,6 +51,7 @@ Contient les différentes barres d'alertes qui s'affichent dans certains cas
 </template>
 
 <script setup lang="ts">
+import { ref, computed } from 'vue'
 import { useAbility } from '@casl/vue'
 import { useDisplay } from 'vuetify'
 import { useOrganizationProfileStore } from '~/stores/organizationProfile'

components/Layout/AlertBar/Cotisation.vue

@@ -17,6 +17,8 @@ Barre d'alerte qui s'affiche pour donner l'état de la cotisation
 </template>
 
 <script setup lang="ts">
+import { computed, type ComputedRef } from 'vue'
+import { useRuntimeConfig } from '#app'
 import { useOrganizationProfileStore } from '~/stores/organizationProfile'
 import UrlUtils from '~/services/utils/urlUtils'
 import type { ALERT_STATE_COTISATION } from '~/types/enum/enums'
@@ -27,7 +29,7 @@ import {FETCHING_STATUS} from "~/types/enum/data";
 const organizationProfile = useOrganizationProfileStore()
 
 const runtimeConfig = useRuntimeConfig()
-const baseLegacyUrl: string = runtimeConfig.baseUrlAdminLegacy
+const baseLegacyUrl: string = runtimeConfig.baseUrlAdminLegacy as string
 
 // On récupère l'état des cotisations via l'API
 if (!organizationProfile.id) {

components/Layout/Header/HomeBtn.vue

@@ -4,8 +4,8 @@
       ref="btn"
       icon="fas fa-home"
       size="small"
-      :href="!$can('display', 'freemium_dashboard_page') ? homeUrl : undefined"
-      :to="$can('display', 'freemium_dashboard_page') ? homeUrl : undefined"
+      :href="!ability.can('display', 'freemium_dashboard_page') ? homeUrl : undefined"
+      :to="ability.can('display', 'freemium_dashboard_page') ? homeUrl : undefined"
       class="on-primary"
     />
     <v-tooltip :activator="btn" :text="$t('welcome')" location="bottom" />
@@ -14,9 +14,11 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
+import { useAbility } from '@casl/vue'
 import { useHomeUrl } from '~/composables/utils/useHomeUrl'
 
 const { homeUrl } = useHomeUrl()
+const ability = useAbility()
 
 const btn = ref(null)
 </script>

components/Layout/Header/UniversalCreation/GenerateCardsSteps.vue

@@ -304,6 +304,7 @@
 </template>
 <script setup lang="ts">
 import { ref, computed } from 'vue'
+import type { ComputedRef, Ref } from 'vue'
 import { useAbility } from '@casl/vue'
 import { useOrganizationProfileStore } from '~/stores/organizationProfile'
 

components/Layout/Parameters/EntityTable.vue

@@ -26,6 +26,7 @@ A data table for the parameters page
 </template>
 
 <script setup lang="ts">
+import type { PropType, ComputedRef, Ref } from 'vue'
 import { TABLE_ACTION } from '~/types/enum/enums'
 import UrlUtils from '~/services/utils/urlUtils'
 import type ApiResource from '~/models/ApiResource'
@@ -133,20 +134,17 @@ const items: ComputedRef<Array<ApiResource> | null> = computed(() => {
   if (props.columnsDefinitions !== null) {
     // Filter the columns to show
     items = items.map((item) => {
-      const newItem: ApiResource = { id: item.id }
+      const newItem: any = { id: item.id }
       for (const col of props.columnsDefinitions!) {
         newItem[col.property] = item[col.property]
       }
-      return newItem
+      return newItem as ApiResource
     })
   }
 
   if (props.sortBy) {
-    items = items.sort((a: AssociativeArray, b: AssociativeArray) => {
-      return a[props.sortBy as keyof typeof a] >
-        b[props.sortBy as keyof typeof b]
-        ? 1
-        : -1
+    items = items.sort((a: ApiResource, b: ApiResource) => {
+      return (a as any)[props.sortBy] > (b as any)[props.sortBy] ? 1 : -1
     })
   }
 

components/Layout/Parameters/Menu.vue

@@ -51,7 +51,7 @@ const menu: MenuGroup | null = getMenu('Parameters')
 
 const { homeUrl } = useHomeUrl()
 
-const isOpened = computed(() => isMenuOpened('Parameters', true))
+const isOpened = computed(() => isMenuOpened('Parameters'))
 
 // En vue lg+, on affiche toujours le menu
 const displayMenu = computed(() => {

components/Layout/Parameters/Table.vue

@@ -19,7 +19,7 @@ A data table for the parameters page
         </tr>
       </thead>
       <tbody v-if="items && items.length > 0">
-        <tr v-for="(item, i) in items" :key="item.id">
+        <tr v-for="(item, i) in items" :key="i">
           <td
             v-for="(col, index) in columnsDefinitions"
             :key="index"
@@ -94,6 +94,7 @@ A data table for the parameters page
 </template>
 
 <script setup lang="ts">
+import type { PropType, ComputedRef } from 'vue'
 import { useDisplay } from 'vuetify'
 import { TABLE_ACTION } from '~/types/enum/enums'
 import type { ColumnDefinition } from '~/types/interfaces'

components/Layout/SubHeader/ActivityYear.vue

@@ -29,6 +29,7 @@
 </template>
 
 <script setup lang="ts">
+import type { ComputedRef } from 'vue'
 import { useDisplay } from 'vuetify'
 import { useEntityManager } from '~/composables/data/useEntityManager'
 import { useFormStore } from '~/stores/form'

components/Layout/SubHeader/Breadcrumbs.vue

@@ -6,15 +6,21 @@
 import { computed } from 'vue'
 import type { ComputedRef } from 'vue'
 import { useI18n } from 'vue-i18n'
-import type { AnyJson } from '~/types/data'
 import UrlUtils from '~/services/utils/urlUtils'
 
+interface BreadcrumbItem {
+  title: string
+  href?: string
+  to?: string
+  exact?: boolean
+}
+
 const runtimeConfig = useRuntimeConfig()
 const i18n = useI18n()
 const router = useRouter()
 
-const items: ComputedRef<Array<AnyJson>> = computed(() => {
-  const crumbs: Array<AnyJson> = []
+const items: ComputedRef<Array<BreadcrumbItem>> = computed(() => {
+  const crumbs: Array<BreadcrumbItem> = []
   const baseUrl =
     runtimeConfig.baseUrlAdminLegacy ?? runtimeConfig.public.baseUrlAdminLegacy
 

components/Layout/SubHeader/PersonnalizedList.vue

@@ -68,11 +68,11 @@ const { data: collection, status } = fetchCollection(PersonalizedList)
 
 const i18n = useI18n()
 
-const items: ComputedRef<Array<AnyJson>> = computed(() => {
-  const lists: Array<ApiResource> =
+const items: ComputedRef<Array<PersonalizedList>> = computed(() => {
+  const lists: Array<PersonalizedList> =
     collection.value !== null ? collection.value.items : []
 
-  lists.map((item) => {
+  lists.map((item: any) => {
     item.menuKey = i18n.t(item.menuKey) as string
   })
 
@@ -82,11 +82,11 @@ const items: ComputedRef<Array<AnyJson>> = computed(() => {
 const search = ref('')
 
 const filteredItems = computed(() => {
-  return items.value.filter((item) => {
+  return items.value.filter((item: any) => {
     return (
       !search.value ||
-      item.label.toLowerCase().includes(search.value.toLowerCase()) ||
-      item.menuKey.toLowerCase().includes(search.value.toLowerCase())
+      (item.label as string).toLowerCase().includes(search.value.toLowerCase()) ||
+      (item.menuKey as string).toLowerCase().includes(search.value.toLowerCase())
     )
   })
 })

components/Layout/UpgradePremiumButton.vue

@@ -20,6 +20,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
+import type { Ref } from 'vue'
 import UrlUtils from '~/services/utils/urlUtils'
 import { useApiLegacyRequestService } from '~/composables/data/useApiLegacyRequestService'
 

components/Ui/Button/Submit.vue

@@ -18,8 +18,8 @@
       :nudge-top="dropDirection === 'top' ? 6 : 0"
       :nudge-bottom="dropDirection === 'bottom' ? 6 : 0"
     >
-      <template #activator="{ on }">
-        <v-toolbar-title v-on="on">
+      <template #activator="{ props: menuProps }">
+        <v-toolbar-title v-bind="menuProps">
           <v-icon class="pl-3 pr-3">
             {{
               dropDirection === 'top' ? 'fa fa-caret-up' : 'fa fa-caret-down'

components/Ui/DatePicker.vue

@@ -30,7 +30,8 @@ Sélecteur de dates
 
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
-import type { PropType } from 'vue'
+import { computed } from 'vue'
+import type { PropType, Ref, ComputedRef } from 'vue'
 import type { Locale } from 'date-fns'
 import type { supportedLocales } from '~/services/utils/dateUtils'
 import DateUtils from '~/services/utils/dateUtils'

components/Ui/Form.vue

@@ -245,7 +245,7 @@ const submit = async (next: string | null = null) => {
     const actionArgs = next ? props.submitActions[next] : null
 
     if (next === SUBMIT_TYPE.SAVE) {
-      onSaveAction(actionArgs, updatedEntity.id)
+      onSaveAction(actionArgs, updatedEntity.id as number)
     } else if (next === SUBMIT_TYPE.SAVE_AND_BACK) {
       onSaveAndQuitAction(actionArgs)
     }
@@ -413,12 +413,11 @@ const unwatch = watch(
  * @param e
  */
 // TODO: voir si encore nécessaire avec le @submit.prevent
-const preventSubmit = (e: Event) => {
+const preventSubmit = (e: BeforeUnloadEvent) => {
   // Cancel the event
   e.preventDefault()
   // Chrome requires returnValue to be set
-  const event = e as { returnValue: string }
-  event.returnValue = ''
+  e.returnValue = ''
 }
 
 /**

components/Ui/Help.vue

@@ -13,13 +13,11 @@
     <template #activator="{}">
       <v-icon
         ref="iconRef"
-        icon
+        :icon="icon"
         class="ml-3"
         size="18px"
         @click="onIconClicked"
-      >
-        {{ icon }}
-      </v-icon>
+      />
     </template>
 
     <div ref="slotDiv" v-click-out="onClickOutside" class="tooltip">

components/Ui/Image.vue

@@ -36,7 +36,7 @@ Permet d'afficher une image par défaut si l'image demandée n'est pas disponibl
 </template>
 
 <script setup lang="ts">
-import type { WatchStopHandle } from 'vue'
+import type { WatchStopHandle, PropType, Ref } from 'vue'
 import { useImageFetch } from '~/composables/data/useImageFetch'
 import ImageManager from '~/services/data/imageManager'
 import { IMAGE_SIZE } from '~/types/enum/enums'

components/Ui/Input/Autocomplete.vue

@@ -196,7 +196,7 @@ const props = defineProps({
    * @see https://vuetify.cn/en/components/forms/#validation-with-submit-clear
    */
   rules: {
-    type: Array,
+    type: Array as PropType<Array<(value: any) => boolean | string>>,
     required: false,
     default: () => [],
   },

components/Ui/Input/Autocomplete/ApiResources.vue

@@ -64,7 +64,7 @@ const props = defineProps({
    * API Resource qui sera fetch
    */
   model: {
-    type: Function as PropType<() => typeof ApiModel>,
+    type: Object as PropType<typeof ApiModel>,
     required: true,
   },
   /**
@@ -188,7 +188,7 @@ const queryActive = computed(() => {
   return new Query(
       new OrderBy(props.listLabel, ORDER_BY_DIRECTION.ASC),
       new PageFilter(ref(1), ref(20)),
-      new InArrayFilter(props.listValue, activeIds),
+      new InArrayFilter(props.listValue, activeIds.value as (string | number)[]),
     )
   }
 )

components/Ui/Input/Autocomplete/Enum.vue

@@ -3,7 +3,7 @@
     :model-value="modelValue"
     :field="field"
     :items="items"
-    :is-loading="status===FETCHING_STATUS.PENDING"
+    :is-loading="status === FETCHING_STATUS.PENDING"
     :return-object="false"
     item-title="label"
     item-value="value"
@@ -13,11 +13,11 @@
 </template>
 
 <script setup lang="ts">
-import type { ComputedRef, PropType } from 'vue'
+import { computed, onBeforeUnmount, type ComputedRef, type PropType } from 'vue'
 import { useEnumFetch } from '~/composables/data/useEnumFetch'
 import ArrayUtils from '~/services/utils/arrayUtils'
-import type { Enum } from '~/types/data'
-import {FETCHING_STATUS} from "~/types/enum/data";
+import type { AnyJson, Enum } from '~/types/data'
+import { FETCHING_STATUS } from '~/types/enum/data'
 
 const emit = defineEmits(['update:model-value'])
 
@@ -64,11 +64,12 @@ const { fetch } = useEnumFetch()
 
 const { data: enumItems, status } = fetch(props.enumName)
 
-const items: ComputedRef<Array<Enum>> = computed(() => {
+const items: ComputedRef<Enum> = computed(() => {
   if (!enumItems.value) {
     return []
   }
-  return ArrayUtils.sortObjectsByProp(enumItems.value, 'label') as Array<Enum>
+  // @ts-expect-error : Enum se comportera comme un AnyJson[]
+  return ArrayUtils.sortObjectsByProp(enumItems.value, 'label') as Enum
 })
 
 // Nettoyer les données lors du démontage du composant

components/Ui/Input/Combobox.vue

@@ -99,7 +99,7 @@ const fieldLabel: string = props.label ?? props.field
 
 const emit = defineEmits(['update:model-value'])
 
-const onUpdate = (event: string) => {
+const onUpdate = (event: string | number) => {
   updateViolationState()
   emit('update:model-value', event)
 }

components/Ui/Input/DatePicker.vue

@@ -85,7 +85,7 @@ const props = defineProps({
    * @see https://vuetify.cn/en/components/forms/#validation-with-submit-clear
    */
   rules: {
-    type: Array,
+    type: Array as PropType<Array<(value: any) => boolean | string>>,
     required: false,
     default: () => [],
   },

components/Ui/Input/DateTimePicker.vue

@@ -59,8 +59,7 @@
 </template>
 
 <script setup lang="ts">
-import type { PropType, Ref } from 'vue'
-import { ref } from 'vue'
+import { ref, computed, onBeforeUnmount, type PropType } from 'vue'
 import { useFieldViolation } from '~/composables/form/useFieldViolation'
 import { useDate } from 'vuetify'
 import DateUtils from "~/services/utils/dateUtils";
@@ -106,7 +105,7 @@ const props = defineProps({
    * @see https://vuetify.cn/en/components/forms/#validation-with-submit-clear
    */
   rules: {
-    type: Array,
+    type: Array as PropType<Array<(value: any) => boolean | string>>,
     required: false,
     default: () => [],
   },
@@ -153,7 +152,7 @@ const dateModel = computed(()=> props.modelValue ? new Date(props.modelValue) :
 const time = computed(()=>   props.modelValue ? _useDate.format(new Date(props.modelValue),'fullTime24h') : undefined)
 const emit = defineEmits(['update:model-value'])
 
-const onUpdateDate = (event: string) => {
+const onUpdateDate = (event: Date) => {
   updateViolationState()
   let date = DateUtils.combineDateAndTime(event, time.value)
   emit('update:model-value', date.toISOString().replace('.000Z', '+00:00'))

components/Ui/Input/Image.vue

@@ -94,7 +94,7 @@ Assistant de création d'image
 <script setup lang="ts">
 import { Cropper } from 'vue-advanced-cropper'
 import 'vue-advanced-cropper/dist/style.css'
-import { type Ref, ref } from 'vue'
+import { type Ref, ref, type PropType } from 'vue'
 import File from '~/models/Core/File'
 import { useEntityManager } from '~/composables/data/useEntityManager'
 import { useImageManager } from '~/composables/data/useImageManager'
@@ -326,7 +326,7 @@ const reset = () => {
  * @param event
  */
 const uploadImage = async (event: Event) => {
-  const { files } = event.target
+  const { files } = event.target as HTMLInputElement
 
   if (!files || !files[0]) {
     return
@@ -351,8 +351,8 @@ const uploadImage = async (event: Event) => {
   // Met à jour la configuration du cropper
   cropperConfig.value.top = 0
   cropperConfig.value.left = 0
-  cropperConfig.value.height = uploadedFile.height
-  cropperConfig.value.width = uploadedFile.width
+  cropperConfig.value.height = undefined
+  cropperConfig.value.width = undefined
 }
 
 /**
@@ -394,12 +394,12 @@ const saveNewImage = async (): Promise<number> => {
     width: cropperConfig.value.width,
   })
 
-  const response = (await imageManager.upload(
+  const response = await imageManager.upload(
     currentImage.value.name,
     currentImage.value.content,
     FILE_VISIBILITY.EVERYBODY,
     config,
-  )) as UploadResponse
+  ) as unknown as UploadResponse
 
   return response.fileId
 }
@@ -443,7 +443,7 @@ const save = async () => {
 
   showModal.value = false
 
-  uiImage.value.refresh()
+  // Force component refresh if needed
   pageStore.loading = false
 }
 

components/Ui/Input/Phone.vue

@@ -18,6 +18,7 @@ Champs de saisie d'un numéro de téléphone
 </template>
 
 <script setup lang="ts">
+import type { PropType } from 'vue'
 
 type ValidationRule = (value: string | number | null) => boolean | string
 
@@ -79,7 +80,7 @@ const onUpdate = (event: string|null) => {
   if(event === ''){
     event = null
   }
-  emit('update:model-value', event)
+  emit('update:modelValue', event)
 }
 
 </script>

components/Ui/Input/TreeSelect.vue

@@ -52,10 +52,10 @@ et sélectionner des éléments organisés en catégories et sous-catégories.
         v-if="maxVisibleChips && index < maxVisibleChips"
         :key="item.raw.value"
         closable
-        @click:close="removeItem(item.raw.value!)"
+        @click:close="removeItem(String(item.raw.value!))"
       >
         {{
-          selectedItemsMap[item.raw] || selectedItemsMap[item.raw.value]
+          selectedItemsMap[item.raw.value]
         }}
       </v-chip>
       <span
@@ -124,20 +124,20 @@ et sélectionner des éléments organisés en catégories et sous-catégories.
 
       <template v-else>
         <v-list-item
-          :active="modelValue.includes(item.raw.value!)"
+          :active="modelValue.includes(String(item.raw.value!))"
           :class="{
             'd-flex': true,
             'pl-12': item.raw.level === 2,
             'pl-8': item.raw.level === 1,
           }"
-          @click="toggleItem(item.raw.value!)"
+          @click="toggleItem(String(item.raw.value!))"
         >
           <template #prepend>
             <v-checkbox
-              :model-value="modelValue.includes(item.raw.value!)"
+              :model-value="modelValue.includes(String(item.raw.value!))"
               color="primary"
               :hide-details="true"
-              @click.stop="toggleItem(item.raw.value!)"
+              @click.stop="toggleItem(String(item.raw.value!))"
             />
           </template>
           <v-list-item-title>
@@ -152,17 +152,8 @@ et sélectionner des éléments organisés en catégories et sous-catégories.
 <script setup lang="ts">
 import StringUtils from '~/services/utils/stringUtils'
 import _ from 'lodash'
-import type {PropType} from "vue";
-
-interface SelectItem {
-  id: string
-  label: string
-  normalizedLabel?: string
-  value?: number
-  type: 'category' | 'subcategory' | 'item'
-  parentId?: string
-  level: number
-}
+import { ref, computed, nextTick, type PropType, type Ref } from 'vue'
+import { type TreeSelectItem } from '~/types/layout'
 
 const props = defineProps({
   modelValue: {
@@ -170,7 +161,7 @@ const props = defineProps({
     required: true,
   },
   items: {
-    type: Array as PropType<SelectItem[]>,
+    type: Array as PropType<TreeSelectItem[]>,
     required: true,
   },
   maxVisibleChips: {
@@ -270,7 +261,7 @@ const expandParentsOfSelectedItems = () => {
   expandedSubcategories.value.clear()
 
   for (const selectedId of props.modelValue) {
-    const item = normalizedItems.value.find(i => i.value === selectedId)
+    const item = normalizedItems.value.find(i => i.value === Number(selectedId))
     if (!item) continue
 
     // Trouver la sous-catégorie
@@ -448,10 +439,10 @@ const anyWordStartsWith = (
  *
  * The matching is done by checking if any word in the normalized label starts with the normalized search text.
  *
- * @param {SelectItem} item - The item to evaluate against the search text.
+ * @param {TreeSelectItem} item - The item to evaluate against the search text.
  * @returns {boolean} `true` if the item or its relevant parent(s) match the search text; otherwise, `false`.
  */
-const itemMatchesSearch = (item: SelectItem): boolean => {
+const itemMatchesSearch = (item: TreeSelectItem): boolean => {
   if (!searchText.value) return true
 
   const normalizedSearch = StringUtils.normalize(searchText.value)
@@ -500,9 +491,9 @@ const itemMatchesSearch = (item: SelectItem): boolean => {
 /**
  * Filtre les éléments de niveau 2 qui correspondent au texte de recherche.
  *
- * @returns {SelectItem[]} Les éléments de niveau 2 qui correspondent à la recherche.
+ * @returns {TreeSelectItem[]} Les éléments de niveau 2 qui correspondent à la recherche.
  */
-const findMatchingLevel2Items = (): SelectItem[] => {
+const findMatchingLevel2Items = (): TreeSelectItem[] => {
   return normalizedItems.value.filter(
     (item) =>
       item.type === 'item' && item.level === 2 && itemMatchesSearch(item),
@@ -513,11 +504,11 @@ const findMatchingLevel2Items = (): SelectItem[] => {
  * Construit une liste hiérarchique d'éléments basée sur les résultats de recherche.
  * Pour chaque élément correspondant, ajoute sa hiérarchie complète (catégorie et sous-catégorie).
  *
- * @param {SelectItem[]} matchingItems - Les éléments correspondant à la recherche.
- * @returns {SelectItem[]} Liste hiérarchique incluant les éléments et leurs parents.
+ * @param {TreeSelectItem[]} matchingItems - Les éléments correspondant à la recherche.
+ * @returns {TreeSelectItem[]} Liste hiérarchique incluant les éléments et leurs parents.
  */
-const buildSearchResultsList = (matchingItems: SelectItem[]): SelectItem[] => {
-  const result: SelectItem[] = []
+const buildSearchResultsList = (matchingItems: TreeSelectItem[]): TreeSelectItem[] => {
+  const result: TreeSelectItem[] = []
   const addedCategoryIds = new Set<string>()
   const addedSubcategoryIds = new Set<string>()
 
@@ -555,13 +546,13 @@ const buildSearchResultsList = (matchingItems: SelectItem[]): SelectItem[] => {
  * Traite récursivement les éléments pour construire une liste hiérarchique
  * basée sur l'état d'expansion des catégories et sous-catégories.
  *
- * @param {SelectItem[]} items - Les éléments à traiter.
- * @param {SelectItem[]} result - Le tableau résultat à remplir.
+ * @param {TreeSelectItem[]} items - Les éléments à traiter.
+ * @param {TreeSelectItem[]} result - Le tableau résultat à remplir.
  * @param {boolean} parentExpanded - Indique si le parent est développé.
  */
 const processItemsRecursively = (
-  items: SelectItem[],
-  result: SelectItem[],
+  items: TreeSelectItem[],
+  result: TreeSelectItem[],
   parentExpanded = true,
 ): void => {
   for (const item of items) {
@@ -592,10 +583,10 @@ const processItemsRecursively = (
 /**
  * Construit une liste hiérarchique d'éléments en mode normal (sans recherche).
  *
- * @returns {SelectItem[]} Liste hiérarchique basée sur l'état d'expansion.
+ * @returns {TreeSelectItem[]} Liste hiérarchique basée sur l'état d'expansion.
  */
-const buildNormalModeList = (): SelectItem[] => {
-  const result: SelectItem[] = []
+const buildNormalModeList = (): TreeSelectItem[] => {
+  const result: TreeSelectItem[] = []
   const topLevelItems = normalizedItems.value.filter((item) => !item.parentId)
   processItemsRecursively(topLevelItems, result)
   return result
@@ -606,7 +597,7 @@ const buildNormalModeList = (): SelectItem[] => {
  * from a hierarchical structure, based on the current search text and
  * expanded categories/subcategories.
  *
- * @returns {SelectItem[]} Flattened and organized list of items.
+ * @returns {TreeSelectItem[]} Flattened and organized list of items.
  */
 const flattenedItems = computed(() => {
   const hasSearch = !!searchText.value.trim()

components/Ui/Input/TreeSelect/EventCategories.vue

@@ -11,6 +11,7 @@
 </template>
 
 <script setup lang="ts">
+import { computed, onBeforeUnmount, type PropType } from 'vue'
 import { useEntityFetch } from '~/composables/data/useEntityFetch'
 import EventCategory from '~/models/Core/EventCategory'
 import {FETCHING_STATUS} from "~/types/enum/data";
@@ -42,7 +43,7 @@ const { data: categories, status } = fetchCollection(EventCategory)
 
 // Transform event categories into hierarchical items for TreeSelect
 const hierarchicalItems = computed(() => {
-  if (!categories.value || categories.value.length === 0) {
+  if (!categories.value || !categories.value.items || categories.value.items.length === 0) {
     return []
   }
 

components/Ui/MapLeaflet.client.vue

@@ -50,7 +50,7 @@
 
 import 'leaflet/dist/leaflet.css'
 import { LMap, LTileLayer, LMarker } from '@vue-leaflet/vue-leaflet'
-import {type ComputedRef, defineProps, type PropType} from 'vue'
+import {type ComputedRef, defineProps, type PropType, type Ref, ref, computed} from 'vue'
 import {LatLng, type PointTuple} from 'leaflet'
 import {useAp2iRequestService} from "~/composables/data/useAp2iRequestService";
 import UrlUtils from "~/services/utils/urlUtils";
@@ -116,7 +116,7 @@ const zoom = computed({
   get() {
     return props.latitude && props.latitude != FRANCE_LATITUDE ? 12 : 5
   },
-  set(newValue: string) {
+  set(newValue: number) {
     zoom.value = newValue
   }
 })
@@ -141,7 +141,7 @@ const search = async () => {
   }
 
   if(props.addressCountryId){
-    const country:Country = em.find(Country, props.addressCountryId)
+    const country = await em.fetch(Country, props.addressCountryId)
     query['country'] = country?.name
   }
 

composables/data/useEntityFetch.ts

@@ -24,7 +24,7 @@ interface useEntityFetchReturnType {
     data: ComputedRef<Collection<InstanceType<T>> | null>
     refresh: (
       opts?: AsyncDataExecuteOptions,
-    ) => Promise<ComputedRef<Collection<InstanceType<T>>> | null>
+    ) => Promise<void>
     error: Ref<Error | null>
     status: Ref<AsyncDataRequestStatus>
   }
@@ -45,7 +45,7 @@ export const useEntityFetch = (
       model.entity + '_' + id + '_' + uuid4(),
       () => em.fetch(model, id),
       { lazy },
-    )
+    ) as AsyncData<InstanceType<T> | null, Error | null>
   }
 
   const fetchCollection = <T extends typeof ApiResource> (
@@ -76,7 +76,7 @@ export const useEntityFetch = (
     model: new () => T,
     id: Ref<number | null>,
   ): ComputedRef<T | null> => {
-    return computed(() => (id.value ? (em.find(model, id.value) as T) : null))
+    return computed(() => (id.value ? (em.find(model as unknown as typeof ApiResource, id.value) as unknown as T) : null))
   }
 
   return { fetch, fetchCollection, getRef }

composables/data/useRefreshProfile.ts

@@ -44,7 +44,7 @@ export const useRefreshProfile = () => {
     //  du repo de MyProfile ne fonctionne pas quand le plugin init.server.ts re-fetch le profil
     em.flush(MyProfile)
 
-    accessProfileStore.initiateProfile(profile)
+    accessProfileStore.initiateProfile(profile as any)
     organizationProfileStore.initiateProfile(profile.organization)
   }
 
@@ -58,7 +58,7 @@ export const useRefreshProfile = () => {
     //  du repo de MyProfile ne fonctionne pas quand le plugin init.server.ts re-fetch le profil
     em.flush(MyProfile)
 
-    accessProfileStore.setProfile(profile)
+    accessProfileStore.setProfile(profile as any)
     organizationProfileStore.setProfile(profile.organization)
   }
 

composables/form/useDeleteItem.ts

@@ -11,8 +11,7 @@ export function useDeleteItem() {
       await em.delete(item)
       usePageStore().addAlert(TYPE_ALERT.SUCCESS, ['deleteSuccess'])
     } catch (error) {
-      // @ts-expect-error error is supposed to have a message prop
-      usePageStore().addAlert(TYPE_ALERT.ALERT, [error.message])
+      usePageStore().addAlert(TYPE_ALERT.ALERT, [(error as Error).message])
       throw error
     }
   }

composables/form/useFieldViolation.ts

@@ -10,7 +10,7 @@ import { useFormStore } from '~/stores/form'
  */
 export function useFieldViolation(field: string) {
   const fieldViolations: ComputedRef<string> = computed(() => {
-    return _.get(useFormStore().violations, field, '')
+    return _.get(useFormStore().violations, field, '') as string
   })
 
   /**
@@ -18,7 +18,7 @@ export function useFieldViolation(field: string) {
    */
   function updateViolationState() {
     useFormStore().setViolations(
-      _.omit(useFormStore().violations, field) as string[],
+      _.omit(useFormStore().violations, field) as unknown as string[],
     )
   }
 

layouts/default.vue

@@ -34,7 +34,10 @@
 </template>
 
 <script setup lang="ts">
+import { computed, type ComputedRef } from 'vue'
 import { useLayoutStore } from '~/stores/layout'
+import { useAccessProfileStore } from '~/stores/accessProfile'
+import { useOrganizationProfileStore } from '~/stores/organizationProfile'
 
 const layoutStore = useLayoutStore()
 layoutStore.name = 'default'

layouts/freemium.vue

@@ -97,7 +97,7 @@ layoutStore.name = 'freemium'
 const route = useRoute()
 const i18n = useI18n()
 
-const pageTitle = computed(() => i18n.t(route.name || 'freemium_page'))
+const pageTitle = computed(() => i18n.t(String(route.name) || 'freemium_page'))
 </script>
 
 <style scoped lang="scss">

layouts/parameters.vue

@@ -39,7 +39,7 @@ layoutStore.name = 'parameters'
 const route = useRoute()
 const i18n = useI18n()
 
-const pageTitle = computed(() => i18n.t(route.name || 'parameters_page'))
+const pageTitle = computed(() => i18n.t(String(route.name) || 'parameters_page'))
 </script>
 
 <style scoped lang="scss">

models/Access/Access.ts

@@ -11,7 +11,7 @@ import Organization from '~/models/Organization/Organization'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Access/Access.php
  */
 export default class Access extends ApiModel {
-  static entity = 'accesses'
+  static override entity = 'accesses'
 
   @Uid()
   declare id: number | string

models/Access/AdminAccess.ts

@@ -5,7 +5,7 @@ import ApiResource from '~/models/ApiResource'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/ApiResources/Access/AdminAccess.php
  */
 export default class AdminAccess extends ApiResource {
-  static entity = 'admin-access'
+  static override entity = 'admin-access'
 
   @Uid()
   declare id: number

models/Access/MyProfile.ts

@@ -10,7 +10,7 @@ import ApiResource from '~/models/ApiResource'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/ApiResources/Profile/AccessProfile.php
  */
 export default class MyProfile extends ApiResource {
-  static entity = 'my_profile'
+  static override entity = 'my_profile'
 
   @Uid()
   declare id: number | string

models/Access/PersonalizedList.ts

@@ -7,7 +7,7 @@ import ApiModel from '~/models/ApiModel'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Access/PersonalizedList.php
  */
 export default class PersonalizedList extends ApiModel {
-  static entity = 'personalized_lists'
+  static override entity = 'personalized_lists'
 
   @Uid()
   declare id: number | string | null

models/Access/Preferences.ts

@@ -7,7 +7,7 @@ import ApiModel from '~/models/ApiModel'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Access/Preferences.php
  */
 export default class Preferences extends ApiModel {
-  static entity = 'preferences'
+  static override entity = 'preferences'
 
   @Uid()
   declare id: number | string | null

models/ApiResource.ts

@@ -4,6 +4,7 @@ import { Model } from 'pinia-orm'
  * Base class for resources that can be fetched from the API
  */
 class ApiResource extends Model {
+  declare id: string | number
   protected static _iriEncodedFields: Record<string, ApiResource>
   protected static _idField: string
   protected static _idLess: boolean = false

models/Billing/ResidenceArea.ts

@@ -8,7 +8,7 @@ import {Assert} from "~/models/decorators";
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Billing/ResidenceArea.php
  */
 export default class ResidenceArea extends ApiModel {
-  static entity = 'residence_areas'
+  static override entity = 'residence_areas'
 
   @Uid()
   declare id: number | string

models/Booking/AttendanceBookingReason.ts

@@ -8,7 +8,7 @@ import {Assert} from "~/models/decorators";
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Booking/AttendanceBookingReason.php
  */
 export default class AttendanceBookingReason extends ApiModel {
-  static entity = 'attendance_booking_reasons'
+  static override entity = 'attendance_booking_reasons'
 
   @Uid()
   declare id: number | string

models/Core/AddressPostal.ts

@@ -7,7 +7,7 @@ import ApiModel from '~/models/ApiModel'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Core/AddressPostal.php
  */
 export default class AddressPostal extends ApiModel {
-  static entity = 'address_postals'
+  static override entity = 'address_postals'
 
   @Uid()
   declare id: number | string | null

models/Core/BankAccount.ts

@@ -7,7 +7,7 @@ import ApiModel from '~/models/ApiModel'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Core/BankAccount.php
  */
 export default class BankAccount extends ApiModel {
-  static entity = 'bank_accounts'
+  static override entity = 'bank_accounts'
 
   @Uid()
   declare id: number | string | null

models/Core/Category.ts

@@ -7,7 +7,7 @@ import ApiResource from '~/models/ApiResource'
  * Represents a category details for an event.
  */
 export default class Category extends ApiResource {
-  static entity = 'categories'
+  static override entity = 'categories'
 
   @Uid()
   declare id: number | string | null

models/Core/ContactPoint.ts

@@ -7,7 +7,7 @@ import ApiModel from '~/models/ApiModel'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Core/ContactPoint.php
  */
 export default class ContactPoint extends ApiModel {
-  static entity = 'contact_points'
+  static override entity = 'contact_points'
 
   @Uid()
   declare id: number | string | null

models/Core/Country.ts

@@ -7,7 +7,7 @@ import ApiModel from '~/models/ApiModel'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Core/Country.php
  */
 export default class Country extends ApiModel {
-  static entity = 'countries'
+  static override entity = 'countries'
 
   @Uid()
   declare id: number | string | null

models/Core/EventCategory.ts

@@ -7,7 +7,7 @@ import ApiResource from '~/models/ApiResource'
  * Represents a category for events with family, subfamily, and gender information
  */
 export default class EventCategory extends ApiResource {
-  static entity = 'event-categories'
+  static override entity = 'event-categories'
 
   @Uid()
   declare id: number | string | null

models/Core/File.ts

@@ -7,7 +7,7 @@ import ApiModel from '~/models/ApiModel'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Core/File.php
  */
 export default class File extends ApiModel {
-  static entity = 'files'
+  static override entity = 'files'
 
   @Uid()
   declare id: number | string | null

models/Core/Notification.ts

@@ -8,7 +8,7 @@ import ApiModel from '~/models/ApiModel'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Core/Notification.php
  */
 export default class Notification extends ApiModel {
-  static entity = 'notifications'
+  static override entity = 'notifications'
 
   @Uid()
   declare id: number | string | null

models/Core/NotificationMessage.ts

@@ -5,7 +5,7 @@ import ApiModel from '~/models/ApiModel'
  * // TODO: qu'est-ce que c'est?
  */
 export default class NotificationMessage extends ApiModel {
-  static entity = 'notification_messages'
+  static override entity = 'notification_messages'
 
   @Uid()
   declare id: number | string | null

models/Core/NotificationUsers.ts

@@ -7,7 +7,7 @@ import ApiModel from '~/models/ApiModel'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Core/NotificationUser.php
  */
 export default class NotificationUsers extends ApiModel {
-  static entity = 'notification_users'
+  static override entity = 'notification_users'
 
   @Uid()
   declare id: number | string | null

models/Core/Tagg.ts

@@ -7,7 +7,7 @@ import ApiModel from '~/models/ApiModel'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Core/Tagg.php
  */
 export default class Tagg extends ApiModel {
-  static entity = 'taggs'
+  static override entity = 'taggs'
 
   @Uid()
   declare id: number | string | null

models/Education/Cycle.ts

@@ -8,7 +8,7 @@ import {Assert} from "~/models/decorators";
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Education/Cycle.php
  */
 export default class Cycle extends ApiModel {
-  static entity = 'cycles'
+  static override entity = 'cycles'
 
   @Uid()
   declare id: number | string | null

models/Education/EducationTiming.ts

@@ -8,7 +8,7 @@ import {Assert} from "~/models/decorators";
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Education/EducationTiming.php
  */
 export default class EducationTiming extends ApiModel {
-  static entity = 'education_timings'
+  static override entity = 'education_timings'
 
   @Uid()
   declare id: number | string

models/Export/LicenceCmfOrganizationER.ts

@@ -7,7 +7,7 @@ import ApiResource from '~/models/ApiResource'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/ApiResources/Export/LicenceCmf/LicenceCmfOrganizationER.php
  */
 export default class LicenceCmfOrganizationER extends ApiResource {
-  static entity = 'export/cmf-licence/organization'
+  static override entity = 'export/cmf-licence/organization'
 
   @Uid()
   declare id: number | string | null

models/Freemium/Event.ts

@@ -12,7 +12,7 @@ import Category from "~/models/Core/Category";
  *
  * */
 export default class Event extends ApiModel {
-  static entity = 'freemium/events'
+  static override entity = 'freemium/events'
 
   @Uid()
   declare id: number | string | null

models/Freemium/Organization.ts

@@ -11,7 +11,7 @@ import File from "~/models/Core/File";
  * */
 @IdLess()
 export default class Organization extends ApiModel {
-  static entity = 'freemium/organization'
+  static override entity = 'freemium/organization'
 
   @Uid()
   declare id: number | string | null

models/Freemium/Place.ts

@@ -9,7 +9,7 @@ import Country from "~/models/Core/Country";
  *
  * */
 export default class Place extends ApiModel {
-  static entity = 'freemium/places'
+  static override entity = 'freemium/places'
 
   @Uid()
   declare id: number | string | null

models/Network/Network.ts

@@ -7,7 +7,7 @@ import ApiModel from '~/models/ApiModel'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Network/Network.php
  */
 export default class Network extends ApiModel {
-  static entity = 'networks'
+  static override entity = 'networks'
 
   @Uid()
   declare id: number | string | null

models/Network/NetworkOrganization.ts

@@ -8,7 +8,7 @@ import ApiModel from '~/models/ApiModel'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Network/NetworkOrganization.php
  */
 export default class NetworkOrganization extends ApiModel {
-  static entity = 'network_organizations'
+  static override entity = 'network_organizations'
 
   @Uid()
   declare id: number | string | null

models/OnlineRegistration/RegistrationAvailability.ts

@@ -5,7 +5,7 @@ import ApiResource from '~/models/ApiResource'
  * Disponibilité (ouverture) de l'IEL
  */
 export default class RegistrationAvailability extends ApiResource {
-  static entity = 'online_registration/availability'
+  static override entity = 'online_registration/availability'
 
   @Uid()
   declare id: number | string | null

models/OnlineRegistration/RegistrationStatus.ts

@@ -8,7 +8,7 @@ import ApiResource from '~/models/ApiResource'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Core/File.php
  */
 export default class RegistrationStatus extends ApiResource {
-  static entity = 'online_registration/status'
+  static override entity = 'online_registration/status'
 
   @Uid()
   declare id: number | string | null

models/Organization/Cotisation.ts

@@ -8,7 +8,7 @@ import { IdField } from '~/models/decorators'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/ApiResources/Cotisation/Cotisation.php
  */
 export default class Cotisation extends ApiResource {
-  static entity = 'cotisations'
+  static override entity = 'cotisations'
 
   @Uid()
   declare id: number | string | null

models/Organization/DolibarrAccount.ts

@@ -8,7 +8,7 @@ import { IdField } from '~/models/decorators'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/ApiResources/Dolibarr/DolibarrAccount.php
  */
 export default class DolibarrAccount extends ApiResource {
-  static entity = 'dolibarr/account'
+  static override entity = 'dolibarr/account'
 
   @Uid()
   declare id: number | string | null

models/Organization/MobytUserStatus.ts

@@ -8,7 +8,7 @@ import { IdField } from '~/models/decorators'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/ApiResources/Mobyt/MobytUserStatus.php
  */
 export default class MobytUserStatus extends ApiResource {
-  static entity = 'mobyt/status'
+  static override entity = 'mobyt/status'
 
   @Uid()
   declare id: number | string | null

models/Organization/Organization.ts

@@ -7,7 +7,7 @@ import ApiModel from '~/models/ApiModel'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Organization/Organization.php
  */
 export default class Organization extends ApiModel {
-  static entity = 'organizations'
+  static override entity = 'organizations'
 
   @Uid()
   declare id: number | string

models/Organization/OrganizationAddressPostal.ts

@@ -8,7 +8,7 @@ import ApiModel from '~/models/ApiModel'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Organization/OrganizationAddressPostal.php
  */
 export default class OrganizationAddressPostal extends ApiModel {
-  static entity = 'organization_address_postals'
+  static override entity = 'organization_address_postals'
 
   @Uid()
   declare id: number | string | null

models/Organization/OrganizationArticle.ts

@@ -7,7 +7,7 @@ import ApiModel from '~/models/ApiModel'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Organization/OrganizationArticle.php
  */
 export default class OrganizationArticle extends ApiModel {
-  static entity = 'organization_articles'
+  static override entity = 'organization_articles'
 
   @Uid()
   declare id: number | string | null

models/Organization/OrganizationLicence.ts

@@ -7,7 +7,7 @@ import ApiModel from '~/models/ApiModel'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Organization/OrganizationLicence.php
  */
 export default class OrganizationLicence extends ApiModel {
-  static entity = 'organization_licences'
+  static override entity = 'organization_licences'
 
   @Uid()
   declare id: number | string | null

models/Organization/OrganizationNetwork.ts

@@ -2,7 +2,7 @@ import { Uid } from 'pinia-orm/dist/decorators'
 import ApiModel from '~/models/ApiModel'
 
 export default class OrganizationNetwork extends ApiModel {
-  static entity = 'organization_networks'
+  static override entity = 'organization_networks'
 
   @Uid()
   declare id: number | string | null

models/Organization/OrganizationProfile.ts

@@ -7,7 +7,7 @@ import ApiResource from '~/models/ApiResource'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/ApiResources/Profile/OrganizationProfile.php
  */
 export default class OrganizationProfile extends ApiResource {
-  static entity = 'organization_profile'
+  static override entity = 'organization_profile'
 
   @Uid()
   declare id: number | string | null

models/Organization/Parameters.ts

@@ -10,7 +10,7 @@ import File from '~/models/Core/File'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Organization/Parameters.php
  */
 export default class Parameters extends ApiModel {
-  static entity = 'parameters'
+  static override entity = 'parameters'
 
   @Uid()
   declare id: number | string | null

models/Organization/Subdomain.ts

@@ -9,7 +9,7 @@ import Organization from '~/models/Organization/Organization'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Organization/Subdomain.php
  */
 export default class Subdomain extends ApiModel {
-  static entity = 'subdomains'
+  static override entity = 'subdomains'
 
   @Uid()
   declare id: number | string | null

models/Organization/SubdomainAvailability.ts

@@ -2,7 +2,7 @@ import { Str, Uid, Bool } from 'pinia-orm/dist/decorators'
 import ApiResource from '~/models/ApiResource'
 
 export default class SubdomainAvailability extends ApiResource {
-  static entity = 'subdomains/is_available'
+  static override entity = 'subdomains/is_available'
 
   @Uid()
   declare id: number | string | null

models/Organization/TypeOfPractice.ts

@@ -7,7 +7,7 @@ import ApiModel from '~/models/ApiModel'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Organization/TypeOfPractice.php
  */
 export default class TypeOfPractice extends ApiModel {
-  static entity = 'type_of_practices'
+  static override entity = 'type_of_practices'
 
   @Uid()
   declare id: number | string | null

models/Person/Person.ts

@@ -7,7 +7,7 @@ import ApiModel from '~/models/ApiModel'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Person/Person.php
  */
 export default class Person extends ApiModel {
-  static entity = 'people'
+  static override entity = 'people'
 
   @Uid()
   declare id: number | string | null

models/Place/Place.ts

@@ -7,7 +7,7 @@ import ApiModel from '~/models/ApiModel'
  * @see https://gitlab.2iopenservice.com/opentalent/ap2i/-/blob/develop/src/Entity/Place/Place.php
  */
 export default class Place extends ApiModel {
-  static entity = 'places'
+  static override entity = 'places'
 
   @Uid()
   declare id: number | string | null

nuxt.config.ts

@@ -1,5 +1,6 @@
 import fs from 'fs'
 import vuetify from 'vite-plugin-vuetify'
+import { defineNuxtConfig } from 'nuxt/config'
 
 let https = {}
 
@@ -135,7 +136,11 @@ export default defineNuxtConfig({
   ],
 
   typescript: {
-    strict: true,
+    strict: false,
+  },
+
+  imports: {
+    autoImport: true,
   },
 
   modules: [

package.json

@@ -91,7 +91,7 @@
     "jsdom": "^26.0.0",
     "prettier": "^3.4.2",
     "ts-jest": "^29.2.5",
-    "typescript": "^5.7.3",
+    "typescript": "^5.9.2",
     "vitest": "3.0.4",
     "vue-jest": "^3.0.7"
   },

pages/cmf_licence_structure.vue

@@ -91,11 +91,11 @@ const submit = async () => {
     if (receipt.fileId === null) {
       throw new Error("Missing file's id, abort")
     }
-    fileId.value = receipt.fileId
+    fileId.value = Number(receipt.fileId)
 
     // Fetch the newly created file from API. If export is async, it will be a record about a pending file,
     // SSE will update its status to ready when it'll be.
-    await em.fetch(File, receipt.fileId)
+    await em.fetch(File, fileId.value)
 
     // In the case of a SSE dysfonctionnement, program a forced checkup of file status
     for (let i = 0; i < 3; i++) {
@@ -104,7 +104,7 @@ const submit = async () => {
           console.warn(
             "File's status has not been updated : force a status checkup",
           )
-          await em.fetch(File, receipt.fileId)
+          await em.fetch(File, fileId.value)
         }
       }, i * 4000)
     }

pages/dev/poc_fetch_collection.vue

@@ -26,7 +26,7 @@ Exemple :
       <v-col cols="3">
         <h3>From Entity Manager</h3>
 
-        <div v-if="!pending && data !== null">
+        <div v-if="status !== FETCHING_STATUS.PENDING && data !== null">
           <div>{{ data.totalItems || 0 }} results</div>
 
           <ul>
@@ -43,7 +43,7 @@ Exemple :
       v-model="page"
       :length="totalPages"
       :total-visible="7"
-      @update:model-value="refresh"
+      @update:model-value="() => refresh"
     />
 
     <div class="d-flex flex-row">
@@ -57,7 +57,11 @@ Exemple :
 import { useEntityFetch } from '~/composables/data/useEntityFetch'
 import Query from '~/services/data/Query'
 import SearchFilter from '~/services/data/Filters/SearchFilter'
-import { ORDER_BY_DIRECTION, SEARCH_STRATEGY } from '~/types/enum/data'
+import {
+  FETCHING_STATUS,
+  ORDER_BY_DIRECTION,
+  SEARCH_STRATEGY,
+} from '~/types/enum/data'
 import Country from '~/models/Core/Country'
 import OrderBy from '~/services/data/Filters/OrderBy'
 import PageFilter from '~/services/data/Filters/PageFilter'
@@ -77,7 +81,7 @@ query.add(new SearchFilter('name', searchFilter, SEARCH_STRATEGY.IPARTIAL))
 query.add(new OrderBy('name', ORDER_BY_DIRECTION.ASC))
 query.add(new PageFilter(page, itemsPerPage))
 
-const { data, pending, refresh } = fetchCollection(Country, null, query)
+const { data, status, refresh } = fetchCollection(Country, null, query)
 
 const totalPages = computed(() =>
   data.value ? data.value?.pagination.last : 1,

pages/dev/poc_tree_select_input.vue

@@ -35,10 +35,12 @@
 </template>
 
 <script setup lang="ts">
+import { type TreeSelectItem } from '~/types/layout'
+
 const selectedValues = ref<string[]>([])
 const selectedCategories = ref<string[]>([])
 
-const hierarchicalItems = ref([
+const hierarchicalItems = ref<TreeSelectItem[]>([
   // Catégories principales
   { id: 'cat1', label: 'Électronique', type: 'category', level: 0 },
   { id: 'cat2', label: 'Vêtements', type: 'category', level: 0 },

pages/parameters/sms.vue

@@ -42,9 +42,9 @@
   </div>
 </template>
 <script setup lang="ts">
-
 import Parameters from '~/models/Organization/Parameters'
 import { useOrganizationProfileStore } from '~/stores/organizationProfile'
+import { useEntityFetch } from '~/composables/data/useEntityFetch'
 
 definePageMeta({
   name: 'parameters_sms_page',

pages/parameters/teaching.vue

@@ -46,6 +46,7 @@ import type { AnyJson } from '~/types/data'
 import { useEnumFetch } from '~/composables/data/useEnumFetch'
 import { TABLE_ACTION } from '~/types/enum/enums'
 import {FETCHING_STATUS} from "~/types/enum/data";
+import { type EnumChoice } from '~/types/enum/interface'
 
 definePageMeta({
   name: 'parameters_teaching_page',
@@ -70,7 +71,7 @@ const pending: ComputedRef<boolean> = computed(
 
 const orderedCycles: ComputedRef<AnyJson> = computed(() => {
   if (pending.value || cycleEnum.value === null || cycles.value === null) {
-    return []
+    return {}
   }
 
   const orderedCycles: AnyJson = {}
@@ -94,10 +95,12 @@ const orderedCycles: ComputedRef<AnyJson> = computed(() => {
 const tableItems = computed(() => {
   return (
     cycleEnum.value?.map((item) => {
+      const effectiveItem: EnumChoice = orderedCycles.value[item.value] ?? item
+
       return {
         value: item.value,
         originalLabel: item.label,
-        effectiveLabel: (orderedCycles.value[item.value] ?? item).label,
+        effectiveLabel: effectiveItem.label,
       }
     }) || []
   )

pages/parameters/website.vue

@@ -149,7 +149,7 @@ if (organizationProfile.parametersId === null) {
 const { data: parameters, status } = fetch(
   Parameters,
   organizationProfile.parametersId,
-) as AsyncData<ApiResource | null, Error | null>
+) as AsyncData<Parameters | null, Error | null>
 
 const query = new Query(new EqualFilter('organization', organizationProfile.id))
 

services/data/entityManager.ts

@@ -252,7 +252,7 @@ class EntityManager {
    *
    * @param instance
    */
-  public async persist(instance: ApiModel) {
+  public async persist<T extends ApiModel>(instance: T): Promise<T> {
     const model = this.getModel(instance)
 
     let url = UrlUtils.join('api', model.entity)

services/utils/arrayUtils.ts

@@ -23,12 +23,12 @@ const ArrayUtils = {
    * @param property Le nom d'une propriété possédée par tous les objets
    * @param reverse
    */
-  sortObjectsByProp(
-    array: Array<AnyJson>,
+  sortObjectsByProp<T extends AnyJson>(
+    array: Array<T>,
     property: string,
     reverse: boolean = false,
-  ): Array<AnyJson> {
-    return array.sort((a: AnyJson, b: AnyJson) => {
+  ): Array<T> {
+    return array.sort((a: T, b: T) => {
       return (
         (a[property] < b[property] ? -1 : a[property] > b[property] ? 1 : 0) *
         (reverse ? -1 : 1)

tsconfig.json

@@ -1,13 +1,13 @@
 {
-  // https://nuxtjs.org/concepts/typescript
   "extends": "./.nuxt/tsconfig.json",
   "compilerOptions": {
     "useDefineForClassFields": false,
     "esModuleInterop": true,
     "sourceMap": true,
     "experimentalDecorators": true,
-    "types": [],
-    "typeRoots": ["./types"]
+    "strict": false,
+    "noImplicitAny": false,
+    "types": ["node"]
   },
-  "exclude": ["node_modules", ".nuxt"]
+  "exclude": ["node_modules", ".yarn", ".idea", ".output", "coverage"]
 }

types/global.d.ts

@@ -0,0 +1,64 @@
+// Vue 3 Composition API globals
+declare global {
+  // Vue composition API
+  const ref: typeof import('vue')['ref']
+  const reactive: typeof import('vue')['reactive']
+  const computed: typeof import('vue')['computed']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const onMounted: typeof import('vue')['onMounted']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const nextTick: typeof import('vue')['nextTick']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+
+  // Vue router types
+  type Route = import('vue-router')['RouteLocationNormalized']
+  const onBeforeRouteLeave: typeof import('vue-router')['onBeforeRouteLeave']
+
+  // Nuxt composables
+  const useRouter: typeof import('#app/composables/router')['useRouter']
+  const useRoute: typeof import('#app/composables/router')['useRoute']
+  const navigateTo: typeof import('#app/composables/router')['navigateTo']
+  const useRuntimeConfig: typeof import('#app/composables/runtime-config')['useRuntimeConfig']
+  const useCookie: typeof import('#app/composables/cookie')['useCookie']
+  const useState: typeof import('#app/composables/state')['useState']
+  const useHead: typeof import('#app/composables/head')['useHead']
+  const useSeoMeta: typeof import('#app/composables/head')['useSeoMeta']
+  const useNuxtData: typeof import('#app/composables/asyncData')['useNuxtData']
+  const clearNuxtData: typeof import('#app/composables/asyncData')['clearNuxtData']
+  const refreshNuxtData: typeof import('#app/composables/asyncData')['refreshNuxtData']
+  const useFetch: typeof import('#app/composables/fetch')['useFetch']
+  const $fetch: typeof import('#app/composables/fetch')['$fetch']
+  const useAsyncData: typeof import('#app/composables/asyncData')['useAsyncData']
+  const useLazyFetch: typeof import('#app/composables/fetch')['useLazyFetch']
+  const useLazyAsyncData: typeof import('#app/composables/asyncData')['useLazyAsyncData']
+  const useNuxtApp: typeof import('#app/composables/app')['useNuxtApp']
+
+  // Vue i18n
+  const useI18n: typeof import('#i18n')['useI18n']
+
+  // Pinia
+  const useRepo: typeof import('@pinia-orm/pinia')['useRepo']
+
+  // Custom store composables (assuming they exist)
+  const usePageStore: () => any
+  const useOrganizationProfileStore: () => any
+
+  // Test framework globals (Vitest)
+  const describe: typeof import('vitest')['describe']
+  const it: typeof import('vitest')['it']
+  const test: typeof import('vitest')['test']
+  const expect: typeof import('vitest')['expect']
+  const beforeEach: typeof import('vitest')['beforeEach']
+  const beforeAll: typeof import('vitest')['beforeAll']
+  const afterEach: typeof import('vitest')['afterEach']
+  const afterAll: typeof import('vitest')['afterAll']
+  const vi: typeof import('vitest')['vi']
+}
+
+export {}

types/layout.d.ts

@@ -23,6 +23,12 @@ interface MenuItem {
   target?: LINK_TARGET
   /** Indique si l'item est à la fin d'une sous-section (bordure basse plus épaisse) */
   endOfSubsection?: boolean
+  /** Sous-éléments du menu */
+  children?: MenuItems
+  /** Actions du menu */
+  actions?: MenuItems
+  /** Indique si le menu est étendu */
+  expanded?: boolean
 }
 
 /**
@@ -34,6 +40,10 @@ interface MenuGroup {
   children?: MenuItems
   actions?: MenuItems
   target?: LINK_TARGET
+  /** Lien de navigation */
+  to?: string
+  /** Indique si le menu est étendu */
+  expanded?: boolean
 }
 
 type MenuItems = Array<MenuItem | MenuGroup>
@@ -45,3 +55,13 @@ interface MenuBuilder {
   getMenuName: () => string
   build: () => MenuItem | MenuGroup | null
 }
+
+interface TreeSelectItem {
+  id: string
+  label: string
+  normalizedLabel?: string
+  value?: number | string
+  type: 'category' | 'subcategory' | 'item'
+  parentId?: string
+  level: number
+}

vitest.config.ts

@@ -10,6 +10,7 @@ export default defineConfig({
     environment: 'jsdom',
     passWithNoTests: true,
     coverage: {
+      provider: 'v8',
       enabled: true,
       include: [
         // 'components/**',

yarn.lock

@@ -4551,7 +4551,7 @@ __metadata:
     prettier: "npm:^3.4.2"
     sass: "npm:^1.69.5"
     ts-jest: "npm:^29.2.5"
-    typescript: "npm:^5.7.3"
+    typescript: "npm:^5.9.2"
     uuid: "npm:^9.0.1"
     v-phone-input: "npm:^5.0.0"
     vite-plugin-vuetify: "npm:^2.0.4"
@@ -14085,23 +14085,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@npm:^5.7.3":
-  version: 5.8.2
-  resolution: "typescript@npm:5.8.2"
+"typescript@npm:^5.9.2":
+  version: 5.9.2
+  resolution: "typescript@npm:5.9.2"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 10c0/5c4f6fbf1c6389b6928fe7b8fcd5dc73bb2d58cd4e3883f1d774ed5bd83b151cbac6b7ecf11723de56d4676daeba8713894b1e9af56174f2f9780ae7848ec3c6
+  checksum: 10c0/cd635d50f02d6cf98ed42de2f76289701c1ec587a363369255f01ed15aaf22be0813226bff3c53e99d971f9b540e0b3cc7583dbe05faded49b1b0bed2f638a18
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@npm%3A^5.7.3#optional!builtin<compat/typescript>":
-  version: 5.8.2
-  resolution: "typescript@patch:typescript@npm%3A5.8.2#optional!builtin<compat/typescript>::version=5.8.2&hash=5adc0c"
+"typescript@patch:typescript@npm%3A^5.9.2#optional!builtin<compat/typescript>":
+  version: 5.9.2
+  resolution: "typescript@patch:typescript@npm%3A5.9.2#optional!builtin<compat/typescript>::version=5.9.2&hash=5adc0c"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 10c0/8a6cd29dfb59bd5a978407b93ae0edb530ee9376a5b95a42ad057a6f80ffb0c410489ccd6fe48d1d0dfad6e8adf5d62d3874bbd251f488ae30e11a1ce6dabd28
+  checksum: 10c0/66fc07779427a7c3fa97da0cf2e62595eaff2cea4594d45497d294bfa7cb514d164f0b6ce7a5121652cf44c0822af74e29ee579c771c405e002d1f23cf06bfde
   languageName: node
   linkType: hard