@paris-ias/list 1.0.163 → 1.0.165

package/dist/module.json

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

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

@@ -1,10 +1,13 @@
 <template>
   <v-row no-gutters>
-    <slot />
+    {{ item }}
   </v-row>
   <v-divider />
 </template>
 
 <script setup>
-defineProps({ loading: { type: Boolean, default: false } })
+defineProps({
+  loading: { type: Boolean, default: false },
+  item: { type: Object, required: true },
+})
 </script>

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

@@ -0,0 +1,29 @@
+<template>
+  <v-row class="my-2 highlight-on-hover" no-gutters>
+    <v-col cols="12" class="px-4">
+      <v-skeleton-loader v-if="isLoading" type="heading, text@6" />
+      <template v-else>
+        <div class="text-h5">{{ item.name }}</div>
+        <div v-if="item.summary" class="text-body-1 mt-1">
+          <MDC :value="item.summary" />
+        </div>
+      </template>
+    </v-col>
+  </v-row>
+  <v-divider />
+</template>
+
+<script setup>
+import { computed } from "#imports"
+import { useRootStore } from "../../stores/root"
+
+const rootStore = useRootStore()
+const props = defineProps({
+  item: { type: Object, required: true },
+  loading: { type: Boolean, default: false },
+})
+
+const isLoading = computed(() => rootStore.loading || props.loading)
+</script>
+
+<style></style>

package/dist/runtime/components/affiliations/ExpandedItem.vue

@@ -0,0 +1,16 @@
+<template>
+  <div>
+    {{ item.name }}
+  </div>
+</template>
+
+<script lang="ts" setup>
+const props = defineProps({
+  item: {
+    type: Object,
+    required: true,
+  },
+})
+</script>
+
+<style></style>

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

@@ -0,0 +1,29 @@
+<template>
+  <v-row class="highlight-on-hover pa-3" no-gutters>
+    <v-col cols="12" class="px-6">
+      <v-skeleton-loader v-if="isLoading" type="heading, text@8, button" />
+      <template v-else>
+        <div class="text-h5">{{ item.name }}</div>
+        <div v-if="item.summary" class="mt-2">
+          <MDC :value="item.summary" />
+        </div>
+      </template>
+    </v-col>
+  </v-row>
+  <v-divider />
+</template>
+
+<script setup>
+import { computed } from "#imports"
+import { useRootStore } from "../../stores/root"
+
+const rootStore = useRootStore()
+const props = defineProps({
+  item: { type: Object, required: true },
+  loading: { type: Boolean, default: false },
+})
+
+const isLoading = computed(() => rootStore.loading || props.loading)
+</script>
+
+<style></style>

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

@@ -0,0 +1,22 @@
+<template>
+  {{ item }}
+</template>
+
+<script setup>
+import { useNuxtApp } from "#imports"
+
+const { $stores } = useNuxtApp()
+defineProps({
+  item: {
+    type: Object,
+    required: true,
+  },
+  loading: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
+})
+
+$stores.affiliations.loading = false
+</script>

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

@@ -65,10 +65,11 @@ const getItems = (name) => {
         value: item,
       }))
   }
-  if (
-    messages.value[locale.value].list.filters[props.type][name] === undefined
-  ) {
-    console.log("name not found, no item for this filter: ", name)
+
+  if (!messages.value[locale.value].list.filters[props.type]?.[name]) {
+    console.log(
+      `translations missing for the filter ${name} of the type ${props.type}`
+    )
     return []
   }
   // TODO replace with package based values

package/dist/runtime/composables/useFetchItem.js

@@ -1,25 +1,30 @@
-import { useRoute, useAsyncQuery, useI18n, useSetI18nParams } from "#imports";
+import { useRoute, useI18n, useSetI18nParams, useNuxtApp } from "#imports";
 export const useFetchItem = () => {
   const fetchItem = async (payload) => {
     try {
       const { locale } = useI18n();
       const route = useRoute();
+      const { $apollo } = useNuxtApp();
+      console.log("query: ", payload.query);
+      console.log("key: ", payload.key);
       const variables = {
         itemId: route.params.slug?.toString().trim(),
         appId: "iea",
         lang: locale.value
       };
-      const { data, error } = await useAsyncQuery(payload.query, variables);
-      if (error.value) {
-        console.error("GraphQL error:", error.value);
-        throw error.value;
+      const apolloClient = $apollo?.clients?.default;
+      if (!apolloClient) {
+        throw new Error("Apollo client is not available");
       }
-      const item = data?.value[payload.key];
+      console.log("variables: ", variables);
+      const { data } = await apolloClient.query({
+        query: payload.query,
+        variables
+      });
+      console.log("data: ", data);
+      const item = data?.[payload.key];
       if (!item) {
-        throw createError({
-          statusCode: 404,
-          message: "Item not found in response"
-        });
+        throw new Error("Item not found in response");
       }
       const setI18nParams = useSetI18nParams();
       if (!route.name.includes("people")) {
@@ -36,11 +41,9 @@ export const useFetchItem = () => {
       return item;
     } catch (error) {
       console.error("Error fetching item:", error);
-      throw createError({
-        statusCode: 404,
-        message: "Item not found",
-        cause: error
-      });
+      throw new Error(
+        `Item not found: ${error instanceof Error ? error.message : String(error)}`
+      );
     }
   };
   return {

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

@@ -6,7 +6,7 @@ export declare const createDynamicStore: (storeName: string, moduleState: object
     numberOfPages: import("vue").Ref<number, number>;
     search: import("vue").Ref<string, string>;
     error: import("vue").Ref<string | null, string | null>;
-}, "error" | "search" | "loading" | "total" | "skip" | "page" | "numberOfPages">, Pick<{
+}, "search" | "loading" | "total" | "skip" | "page" | "numberOfPages" | "error">, Pick<{
     loading: import("vue").Ref<boolean, boolean>;
     total: import("vue").Ref<number, number>;
     skip: import("vue").Ref<number, number>;

package/dist/runtime/translations/en.json

@@ -7,7 +7,6 @@
   "details-0": "Details",
   "document": "Documents",
   "events": {
-    "key": "Events",
     "register": "Register to this event",
     "register-me": "Register",
     "see-more": "See more events"
@@ -19,16 +18,23 @@
   "inscription-gratuite-et-obligatoire": " Free and mandatory registration",
   "inscription-ouverte": "Registration Open",
   "items": {
-    "all": "all | all | all",
-    "activities": "activity | activity | activities",
     "about": "about | about | about",
+    "activities": "activity | activity | activities",
+    "affiliations": "affiliation | affiliation | affiliations",
+    "all": "all | all | all",
+    "app": "application | application | applications",
+    "disciplines": "discipline | discipline | disciplines",
     "events": "event | event | events",
     "fellow": "fellow | fellow | fellows",
     "fellowships": "fellowship | fellowship | fellowships",
+    "file": "document | document | documents",
+    "mailing": "mailing | mailing | mailings",
     "news": "news | news | news",
     "people": "one | person | people",
     "projects": "project | project | projects",
-    "publications": "publication | publication | publications"
+    "publications": "publication | publication | publications",
+    "tags": "tag | tag | tags",
+    "user": "user | user | users"
   },
   "learn-more": "read more",
   "list": {
@@ -252,8 +258,14 @@
           "OTHERS": "Others"
         }
       },
-      "affiliation": {
-        "label": "Affiliations"
+      "affiliations": {
+        "label": "Affiliations",
+        "category": {
+          "MEMBER": "Members",
+          "SPONSOR": "Sponsors",
+          "PARTNER": "Partners",
+          "OTHER": "Others"
+        }
       },
       "disciplines": {
         "label": "Discipline"

package/dist/runtime/translations/fr.json

@@ -26,7 +26,15 @@
     "news": "actualité | actualités | actualités",
     "people": "personne | personne | personnes",
     "projects": "projet | projet | projets",
-    "publications": "publication | publications | publications"
+    "publications": "publication | publications | publications",
+    "activities": "activité | activité | activités",
+    "affiliations": "affiliation | affiliation | affiliations",
+    "app": "application | application | applications",
+    "disciplines": "discipline | discipline | disciplines",
+    "file": "document | document | documents",
+    "mailing": "mailing | mailing | mailings",
+    "tags": "tag | tag | tags",
+    "user": "utilisateur | utilisateur | utilisateurs"
   },
   "learn-more": "En savoir plus",
   "list": {
@@ -251,8 +259,14 @@
           "OTHERS": "Autres"
         }
       },
-      "affiliation": {
-        "label": "Affiliations"
+      "affiliations": {
+        "label": "Affiliations",
+        "category": {
+          "MEMBER": "Members",
+          "SPONSOR": "Sponsors",
+          "PARTNER": "Partners",
+          "OTHER": "Others"
+        }
       },
       "disciplines": {
         "label": "Discipline"

package/package.json

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