@paris-ias/list 1.0.137 → 1.0.139

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

@@ -8,7 +8,7 @@
     <v-col v-if="mdAndUp" align-self="center" cols="1">
       <MiscAtomsImageContainer
         cover
-        :loading="$stores.projects.loading"
+        :loading="isLoading"
         :src="
           item && item.image && item.image.url ? item.image.url : '/default.png'
         "
@@ -17,7 +17,7 @@
       />
     </v-col>
     <v-col align-self="center" class="text-h5 dense pl-2">
-      <v-skeleton-loader v-if="rootStore.loading" type="heading" />
+      <v-skeleton-loader v-if="isLoading" type="heading" />
       <span
         v-else
         v-html="
@@ -27,14 +27,14 @@
         "
       />
       <v-skeleton-loader
-        v-if="rootStore.loading"
+        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 :items="item.tags" size="small" />
+      <MiscMoleculesChipContainer :items="item.tags || []" size="small" />
 
       <MDC
         v-if="item.summary"
@@ -68,6 +68,11 @@ const props = defineProps({
     type: String,
     required: true,
   },
+  loading: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
 })
 const eventCategory = computed(() => {
   if (props.item.category) {
@@ -76,4 +81,6 @@ const eventCategory = computed(() => {
     return "list.filters.news.category.others"
   }
 })
+
+const isLoading = computed(() => props.loading)
 </script>

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

@@ -4,7 +4,7 @@
       <MiscAtomsImageContainer
         contain
         :src="item.image"
-        :loading="$stores.projects.loading"
+        :loading="isLoading"
         :ratio="1 / 1"
       />
     </v-col>
@@ -19,7 +19,7 @@
       @click="router.push(pathPrefix)"
     >
       <v-skeleton-loader
-        v-if="rootStore.loading"
+        v-if="isLoading"
         type="heading,ossein,text@8,ossein,button,button"
       />
 
@@ -75,7 +75,7 @@
 <script setup>
 import { useDisplay } from "vuetify"
 import { useRootStore } from "../../stores/root"
-import { useRouter, useI18n } from "#imports"
+import { useRouter, useI18n, computed } from "#imports"
 
 const { locale } = useI18n()
 
@@ -96,7 +96,14 @@ const props = defineProps({
     type: String,
     required: true,
   },
+  loading: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
 })
+
+const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style lang="scss"></style>

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

@@ -8,7 +8,7 @@
     <v-col v-if="mdAndUp" cols="1" class="align-center">
       <MiscAtomsImageContainer
         cover
-        :loading="$stores.people.loading"
+        :loading="isLoading"
         :src="
           item && item.image && item.image.url ? item.image.url : '/default.png'
         "
@@ -19,7 +19,7 @@
     <v-col class="pl-2">
       <div class="inline-flex flex-row flex-wrap">
         <v-skeleton-loader
-          v-if="rootStore.loading"
+          v-if="isLoading"
           :type="
             ['chip', 'chip@2', 'chip@3', 'chip@4', 'chip@4', 'chip@4'][
               ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
@@ -47,11 +47,11 @@
           </v-chip>
           <MiscMoleculesChipContainer
             v-if="item.tags && item.tags.length"
-            :items="item.tags"
+            :items="item.tags || []"
             size="small"
           />
         </template>
-        <v-skeleton-loader v-if="rootStore.loading" type="heading" />
+        <v-skeleton-loader v-if="isLoading" type="heading" />
         <span
           v-else
           class="text-h5 dense paragraph"
@@ -76,10 +76,9 @@
 <script setup>
 import { useDisplay } from "vuetify"
 import { useRootStore } from "../../stores/root"
-import { computed, useNuxtApp, useI18n } from "#imports"
+import { computed, useI18n } from "#imports"
 const rootStore = useRootStore()
 
-const { $stores } = useNuxtApp()
 const { name, mdAndUp } = useDisplay()
 const { locale } = useI18n()
 const props = defineProps({
@@ -95,11 +94,15 @@ const props = defineProps({
     type: String,
     required: true,
   },
+  loading: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
 })
 
 const eventCategory = computed(() => {
   if (props.item.category) {
-    console.log("props.item.category: ", props.item.category)
     return "list.filters.publications.category." + props.item.category
   } else {
     return false
@@ -107,10 +110,11 @@ const eventCategory = computed(() => {
 })
 const eventType = computed(() => {
   if (props.item.type) {
-    console.log("props.item.type: ", props.item.type)
     return "list.filters.publications.type." + props.item.type
   } else {
     return false
   }
 })
+
+const isLoading = computed(() => props.loading)
 </script>

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

@@ -3,7 +3,7 @@
     <MiscAtomsImageContainer
       contain
       :src="item.image.url ? item.image : '/default.png'"
-      :loading="$stores.publications.loading"
+      :loading="isLoading"
       :ratio="1 / 1"
     />
   </v-col>
@@ -19,7 +19,7 @@
   >
     <div>
       <v-skeleton-loader
-        v-if="$stores.publications.loading"
+        v-if="isLoading"
         type="heading,ossein,text@8,ossein,button,button"
       />
 
@@ -77,10 +77,11 @@
 
 <script setup>
 import { useDisplay } from "vuetify"
-import { useNuxtApp, useI18n, useRouter } from "#imports"
+import { useRouter, computed } from "#imports"
+import { useRootStore } from "../../stores/root"
 
 const { name } = useDisplay()
-const { $stores } = useNuxtApp()
+const rootStore = useRootStore()
 const router = useRouter()
 const props = defineProps({
   item: {
@@ -94,7 +95,14 @@ const props = defineProps({
     type: String,
     required: true,
   },
+  loading: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
 })
+
+const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style lang="scss"></style>

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

@@ -1,18 +1,31 @@
 <template>
-  {{ item }}
+  <v-row
+    class="highlight-on-hover pa-3"
+    no-gutters
+    @click="$router.push(pathPrefix)"
+  >
+    <v-col cols="12" class="px-6">
+      <v-skeleton-loader v-if="isLoading" type="heading, text@6" />
+      <template v-else>
+        <div class="text-h6">{{ item.name }}</div>
+      </template>
+    </v-col>
+  </v-row>
+  <v-divider />
 </template>
 
 <script setup>
-defineProps({
-  item: {
-    type: Object,
-    required: true,
-  },
-  pathPrefix: {
-    type: String,
-    required: true,
-  },
+import { computed } from "#imports"
+import { useRootStore } from "../../stores/root"
+
+const rootStore = useRootStore()
+const props = defineProps({
+  item: { type: Object, required: true },
+  pathPrefix: { type: String, required: true },
+  loading: { type: Boolean, default: false },
 })
+
+const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style></style>

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

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

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

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

package/dist/runtime/composables/useUtils.js

@@ -49,7 +49,7 @@ export const formatDateValue = (date, locale) => {
 export const highlightAndTruncate = (stop, text, query) => {
   try {
     if (!text) {
-      return "toto";
+      return "";
     }
     if (query?.length && query[0]?.length) {
       if (text.length > stop) {

package/dist/runtime/plugins/pinia.js

@@ -1,6 +1,6 @@
 import { createDynamicStore } from "../stores/factory.js";
 import { useRootStore } from "../stores/root.js";
-import { defineNuxtPlugin, useAppConfig } from "#app";
+import { defineNuxtPlugin, useAppConfig } from "#imports";
 export default defineNuxtPlugin(async (nuxtApp) => {
   const appConfig = useAppConfig();
   const moduleImports = {
@@ -107,6 +107,8 @@ export default defineNuxtPlugin(async (nuxtApp) => {
   const stores = {};
   const queries = {};
   const models = {};
+  const rootStore = useRootStore();
+  rootStore.setLoading(true);
   const builtFilters = await import("../public/filters.json");
   console.log("INITIALIZING STORES");
   await Promise.all(
@@ -125,7 +127,8 @@ export default defineNuxtPlugin(async (nuxtApp) => {
       }
     })
   );
-  const rootStore = useRootStore();
+  console.log(" STORES LOADED");
+  rootStore.setLoading(false);
   nuxtApp.provide("models", models);
   nuxtApp.provide("rootStore", rootStore);
   nuxtApp.provide("stores", stores);

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

@@ -28,33 +28,34 @@ export declare const useRootStore: import("pinia").StoreDefinition<"rootStore",
     loadRouteQuery(type: string): void;
     setFiltersCount(type: string): void;
     updateRouteQuery(type: string): void;
-    resetState(type: string, lang?: string): Promise<void>;
-    updateSort({ value, type, lang, }: {
+    resetState(type: string, lang?: string): void;
+    updateSort({ value, type, }: {
         value: (number | string)[];
         type: string;
         lang?: string;
-    }): Promise<void>;
+    }): void;
     updateView({ value, type, lang, }: {
         value: string;
         type: string;
         lang?: string;
-    }): Promise<void>;
-    updateFilter(key: string, val: unknown, type: string, lang: string): Promise<void>;
+    }): void;
+    updateFilter(key: string, val: unknown, type: string, lang: string): void;
     updateItemsPerPage({ value, type, lang, }: {
         value: number;
         type: string;
         lang?: string;
-    }): Promise<void>;
+    }): void;
     updatePage({ page, type, lang, }: {
         page: number;
         type: string;
         lang?: string;
-    }): Promise<void>;
+    }): void;
     updateSearch({ type, search, lang, }: {
         type: string;
         search: string;
         lang: string;
-    }): Promise<void>;
-    update(type: string, lang?: string): Promise<boolean>;
+    }): void;
+    buildListVariables(type: string, lang?: string): any;
+    applyListResult(type: string, data: Record<string, any>, itemsPerPageOverride?: number): void;
 }>;
 export {};