@datagouv/components-next 0.0.8 → 0.0.10

package/assets/tailwind.config.js

@@ -12,7 +12,7 @@ export default {
   ],
   theme: {
     extend: {
-      typography: (theme) => ({
+      typography: theme => ({
         neutral: {
           css: {
             '--tw-prose-bullets': theme('colors.neutral[800]'),

package/dist/JsonPreview.client-DFSq3qMS.js

@@ -0,0 +1,92 @@
+import { d as b, x as S, r as l, c as x, e as C, b as p, f as t, m as f, y as N, q as o, u, C as P, t as i, p as d, g as h, F as m, s as g } from "./main-CRrqrPkO.js";
+const T = { class: "fr-text--xs" }, $ = { key: 0 }, q = {
+  key: 1,
+  class: "text-gray-medium"
+}, E = /* @__PURE__ */ b({
+  __name: "JsonPreview.client",
+  props: {
+    resource: {}
+  },
+  setup(k) {
+    const z = P(
+      () => import("./vue3-json-viewer-B8azJ68d.js").then((e) => (Promise.resolve({                     }), e.JsonViewer))
+    ), r = k, v = S(), a = l(null), c = l(!1), n = l(null), y = l(!1), w = x(() => {
+      var s;
+      if (r.resource.filesize)
+        return r.resource.filesize;
+      const e = (s = r.resource.extras) == null ? void 0 : s["analysis:content-length"];
+      return e && typeof e == "number" ? e : null;
+    }), J = x(() => {
+      const e = w.value;
+      if (!e || !v.maxJsonPreviewSize)
+        return !1;
+      const s = v.maxJsonPreviewSize;
+      return e <= s;
+    }), _ = async () => {
+      if (!J.value) {
+        y.value = !0;
+        return;
+      }
+      c.value = !0, n.value = null;
+      try {
+        const e = await fetch(r.resource.url);
+        if (!e.ok)
+          throw new Error(`HTTP error! status: ${e.status}`);
+        const s = await e.json();
+        a.value = s;
+      } catch (e) {
+        console.error("Error loading JSON:", e), e instanceof TypeError ? n.value = "network" : n.value = "generic", a.value = null;
+      } finally {
+        c.value = !1;
+      }
+    };
+    return C(() => {
+      _();
+    }), (e, s) => (t(), p("div", T, [
+      a.value ? (t(), p("div", $, [
+        o(u(z), {
+          value: a.value,
+          boxed: "",
+          sort: "",
+          theme: "light",
+          "max-depth": 3,
+          "expand-depth": 2,
+          "indent-width": 2
+        }, null, 8, ["value"])
+      ])) : c.value ? (t(), p("div", q, i(e.$t("Chargement de l'aperçu JSON...")), 1)) : y.value ? (t(), f(g, {
+        key: 2,
+        type: "warning",
+        class: "flex items-center space-x-2"
+      }, {
+        default: d(() => [
+          o(u(m), { class: "shink-0 size-6" }),
+          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
+      })) : n.value === "network" ? (t(), f(g, {
+        key: 3,
+        type: "warning",
+        class: "flex items-center space-x-2"
+      }, {
+        default: d(() => [
+          o(u(m), { class: "shink-0 size-6" }),
+          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
+      })) : n.value ? (t(), f(g, {
+        key: 4,
+        type: "warning",
+        class: "flex items-center space-x-2"
+      }, {
+        default: d(() => [
+          o(u(m), { class: "shink-0 size-6" }),
+          h("span", null, i(e.$t("Erreur lors du chargement de l'aperçu JSON.")), 1)
+        ]),
+        _: 1
+      })) : N("", !0)
+    ]));
+  }
+});
+export {
+  E as default
+};