@datagouv/components-next 1.2.0 → 1.3.0

package/dist/{vue3-json-viewer-BXwup7nO.js → vue3-json-viewer-CJLQFzXZ.js}

@@ -1,4 +1,4 @@
-import { defineComponent as T, ref as k, onMounted as J, h as g, watch as F, computed as O, inject as $, provide as q, createElementBlock as _, openBlock as N, normalizeClass as S, toDisplayString as A, resolveComponent as ie, createCommentVNode as Y, createElementVNode as z, renderSlot as ce, createTextVNode as pe, createVNode as fe, nextTick as de } from "vue";
+import { defineComponent as T, ref as k, onMounted as J, h as g, watch as F, computed as O, inject as $, provide as q, openBlock as _, createElementBlock as N, toDisplayString as A, normalizeClass as S, resolveComponent as ie, createElementVNode as z, renderSlot as ce, createTextVNode as pe, createCommentVNode as Y, createVNode as fe, nextTick as de } from "vue";
 const ve = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~\/])+$/, X = T({
   name: "JsonString",
   props: {
@@ -66,7 +66,7 @@ const ve = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)
   },
   setup(e) {
     const y = e, c = O(() => y.jsonValue === null ? "null" : "undefined");
-    return (p, d) => (N(), _("span", ye, A(c.value), 1));
+    return (p, d) => (_(), N("span", ye, A(c.value), 1));
   }
 }), he = /* @__PURE__ */ T({
   __name: "json-number",
@@ -79,7 +79,7 @@ const ve = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)
   },
   setup(e) {
     const y = e, c = O(() => Number.isInteger(y.jsonValue));
-    return (p, d) => (N(), _("span", {
+    return (p, d) => (_(), N("span", {
       class: S(["jv-item", "jv-number", c.value ? "jv-number-integer" : "jv-number-float"])
     }, A(e.jsonValue.toString()), 3));
   }
@@ -95,7 +95,7 @@ const ve = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)
     }
   },
   setup(e) {
-    return (y, c) => (N(), _("span", ge, A(e.jsonValue.toString()), 1));
+    return (y, c) => (_(), N("span", ge, A(e.jsonValue.toString()), 1));
   }
 }), je = T({
   name: "JsonObject",
@@ -277,7 +277,7 @@ const ve = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)
     }
   },
   setup(e) {
-    return (y, c) => (N(), _("span", {
+    return (y, c) => (_(), N("span", {
       class: S(["jv-item", "jv-function"]),
       title: e.jsonValue.toString()
     }, " <function> ", 8, Ee));
@@ -295,7 +295,7 @@ const ve = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)
   },
   setup(e) {
     const y = e, c = $("timeformat", (d) => d.toLocaleString()), p = O(() => c(y.jsonValue));
-    return (d, i) => (N(), _("span", ke, ' "' + A(p.value) + '" ', 1));
+    return (d, i) => (_(), N("span", ke, ' "' + A(p.value) + '" ', 1));
   }
 }), Te = {
   class: /* @__PURE__ */ S(["jv-item", "jv-regexp"])
@@ -309,7 +309,7 @@ const ve = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)
     }
   },
   setup(e) {
-    return (y, c) => (N(), _("span", Te, A(e.jsonValue.toString()), 1));
+    return (y, c) => (_(), N("span", Te, A(e.jsonValue.toString()), 1));
   }
 }), I = T({
   name: "JsonBox",
@@ -421,12 +421,6 @@ function _e(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var H = { exports: {} };
-/*!
- * clipboard.js v2.0.11
- * https://clipboardjs.com/
- *
- * Licensed MIT © Zeno Rocha
- */
 var Ne = H.exports, Z;
 function Oe() {
   return Z || (Z = 1, (function(e, y) {
@@ -1041,10 +1035,10 @@ const Me = /* @__PURE__ */ _e(Ae), Ve = function(e, y) {
 };
 function Re(e, y, c, p, d, i) {
   const n = ie("json-box");
-  return N(), _("div", {
+  return _(), N("div", {
     class: S(e.jvClass)
   }, [
-    e.copyable ? (N(), _("div", {
+    e.copyable ? (_(), N("div", {
       key: 0,
       class: S(`jv-tooltip ${e.copyText.align || "right"}`)
     }, [
@@ -1067,7 +1061,7 @@ function Re(e, y, c, p, d, i) {
         "preview-mode": e.previewMode
       }, null, 8, ["value", "sort", "preview-mode"])
     ], 2),
-    e.expandableCode && e.boxed ? (N(), _("div", {
+    e.expandableCode && e.boxed ? (_(), N("div", {
       key: 1,
       class: "jv-more",
       onClick: y[0] || (y[0] = (...t) => e.toggleExpandCode && e.toggleExpandCode(...t))

package/dist/{vue3-xml-viewer.common-tVI9uXUz.js → vue3-xml-viewer.common-BIaEIFYG.js}

@@ -1,4 +1,4 @@
-import { c as Ke } from "./main-Iz1ZCL6k.js";
+import { b7 as Ke } from "./main-DKu5SOAl.js";
 import We from "vue";
 function Fe(I, K) {
   for (var V = 0; V < K.length; V++) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datagouv/components-next",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "private": false,
   "type": "module",
   "engines": {
@@ -25,21 +25,22 @@
   "dependencies": {
     "@floating-ui/vue": "^1.1.11",
     "@headlessui/vue": "^1.7.23",
-    "@remixicon/vue": "^4.5.0",
+    "@remixicon/vue": "^4.9.0",
     "@types/hast": "^3.0.4",
-    "@types/leaflet": "^1.9.17",
-    "@vueuse/core": "^14.2.1",
-    "@vueuse/router": "^14.2.1",
-    "chart.js": "^4.4.8",
-    "dompurify": "^3.2.5",
-    "geopf-extensions-openlayers": "^1.0.0-beta.10",
+    "@types/leaflet": "^1.9.21",
+    "@vueuse/core": "^14.3.0",
+    "@vueuse/router": "^14.3.0",
+    "chart.js": "^4.5.1",
+    "dompurify": "^3.4.7",
+    "echarts": "^6.1.0",
+    "geopf-extensions-openlayers": "1.0.0-beta.11",
     "leaflet": "^1.9.4",
-    "maplibre-gl": "^5.6.2",
-    "ofetch": "^1.4.1",
-    "ol": "^10.6.1",
+    "maplibre-gl": "^5.24.0",
+    "ofetch": "^1.5.1",
+    "ol": "^10.9.0",
     "pdfjs-dist": "^4.10.38",
-    "pmtiles": "^4.3.0",
-    "popmotion": "^11.0",
+    "pmtiles": "^4.4.1",
+    "popmotion": "^11.0.5",
     "rehype-highlight": "^7.0.2",
     "rehype-raw": "^7.0.0",
     "rehype-sanitize": "^6.0.0",
@@ -53,39 +54,38 @@
     "strip-markdown": "^6.0.0",
     "stylefire": "^7.0.3",
     "unified": "^11.0.5",
-    "unist-util-visit": "^5.0.0",
+    "unist-util-visit": "^5.1.0",
     "vue-content-loader": "^2.0.1",
     "vue-sonner": "^2.0.9",
     "vue3-json-viewer": "^2.4.1",
     "vue3-text-clamp": "^0.1.2",
     "vue3-xml-viewer": "^0.0.14",
-    "yaml": "^2.8.2"
+    "yaml": "^2.9.0"
   },
   "devDependencies": {
     "@intlify/cli": "^0.13.1",
-    "@tailwindcss/cli": "^4.0.8",
-    "@tailwindcss/typography": "^0.5.16",
-    "@tsconfig/node22": "^22.0.0",
+    "@tailwindcss/cli": "^4.3.0",
+    "@tailwindcss/typography": "^0.5.19",
+    "@tsconfig/node22": "^22.0.5",
     "@types/geojson": "^7946.0.16",
-    "@types/node": "^22.13.1",
-    "@vitejs/plugin-vue": "^6.0",
+    "@types/node": "^22.19.19",
+    "@vitejs/plugin-vue": "^6.0.7",
     "@vue/eslint-config-prettier": "^10.2.0",
-    "@vue/eslint-config-typescript": "^14.3.0",
-    "@vue/tsconfig": "^0.8.0",
-    "echarts": "^6.0.0",
-    "eslint": "^9.18.0",
-    "eslint-plugin-vue": "^10.0",
-    "jiti": "^2.4.2",
-    "npm-run-all2": "^8.0",
+    "@vue/eslint-config-typescript": "^14.7.0",
+    "@vue/tsconfig": "^0.8.1",
+    "eslint": "^9.39.4",
+    "eslint-plugin-vue": "^10.9.1",
+    "jiti": "^2.7.0",
+    "npm-run-all2": "^8.0.4",
     "openapi-types": "^12.1.3",
-    "prettier": "^3.0.0",
-    "tailwindcss": "^4.0.8",
+    "prettier": "^3.8.3",
+    "tailwindcss": "^4.3.0",
     "typescript": "^5.9.3",
-    "vite": "^7.0",
-    "vite-plugin-vue-devtools": "^8.0",
-    "vue": "^3.5.33",
-    "vue-router": "^5.0.4",
-    "vue-tsc": "^3.0"
+    "vite": "^7.3.3",
+    "vite-plugin-vue-devtools": "^8.1.2",
+    "vue": "^3.5.35",
+    "vue-router": "^5.0.7",
+    "vue-tsc": "^3.3.2"
   },
   "peerDependencies": {
     "vue": "^3.5.13",

package/src/components/ResourceAccordion/Pmtiles.client.vue

@@ -107,7 +107,9 @@ async function displayMap() {
   p.getHeader().then((h: { maxZoom: number, centerLon: number, centerLat: number }) => {
     const map = new maplibregl.Map({
       container: container.value!,
-      style: styleVector as maplibregl.StyleSpecification,
+      // JSON import is inferred too loosely (e.g. center as number[]) to match
+      // maplibre's strict StyleSpecification, so cast through unknown.
+      style: styleVector as unknown as maplibregl.StyleSpecification,
       zoom: h.maxZoom - 2,
       center: [h.centerLon, h.centerLat],
     })

package/src/components/ResourceAccordion/ResourceAccordion.vue

@@ -271,7 +271,7 @@
               />
             </div>
             <div
-              v-if="tab.key === 'swagger'"
+              v-if="tab.key === 'api'"
             >
               <div class="fr-mb-4w">
                 <p>{{ t("Cette API est générée automatiquement par {platform} à partir du fichier.", { platform: config.name }) }}</p>
@@ -417,7 +417,7 @@ const tabsOptions = computed(() => {
   options.push({ key: 'downloads', label: t('Téléchargements') })
 
   if (hasTabularData.value) {
-    options.push({ key: 'swagger', label: t('Swagger') })
+    options.push({ key: 'api', label: t('API') })
   }
 
   return options

package/src/components/ResourceExplorer/ResourceExplorer.vue

@@ -71,7 +71,7 @@ import { useComponentsConfig } from '../../config'
 import { useTranslation } from '../../composables/useTranslation'
 import { useDebouncedRef } from '../../composables/useDebouncedRef'
 import { useFetch } from '../../functions/api'
-import { RESOURCE_TYPE } from '../../functions/resources'
+import { RESOURCE_EXPLORER_PAGE_SIZE, RESOURCE_TYPE } from '../../functions/resources'
 import type { PaginatedArray } from '../../types/api'
 import type { DatasetV2 } from '../../types/datasets'
 import type { Resource, ResourceGroup, ResourceType } from '../../types/resources'
@@ -94,7 +94,6 @@ const sidebarCollapsed = ref(false)
 const search = ref('')
 const { debounced: searchDebounced, flush } = useDebouncedRef(search, config.searchDebounce ?? 300)
 
-const PAGE_SIZE = 10
 const url = computed(() => `/api/2/datasets/${props.dataset.id}/resources/`)
 
 // Resource ID from URL query
@@ -103,32 +102,32 @@ const resourceIdQuery = useRouteQuery<string | undefined>('resource_id')
 // Fetch resources for each type
 const mainParams = computed(() => ({
   type: 'main' as const,
-  page_size: PAGE_SIZE,
+  page_size: RESOURCE_EXPLORER_PAGE_SIZE,
   q: searchDebounced.value || undefined,
 }))
 const documentationParams = computed(() => ({
   type: 'documentation' as const,
-  page_size: PAGE_SIZE,
+  page_size: RESOURCE_EXPLORER_PAGE_SIZE,
   q: searchDebounced.value || undefined,
 }))
 const updateParams = computed(() => ({
   type: 'update' as const,
-  page_size: PAGE_SIZE,
+  page_size: RESOURCE_EXPLORER_PAGE_SIZE,
   q: searchDebounced.value || undefined,
 }))
 const apiParams = computed(() => ({
   type: 'api' as const,
-  page_size: PAGE_SIZE,
+  page_size: RESOURCE_EXPLORER_PAGE_SIZE,
   q: searchDebounced.value || undefined,
 }))
 const codeParams = computed(() => ({
   type: 'code' as const,
-  page_size: PAGE_SIZE,
+  page_size: RESOURCE_EXPLORER_PAGE_SIZE,
   q: searchDebounced.value || undefined,
 }))
 const otherParams = computed(() => ({
   type: 'other' as const,
-  page_size: PAGE_SIZE,
+  page_size: RESOURCE_EXPLORER_PAGE_SIZE,
   q: searchDebounced.value || undefined,
 }))
 
@@ -169,7 +168,7 @@ const loadMoreType = ref<ResourceType>('main')
 const loadMorePage = ref(1)
 const loadMoreParams = computed(() => ({
   type: loadMoreType.value,
-  page_size: PAGE_SIZE,
+  page_size: RESOURCE_EXPLORER_PAGE_SIZE,
   page: loadMorePage.value,
   q: searchDebounced.value || undefined,
 }))

package/src/components/ResourceExplorer/ResourceExplorerViewer.vue

@@ -185,12 +185,15 @@
                 :dataset="dataset"
               />
             </div>
-            <div v-if="tab.key === 'swagger'">
+            <div v-if="tab.key === 'api'">
               <div class="fr-mb-4w">
                 <p>{{ t("Cette API est générée automatiquement par {platform} à partir du fichier.", { platform: config.name }) }}</p>
                 <p>{{ t("- Si le fichier est modifié, l'API sera mise à jour et sa structure pourra changer.") }}</p>
                 <p>{{ t("- Si le fichier est supprimé, l'API sera également supprimée.") }}</p>
                 <p>{{ t("Pour des usages pérennes, prévoyez que cette API dépend directement du fichier source.") }}</p>
+                <p v-if="config.tabularApiUrl">
+                  {{ t("L'URL de base de l'API est {url}", { url: config.tabularApiUrl }) }}
+                </p>
               </div>
               <OpenApiViewer
                 v-if="hasTabularData"

package/src/components/Search/GlobalSearch.vue

@@ -549,20 +549,34 @@ const allFilters: Record<string, Ref<unknown>> = {
   type: reuseType,
 }
 
-// Reset sort and filters when changing type if they're not valid for the new type
+// Reset page, sort and filters when changing type. Every reset below goes
+// through useRouteQuery, so VueUse coalesces them into a single router.replace
+// (its shared _queriesQueue flushes once on nextTick). Custom filters are cleared
+// here too, rather than in useSearchFilter's onunmount, so their URL change joins
+// that same batch instead of racing it with a separate router.replace.
 watch(currentType, () => {
+  // page=1 is the default and is dropped from the URL, so only reset when needed.
+  if (page.value !== 1) page.value = 1
+
   // Reset sort if not valid
   const validSortValues = activeSortOptions.value.map(o => o.value as string)
   if (sort.value && !validSortValues.includes(sort.value)) {
     sort.value = undefined
   }
 
-  // Reset filters that are not enabled for the new type
+  // Reset built-in filters that are not enabled for the new type
   for (const [filterName, filterRef] of Object.entries(allFilters)) {
     if (filterRef.value !== undefined && !activeFilters.value.includes(filterName)) {
       filterRef.value = undefined
     }
   }
+
+  // Reset type-scoped custom filters that don't apply to the new type
+  for (const entry of customFilterRegistry.values()) {
+    if (entry.typeKeys && !entry.typeKeys.includes(currentType.value) && isCustomFilterActive(entry)) {
+      entry.ref.value = entry.defaultValue
+    }
+  }
 })
 
 // Create stable params for each type

package/src/components/TabularExplorer/TabularCellPopover.vue

@@ -38,7 +38,7 @@
             class="flex items-center gap-2.5 w-full px-3 py-2 rounded-md text-xs font-medium hover:bg-gray-50"
             @click="filterByValue"
           >
-            <RiFilter2Line
+            <RiFilterLine
               class="size-4"
               aria-hidden="true"
             />
@@ -71,7 +71,7 @@ import { computed, ref, useTemplateRef, watch } from 'vue'
 import { flip, shift, autoUpdate, useFloating } from '@floating-ui/vue'
 import { onClickOutside } from '@vueuse/core'
 import {
-  RiFilter2Line,
+  RiFilterLine,
   RiFileCopyLine,
   RiCheckLine,
 } from '@remixicon/vue'