@paris-ias/list 1.0.162 → 1.0.164

package/dist/module.json

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

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/events/DateTimePlace.vue

@@ -45,7 +45,9 @@
     </v-responsive>
   </v-expand-transition>
   <br />
+  <!-- TODO: cabler par la bonne url iea et l'injecter dynamiquement -->
   <v-btn
+    v-if="item.url && !item.url.startsWith('https://www.paris-iea.fr/fr')"
     variant="text"
     class="ml-n4"
     size="small"
@@ -75,6 +77,7 @@ const startDay = ref(
 const startTime = ref(detailedStart.hours)
 const detailedStop = getDetailedFormatedDate(props.item.stop, locale.value)
 const stopTime = ref(detailedStop.hours)
+console.log("locale", props.item)
 </script>
 
 <style lang="scss" scoped></style>

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

@@ -66,7 +66,6 @@ const getItems = (name) => {
       }))
   }
   if (
-    !messages.value[locale.value].list.filters[props.type] ||
     messages.value[locale.value].list.filters[props.type][name] === undefined
   ) {
     console.log("name not found, no item for this filter: ", name)

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

@@ -12,11 +12,12 @@
     :key="type"
     :feminine="type === 'people'"
     :type
-    :open="$rootStore.results[type]?.total > 0 || open[type]"
+    :open="$rootStore.results[type]?.total > 0 ?? open[type]"
     @toggle="open[$event] = !open[$event]"
   >
+    {{ $rootStore.results[type]?.total }}
     <v-expand-transition class="results-container">
-      <div v-show="open[type]">
+      <div v-show="$rootStore.results[type]?.total > 0 || open[type]">
         <ListAtomsResultsList :type />
       </div>
     </v-expand-transition>
@@ -67,7 +68,7 @@ const sortedModules = computed(() => {
 // Computed property to filter and sort modules based on selected categories
 const filteredSortedModules = computed(() => {
   return sortedModules.value.filter((type) =>
-    selectedCategories.value.includes(type)
+    selectedCategories.value.includes(type),
   )
 })
 
@@ -78,7 +79,7 @@ const { data, pending, error, refresh } = await useAsyncQuery(
   {
     key: `search-${$rootStore.search}`, // Unique key for caching
     server: true, // Enable SSR
-  }
+  },
 )
 if (error.value) {
   console.error("GraphQL query error: ", error.value)
@@ -90,7 +91,14 @@ if (error.value) {
 if (data.value) {
   console.log("Applying data to store directly [first load scenario]")
   $rootStore.applyListResult("all", data.value)
+  // Initialize open state for types with results
+  appConfig.list.modules.forEach((type) => {
+    if ($rootStore.results[type]?.total > 0) {
+      open.value[type] = true
+    }
+  })
 }
+
 const updateSearch = async (newSearch) => {
   console.log("update search")
   if (newSearch !== $rootStore.search) {
@@ -98,6 +106,12 @@ const updateSearch = async (newSearch) => {
     if (data.value) {
       console.log("Applying data to store directly [first load scenario]")
       $rootStore.applyListResult("all", data.value)
+      // Initialize open state for types with results
+      appConfig.list.modules.forEach((type) => {
+        if ($rootStore.results[type]?.total > 0) {
+          open.value[type] = true
+        }
+      })
     }
   }
 }

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

@@ -16,6 +16,21 @@
         :key="network"
         :value="network"
       >
+        <!-- TODO: Injecter dynamiquement l'url -->
+        <SocialShare
+          :key="network"
+          class="text-black"
+          :network="network"
+          :title="$t('share-this-on', { item: item.name })"
+          :aria-label="$t('share-on', { network: network })"
+          :image="item.image"
+          :url="'https://www.paris-iea.fr/fr' + route.fullPath"
+        >
+          <template #label>
+            {{ network }}
+          </template>
+        </SocialShare>
+
         <!--         <SocialShare
           :key="network"
           class="text-black"
@@ -36,11 +51,11 @@
 </template>
 
 <script setup>
-import { mergeProps } from "vue";
-import { useRoute } from "#imports";
+import { mergeProps } from "vue"
+import { useRoute } from "#imports"
 /* import config from "~/static.config"; */
 
-const route = useRoute();
+const route = useRoute()
 
 const props = defineProps({
   networks: {
@@ -60,7 +75,7 @@ const props = defineProps({
     type: Object,
     required: true,
   },
-});
+})
 
 /* console.log("PRPOS", props.item) */
 </script>

package/package.json

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