@paris-ias/list 1.0.93 → 1.0.95

package/dist/module.json

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

package/dist/runtime/components/apps/ExpandedItem.vue

@@ -0,0 +1,14 @@
+<template>
+  <div>
+    {{ item.name }}
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  item: {
+    type: Object,
+    required: true
+  }
+});
+</script>

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

@@ -0,0 +1,12 @@
+<template>
+  {{ item }}
+</template>
+
+<script setup>
+defineProps({
+  item: {
+    type: Object,
+    required: true
+  }
+});
+</script>

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

@@ -0,0 +1,20 @@
+<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.apps.loading = false;
+</script>

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

@@ -35,18 +35,18 @@
       </v-btn>
       <template v-else>
         <v-btn
-          :class="{ 'active-page': !!page.current }"
+          :class="{ 'active-page': isActive }"
           tabindex="0"
           outlined
           min-width="35"
           height="35"
           tile
           nuxt
-          :active="!!page.current"
-          :color="!!page.current ? 'white' : 'black'"
+          :active="isActive"
+          :color="isActive ? 'white' : 'black'"
           text
           width="35"
-          :aria-current="!!page.current ? 'true' : 'false'"
+          :aria-current="isActive ? 'true' : 'false'"
           :aria-label="
             page.current
               ? `Current page, Page ${page.value}`
@@ -115,11 +115,14 @@ const props = defineProps({
     required: true
   }
 });
+const isActive = computed(() => {
+  return !!pages.current;
+});
 const renderPages = computed(() => {
-  const pages = [];
+  const pages2 = [];
   for (let pageIndex = 1; pageIndex <= props.totalPages; pageIndex++) {
     if (pageIndex === props.currentPage || pageIndex < props.pageGap || pageIndex > props.totalPages - props.pageGap + 1) {
-      pages.push(createPage(pageIndex));
+      pages2.push(createPage(pageIndex));
       continue;
     }
     let minimum;
@@ -135,27 +138,27 @@ const renderPages = computed(() => {
       maximum = props.currentPage + props.pagePadding;
     }
     if (pageIndex >= minimum && pageIndex <= props.currentPage || pageIndex >= props.currentPage && pageIndex <= maximum) {
-      pages.push(createPage(pageIndex));
+      pages2.push(createPage(pageIndex));
       continue;
     }
     if (pageIndex === props.pageGap) {
       if (minimum > props.pageGap + 1 && props.currentPage > props.pageGap + props.pagePadding + 1) {
-        pages.push(createGap(pageIndex));
+        pages2.push(createGap(pageIndex));
       } else {
-        pages.push(createPage(pageIndex));
+        pages2.push(createPage(pageIndex));
       }
       continue;
     }
     if (pageIndex === props.totalPages - props.pageGap + 1) {
       if (maximum < props.totalPages - props.pageGap && props.currentPage < props.totalPages - props.pageGap - props.pagePadding) {
-        pages.push(createGap(pageIndex));
+        pages2.push(createGap(pageIndex));
       } else {
-        pages.push(createPage(pageIndex));
+        pages2.push(createPage(pageIndex));
       }
       continue;
     }
   }
-  return pages;
+  return pages2;
 });
 const createPage = (pageIndex) => {
   return {

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

@@ -0,0 +1,14 @@
+<template>
+  <div>
+    {{ item }}
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  item: {
+    type: Object,
+    required: true
+  }
+});
+</script>

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

@@ -0,0 +1,12 @@
+<template>
+  {{ item }}
+</template>
+
+<script setup>
+defineProps({
+  item: {
+    type: Object,
+    required: true
+  }
+});
+</script>

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

@@ -0,0 +1,20 @@
+<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.users.loading = false;
+</script>

package/dist/runtime/graphql/item/apps.gql

@@ -1,5 +1,5 @@
-query getApp($appId: ID = "iea", $lang: String = "en") {
-  getApp(appId: $appId, lang: $lang) {
+query getApp($appId: ID = "iea", $itemId: ID = "", $lang: String = "en") {
+  getApp(appId: $appId, itemId: $itemId, lang: $lang) {
     appId
     color
     date
@@ -23,11 +23,12 @@ query getApp($appId: ID = "iea", $lang: String = "en") {
       icon
       name
       updatedAt
+      slug {
+        en
+        fr
+      }
     }
     url
-    slug {
-      fr
-      en
-    }
+    slug
   }
 }

package/dist/runtime/graphql/item/users.gql

@@ -0,0 +1,14 @@
+query getUser($appId: ID = "iea", $userId: ID = "") {
+  getUser(appId: $appId, userId: $userId) {
+    slug {
+      en
+      fr
+    }
+    admin
+    branch
+    createdAt
+    email
+    role
+    status
+  }
+}

package/dist/runtime/graphql/list/apps.gql

@@ -1,4 +1,14 @@
-query listApps($appId: ID = "", $lang: String = "", $options: ListInput = {}) {
+query listApps(
+  $options: ListInput = {
+    skip: 0
+    limit: 9
+    sortBy: ["start"]
+    sortDesc: false
+    filters: "{}"
+  }
+  $lang: String = "en"
+  $appId: ID = "iea"
+) {
   listApps(options: $options, appId: $appId, lang: $lang) {
     items {
       appId

package/dist/runtime/graphql/list/users.gql

@@ -1,9 +1,15 @@
 query listUsers(
+  $options: ListInput = {
+    skip: 0
+    limit: 9
+    sortBy: ["start"]
+    sortDesc: false
+    filters: "{}"
+  }
   $appId: ID = "iea"
   $lang: String = "en"
-  $options: ListInput = {}
 ) {
-  listUsers(appId: $appId, lang: $lang, options: $options) {
+  listUsers(options: $options, appId: $appId, lang: $lang) {
     items {
       admin
       branch

package/dist/runtime/plugins/pinia.js

@@ -87,6 +87,20 @@ export default defineNuxtPlugin(async (nuxtApp) => {
         list: import("../graphql/list/tags.gql"),
         get: import("../graphql/item/tags.gql")
       }
+    }),
+    apps: () => ({
+      model: import("@paris-ias/data/dist/list/apps.js"),
+      queries: {
+        list: import("../graphql/list/apps.gql"),
+        get: import("../graphql/item/apps.gql")
+      }
+    }),
+    users: () => ({
+      model: import("@paris-ias/data/dist/list/users.js"),
+      queries: {
+        list: import("../graphql/list/users.gql"),
+        get: import("../graphql/item/users.gql")
+      }
     })
     // Add other modules similarly...
   };

package/dist/runtime/stores/root.js

@@ -187,6 +187,10 @@ export const useRootStore = defineStore("rootStore", {
     },
     updatePage({ page, type }) {
       this.page = page;
+      const router = useRouter();
+      const query = router.currentRoute.value.query;
+      query.page = page > 1 ? page.toString() : void 0;
+      router.replace({ query });
       this.update(type);
     },
     async updateSearch({

package/package.json

@@ -1,7 +1,7 @@
 {
   "license": "AGPL-3.0-only",
   "main": "./dist/module.mjs",
-  "version": "1.0.93",
+  "version": "1.0.95",
   "name": "@paris-ias/list",
   "repository": {
     "url": "git+https://github.com/IEA-Paris/list.git",
@@ -24,7 +24,7 @@
     "@nuxtjs/apollo": "^5.0.0-alpha.14",
     "@nuxtjs/i18n": "^9.5.2",
     "@nuxtjs/mdc": "0.16.1",
-    "@paris-ias/data": "^1.8.3",
+    "@paris-ias/data": "^1.8.5",
     "@pinia/nuxt": "^0.5.4",
     "@types/node": "latest",
     "@urql/exchange-execute": "2.3.1",