@cccsaurora/clue-ui 1.3.0-dev.261 → 1.3.0-dev.267

package/components/fetchers/Fetcher.js

@@ -66,10 +66,12 @@ const Fetcher = React__default.memo(
           setLoading(true);
           setResult(await fetchSelector(fetcherId, { type, value, classification }));
         } catch {
+          setResult({ outcome: "failure", done: true, error: t("fetcher.error.unexpected") });
+        } finally {
           setLoading(false);
         }
       })();
-    }, [classification, fetchSelector, fetcherId, type, value]);
+    }, [classification, fetchSelector, fetcherId, t, type, value]);
     if (fetchCompleted) {
       if (!fetcherId) {
         console.warn("Missing fetcher Id. Component will not render.");
@@ -105,7 +107,8 @@ const Fetcher = React__default.memo(
         return /* @__PURE__ */ jsx(Skeleton, { variant: "rounded", height: "325px", width: "300px", ...skeletonProps });
       }
     }
-    if ((result == null ? void 0 : result.outcome) === "failure" && fetchers[fetcherId].format === "status") {
+    if (!result) return null;
+    if (result.outcome === "failure" && fetchers[fetcherId].format === "status") {
       return /* @__PURE__ */ jsx(
         Chip,
         {
@@ -129,7 +132,7 @@ const Fetcher = React__default.memo(
         )
       ] });
     }
-    if ((result == null ? void 0 : result.format) === "status") {
+    if (result.format === "status") {
       return /* @__PURE__ */ jsx(StatusChip, { data: result.data, ...chipProps });
     }
     return /* @__PURE__ */ jsx(
@@ -161,11 +164,11 @@ const Fetcher = React__default.memo(
               }
             },
             children: [
-              (result == null ? void 0 : result.outcome) === "failure" && /* @__PURE__ */ jsx("code", { style: { color: theme.palette.error.main }, children: /* @__PURE__ */ jsx("pre", { style: { marginTop: 0, marginBottom: 0 }, children: result.error }) }),
-              (result == null ? void 0 : result.format) === "markdown" && /* @__PURE__ */ jsx(Markdown, { md: result.data }),
-              (result == null ? void 0 : result.format) === "image" && /* @__PURE__ */ jsx("img", { src: result.data.image, alt: result.data.alt, ...imageProps, onClick: () => setShowPreview(true) }),
-              (result == null ? void 0 : result.format) === "json" && /* @__PURE__ */ jsx(Box, { sx: { ".react-json-view": { backgroundColor: "transparent !important" } }, children: /* @__PURE__ */ jsx(JSONViewer, { data: result.data }) }),
-              (result == null ? void 0 : result.format) === "graph" && /* @__PURE__ */ jsx(Graph, { graph: result.data, sx: { minHeight: "600px" } }),
+              result.outcome === "failure" && /* @__PURE__ */ jsx("code", { style: { color: theme.palette.error.main }, children: /* @__PURE__ */ jsx("pre", { style: { marginTop: 0, marginBottom: 0 }, children: result.error }) }),
+              result.format === "markdown" && /* @__PURE__ */ jsx(Markdown, { md: result.data }),
+              result.format === "image" && /* @__PURE__ */ jsx("img", { src: result.data.image, alt: result.data.alt, ...imageProps, onClick: () => setShowPreview(true) }),
+              result.format === "json" && /* @__PURE__ */ jsx(Box, { sx: { ".react-json-view": { backgroundColor: "transparent !important" } }, children: /* @__PURE__ */ jsx(JSONViewer, { data: result.data }) }),
+              result.format === "graph" && /* @__PURE__ */ jsx(Graph, { graph: result.data, sx: { minHeight: "600px" } }),
               /* @__PURE__ */ jsx(FlexOne, {}),
               /* @__PURE__ */ jsxs(
                 Stack,
@@ -207,7 +210,7 @@ const Fetcher = React__default.memo(
                       }
                     ),
                     /* @__PURE__ */ jsx(FlexOne, {}),
-                    (result == null ? void 0 : result.link) && /* @__PURE__ */ jsx(IconButton, { size: "small", component: "a", href: result.link, children: /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-open-in-new", fontSize: "small" }) })
+                    result.link && /* @__PURE__ */ jsx(IconButton, { size: "small", component: "a", href: result.link, children: /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-open-in-new", fontSize: "small" }) })
                   ]
                 }
               ),

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.3.0-dev.261",
+  "version": "1.3.0-dev.267",
   "exports": {
     ".": "./main.js",
     "./index.css": "./index.css",