@paris-ias/list 1.3.0 → 1.3.2

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@paris-ias/list",
   "configKey": "list",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

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

@@ -23,17 +23,20 @@
 
     <v-col align-self="start" class="pl-md-4">
       <v-skeleton-loader v-if="loading" type="chip" class="mr-3" width="120" />
-      <v-chip
-        v-else
-        class="mr-3"
-        color="black"
-        size="small"
-        style="background-color: white; color: black"
-        tile
-        variant="outlined"
-      >
-        {{ $t("list.filters.events.category." + item.category) }}
-      </v-chip>
+      <span v-else>
+        <v-chip
+          class="mr-3"
+          color="black"
+          size="small"
+          style="background-color: white; color: black"
+          tile
+          variant="outlined"
+        >
+          {{ $t("list.filters.events.category." + item.category) }}
+        </v-chip>
+        <!-- DISCIPLINES -->
+        <MiscMoleculesDisciplinesTags :disciplines="item.disciplines" inline />
+      </span>
       <v-skeleton-loader
         v-if="loading && smAndDown"
         type="text"

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

@@ -2,7 +2,7 @@
   <v-row>
     <template v-for="(filterItem, index) in Object.keys($stores[type].filters)">
       <v-col
-        v-if="computeVisibility(filterItem)"
+        v-if="appAllowed(filterItem) && computeVisibility(filterItem)"
         :key="type + index + filterItem"
         cols="12"
         sm="6"
@@ -44,7 +44,7 @@
 <script setup>
 import { useDisplay } from "vuetify"
 import { capitalize } from "../../../composables/useUtils"
-import { useNuxtApp, resolveComponent, useI18n } from "#imports"
+import { useNuxtApp, resolveComponent, useI18n, useAppConfig } from "#imports"
 
 const { smAndDown } = useDisplay()
 const i18n = useI18n()
@@ -52,6 +52,18 @@ const { locale, messages } = useI18n()
 const { $stores, $filters } = useNuxtApp()
 const props = defineProps(["type", "expanded"])
 
+// Consuming app id. Filters may declare an `appId` array of the consumers
+// allowed to render them; this is the id we match against. "all" is a wildcard.
+const appId = useAppConfig().list?.appId ?? "iea"
+
+// A filter is shown only on the consumers it opts into. No appId -> shown
+// everywhere (backward compatible). "all" in the list matches any consumer.
+const appAllowed = (filterKey) => {
+  const allowed = $stores[props.type].filters[filterKey].appId
+  if (!Array.isArray(allowed) || allowed.length === 0) return true
+  return allowed.includes("all") || allowed.includes(appId)
+}
+
 const ComponentName = (name) => {
   return resolveComponent(
     "ListInputs" + capitalize($stores[props.type].filters[name].type),
@@ -76,6 +88,19 @@ const getItems = (name) => {
       .sort((a, b) => a.title.localeCompare(b.title))
   }
 
+  // Prefer the enum declared on the model filter (filters[name].items) over the
+  // values baked into filters.json. The model is the source of truth for enum
+  // options (e.g. publicationType), so filters.json never has to stay in sync.
+  const modelItems = $stores[props.type].filters[name].items
+  if (modelItems && typeof modelItems === "object") {
+    return Object.values(modelItems)
+      .filter((item) => item !== "label")
+      .map((item) => ({
+        title: i18n.t(`list.filters.${props.type}.${name}.${item}`),
+        value: item,
+      }))
+  }
+
   if ($filters?.[props.type]?.[name]) {
     return $filters[props.type][name]
       .filter((key) => key !== "label")
@@ -140,6 +165,16 @@ const computeVisibility = (filterKey) => {
 
   const checkRule = (rule) =>
     Object.entries(rule).every(([depKey, expected]) => {
+      // Reserved key: match against the active view modifier rather than a
+      // sibling filter's value. On routes like /resources/media the `type` is
+      // narrowed server-side via the modifier, so the modifier is what changes.
+      if (depKey === "modifier") {
+        const cur = $stores[props.type].modifier
+        return Array.isArray(expected)
+          ? expected.includes(cur)
+          : cur === expected
+      }
+
       const dep = filters?.[depKey]
       if (!dep) return false
       const cur = dep.value

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

@@ -117,6 +117,10 @@ const props = defineProps({
 /* console.log("start llocal loading from setup") */
 rootStore.setLoading(true, props.type)
 
+// Mirror the route's fixed modifier into the store so the filter UI can branch
+// its conditional visibility on it (the query still reads props.modifier directly).
+rootStore.setModifier(props.type, props.modifier)
+
 // Initial route -> store (single source-of-truth on first load)
 rootStore.loadRouteQuery(props.type)
 

package/dist/runtime/components/misc/molecules/DisciplinesTags.vue

@@ -6,8 +6,11 @@
   />
   <div
     v-else-if="disciplines.length"
-    class="d-flex flex-wrap"
-    :class="justify === 'center' ? 'justify-center' : ''"
+    class="flex-wrap"
+    :class="[
+      inline ? 'd-inline-flex align-center' : 'd-flex',
+      justify === 'center' ? 'justify-center' : '',
+    ]"
     style="gap: 6px"
   >
     <v-chip
@@ -59,6 +62,13 @@ const props = defineProps({
     type: String,
     default: "start",
   },
+  // render as inline-flex so the chips flow on the same line as preceding
+  // content (e.g. the category chip in the events dense item) instead of
+  // forcing a block-level line break
+  inline: {
+    type: Boolean,
+    default: false,
+  },
 })
 
 // normalise to an array regardless of what the caller passes

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

@@ -41,6 +41,12 @@
             {{ $t(eventCategory) }}
           </v-chip>
           <MiscMoleculesChipContainer :items="item.tags || []" size="small" />
+          <MiscMoleculesDisciplinesTags
+            v-if="item.disciplines && item.disciplines.length"
+            :disciplines="item.disciplines"
+            inline
+            class="mt-2"
+          />
         </template>
         <div
           v-html="

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

@@ -46,11 +46,17 @@
             :items="item.tags || []"
             size="small"
           />
+          <MiscMoleculesDisciplinesTags
+            v-if="item.disciplines && item.disciplines.length"
+            :disciplines="item.disciplines"
+            inline
+            class="mt-2"
+          />
         </template>
         <v-skeleton-loader v-if="loading" type="heading" />
-        <span
+        <div
           v-else
-          class="text-h5 dense paragraph"
+          class="text-h5 dense paragraph mt-2"
           v-html="
             searchQuery.length
               ? highlightAndTruncate(300, item.name, searchQuery.split(' '))

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

@@ -37,6 +37,7 @@ export declare const useRootStore: import("pinia").StoreDefinition<"rootStore",
     loadRouteQuery(type: string): void;
     setFiltersCount(type: string): void;
     updateRouteQuery(type: string): void;
+    setModifier(type: string, modifier?: string): void;
     resetState(type: string, lang?: string): void;
     updateSort({ type, sortKey }: {
         type: string;

package/dist/runtime/stores/root.js

@@ -113,12 +113,19 @@ export const useRootStore = defineStore("rootStore", {
       };
       router.replace({ query: routeQuery });
     },
+    setModifier(type, modifier) {
+      const { $stores } = useNuxtApp();
+      if ($stores[type]) {
+        $stores[type].modifier = modifier;
+      }
+    },
     resetState(type, lang = "en") {
       const { $stores, $models } = useNuxtApp();
       const model = structuredClone($models[type]);
       $stores[type].filters = model?.filters;
       $stores[type].search = "";
       $stores[type].page = 1;
+      $stores[type].modifier = void 0;
       $stores[type].sortKey = null;
     },
     updateSort({ type, sortKey }) {

package/package.json

@@ -1,14 +1,14 @@
 {
   "license": "AGPL-3.0-only",
   "main": "./dist/module.mjs",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "name": "@paris-ias/list",
   "repository": {
     "url": "git+https://github.com/IEA-Paris/list.git",
     "type": "git"
   },
   "dependencies": {
-    "@paris-ias/trees": "^2.2.17"
+    "@paris-ias/trees": "^2.2.18"
   },
   "description": "Paris IAS List Module",
   "peerDependencies": {