@paris-ias/list 1.0.10 → 1.0.13

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

@@ -149,62 +149,56 @@
 </template>
 
 <script setup>
-import { useDisplay } from "vuetify"
-
-const { name } = useDisplay()
-const accordeon = ref(-1)
+import { useDisplay } from "vuetify";
+const { name } = useDisplay();
+const accordeon = ref(-1);
 const props = defineProps({
   item: {
     type: Object,
-    required: true,
+    required: true
   },
   loading: {
     type: Boolean,
     default: false,
-    required: true,
-  },
-})
-
-const view = ref(true)
+    required: true
+  }
+});
+const view = ref(true);
 onMounted(() => {
-  /*   console.log("fellowship item", props.item.value) */
-})
-
+});
 const renderedDetails = {
-  ...(props.item?.fellowshipDetails?.type && {
-    type: props.item?.fellowshipDetails?.type,
-  }),
-  ...(props.item?.fellowshipDetails?.fundingPeriod && {
-    fundingPeriod: props.item?.fellowshipDetails?.fundingPeriod,
-  }),
-  ...(props.item?.fellowshipDetails?.profile && {
-    profile: props.item?.fellowshipDetails?.profile,
-  }),
-  ...(props.item?.fellowshipDetails?.tasks && {
-    tasks: props.item?.fellowshipDetails?.tasks,
-  }),
-  ...(props.item?.fellowshipDetails?.location && {
-    location: props.item?.fellowshipDetails?.location,
-  }),
-  ...(props.item?.fellowshipDetails?.funding && {
-    funding: props.item?.fellowshipDetails?.funding,
-  }),
-  ...(props.item?.fellowshipDetails?.housing && {
-    housing: props.item?.fellowshipDetails?.housing,
-  }),
-  ...(props.item?.fellowshipDetails?.meals && {
-    meals: props.item?.fellowshipDetails?.meals,
-  }),
-  ...(props.item?.fellowshipDetails?.applicationMaterials && {
-    applicationMaterials: props.item?.fellowshipDetails?.applicationMaterials,
-  }),
-  ...(props.item?.fellowshipDetails?.selectionProcess && {
-    selectionProcess: props.item?.fellowshipDetails?.selectionProcess,
-  }),
-  ...(props.item?.fellowshipDetails?.researchProcess && {
-    researchProcess: props.item?.fellowshipDetails?.researchProcess,
-  }),
-}
+  ...props.item?.fellowshipDetails?.type && {
+    type: props.item?.fellowshipDetails?.type
+  },
+  ...props.item?.fellowshipDetails?.fundingPeriod && {
+    fundingPeriod: props.item?.fellowshipDetails?.fundingPeriod
+  },
+  ...props.item?.fellowshipDetails?.profile && {
+    profile: props.item?.fellowshipDetails?.profile
+  },
+  ...props.item?.fellowshipDetails?.tasks && {
+    tasks: props.item?.fellowshipDetails?.tasks
+  },
+  ...props.item?.fellowshipDetails?.location && {
+    location: props.item?.fellowshipDetails?.location
+  },
+  ...props.item?.fellowshipDetails?.funding && {
+    funding: props.item?.fellowshipDetails?.funding
+  },
+  ...props.item?.fellowshipDetails?.housing && {
+    housing: props.item?.fellowshipDetails?.housing
+  },
+  ...props.item?.fellowshipDetails?.meals && {
+    meals: props.item?.fellowshipDetails?.meals
+  },
+  ...props.item?.fellowshipDetails?.applicationMaterials && {
+    applicationMaterials: props.item?.fellowshipDetails?.applicationMaterials
+  },
+  ...props.item?.fellowshipDetails?.selectionProcess && {
+    selectionProcess: props.item?.fellowshipDetails?.selectionProcess
+  },
+  ...props.item?.fellowshipDetails?.researchProcess && {
+    researchProcess: props.item?.fellowshipDetails?.researchProcess
+  }
+};
 </script>
-
-<style lang="scss" scoped></style>

package/dist/runtime/components/list/atoms/FiltersMenu.vue

@@ -25,22 +25,20 @@
 </template>
 
 <script setup>
-import { useDisplay } from "vuetify"
+import { useDisplay } from "vuetify";
 const {
   name: nameDisplay,
   xs: isXsDisplay,
   mobile: isMobileDisplay,
   smAndUp,
   lgAndUp,
-  smAndDown,
-} = useDisplay()
+  smAndDown
+} = useDisplay();
 const props = defineProps({
   open: {
     type: Boolean,
     required: false,
-    default: false,
-  },
-})
+    default: false
+  }
+});
 </script>
-
-<style lang="scss" scoped></style>

package/dist/runtime/components/list/atoms/SearchInput.vue

@@ -63,67 +63,59 @@
 </template>
 
 <script setup>
-import { useDebounceFn } from "@vueuse/core"
-import { useRootStore } from "../../../stores/root"
-const { locale, t } = useI18n()
-const rootStore = useRootStore()
-const { $stores } = useNuxtApp()
+import { useDebounceFn } from "@vueuse/core";
+import { useRootStore } from "../../../stores/root";
+const { locale, t } = useI18n();
+const rootStore = useRootStore();
+const { $stores } = useNuxtApp();
 const props = defineProps({
   type: {
     type: String,
-    required: true,
+    required: true
   },
   loading: {
     type: Boolean,
-    default: false,
-  },
-})
+    default: false
+  }
+});
 const results = computed(() => {
-  const storeRst = rootStore.results
-  const rst =
-    (Object.keys(storeRst).length &&
-      Object.keys(storeRst)
-        .sort((a, b) => {
-          return storeRst[b]?.items?.length - storeRst[a]?.items?.length
-        })
-        .reduce((acc, key, index) => {
-          const items = storeRst[key]?.items
-          const total = storeRst[key]?.total
-          if (total === 0 && index === 0) {
-            acc.push({ type: "no-result" })
-            return acc
-          }
-          if (items?.length) {
-            acc.push({ type: "subheader", name: t("items." + key, 2) })
-            acc.push(
-              ...items.map((item) => ({
-                prependAvatar: item?.image?.url || "mdi-square",
-                title: item.name || item.firstname + " " + item.lastname,
-                subtitle: item.summary || item.biography,
-                id: item.id,
-                type: key,
-              }))
-            )
-          }
-          acc.push({ type: "divider" })
-          return acc
-        }, [])) ||
-    {}
-
-  return rst
-})
+  const storeRst = rootStore.results;
+  const rst = Object.keys(storeRst).length && Object.keys(storeRst).sort((a, b) => {
+    return storeRst[b]?.items?.length - storeRst[a]?.items?.length;
+  }).reduce((acc, key, index) => {
+    const items = storeRst[key]?.items;
+    const total = storeRst[key]?.total;
+    if (total === 0 && index === 0) {
+      acc.push({ type: "no-result" });
+      return acc;
+    }
+    if (items?.length) {
+      acc.push({ type: "subheader", name: t("items." + key, 2) });
+      acc.push(
+        ...items.map((item) => ({
+          prependAvatar: item?.image?.url || "mdi-square",
+          title: item.name || item.firstname + " " + item.lastname,
+          subtitle: item.summary || item.biography,
+          id: item.id,
+          type: key
+        }))
+      );
+    }
+    acc.push({ type: "divider" });
+    return acc;
+  }, []) || {};
+  return rst;
+});
 const search = computed({
   get() {
-    return props.type === "all" ? rootStore.search : $stores[props.type].search
+    return props.type === "all" ? rootStore.search : $stores[props.type].search;
   },
-  set: await useDebounceFn(async function (v) {
+  set: await useDebounceFn(async function(v) {
     await rootStore.updateSearch({
       type: props.type,
       search: v || "",
-      lang: locale.value,
-    })
-  }, 300),
-})
+      lang: locale.value
+    });
+  }, 300)
+});
 </script>
-
-<style lang="scss" scoped></style>

package/dist/runtime/components/list/atoms/SearchItem.vue

@@ -20,38 +20,38 @@
     </template>
   </v-list-item>
 </template>
+
 <script setup>
-// import { useDisplay } from "vuetify"
-// const { smAndUp } = useDisplay()
-const localePath = useLocalePath()
+const localePath = useLocalePath();
 const props = defineProps({
   item: {
     type: Object,
-    required: true,
+    required: true
   },
   type: {
     type: String,
-    required: true,
+    required: true
   },
   index: {
     type: Number,
-    required: true,
-  },
-})
+    required: true
+  }
+});
 const getPath = (id) => {
   switch (props.item.type) {
     case "projects":
-      return "/activities/projects/" + id
+      return "/activities/projects/" + id;
     case "publications":
-      return "/activities/publications/" + id
+      return "/activities/publications/" + id;
     case "fellowship":
-      return "/activities/fellowships/" + id
+      return "/activities/fellowships/" + id;
     default:
-      return `/${props.type}/${id}`
+      return `/${props.type}/${id}`;
   }
-}
+};
 </script>
-<style lang="scss">
+
+<style>
 .search-item {
   align-items: center;
   height: 100%;

package/dist/runtime/components/list/atoms/SearchString.vue

@@ -147,15 +147,14 @@
     <!--  and sorted by X -->
   </div>
 </template>
+
 <script setup>
-const { $stores } = useNuxtApp()
+const { $stores } = useNuxtApp();
 const props = defineProps({
   type: {
     type: String,
-    required: true,
-  },
-})
-const feminine = ref(["news", "publications", "people"].includes(props.type))
+    required: true
+  }
+});
+const feminine = ref(["news", "publications", "people"].includes(props.type));
 </script>
-
-<style lang="scss" scoped></style>

package/dist/runtime/components/list/atoms/SortMenu.vue

@@ -43,55 +43,38 @@
 </template>
 
 <script setup>
-import { useRootStore } from "../../../stores/root"
-import { mergeProps } from "vue"
-import { useDisplay } from "vuetify"
-const { $stores } = useNuxtApp()
-const { xs: isXsDisplay } = useDisplay()
-
-const rootStore = useRootStore()
-
+import { useRootStore } from "../../../stores/root";
+import { mergeProps } from "vue";
+import { useDisplay } from "vuetify";
+const { $stores } = useNuxtApp();
+const { xs: isXsDisplay } = useDisplay();
+const rootStore = useRootStore();
 const props = defineProps({
   type: {
     type: String,
     default: "articles",
-    required: true,
-  },
-})
-const items = ref($stores[props.type].sort)
+    required: true
+  }
+});
+const items = ref($stores[props.type].sort);
 const defaultSort = ref(
-  $stores[props.type].sort[
-    Object.keys($stores[props.type].sort).find(
-      (item) => $stores[props.type].sort[item].default === true
-    )
-  ]
-)
-
+  $stores[props.type].sort[Object.keys($stores[props.type].sort).find(
+    (item) => $stores[props.type].sort[item].default === true
+  )]
+);
 const current = computed(() => {
   try {
-    return $stores[props.type].sort[
-      Object.keys($stores[props.type].sort).find((item) => {
-        return (
-          $stores[props.type].sort[item].value[0] ===
-            $stores[props.type].sortBy[0] &&
-          $stores[props.type].sort[item].value[1] ===
-            $stores[props.type].sortDesc[0]
-        )
-      })
-    ]
+    return $stores[props.type].sort[Object.keys($stores[props.type].sort).find((item) => {
+      return $stores[props.type].sort[item].value[0] === $stores[props.type].sortBy[0] && $stores[props.type].sort[item].value[1] === $stores[props.type].sortDesc[0];
+    })];
   } catch (error) {
-    console.log("error: ", error)
-    return items[Object.keys(items).find((item) => item.default)]
+    console.log("error: ", error);
+    return items[Object.keys(items).find((item) => item.default)];
   }
-})
-
+});
 const updateSort = async (value) => {
-  await rootStore.updateSort({ value, type: props.type })
-}
-
+  await rootStore.updateSort({ value, type: props.type });
+};
 onMounted(() => {
-  // Add any logic needed on component mount
-})
+});
 </script>
-
-<style lang="scss"></style>

package/dist/runtime/components/list/atoms/ViewMenu.vue

@@ -40,32 +40,24 @@
 </template>
 
 <script setup>
-import { useRootStore } from "../../../stores/root"
-import { mergeProps } from "vue"
-import { useDisplay } from "vuetify"
-const { $stores } = useNuxtApp()
-
+import { useRootStore } from "../../../stores/root";
+import { mergeProps } from "vue";
+import { useDisplay } from "vuetify";
+const { $stores } = useNuxtApp();
 const props = defineProps({
   type: {
     type: String,
     default: "articles",
-    required: true,
-  },
-})
-const { xs: isXsDisplay } = useDisplay()
-
-const rootStore = useRootStore()
-const items = ref($stores[props.type].views)
-
-const current = ref($stores[props.type].view)
-
+    required: true
+  }
+});
+const { xs: isXsDisplay } = useDisplay();
+const rootStore = useRootStore();
+const items = ref($stores[props.type].views);
+const current = ref($stores[props.type].view);
 const updateView = async (value) => {
-  await rootStore.updateView({ value, type: props.type })
-}
-
+  await rootStore.updateView({ value, type: props.type });
+};
 onMounted(() => {
-  // Add any logic needed on component mount
-})
+});
 </script>
-
-<style lang="scss"></style>

package/dist/runtime/components/list/inputs/AutoComplete.vue

@@ -5,18 +5,18 @@
     :multiple="$stores[type].filters[name]?.multiple || false"
   />
 </template>
+
 <script setup>
-import { useRootStore } from "../../../stores/root"
-const rootStore = useRootStore()
-const { $stores } = useNuxtApp()
-const props = defineProps(["type", "items", "name"])
+import { useRootStore } from "../../../stores/root";
+const rootStore = useRootStore();
+const { $stores } = useNuxtApp();
+const props = defineProps(["type", "items", "name"]);
 const val = computed({
   get() {
-    return $stores[props.type].filters[props.name]?.value || []
+    return $stores[props.type].filters[props.name]?.value || [];
   },
   set(value) {
-    return rootStore.updateFilter(props.name, value, props.type)
-  },
-})
+    return rootStore.updateFilter(props.name, value, props.type);
+  }
+});
 </script>
-<style lang="scss"></style>

package/dist/runtime/components/list/inputs/BooleanSwitch.vue

@@ -1,18 +1,18 @@
 <template>
   <v-switch v-model="val" />
 </template>
+
 <script setup>
-import { useRootStore } from "../../../stores/root"
-const rootStore = useRootStore()
-const props = defineProps(["type", "items", "name"])
-const { $stores } = useNuxtApp()
+import { useRootStore } from "../../../stores/root";
+const rootStore = useRootStore();
+const props = defineProps(["type", "items", "name"]);
+const { $stores } = useNuxtApp();
 const val = computed({
   get() {
-    return $stores[props.type].filters[props.name]?.value
+    return $stores[props.type].filters[props.name]?.value;
   },
   set(value) {
-    rootStore.updateFilter(props.name, value, props.type)
-  },
-})
+    rootStore.updateFilter(props.name, value, props.type);
+  }
+});
 </script>
-<style lang="scss"></style>

package/dist/runtime/components/list/inputs/Checkbox.vue

@@ -1,21 +1,21 @@
 <template>
   <v-checkbox v-model="val" />
 </template>
+
 <script setup>
-import { useRootStore } from "../../../stores/root"
-const rootStore = useRootStore()
-const props = defineProps(["type", "items", "name"])
-const { $stores } = useNuxtApp()
+import { useRootStore } from "../../../stores/root";
+const rootStore = useRootStore();
+const props = defineProps(["type", "items", "name"]);
+const { $stores } = useNuxtApp();
 const val = computed({
   get() {
-    return $stores[props.type].filters[props.name]?.value
+    return $stores[props.type].filters[props.name]?.value;
   },
   set(value) {
-    rootStore.updateFilter(props.name, value, props.type)
-  },
-})
+    rootStore.updateFilter(props.name, value, props.type);
+  }
+});
 onMounted(() => {
-  console.log(props.data)
-})
+  console.log(props.data);
+});
 </script>
-<style lang="scss"></style>

package/dist/runtime/components/list/inputs/Select.vue

@@ -5,21 +5,21 @@
     :multiple="$stores[type].filters[name]?.multiple || false"
   />
 </template>
+
 <script setup>
-import { useRootStore } from "../../../stores/root"
-const rootStore = useRootStore()
-const { $stores } = useNuxtApp()
-const props = defineProps(["type", "items", "name"])
+import { useRootStore } from "../../../stores/root";
+const rootStore = useRootStore();
+const { $stores } = useNuxtApp();
+const props = defineProps(["type", "items", "name"]);
 const val = computed({
   get() {
-    return $stores[props.type].filters[props.name]?.value || []
+    return $stores[props.type].filters[props.name]?.value || [];
   },
   set(value) {
-    rootStore.updateFilter(props.name, value, props.type)
-  },
-})
+    rootStore.updateFilter(props.name, value, props.type);
+  }
+});
 onMounted(() => {
-  console.log(props)
-})
+  console.log(props);
+});
 </script>
-<style lang="scss"></style>

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

@@ -34,64 +34,49 @@
 </template>
 
 <script setup>
-import { useRootStore } from "../../../stores/root"
-import { useDisplay } from "vuetify"
-const { smAndDown } = useDisplay()
-const i18n = useI18n()
-const { locale, messages } = useI18n()
-const { $stores } = useNuxtApp()
-const rootStore = useRootStore()
-const props = defineProps(["type", "expanded"])
-
+import { useRootStore } from "../../../stores/root";
+import { useDisplay } from "vuetify";
+const { smAndDown } = useDisplay();
+const i18n = useI18n();
+const { locale, messages } = useI18n();
+const { $stores } = useNuxtApp();
+const rootStore = useRootStore();
+const props = defineProps(["type", "expanded"]);
 const ComponentName = (name) => {
   return resolveComponent(
     "ListInputs" + capitalize($stores[props.type].filters[name].type)
-  )
-}
+  );
+};
 const getItems = (name) => {
   if ($stores[props.type].filters[name].type === "Checkbox") {
-    return []
+    return [];
   }
-  if (
-    messages.value[locale.value].list.filters[props.type][name] === undefined
-  ) {
-    console.log("name not found, no item for this filmter: ", name)
-    return []
+  if (messages.value[locale.value].list.filters[props.type][name] === void 0) {
+    console.log("name not found, no item for this filmter: ", name);
+    return [];
   }
-  // TODO replace with package based values
   return Object.keys(
     messages.value[locale.value].list.filters[props.type][name]
-  )
-    .filter((key) => key !== "label")
-    .map((item) => ({
-      title: i18n.t(`list.filters.${props.type}.${name}.${item}`),
-      value: item,
-    }))
-}
+  ).filter((key) => key !== "label").map((item) => ({
+    title: i18n.t(`list.filters.${props.type}.${name}.${item}`),
+    value: item
+  }));
+};
 onMounted(() => {
-  rootStore.loadRouteQuery(props.type)
-})
-
+  rootStore.loadRouteQuery(props.type);
+});
 const computeVisibility = (filterItem) => {
   return (
     // if anything is set in the visibility key
-    !$stores[props.type].filters[filterItem].visibility ||
-    $stores[props.type].filters[filterItem].visibility?.default ||
-    $stores[props.type].filters[filterItem].visibility?.switchIf.find(
+    !$stores[props.type].filters[filterItem].visibility || $stores[props.type].filters[filterItem].visibility?.default || $stores[props.type].filters[filterItem].visibility?.switchIf.find(
       //for each of the rules set in the switchIf key
       (rule) => {
-        // we check if each of the condition are fulfilled
         return Object.keys(rule).find((value, index, obj) => {
-          return $stores[props.type].filters[value].multiple
-            ? $stores[props.type].filters[value]?.value &&
-                $stores[props.type].filters[value]?.value.includes(rule[value])
-            : $stores[props.type].filters[value]?.value === rule[value]
-        })
+          return $stores[props.type].filters[value].multiple ? $stores[props.type].filters[value]?.value && $stores[props.type].filters[value]?.value.includes(rule[value]) : $stores[props.type].filters[value]?.value === rule[value];
+        });
       }
     )
-  )
-  return true
-}
+  );
+  return true;
+};
 </script>
-
-<style lang="scss" scoped></style>