@paris-ias/list 1.0.189 → 1.0.190

package/dist/module.json

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

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

@@ -6,7 +6,7 @@
         :loading
         :date-start="item.start"
         :date-stop="item.stop"
-        class="pr-4"
+        class="mr-4"
       />
     </v-col>
     <v-col v-if="mdAndUp" cols="auto">
@@ -21,7 +21,7 @@
       />
     </v-col>
 
-    <v-col align-self="start" class="px-2">
+    <v-col align-self="start" class="pl-4">
       <v-skeleton-loader v-if="loading" type="chip" class="mr-3" width="120" />
       <v-chip
         v-else
@@ -68,7 +68,12 @@
       />
       <v-skeleton-loader v-if="loading" type="text@3" class="mt-2" />
       <MDC
-        v-else-if="item.name.length < 80"
+        v-else-if="
+          item.name.length < 80 &&
+          item.summary &&
+          item.summary.length &&
+          mdAndUp
+        "
         class="text-body-1 font-weight-light paragraph mt-n2 mb-n6"
         :value="`${highlightAndTruncate(
           150,

package/dist/runtime/components/list/molecules/GlobalSearchInput.vue

@@ -192,15 +192,11 @@ const search = computed({
     const value = v || ""
     if (!value && !rootStore.search) return
 
-    if (props.type === "all") {
-      rootStore.search = value
-    } else {
-      rootStore.updateSearch({
-        type: props.type,
-        search: value,
-        lang: locale.value,
-      })
-    }
+    rootStore.updateSearch({
+      type: props.type,
+      search: value,
+      lang: locale.value,
+    })
   }, 300),
 })
 </script>

package/dist/runtime/components/news/DenseItem.vue

@@ -5,10 +5,10 @@
         v-if="item.date"
         :loading
         :date-start="item.date"
-        class="pr-4"
+        class="mr-4"
       />
     </v-col>
-    <v-col v-if="mdAndUp" align-self="center" cols="1">
+    <v-col v-if="mdAndUp" align-self="start" cols="1">
       <MiscAtomsImageContainer
         cover
         :loading="loading"
@@ -19,7 +19,7 @@
         :width="100"
       />
     </v-col>
-    <v-col align-self="start" class="text-h5 dense mx-2 paragraph">
+    <v-col align-self="start" class="text-h5 dense pl-4 paragraph">
       <v-skeleton-loader v-if="loading" type="heading" />
       <template v-else>
         <v-skeleton-loader
@@ -49,6 +49,22 @@
               : item.name
           "
         />
+
+        <v-skeleton-loader v-if="loading" type="text@3" class="mt-2" />
+        <MDC
+          v-else-if="
+            item.name.length < 80 &&
+            item.summary &&
+            item.summary.length &&
+            mdAndUp
+          "
+          class="text-body-1 font-weight-light paragraph line-clamp-1"
+          :value="`${highlightAndTruncate(
+            150,
+            item.summary,
+            searchQuery.split(' '),
+          )}`"
+        />
       </template>
     </v-col>
   </v-row>

package/dist/runtime/components/people/DenseItem.vue

@@ -12,7 +12,7 @@
         class="ma-1"
       />
     </v-col>
-    <v-col align-self="start" class="text-sm-h6 dense">
+    <v-col align-self="start" class="text-sm-h6 dense ml-4">
       <v-skeleton-loader v-if="loading" type="heading" />
       <div
         v-else
@@ -48,7 +48,7 @@
       <v-skeleton-loader v-if="loading" type="paragraph" />
 
       <div
-        v-else-if="item.summary && mdAndUp"
+        v-else-if="item.summary && item.summary.length && mdAndUp"
         class="text-body-1 font-weight-light paragraph"
         :style="
           '-webkit-line-clamp:' +

package/dist/runtime/components/people/View.vue

@@ -2,7 +2,12 @@
   <v-row justify="center">
     <v-col cols="12" sm="11" md="8" lg="8" xl="6">
       <v-row no-gutters class="justify-center">
-        <v-col cols="12" sm="10" md="6" class="text-center">
+        <v-col
+          cols="12"
+          sm="10"
+          md="6"
+          class="d-flex align-center justify-center"
+        >
           <!--   PEOPLE IMAGE -->
           <MiscAtomsImageContainer
             v-if="mdAndUp && item && item.image"

package/dist/runtime/components/projects/DenseItem.vue

@@ -14,7 +14,6 @@
         "
         :ratio="1 / 1"
         :width="100"
-        class="pa-2"
       />
     </v-col>
     <v-col align-self="center" class="text-h5 dense pt-2 pl-4">
@@ -36,7 +35,7 @@
       />
       <v-skeleton-loader v-if="loading" type="text@2" class="mt-3" />
       <MDC
-        v-else-if="item.summary"
+        v-else-if="item.summary && item.summary.length && mdAndUp"
         class="text-caption font-weight-light my-n2"
         :value="`${highlightAndTruncate(
           130,

package/dist/runtime/components/projects/View.vue

@@ -129,5 +129,4 @@ const props = defineProps({
     required: false,
   },
 })
-console.log("project view props", props.loading)
 </script>

package/dist/runtime/components/publications/DenseItem.vue

@@ -1,11 +1,14 @@
 <template>
   <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover my-2">
-    <v-col
-      v-if="mdAndUp"
-      cols="1"
-      class="align-center"
-      :offset="name.startsWith('search') ? 1 : 0"
-    >
+    <v-col v-if="mdAndUp" cols="1">
+      <MiscAtomsDateStamp
+        v-if="item.date"
+        :loading
+        :date-start="item.date"
+        class="mr-4"
+      />
+    </v-col>
+    <v-col v-if="mdAndUp" cols="1" class="align-center">
       <MiscAtomsImageContainer
         cover
         :loading="loading"
@@ -16,7 +19,7 @@
         :width="100"
       />
     </v-col>
-    <v-col class="pl-2">
+    <v-col class="pl-4">
       <div class="inline-flex flex-row flex-wrap">
         <v-skeleton-loader v-if="loading" :type="heading" />
 
@@ -57,7 +60,7 @@
 
         <v-skeleton-loader v-if="loading" type="text@3" class="mt-2" />
         <MDC
-          v-else
+          v-else-if="item.summary && item.summary.length"
           class="text-body-1 font-weight-light paragraph"
           :value="`${highlightAndTruncate(
             150,

package/dist/runtime/composables/useFetchItem.js

@@ -1,13 +1,14 @@
-import { useRoute, useSetI18nParams, useNuxtApp } from "#imports";
+import { useNuxtApp, useRoute, useSetI18nParams } from "#imports";
 export const useFetchItem = () => {
+  const { $apollo } = useNuxtApp();
+  const route = useRoute();
+  const setI18nParams = useSetI18nParams();
   const fetchItem = async ({
     query,
     key,
     variables
   }) => {
     try {
-      const { $apollo } = useNuxtApp();
-      const route = useRoute();
       const apolloClient = $apollo?.clients?.default;
       if (!apolloClient) throw new Error("Apollo client is not available");
       const { data } = await apolloClient.query({
@@ -17,7 +18,6 @@ export const useFetchItem = () => {
       });
       const item = data?.[key];
       if (!item) throw new Error("Item not found in response");
-      const setI18nParams = useSetI18nParams();
       if (!String(route.name ?? "").includes("people")) {
         setI18nParams({
           en: { slug: item.slug.en },

package/package.json

@@ -1,7 +1,7 @@
 {
   "license": "AGPL-3.0-only",
   "main": "./dist/module.mjs",
-  "version": "1.0.189",
+  "version": "1.0.190",
   "name": "@paris-ias/list",
   "repository": {
     "url": "git+https://github.com/IEA-Paris/list.git",