@cccsaurora/clue-ui 1.2.2 → 1.2.3

package/components/fetchers/Fetcher.js

@@ -1,60 +1,62 @@
-import { jsx as i, jsxs as m } from "react/jsx-runtime";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import { I as H } from "../../iconify-BBckr5AQ.js";
-import { useTheme as V, Skeleton as I, Chip as q, Tooltip as J, Stack as u, Typography as K, LinearProgress as Q, Paper as U, Box as X, IconButton as Y } from "@mui/material";
+import { useTheme as V, Skeleton as I, Chip as q, Tooltip as J, Stack as f, Typography as K, LinearProgress as Q, Paper as U, Box as X, IconButton as Y } from "@mui/material";
 import { F as L } from "../../FlexOne-BXWFOd1T.js";
 import S from "../display/icons/Iconified.js";
 import { J as Z } from "../../index-BK-zfYhR.js";
 import { ClueComponentContext as $ } from "../../hooks/ClueComponentContext.js";
-import { c as h } from "../../ActionForm-DlOXqMUx.js";
+import { c as s } from "../../ActionForm-DlOXqMUx.js";
 import p, { useState as b, useRef as k, useMemo as P, useEffect as N, memo as ee } from "react";
-import { u as ie } from "../../index-Dj5C04IX.js";
-import ne from "../display/graph/index.js";
-import te from "../display/markdown/index.js";
-import re from "./PreviewModal.js";
+import { u as te } from "../../index-Dj5C04IX.js";
+import re from "../display/graph/index.js";
+import ie from "../display/markdown/index.js";
+import ne from "./PreviewModal.js";
 import oe from "./StatusChip.js";
 const ae = p.memo(
   ({
-    type: s,
+    type: h,
     value: x,
     classification: g,
     fetcherId: a,
     slotProps: {
-      paper: r = {},
+      paper: n = {},
       preview: O = {},
       stack: o = {},
       image: W = {},
       chip: v = {},
-      skeleton: t = {}
+      skeleton: i = {}
     } = {}
   }) => {
     var z, M, T, j;
-    const d = V(), w = h((n) => n.fetchers), F = h((n) => n.fetchSelector), R = h((n) => n.getFetcherStatus), D = h((n) => n.fetchCompleted), { t: c } = ie($, (n) => n == null ? void 0 : n.i18next), [e, f] = b(null), [E, A] = b(!0), [G, _] = b(!1), y = k(null), C = P(() => e == null ? void 0 : e.task_id, [e == null ? void 0 : e.task_id]);
+    const d = V(), w = s((r) => r.fetchers), F = s((r) => r.fetchSelector), R = s((r) => r.getFetcherStatus), D = s((r) => r.fetchCompleted), { t: m } = te($, (r) => r == null ? void 0 : r.i18next), [e, c] = b(null), [E, A] = b(!0), [G, _] = b(!1), y = k(null), C = P(() => e == null ? void 0 : e.task_id, [e == null ? void 0 : e.task_id]);
     if (N(() => {
       if ((e == null ? void 0 : e.outcome) !== "pending" || !C) return;
-      let n = !1;
+      let r = !1;
       const B = async () => {
-        const l = await R(a, C);
-        if (!l)
-          f({ outcome: "failure", done: !0, error: "Missing result", link: "" });
-        else if (l.outcome === "success" || l.outcome === "failure")
-          f({ ...l, done: !0 });
+        const u = await R(a, C);
+        if (!u)
+          c({ outcome: "failure", done: !0, error: "Missing result", link: "" });
+        else if (u.outcome === "success" || u.outcome === "failure")
+          c({ ...u, done: !0 });
         else {
-          if (n) return;
-          f({ ...l }), y.current = setTimeout(B, 2e3);
+          if (r) return;
+          c({ ...u }), y.current = setTimeout(B, 2e3);
         }
       };
       return B(), () => {
-        n = !0, y.current && clearTimeout(y.current);
+        r = !0, y.current && clearTimeout(y.current);
       };
     }, [a, R, e == null ? void 0 : e.outcome, C]), N(() => {
       (async () => {
         try {
-          A(!0), f(await F(a, { type: s, value: x, classification: g }));
+          A(!0), c(await F(a, { type: h, value: x, classification: g }));
+        } catch {
+          c({ outcome: "failure", done: !0, error: m("fetcher.error.unexpected") });
         } finally {
           A(!1);
         }
       })();
-    }, [g, F, a, s, x]), D)
+    }, [g, F, a, m, h, x]), D)
       if (a)
         if (a.includes(".")) {
           if (!(a in w))
@@ -65,29 +67,29 @@ const ae = p.memo(
       else return console.warn("Missing fetcher Id. Component will not render."), null;
     else
       return null;
-    return E ? ((z = w[a]) == null ? void 0 : z.format) === "status" ? /* @__PURE__ */ i(
+    return E ? ((z = w[a]) == null ? void 0 : z.format) === "status" ? /* @__PURE__ */ t(
       I,
       {
         variant: "rounded",
         height: "32px",
         width: "150px",
-        ...t,
+        ...i,
         sx: [
           { borderRadius: "16px" },
-          ...Array.isArray(t == null ? void 0 : t.sx) ? t == null ? void 0 : t.sx : [t == null ? void 0 : t.sx]
+          ...Array.isArray(i == null ? void 0 : i.sx) ? i == null ? void 0 : i.sx : [i == null ? void 0 : i.sx]
         ]
       }
-    ) : /* @__PURE__ */ i(I, { variant: "rounded", height: "325px", width: "300px", ...t }) : (e == null ? void 0 : e.outcome) === "failure" && w[a].format === "status" ? /* @__PURE__ */ i(
+    ) : /* @__PURE__ */ t(I, { variant: "rounded", height: "325px", width: "300px", ...i }) : e ? e.outcome === "failure" && w[a].format === "status" ? /* @__PURE__ */ t(
       q,
       {
-        icon: /* @__PURE__ */ i(J, { title: e.error, children: /* @__PURE__ */ i(H, { icon: "mdi:information-outline", fontSize: "1.25rem" }) }),
-        label: c("error"),
+        icon: /* @__PURE__ */ t(J, { title: e.error, children: /* @__PURE__ */ t(H, { icon: "mdi:information-outline", fontSize: "1.25rem" }) }),
+        label: m("error"),
         color: "error",
         ...v
       }
-    ) : e.outcome === "pending" ? /* @__PURE__ */ m(u, { flex: 1, sx: { pt: 2, alignItems: "center" }, spacing: 1, children: [
-      ((M = e.data) == null ? void 0 : M.summary) && /* @__PURE__ */ i(K, { variant: "caption", children: e.data.summary }),
-      /* @__PURE__ */ i(
+    ) : e.outcome === "pending" ? /* @__PURE__ */ l(f, { flex: 1, sx: { pt: 2, alignItems: "center" }, spacing: 1, children: [
+      ((M = e.data) == null ? void 0 : M.summary) && /* @__PURE__ */ t(K, { variant: "caption", children: e.data.summary }),
+      /* @__PURE__ */ t(
         Q,
         {
           variant: (T = e.data) != null && T.progress ? "determinate" : "indeterminate",
@@ -95,10 +97,10 @@ const ae = p.memo(
           sx: { maxWidth: 500, width: "100%", borderRadius: d.shape.borderRadius }
         }
       )
-    ] }) : (e == null ? void 0 : e.format) === "status" ? /* @__PURE__ */ i(oe, { data: e.data, ...v }) : /* @__PURE__ */ i(
+    ] }) : e.format === "status" ? /* @__PURE__ */ t(oe, { data: e.data, ...v }) : /* @__PURE__ */ t(
       U,
       {
-        ...r,
+        ...n,
         sx: [
           {
             p: 1,
@@ -107,10 +109,10 @@ const ae = p.memo(
             width: "100%",
             minWidth: "300px"
           },
-          ...Array.isArray(r == null ? void 0 : r.sx) ? r == null ? void 0 : r.sx : [r == null ? void 0 : r.sx]
+          ...Array.isArray(n == null ? void 0 : n.sx) ? n == null ? void 0 : n.sx : [n == null ? void 0 : n.sx]
         ],
-        children: /* @__PURE__ */ m(
-          u,
+        children: /* @__PURE__ */ l(
+          f,
           {
             sx: {
               "& > img": {
@@ -124,14 +126,14 @@ const ae = p.memo(
               }
             },
             children: [
-              (e == null ? void 0 : e.outcome) === "failure" && /* @__PURE__ */ i("code", { style: { color: d.palette.error.main }, children: /* @__PURE__ */ i("pre", { style: { marginTop: 0, marginBottom: 0 }, children: e.error }) }),
-              (e == null ? void 0 : e.format) === "markdown" && /* @__PURE__ */ i(te, { md: e.data }),
-              (e == null ? void 0 : e.format) === "image" && /* @__PURE__ */ i("img", { src: e.data.image, alt: e.data.alt, ...W, onClick: () => _(!0) }),
-              (e == null ? void 0 : e.format) === "json" && /* @__PURE__ */ i(X, { sx: { ".react-json-view": { backgroundColor: "transparent !important" } }, children: /* @__PURE__ */ i(Z, { data: e.data }) }),
-              (e == null ? void 0 : e.format) === "graph" && /* @__PURE__ */ i(ne, { graph: e.data, sx: { minHeight: "600px" } }),
-              /* @__PURE__ */ i(L, {}),
-              /* @__PURE__ */ m(
-                u,
+              e.outcome === "failure" && /* @__PURE__ */ t("code", { style: { color: d.palette.error.main }, children: /* @__PURE__ */ t("pre", { style: { marginTop: 0, marginBottom: 0 }, children: e.error }) }),
+              e.format === "markdown" && /* @__PURE__ */ t(ie, { md: e.data }),
+              e.format === "image" && /* @__PURE__ */ t("img", { src: e.data.image, alt: e.data.alt, ...W, onClick: () => _(!0) }),
+              e.format === "json" && /* @__PURE__ */ t(X, { sx: { ".react-json-view": { backgroundColor: "transparent !important" } }, children: /* @__PURE__ */ t(Z, { data: e.data }) }),
+              e.format === "graph" && /* @__PURE__ */ t(re, { graph: e.data, sx: { minHeight: "600px" } }),
+              /* @__PURE__ */ t(L, {}),
+              /* @__PURE__ */ l(
+                f,
                 {
                   direction: "row",
                   spacing: 1,
@@ -145,41 +147,41 @@ const ae = p.memo(
                     ...Array.isArray(o == null ? void 0 : o.sx) ? o == null ? void 0 : o.sx : [o == null ? void 0 : o.sx]
                   ],
                   children: [
-                    /* @__PURE__ */ i(S, { icon: "ic:baseline-landscape", color: "primary", fontSize: "small" }),
-                    /* @__PURE__ */ i(
+                    /* @__PURE__ */ t(S, { icon: "ic:baseline-landscape", color: "primary", fontSize: "small" }),
+                    /* @__PURE__ */ t(
                       J,
                       {
-                        title: /* @__PURE__ */ m(u, { spacing: 0.5, children: [
-                          /* @__PURE__ */ m("span", { children: [
-                            c("type"),
+                        title: /* @__PURE__ */ l(f, { spacing: 0.5, children: [
+                          /* @__PURE__ */ l("span", { children: [
+                            m("type"),
                             ": ",
-                            s
+                            h
                           ] }),
-                          /* @__PURE__ */ m("span", { children: [
-                            c("value"),
+                          /* @__PURE__ */ l("span", { children: [
+                            m("value"),
                             ": ",
                             x
                           ] }),
-                          /* @__PURE__ */ m("span", { children: [
-                            c("classification"),
+                          /* @__PURE__ */ l("span", { children: [
+                            m("classification"),
                             ": ",
                             g ?? "N/A"
                           ] })
                         ] }),
-                        children: /* @__PURE__ */ i(S, { icon: "ic:outline-info", fontSize: "small" })
+                        children: /* @__PURE__ */ t(S, { icon: "ic:outline-info", fontSize: "small" })
                       }
                     ),
-                    /* @__PURE__ */ i(L, {}),
-                    (e == null ? void 0 : e.link) && /* @__PURE__ */ i(Y, { size: "small", component: "a", href: e.link, children: /* @__PURE__ */ i(S, { icon: "ic:baseline-open-in-new", fontSize: "small" }) })
+                    /* @__PURE__ */ t(L, {}),
+                    e.link && /* @__PURE__ */ t(Y, { size: "small", component: "a", href: e.link, children: /* @__PURE__ */ t(S, { icon: "ic:baseline-open-in-new", fontSize: "small" }) })
                   ]
                 }
               ),
-              /* @__PURE__ */ i(re, { ...O, open: G, result: e, onClose: () => _(!1) })
+              /* @__PURE__ */ t(ne, { ...O, open: G, result: e, onClose: () => _(!1) })
             ]
           }
         )
       }
-    );
+    ) : null;
   }
 ), be = ee(ae);
 export {

package/en/translation.json

@@ -51,6 +51,7 @@
   "drawer.mail.trash": "Trash",
   "enrich": "Enrich",
   "error": "Error",
+  "fetcher.error.unexpected": "An unexpected error occurred",
   "graph.no.dataset": "No dataset has been selected!",
   "graph.node.input.label": "Enter a node ID, and press [ctrl + enter] to select it. [ctrl + space] will open an autocomplete menu.",
   "graph.show.more": "show more",

package/fr/translation.json

@@ -51,6 +51,7 @@
   "drawer.mail.trash": "Poubelle",
   "enrich": "Enrichir",
   "error": "Erreur",
+  "fetcher.error.unexpected": "Une erreur inattendue s'est produite",
   "graph.no.dataset": "Aucun jeu de données n'a été sélectionné!",
   "graph.node.input.label": "Entrez un ID de nœud et appuyez sur [ctrl + entrée] pour le sélectionner. [ctrl + espace] ouvrira un menu d'auto-complétion.",
   "graph.show.more": "Afficher plus",

package/package.json

@@ -66,7 +66,7 @@
   },
   "type": "module",
   "types": "main.d.ts",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "exports": {
     ".": "./main.js",
     "./index.css": "./index.css",