@paris-ias/list 1.0.160 → 1.0.163

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@paris-ias/list",
   "configKey": "list",
-  "version": "1.0.160",
+  "version": "1.0.163",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/runtime/components/events/DateTimePlace.vue

@@ -45,7 +45,9 @@
     </v-responsive>
   </v-expand-transition>
   <br />
+  <!-- TODO: cabler par la bonne url iea et l'injecter dynamiquement -->
   <v-btn
+    v-if="item.url && !item.url.startsWith('https://www.paris-iea.fr/fr')"
     variant="text"
     class="ml-n4"
     size="small"
@@ -75,6 +77,7 @@ const startDay = ref(
 const startTime = ref(detailedStart.hours)
 const detailedStop = getDetailedFormatedDate(props.item.stop, locale.value)
 const stopTime = ref(detailedStop.hours)
+console.log("locale", props.item)
 </script>
 
 <style lang="scss" scoped></style>

package/dist/runtime/components/list/atoms/ViewMenu.vue

@@ -11,18 +11,13 @@
               x-large
               tile
               flat
-              :icon="'mdi-' + (current?.icon || defaultView?.icon)"
+              :icon="'mdi-' + currentIcon"
               :class="{ 'mt-3': isXsDisplay }"
               v-bind="mergeProps(menu, tooltip)"
             />
           </template>
         </template>
-        <div
-          v-html="
-            $t('list.view-mode') +
-            $t('list.' + (current?.name || defaultView?.name))
-          "
-        />
+        <div v-html="$t('list.view-mode') + $t('list.' + currentName)" />
       </v-tooltip>
     </template>
     <v-list density="compact">
@@ -61,16 +56,24 @@ const props = defineProps({
 const { xs: isXsDisplay } = useDisplay()
 
 const rootStore = useRootStore()
-const items = ref($stores[props.type].views)
 
-const current = ref($stores[props.type].view)
+const store = computed(() => $stores[props.type])
 
-const defaultView = ref(
-  $stores[props.type].views[
-    Object.keys($stores[props.type].views).find(
-      (k) => $stores[props.type].views[k]?.default === true,
-    )
-  ] || { name: "list", icon: "view-list" },
+const items = computed(() => store.value?.views ?? {})
+
+const current = computed(() => store.value?.view ?? null)
+
+const defaultView = computed(() => {
+  const views = store.value?.views ?? {}
+  const key = Object.keys(views).find((k) => views[k]?.default === true)
+  return key ? views[key] : { name: "list", icon: "view-list" }
+})
+
+const currentIcon = computed(
+  () => current.value?.icon ?? defaultView.value.icon,
+)
+const currentName = computed(
+  () => current.value?.name ?? defaultView.value.name,
 )
 
 const updateView = async (value) => {

package/dist/runtime/components/list/organisms/List.vue

@@ -1,21 +1,5 @@
 <template>
   <ListMoleculesHeader :type="type" />
-  <!-- <component
-    :is="view"
-    :loading="$stores[type] && $stores[type].loading && pending"
-  >
-    <component
-      :is="itemTemplate"
-      v-for="(item, index) in items"
-      :key="(item.name || item.lastname) + type + index"
-      :item
-      :index
-      :loading="$stores[type] && $stores[type].loading && pending"
-      :pathPrefix="
-        localePath({ name: pathPrefix, params: { slug: item.slug } })
-      "
-    />
-  </component> -->
 
   <component
     :is="view"
@@ -30,7 +14,7 @@
           params: { slug: JSON.parse(item.slug) },
         })
       "
-      class="no-decoration"
+      class="text-decoration-none text-black"
     >
       <component
         :is="itemTemplate"
@@ -136,8 +120,8 @@ const variables = computed(() => {
 // Computed properties for dynamic components
 const view = computed(() =>
   resolveComponent(
-    "ListViews" + capitalize($stores[props.type]?.view?.name || "list")
-  )
+    "ListViews" + capitalize($stores[props.type]?.view?.name || "list"),
+  ),
 )
 const itemTemplate = computed(() =>
   resolveComponent(
@@ -145,8 +129,8 @@ const itemTemplate = computed(() =>
       capitalize(props.type) +
       capitalize($stores[props.type]?.view?.name || "list") +
       "Item"
-    ).toString()
-  )
+    ).toString(),
+  ),
 )
 console.log("Starting query for type: ", props.type)
 console.log("Using variables: ", variables.value)
@@ -158,7 +142,7 @@ const { data, pending, error, refresh } = await useAsyncQuery(
   {
     key: `list-${props.type}`, // Unique key for caching
     server: true, // Enable SSR
-  }
+  },
 )
 if (error.value) {
   console.error("GraphQL query error: ", error.value)
@@ -188,7 +172,7 @@ watch(
       rootStore.setLoading(false, props.type)
     }
   },
-  { deep: true }
+  { deep: true },
 )
 
 // Reactive items computed from the store (single source of truth)

package/dist/runtime/components/list/organisms/Results.vue

@@ -12,11 +12,12 @@
     :key="type"
     :feminine="type === 'people'"
     :type
-    :open="$rootStore.results[type]?.total > 0 || open[type]"
+    :open="$rootStore.results[type]?.total > 0 ?? open[type]"
     @toggle="open[$event] = !open[$event]"
   >
+    {{ $rootStore.results[type]?.total }}
     <v-expand-transition class="results-container">
-      <div v-show="open[type]">
+      <div v-show="$rootStore.results[type]?.total > 0 || open[type]">
         <ListAtomsResultsList :type />
       </div>
     </v-expand-transition>
@@ -67,7 +68,7 @@ const sortedModules = computed(() => {
 // Computed property to filter and sort modules based on selected categories
 const filteredSortedModules = computed(() => {
   return sortedModules.value.filter((type) =>
-    selectedCategories.value.includes(type)
+    selectedCategories.value.includes(type),
   )
 })
 
@@ -78,7 +79,7 @@ const { data, pending, error, refresh } = await useAsyncQuery(
   {
     key: `search-${$rootStore.search}`, // Unique key for caching
     server: true, // Enable SSR
-  }
+  },
 )
 if (error.value) {
   console.error("GraphQL query error: ", error.value)
@@ -90,7 +91,14 @@ if (error.value) {
 if (data.value) {
   console.log("Applying data to store directly [first load scenario]")
   $rootStore.applyListResult("all", data.value)
+  // Initialize open state for types with results
+  appConfig.list.modules.forEach((type) => {
+    if ($rootStore.results[type]?.total > 0) {
+      open.value[type] = true
+    }
+  })
 }
+
 const updateSearch = async (newSearch) => {
   console.log("update search")
   if (newSearch !== $rootStore.search) {
@@ -98,6 +106,12 @@ const updateSearch = async (newSearch) => {
     if (data.value) {
       console.log("Applying data to store directly [first load scenario]")
       $rootStore.applyListResult("all", data.value)
+      // Initialize open state for types with results
+      appConfig.list.modules.forEach((type) => {
+        if ($rootStore.results[type]?.total > 0) {
+          open.value[type] = true
+        }
+      })
     }
   }
 }

package/dist/runtime/components/misc/atoms/ShareMenu.vue

@@ -16,6 +16,21 @@
         :key="network"
         :value="network"
       >
+        <!-- TODO: Injecter dynamiquement l'url -->
+        <SocialShare
+          :key="network"
+          class="text-black"
+          :network="network"
+          :title="$t('share-this-on', { item: item.name })"
+          :aria-label="$t('share-on', { network: network })"
+          :image="item.image"
+          :url="'https://www.paris-iea.fr/fr' + route.fullPath"
+        >
+          <template #label>
+            {{ network }}
+          </template>
+        </SocialShare>
+
         <!--         <SocialShare
           :key="network"
           class="text-black"
@@ -36,11 +51,11 @@
 </template>
 
 <script setup>
-import { mergeProps } from "vue";
-import { useRoute } from "#imports";
+import { mergeProps } from "vue"
+import { useRoute } from "#imports"
 /* import config from "~/static.config"; */
 
-const route = useRoute();
+const route = useRoute()
 
 const props = defineProps({
   networks: {
@@ -60,7 +75,7 @@ const props = defineProps({
     type: Object,
     required: true,
   },
-});
+})
 
 /* console.log("PRPOS", props.item) */
 </script>

package/dist/runtime/composables/useUtils.js

@@ -69,9 +69,14 @@ export const highlightAndTruncate = (stop, text, query) => {
           text = text.slice(0, stop) + "...";
         }
         query.forEach((element) => {
-          const check = new RegExp(element, "gi");
-          text = text.replace(check, function(matchedText) {
-            return '<strong style="color: white;background-color: black;">' + matchedText + "</strong>";
+          const regex = new RegExp(element, "gi");
+          text = text.replace(regex, (matchedText) => {
+            return `<span style="
+            text-decoration: underline;
+            text-decoration-color: black;   
+            text-decoration-thickness: 2px;
+            text-underline-offset: 2px;
+          ">${matchedText}</span>`;
           });
         });
       } else {

package/dist/runtime/stores/root.js

@@ -129,7 +129,6 @@ export const useRootStore = defineStore("rootStore", {
           ...$stores[type].views[value],
           name: value
         };
-        $stores[type].loading = true;
       }
       this.updateRouteQuery(type);
     },

package/package.json

@@ -1,14 +1,14 @@
 {
   "license": "AGPL-3.0-only",
   "main": "./dist/module.mjs",
-  "version": "1.0.160",
+  "version": "1.0.163",
   "name": "@paris-ias/list",
   "repository": {
     "url": "git+https://github.com/IEA-Paris/list.git",
     "type": "git"
   },
   "dependencies": {
-    "@paris-ias/trees": "^2.0.22"
+    "@paris-ias/trees": "^2.0.31"
   },
   "description": "Paris IAS List Module",
   "peerDependencies": {