@paris-ias/list 1.0.190 → 1.0.192

package/dist/module.json

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

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

@@ -34,7 +34,9 @@
 
         <template v-else>
           <div class="d-flex align-center flex-column">
-            <div class="d-flex text-center text-wrap text-h3 text-black">
+            <div
+              class="d-flex text-center text-wrap text-h4 text-md-h3 text-black"
+            >
               {{ item.name }}
             </div>
 
@@ -165,7 +167,7 @@
         </v-row>
       </v-col>
 
-      <v-col v-if="xs" class="ml-2" cols="12">
+      <v-col v-if="xs" cols="12">
         <MiscAtomsImageContainer
           cover
           :src="item.image.url ? item.image : '/default.png'"

package/dist/runtime/components/fellowships/Badges.vue

@@ -13,7 +13,10 @@
     class="mr-2"
   />
 
-  <div v-else-if="registrationStatus === 2" class="my-2 text-overline">
+  <div
+    v-else-if="registrationStatus === 2"
+    class="my-2 text-caption text-md-overline"
+  >
     <v-icon class="text-grey" size="x-large"> mdi-circle-medium </v-icon>
     {{
       $t("applications-closed-since-0", [

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

@@ -2,12 +2,26 @@
   <v-row
     v-ripple
     no-gutters
-    class="cursor-pointer highlight-on-hover pt-2 pl-2"
+    class="cursor-pointer highlight-on-hover pt-2 pl-md-2"
   >
     <v-col
-      align-self="center"
-      cols="8"
-      class="text-h5 dense"
+      v-if="mdAndUp"
+      cols="1"
+      class="align-center"
+      :offset="name.startsWith('search') ? 1 : 0"
+    >
+      <MiscAtomsImageContainer
+        cover
+        :loading="loading"
+        :src="item?.image?.url || '/default.png'"
+        :ratio="1 / 1"
+        :width="100"
+      />
+    </v-col>
+
+    <v-col
+      :cols="mdAndUp ? 8 : undefined"
+      class="text-h5 dense d-flex flex-column ml-md-2"
       :offset="name.startsWith('search') ? 1 : 0"
     >
       <v-skeleton-loader
@@ -25,16 +39,35 @@
         "
       />
       <FellowshipsBadges :item="item" :loading="loading" />
+
+      <template v-if="mdAndDown">
+        <v-skeleton-loader
+          v-if="loading"
+          type="chip"
+          width="260"
+          class="mt-2"
+        />
+        <MiscMoleculesChipContainer
+          v-else
+          :items="[
+            $t(
+              'list.filters.fellowships.fellowshipType.' + item.fellowshipType,
+            ),
+            ...(props.item?.disciplines?.map((discipline) => discipline.name) ??
+              []),
+          ]"
+        />
+      </template>
     </v-col>
-    <v-col align-self="center" cols="auto">
+
+    <v-col v-if="mdAndUp" class="d-flex flex-column">
       <v-skeleton-loader v-if="loading" type="chip" width="260" 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)
-            : []),
+          ...(props.item?.disciplines?.map((discipline) => discipline.name) ??
+            []),
         ]"
         class="mt-2"
       />
@@ -43,12 +76,16 @@
 </template>
 
 <script setup>
+import { useDisplay } from "vuetify"
 import { useNuxtApp, useRoute, computed } from "#imports"
 import { highlightAndTruncate } from "../../composables/useUtils"
 const { $rootStore, $stores } = useNuxtApp()
 const { name } = useRoute()
+const { mdAndUp, mdAndDown } = useDisplay()
 const searchQuery = computed(() =>
-  name.startsWith('search') ? $rootStore.search : ($stores['fellowships'].search || '')
+  name.startsWith("search")
+    ? $rootStore.search
+    : $stores["fellowships"].search || "",
 )
 const props = defineProps({
   item: {

package/dist/runtime/components/fellowships/RegisterModal.vue

@@ -33,10 +33,10 @@
 </template>
 
 <script setup>
-import { getLocalizedDate } from "../../composables/useUtils";
+import { getLocalizedDate } from "../../composables/useUtils"
 
 const props = defineProps({
   item: { type: Object, required: true },
   view: { type: Boolean, required: false, default: false },
-});
+})
 </script>

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

@@ -136,20 +136,34 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  filterOrder: {
+    type: Array,
+    default: () => [],
+  },
 })
 
 // Filter dropdown state
 const filterMenuOpen = ref(false)
 
 // Filter options
-const filterOptions = computed(() => [
-  { value: "people", label: capitalize(t("items.people", 2)) },
-  { value: "events", label: capitalize(t("items.events", 2)) },
-  { value: "news", label: capitalize(t("items.news", 2)) },
-  { value: "publications", label: capitalize(t("items.publications", 2)) },
-  { value: "fellowships", label: capitalize(t("items.fellowships", 2)) },
-  { value: "projects", label: capitalize(t("items.projects", 2)) },
-])
+const allFilterOptions = computed(() => ({
+  people: { value: "people", label: capitalize(t("items.people", 2)) },
+  events: { value: "events", label: capitalize(t("items.events", 2)) },
+  news: { value: "news", label: capitalize(t("items.news", 2)) },
+  publications: { value: "publications", label: capitalize(t("items.publications", 2)) },
+  fellowships: { value: "fellowships", label: capitalize(t("items.fellowships", 2)) },
+  projects: { value: "projects", label: capitalize(t("items.projects", 2)) },
+}))
+
+const filterOptions = computed(() => {
+  const map = allFilterOptions.value
+  if (props.filterOrder.length > 0) {
+    const ordered = props.filterOrder.filter((k) => map[k]).map((k) => map[k])
+    const rest = Object.values(map).filter((o) => !props.filterOrder.includes(o.value))
+    return [...ordered, ...rest]
+  }
+  return Object.values(map)
+})
 
 // Toggle filter selection
 const toggleFilter = (option) => {

package/dist/runtime/components/list/organisms/Results.vue

@@ -3,6 +3,7 @@
     type="all"
     :placeholder="$t('search')"
     :categories="selectedCategories"
+    :filter-order="sortedModules"
     filter
     @filter-change="handleFilterChange"
     class="mb-6"

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

@@ -2,7 +2,7 @@
   <v-row no-gutters>
     <v-col>
       <template v-for="(value, key, index) in socials" :key="key + value">
-        <v-tooltip v-if="value" :location="location">
+        <v-tooltip v-if="value && key !== '__typename'" :location="location">
           <template #activator="{ props }">
             <v-btn
               tile
@@ -11,11 +11,15 @@
               :href="getSocialId(key, value)"
               :color="dark ? 'transparent' : 'white'"
               flat
+              class="pl-0"
             >
               <v-icon :color="dark ? 'white' : 'black'">
                 {{ getProfileIcon(key) }}</v-icon
               >
-              <div v-if="labelled" class="text-uppercase text-muted ml-3">
+              <div
+                v-if="labelled"
+                class="text-uppercase text-caption text-md-button ml-3"
+              >
                 {{ key }}
               </div>
             </v-btn>
@@ -29,11 +33,11 @@
 </template>
 
 <script setup>
-import { useAttrs, mergeProps } from "vue";
-import { useDisplay } from "vuetify";
+import { useAttrs, mergeProps } from "vue"
+import { useDisplay } from "vuetify"
 
-const attrs = useAttrs();
-const { name } = useDisplay();
+const attrs = useAttrs()
+const { name } = useDisplay()
 
 const props = defineProps({
   socials: {
@@ -52,75 +56,75 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
-});
+})
 
 const getSocialId = (name, id) => {
   switch (name) {
     case "idRef":
-      return `https://www.idref.fr/${id}`;
+      return `https://www.idref.fr/${id}`
     case "mendeley":
-      return `https://www.mendeley.com/${id}`;
+      return `https://www.mendeley.com/${id}`
     case "linkedin":
-      return `https://www.linkedin.com/company/${id}`;
+      return `https://www.linkedin.com/company/${id}`
     case "twitter":
-      return `https://x.com/${id}`;
+      return `https://x.com/${id}`
     case "orcid":
-      return `https://orcid.org/${id}`;
+      return `https://orcid.org/${id}`
     case "scholar":
-      return `https://scholar.google.com/${id}`;
+      return `https://scholar.google.com/${id}`
     case "wikipedia":
-      return `https://fr.wikipedia.org/${id}`;
+      return `https://fr.wikipedia.org/${id}`
     case "researchgate":
-      return `https://www.researchgate.net/${id}`;
+      return `https://www.researchgate.net/${id}`
     case "youtube":
-      return `https://www.youtube.com/${id}`;
+      return `https://www.youtube.com/${id}`
     case "facebook":
-      return `https://www.facebook.com/pages/${id}`;
+      return `https://www.facebook.com/pages/${id}`
     case "instagram":
-      return `https://www.instagram.com/${id}`;
+      return `https://www.instagram.com/${id}`
     case "github":
-      return `https://gitbub.com/${id}`;
+      return `https://gitbub.com/${id}`
     case "rss":
-      return "";
+      return ""
     case "website":
-      return "";
+      return ""
   }
-};
+}
 
 const getProfileIcon = (name) => {
   switch (name) {
     case "idRef":
-      return "mdi-account-plus-outline";
+      return "mdi-account-plus-outline"
     case "mendeley":
-      return "mdi-book";
+      return "mdi-book"
     case "bluesky":
-      return "mdi-cloud";
+      return "mdi-cloud"
     case "linkedin":
-      return "mdi-linkedin";
+      return "mdi-linkedin"
     case "twitter":
-      return "mdi-twitter";
+      return "mdi-twitter"
     case "orcid":
-      return "mdi-account";
+      return "mdi-account"
     case "scholar":
-      return "mdi-google";
+      return "mdi-google"
     case "wikipedia":
-      return "mdi-wikipedia";
+      return "mdi-wikipedia"
     case "researchgate":
-      return "mdi-account";
+      return "mdi-account"
     case "youtube":
-      return "mdi-youtube";
+      return "mdi-youtube"
     case "facebook":
-      return "mdi-facebook";
+      return "mdi-facebook"
     case "instagram":
-      return "mdi-instagram";
+      return "mdi-instagram"
     case "github":
-      return "mdi-github";
+      return "mdi-github"
     case "rss":
-      return "mdi-rss";
+      return "mdi-rss"
     case "website":
-      return "mdi-web";
+      return "mdi-web"
   }
-};
+}
 </script>
 
 <style lang="scss"></style>

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

@@ -52,7 +52,7 @@
         </v-chip>
         <div
           v-if="item && item.name && mdAndUp"
-          class="d-flex text-wrap text-h4 text-black"
+          class="d-flex text-wrap text-h4 text-md-h3 text-black"
         >
           {{ item.name }}
         </div>

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

@@ -175,4 +175,6 @@ const props = defineProps({
   loading: { type: Boolean, default: false },
 })
 $stores.people.loading = false
+
+console.log("people", props.item)
 </script>

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

@@ -33,7 +33,7 @@
       <div v-else class="d-flex align-center flex-column mt-12">
         <div
           v-if="item && item.name"
-          class="d-flex text-center text-wrap text-h3 text-black"
+          class="d-flex text-center text-wrap text-h4 text-md-h3 text-black"
         >
           {{ item.name }}
         </div>

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

@@ -32,7 +32,7 @@
       />
 
       <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 class="d-flex text-center text-wrap text-h4 text-md-h3 text-black">
           {{ item.name }}
         </div>
         <v-divider width="154px" class="mb-1 mt-6" />
@@ -75,7 +75,7 @@
           ]
         "
       />
-      <div v-if="item.description" class="mt-md-n2 mx-10 mx-md-0">
+      <div v-if="item.description" class="mt-md-n2">
         <MDC :value="item.description" />
       </div>
     </v-col>

package/package.json

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