@paris-ias/list 1.0.11 → 1.0.13

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

@@ -33,15 +33,13 @@
 </template>
 
 <script setup>
-const route = useRoute()
-
-const filtersOpen = ref(!!Object.keys(route.query)?.length)
-
+const route = useRoute();
+const filtersOpen = ref(!!Object.keys(route.query)?.length);
 const props = defineProps({
   type: {
     type: String,
     required: false,
-    default: "",
-  },
-})
+    default: ""
+  }
+});
 </script>

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

@@ -77,167 +77,125 @@
 </template>
 
 <script setup>
-import { computed } from "vue"
-import { useRoute, useRouter } from "vue-router"
-import { useRootStore } from "../../../stores/root"
-
-const route = useRoute()
-const router = useRouter()
-const rootStore = useRootStore()
-
-// THIS COMPONENT IS INITIALLY BASED ON https://github.com/ashwinkshenoy/vue-simple/tree/master/packages/vs-pagination
-// AND MODIFIED TO FIT INTO OUR NEEDS (Vuetify + nuxt 3)
+import { computed } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { useRootStore } from "../../../stores/root";
+const route = useRoute();
+const router = useRouter();
+const rootStore = useRootStore();
 const props = defineProps({
   totalPages: {
     type: Number,
-    required: true,
+    required: true
   },
   currentPage: {
     type: Number,
-    default: 1,
+    default: 1
   },
   pagePadding: {
     type: Number,
     default: 1,
     validator: (value) => {
-      return value > 0
-    },
+      return value > 0;
+    }
   },
   pageGap: {
     type: Number,
     default: 2,
     validator: (value) => {
-      return value > 0
-    },
+      return value > 0;
+    }
   },
   hidePrevNext: {
     type: Boolean,
-    default: false,
+    default: false
   },
   type: {
     type: String,
     default: "",
-    required: true,
-  },
-})
-
+    required: true
+  }
+});
 const renderPages = computed(() => {
-  const pages = []
+  const pages = [];
   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))
-      continue
+    if (pageIndex === props.currentPage || pageIndex < props.pageGap || pageIndex > props.totalPages - props.pageGap + 1) {
+      pages.push(createPage(pageIndex));
+      continue;
     }
-
-    let minimum
-    let maximum
-
+    let minimum;
+    let maximum;
     if (props.currentPage <= props.pageGap + props.pagePadding) {
-      minimum = props.pageGap + 1
-      maximum = minimum + props.pagePadding * 2
-    } else if (
-      props.currentPage >=
-      props.totalPages - props.pageGap - props.pagePadding
-    ) {
-      maximum = props.totalPages - props.pageGap
-      minimum = maximum - props.pagePadding * 2
+      minimum = props.pageGap + 1;
+      maximum = minimum + props.pagePadding * 2;
+    } else if (props.currentPage >= props.totalPages - props.pageGap - props.pagePadding) {
+      maximum = props.totalPages - props.pageGap;
+      minimum = maximum - props.pagePadding * 2;
     } else {
-      minimum = props.currentPage - props.pagePadding
-      maximum = props.currentPage + props.pagePadding
+      minimum = props.currentPage - props.pagePadding;
+      maximum = props.currentPage + props.pagePadding;
     }
-
-    if (
-      (pageIndex >= minimum && pageIndex <= props.currentPage) ||
-      (pageIndex >= props.currentPage && pageIndex <= maximum)
-    ) {
-      pages.push(createPage(pageIndex))
-      continue
+    if (pageIndex >= minimum && pageIndex <= props.currentPage || pageIndex >= props.currentPage && pageIndex <= maximum) {
+      pages.push(createPage(pageIndex));
+      continue;
     }
-
     if (pageIndex === props.pageGap) {
-      if (
-        minimum > props.pageGap + 1 &&
-        props.currentPage > props.pageGap + props.pagePadding + 1
-      ) {
-        pages.push(createGap(pageIndex))
+      if (minimum > props.pageGap + 1 && props.currentPage > props.pageGap + props.pagePadding + 1) {
+        pages.push(createGap(pageIndex));
       } else {
-        pages.push(createPage(pageIndex))
+        pages.push(createPage(pageIndex));
       }
-
-      continue
+      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))
+      if (maximum < props.totalPages - props.pageGap && props.currentPage < props.totalPages - props.pageGap - props.pagePadding) {
+        pages.push(createGap(pageIndex));
       } else {
-        pages.push(createPage(pageIndex))
+        pages.push(createPage(pageIndex));
       }
-
-      continue
+      continue;
     }
   }
-
-  return pages
-})
-
+  return pages;
+});
 const createPage = (pageIndex) => {
   return {
     key: pageIndex,
     current: props.currentPage === pageIndex,
-    value: pageIndex,
-  }
-}
-
+    value: pageIndex
+  };
+};
 const firstPageSelected = () => {
-  return props.currentPage === 1
-}
-
+  return props.currentPage === 1;
+};
 const lastPageSelected = () => {
-  return props.currentPage === props.totalPages || props.totalPages === 0
-}
-
+  return props.currentPage === props.totalPages || props.totalPages === 0;
+};
 const createGap = (pageIndex) => {
   return {
     key: pageIndex,
-    isGap: true,
-  }
-}
-
+    isGap: true
+  };
+};
 const updatePage = (page) => {
-  rootStore.updatePage({ page, type: props.type })
-}
-
+  rootStore.updatePage({ page, type: props.type });
+};
 const getGapPage = (index) => {
   return Math.floor(
-    renderPages.value[index - 1].key +
-      ((renderPages.value[index + 1].key || props.totalPages) -
-        renderPages.value[index - 1].key) /
-        2
-  )
-}
-// Watch for changes in the route query and update the currentPage accordingly
+    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 = parseInt(newPage, 10)
+      props.currentPage = parseInt(newPage, 10);
     }
   },
   { immediate: true }
-)
+);
 </script>
 
 <style>
-.active-page {
-  background-color: #000 !important;
-  color: #f5f5f5 !important;
-}
+.active-page{background-color:#000!important;color:#f5f5f5!important}
 </style>

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

@@ -23,23 +23,23 @@
     />
   </div>
 </template>
-<script setup>
-import { useRootStore } from "../../../stores/root"
-import { capitalize } from "../../../composables/useUtils"
-const { $stores } = useNuxtApp()
-const { locale } = useI18n()
 
-const rootStore = useRootStore()
+<script setup>
+import { useRootStore } from "../../../stores/root";
+import { capitalize } from "../../../composables/useUtils";
+const { $stores } = useNuxtApp();
+const { locale } = useI18n();
+const rootStore = useRootStore();
 const props = defineProps({
   addBtn: {
     type: Boolean,
     required: false,
-    default: false,
+    default: false
   },
   type: {
     type: String,
     default: "",
-    required: true,
+    required: true
   },
   layout: {
     type: Object,
@@ -47,46 +47,38 @@ const props = defineProps({
     default: () => {
       return {
         cols: 12,
-        xl: 12,
-      }
-    },
+        xl: 12
+      };
+    }
   },
   pagination: {
     type: Object,
     required: false,
     default: () => {
-      return {}
-    },
+      return {};
+    }
   },
   addButton: {
     type: Boolean,
     required: false,
-    default: false,
+    default: false
   },
-  items: [Object],
-})
-
-const view = computed(() =>
-  resolveComponent("ListViews" + capitalize($stores[props.type].view.name))
-)
-const itemTemplate = computed(() =>
-  resolveComponent(
-    (
-      capitalize(props.type) +
-      capitalize($stores[props.type].view.name) +
-      "Item"
-    ).toString()
+  items: [Object]
+});
+const view = computed(
+  () => resolveComponent("ListViews" + capitalize($stores[props.type].view.name))
+);
+const itemTemplate = computed(
+  () => resolveComponent(
+    (capitalize(props.type) + capitalize($stores[props.type].view.name) + "Item").toString()
   )
-)
-const numberOfPages = computed(() => $stores[props.type].numberOfPages)
-
-const page = computed(() => +$stores[props.type].page)
-
-const items = computed(() => $stores[props.type].items)
-
+);
+const numberOfPages = computed(() => $stores[props.type].numberOfPages);
+const page = computed(() => +$stores[props.type].page);
+const items = computed(() => $stores[props.type].items);
 try {
-  await rootStore.update(props.type, locale.value)
+  await rootStore.update(props.type, locale.value);
 } catch (error) {
-  console.log("error fetching update list: ", error)
+  console.log("error fetching update list: ", error);
 }
 </script>

package/dist/runtime/components/list/views/Dense.vue

@@ -7,19 +7,6 @@
   </section>
 </template>
 
-<script setup lang="ts"></script>
 <style>
-section {
-  display: table;
-  width: 100%;
-}
-
-section > * {
-  display: table-row;
-}
-
-section .v-col.dense {
-  display: table-cell;
-  vertical-align: middle;
-}
+section{display:table;width:100%}section>*{display:table-row}section .v-col.dense{display:table-cell;vertical-align:middle}
 </style>

package/dist/runtime/components/list/views/Grid.vue

@@ -5,9 +5,9 @@
   </template>
 </template>
 
-<script setup lang="ts">
+<script setup>
 const props = defineProps({
   items: [Object],
-  type: String,
-})
+  type: String
+});
 </script>

package/dist/runtime/components/list/views/Rows.vue

@@ -7,7 +7,7 @@
   </v-row>
 </template>
 
-<script setup lang="ts">
-/* const { signIn } = useSession() */
-onMounted(() => {})
+<script setup>
+onMounted(() => {
+});
 </script>

package/dist/runtime/components/list/views/Table.vue

@@ -5,9 +5,9 @@
   </template>
 </template>
 
-<script setup lang="ts">
+<script setup>
 const props = defineProps({
   items: [Object],
-  type: String,
-})
+  type: String
+});
 </script>