@validationcloud/fractal-ui 1.76.0 → 1.78.0

package/dist/components/echarts-renderer/use-chart-instance.js

@@ -1,56 +1,58 @@
 "use client";
-import { useRef as d, useState as T, useEffect as I, useCallback as S } from "react";
+import { useRef as f, useState as T, useEffect as I, useCallback as S } from "react";
 import { calculateTitleLayout as m } from "./calculate-title-layout.js";
 import { replaceFormatterTokens as O } from "./formatters/replace-formatter-tokens.js";
 import { mergeThemeGraphicIntoOptions as R } from "./merge-theme-graphic-into-options.js";
+import { getRequiredMapName as j, registerMapAsync as x } from "./register-map.js";
 import { sanitizeChartOptions as w } from "./sanitize-chart-options.js";
 const W = /* @__PURE__ */ new Set();
-function L({ options: o, theme: t }) {
-  const n = d(null), c = d(null), y = d(o), C = d(t?.config), z = d(t?.config.graphic), [b, v] = T(!1);
-  y.current = o, C.current = t?.config, z.current = t?.config.graphic, I(() => {
-    const s = n.current;
+function B({ options: i, theme: t }) {
+  const e = f(null), o = f(null), y = f(i), C = f(t?.config), z = f(t?.config.graphic), [b, v] = T(!1);
+  y.current = i, C.current = t?.config, z.current = t?.config.graphic, I(() => {
+    const s = e.current;
     if (!s) return;
-    let r = !0, e;
-    const f = new ResizeObserver((i) => {
-      const a = i[0], u = c.current;
-      if (!a || !u) return;
-      const p = a.contentRect.width, g = w(y.current), l = O(g), h = m(l, p, C.current);
-      u.setOption(R(h, z.current), {
+    let r = !0, n;
+    const d = new ResizeObserver((c) => {
+      const u = c[0], a = o.current;
+      if (!u || !a) return;
+      const p = u.contentRect.width, g = w(y.current), l = O(g), h = m(l, p, C.current);
+      a.setOption(R(h, z.current), {
         replaceMerge: ["graphic"]
-      }), u.resize();
+      }), a.resize();
     });
-    return f.observe(s), (async () => {
+    return d.observe(s), (async () => {
       try {
-        const i = await import("echarts");
-        if (!r || !n.current) return;
-        if (t && !W.has(t.name)) {
-          const { graphic: h, ...F } = t.config;
-          i.registerTheme(t.name, F), W.add(t.name);
+        const c = await import("echarts");
+        if (!r || !e.current) return;
+        const u = j(i);
+        if (u && await x(c, u), t && !W.has(t.name)) {
+          const { graphic: F, ...M } = t.config;
+          c.registerTheme(t.name, M), W.add(t.name);
         }
-        const a = i.getInstanceByDom(n.current);
-        a && a.dispose(), e = i.init(n.current, t?.name, {
+        const a = c.getInstanceByDom(e.current);
+        a && a.dispose(), n = c.init(e.current, t?.name, {
           renderer: "svg"
-        }), c.current = e;
-        const u = n.current.clientWidth, p = w(o), g = O(p), l = m(g, u, t?.config);
-        e.setOption(R(l, t?.config.graphic), {
+        }), o.current = n;
+        const p = e.current.clientWidth, g = w(i), l = O(g), h = m(l, p, t?.config);
+        n.setOption(R(h, t?.config.graphic), {
           replaceMerge: ["graphic"]
-        }), e.resize(), v(!0);
-      } catch (i) {
-        console.error("Failed to load echarts", i);
+        }), n.resize(), v(!0);
+      } catch (c) {
+        console.error("Failed to load echarts", c);
       }
     })(), () => {
-      r = !1, f.disconnect(), e && e.dispose(), c.current = null, v(!1);
+      r = !1, d.disconnect(), n && n.dispose(), o.current = null, v(!1);
     };
-  }, [t, o]), I(() => {
-    if (!b || !c.current || !n.current) return;
-    const s = n.current.clientWidth, r = w(o), e = O(r), f = m(e, s, t?.config);
-    c.current.setOption(R(f, t?.config.graphic), {
+  }, [t, i]), I(() => {
+    if (!b || !o.current || !e.current) return;
+    const s = e.current.clientWidth, r = w(i), n = O(r), d = m(n, s, t?.config);
+    o.current.setOption(R(d, t?.config.graphic), {
       replaceMerge: ["graphic"]
     });
-  }, [b, o, t?.config, t?.config.graphic]);
+  }, [b, i, t?.config, t?.config.graphic]);
   const k = S(async () => {
-    if (!c.current) return;
-    const s = c.current.getDataURL({
+    if (!o.current) return;
+    const s = o.current.getDataURL({
       type: "png",
       pixelRatio: 2,
       backgroundColor: "#fff"
@@ -58,10 +60,10 @@ function L({ options: o, theme: t }) {
     r.download = `chart-${(/* @__PURE__ */ new Date()).toISOString()}.png`, r.href = s, document.body.appendChild(r), r.click(), document.body.removeChild(r);
   }, []);
   return {
-    containerRef: n,
+    containerRef: e,
     downloadChart: k
   };
 }
 export {
-  L as useChartInstance
+  B as useChartInstance
 };

package/dist/components/icon/icon-ids.d.ts

@@ -1 +1 @@
-export declare const iconIds: readonly ["arrow-narrow", "arrow", "banknote", "bar-chart", "billing", "bracket", "check", "chevron-vertical", "chevron", "circle-fill", "circle-stroke", "clock", "close", "cog", "collapse", "copy", "documents", "download", "edit", "enter", "exclamation", "expand", "faucet", "fire", "key", "filter", "help-center", "home", "info", "intercom", "link", "logout", "menu", "more", "minus", "node", "patch", "pin", "plus", "processing", "radio-empty", "radio-full", "resize", "search", "share", "sparkles", "step-indicator", "subgraphs", "sync-problem", "trash", "thumb", "unpin", "user", "wallet", "wallet-connected", "wallet-disconnected", "wrench"];
+export declare const iconIds: readonly ["arrow-narrow", "arrow", "banknote", "bar-chart", "billing", "bracket", "check", "chevron-vertical", "chevron", "circle-fill", "circle-stroke", "clock", "close", "cog", "collapse", "copy", "documents", "download", "edit", "enter", "exclamation", "expand", "faucet", "fire", "key", "filter", "help-center", "home", "info", "intercom", "link", "logout", "menu", "more", "minus", "node", "patch", "pin", "plus", "processing", "radio-empty", "radio-full", "resize", "search", "share", "sparkles", "step-indicator", "subgraphs", "sync-problem", "team", "trash", "thumb", "unpin", "user", "wallet", "wallet-connected", "wallet-disconnected", "wrench"];