@paris-ias/list 1.0.85 → 1.0.87

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@paris-ias/list",
   "configKey": "list",
-  "version": "1.0.85",
+  "version": "1.0.87",
   "builder": {
     "@nuxt/module-builder": "1.0.0",
     "unbuild": "3.5.0"

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

@@ -17,7 +17,11 @@
       $store.state.scrolled }" -->
       <template v-if="!search" #label>
         <div class="searchLabel">
-          {{ $t("list.search-type", [$t("items." + type, 2)]) }}
+          {{
+            type === "all"
+              ? $t("search")
+              : $t("list.search-type", [$t("items." + type, 2)])
+          }}
         </div>
       </template>
     </v-text-field>
@@ -37,7 +41,7 @@
             v-if="item.type && item.type === 'subheader'"
             :key="'subheader-' + index"
           >
-            {{ item.name }}
+            {{ $t(item.name) }}
           </v-list-subheader>
           <div
             v-else-if="item.type && item.type === 'no-result'"

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

@@ -1,6 +1,10 @@
 <template>
-  <v-list-item :to="localePath(getPath(item.id))" class="search-item py-2">
-    <template #item :key="index.toString() + item.id" />
+  <v-list-item
+    :key="index.toString() + item.id"
+    :to="localePath(getPath(item.id))"
+    class="search-item py-2"
+  >
+    <template #item />
     <template v-if="item.prependAvatar" #prepend>
       <v-avatar rounded="0" :image="item.prependAvatar" />
     </template>
@@ -14,7 +18,7 @@
       <v-btn
         icon="mdi-open-in-new"
         variant="text"
-        :to="localePath(getPath(item.id))"
+        :to="localePath(getPath(item.slug || item.id))"
         target="_blank"
       />
     </template>

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

@@ -24,9 +24,11 @@
 
 <script setup>
 import { ref, computed } from "vue";
+import { useNuxtApp } from "#imports";
+const { $stores } = useNuxtApp();
 const filtersOpen = ref(false);
 const visible = computed(() => {
-  return $stores[type]?.filtersCount && $stores[type]?.filtersCount > 0;
+  return $stores[props.type]?.filtersCount && $stores[props.type]?.filtersCount > 0;
 });
 const props = defineProps({
   type: {

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

@@ -2,14 +2,14 @@
   <v-row no-gutters>
     <v-col>
       <template v-for="(value, key, index) in socials" :key="key + value">
-        <v-tooltip :location="location" v-if="value">
-          <template v-slot:activator="{ props }">
+        <v-tooltip v-if="value" :location="location">
+          <template #activator="{ props }">
             <v-btn
               tile
               v-bind="mergeProps(props, attrs)"
               target="_blank"
               :href="getSocialId(key, value)"
-              :color="dark ? 'black' : 'white'"
+              :color="dark ? 'transparent' : 'white'"
               flat
             >
               <v-icon :color="dark ? 'white' : 'black'">
@@ -29,10 +29,9 @@
 </template>
 
 <script setup>
-import { useAttrs } from "vue";
-import { mergeProps } from "vue";
-const attrs = useAttrs();
+import { useAttrs, mergeProps } from "vue";
 import { useDisplay } from "vuetify";
+const attrs = useAttrs();
 const { name } = useDisplay();
 const props = defineProps({
   socials: {

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

@@ -53,11 +53,15 @@
         <MiscAtomsSocials v-if="item.socials" :socials="item.socials" />
         <PeopleGroupBadges :item="item" />
         <div
-          v-if="item.biography"
+          v-if="item.summary && item.summary.length > 0"
           class="text-wrap clamped-text text-black"
           :style="'-webkit-line-clamp:' + lineClamp"
         >
-          <MDC :value="item.biography" />
+          <MDC :value="item.summary" />
+        </div>
+
+        <div v-else class="text-body-2">
+          {{ $t("no-biography") }}
         </div>
       </div>
     </v-col>

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

@@ -84,7 +84,13 @@
         "
       />
       <template v-else class="my-6 flex-wrap">
-        <MDC v-if="item.biography" :value="item.biography" />
+        <MDC
+          v-if="item.biography && item.biography.length > 0"
+          :value="item.biography"
+        />
+        <div v-else class="text-body-2">
+          {{ $t("no-biography") }}
+        </div>
       </template>
 
       <!-- DIVIDERS -->

package/dist/runtime/graphql/list/people.gql

@@ -9,6 +9,7 @@ query listPeople(
       slug
       biography
       firstname
+      summary
       groups {
         board
         fellows

package/dist/runtime/stores/root.d.ts

@@ -1,4 +1,28 @@
-export declare const useRootStore: import("pinia").StoreDefinition<"rootStore", Record<string, any>, {}, {
+interface SearchResults {
+    events: Record<string, unknown>;
+    news: Record<string, unknown>;
+    people: Record<string, unknown>;
+    projects: Record<string, unknown>;
+    fellowships: Record<string, unknown>;
+    publications: Record<string, unknown>;
+    actions: Record<string, unknown>;
+    affiliations: Record<string, unknown>;
+    disciplines: Record<string, unknown>;
+    files: Record<string, unknown>;
+    mailing: Record<string, unknown>;
+    tags: Record<string, unknown>;
+}
+interface RootStoreState {
+    scrolled: boolean;
+    loading: boolean;
+    total: number;
+    skip: number;
+    page: number;
+    numberOfPages: number;
+    search: string;
+    results: SearchResults;
+}
+export declare const useRootStore: import("pinia").StoreDefinition<"rootStore", RootStoreState, {}, {
     setLoading(value: boolean, type?: string): void;
     setScrolled(): void;
     saveFiltersToLocalStorage(type: string): void;
@@ -7,8 +31,8 @@ export declare const useRootStore: import("pinia").StoreDefinition<"rootStore",
     setFiltersCount(type: string): void;
     updateRouteQuery(type: string): void;
     resetState(type: string): void;
-    updateSort({ value, type }: {
-        value: number[] | string[];
+    updateSort({ value, type, }: {
+        value: (number | string)[];
         type: string;
     }): void;
     updateView({ value, type }: {
@@ -16,7 +40,7 @@ export declare const useRootStore: import("pinia").StoreDefinition<"rootStore",
         type: string;
     }): void;
     updateLocalStorage(key: string, value: string): void;
-    updateFilter(key: string, val: any, type: string): void;
+    updateFilter(key: string, val: unknown, type: string): void;
     updateItemsPerPage({ value, type }: {
         value: number;
         type: string;
@@ -32,3 +56,4 @@ export declare const useRootStore: import("pinia").StoreDefinition<"rootStore",
     }): Promise<void>;
     update(type: string, lang?: string): Promise<boolean>;
 }>;
+export {};

package/dist/runtime/stores/root.js

@@ -3,7 +3,7 @@ import SEARCH from "../graphql/list/search.gql";
 import { useNuxtApp, useRouter, useAsyncQuery } from "#imports";
 export const useRootStore = defineStore("rootStore", {
   state: () => ({
-    scrolled: import.meta.browser ? window.scrollY > 0 : false,
+    scrolled: typeof window !== "undefined" ? window.scrollY > 0 : false,
     loading: false,
     total: 0,
     skip: 0,
@@ -29,16 +29,18 @@ export const useRootStore = defineStore("rootStore", {
     setLoading(value, type = "") {
       const { $stores } = useNuxtApp();
       this.loading = value;
-      if (type.length) $stores[type].loading = value;
+      if (type.length && $stores[type]) {
+        $stores[type].loading = value;
+      }
     },
     setScrolled() {
-      if (import.meta.browser) {
+      if (typeof window !== "undefined") {
         this.scrolled = window.scrollY > 0;
       }
     },
     saveFiltersToLocalStorage(type) {
       const { $stores } = useNuxtApp();
-      const filters = $stores[type].filters ?? {};
+      const filters = $stores[type]?.filters ?? {};
       const values = Object.fromEntries(
         Object.entries(filters).map(([key, filter]) => [key, filter.value])
       );
@@ -50,11 +52,14 @@ export const useRootStore = defineStore("rootStore", {
       const { $stores } = useNuxtApp();
       const { currentRoute } = useRouter();
       const query = currentRoute.value.query;
-      const filters = $stores[type].filters;
+      const filters = $stores[type]?.filters ?? {};
       if (Object.keys(query)?.length) {
         Object.keys(query).forEach((filter) => {
           if (filter in filters) {
-            filters[filter].value = filters[filter].multiple ? JSON.parse(query[filter]) : query[filter];
+            const queryValue = query[filter];
+            if (typeof queryValue === "string") {
+              filters[filter].value = filters[filter].multiple ? JSON.parse(queryValue) : queryValue;
+            }
           }
         });
       }
@@ -66,10 +71,10 @@ export const useRootStore = defineStore("rootStore", {
       const local = JSON.parse(localStorage.getItem("PARIS_IAS") || "{}");
       const saved = local[`${type}_filters`] ?? null;
       if (!saved) {
-        console.log(`[${type}] Aucune donn\xE9e \xE0 restaurer.`);
+        console.log(`[${type}] No data to restore.`);
         return;
       }
-      const filters = $stores[type].filters ?? {};
+      const filters = $stores[type]?.filters ?? {};
       for (const [key, value] of Object.entries(saved)) {
         if (filters[key]) {
           filters[key].value = value;
@@ -77,17 +82,19 @@ export const useRootStore = defineStore("rootStore", {
       }
       this.setFiltersCount(type);
       this.updateRouteQuery(type);
-      console.log(`[${type}] Filtres restaur\xE9s depuis localStorage`, saved);
+      console.log(`[${type}] Filters restored from localStorage`, saved);
     },
     setFiltersCount(type) {
       const { $stores } = useNuxtApp();
-      const filters = $stores[type].filters ?? {};
+      const filters = $stores[type]?.filters ?? {};
       const count = Object.values(filters).reduce((acc, filter) => {
         const value = filter?.value;
         const isEmpty = value === void 0 || value === null || Array.isArray(value) && value.length === 0 || typeof value === "string" && value.trim() === "";
         return isEmpty ? acc : acc + 1;
       }, 0);
-      $stores[type].filtersCount = count;
+      if ($stores[type]) {
+        $stores[type].filtersCount = count;
+      }
     },
     updateRouteQuery(type) {
       const router = useRouter();
@@ -95,7 +102,7 @@ export const useRootStore = defineStore("rootStore", {
       const routeQuery = {
         ...this.search ? { search: this.search } : {},
         ...this.page > 1 ? { page: this.page.toString() } : {},
-        ...Object.entries($stores[type].filters).reduce(
+        ...Object.entries($stores[type]?.filters ?? {}).reduce(
           (acc, [key, filter]) => {
             const value = filter?.value;
             console.log("valueStore", value);
@@ -103,7 +110,7 @@ export const useRootStore = defineStore("rootStore", {
             if (isEmpty) return acc;
             return {
               ...acc,
-              [key]: Array.isArray(value) ? JSON.stringify(value) : value
+              [key]: Array.isArray(value) ? JSON.stringify(value) : String(value)
             };
           },
           {}
@@ -114,8 +121,9 @@ export const useRootStore = defineStore("rootStore", {
     resetState(type) {
       const { $stores, $models } = useNuxtApp();
       console.log("$models[type]: ", $models[type]);
-      const store = $stores[type];
-      $stores[type] = $models[type];
+      if ($models[type] && $stores[type]) {
+        $stores[type] = $models[type];
+      }
       console.log("resetState");
       this.search = "";
       this.page = 1;
@@ -127,32 +135,41 @@ export const useRootStore = defineStore("rootStore", {
       this.setFiltersCount(type);
       this.updateRouteQuery(type);
     },
-    updateSort({ value, type }) {
+    updateSort({
+      value,
+      type
+    }) {
       const { $stores } = useNuxtApp();
-      $stores[type].sortBy = [value[0]];
-      $stores[type].sortDesc = [value[1]];
+      if ($stores[type]) {
+        $stores[type].sortBy = [String(value[0])];
+        $stores[type].sortDesc = [Number(value[1])];
+      }
       this.page = 1;
       this.updateLocalStorage(type + "_sort", value.join("_"));
       this.update(type);
     },
     updateView({ value, type }) {
       const { $stores } = useNuxtApp();
-      $stores[type].view = {
-        ...$stores[type].views[value],
-        name: value
-      };
+      if ($stores[type]?.views?.[value]) {
+        $stores[type].view = {
+          ...$stores[type].views[value],
+          name: value
+        };
+      }
       this.updateLocalStorage(type + "_view", value);
       this.update(type);
     },
     updateLocalStorage(key, value) {
-      const local = JSON.parse(localStorage.getItem("PARIS_IAS")) || {};
+      const local = JSON.parse(localStorage.getItem("PARIS_IAS") || "{}");
       local[key] = value;
       localStorage.setItem("PARIS_IAS", JSON.stringify(local));
     },
     updateFilter(key, val, type) {
       const { $stores } = useNuxtApp();
       console.log("update filter: ", { key, val, type });
-      $stores[type].filters[key].value = val;
+      if ($stores[type]?.filters?.[key]) {
+        $stores[type].filters[key].value = val;
+      }
       this.setFiltersCount(type);
       this.saveFiltersToLocalStorage(type);
       this.updateRouteQuery(type);
@@ -162,7 +179,9 @@ export const useRootStore = defineStore("rootStore", {
     updateItemsPerPage({ value, type }) {
       const { $stores } = useNuxtApp();
       this.page = 1;
-      $stores[type].itemsPerPage = value;
+      if ($stores[type]) {
+        $stores[type].itemsPerPage = value;
+      }
       this.update(type);
     },
     updatePage({ page, type }) {
@@ -181,15 +200,16 @@ export const useRootStore = defineStore("rootStore", {
     async update(type, lang = "en") {
       const { $stores, $queries } = useNuxtApp();
       this.setLoading(true);
-      if (type !== "all") {
+      if (type !== "all" && $stores[type]) {
         $stores[type].loading = true;
       }
-      const itemsPerPage = type === "all" ? 3 : $stores[type]?.itemsPerPage;
+      const itemsPerPage = type === "all" ? 3 : $stores[type]?.itemsPerPage || 10;
       const filters = {};
       if (type !== "all") {
-        for (const filter in $stores[type].filters) {
-          const filterValue = $stores[type].filters[filter]?.value;
-          if (typeof filterValue !== "undefined" && filterValue?.length) {
+        const storeFilters = $stores[type]?.filters ?? {};
+        for (const filter in storeFilters) {
+          const filterValue = storeFilters[filter]?.value;
+          if (typeof filterValue !== "undefined" && filterValue !== null && (Array.isArray(filterValue) ? filterValue.length > 0 : true)) {
             filters[filter] = filterValue;
           }
         }
@@ -202,8 +222,8 @@ export const useRootStore = defineStore("rootStore", {
             // limit
             limit: itemsPerPage,
             // sort, array of keys and array of directions - to have x tie breakers if necessary
-            sortBy: type === "all" ? "searchScore" : $stores[type].sortBy,
-            sortDesc: type === "all" ? -1 : $stores[type].sortDesc > 0 ? true : false,
+            sortBy: type === "all" ? "searchScore" : $stores[type]?.sortBy || ["created"],
+            sortDesc: type === "all" ? -1 : ($stores[type]?.sortDesc?.[0] || 0) > 0 ? true : false,
             // search (if set)
             ...this.search?.length && type !== "all" && { search: this.search },
             // add the store module filters
@@ -215,32 +235,33 @@ export const useRootStore = defineStore("rootStore", {
         })
       );
       args.options.filters = JSON.stringify(args.options.filters);
-      let result = {};
       console.log("args: ", args);
       console.log(`Fetching ${type}`);
       const { data, error } = await useAsyncQuery(
-        type === "all" ? SEARCH : $queries[type].list,
+        type === "all" ? SEARCH : $queries[type]?.list,
         args
       );
       console.log("data: ", data);
       if (error.value) console.log(error.value);
       const key = type === "all" ? "search" : "list" + type.charAt(0).toUpperCase() + type.slice(1);
       if (type === "all") {
-        this.results = data?.value?.[key];
+        this.results = data?.value?.[key] || this.results;
       } else {
         const items = data?.value?.[key]?.items ?? [];
-        $stores[type].total = data?.value?.[key]?.total;
-        result = {
-          ...data?.value?.[key],
-          items: items.map(({ id, ...rest }) => ({
-            ...rest,
-            _path: `/${id}`
-          }))
-        };
-        $stores[type].items = result["items"];
-        const lastPage = Math.ceil(result.total / itemsPerPage);
-        this.setFiltersCount(type);
-        $stores[type].numberOfPages = lastPage;
+        if ($stores[type]) {
+          $stores[type].total = data?.value?.[key]?.total || 0;
+          const result = {
+            ...data?.value?.[key],
+            items: items.map(({ id, ...rest }) => ({
+              ...rest,
+              _path: `/${id}`
+            }))
+          };
+          $stores[type].items = result.items;
+          const lastPage = Math.ceil((result.total || 0) / itemsPerPage);
+          this.setFiltersCount(type);
+          $stores[type].numberOfPages = lastPage;
+        }
       }
       this.setLoading(false, type);
       return true;

package/dist/runtime/translations/en.json

@@ -338,5 +338,6 @@
   "visit-this-publications-website": "Visit this publication webpage",
   "close-the-filter-panel": "Close the filter panel",
   "list.by-vintage-from-recent-to-old": "By Year, from recent to old",
-  "list.by-vintage-from-old-to-recent": "By Year, from old to recent"
+  "list.by-vintage-from-old-to-recent": "By Year, from old to recent",
+  "no-biography": "No biography available"
 }

package/dist/runtime/translations/fr.json

@@ -336,5 +336,6 @@
   "groups": "Catégorie",
   "present": "aujourd'hui",
   "visit-this-project-website": "Visitez le site Web du projet",
-  "visit-this-publications-website": "Visitez la page Web de cette publication"
+  "visit-this-publications-website": "Visitez la page Web de cette publication",
+  "no-biography": "Aucune biographie disponible"
 }

package/package.json

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

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

@@ -1,82 +0,0 @@
-<template>
-  <v-card
-    v-ripple
-    class="event-sliding-item cursor-pointer"
-    elevation="2"
-    height="280"
-    @click="$router.push(localePath('/activities/events/' + item.slug[locale]))"
-  >
-    <v-card-text class="pa-4 d-flex flex-column h-100">
-      <!-- Date section -->
-      <div class="text-overline font-weight-black mb-2 text-primary">
-        {{
-          new Date(item.start).toLocaleDateString(locale, {
-            year: "numeric",
-            month: "short",
-            day: "numeric",
-          })
-        }}
-      </div>
-      
-      <!-- Category badge -->
-      <v-chip
-        v-if="item.category"
-        size="small"
-        variant="outlined"
-        color="primary"
-        class="mb-3 align-self-start"
-      >
-        {{ $t("list.filters.events.category." + item.category) }}
-      </v-chip>
-      
-      <!-- Event title -->
-      <h3 class="text-h6 font-weight-bold mb-3 line-clamp-3">
-        {{ item.name }}
-      </h3>
-      
-      <!-- Event description if available -->
-      <p v-if="item.description" class="text-body-2 text-grey-darken-2 line-clamp-4 flex-grow-1">
-        {{ item.description }}
-      </p>
-      
-      <!-- Location if available -->
-      <div v-if="item.location" class="mt-auto pt-2">
-        <v-icon size="small" class="mr-1">mdi-map-marker</v-icon>
-        <span class="text-caption text-grey-darken-1">{{ item.location }}</span>
-      </div>
-    </v-card-text>
-    
-    <!-- Hover overlay -->
-    <v-overlay 
-      v-model="isHovered"
-      contained
-      opacity="0.1"
-      class="d-flex align-center justify-center"
-    >
-      <v-icon size="large" color="primary">mdi-eye</v-icon>
-    </v-overlay>
-  </v-card>
-</template>
-
-<script setup>
-import { ref } from "vue";
-import { useLocalePath, useI18n } from "#imports";
-const { locale } = useI18n();
-const localePath = useLocalePath();
-const props = defineProps({
-  item: {
-    type: Object,
-    required: true
-  },
-  index: {
-    type: Number,
-    required: true
-  }
-});
-const { item, index } = props;
-const isHovered = ref(false);
-</script>
-
-<style scoped>
-.event-sliding-item{border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1)}.event-sliding-item:hover{box-shadow:0 8px 25px rgba(0,0,0,.15)!important;transform:translateY(-4px)}.line-clamp-3{-webkit-line-clamp:3;line-clamp:3}.line-clamp-3,.line-clamp-4{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.line-clamp-4{-webkit-line-clamp:4;line-clamp:4}
-</style>