@paris-ias/list 1.0.99 → 1.0.101

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@paris-ias/list",
   "configKey": "list",
-  "version": "1.0.99",
+  "version": "1.0.101",
   "builder": {
     "@nuxt/module-builder": "1.0.0",
     "unbuild": "3.5.0"

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

@@ -1,16 +1,5 @@
 <template>
-  <v-sheet
-    v-motion
-    class="d-flex sliding-item flex-md-row flex-column px-6"
-    :initial="{
-      opacity: 0,
-      x: 100,
-    }"
-    :enter="{
-      opacity: 1,
-      x: 0,
-    }"
-  >
+  <v-sheet v-motion class="d-flex sliding-item flex-md-row flex-column px-6">
     <MiscAtomsDateStamp
       :date-start="item.start"
       :date-stop="item.stop"

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

@@ -48,7 +48,7 @@ import { useI18n } from "vue-i18n";
 const { smAndDown } = useDisplay();
 const i18n = useI18n();
 const { locale, messages } = useI18n();
-const { $stores } = useNuxtApp();
+const { $stores, $filters } = useNuxtApp();
 const rootStore = useRootStore();
 const props = defineProps(["type", "expanded"]);
 const ComponentName = (name) => {
@@ -60,6 +60,13 @@ const getItems = (name) => {
   if ($stores[props.type].filters[name].type === "Checkbox") {
     return [];
   }
+  if ($filters?.[props.type]?.[name]) {
+    console.log("filters found for ", name, $filters[props.type][name]);
+    return $filters[props.type][name].filter((key) => key !== "label").map((item) => ({
+      title: i18n.t(`list.filters.${props.type}.${name}.${item}`),
+      value: item
+    }));
+  }
   if (messages.value[locale.value].list.filters[props.type][name] === void 0) {
     console.log("name not found, no item for this filmter: ", name);
     return [];

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

@@ -184,15 +184,6 @@ const getGapPage = (index) => {
     renderPages.value[index - 1].key + ((renderPages.value[index + 1].key || props.totalPages) - renderPages.value[index - 1].key) / 2
   );
 };
-watch(
-  () => route.query.page,
-  (newPage) => {
-    if (newPage) {
-      props.currentPage = Number.parseInt(newPage, 10);
-    }
-  },
-  { immediate: true }
-);
 </script>
 
 <style>

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

@@ -83,6 +83,7 @@ const itemTemplate = computed(
 const numberOfPages = computed(() => $stores[props.type].numberOfPages);
 const page = computed(() => +$stores[props.type].page);
 const items = computed(() => $stores[props.type].items);
+rootStore.initializePageFromRoute();
 try {
   await rootStore.update(props.type, locale.value);
 } catch (error) {

package/dist/runtime/plugins/pinia.js

@@ -107,6 +107,20 @@ export default defineNuxtPlugin(async (nuxtApp) => {
   const stores = {};
   const queries = {};
   const models = {};
+  let builtFilters = {};
+  try {
+    const filtersResponse = await fetch(
+      "https://cdn-yggdrasil-dev.s3.eu-west-2.amazonaws.com/iea/filters.json"
+    );
+    if (filtersResponse.ok) {
+      builtFilters = await filtersResponse.json();
+      console.log("Filters loaded successfully:", builtFilters);
+    } else {
+      console.warn("Failed to load filters, using empty object");
+    }
+  } catch (error) {
+    console.error("Error loading filters:", error);
+  }
   console.log("INITIALIZING STORES");
   await Promise.all(
     appConfig.list.modules.map(async (type) => {
@@ -129,4 +143,5 @@ export default defineNuxtPlugin(async (nuxtApp) => {
   nuxtApp.provide("rootStore", rootStore);
   nuxtApp.provide("stores", stores);
   nuxtApp.provide("queries", queries);
+  nuxtApp.provide("filters", builtFilters);
 });

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

@@ -45,10 +45,11 @@ export declare const useRootStore: import("pinia").StoreDefinition<"rootStore",
         value: number;
         type: string;
     }): void;
-    updatePage({ page, type }: {
+    updatePage({ page, type, }: {
         page: number;
         type: string;
-    }): void;
+    }): Promise<void>;
+    initializePageFromRoute(): void;
     updateSearch({ type, search, lang, }: {
         type: string;
         search: string;

package/dist/runtime/stores/root.js

@@ -185,13 +185,26 @@ export const useRootStore = defineStore("rootStore", {
       }
       this.update(type);
     },
-    updatePage({ page, type }) {
-      this.page = page;
+    async updatePage({
+      page,
+      type
+    }) {
       const router = useRouter();
-      const query = router.currentRoute.value.query;
-      query.page = page > 1 ? page.toString() : void 0;
-      router.replace({ query });
-      this.update(type);
+      const currentQuery = router.currentRoute.value.query;
+      const newQuery = { ...currentQuery };
+      if (page > 1) {
+        newQuery.page = page.toString();
+      } else {
+        delete newQuery.page;
+      }
+      this.page = page;
+      await router.replace({ query: newQuery });
+      await this.update(type);
+    },
+    initializePageFromRoute() {
+      const { query } = useRouter().currentRoute.value;
+      const page = Number.parseInt(query.page, 10);
+      this.page = isNaN(page) || page < 1 ? 1 : page;
     },
     async updateSearch({
       type = "all",

package/package.json

@@ -1,7 +1,7 @@
 {
   "license": "AGPL-3.0-only",
   "main": "./dist/module.mjs",
-  "version": "1.0.99",
+  "version": "1.0.101",
   "name": "@paris-ias/list",
   "repository": {
     "url": "git+https://github.com/IEA-Paris/list.git",