@graphysdk/react-renderer 1.8.1-beta.1786025839240 → 1.8.1-beta.1786352280463

package/dist/index.mjs

@@ -1,24 +1,24 @@
-import { $ as ae, A as kt, B as K, C as wt, E as _t, G as It, H as Dt, J as $t, K as ce, L as Ht, N as xt, O as Mt, P as Pt, Q as Lt, R as Kt, S as Bt, T as Ot, U as A, V as de, W as le, Y as At, Z as Yt, _ as Ut, a as jt, et as te, g as Ft, i as Wt, k as Vt, n as Qt, o as Xt, q as Jt, r as Zt, t as ue, w as zt } from "./history-chords-CNYK3SiJ.js";
-import { g as tr } from "./font-values-gPf-gY2d.js";
+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-V6t-FaHD.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 { Fragment as qe, jsx as c, jsxs as v } from "react/jsx-runtime";
-import { useStore as Q } from "zustand";
-import { createStore as U } from "zustand/vanilla";
+import { useStore as X } from "zustand";
+import { createStore as j } from "zustand/vanilla";
 import Ge from "clsx";
-import './index.css';function O(e) {
+import './index.css';function B(e) {
   for (const t of e) (t.severity === "error" ? console.error : console.warn)(`[graphy] ${t.code}: ${t.message}`, t);
 }
-var ke = "_1a5iqpb0", we = "_1a5iqpb1";
-var _e = "_1a5iqpb3", Ie = "_1a5iqpb4", De = "_1a5iqpb5";
-var X = ({ errors: e }) => {
+var we = "_1a5iqpb0", _e = "_1a5iqpb1";
+var ke = "_1a5iqpb3", Ie = "_1a5iqpb4", De = "_1a5iqpb5";
+var z = ({ errors: e }) => {
   const [t, ...r] = e;
   return /* @__PURE__ */ v("div", {
     role: "alert",
-    className: ke,
+    className: we,
     children: [
       /* @__PURE__ */ c("strong", {
-        className: we,
+        className: _e,
         children: "This chart could not be rendered."
       }),
       t && /* @__PURE__ */ c(J, { diagnostic: t }),
@@ -29,7 +29,7 @@ var X = ({ errors: e }) => {
     ]
   });
 }, J = ({ diagnostic: e }) => /* @__PURE__ */ v("div", {
-  className: _e,
+  className: ke,
   children: [
     /* @__PURE__ */ c("span", {
       className: Ie,
@@ -57,16 +57,16 @@ var He = class extends Te {
   }
   componentDidCatch(e, t) {
     const r = W(e);
-    O([r]), this.props.onError?.([r]), console.error("Chart render component stack:", t.componentStack);
+    B([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(X, { errors: [e] });
+    if (e) return /* @__PURE__ */ c(z, { errors: [e] });
     const { forcedErrors: t, children: r } = this.props;
-    return t && t.length > 0 ? /* @__PURE__ */ c(X, { errors: t }) : r;
+    return t && t.length > 0 ? /* @__PURE__ */ c(z, { errors: t }) : r;
   }
 }, re = (e) => typeof e == "object" && "geom" in e && "render" in e, xe = (e) => {
   const t = Se(e);
@@ -74,14 +74,14 @@ var He = class extends Te {
 }, Me = (e, t) => {
   const r = e.filter((n) => Pe(n, t));
   return r.length === e.length ? e : r;
-}, Pe = (e, t) => e.kind !== "annotation" ? !0 : ye(t.annotations, e.id) !== null, Z = [], Le = () => U((e) => ({
-  selection: Z,
+}, Pe = (e, t) => e.kind !== "annotation" ? !0 : ye(t.annotations, e.id) !== null, Q = [], Le = () => j((e) => ({
+  selection: Q,
   setSelection: (t) => e((r) => Ke(r.selection, t) ? r : { selection: t }),
-  clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: Z })
+  clearSelection: () => e((t) => t.selection.length === 0 ? t : { selection: Q })
 })), 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);
-}), Be = 5, Oe = (e) => {
+}), Oe = 5, Be = (e) => {
   if (process.env.NODE_ENV === "production") return {
     emit: () => {
     },
@@ -107,7 +107,7 @@ var He = class extends Te {
     getLastCompile: () => e.getLastCompile(),
     getCacheStats: () => e.getCacheStats()
   };
-}, Ae = () => U((e) => ({
+}, Ae = () => j((e) => ({
   lastCompile: null,
   history: [],
   nextId: 1,
@@ -116,19 +116,19 @@ var He = class extends Te {
     if (n.lastSnapshot === r) return n;
     const o = {
       id: n.nextId,
-      label: Ue(t),
+      label: je(t),
       stages: r.stages,
       durationMs: r.durationMs
     };
     return {
       lastCompile: o,
-      history: je(n.history, o, Be),
+      history: Fe(n.history, o, Oe),
       nextId: n.nextId + 1,
       lastSnapshot: r
     };
   })
 })), Ye = () => {
-}, Ue = (e) => {
+}, je = (e) => {
   switch (e.kind) {
     case "init":
       return "init";
@@ -139,12 +139,12 @@ var He = class extends Te {
     case "command":
       return e.command.metadata.description;
   }
-}, je = (e, t, r) => {
+}, Fe = (e, t, r) => {
   const n = e.length >= r ? e.length - (r - 1) : 0;
   return [...e.slice(n), t];
 };
-function Fe(e) {
-  const t = e.filter(re), r = /* @__PURE__ */ new Set([...Object.keys(le), ...t.map((a) => a.geom)]), n = [], o = /* @__PURE__ */ new Set();
+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();
   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({
@@ -222,7 +222,7 @@ function Ve(e, t) {
   }
   return d;
 }
-function Qe(e) {
+function Xe(e) {
   const t = /* @__PURE__ */ new Set(), r = [];
   for (const n of e.layers) {
     const o = n.identityKey;
@@ -240,7 +240,7 @@ function Qe(e) {
   }
   return r;
 }
-function Xe(e, t) {
+function ze(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;
@@ -275,7 +275,7 @@ function Je(e, t) {
     })));
   return n;
 }
-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;
@@ -294,21 +294,21 @@ function Ze(e, t) {
   }
   return d;
 }
-var ze = (e) => U((t) => ({
+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(l), [{ session: g, compileBus: b }] = T(() => {
+  const m = K(i), q = K(a), k = K(l), [{ session: g, compileBus: b }] = T(() => {
     const s = fe({ plugins: n });
     return {
       session: new ge(s),
-      compileBus: Oe(s)
+      compileBus: Be(s)
     };
-  }), [u] = T(() => Fe(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 = V(null), [y] = T(tt), C = V(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 {
-      const p = ze(s.compiled);
+      const p = Ze(s.compiled);
       p.subscribe(y.notify), C.current = p, y.notify();
     }
     return null;
@@ -323,21 +323,21 @@ var ze = (e) => U((t) => ({
     ...s.warnings,
     ...We(s.compiled, o),
     ...Ve(s.compiled, o),
-    ...Qe(s.compiled),
-    ...Xe(s.compiled, o),
-    ...Ze(s.compiled, o),
+    ...Xe(s.compiled),
+    ...ze(s.compiled, o),
+    ...Qe(s.compiled, o),
     ...Je(s.compiled, d)
-  ] : s.warnings, [o, d]), k = f((s) => {
-    s.length !== 0 && (O(s), q.current?.(s));
+  ] : s.warnings, [o, d]), w = f((s) => {
+    s.length !== 0 && (B(s), q.current?.(s));
   }, [q]), S = f((s) => {
-    s.length !== 0 && (O(s), _.current?.(s));
-  }, [_]);
+    s.length !== 0 && (B(s), k.current?.(s));
+  }, [k]);
   $(() => {
     const s = h.current;
-    s && (k([...u.errors, ...s.ok ? [] : s.errors]), S([...u.warnings, ...R(s)]), s.ok && b.emit({ kind: "init" }));
+    s && (w([...u.errors, ...s.ok ? [] : s.errors]), S([...u.warnings, ...R(s)]), s.ok && b.emit({ kind: "init" }));
   }, [
     b,
-    k,
+    w,
     S,
     u,
     R
@@ -350,7 +350,7 @@ var ze = (e) => U((t) => ({
     if (!s) return;
     s.sealedInput && m.current?.(s.sealedInput);
     const p = N(s.result);
-    I(G(p)), p && k(p), S(R(s.result)), p || b.emit({ kind: s.inputChanged ? "input" : "data" });
+    I(G(p)), p && w(p), S(R(s.result)), p || b.emit({ kind: s.inputChanged ? "input" : "data" });
   }, [
     e,
     t,
@@ -358,7 +358,7 @@ var ze = (e) => U((t) => ({
     g,
     b,
     N,
-    k,
+    w,
     S,
     G,
     R,
@@ -370,31 +370,31 @@ var ze = (e) => U((t) => ({
     G,
     S,
     R
-  ]), w = f((s) => {
+  ]), _ = 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 && k([...s.errors]);
+    }), s.input && m.current?.(s.input), s.errors && w([...s.errors]);
   }, [
     D,
     b,
     m,
-    k
+    w
   ]), E = f((s) => {
-    for (const p of s) w(p);
+    for (const p of s) _(p);
     return s.some((p) => !!p.compiled);
-  }, [w]), x = f((s, p) => {
+  }, [_]), x = f((s, p) => {
     E(g.applyCommand(s, p));
   }, [g, E]), L = f(() => {
     E(g.seal());
-  }, [g, E]), j = f(() => E(g.undo()), [g, E]), F = 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 = P(() => ({
     stack: g.history,
-    undo: j,
-    redo: F
+    undo: F,
+    redo: U
   }), [
     g,
-    j,
-    F
+    F,
+    U
   ]), ie = f(() => C.current?.getState().compiled ?? null, []);
   return {
     store: C.current,
@@ -414,8 +414,8 @@ var ze = (e) => U((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: _ }) => {
-  const [g] = T(() => de(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: k } = 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: 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({
     input: t,
     data: e,
     customPalettes: l,
@@ -428,10 +428,10 @@ var ze = (e) => U((t) => ({
   });
   $(() => {
     if (y)
-      return y.subscribe((w, E) => {
-        if (w.compiled.spec === E.compiled.spec) return;
+      return y.subscribe((_, E) => {
+        if (_.compiled.spec === E.compiled.spec) return;
         const { selection: x, setSelection: L } = h.getState();
-        x.length !== 0 && L(Me(x, w.compiled.spec));
+        x.length !== 0 && L(Me(x, _.compiled.spec));
       });
   }, [y, h]);
   const S = P(() => ({
@@ -445,7 +445,7 @@ var ze = (e) => U((t) => ({
     subscribe: H,
     getCompiled: I,
     getSelection: () => h.getState().selection,
-    setSelection: (w) => h.getState().setSelection(w),
+    setSelection: (_) => h.getState().setSelection(_),
     subscribeSelection: h.subscribe
   }), [
     S,
@@ -478,14 +478,14 @@ var ze = (e) => U((t) => ({
     u
   ]);
   return /* @__PURE__ */ c(He, {
-    forcedErrors: k,
+    forcedErrors: w,
     onError: i,
     resetKeys: [t, e],
-    children: D ? /* @__PURE__ */ c(ae.Provider, {
+    children: D ? /* @__PURE__ */ c(de.Provider, {
       value: D,
-      children: /* @__PURE__ */ c(ce, {
+      children: /* @__PURE__ */ c(le, {
         value: g,
-        children: _
+        children: k
       })
     }) : null
   });
@@ -508,9 +508,9 @@ 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", B = "drqe3u8", ut = "drqe3u9", mt = "drqe3ua";
+}), st = "drqe3u0", ot = "drqe3u1", it = "drqe3u2", at = "drqe3u3", M = "drqe3u4", ct = "drqe3u5", dt = "drqe3u6", lt = "drqe3u7", O = "drqe3u8", ut = "drqe3u9", mt = "drqe3ua";
 var gt = "drqe3uc", ht = "drqe3ud", pt = "drqe3ue", ft = "drqe3uf";
-var vt = "drqe3uh", yt = "drqe3ui", z = {
+var vt = "drqe3uh", yt = "drqe3ui", Z = {
   enabled: "drqe3uk drqe3uj",
   disabled: "drqe3ul drqe3uj"
 }, ee = {
@@ -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 = Q(o, (u) => u.lastCompile), q = Q(o, (u) => u.history), _ = n.getCacheStats(), g = m === null && q.length === 0, b = () => {
+  const m = X(o, (u) => u.lastCompile), q = X(o, (u) => u.history), k = n.getCacheStats(), g = m === null && q.length === 0, b = () => {
     l((u) => {
       const h = !u;
       return Ee(h), h;
@@ -559,7 +559,7 @@ var vt = "drqe3uh", yt = "drqe3ui", z = {
         children: [/* @__PURE__ */ v("button", {
           type: "button",
           onClick: b,
-          className: a ? z.enabled : z.disabled,
+          className: a ? Z.enabled : Z.disabled,
           "aria-pressed": a,
           children: ["cache ", a ? "enabled" : "disabled"]
         }), /* @__PURE__ */ c("span", {
@@ -569,7 +569,7 @@ var vt = "drqe3uh", yt = "drqe3ui", z = {
       }),
       !d && !g && /* @__PURE__ */ v(qe, { children: [/* @__PURE__ */ c(bt, {
         delta: m?.stages,
-        cumulative: _
+        cumulative: k
       }), /* @__PURE__ */ c(St, { entries: q })] })
     ]
   });
@@ -620,15 +620,15 @@ var vt = "drqe3uh", yt = "drqe3ui", z = {
           children: n?.misses ?? 0
         }),
         /* @__PURE__ */ c("td", {
-          className: B,
+          className: O,
           children: n?.hits ?? 0
         }),
         /* @__PURE__ */ c("td", {
-          className: B,
+          className: O,
           children: t[r].misses
         }),
         /* @__PURE__ */ c("td", {
-          className: B,
+          className: O,
           children: t[r].hits
         })
       ]
@@ -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 {
-  wt as BrandMark,
-  At as CanvasTextMeasurer,
-  Ut as DefaultFooter,
+  kt as BrandMark,
+  Bt as CanvasTextMeasurer,
+  Yt as DefaultFooter,
   jt as DefaultGrid,
   Ft as DefaultHeader,
-  It as DefaultSwatch,
-  Ot as DefaultTooltip,
+  Ht as DefaultSwatch,
+  Kt as DefaultTooltip,
   lr as DevToolsPanel,
   He as GraphErrorBoundary,
-  X as GraphErrorPanel,
+  z as GraphErrorPanel,
   nt as GraphProvider,
-  Wt as GraphRenderer,
-  Kt as HoverProvider,
-  Jt as TextMeasurerProvider,
-  Mt as ThemeProvider,
+  Ut as GraphRenderer,
+  Zt as HoverProvider,
+  $t as TextMeasurerProvider,
+  xt as ThemeProvider,
   dr as UnitSpaceSvg,
   cr as createGraphyKit,
-  Vt as darkTheme,
-  Dt as defineGeomRenderer,
-  kt as lightTheme,
-  Yt as lightenCss,
+  _t as darkTheme,
+  Ot as defineGeomRenderer,
+  Wt as lightTheme,
+  wt as lightenCss,
   Me as pruneSelection,
-  zt as resolveBrandMarkVisual,
-  Lt as useCompiledSelector,
-  Pt as useElementScreenRect,
-  Ht as useGeomHitTest,
-  xt as useGeomHover,
-  Bt as useGraphCommands,
-  Zt as useGraphHandle,
+  Qt as resolveBrandMarkVisual,
+  Jt as useCompiledSelector,
+  Dt as useElementScreenRect,
+  Pt as useGeomHitTest,
+  Mt as useGeomHover,
+  Lt as useGraphCommands,
+  zt as useGraphHandle,
   ur as useGraphHistory,
   mr as useGraphHistoryShortcuts,
   Xt as useGraphSelection,
-  Qt as useHandleCompiled,
-  _t as useHoverState,
-  $t as useTextMeasurer,
+  Vt as useHandleCompiled,
+  It as useHoverState,
+  At as useTextMeasurer,
   tr as vars
 };

package/package.json

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