@graphysdk/react-renderer 1.9.0-beta.1789369093961 → 1.9.0-beta.1789369549494

package/dist/index.mjs

@@ -1,13 +1,13 @@
-import { A as Dt, Bt as ne, Ct as le, Dt as $t, Et as xt, It as Ht, Lt as Mt, M as Pt, N as Lt, Ot as Bt, Pt as Ot, Rt as Kt, St as U, Tt as ue, Vt as A, X as At, Z as Ut, _ as jt, _t as Ft, a as Yt, at as Vt, bt as me, dt as Wt, ft as Xt, gt as zt, i as Qt, it as Zt, k as Jt, lt as er, n as tr, nt as rr, r as nr, s as sr, t as he, wt as or, xt as ir, yt as O, zt as ge } from "./history-chords-Bm7-0uT2.js";
+import { A as Dt, At as $t, Bt as Ht, Ct as le, Dt as ue, Et as xt, Ht as ne, It as Mt, M as Pt, N as Lt, Ot as Bt, Rt as Ot, St as U, Ut as K, Vt as me, X as At, Z as Kt, _ as Ut, _t as jt, a as Ft, at as Yt, bt as he, dt as Vt, ft as Wt, gt as Xt, i as zt, it as Qt, k as Zt, kt as Jt, lt as er, n as tr, nt as rr, r as nr, s as sr, t as ge, xt as or, yt as O, zt as ir } from "./history-chords--6i35LQS.js";
 import { n as cr } from "./theme.contract.css-pudzI2o1.js";
-import { COMPILER_STAGE_KEYS as j, Geom as pe, GraphCompilationSession as fe, areEditTargetsEqual as ve, buildDiagnostic as W, createAnchorResolver as ye, createCompiler as be, createGraphyBuilder as Se, createStyleResolver as Ee, findAnnotation as Ce, findLayerById as X, isCompilerCachingEnabled as Te, resolveDefinition as Ne, setCompilerCachingEnabled as Re, toPercent as P } from "@graphysdk/viz-engine";
-import { Component as qe, useCallback as f, useEffect as x, useId as Ie, useImperativeHandle as Ge, useMemo as $, useRef as z, useState as C, useSyncExternalStore as ke } from "react";
-import { Fragment as we, jsx as d, jsxs as v } from "react/jsx-runtime";
+import { COMPILER_STAGE_KEYS as j, Geom as pe, GraphCompilationSession as fe, areEditTargetsEqual as ve, buildDiagnostic as W, createAnchorResolver as ye, createCompiler as be, createGraphyBuilder as Se, createStyleResolver as Ee, findAnnotation as Ce, findLayerById as X, isCompilerCachingEnabled as Ne, resolveDefinition as Re, setCompilerCachingEnabled as Te, toPercent as P } from "@graphysdk/viz-engine";
+import { Component as qe, useCallback as f, useEffect as H, useId as Ie, useImperativeHandle as ke, useMemo as $, useRef as z, useState as C, useSyncExternalStore as Ge } from "react";
+import { Fragment as _e, jsx as d, jsxs as v } from "react/jsx-runtime";
 import { useStore as Q } from "zustand";
 import { createStore as F } from "zustand/vanilla";
-import _e from "clsx";
+import we from "clsx";
 import './index.css';var De = "_1a5iqpb0", $e = "_1a5iqpb1";
-var xe = "_1a5iqpb3", He = "_1a5iqpb4", Me = "_1a5iqpb5";
+var He = "_1a5iqpb3", xe = "_1a5iqpb4", Me = "_1a5iqpb5";
 var Z = ({ errors: e }) => {
   const [t, ...r] = e;
   return /* @__PURE__ */ v("div", {
@@ -26,10 +26,10 @@ var Z = ({ errors: e }) => {
     ]
   });
 }, J = ({ diagnostic: e }) => /* @__PURE__ */ v("div", {
-  className: xe,
+  className: He,
   children: [
     /* @__PURE__ */ d("span", {
-      className: He,
+      className: xe,
       children: e.code
     }),
     /* @__PURE__ */ d("p", {
@@ -54,7 +54,7 @@ var Le = class extends qe {
   }
   componentDidCatch(e, t) {
     const r = W(e);
-    A([r]), this.props.onError?.([r]), console.error("Chart render component stack:", t.componentStack);
+    K([r]), this.props.onError?.([r]), console.error("Chart render component stack:", t.componentStack);
   }
   componentDidUpdate(e) {
     this.state.caughtDiagnostic && !Pe(e.resetKeys, this.props.resetKeys) && this.setState({ caughtDiagnostic: null });
@@ -66,12 +66,12 @@ var Le = class extends qe {
     return t && t.length > 0 ? /* @__PURE__ */ d(Z, { errors: t }) : r;
   }
 }, se = (e) => typeof e == "object" && "geom" in e && "render" in e, Be = (e) => {
-  const t = Ne(e);
+  const t = Re(e);
   return t instanceof pe ? t : null;
 }, Oe = (e, t) => {
-  const r = e.filter((n) => Ke(n, t));
+  const r = e.filter((n) => Ae(n, t));
   return r.length === e.length ? e : r;
-}, Ke = (e, t) => e.kind === "annotation" ? Ce(t.annotations, e.id) !== null : e.kind === "observations" ? X(t.layers, e.layerId) !== void 0 : e.kind === "layer" && e.layerId !== void 0 ? X(t.layers, e.layerId) !== void 0 : !0, ee = [], Ae = () => F((e) => ({
+}, Ae = (e, t) => e.kind === "annotation" ? Ce(t.annotations, e.id) !== null : e.kind === "observations" ? X(t.layers, e.layerId) !== void 0 : e.kind === "layer" && e.layerId !== void 0 ? X(t.layers, e.layerId) !== void 0 : !0, ee = [], Ke = () => F((e) => ({
   selection: ee,
   setSelection: (t) => e((r) => Ue(r.selection, t) ? r : { selection: t }),
   clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: ee })
@@ -295,28 +295,28 @@ var st = (e) => F((t) => ({
   compiled: e,
   setCompiled: (r) => t((n) => n.compiled === r ? n : { compiled: r })
 })), ot = ({ input: e, data: t, customPalettes: r, colorScheme: n, plugins: o, resolveRenderer: a, anchorResolver: i, onChange: c, onError: u, onWarnings: m }) => {
-  const T = O(c), G = O(u), q = O(m), [{ session: h, compileBus: l }] = C(() => {
+  const N = O(c), k = O(u), q = O(m), [{ session: h, compileBus: l }] = C(() => {
     const s = be({ plugins: o });
     return {
       session: new fe(s),
       compileBus: Ye(s)
     };
-  }), [p] = C(() => Qe(o ?? [])), y = z(null), [k] = C(it), N = z(null), b = f((s) => p.errors.length === 0 ? s : [...p.errors, ...s ?? []], [p]), _ = f((s) => {
+  }), [p] = C(() => Qe(o ?? [])), y = z(null), [G] = C(it), R = z(null), b = f((s) => p.errors.length === 0 ? s : [...p.errors, ...s ?? []], [p]), w = f((s) => {
     if (!s.ok) return s.errors;
-    if (N.current) N.current.getState().setCompiled(s.compiled);
+    if (R.current) R.current.getState().setCompiled(s.compiled);
     else {
       const g = st(s.compiled);
-      g.subscribe(k.notify), N.current = g, k.notify();
+      g.subscribe(G.notify), R.current = g, G.notify();
     }
     return null;
-  }, [k]), [H, D] = C(() => {
+  }, [G]), [x, D] = C(() => {
     const s = h.compile({
       input: e,
       data: t,
       customPalettes: r,
       colorScheme: n
     });
-    return y.current = s, b(_(s));
+    return y.current = s, b(w(s));
   }), I = f((s) => s.ok ? [
     ...s.warnings,
     ...Ze(s.compiled, a),
@@ -326,20 +326,20 @@ var st = (e) => F((t) => ({
     ...nt(s.compiled, a),
     ...rt(s.compiled, i)
   ] : s.warnings, [a, i]), S = f((s) => {
-    s.length !== 0 && (A(s), G.current?.(s));
-  }, [G]), R = f((s) => {
-    s.length !== 0 && (A(s), q.current?.(s));
+    s.length !== 0 && (K(s), k.current?.(s));
+  }, [k]), T = f((s) => {
+    s.length !== 0 && (K(s), q.current?.(s));
   }, [q]);
-  x(() => {
+  H(() => {
     const s = y.current;
-    s && (S([...p.errors, ...s.ok ? [] : s.errors]), R([...p.warnings, ...I(s)]), s.ok && l.emit({ kind: "init" }));
+    s && (S([...p.errors, ...s.ok ? [] : s.errors]), T([...p.warnings, ...I(s)]), s.ok && l.emit({ kind: "init" }));
   }, [
     l,
     S,
-    R,
+    T,
     p,
     I
-  ]), x(() => {
+  ]), H(() => {
     const s = h.update({
       input: e,
       data: t,
@@ -347,9 +347,9 @@ var st = (e) => F((t) => ({
       colorScheme: n
     });
     if (!s) return;
-    s.sealedInput && T.current?.(s.sealedInput);
-    const g = _(s.result);
-    D(b(g)), g && S(g), R(I(s.result)), g || l.emit({ kind: s.inputChanged ? "input" : "data" });
+    s.sealedInput && N.current?.(s.sealedInput);
+    const g = w(s.result);
+    D(b(g)), g && S(g), T(I(s.result)), g || l.emit({ kind: s.inputChanged ? "input" : "data" });
   }, [
     e,
     t,
@@ -357,28 +357,28 @@ var st = (e) => F((t) => ({
     n,
     h,
     l,
-    _,
+    w,
     S,
-    R,
+    T,
     b,
     I,
-    T
+    N
   ]);
-  const w = f((s) => {
-    D((g) => g === null ? g : b(null)), R(I(s));
+  const _ = f((s) => {
+    D((g) => g === null ? g : b(null)), T(I(s));
   }, [
     b,
-    R,
+    T,
     I
   ]), M = f((s) => {
-    s.compiled && N.current?.getState().setCompiled(s.compiled), s.result && w(s.result), s.command && l.emit({
+    s.compiled && R.current?.getState().setCompiled(s.compiled), s.result && _(s.result), s.command && l.emit({
       kind: "command",
       command: s.command
-    }), s.input && T.current?.(s.input), s.errors && S([...s.errors]);
+    }), s.input && N.current?.(s.input), s.errors && S([...s.errors]);
   }, [
-    w,
+    _,
     l,
-    T,
+    N,
     S
   ]), E = f((s) => {
     for (const g of s) M(g);
@@ -395,16 +395,16 @@ var st = (e) => F((t) => ({
     h,
     Y,
     V
-  ]), de = f(() => N.current?.getState().compiled ?? null, []);
+  ]), de = f(() => R.current?.getState().compiled ?? null, []);
   return {
-    store: N.current,
+    store: R.current,
     dispatch: B,
     seal: ae,
     history: ce,
-    subscribe: k.subscribe,
+    subscribe: G.subscribe,
     getCompiled: de,
     compileBus: l,
-    compileErrors: H
+    compileErrors: x
   };
 }, it = () => {
   const e = /* @__PURE__ */ new Set();
@@ -414,48 +414,48 @@ var st = (e) => F((t) => ({
     }),
     notify: () => e.forEach((t) => t())
   };
-}, at = ({ data: e, input: t, plugins: r = [], formattingLocale: n, handleRef: o, onChange: a, onError: i, onWarnings: c, customPalettes: u, colorScheme: m = "light", children: T }) => {
-  const [G] = C(() => me(r.filter(se))), q = Ie(), [h] = C(() => ye(r)), [l] = C(() => Ae()), p = $(() => Ee({ colorScheme: m }), [m]), { store: y, dispatch: k, seal: N, history: b, subscribe: _, getCompiled: H, compileBus: D, compileErrors: I } = ot({
+}, at = ({ data: e, input: t, plugins: r = [], formattingLocale: n, handleRef: o, onChange: a, onError: i, onWarnings: c, customPalettes: u, colorScheme: m = "light", children: N }) => {
+  const [k] = C(() => he(r.filter(se))), q = Ie(), [h] = C(() => ye(r)), [l] = C(() => Ke()), p = $(() => Ee({ colorScheme: m }), [m]), { store: y, dispatch: G, seal: R, history: b, subscribe: w, getCompiled: x, compileBus: D, compileErrors: I } = ot({
     input: t,
     data: e,
     customPalettes: u,
     colorScheme: m,
     plugins: r,
-    resolveRenderer: G,
+    resolveRenderer: k,
     anchorResolver: h,
     onChange: a,
     onError: i,
     onWarnings: c
   });
-  x(() => {
+  H(() => {
     if (y)
-      return y.subscribe((w, M) => {
-        if (w.compiled.spec === M.compiled.spec) return;
+      return y.subscribe((_, M) => {
+        if (_.compiled.spec === M.compiled.spec) return;
         const { selection: E, setSelection: B } = l.getState();
-        E.length !== 0 && B(Oe(E, w.compiled.spec));
+        E.length !== 0 && B(Oe(E, _.compiled.spec));
       });
   }, [y, l]);
   const S = $(() => ({
-    dispatch: k,
-    seal: N
-  }), [k, N]);
-  Ge(o, () => ({
+    dispatch: G,
+    seal: R
+  }), [G, R]);
+  ke(o, () => ({
     commands: S,
     undo: b.undo,
     redo: b.redo,
-    subscribe: _,
-    getCompiled: H,
+    subscribe: w,
+    getCompiled: x,
     getSelection: () => l.getState().selection,
-    setSelection: (w) => l.getState().setSelection(w),
+    setSelection: (_) => l.getState().setSelection(_),
     subscribeSelection: l.subscribe
   }), [
     S,
     b,
-    _,
-    H,
+    w,
+    x,
     l
   ]);
-  const R = $(() => y ? {
+  const T = $(() => y ? {
     chartId: q,
     store: y,
     selectionStore: l,
@@ -482,11 +482,11 @@ var st = (e) => F((t) => ({
     forcedErrors: I,
     onError: i,
     resetKeys: [t, e],
-    children: R ? /* @__PURE__ */ d(ge.Provider, {
-      value: R,
+    children: T ? /* @__PURE__ */ d(me.Provider, {
+      value: T,
       children: /* @__PURE__ */ d(ue, {
-        value: G,
-        children: T
+        value: k,
+        children: N
       })
     }) : null
   });
@@ -517,7 +517,7 @@ var fr = ({ children: e, ...t }) => /* @__PURE__ */ d("svg", {
   overflow: "hidden",
   pointerEvents: "none",
   children: t
-}), ct = "drqe3u0", dt = "drqe3u1", lt = "drqe3u2", ut = "drqe3u3", L = "drqe3u4", mt = "drqe3u5", ht = "drqe3u6", gt = "drqe3u7", K = "drqe3u8", pt = "drqe3u9", ft = "drqe3ua";
+}), ct = "drqe3u0", dt = "drqe3u1", lt = "drqe3u2", ut = "drqe3u3", L = "drqe3u4", mt = "drqe3u5", ht = "drqe3u6", gt = "drqe3u7", A = "drqe3u8", pt = "drqe3u9", ft = "drqe3ua";
 var vt = "drqe3uc", yt = "drqe3ud", bt = "drqe3ue", St = "drqe3uf";
 var Et = "drqe3uh", Ct = "drqe3ui", te = {
   enabled: "drqe3uk drqe3uj",
@@ -530,19 +530,19 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
   cached: "drqe3ur drqe3up",
   untouched: "drqe3us drqe3up"
 }, yr = ({ width: e = 380, style: t, className: r } = {}) => {
-  const { compileBus: n } = ne(), [o] = C(() => Ve()), [a, i] = C(!1), [c, u] = C(Te);
-  x(() => {
+  const { compileBus: n } = ne(), [o] = C(() => Ve()), [a, i] = C(!1), [c, u] = C(Ne);
+  H(() => {
     const { recordCompile: l } = o.getState(), p = n.getLastTrigger(), y = n.getLastCompile();
     return p && y && l(p, y), n.subscribe(l);
   }, [o, n]);
-  const m = Q(o, (l) => l.lastCompile), T = Q(o, (l) => l.history), G = n.getCacheStats(), q = m === null && T.length === 0, h = () => {
+  const m = Q(o, (l) => l.lastCompile), N = Q(o, (l) => l.history), k = n.getCacheStats(), q = m === null && N.length === 0, h = () => {
     u((l) => {
       const p = !l;
-      return Re(p), p;
+      return Te(p), p;
     });
   };
   return /* @__PURE__ */ v("div", {
-    className: _e(ft, r),
+    className: we(ft, r),
     style: {
       width: e,
       ...t
@@ -576,13 +576,13 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
           children: "next compile reflects this toggle"
         })]
       }),
-      !a && !q && /* @__PURE__ */ v(we, { children: [/* @__PURE__ */ d(Tt, {
+      !a && !q && /* @__PURE__ */ v(_e, { children: [/* @__PURE__ */ d(Nt, {
         delta: m?.stages,
-        cumulative: G
-      }), /* @__PURE__ */ d(Nt, { entries: T })] })
+        cumulative: k
+      }), /* @__PURE__ */ d(Rt, { entries: N })] })
     ]
   });
-}, Tt = ({ delta: e, cumulative: t }) => /* @__PURE__ */ v("table", {
+}, Nt = ({ delta: e, cumulative: t }) => /* @__PURE__ */ v("table", {
   className: lt,
   children: [/* @__PURE__ */ d("thead", { children: /* @__PURE__ */ v("tr", {
     className: Et,
@@ -609,7 +609,7 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
       })
     ]
   }) }), /* @__PURE__ */ d("tbody", { children: j.map((r) => {
-    const n = e?.[r], o = Rt(n);
+    const n = e?.[r], o = Tt(n);
     return /* @__PURE__ */ v("tr", {
       className: vt,
       children: [
@@ -629,21 +629,21 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
           children: n?.misses ?? 0
         }),
         /* @__PURE__ */ d("td", {
-          className: K,
+          className: A,
           children: n?.hits ?? 0
         }),
         /* @__PURE__ */ d("td", {
-          className: K,
+          className: A,
           children: t[r].misses
         }),
         /* @__PURE__ */ d("td", {
-          className: K,
+          className: A,
           children: t[r].hits
         })
       ]
     }, r);
   }) })]
-}), Nt = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ v("div", {
+}), Rt = ({ entries: e }) => e.length === 0 ? null : /* @__PURE__ */ v("div", {
   className: yt,
   children: [/* @__PURE__ */ d("div", {
     className: Ct,
@@ -675,12 +675,12 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
       ]
     }, t.id);
   })]
-}), Rt = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", qt = (e, t) => {
+}), Tt = (e) => !e || e.hits === 0 && e.misses === 0 ? "untouched" : e.misses > 0 ? "ran" : "cached", qt = (e, t) => {
   let r = 0;
   for (const n of j) t(e[n]) && (r += 1);
   return r;
 }, ie = (e) => e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, br = () => {
-  const { history: e } = ne(), { stack: t, undo: r, redo: n } = e, o = f((c) => t.subscribe(c), [t]), a = f(() => t.getSnapshot(), [t]), i = ke(o, a, a);
+  const { history: e } = ne(), { stack: t, undo: r, redo: n } = e, o = f((c) => t.subscribe(c), [t]), a = f(() => t.getSnapshot(), [t]), i = Ge(o, a, a);
   return $(() => ({
     ...i,
     undo: r,
@@ -703,12 +703,12 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
   "submit"
 ]), Sr = (e, t = {}) => {
   const { target: r, enabled: n = !0 } = t;
-  x(() => {
-    const o = Gt(r);
+  H(() => {
+    const o = kt(r);
     if (!n || !o) return;
     const a = (i) => {
-      if (!kt(i) || i.defaultPrevented || wt(i.target)) return;
-      const c = he(i);
+      if (!Gt(i) || i.defaultPrevented || _t(i.target)) return;
+      const c = ge(i);
       if (!c) return;
       const u = e.current;
       u && (c === "undo" ? u.undo() : u.redo()) && i.preventDefault();
@@ -719,46 +719,46 @@ var Et = "drqe3uh", Ct = "drqe3ui", te = {
     r,
     n
   ]);
-}, Gt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, kt = (e) => "key" in e, wt = (e) => e instanceof HTMLInputElement ? !It.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1;
+}, kt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, Gt = (e) => "key" in e, _t = (e) => e instanceof HTMLInputElement ? !It.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1;
 export {
   Pt as BrandMark,
-  Bt as CanvasTextMeasurer,
+  $t as CanvasTextMeasurer,
   Dt as DefaultFooter,
   sr as DefaultGrid,
-  Jt as DefaultHeader,
-  or as DefaultSwatch,
+  Zt as DefaultHeader,
+  xt as DefaultSwatch,
   At as DefaultTooltip,
   yr as DevToolsPanel,
   er as GRAPH_MODES,
   Le as GraphErrorBoundary,
   Z as GraphErrorPanel,
   at as GraphProvider,
-  Yt as GraphRenderer,
-  Ft as HoverProvider,
-  xt as TextMeasurerProvider,
+  Ft as GraphRenderer,
+  jt as HoverProvider,
+  Bt as TextMeasurerProvider,
   rr as ThemeProvider,
   vr as UnitBoxSvg,
   fr as UnitSpaceSvg,
   pr as createGraphyKit,
-  Zt as darkTheme,
-  ir as defineGeomRenderer,
-  Vt as lightTheme,
-  Ot as lightenCss,
+  Qt as darkTheme,
+  or as defineGeomRenderer,
+  Yt as lightTheme,
+  Mt as lightenCss,
   Oe as pruneSelection,
   Lt as resolveBrandMarkVisual,
-  Kt as useCompiledSelector,
-  Xt as useElementScreenRect,
-  zt as useGeomHitTest,
-  Wt as useGeomHover,
+  Ht as useCompiledSelector,
+  Wt as useElementScreenRect,
+  Xt as useGeomHitTest,
+  Vt as useGeomHover,
   tr as useGraphCommands,
-  Qt as useGraphHandle,
+  zt as useGraphHandle,
   br as useGraphHistory,
   Sr as useGraphHistoryShortcuts,
-  jt as useGraphSelection,
+  Ut as useGraphSelection,
   nr as useHandleCompiled,
-  Ut as useHoverState,
-  Ht as useStyleReaders,
-  Mt as useStyleResolver,
-  $t as useTextMeasurer,
+  Kt as useHoverState,
+  Ot as useStyleReaders,
+  ir as useStyleResolver,
+  Jt as useTextMeasurer,
   cr as vars
 };

package/package.json

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