@paris-ias/list 1.0.180 → 1.0.182

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

@@ -1,5 +1,5 @@
 <template>
-  <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover my-2">
+  <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover pa-2">
     <v-col v-if="mdAndUp" align-self="center" cols="1">
       <MiscAtomsImageContainer
         cover
@@ -8,10 +8,10 @@
           item && item.image && item.image.url ? item.image.url : '/default.png'
         "
         :ratio="1 / 1"
-        width="80px"
+        :width="70"
       />
     </v-col>
-    <v-col align-self="start" class="text-h5 dense px-2 paragraph">
+    <v-col align-self="start" class="text-h5 dense mx-2 paragraph">
       <v-skeleton-loader v-if="loading" type="heading" />
       <template v-else>
         <v-skeleton-loader
@@ -25,7 +25,7 @@
 
         <template v-else>
           <v-chip
-            class="ma-2"
+            class="mb-2"
             style="background-color: white; color: black"
             size="small"
             variant="outlined"

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

@@ -68,7 +68,7 @@
     </v-col>
 
     <v-col v-if="lgAndUp" cols="12" lg="5">
-      <v-skeleton-loader v-if="isLoading" type="text@8, ossein, button" />
+      <v-skeleton-loader v-if="loading" type="text@8, ossein, button" />
 
       <template v-else>
         <div

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

@@ -1,5 +1,5 @@
 <template>
-  <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover my-2">
+  <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover">
     <v-col v-if="mdAndUp" cols="1">
       <MiscAtomsImageContainer
         cover
@@ -8,7 +8,8 @@
           item && item.image && item.image.url ? item.image.url : '/default.png'
         "
         :ratio="1 / 1"
-        :width="80"
+        :width="70"
+        class="ma-1"
       />
     </v-col>
     <v-col align-self="start" class="text-h6 dense px-2">

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

@@ -1,5 +1,5 @@
 <template>
-  <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover">
+  <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover px-4">
     <v-col v-if="mdAndUp" align-self="center" cols="1">
       <MiscAtomsImageContainer
         cover
@@ -8,10 +8,10 @@
           item && item.image && item.image.url ? item.image.url : '/default.png'
         "
         :ratio="1 / 1"
-        :width="50"
+        :width="70"
       />
     </v-col>
-    <v-col align-self="center" class="text-h5 dense pl-2">
+    <v-col align-self="center" class="text-h5 dense pl-4 pt-2">
       <v-skeleton-loader v-if="loading" type="heading" width="50%" />
       <span
         v-else
@@ -32,7 +32,7 @@
 
       <MDC
         v-else-if="item.summary"
-        class="text-caption font-weight-light paragraph"
+        class="text-caption font-weight-light paragraph mt-n2"
         :value="`${highlightAndTruncate(
           150,
           item.summary,

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

@@ -8,7 +8,7 @@
           item && item.image && item.image.url ? item.image.url : '/default.png'
         "
         :ratio="1 / 1"
-        width="80px"
+        :width="70"
       />
     </v-col>
     <v-col class="pl-2">

package/dist/runtime/composables/useFetchItem.js

@@ -5,7 +5,6 @@ export const useFetchItem = () => {
     key,
     variables
   }) => {
-    console.log("useFetchItem2 called with:", { query, key, variables });
     try {
       const { $apollo } = useNuxtApp();
       const route = useRoute();

package/dist/runtime/stores/root.js

@@ -54,8 +54,20 @@ export const useRootStore = defineStore("rootStore", {
           }
         });
       }
-      if (query.page && query.page > 1)
-        $stores[type].page = parseInt(query.page, 10) || 1;
+      if (query.search && typeof query.search === "string") {
+        if (type === "all") {
+          this.search = query.search;
+        } else if ($stores[type]) {
+          ;
+          $stores[type].search = query.search;
+        }
+      }
+      const page = parseInt(query.page, 10) || 1;
+      if (type === "all") {
+        this.page = page;
+      } else if ($stores[type]) {
+        $stores[type].page = page;
+      }
     },
     setFiltersCount(type) {
       const { $stores } = useNuxtApp();
@@ -70,9 +82,12 @@ export const useRootStore = defineStore("rootStore", {
     updateRouteQuery(type) {
       const router = useRouter();
       const { $stores } = useNuxtApp();
+      const isGlobal = type === "all";
+      const searchValue = isGlobal ? this.search : $stores[type]?.search || "";
+      const pageValue = isGlobal ? this.page : $stores[type]?.page || 1;
       const routeQuery = {
-        ...this.search ? { search: this.search } : {},
-        ...this.page > 1 ? { page: this.page.toString() } : {},
+        ...searchValue ? { search: searchValue } : {},
+        ...pageValue > 1 ? { page: pageValue.toString() } : {},
         ...Object.entries($stores[type]?.filters ?? {}).reduce(
           (acc, [key, filter]) => {
             const value = filter?.value;
@@ -125,7 +140,11 @@ export const useRootStore = defineStore("rootStore", {
       if ($stores[type]?.filters?.[key]) {
         $stores[type].filters[key].value = val;
       }
-      this.page = 1;
+      if (type === "all") {
+        this.page = 1;
+      } else {
+        $stores[type].page = 1;
+      }
       $stores[type].loading = true;
       this.setFiltersCount(type);
       this.updateRouteQuery(type);
@@ -136,7 +155,11 @@ export const useRootStore = defineStore("rootStore", {
       lang
     }) {
       const { $stores } = useNuxtApp();
-      this.page = 1;
+      if (type === "all") {
+        this.page = 1;
+      } else {
+        $stores[type].page = 1;
+      }
       $stores[type].itemsPerPage = value;
       $stores[type].loading = true;
       this.updateRouteQuery(type);
@@ -170,15 +193,16 @@ export const useRootStore = defineStore("rootStore", {
     }) {
       if (type === "all") {
         this.search = search;
+        this.page = 1;
       } else {
         const { $stores } = useNuxtApp();
         if ($stores[type]) {
           ;
           $stores[type].search = search;
+          $stores[type].page = 1;
           $stores[type].loading = true;
         }
       }
-      this.page = 1;
       this.updateRouteQuery(type);
     },
     buildListVariables(type, lang = "en") {
@@ -194,21 +218,20 @@ export const useRootStore = defineStore("rootStore", {
           }
         }
       }
+      const localSearch = $stores[type]?.search || "";
       const args = JSON.parse(
         JSON.stringify({
           options: {
             skip: +$stores[type]?.page === 1 ? 0 : (+$stores[type]?.page - 1) * itemsPerPage,
             limit: itemsPerPage,
-            ...this.search?.length && type !== "all" && { search: this.search },
+            ...type !== "all" && localSearch?.length && { search: localSearch },
             filters,
             sort: $stores[type]?.sortKey || ($stores[type]?.sort ? Object.keys($stores[type].sort).find(
               (key) => $stores[type].sort[key].default
             ) : void 0)
           },
           ...type === "all" && this.search?.length && { search: this.search },
-          ...type !== "all" && $stores[type] && $stores[type].search?.length && {
-            search: $stores[type].search
-          },
+          ...type !== "all" && localSearch?.length && { search: localSearch },
           appId: "iea",
           lang
         })
@@ -220,7 +243,27 @@ export const useRootStore = defineStore("rootStore", {
       const { $stores } = useNuxtApp();
       const key = type === "all" ? "search" : "list" + type.charAt(0).toUpperCase() + type.slice(1);
       if (type === "all") {
-        this.results = data?.[key] || this.results;
+        const searchData = data?.[key];
+        if (searchData) {
+          for (const moduleType of Object.keys(searchData)) {
+            if (moduleType in this.results) {
+              ;
+              this.results[moduleType] = searchData[moduleType];
+            }
+          }
+        }
+        for (const category of Object.keys(this.results)) {
+          const categoryData = this.results[category];
+          if (categoryData?.items?.length) {
+            ;
+            this.results[category] = {
+              ...categoryData,
+              items: [...categoryData.items].sort(
+                (a, b) => (b.score ?? 0) - (a.score ?? 0)
+              )
+            };
+          }
+        }
         return;
       }
       const items = data?.[key]?.items ?? [];

package/dist/runtime/translations/en.json

@@ -384,5 +384,7 @@
   "list.by-vintage-from-old-to-recent": "By Year, from old to recent",
   "no-biography": "No biography available",
   "search": "Search",
-  "items-per-page": "Items per page"
+  "items-per-page": "Items per page",
+  "click-here-to-search": "Click here to search",
+  "filter-by-type": "Filter by type"
 }

package/dist/runtime/translations/fr.json

@@ -292,7 +292,7 @@
     },
     "list": "Liste",
     "page-0-of-1": "Page {0} sur {1}",
-    "pls-x-more": "{0} Plus",
+    "pls-x-more": "+ {0} de plus | + {0} supplémentaires",
     "rows": "Rangées",
     "search-type": "Rechercher parmi les {0}",
     "search-type-f": "Rechercher parmi les {0}",
@@ -385,5 +385,7 @@
   "list.by-vintage-from-recent-to-old": "Par année, du plus récent au plus vieux",
   "list.by-vintage-from-old-to-recent": "Par année, du plus vieux au plus récent",
   "search": "Rechercher",
-  "items-per-page": "Éléments par page"
+  "items-per-page": "Éléments par page",
+  "click-here-to-search": "Cliquez ici pour rechercher",
+  "filter-by-type": "Filtrer par type"
 }

package/package.json

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