@datagouv/components-next 0.1.4 → 0.1.5

package/dist/{JsonPreview.client-D6ptqXOA.js → JsonPreview.client-C9-SHa9z.js}

@@ -1,5 +1,5 @@
 import { defineComponent as C, defineAsyncComponent as S, ref as u, computed as w, onMounted as N, createElementBlock as f, openBlock as n, createBlock as d, createCommentVNode as T, createVNode as i, unref as t, toDisplayString as c, withCtx as h, createElementVNode as m } from "vue";
-import { d as P, u as E, a as v, F as g } from "./main-CarU0Io9.js";
+import { d as P, u as E, a as v, F as g } from "./main-B4RtnYXi.js";
 const q = { class: "fr-text--xs" }, B = { key: 0 }, O = {
   key: 1,
   class: "text-gray-medium"

package/dist/{MapContainer.client-D4dQoauJ.js → MapContainer.client-DDuBnXd4.js}

@@ -1,5 +1,5 @@
 import { defineComponent, useTemplateRef, ref as ref$2, onMounted, createBlock, createElementBlock, openBlock, withCtx, createVNode, createElementVNode, unref, toDisplayString } from "vue";
-import { c as commonjsGlobal, g as getDefaultExportFromCjs$1, u as useTranslation, a as _sfc_main$1, F as Fe } from "./main-CarU0Io9.js";
+import { c as commonjsGlobal, g as getDefaultExportFromCjs$1, u as useTranslation, a as _sfc_main$1, F as Fe } from "./main-B4RtnYXi.js";
 const ObjectEventType = {
   /**
    * Triggered when a property is changed.

package/dist/{PdfPreview.client-DTUPMgrP.js → PdfPreview.client-uj2vRkxw.js}

@@ -1,5 +1,5 @@
 import { defineComponent as B, defineAsyncComponent as q, ref as a, computed as w, onMounted as L, createElementBlock as p, openBlock as s, createBlock as f, createCommentVNode as O, createVNode as u, unref as t, toDisplayString as c, withCtx as d, createElementVNode as g } from "vue";
-import { d as S, u as $, a as h, F as m } from "./main-CarU0Io9.js";
+import { d as S, u as $, a as h, F as m } from "./main-B4RtnYXi.js";
 const N = { class: "text-xs" }, V = { key: 0 }, A = {
   key: 1,
   class: "text-gray-medium"

package/dist/{Pmtiles.client-Cx6JUqT9.js → Pmtiles.client-DC_vN9Xz.js}

@@ -1,5 +1,5 @@
 import { defineComponent as ig, ref as rg, computed as Ol, useTemplateRef as ng, onMounted as ag, createElementBlock as Th, openBlock as nu, createBlock as sg, withCtx as wd, createVNode as Td, createElementVNode as ha, unref as La, toDisplayString as jl, createCommentVNode as og, createTextVNode as lg } from "vue";
-import { g as cg, u as ug, b as hg, d as pg, e as dg, f as fg, a as mg, F as gg, h as _g, i as yg, K as xg, t as vg } from "./main-CarU0Io9.js";
+import { g as cg, u as ug, b as hg, d as pg, e as dg, f as fg, a as mg, F as gg, h as _g, i as yg, K as xg, t as vg } from "./main-B4RtnYXi.js";
 var tn = Uint8Array, So = Uint16Array, bg = Int32Array, Dd = new tn([
   0,
   0,

package/dist/Swagger.client-CvnsGulf.js

@@ -0,0 +1,4 @@
+import { _ as f } from "./main-B4RtnYXi.js";
+export {
+  f as default
+};

package/dist/{XmlPreview.client-DDSXyn0x.js → XmlPreview.client-CvWagOUP.js}

@@ -1,5 +1,5 @@
 import { defineComponent as b, defineAsyncComponent as L, ref as u, computed as w, onMounted as T, createElementBlock as f, openBlock as r, createBlock as m, createCommentVNode as P, createVNode as i, unref as t, toDisplayString as c, withCtx as h, createElementVNode as d } from "vue";
-import { d as E, u as M, a as v, F as g } from "./main-CarU0Io9.js";
+import { d as E, u as M, a as v, F as g } from "./main-B4RtnYXi.js";
 const q = { class: "fr-text--xs" }, B = { key: 0 }, S = {
   key: 1,
   class: "text-gray-medium"
@@ -10,7 +10,7 @@ const q = { class: "fr-text--xs" }, B = { key: 0 }, S = {
   },
   setup(k) {
     const z = L(
-      () => import("./vue3-xml-viewer.common-Cqxs_s2H.js").then((e) => e.v).then((e) => e.default || e.XmlViewer)
+      () => import("./vue3-xml-viewer.common-CaMSbbOr.js").then((e) => e.v).then((e) => e.default || e.XmlViewer)
     ), s = k, x = E(), { t: l } = M(), a = u(null), p = u(!1), n = u(null), y = u(!1), _ = w(() => {
       if (s.resource.filesize)
         return s.resource.filesize;

package/dist/components-next.js

@@ -1,4 +1,4 @@
-import { am as e, k as t, l as i, m as n, n as o, o as r, p as l, i as c, ak as T, an as g, C as u, aa as d, a9 as C, D as O, q as m, r as R, s as p, v as I, w as E, x as y, y as A, z as D, A as S, ao as L, B as v, E as P, aD as h, ap as N, G as b, H as f, I as z, J as B, al as _, L as w, M as G, N as H, aB as M, O as U, R as k, P as x, Q as F, S as Q, a as V, T as W, _ as Y, U as j, V as q, W as J, X, Y as K, $ as Z, Z as $, a0 as aa, aq as sa, a1 as ea, j as ta, aE as ia, a4 as na, af as oa, au as ra, aJ as la, ah as ca, a8 as Ta, ab as ga, ay as ua, ax as da, av as Ca, at as Oa, f as ma, e as Ra, ad as pa, az as Ia, aC as Ea, aA as ya, ae as Aa, aH as Da, aG as Sa, as as La, ac as va, aw as Pa, ar as ha, a6 as Na, a5 as ba, ai as fa, ag as za, a7 as Ba, t as _a, aj as wa, a2 as Ga, d as Ha, aF as Ma, b as Ua, aI as ka, aK as xa, aL as Fa, aM as Qa, a3 as Va, u as Wa } from "./main-CarU0Io9.js";
+import { am as e, k as t, l as i, m as n, n as o, o as r, p as l, i as c, ak as T, an as g, C as u, aa as d, a9 as C, D as O, q as m, r as R, s as p, v as I, w as E, x as y, y as A, z as D, A as S, ao as L, B as v, E as P, aD as h, ap as N, G as b, H as f, I as z, J as B, al as _, L as w, M as G, N as H, aB as M, O as U, R as k, P as x, Q as F, S as Q, a as V, T as W, _ as Y, U as j, V as q, W as J, X, Y as K, $ as Z, Z as $, a0 as aa, aq as sa, a1 as ea, j as ta, aE as ia, a4 as na, af as oa, au as ra, aJ as la, ah as ca, a8 as Ta, ab as ga, ay as ua, ax as da, av as Ca, at as Oa, f as ma, e as Ra, ad as pa, az as Ia, aC as Ea, aA as ya, ae as Aa, aH as Da, aG as Sa, as as La, ac as va, aw as Pa, ar as ha, a6 as Na, a5 as ba, ai as fa, ag as za, a7 as Ba, t as _a, aj as wa, a2 as Ga, d as Ha, aF as Ma, b as Ua, aI as ka, aK as xa, aL as Fa, aM as Qa, a3 as Va, u as Wa } from "./main-B4RtnYXi.js";
 export {
   e as ASSOCIATION,
   t as ActivityList,

package/dist/{main-CarU0Io9.js → main-B4RtnYXi.js}

@@ -706,11 +706,14 @@ async function yu(e, r) {
     try {
       p.value = await oh(h, {
         baseURL: i.apiBase,
-        onRequest({ options: m }) {
-          m.headers.set("Content-Type", "application/json"), m.headers.set("Accept", "application/json"), m.credentials = "include", i.devApiKey && m.headers.set("X-API-KEY", i.devApiKey), l && (m.params || (m.params = {}), m.params.lang = l);
-        },
-        async onResponseError() {
+        onRequest(m) {
+          i.onRequest && (Array.isArray(i.onRequest) ? i.onRequest.forEach((y) => y(m)) : i.onRequest(m));
+          const { options: v } = m;
+          v.headers.set("Content-Type", "application/json"), v.headers.set("Accept", "application/json"), v.credentials = "include", i.devApiKey && v.headers.set("X-API-KEY", i.devApiKey), l && (v.params || (v.params = {}), v.params.lang = l);
         },
+        onRequestError: i.onRequestError,
+        onResponse: i.onResponse,
+        onResponseError: i.onResponseError,
         ...f
       }), c.value = "success";
     } catch (m) {
@@ -49133,7 +49136,7 @@ const Exe = ["y"], Nxe = ["y"], zxe = ["y"], Zxe = ["y"], Axe = ["y"], Rxe = ["y
     canEdit: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const r = ["parquet", "pmtiles", "geojson"], i = e, l = t0(), p = j7(() => import("./Swagger.client-BuBFNfiL.js")), C = j7(() => import("./MapContainer.client-D4dQoauJ.js")), c = j7(() => import("./Pmtiles.client-Cx6JUqT9.js")), d = j7(() => import("./JsonPreview.client-D6ptqXOA.js")), o = j7(() => import("./PdfPreview.client-DTUPMgrP.js")), h = j7(() => import("./XmlPreview.client-DDSXyn0x.js")), { t: f } = mn(), { formatRelativeIfRecentDate: m } = ol(), v = tt(() => {
+    const r = ["parquet", "pmtiles", "geojson"], i = e, l = t0(), p = j7(() => import("./Swagger.client-CvnsGulf.js")), C = j7(() => import("./MapContainer.client-DDuBnXd4.js")), c = j7(() => import("./Pmtiles.client-DC_vN9Xz.js")), d = j7(() => import("./JsonPreview.client-C9-SHa9z.js")), o = j7(() => import("./PdfPreview.client-uj2vRkxw.js")), h = j7(() => import("./XmlPreview.client-CvWagOUP.js")), { t: f } = mn(), { formatRelativeIfRecentDate: m } = ol(), v = tt(() => {
       const qe = i.resource.format?.toLowerCase();
       return qe === "json" || qe === "pdf" || qe === "xml";
     }), y = tt(() => l.tabularApiUrl && i.resource.extras["analysis:parsing:parsing_table"] && !i.resource.extras["analysis:parsing:error"] && (l.tabularAllowRemote || i.resource.filetype === "file")), L = tt(() => i.resource.extras["analysis:parsing:pmtiles_url"]), H = tt(() => lI(i.resource.format) ? i.resource.format : f("Fichier")), N = tt(() => Zve(i.resource)), z = tt(() => N.value === "wms"), A = tt(() => {

package/dist/{vue3-xml-viewer.common-Cqxs_s2H.js → vue3-xml-viewer.common-CaMSbbOr.js}

@@ -1,4 +1,4 @@
-import { g as Ke } from "./main-CarU0Io9.js";
+import { g as Ke } from "./main-B4RtnYXi.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": "0.1.4",
+  "version": "0.1.5",
   "private": false,
   "type": "module",
   "main": "./src/main.ts",

package/src/config.ts

@@ -1,5 +1,6 @@
 import { inject, type Component, type InjectionKey } from 'vue'
 import type { UseFetchFunction } from './functions/api.types'
+import type { FetchOptions } from 'ofetch'
 
 export type PluginConfig = {
   name: string // Name of the application (ex: data.gouv.fr)
@@ -18,6 +19,10 @@ export type PluginConfig = {
   tabularAllowRemote?: boolean
   tabularApiDataserviceId?: string
   customUseFetch?: UseFetchFunction | null
+  onRequest?: FetchOptions['onRequest']
+  onRequestError?: FetchOptions['onRequestError']
+  onResponse?: FetchOptions['onResponse']
+  onResponseError?: FetchOptions['onResponseError']
   textClamp?: string | Component | null
   appLink?: Component | null
   clientOnly?: Component | null

package/src/functions/api.ts

@@ -26,9 +26,18 @@ export async function useFetch<DataT, ErrorT = never>(
     const fetchOptions = reactive(options ?? {})
     status.value = 'pending'
     try {
-      data.value = await ofetch(urlValue, {
+      data.value = await ofetch<DataT | null>(urlValue, {
         baseURL: config.apiBase,
-        onRequest({ options }) {
+        onRequest(param) {
+          if (config.onRequest) {
+            if (Array.isArray(config.onRequest)) {
+              config.onRequest.forEach(r => r(param))
+            }
+            else {
+              config.onRequest(param)
+            }
+          }
+          const { options } = param
           options.headers.set('Content-Type', 'application/json')
           options.headers.set('Accept', 'application/json')
           options.credentials = 'include'
@@ -43,30 +52,9 @@ export async function useFetch<DataT, ErrorT = never>(
             options.params['lang'] = locale
           }
         },
-        async onResponseError() {
-          // TODO redirect to login outside Nuxt?
-          // if (response.status === 401) {
-          //   await nuxtApp.runWithContext(() => navigateTo(localePath('/login')))
-          // }
-
-          // let message
-          // try {
-          //   if ('error' in response._data) {
-          //     message = response._data.error
-          //   }
-          //   else if ('message' in response._data) {
-          //     message = response._data.message
-          //   }
-          // }
-          // catch (e) {
-          //   console.error(e)
-          //   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-          //   message = t(`L'API a retourné une erreur inattendue`)
-          // }
-
-          // TODO Toast outside Nuxt
-          // toast.error(message)
-        },
+        onRequestError: config.onRequestError,
+        onResponse: config.onResponse,
+        onResponseError: config.onResponseError,
         ...fetchOptions,
       })
       status.value = 'success'

package/dist/Swagger.client-BuBFNfiL.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./main-CarU0Io9.js";
-export {
-  f as default
-};