@datagouv/components-next 1.2.0 → 1.3.0

package/README.md

@@ -65,7 +65,7 @@ app.vueApp.use(datagouv, {
 `@datagouv/components` is using [TailwindCSS](https://tailwindcss.com/docs) and some [DSFR](https://www.systeme-de-design.gouv.fr/) right now. The user needs to provide the correct version of the DSFR. Concerning TailwindCSS, there are two modes:
 
 1. If the user is using TailwindCSS, it can import a full TailwindCSS config with `@import "@datagouv/components-next/assets/main.css";`, then build the CSS via TailwindCSS CLI or Vite plugin.
-2. If the user is not using TailwindCSS, it can import an already built CSS file with `@import '@datagouv/components-next/dist/components.css';`. Note @dev, this file should be built before publishing the package to NPM with `npm run css`. For more details on the [technology stack](../README.md#-technology-stack), see the main README.
+2. If the user is not using TailwindCSS, it can import an already built CSS file with `@import '@datagouv/components-next/dist/components.css';`. Note @dev, this file should be built before publishing the package to PNPM with `pnpm run css`. For more details on the [technology stack](../README.md#-technology-stack), see the main README.
 
 ### I18n
 
@@ -94,8 +94,8 @@ For general development guidelines and contributing, see the [contributing secti
 This component library uses both ESLint and Prettier for code quality and formatting:
 
 ```bash
-npm run lint    # Lint and auto-fix ESLint issues
-npm run format  # Format code with Prettier
+pnpm run lint    # Lint and auto-fix ESLint issues
+pnpm run format  # Format code with Prettier
 ```
 
 **Note:** Make sure to run both commands before submitting contributions to ensure consistent code style.
@@ -172,10 +172,10 @@ To make a new release, you have to :
 
 ### Update the version
 
-Use the dedicated npm command, with the correct parameter :
+Use the dedicated pnpm command, with the correct parameter :
 
 ```
-npm version VERSION
+pnpm version VERSION
 ```
 
 Where VERSION is :
@@ -187,7 +187,8 @@ Additional labels for pre-release and build metadata are available as extensions
 ### Publish to NPM
 
 ```
-npm run publish-stable
+pnpm login
+pnpm run publish-stable
 ```
 
 ## 📄 License

package/dist/{Control-ZFh5ta_U.js → Control-b-43UT2B.js}

@@ -1,4 +1,4 @@
-import { B as o, u as h, V as m, l as c } from "./proj-CsNo9yH1.js";
+import { a as o, aV as h, V as m, ax as c } from "./proj-CsjVeojN.js";
 const g = {
   /**
    * Triggered after a map frame is rendered.
@@ -135,14 +135,14 @@ class v extends o {
   }
 }
 export {
-  v as C,
+  L as C,
   g as M,
-  u as a,
-  f as b,
-  y as c,
-  S as d,
-  L as e,
-  p as f,
-  C as g,
-  r as h
+  y as a,
+  p as b,
+  f as c,
+  u as d,
+  S as e,
+  v as f,
+  r as g,
+  C as h
 };

package/dist/{Datafair.client-rf4T1IkA.js → Datafair.client-BrjISlaZ.js}

@@ -1,5 +1,5 @@
-import { defineComponent as l, computed as a, createElementBlock as o, openBlock as t, createBlock as u, createElementVNode as f, withCtx as p, createTextVNode as m, toDisplayString as _, unref as h } from "vue";
-import { a as x, _ as g } from "./main-Iz1ZCL6k.js";
+import { defineComponent as l, computed as a, openBlock as t, createElementBlock as o, createElementVNode as u, createBlock as f, withCtx as p, createTextVNode as m, toDisplayString as _, unref as h } from "vue";
+import { c6 as x, _ as g } from "./main-DKu5SOAl.js";
 const v = { class: "fr-text--xs" }, b = { key: 0 }, k = ["src"], $ = /* @__PURE__ */ l({
   __name: "Datafair.client",
   props: {
@@ -10,13 +10,13 @@ const v = { class: "fr-text--xs" }, b = { key: 0 }, k = ["src"], $ = /* @__PURE_
     const e = c, { t: i } = x(), r = a(() => e.resource.extras.datafairOrigin || e.dataset.extras.datafairOrigin), s = a(() => e.resource.extras.datafairDatasetId || e.dataset.extras.datafairDatasetId), d = a(() => e.resource.extras.datafairEmbed), n = a(() => !r.value || !s.value ? null : `${r.value}/embed/dataset/${s.value}/${d.value}`);
     return (D, y) => (t(), o("div", v, [
       n.value ? (t(), o("div", b, [
-        f("iframe", {
+        u("iframe", {
           src: n.value,
           width: "100%",
           height: "500px",
           style: { "background-color": "transparent", border: "none" }
         }, null, 8, k)
-      ])) : (t(), u(g, { key: 1 }, {
+      ])) : (t(), f(g, { key: 1 }, {
         default: p(() => [
           m(_(h(i)("L'aperçu de ce fichier n'a pas pu être chargé. Téléchargez-le depuis l'onglet Téléchargements.")), 1)
         ]),

package/dist/{Event-DSQcW7OF.js → Event-py_AAwJY.js}

@@ -1,7 +1,7 @@
-import { I as x } from "./View-xp_P_OHw.js";
-import { a as I } from "./common-BjQlan3k.js";
-import { B as C, a7 as h, al as m, u as S, l as p, E as N, i as L, a4 as P, J as Z } from "./proj-CsNo9yH1.js";
-import { c as T } from "./Image-BijNEG0p.js";
+import { V as x } from "./View-vp7vDb9q.js";
+import { c as I } from "./common-C8efyyuc.js";
+import { a as C, p as h, d as m, aV as S, ax as p, E as N, aq as L, aN as P, B as Z } from "./proj-CsjVeojN.js";
+import { c as T } from "./Image-BHQYZWzH.js";
 const n = {
   OPACITY: "opacity",
   VISIBLE: "visible",
@@ -16,7 +16,7 @@ const n = {
 };
 class D extends C {
   /**
-   * @param {Options} options Layer options.
+   * @param {Options<NoInfer<Properties>>} options Layer options.
    */
   constructor(e) {
     super(), this.on, this.once, this.un, this.background_ = e.background;
@@ -315,7 +315,7 @@ const K = {
 };
 class G extends D {
   /**
-   * @param {Options<SourceType>} options Layer options.
+   * @param {Options<SourceType, NoInfer<Properties>>} options Layer options.
    */
   constructor(e) {
     const r = Object.assign({}, e);
@@ -393,15 +393,15 @@ class G extends D {
     }, 0))), this.changed();
   }
   /**
-   * @param {import("../pixel").Pixel} pixel Pixel.
-   * @return {Promise<Array<import("../Feature").FeatureLike>>} Promise that resolves with
+   * @param {import("../pixel.js").Pixel} pixel Pixel.
+   * @return {Promise<Array<import("../Feature.js").FeatureLike>>} Promise that resolves with
    * an array of features.
    */
   getFeatures(e) {
     return this.renderer_ ? this.renderer_.getFeatures(e) : Promise.resolve([]);
   }
   /**
-   * @param {import("../pixel").Pixel} pixel Pixel.
+   * @param {import("../pixel.js").Pixel} pixel Pixel.
    * @return {Uint8ClampedArray|Uint8Array|Float32Array|DataView|null} Pixel data.
    */
   getData(e) {
@@ -588,9 +588,9 @@ function X(t, e) {
   const s = e.zoom;
   return s > t.minZoom && s <= t.maxZoom;
 }
-const U = [NaN, NaN, NaN, 0];
+const V = [NaN, NaN, NaN, 0];
 let _;
-function V() {
+function U() {
   return _ || (_ = T(1, 1, void 0, {
     willReadFrequently: !0,
     desynchronized: !0
@@ -628,7 +628,7 @@ function A(t) {
     }
     l(t);
   }
-  const e = V();
+  const e = U();
   e.fillStyle = "#abcdef";
   let r = e.fillStyle;
   e.fillStyle = t, e.fillStyle === r && (e.fillStyle = "#fedcba", r = e.fillStyle, e.fillStyle = t, e.fillStyle === r && l(t));
@@ -682,7 +682,7 @@ function ee(t) {
 }
 function j(t) {
   if (t === "none")
-    return U;
+    return V;
   if (d.hasOwnProperty(t))
     return d[t];
   if (R >= k) {
@@ -724,11 +724,11 @@ class re extends Z {
 export {
   D as B,
   G as L,
-  U as N,
-  K as R,
-  te as a,
-  v as b,
-  re as c,
+  V as N,
+  re as R,
+  K as a,
+  te as b,
+  v as c,
   j as f,
   X as i,
   ee as l,

package/dist/{Image-BijNEG0p.js → Image-BHQYZWzH.js}

@@ -1,7 +1,7 @@
-import { aD as v, E as f, ar as C, aC as h, u as R } from "./proj-CsNo9yH1.js";
+import { c as v, E as f, aO as C, ay as h, aV as R } from "./proj-CsjVeojN.js";
 const r = typeof navigator < "u" && typeof navigator.userAgent < "u" ? navigator.userAgent.toLowerCase() : "", I = r.includes("safari") && !r.includes("chrom");
 I && (r.includes("version/15.4") || /cpu (os|iphone os) 15_4 like mac os x/.test(r));
-const D = r.includes("webkit") && !r.includes("edge"), L = r.includes("macintosh"), w = typeof devicePixelRatio < "u" ? devicePixelRatio : 1, y = typeof WorkerGlobalScope < "u" && typeof OffscreenCanvas < "u" && self instanceof WorkerGlobalScope, u = typeof Image < "u" && Image.prototype.decode, p = typeof createImageBitmap == "function", O = (function() {
+const L = r.includes("webkit") && !r.includes("edge"), D = r.includes("macintosh"), w = typeof devicePixelRatio < "u" ? devicePixelRatio : 1, y = typeof WorkerGlobalScope < "u" && typeof OffscreenCanvas < "u" && self instanceof WorkerGlobalScope, u = typeof Image < "u" && Image.prototype.decode, p = typeof createImageBitmap == "function", O = (function() {
   let e = !1;
   try {
     const t = Object.defineProperty({}, "passive", {
@@ -132,10 +132,10 @@ function W(e) {
 function b(e) {
   return e[0] > 0 && e[1] > 0;
 }
-function H(e, t, n) {
+function V(e, t, n) {
   return n === void 0 && (n = [0, 0]), n[0] = e[0] * t + 0.5 | 0, n[1] = e[1] * t + 0.5 | 0, n;
 }
-function V(e, t) {
+function H(e, t) {
   return Array.isArray(e) ? e : (t === void 0 ? t = [e, e] : (t[0] = e, t[1] = e), t);
 }
 const a = {
@@ -277,27 +277,27 @@ function Y(e, t) {
 }
 export {
   w as D,
-  F as I,
-  L as M,
+  a as I,
+  D as M,
   O as P,
   _ as T,
-  y as W,
-  M as a,
-  T as b,
+  L as W,
+  F as a,
+  y as b,
   m as c,
-  a as d,
+  G as d,
   Y as e,
-  P as f,
-  D as g,
-  N as h,
-  g as i,
-  G as j,
-  B as k,
-  W as l,
-  b as m,
-  K as n,
-  S as o,
-  k as r,
-  H as s,
-  V as t
+  g as f,
+  N as g,
+  b as h,
+  W as i,
+  S as j,
+  k,
+  K as l,
+  B as m,
+  P as n,
+  M as o,
+  T as r,
+  V as s,
+  H as t
 };

package/dist/{JsonPreview.client-dzar6iuh.js → JsonPreview.client-DivFAnbN.js}

@@ -1,6 +1,6 @@
-import { defineComponent as c, defineAsyncComponent as u, createBlock as m, openBlock as p, unref as r, withCtx as f, createVNode as l } from "vue";
-import { u as d } from "./main-Iz1ZCL6k.js";
-import { _ as h } from "./PreviewWrapper.vue_vue_type_script_setup_true_lang-BRNYswg3.js";
+import { defineComponent as c, defineAsyncComponent as u, openBlock as m, createBlock as p, unref as r, withCtx as f, createVNode as l } from "vue";
+import { bT as d } from "./main-DKu5SOAl.js";
+import { _ as h } from "./PreviewWrapper.vue_vue_type_script_setup_true_lang-C3dDzrIr.js";
 const J = /* @__PURE__ */ c({
   __name: "JsonPreview.client",
   props: {
@@ -8,13 +8,13 @@ const J = /* @__PURE__ */ c({
   },
   setup(o) {
     const t = u(
-      () => import("./vue3-json-viewer-BXwup7nO.js").then((e) => (Promise.resolve({                     }), e.JsonViewer))
+      () => import("./vue3-json-viewer-CJLQFzXZ.js").then((e) => (Promise.resolve({                     }), e.JsonViewer))
     ), n = o, s = d(), i = async () => {
       const e = await fetch(n.resource.url);
       if (!e.ok) throw new Error(`HTTP error! status: ${e.status}`);
       return e.json();
     };
-    return (e, w) => (p(), m(h, {
+    return (e, w) => (m(), p(h, {
       "file-type": "JSON",
       resource: o.resource,
       "max-size": r(s).maxJsonPreviewCharSize,