@validationcloud/fractal-ui 1.57.0 → 1.59.0

package/dist/components/echarts-renderer/merge-theme-graphic-into-options.js

@@ -0,0 +1,10 @@
+function g(r, a) {
+  const c = r.graphic === void 0 ? [] : Array.isArray(r.graphic) ? r.graphic : [r.graphic], i = a === void 0 ? [] : Array.isArray(a) ? a : [a];
+  return {
+    ...r,
+    graphic: [...c, ...i]
+  };
+}
+export {
+  g as mergeThemeGraphicIntoOptions
+};

package/dist/components/echarts-renderer/use-chart-instance.d.ts

@@ -1,11 +1,8 @@
 import { EChartsOption } from 'echarts';
-import { EChartsThemeOption } from './echarts-theme-option';
+import { ChartTheme } from './chart-theme';
 export type UseChartInstanceProps = {
     options: EChartsOption;
-    theme?: {
-        name: string;
-        config: EChartsThemeOption;
-    };
+    theme?: ChartTheme;
 };
 export type UseChartInstanceReturn = {
     containerRef: React.RefObject<HTMLDivElement | null>;

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

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

package/dist/lib/font-data.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Poppins font files embedded as base64 buffers.
+ *
+ * AUTO-GENERATED FILE - DO NOT EDIT
+ * Run `pnpm generate:fonts` to regenerate.
+ *
+ * These embedded fonts ensure server-side chart rendering works in serverless
+ * environments (Vercel, AWS Lambda) where file system paths are not available.
+ */
+/** Poppins-Regular.ttf embedded as base64 buffer */
+export declare const PoppinsRegular: Buffer<ArrayBuffer>;
+/** Poppins-Medium.ttf embedded as base64 buffer */
+export declare const PoppinsMedium: Buffer<ArrayBuffer>;
+/** Poppins-SemiBold.ttf embedded as base64 buffer */
+export declare const PoppinsSemiBold: Buffer<ArrayBuffer>;
+/** Poppins-Bold.ttf embedded as base64 buffer */
+export declare const PoppinsBold: Buffer<ArrayBuffer>;