@graphysdk/react-renderer 1.8.1-beta.1786548285802 → 1.8.1-beta.1786627078336

package/dist/index.mjs

@@ -1,38 +1,38 @@
-import { $ as wt, A as _t, C as kt, E as It, F as Dt, G as ae, H as ce, J as $t, K as Ht, O as xt, P as Mt, R as Pt, S as Lt, T as Kt, U as Ot, V as K, W as A, X as Bt, Y as At, _ as Yt, a as jt, g as Ft, i as Ut, j as Wt, n as Vt, nt as de, o as Xt, q as le, r as zt, rt as te, t as ue, tt as Jt, w as Qt, z as Zt } from "./history-chords-ac4BYzSp.js";
+import { $ as ae, C as It, G as kt, H as wt, I as _t, K as Dt, L as $t, Q as K, S as Ht, V as xt, X as Mt, Y as Lt, a as Pt, at as Kt, et as Bt, ft as Ot, g as At, h as Yt, i as jt, it as ce, mt as te, n as Ft, nt as de, ot as Ut, pt as le, r as Vt, rt as Wt, st as Xt, t as ue, tt as A, u as Qt, ut as zt, x as Jt, z as Zt } from "./history-chords-VYEKgFOb.js";
 import { g as tr } from "./font-values-CPxYeqns.js";
-import { COMPILER_STAGE_KEYS as Y, Geom as me, GraphCompilationSession as ge, areEditTargetsEqual as he, buildDiagnostic as W, createAnchorResolver as pe, createCompiler as fe, createGraphyBuilder as ve, findAnnotation as ye, isCompilerCachingEnabled as be, resolveDefinition as Se, setCompilerCachingEnabled as Ee } from "@graphysdk/viz-engine";
-import { Component as Te, useCallback as f, useEffect as $, useId as Ce, useImperativeHandle as Ne, useMemo as P, useRef as V, useState as T, useSyncExternalStore as Re } from "react";
+import { COMPILER_STAGE_KEYS as Y, Geom as me, GraphCompilationSession as ge, areEditTargetsEqual as he, buildDiagnostic as V, createAnchorResolver as pe, createCompiler as fe, createGraphyBuilder as ve, findAnnotation as ye, isCompilerCachingEnabled as be, resolveDefinition as Se, setCompilerCachingEnabled as Ee } from "@graphysdk/viz-engine";
+import { Component as Te, useCallback as f, useEffect as $, useId as Ce, useImperativeHandle as Ne, useMemo as L, useRef as W, useState as T, useSyncExternalStore as Re } from "react";
 import { Fragment as qe, jsx as c, jsxs as v } from "react/jsx-runtime";
 import { useStore as X } from "zustand";
 import { createStore as j } from "zustand/vanilla";
 import Ge from "clsx";
-import './index.css';function B(e) {
+import './index.css';function O(e) {
   for (const t of e) (t.severity === "error" ? console.error : console.warn)(`[graphy] ${t.code}: ${t.message}`, t);
 }
-var we = "_1a5iqpb0", _e = "_1a5iqpb1";
-var ke = "_1a5iqpb3", Ie = "_1a5iqpb4", De = "_1a5iqpb5";
-var z = ({ errors: e }) => {
+var Ie = "_1a5iqpb0", ke = "_1a5iqpb1";
+var we = "_1a5iqpb3", _e = "_1a5iqpb4", De = "_1a5iqpb5";
+var Q = ({ errors: e }) => {
   const [t, ...r] = e;
   return /* @__PURE__ */ v("div", {
     role: "alert",
-    className: we,
+    className: Ie,
     children: [
       /* @__PURE__ */ c("strong", {
-        className: _e,
+        className: ke,
         children: "This chart could not be rendered."
       }),
-      t && /* @__PURE__ */ c(J, { diagnostic: t }),
+      t && /* @__PURE__ */ c(z, { diagnostic: t }),
       r.length > 0 && /* @__PURE__ */ c("ul", {
         className: "_1a5iqpb2",
-        children: r.map((n, o) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(J, { diagnostic: n }) }, `${n.code}-${o}`))
+        children: r.map((n, o) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(z, { diagnostic: n }) }, `${n.code}-${o}`))
       })
     ]
   });
-}, J = ({ diagnostic: e }) => /* @__PURE__ */ v("div", {
-  className: ke,
+}, z = ({ diagnostic: e }) => /* @__PURE__ */ v("div", {
+  className: we,
   children: [
     /* @__PURE__ */ c("span", {
-      className: Ie,
+      className: _e,
       children: e.code
     }),
     /* @__PURE__ */ c("p", {
@@ -53,35 +53,35 @@ var He = class extends Te {
     super(...e), this.state = { caughtDiagnostic: null };
   }
   static getDerivedStateFromError(e) {
-    return { caughtDiagnostic: W(e) };
+    return { caughtDiagnostic: V(e) };
   }
   componentDidCatch(e, t) {
-    const r = W(e);
-    B([r]), this.props.onError?.([r]), console.error("Chart render component stack:", t.componentStack);
+    const r = V(e);
+    O([r]), this.props.onError?.([r]), console.error("Chart render component stack:", t.componentStack);
   }
   componentDidUpdate(e) {
     this.state.caughtDiagnostic && !$e(e.resetKeys, this.props.resetKeys) && this.setState({ caughtDiagnostic: null });
   }
   render() {
     const { caughtDiagnostic: e } = this.state;
-    if (e) return /* @__PURE__ */ c(z, { errors: [e] });
+    if (e) return /* @__PURE__ */ c(Q, { errors: [e] });
     const { forcedErrors: t, children: r } = this.props;
-    return t && t.length > 0 ? /* @__PURE__ */ c(z, { errors: t }) : r;
+    return t && t.length > 0 ? /* @__PURE__ */ c(Q, { errors: t }) : r;
   }
 }, re = (e) => typeof e == "object" && "geom" in e && "render" in e, xe = (e) => {
   const t = Se(e);
   return t instanceof me ? t : null;
 }, Me = (e, t) => {
-  const r = e.filter((n) => Pe(n, t));
+  const r = e.filter((n) => Le(n, t));
   return r.length === e.length ? e : r;
-}, Pe = (e, t) => e.kind !== "annotation" ? !0 : ye(t.annotations, e.id) !== null, Q = [], Le = () => j((e) => ({
-  selection: Q,
+}, Le = (e, t) => e.kind !== "annotation" ? !0 : ye(t.annotations, e.id) !== null, J = [], Pe = () => j((e) => ({
+  selection: J,
   setSelection: (t) => e((r) => Ke(r.selection, t) ? r : { selection: t }),
-  clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: Q })
+  clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: J })
 })), Ke = (e, t) => e === t ? !0 : e.length !== t.length ? !1 : e.every((r, n) => {
   const o = t[n];
   return o !== void 0 && he(r, o);
-}), Oe = 5, Be = (e) => {
+}), Be = 5, Oe = (e) => {
   if (process.env.NODE_ENV === "production") return {
     emit: () => {
     },
@@ -122,7 +122,7 @@ var He = class extends Te {
     };
     return {
       lastCompile: o,
-      history: Fe(n.history, o, Oe),
+      history: Fe(n.history, o, Be),
       nextId: n.nextId + 1,
       lastSnapshot: r
     };
@@ -144,7 +144,7 @@ var He = class extends Te {
   return [...e.slice(n), t];
 };
 function Ue(e) {
-  const t = e.filter(re), r = /* @__PURE__ */ new Set([...Object.keys(ae), ...t.map((a) => a.geom)]), n = [], o = /* @__PURE__ */ new Set();
+  const t = e.filter(re), r = /* @__PURE__ */ new Set([...Object.keys(de), ...t.map((a) => a.geom)]), n = [], o = /* @__PURE__ */ new Set();
   for (const a of e) {
     const l = xe(a);
     l === null || r.has(l.type) || o.has(l.type) || (o.add(l.type), n.push({
@@ -187,7 +187,7 @@ function Ue(e) {
     warnings: i
   };
 }
-function We(e, t) {
+function Ve(e, t) {
   const { coordSystem: r, layers: n } = e, o = /* @__PURE__ */ new Set(), d = [];
   for (const i of n)
     t(i.geom, r.type) !== null || o.has(i.geom) || (o.add(i.geom), d.push({
@@ -203,7 +203,7 @@ function We(e, t) {
     }));
   return d;
 }
-function Ve(e, t) {
+function We(e, t) {
   const { coordSystem: r, layers: n } = e, o = /* @__PURE__ */ new Set(), d = [];
   for (const i of n) {
     if (i.interactive === !1 || i.spatialKind !== "render-hit-test" || o.has(i.geom)) continue;
@@ -240,7 +240,7 @@ function Xe(e) {
   }
   return r;
 }
-function ze(e, t) {
+function Qe(e, t) {
   const { coordSystem: r, layers: n } = e, o = /* @__PURE__ */ new Set(), d = [];
   for (const i of n) {
     if (i.interactive === !1 || i.spatialKind !== "render-hit-test" || o.has(i.geom)) continue;
@@ -259,7 +259,7 @@ function ze(e, t) {
   }
   return d;
 }
-function Je(e, t) {
+function ze(e, t) {
   const r = /* @__PURE__ */ new Set(), n = [];
   for (const o of e.layers)
     o.interactive !== !1 && (o.spatialKind !== "render-hit-test" || r.has(o.geom) || t.hasCapability(o.geom) || (r.add(o.geom), n.push({
@@ -275,7 +275,7 @@ function Je(e, t) {
     })));
   return n;
 }
-function Qe(e, t) {
+function Je(e, t) {
   const { coordSystem: r, layers: n } = e, o = /* @__PURE__ */ new Set(), d = [];
   for (const i of n) {
     if (i.interactive === !1 || i.spatialKind === "render-hit-test" || o.has(i.geom)) continue;
@@ -298,13 +298,13 @@ var Ze = (e) => j((t) => ({
   compiled: e,
   setCompiled: (r) => t((n) => n.compiled === r ? n : { compiled: r })
 })), et = ({ input: e, data: t, customPalettes: r, plugins: n, resolveRenderer: o, anchorResolver: d, onChange: i, onError: a, onWarnings: l }) => {
-  const m = K(i), q = K(a), k = K(l), [{ session: g, compileBus: b }] = T(() => {
+  const m = K(i), q = K(a), w = K(l), [{ session: g, compileBus: b }] = T(() => {
     const s = fe({ plugins: n });
     return {
       session: new ge(s),
-      compileBus: Be(s)
+      compileBus: Oe(s)
     };
-  }), [u] = T(() => Ue(n ?? [])), h = V(null), [y] = T(tt), C = V(null), G = f((s) => u.errors.length === 0 ? s : [...u.errors, ...s ?? []], [u]), N = f((s) => {
+  }), [u] = T(() => Ue(n ?? [])), h = W(null), [y] = T(tt), C = W(null), G = f((s) => u.errors.length === 0 ? s : [...u.errors, ...s ?? []], [u]), N = f((s) => {
     if (!s.ok) return s.errors;
     if (C.current) C.current.getState().setCompiled(s.compiled);
     else {
@@ -312,7 +312,7 @@ var Ze = (e) => j((t) => ({
       p.subscribe(y.notify), C.current = p, y.notify();
     }
     return null;
-  }, [y]), [H, I] = T(() => {
+  }, [y]), [H, _] = T(() => {
     const s = g.compile({
       input: e,
       data: t,
@@ -321,23 +321,23 @@ var Ze = (e) => j((t) => ({
     return h.current = s, G(N(s));
   }), R = f((s) => s.ok ? [
     ...s.warnings,
-    ...We(s.compiled, o),
     ...Ve(s.compiled, o),
+    ...We(s.compiled, o),
     ...Xe(s.compiled),
-    ...ze(s.compiled, o),
     ...Qe(s.compiled, o),
-    ...Je(s.compiled, d)
-  ] : s.warnings, [o, d]), w = f((s) => {
-    s.length !== 0 && (B(s), q.current?.(s));
+    ...Je(s.compiled, o),
+    ...ze(s.compiled, d)
+  ] : s.warnings, [o, d]), I = f((s) => {
+    s.length !== 0 && (O(s), q.current?.(s));
   }, [q]), S = f((s) => {
-    s.length !== 0 && (B(s), k.current?.(s));
-  }, [k]);
+    s.length !== 0 && (O(s), w.current?.(s));
+  }, [w]);
   $(() => {
     const s = h.current;
-    s && (w([...u.errors, ...s.ok ? [] : s.errors]), S([...u.warnings, ...R(s)]), s.ok && b.emit({ kind: "init" }));
+    s && (I([...u.errors, ...s.ok ? [] : s.errors]), S([...u.warnings, ...R(s)]), s.ok && b.emit({ kind: "init" }));
   }, [
     b,
-    w,
+    I,
     S,
     u,
     R
@@ -350,7 +350,7 @@ var Ze = (e) => j((t) => ({
     if (!s) return;
     s.sealedInput && m.current?.(s.sealedInput);
     const p = N(s.result);
-    I(G(p)), p && w(p), S(R(s.result)), p || b.emit({ kind: s.inputChanged ? "input" : "data" });
+    _(G(p)), p && I(p), S(R(s.result)), p || b.emit({ kind: s.inputChanged ? "input" : "data" });
   }, [
     e,
     t,
@@ -358,36 +358,36 @@ var Ze = (e) => j((t) => ({
     g,
     b,
     N,
-    w,
+    I,
     S,
     G,
     R,
     m
   ]);
   const D = f((s) => {
-    I((p) => p === null ? p : G(null)), S(R(s));
+    _((p) => p === null ? p : G(null)), S(R(s));
   }, [
     G,
     S,
     R
-  ]), _ = f((s) => {
+  ]), k = f((s) => {
     s.compiled && C.current?.getState().setCompiled(s.compiled), s.result && D(s.result), s.command && b.emit({
       kind: "command",
       command: s.command
-    }), s.input && m.current?.(s.input), s.errors && w([...s.errors]);
+    }), s.input && m.current?.(s.input), s.errors && I([...s.errors]);
   }, [
     D,
     b,
     m,
-    w
+    I
   ]), E = f((s) => {
-    for (const p of s) _(p);
+    for (const p of s) k(p);
     return s.some((p) => !!p.compiled);
-  }, [_]), x = f((s, p) => {
+  }, [k]), x = f((s, p) => {
     E(g.applyCommand(s, p));
-  }, [g, E]), L = f(() => {
+  }, [g, E]), P = f(() => {
     E(g.seal());
-  }, [g, E]), F = f(() => E(g.undo()), [g, E]), U = f(() => E(g.redo()), [g, E]), oe = P(() => ({
+  }, [g, E]), F = f(() => E(g.undo()), [g, E]), U = f(() => E(g.redo()), [g, E]), oe = L(() => ({
     stack: g.history,
     undo: F,
     redo: U
@@ -399,7 +399,7 @@ var Ze = (e) => j((t) => ({
   return {
     store: C.current,
     dispatch: x,
-    seal: L,
+    seal: P,
     history: oe,
     subscribe: y.subscribe,
     getCompiled: ie,
@@ -414,8 +414,8 @@ var Ze = (e) => j((t) => ({
     }),
     notify: () => e.forEach((t) => t())
   };
-}, rt = {}, nt = ({ data: e, input: t, plugins: r = [], formattingLocale: n, handleRef: o, onChange: d, onError: i, onWarnings: a, customPalettes: l, colorScheme: m = "light", themeOverrides: q = rt, children: k }) => {
-  const [g] = T(() => ce(r.filter(re))), b = Ce(), [u] = T(() => pe(r)), [h] = T(() => Le()), { store: y, dispatch: C, seal: G, history: N, subscribe: H, getCompiled: I, compileBus: R, compileErrors: w } = et({
+}, rt = {}, nt = ({ data: e, input: t, plugins: r = [], formattingLocale: n, handleRef: o, onChange: d, onError: i, onWarnings: a, customPalettes: l, colorScheme: m = "light", themeOverrides: q = rt, children: w }) => {
+  const [g] = T(() => ae(r.filter(re))), b = Ce(), [u] = T(() => pe(r)), [h] = T(() => Pe()), { store: y, dispatch: C, seal: G, history: N, subscribe: H, getCompiled: _, compileBus: R, compileErrors: I } = et({
     input: t,
     data: e,
     customPalettes: l,
@@ -428,13 +428,13 @@ var Ze = (e) => j((t) => ({
   });
   $(() => {
     if (y)
-      return y.subscribe((_, E) => {
-        if (_.compiled.spec === E.compiled.spec) return;
-        const { selection: x, setSelection: L } = h.getState();
-        x.length !== 0 && L(Me(x, _.compiled.spec));
+      return y.subscribe((k, E) => {
+        if (k.compiled.spec === E.compiled.spec) return;
+        const { selection: x, setSelection: P } = h.getState();
+        x.length !== 0 && P(Me(x, k.compiled.spec));
       });
   }, [y, h]);
-  const S = P(() => ({
+  const S = L(() => ({
     dispatch: C,
     seal: G
   }), [C, G]);
@@ -443,18 +443,18 @@ var Ze = (e) => j((t) => ({
     undo: N.undo,
     redo: N.redo,
     subscribe: H,
-    getCompiled: I,
+    getCompiled: _,
     getSelection: () => h.getState().selection,
-    setSelection: (_) => h.getState().setSelection(_),
+    setSelection: (k) => h.getState().setSelection(k),
     subscribeSelection: h.subscribe
   }), [
     S,
     N,
     H,
-    I,
+    _,
     h
   ]);
-  const D = P(() => y ? {
+  const D = L(() => y ? {
     chartId: b,
     store: y,
     selectionStore: h,
@@ -478,14 +478,14 @@ var Ze = (e) => j((t) => ({
     u
   ]);
   return /* @__PURE__ */ c(He, {
-    forcedErrors: w,
+    forcedErrors: I,
     onError: i,
     resetKeys: [t, e],
-    children: D ? /* @__PURE__ */ c(de.Provider, {
+    children: D ? /* @__PURE__ */ c(le.Provider, {
       value: D,
-      children: /* @__PURE__ */ c(le, {
+      children: /* @__PURE__ */ c(ce, {
         value: g,
-        children: k
+        children: w
       })
     }) : null
   });
@@ -508,7 +508,7 @@ var dr = ({ children: e, ...t }) => /* @__PURE__ */ c("svg", {
   pointerEvents: "none",
   ...t,
   children: e
-}), st = "drqe3u0", ot = "drqe3u1", it = "drqe3u2", at = "drqe3u3", M = "drqe3u4", ct = "drqe3u5", dt = "drqe3u6", lt = "drqe3u7", O = "drqe3u8", ut = "drqe3u9", mt = "drqe3ua";
+}), st = "drqe3u0", ot = "drqe3u1", it = "drqe3u2", at = "drqe3u3", M = "drqe3u4", ct = "drqe3u5", dt = "drqe3u6", lt = "drqe3u7", B = "drqe3u8", ut = "drqe3u9", mt = "drqe3ua";
 var gt = "drqe3uc", ht = "drqe3ud", pt = "drqe3ue", ft = "drqe3uf";
 var vt = "drqe3uh", yt = "drqe3ui", Z = {
   enabled: "drqe3uk drqe3uj",
@@ -526,7 +526,7 @@ var vt = "drqe3uh", yt = "drqe3ui", Z = {
     const { recordCompile: u } = o.getState(), h = n.getLastTrigger(), y = n.getLastCompile();
     return h && y && u(h, y), n.subscribe(u);
   }, [o, n]);
-  const m = X(o, (u) => u.lastCompile), q = X(o, (u) => u.history), k = n.getCacheStats(), g = m === null && q.length === 0, b = () => {
+  const m = X(o, (u) => u.lastCompile), q = X(o, (u) => u.history), w = n.getCacheStats(), g = m === null && q.length === 0, b = () => {
     l((u) => {
       const h = !u;
       return Ee(h), h;
@@ -569,7 +569,7 @@ var vt = "drqe3uh", yt = "drqe3ui", Z = {
       }),
       !d && !g && /* @__PURE__ */ v(qe, { children: [/* @__PURE__ */ c(bt, {
         delta: m?.stages,
-        cumulative: k
+        cumulative: w
       }), /* @__PURE__ */ c(St, { entries: q })] })
     ]
   });
@@ -620,15 +620,15 @@ var vt = "drqe3uh", yt = "drqe3ui", Z = {
           children: n?.misses ?? 0
         }),
         /* @__PURE__ */ c("td", {
-          className: O,
+          className: B,
           children: n?.hits ?? 0
         }),
         /* @__PURE__ */ c("td", {
-          className: O,
+          className: B,
           children: t[r].misses
         }),
         /* @__PURE__ */ c("td", {
-          className: O,
+          className: B,
           children: t[r].hits
         })
       ]
@@ -672,7 +672,7 @@ var vt = "drqe3uh", yt = "drqe3ui", Z = {
   return r;
 }, se = (e) => e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, ur = () => {
   const { history: e } = te(), { stack: t, undo: r, redo: n } = e, o = f((a) => t.subscribe(a), [t]), d = f(() => t.getSnapshot(), [t]), i = Re(o, d, d);
-  return P(() => ({
+  return L(() => ({
     ...i,
     undo: r,
     redo: n
@@ -712,40 +712,40 @@ var vt = "drqe3uh", yt = "drqe3ui", Z = {
   ]);
 }, Nt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, Rt = (e) => "key" in e, qt = (e) => e instanceof HTMLInputElement ? !Ct.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1;
 export {
-  kt as BrandMark,
-  Bt as CanvasTextMeasurer,
-  Yt as DefaultFooter,
-  jt as DefaultGrid,
-  Ft as DefaultHeader,
-  Ht as DefaultSwatch,
-  Kt as DefaultTooltip,
+  Ht as BrandMark,
+  Xt as CanvasTextMeasurer,
+  At as DefaultFooter,
+  Pt as DefaultGrid,
+  Yt as DefaultHeader,
+  Wt as DefaultSwatch,
+  _t as DefaultTooltip,
   lr as DevToolsPanel,
   He as GraphErrorBoundary,
-  z as GraphErrorPanel,
+  Q as GraphErrorPanel,
   nt as GraphProvider,
-  Ut as GraphRenderer,
-  Zt as HoverProvider,
-  $t as TextMeasurerProvider,
-  xt as ThemeProvider,
+  jt as GraphRenderer,
+  Mt as HoverProvider,
+  Kt as TextMeasurerProvider,
+  Zt as ThemeProvider,
   dr as UnitSpaceSvg,
   cr as createGraphyKit,
-  _t as darkTheme,
-  Ot as defineGeomRenderer,
-  Wt as lightTheme,
-  wt as lightenCss,
+  xt as darkTheme,
+  Bt as defineGeomRenderer,
+  wt as lightTheme,
+  zt as lightenCss,
   Me as pruneSelection,
-  Qt as resolveBrandMarkVisual,
-  Jt as useCompiledSelector,
+  It as resolveBrandMarkVisual,
+  Ot as useCompiledSelector,
   Dt as useElementScreenRect,
-  Pt as useGeomHitTest,
-  Mt as useGeomHover,
-  Lt as useGraphCommands,
-  zt as useGraphHandle,
+  Lt as useGeomHitTest,
+  kt as useGeomHover,
+  Jt as useGraphCommands,
+  Vt as useGraphHandle,
   ur as useGraphHistory,
   mr as useGraphHistoryShortcuts,
-  Xt as useGraphSelection,
-  Vt as useHandleCompiled,
-  It as useHoverState,
-  At as useTextMeasurer,
+  Qt as useGraphSelection,
+  Ft as useHandleCompiled,
+  $t as useHoverState,
+  Ut as useTextMeasurer,
   tr as vars
 };

package/package.json

@@ -11,7 +11,7 @@
     "visualization",
     "renderer"
   ],
-  "version": "1.8.1-beta.1786548285802",
+  "version": "1.8.1-beta.1786627078336",
   "type": "module",
   "sideEffects": [
     "**/*.css.ts",
@@ -49,7 +49,7 @@
     "react-colorful": "^5.6.1",
     "react-intl": "^8.1.3",
     "zustand": "^5.0.12",
-    "@graphysdk/viz-engine": "1.8.1-beta.1786548285802"
+    "@graphysdk/viz-engine": "1.8.1-beta.1786627078336"
   },
   "peerDependencies": {
     "@tiptap/core": "^3.0.0",