@datagouv/components-next 0.0.30 → 0.0.32

package/README.md

@@ -18,6 +18,10 @@ app.use(datagouv, {
 })
 ```
 
+### Layout
+
+To use the `Toggletip` component you should add a `<div id="tooltips" />` in your layout.
+
 ### Special functions and components (only for Nuxt)
 
 Nuxt is a special environment (both server and browser) and requires some special functions and components to work.
@@ -45,10 +49,14 @@ app.vueApp.use(datagouv, {
     // Nuxt doesn't like `TextClamp` in the server, provides the client only `TextClamp`
     textClamp: TextClamp,
 
-    // Provide the component to create links inside the application
-    // This component will receive the raw link (without i18n prefix)
+    // The following properties allow to provide components specific to Nuxt.
+
+    // This `appLink` component will receive the raw link (without i18n prefix)
     // and needs to add it.
     appLink: CdataLink,
+    
+    // The ClientOnly allow to disable SSR for some components.
+    clientOnly: ClientOnly,
 })
 ```
 
@@ -161,6 +169,37 @@ To do links in the application you can use the `<AppLink>` component. Not sure w
 
 Maybe this component shouldn't be exposed too, because I don't know why a user should use this instead of their own component (`<RouterLink>` or `<CdataLink>`…)
 
+## Release
+
+This package is available as `@datagouv/components-next` on [npm](https://www.npmjs.com/package/@datagouv/components-next).
+
+It follows the [semantic versioning specification](https://semver.org/).
+
+To make a new release, you have to :
+1. update the version
+2. publish to npm
+3. Commit and push the version change
+
+### Update the version
+
+Use the dedicated npm command, with the correct parameter :
+
+```
+npm version VERSION
+```
+
+Where VERSION is :
+- `major` when you make incompatible API changes
+- `minor` when you add functionality in a backward compatible manner
+- `patch` version when you make backward compatible bug fixes
+Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.
+
+### Publish to NPM
+
+```
+npm run publish-stable
+```
+
 ## 📄 License
 
 This component library is licensed under the **MIT License**, which is the same as the main project. This allows for permissive usage of the components in other projects.

package/assets/main.css

@@ -19,9 +19,13 @@
   --text-4\.5xl: 2.75rem;
 
   --color-primary: #3558a2;
+  --color-ocher: #A6481C;
+  --color-green-reuse: #2B6972;
+  --color-purple-dataservice: #5E5DAE;
   --color-mention-grey: #666; /* Copy from --text-mention-grey */
   --color-gray-title: #161616;
   --color-gray-medium: #666666;
+  --color-gray-lowest-2: #fafafa;
   --color-gray-low: #929292;
   --color-gray-lower-hover: #d2d2d2;
   --color-gray-lower-active: #c1c1c1;

package/dist/{JsonPreview.client-DEoTeNS0.js → JsonPreview.client-BRhCOHlE.js}

@@ -1,5 +1,5 @@
-import { defineComponent as b, defineAsyncComponent as S, ref as o, computed as x, onMounted as C, createElementBlock as p, openBlock as n, createBlock as f, createCommentVNode as N, createVNode as a, unref as u, toDisplayString as i, withCtx as d, createElementVNode as m } from "vue";
-import { d as P, a as h, F as v } from "./main-D5CXGAAc.js";
+import { defineComponent as b, defineAsyncComponent as C, ref as o, computed as x, onMounted as S, createElementBlock as p, openBlock as n, createBlock as f, createCommentVNode as N, createVNode as a, unref as u, toDisplayString as i, withCtx as d, createElementVNode as h } from "vue";
+import { d as P, a as m, F as v } from "./main-yWiuApVL.js";
 const T = { class: "fr-text--xs" }, $ = { key: 0 }, E = {
   key: 1,
   class: "text-gray-medium"
@@ -9,7 +9,7 @@ const T = { class: "fr-text--xs" }, $ = { key: 0 }, E = {
     resource: {}
   },
   setup(k) {
-    const z = S(
+    const z = C(
       () => import("./vue3-json-viewer-B1fiyuLU.js").then((e) => (Promise.resolve({                     }), e.JsonViewer))
     ), s = k, g = P(), l = o(null), c = o(!1), r = o(null), y = o(!1), w = x(() => {
       var t;
@@ -19,9 +19,9 @@ const T = { class: "fr-text--xs" }, $ = { key: 0 }, E = {
       return e && typeof e == "number" ? e : null;
     }), J = x(() => {
       const e = w.value;
-      if (!e || !g.maxJsonPreviewSize)
+      if (!e || !g.maxJsonPreviewCharSize)
         return !1;
-      const t = g.maxJsonPreviewSize;
+      const t = g.maxJsonPreviewCharSize;
       return e <= t;
     }), _ = async () => {
       if (!J.value) {
@@ -41,7 +41,7 @@ const T = { class: "fr-text--xs" }, $ = { key: 0 }, E = {
         c.value = !1;
       }
     };
-    return C(() => {
+    return S(() => {
       _();
     }), (e, t) => (n(), p("div", T, [
       l.value ? (n(), p("div", $, [
@@ -54,34 +54,34 @@ const T = { class: "fr-text--xs" }, $ = { key: 0 }, E = {
           "expand-depth": 2,
           "indent-width": 2
         }, null, 8, ["value"])
-      ])) : c.value ? (n(), p("div", E, i(e.$t("Chargement de l'aperçu JSON...")), 1)) : y.value ? (n(), f(h, {
+      ])) : c.value ? (n(), p("div", E, i(e.$t("Chargement de l'aperçu JSON...")), 1)) : y.value ? (n(), f(m, {
         key: 2,
         type: "warning",
         class: "flex items-center space-x-2"
       }, {
         default: d(() => [
           a(u(v), { class: "shink-0 size-6" }),
-          m("span", null, i(w.value ? e.$t("Fichier JSON trop volumineux pour l'aperçu. Pour consulter le fichier complet, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.") : e.$t("L'aperçu n'est pas disponible car la taille du fichier est inconnue. Pour consulter le fichier complet, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.")), 1)
+          h("span", null, i(w.value ? e.$t("Fichier JSON trop volumineux pour l'aperçu. Pour consulter le fichier complet, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.") : e.$t("L'aperçu n'est pas disponible car la taille du fichier est inconnue. Pour consulter le fichier complet, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.")), 1)
         ]),
         _: 1
-      })) : r.value === "network" ? (n(), f(h, {
+      })) : r.value === "network" ? (n(), f(m, {
         key: 3,
         type: "warning",
         class: "flex items-center space-x-2"
       }, {
         default: d(() => [
           a(u(v), { class: "shink-0 size-6" }),
-          m("span", null, i(e.$t("Ce fichier JSON ne peut pas être prévisualisé, peut-être parce qu'il est hébergé sur un autre site qui ne l'autorise pas. Pour le consulter, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.")), 1)
+          h("span", null, i(e.$t("Ce fichier JSON ne peut pas être prévisualisé, peut-être parce qu'il est hébergé sur un autre site qui ne l'autorise pas. Pour le consulter, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.")), 1)
         ]),
         _: 1
-      })) : r.value ? (n(), f(h, {
+      })) : r.value ? (n(), f(m, {
         key: 4,
         type: "warning",
         class: "flex items-center space-x-2"
       }, {
         default: d(() => [
           a(u(v), { class: "shink-0 size-6" }),
-          m("span", null, i(e.$t("Erreur lors du chargement de l'aperçu JSON.")), 1)
+          h("span", null, i(e.$t("Erreur lors du chargement de l'aperçu JSON.")), 1)
         ]),
         _: 1
       })) : N("", !0)

package/dist/{MapContainer.client-CNmXA5i0.js → MapContainer.client-Dhfz-YU8.js}

@@ -7,7 +7,7 @@ var mt = (i, e, t) => si(i, typeof e != "symbol" ? e + "" : e, t), ai = (i, e, t
 var Pt = (i, e, t) => e.has(i) ? Rt("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(i) : e.set(i, t);
 var ft = (i, e, t) => (ai(i, e, "access private method"), t);
 import { defineComponent, useTemplateRef, ref, onMounted, createBlock, createElementBlock, openBlock, withCtx, createVNode, createElementVNode, unref, toDisplayString } from "vue";
-import { c as commonjsGlobal, g as getDefaultExportFromCjs$1, u as useI18n, a as _sfc_main$1, F as Fe } from "./main-D5CXGAAc.js";
+import { c as commonjsGlobal, g as getDefaultExportFromCjs$1, u as useI18n, a as _sfc_main$1, F as Fe } from "./main-yWiuApVL.js";
 const ObjectEventType = {
   /**
    * Triggered when a property is changed.

package/dist/{PdfPreview.client-CsVdmxPR.js → PdfPreview.client--W0FK7CN.js}

@@ -1,5 +1,5 @@
-import { defineComponent as T, defineAsyncComponent as $, ref as l, computed as y, onMounted as q, createElementBlock as p, openBlock as t, createBlock as f, createCommentVNode as B, createVNode as a, unref as u, toDisplayString as c, withCtx as d, createElementVNode as g } from "vue";
-import { d as L, a as h, F as m } from "./main-D5CXGAAc.js";
+import { defineComponent as T, defineAsyncComponent as $, ref as l, computed as y, onMounted as B, createElementBlock as p, openBlock as t, createBlock as f, createCommentVNode as q, createVNode as a, unref as u, toDisplayString as c, withCtx as d, createElementVNode as g } from "vue";
+import { d as L, a as h, F as m } from "./main-yWiuApVL.js";
 const O = { class: "text-xs" }, S = { key: 0 }, N = {
   key: 1,
   class: "text-gray-medium"
@@ -21,7 +21,7 @@ const O = { class: "text-xs" }, S = { key: 0 }, N = {
       const e = v.value;
       if (!e)
         return !1;
-      const o = b.maxPdfPreviewSize ?? 1e7;
+      const o = b.maxPdfPreviewByteSize ?? 1e7;
       return e <= o;
     }), D = async () => {
       if (!z.value) {
@@ -50,7 +50,7 @@ const O = { class: "text-xs" }, S = { key: 0 }, N = {
     }, E = (e) => {
       console.error("PDF loading error:", e), e instanceof TypeError ? r.value = "network" : r.value = "generic", n.value = !1;
     };
-    return q(() => {
+    return B(() => {
       D();
     }), (e, o) => (t(), p("div", O, [
       n.value ? (t(), p("div", S, [
@@ -104,7 +104,7 @@ const O = { class: "text-xs" }, S = { key: 0 }, N = {
           g("span", null, c(e.$t("Erreur lors du chargement de l'aperçu PDF. Pour consulter le fichier, téléchargez-le depuis l'onglet Téléchargements.")), 1)
         ]),
         _: 1
-      })) : B("", !0)
+      })) : q("", !0)
     ]));
   }
 });

package/dist/{Pmtiles.client-GgcBwFa0.js → Pmtiles.client-B6vRTwrm.js}

@@ -1,5 +1,5 @@
 import { defineComponent as Xm, ref as Ym, computed as Kc, useTemplateRef as Km, onMounted as Jm, createElementBlock as xh, openBlock as Jc, createBlock as Qm, withCtx as _d, createVNode as yd, createElementVNode as pa, unref as Ua, toDisplayString as Rl, createCommentVNode as eg, createTextVNode as tg } from "vue";
-import { g as ig, u as rg, b as ng, d as ag, a as sg, F as og, f as lg, e as cg, K as ug, t as hg } from "./main-D5CXGAAc.js";
+import { g as ig, u as rg, b as ng, d as ag, a as sg, F as og, f as lg, e as cg, K as ug, t as hg } from "./main-yWiuApVL.js";
 var nn = Uint8Array, To = Uint16Array, pg = Int32Array, Ad = new nn([
   0,
   0,

package/dist/Swagger.client-ch5H8aT2.js

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

package/dist/{XmlPreview.client-C0lxnMVl.js → XmlPreview.client-BcbnRWAp.js}

@@ -1,16 +1,16 @@
-import { defineComponent as b, defineAsyncComponent as L, ref as a, computed as w, onMounted as C, createElementBlock as p, openBlock as r, createBlock as f, createCommentVNode as P, createVNode as o, unref as u, toDisplayString as i, withCtx as m, createElementVNode as d } from "vue";
-import { d as T, a as h, F as v } from "./main-D5CXGAAc.js";
+import { defineComponent as C, defineAsyncComponent as b, ref as a, computed as w, onMounted as L, createElementBlock as p, openBlock as r, createBlock as f, createCommentVNode as P, createVNode as o, unref as u, toDisplayString as i, withCtx as m, createElementVNode as h } from "vue";
+import { d as T, a as d, F as v } from "./main-yWiuApVL.js";
 const $ = { class: "fr-text--xs" }, E = { key: 0 }, M = {
   key: 1,
   class: "text-gray-medium"
-}, S = /* @__PURE__ */ b({
+}, S = /* @__PURE__ */ C({
   __name: "XmlPreview.client",
   props: {
     resource: {}
   },
   setup(k) {
-    const z = L(
-      () => import("./vue3-xml-viewer.common-WmBgOZ5X.js").then((e) => e.v).then((e) => e.default || e.XmlViewer)
+    const z = b(
+      () => import("./vue3-xml-viewer.common-1QyofKqS.js").then((e) => e.v).then((e) => e.default || e.XmlViewer)
     ), n = k, g = T(), s = a(null), c = a(!1), l = a(null), y = a(!1), x = w(() => {
       var t;
       if (n.resource.filesize)
@@ -19,9 +19,9 @@ const $ = { class: "fr-text--xs" }, E = { key: 0 }, M = {
       return e && typeof e == "number" ? e : null;
     }), X = w(() => {
       const e = x.value;
-      if (!e || !g.maxXmlPreviewSize)
+      if (!e || !g.maxXmlPreviewCharSize)
         return !1;
-      const t = g.maxXmlPreviewSize;
+      const t = g.maxXmlPreviewCharSize;
       return e <= t;
     }), _ = async () => {
       if (!X.value) {
@@ -41,39 +41,39 @@ const $ = { class: "fr-text--xs" }, E = { key: 0 }, M = {
         c.value = !1;
       }
     };
-    return C(() => {
+    return L(() => {
       _();
     }), (e, t) => (r(), p("div", $, [
       s.value ? (r(), p("div", E, [
         o(u(z), { xml: s.value }, null, 8, ["xml"])
-      ])) : c.value ? (r(), p("div", M, i(e.$t("Chargement de l'aperçu XML...")), 1)) : y.value ? (r(), f(h, {
+      ])) : c.value ? (r(), p("div", M, i(e.$t("Chargement de l'aperçu XML...")), 1)) : y.value ? (r(), f(d, {
         key: 2,
         type: "warning",
         class: "flex items-center space-x-2"
       }, {
         default: m(() => [
           o(u(v), { class: "shink-0 size-6" }),
-          d("span", null, i(x.value ? e.$t("Fichier XML trop volumineux pour l'aperçu. Pour consulter le fichier complet, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.") : e.$t("L'aperçu n'est pas disponible car la taille du fichier est inconnue. Pour consulter le fichier complet, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.")), 1)
+          h("span", null, i(x.value ? e.$t("Fichier XML trop volumineux pour l'aperçu. Pour consulter le fichier complet, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.") : e.$t("L'aperçu n'est pas disponible car la taille du fichier est inconnue. Pour consulter le fichier complet, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.")), 1)
         ]),
         _: 1
-      })) : l.value === "network" ? (r(), f(h, {
+      })) : l.value === "network" ? (r(), f(d, {
         key: 3,
         type: "warning",
         class: "flex items-center space-x-2"
       }, {
         default: m(() => [
           o(u(v), { class: "shink-0 size-6" }),
-          d("span", null, i(e.$t("Ce fichier XML ne peut pas être prévisualisé, peut-être parce qu'il est hébergé sur un autre site qui ne l'autorise pas. Pour le consulter, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.")), 1)
+          h("span", null, i(e.$t("Ce fichier XML ne peut pas être prévisualisé, peut-être parce qu'il est hébergé sur un autre site qui ne l'autorise pas. Pour le consulter, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.")), 1)
         ]),
         _: 1
-      })) : l.value ? (r(), f(h, {
+      })) : l.value ? (r(), f(d, {
         key: 4,
         type: "warning",
         class: "flex items-center space-x-2"
       }, {
         default: m(() => [
           o(u(v), { class: "shink-0 size-6" }),
-          d("span", null, i(e.$t("Erreur lors du chargement de l'aperçu XML.")), 1)
+          h("span", null, i(e.$t("Erreur lors du chargement de l'aperçu XML.")), 1)
         ]),
         _: 1
       })) : P("", !0)