npm - @paris-ias/list - Versions diffs - 1.0.165 → 1.0.166 - Mend

@paris-ias/list 1.0.165 → 1.0.166

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/dist/module.json CHANGED Viewed

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

package/dist/runtime/components/events/Badges.vue CHANGED Viewed

@@ -43,7 +43,7 @@
     </v-btn>
     <v-btn
-      v-if="item.type === 'HYBRID'"
+      v-if="item.eventType === 'HYBRID'"
       color="grey-lighten-3"
       flat
       rounded="0"

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

@@ -22,7 +22,14 @@
     </v-col>
     <v-col align-self="start" class="pl-2">
+      <v-skeleton-loader
+        v-if="isLoading"
+        type="chip"
+        class="mr-3"
+        width="120"
+      />
       <v-chip
+        v-else
         class="mr-3"
         color="black"
         size="small"
@@ -32,7 +39,13 @@
       >
         {{ $t("list.filters.events.category." + item.category) }}
       </v-chip>
-      <span v-if="smAndDown" class="text-overline">
+      <v-skeleton-loader
+        v-if="isLoading && smAndDown"
+        type="text"
+        width="90"
+        class="d-inline-block"
+      />
+      <span v-else-if="smAndDown" class="text-overline">
         {{
           new Date(item.start).toLocaleDateString(locale, {
             year: "numeric",
@@ -42,7 +55,15 @@
         }}
       </span>
+      <v-skeleton-loader
+        v-if="isLoading"
+        type="heading"
+        width="80%"
+        class="mt-2"
+      />
       <div
+        v-else
         class="text-h5 dense paragraph mt-2"
         v-html="
           $rootStore.search.length
@@ -50,7 +71,9 @@
             : item.name
         "
       />
+      <v-skeleton-loader v-if="isLoading" type="text@3" class="mt-2" />
       <MDC
+        v-else
         class="text-body-1 font-weight-light paragraph"
         :value="`${highlightAndTruncate(
           85,
@@ -61,7 +84,10 @@
     </v-col>
     <v-col align-self="center" cols="auto">
-      <EventsBadges :item />
+      <v-skeleton-loader v-if="isLoading" type="button" />
+      <div v-else>
+        <EventsBadges :item />
+      </div>
     </v-col>
   </v-row>
 </template>
@@ -92,5 +118,5 @@ const props = defineProps({
   },
 })
-const isLoading = computed(() => props.loading)
+const isLoading = computed(() => rootStore.loading || props.loading)
 </script>

package/dist/runtime/components/events/RowsItem.vue CHANGED Viewed

@@ -62,11 +62,7 @@
         <v-col cols="12">
           <v-skeleton-loader
             v-if="isLoading"
-            :type="
-              ['article, heading, text, heading, text, button, button'][
-                ['md'].indexOf(name || 'md')
-              ]
-            "
+            :type="['button'][['md'].indexOf(name || 'md')]"
           />
           <div v-else>

package/dist/runtime/components/fellowships/DenseItem.vue CHANGED Viewed

@@ -1,7 +1,12 @@
 <template>
   <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover">
     <v-col align-self="center" cols="8" class="text-h5 dense">
-      <v-skeleton-loader v-if="isLoading" type="heading" />
+      <v-skeleton-loader
+        v-if="isLoading"
+        type="heading"
+        width="75%"
+        class="mb-2"
+      />
       <div
         v-else
         v-html="
@@ -13,7 +18,12 @@
       <FellowshipsBadges :item="item" />
     </v-col>
     <v-col align-self="center" cols="4">
-      <v-skeleton-loader v-if="isLoading" type="chip@3" class="mt-2" />
+      <v-skeleton-loader
+        v-if="isLoading"
+        type="chip"
+        width="260"
+        class="mt-2"
+      />
       <MiscMoleculesChipContainer
         v-else
         :items="[

package/dist/runtime/components/fellowships/RowsItem.vue CHANGED Viewed

@@ -1,38 +1,51 @@
 <template>
-  <v-col cols="12" md="6" class="highlight-on-hover">
-    <div v-ripple class="border-thin pa-6">
-      <FellowshipsBadges :item />
-      <div class="d-flex">
-        <v-skeleton-loader v-if="isLoading" type="heading" />
-        <div v-else class="text-h4 text-black text-wrap mt-4 pb-4">
-          {{ item.name }}
-        </div>
-      </div>
-      <div
-        class="text-wrap clamped-text d-flex"
-        :style="
-          '-webkit-line-clamp:' +
-          [5, 5, 5, 10, 12, 14][
-            ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
-          ]
-        "
-      >
-        <v-skeleton-loader v-if="isLoading" type="text@4" />
-        <MDC v-else-if="item.description" :value="item.description" />
+  <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover my-2">
+    <v-col cols="12" class="w-100">
+      <div v-ripple class="border-thin pa-6">
+        <template v-if="isLoading">
+          <v-skeleton-loader type="chip@2" class="mb-2" />
+          <v-skeleton-loader type="heading" width="70%" class="mt-4" />
+          <v-skeleton-loader type="text@4" class="mt-2 w-100" />
+          <v-skeleton-loader type="chip" class="mt-4" width="260" />
+        </template>
+        <template v-else>
+          <FellowshipsBadges :item />
+          <div class="text-h4 text-black text-wrap mt-4 pb-4">
+            {{ item.name }}
+          </div>
+          <div
+            v-if="item.summary"
+            class="text-wrap clamped-text d-flex"
+            :style="
+              '-webkit-line-clamp:' +
+              [5, 5, 4, 8, 10, 11][
+                ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
+              ]
+            "
+          >
+            <MDC :value="item.summary" />
+          </div>
+          <MiscMoleculesChipContainer
+            :items="[
+              $t(
+                'list.filters.fellowships.fellowshipType.' +
+                  item.fellowshipType,
+              ),
+              ...(item?.disciplines?.length
+                ? item.disciplines.map((d) => d.name)
+                : []),
+            ]"
+            class="mt-4"
+          />
+        </template>
       </div>
-      <v-skeleton-loader v-if="isLoading" type="chip@3" class="mt-2" />
-      <MiscMoleculesChipContainer
-        v-else
-        :items="[
-          $t('list.filters.fellowships.fellowshipType.' + item.fellowshipType),
-          ...(props.item && props.item.disciplines
-            ? props.item.disciplines.map((discipline) => discipline.name)
-            : []),
-        ]"
-        class="mt-2"
-      />
-    </div>
-  </v-col>
+    </v-col>
+  </v-row>
 </template>
 <script setup>

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

@@ -14,7 +14,7 @@
           params: { slug: JSON.parse(item.slug) },
         })
       "
-      class="text-decoration-none text-black"
+      class="text-decoration-none text-black w-100"
     >
       <component
         :is="itemTemplate"

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

@@ -40,7 +40,7 @@
               ? highlightAndTruncate(
                   300,
                   item.name,
-                  $rootStore.search.split(' ')
+                  $rootStore.search.split(' '),
                 )
               : item.name
           "
@@ -84,5 +84,5 @@ const eventCategory = computed(() => {
   }
 })
-const isLoading = computed(() => props.loading)
+const isLoading = computed(() => rootStore.loading || props.loading)
 </script>

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

@@ -12,7 +12,7 @@
       />
     </v-col>
     <v-col align-self="center" class="text-h5 dense pl-2">
-      <v-skeleton-loader v-if="isLoading" type="heading" />
+      <v-skeleton-loader v-if="isLoading" type="heading" width="50%" />
       <span
         v-else
         v-html="
@@ -21,23 +21,29 @@
             : item.name
         "
       />
-      <v-skeleton-loader
+      <!-- <v-skeleton-loader
         v-if="isLoading"
         :type="
           ['chip', 'chip@2', 'chip@3', 'chip@4', 'chip@4', 'chip@4'][
             ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
           ]
         "
+      /> -->
+      <MiscMoleculesChipContainer
+        v-if="item.tags"
+        :items="item.tags || []"
+        size="small"
       />
-      <MiscMoleculesChipContainer :items="item.tags || []" size="small" />
+      <v-skeleton-loader v-if="isLoading" type="text@2" class="mt-3" />
       <MDC
-        v-if="item.summary"
+        v-else-if="item.summary"
         class="text-caption font-weight-light paragraph"
         :value="`${highlightAndTruncate(
           150,
           item.summary,
-          rootStore.search.split(' ')
+          rootStore.search.split(' '),
         )}`"
       />
     </v-col>
@@ -70,13 +76,6 @@ const props = defineProps({
     default: false,
   },
 })
-const eventCategory = computed(() => {
-  if (props.item.category) {
-    return "list.filters.news.category." + props.item.category
-  } else {
-    return "list.filters.news.category.others"
-  }
-})
-const isLoading = computed(() => props.loading)
+const isLoading = computed(() => rootStore.loading || props.loading)
 </script>

package/dist/runtime/components/projects/RowsItem.vue CHANGED Viewed

@@ -31,7 +31,7 @@
           class="mt-n3 text-wrap clamped-text"
           :style="
             '-webkit-line-clamp:' +
-            [5, 5, 4, 8, 10][
+            [5, 5, 4, 8, 10, 11][
               ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
             ]
           "

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

@@ -11,7 +11,7 @@
             v-else
             contain
             :loading="loading"
-            :src="item.image.url ? item.image : '/default.png'"
+            :src="item && item.image ? item.image.url : '/default.png'"
             :ratio="1 / 1"
           />
         </v-col>
@@ -31,7 +31,10 @@
       />
       <div v-else class="d-flex align-center flex-column mt-12">
-        <div class="d-flex text-center text-wrap text-h3 text-black">
+        <div
+          v-if="item && item.name"
+          class="d-flex text-center text-wrap text-h3 text-black"
+        >
           {{ item.name }}
         </div>
         <v-divider width="154px" class="mb-1 mt-6" />
@@ -40,7 +43,7 @@
           v-if="!loading"
           class="d-flex text-center text-wrap text-h5 text-black mt-6"
         >
-          <MDC v-if="item.subtitle" :value="item.subtitle" />
+          <MDC v-if="item && item.subtitle" :value="item.subtitle" />
         </div>
         <MiscMoleculesChipContainer
           v-if="item && item.tags"
@@ -51,7 +54,7 @@
           <MiscAtomsShareMenu :item class="mt-6" />
         </v-btn-toggle>
         <v-btn
-          v-if="item.url"
+          v-if="item && item.url"
           class="my-6 d-flex"
           variant="outlined"
           :href="item.url"
@@ -77,7 +80,7 @@
           ]
         "
       />
-      <div v-if="item.description" class="mt-md-n2 mx-10 mx-md-0">
+      <div v-if="item && item.description" class="mt-md-n2 mx-10 mx-md-0">
         <MDC :value="item.description" />
       </div>
     </v-col>
@@ -124,8 +127,7 @@ const props = defineProps({
   loading: {
     type: Boolean,
     required: false,
-    default: false,
   },
 })
-$stores.projects.loading = false
+console.log("project view props", props.loading)
 </script>

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

@@ -13,14 +13,7 @@
     </v-col>
     <v-col class="pl-2">
       <div class="inline-flex flex-row flex-wrap">
-        <v-skeleton-loader
-          v-if="isLoading"
-          :type="
-            ['chip', 'chip@2', 'chip@3', 'chip@4', 'chip@4', 'chip@4'][
-              ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
-            ]
-          "
-        />
+        <v-skeleton-loader v-if="isLoading" :type="heading" />
         <template v-else>
           <v-chip
@@ -55,17 +48,20 @@
               ? highlightAndTruncate(
                   300,
                   item.name,
-                  $rootStore.search.split(' ')
+                  $rootStore.search.split(' '),
                 )
               : item.name
           "
         />
+        <v-skeleton-loader v-if="isLoading" type="text@3" class="mt-2" />
         <MDC
+          v-else
           class="text-body-1 font-weight-light paragraph"
           :value="`${highlightAndTruncate(
             150,
             item.summary,
-            rootStore.search.split(' ')
+            rootStore.search.split(' '),
           )}`"
         />
       </div> </v-col
@@ -112,5 +108,5 @@ const eventType = computed(() => {
   }
 })
-const isLoading = computed(() => props.loading)
+const isLoading = computed(() => rootStore.loading || props.loading)
 </script>

package/dist/runtime/components/publications/RowsItem.vue CHANGED Viewed

@@ -1,75 +1,77 @@
 <template>
-  <v-col v-ripple cols="12" sm="6" md="4" lg="3" xl="2">
-    <MiscAtomsImageContainer
-      contain
-      :src="item.image.url ? item.image : '/default.png'"
-      :loading="isLoading"
-      :ratio="1 / 1"
-    />
-  </v-col>
-  <v-col
-    v-ripple
-    cols="12"
-    sm="6"
-    md="8"
-    lg="9"
-    xl="10"
-    class="px-6 cursor-pointer"
-  >
-    <div>
-      <v-skeleton-loader
-        v-if="isLoading"
-        type="heading,ossein,text@8,ossein,button,button"
+  <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover my-2">
+    <v-col v-ripple cols="12" sm="6" md="4" lg="3" xl="2">
+      <MiscAtomsImageContainer
+        contain
+        :src="item.image.url ? item.image : '/default.png'"
+        :loading="isLoading"
+        :ratio="1 / 1"
       />
+    </v-col>
+    <v-col
+      v-ripple
+      cols="12"
+      sm="6"
+      md="8"
+      lg="9"
+      xl="10"
+      class="px-6 cursor-pointer"
+    >
+      <div>
+        <v-skeleton-loader
+          v-if="isLoading"
+          type="heading,ossein,text@8,ossein,button,button"
+        />
-      <template v-else>
-        <div v-if="item.type" class="text-overline">{{ $t(item.type) }}</div>
-        <div class="text-h5 text-sm-h3 text-md-h4 text-md-h4 my-6">
-          {{ item.name }}
-        </div>
-        <div
-          v-if="item.summary"
-          class="text-wrap clamped-text"
-          :style="
-            '-webkit-line-clamp:' +
-            [5, 5, 5, 10, 12, 14][
-              ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
-            ]
-          "
-        >
-          <MDC :value="item.summary" />
-        </div>
-        <v-btn
-          class="mt-4"
-          variant="outlined"
-          tile
-          :size="
-            ['small', 'small', 'small', 'default', 'default', 'large'][
-              ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
-            ]
-          "
-        >
-          {{ $t("read-more") }}
-        </v-btn>
-        <v-btn
-          v-if="item.url"
-          variant="outlined"
-          tile
-          target="_blank"
-          :href="item.url"
-          class="mt-4 ml-4"
-          prepend-icon="mdi-web"
-          :size="
-            ['small', 'small', 'small', 'default', 'default', 'large'][
-              ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
-            ]
-          "
-        >
-          {{ $t("visit-the-publications-website") }}
-        </v-btn>
-      </template>
-    </div>
-  </v-col>
+        <template v-else>
+          <div v-if="item.type" class="text-overline">{{ $t(item.type) }}</div>
+          <div class="text-h5 text-sm-h3 text-md-h4 text-md-h4 my-6">
+            {{ item.name }}
+          </div>
+          <div
+            v-if="item.summary"
+            class="text-wrap clamped-text"
+            :style="
+              '-webkit-line-clamp:' +
+              [5, 5, 5, 10, 12, 14][
+                ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
+              ]
+            "
+          >
+            <MDC :value="item.summary" />
+          </div>
+          <v-btn
+            class="mt-4"
+            variant="outlined"
+            tile
+            :size="
+              ['small', 'small', 'small', 'default', 'default', 'large'][
+                ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
+              ]
+            "
+          >
+            {{ $t("read-more") }}
+          </v-btn>
+          <v-btn
+            v-if="item.url"
+            variant="outlined"
+            tile
+            target="_blank"
+            :href="item.url"
+            class="mt-4 ml-4"
+            prepend-icon="mdi-web"
+            :size="
+              ['small', 'small', 'small', 'default', 'default', 'large'][
+                ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
+              ]
+            "
+          >
+            {{ $t("visit-the-publications-website") }}
+          </v-btn>
+        </template>
+      </div>
+    </v-col></v-row
+  >
   <v-divider />
 </template>

package/dist/runtime/composables/useFetchItem.d.ts CHANGED Viewed

@@ -4,3 +4,12 @@ export declare const useFetchItem: () => {
         key: string;
     }) => Promise<T>;
 };
+type FetchItemPayload = {
+    query: any;
+    key: string;
+    variables?: Record<string, any>;
+};
+export declare const useFetchItem2: () => {
+    fetchItem: <T>({ query, key, variables, }: FetchItemPayload) => Promise<T>;
+};
+export {};

package/dist/runtime/composables/useFetchItem.js CHANGED Viewed

@@ -50,3 +50,41 @@ export const useFetchItem = () => {
     fetchItem
   };
 };
+export const useFetchItem2 = () => {
+  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({
+        query,
+        variables,
+        fetchPolicy: "network-only"
+      });
+      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 },
+          fr: { slug: item.slug.fr }
+        });
+      } else {
+        setI18nParams({
+          en: { slug: item.slug },
+          fr: { slug: item.slug }
+        });
+      }
+      return item;
+    } catch (error) {
+      console.error("Error fetching item:", error);
+      throw error instanceof Error ? error : new Error(String(error));
+    }
+  };
+  return { fetchItem };
+};

package/package.json CHANGED Viewed

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