@datagouv/components-next 1.0.2-dev.20 → 1.0.2-dev.200

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-BcNJo35o.js → vue3-xml-viewer.common-CcF3Xd23.js}

@@ -1,4 +1,4 @@
-import { b as Ke } from "./main-vqhkVhVS.js";
+import { g as Ke } from "./main-CVOZp_Nx.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.0.2-dev.20",
+  "version": "1.0.2-dev.200",
   "private": false,
   "type": "module",
   "engines": {
@@ -10,29 +10,37 @@
     "yarn": "use-pnpm-instead"
   },
   "main": "./src/main.ts",
+  "exports": {
+    ".": "./src/main.ts",
+    "./chart": "./src/chart.ts",
+    "./assets/*": "./assets/*",
+    "./dist/*": "./dist/*"
+  },
+  "sideEffects": false,
   "files": [
     "assets",
     "dist",
     "src"
   ],
   "dependencies": {
-    "@floating-ui/vue": "^1.1.8",
+    "@floating-ui/vue": "^2.0.1",
     "@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": "^13.1.0",
-    "@vueuse/router": "^13.1.0",
-    "chart.js": "^4.4.8",
-    "dompurify": "^3.2.5",
-    "geopf-extensions-openlayers": "^1.0.0-beta.5",
+    "@types/leaflet": "^1.9.21",
+    "@vueuse/core": "^14.3.0",
+    "@vueuse/router": "^14.3.0",
+    "chart.js": "^4.5.1",
+    "dompurify": "^3.4.13",
+    "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",
@@ -45,42 +53,43 @@
     "remark-rehype": "^11.1.2",
     "strip-markdown": "^6.0.0",
     "stylefire": "^7.0.3",
-    "swagger-ui-dist": "^5.27.1",
     "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"
+    "vue3-xml-viewer": "^0.0.14",
+    "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",
-    "eslint": "^9.18.0",
-    "eslint-plugin-vue": "^10.0",
-    "jiti": "^2.4.2",
-    "npm-run-all2": "^8.0",
-    "prettier": "^3.0.0",
-    "tailwindcss": "^4.0.8",
-    "typescript": "^5.7.3",
-    "vite": "^7.0",
-    "vite-plugin-vue-devtools": "^8.0",
-    "vue": "^3.5.29",
-    "vue-router": "^4.6.4",
-    "vue-tsc": "^3.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.8.3",
+    "tailwindcss": "^4.3.0",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.3",
+    "vite-plugin-vue-devtools": "^8.1.2",
+    "vue": "^3.5.40",
+    "vue-router": "^5.0.7",
+    "vue-tsc": "^3.3.2"
   },
   "peerDependencies": {
     "vue": "^3.5.13",
-    "vue-router": "^4.5.0"
+    "vue-router": "^4.5.0 || ^5.0.0",
+    "echarts": "^6.0.0"
   },
   "scarfSettings": {
     "enabled": false

package/src/chart.ts

@@ -0,0 +1,5 @@
+import ChartViewer from './components/Chart/ChartViewer.vue'
+import ChartViewerWrapper from './components/Chart/ChartViewerWrapper.vue'
+import SmallChart from './components/SmallChart.vue'
+
+export { ChartViewer, ChartViewerWrapper, SmallChart }

package/src/components/ActivityList/ActivityList.vue

@@ -12,7 +12,10 @@
           class="my-1"
         >
           <p class="pl-3 mb-1 text-xs text-gray-medium">
-            {{ month }}
+            <FormattedDate
+              :date="month"
+              :options="{ dateStyle: undefined, year: 'numeric', month: 'long', day: undefined }"
+            />
           </p>
           <ul
             class="space-y-2 p-0 m-0"
@@ -77,11 +80,20 @@
                     v-bind="{ class: '', activity }"
                   >
                     {{ getActivityTranslation(activity) }}
+                    <template v-if="'resource_id' in activity.extras">
+                      {{ activity.extras.resource_id }}
+                    </template>
                   </slot>
                 </p>
-                <p class="m-0 flex-none text-xs text-gray-medium">
-                  {{ t('le {date}', { date: formatDate(activity.created_at) }) }}
-                </p>
+                <TranslationT
+                  tag="p"
+                  class="m-0 flex-none text-xs text-gray-medium"
+                  keypath="le {date}"
+                >
+                  <template #date>
+                    <FormattedDate :date="activity.created_at" />
+                  </template>
+                </TranslationT>
               </div>
             </li>
           </ul>
@@ -90,7 +102,6 @@
           :total-results="activities.total"
           :page-size="activities.page_size"
           :page="activities.page"
-          :link="getLink"
           @change="(newPage: number) => page = newPage"
         />
       </template>
@@ -116,14 +127,14 @@ import { useRoute } from 'vue-router'
 import { useTranslation } from '../../composables/useTranslation'
 import { getActivityTranslation } from '../../functions/activities'
 import { useFetch } from '../../functions/api'
-import { useFormatDate } from '../../functions/dates'
-import { getLink } from '../../functions/pagination'
 import type { PaginatedArray } from '../../types/api'
 import type { Activity } from '../../types/activity'
 import Avatar from '../Avatar.vue'
 import LoadingBlock from '../LoadingBlock.vue'
 import Pagination from '../Pagination.vue'
 import PaddedContainer from '../PaddedContainer.vue'
+import FormattedDate from '../FormattedDate.vue'
+import TranslationT from '../TranslationT.vue'
 import listSrc from '../../../assets/illustrations/list.svg?url'
 
 const props = defineProps<{
@@ -132,7 +143,6 @@ const props = defineProps<{
 }>()
 
 const route = useRoute()
-const { formatDate } = useFormatDate()
 const { t } = useTranslation()
 
 const page = ref(parseInt(route.query.page as string | undefined ?? '1', 10))
@@ -145,13 +155,13 @@ const { data: activities, status } = await useFetch<PaginatedArray<Activity>>('/
   },
 })
 
+// Grouping on a month read in the reader's timezone would change both the number of
+// groups and their keys between the server render and the browser's — a mismatch on
+// the children themselves, which no `data-allow-mismatch` covers. The `YYYY-MM` the
+// timestamp starts with is the same string for everyone; the month is worded from it
+// at render time.
 const groupedActivities = computed(() => activities.value?.data.reduce((grouped, activity) => {
-  const activityMonth = formatDate(activity.created_at, {
-    dateStyle: undefined,
-    day: undefined,
-    month: 'long',
-    year: 'numeric',
-  })
+  const activityMonth = activity.created_at.slice(0, 7)
   if (!grouped[activityMonth]) {
     grouped[activityMonth] = []
   }

package/src/components/AppLink.vue

@@ -3,6 +3,7 @@
     :is="config?.appLink"
     v-if="config.appLink"
     :to
+    :replace
   >
     <slot />
   </component>
@@ -18,6 +19,7 @@
   <RouterLink
     v-else
     :to
+    :replace
   ><slot /></RouterLink>
 </template>
 
@@ -33,6 +35,7 @@ const { locale } = useTranslation()
 
 const props = defineProps<{
   to: string | RouteLocationRaw | null | undefined
+  replace?: boolean
 }>()
 
 const isExternal = computed(() => {

package/src/components/BannerAction.vue

@@ -10,7 +10,9 @@
   >
     <div>
       <div class="text-gray-900">
-        {{ title }}
+        <slot name="title">
+          {{ title }}
+        </slot>
       </div>
       <div
         v-if="$slots.default"
@@ -34,7 +36,9 @@ export const bannerActionTypeKey = Symbol() as InjectionKey<'primary' | 'danger'
 <script setup lang="ts">
 const props = defineProps<{
   type: 'primary' | 'danger' | 'warning'
-  title: string
+  // Optional so the title can be a slot, for instance to make it the toggle of a
+  // disclosure whose panel lives in the banner
+  title?: string
 }>()
 
 provide(bannerActionTypeKey, props.type)