@graphysdk/react-renderer 1.9.0-beta.1791444651663 → 1.9.0-beta.1791447671234

package/dist/index.mjs

@@ -1,14 +1,14 @@
-import { A as er, B as tr, Bt as rr, Dt as nr, Et as sr, Ft as Y, Gt as or, I as ar, It as be, Kt as ir, L as cr, Lt as lr, M as dr, Mt as Ee, Nt as Te, Pt as ur, St as mr, Ut as hr, Vt as Re, Wt as gr, Zt as pr, a as fr, an as vr, cn as yr, dn as Sr, dt as br, fn as Er, gn as Ne, h as Tr, hn as ee, i as Rr, in as V, it as Nr, j as Cr, kt as Q, ln as Gr, mn as Ce, mt as Dr, n as qr, nn as Ir, ot as wr, pn as Pr, pt as _r, r as kr, rn as Ge, rt as Lr, s as $r, sn as Mr, t as De, tn as xr, un as Hr, vn as Z, w as Ar, xt as Br, yt as Or, z as Kr } from "./history-chords-CatQPvcI.js";
+import { A as er, At as z, B as tr, Ct as rr, Dt as nr, Ft as sr, Gt as or, Ht as be, It as Y, Kt as ar, L as ir, Lt as Ee, M as cr, Nt as Te, Ot as lr, Pt as Re, Qt as dr, R as ur, Rt as mr, St as hr, V as gr, Vt as pr, Wt as fr, _n as Ne, a as vr, an as V, at as yr, bt as Sr, cn as br, dn as Er, fn as Tr, ft as Rr, gn as ee, h as Nr, hn as Ce, ht as Cr, i as Gr, in as Ge, it as Dr, j as qr, ln as Ir, mn as wr, mt as _r, n as Pr, nn as kr, on as Lr, pn as $r, qt as Mr, r as Hr, rn as xr, s as Ar, st as Br, t as De, un as Or, w as Kr, yn as J } from "./history-chords-SnVeFgJ4.js";
 import { n as Ur } from "./theme.contract.css-oFmndjcI.js";
-import { COMPILER_STAGE_KEYS as te, Geom as qe, GraphCompilationSession as Ie, areEditTargetsEqual as we, buildDiagnostic as se, createAnchorResolver as Pe, createCompiler as _e, createDataLabelPlacementResolver as ke, createSpecBuilder as Le, createStyleResolver as he, findAnnotation as $e, findLayerById as oe, isCompilerCachingEnabled as Me, resolveDefinition as xe, setCompilerCachingEnabled as He, toPercent as U } from "@graphysdk/viz-engine";
-import { Component as Ae, createContext as Be, useCallback as p, useContext as Oe, useEffect as H, useId as Ke, useImperativeHandle as Fe, useMemo as x, useRef as ae, useState as b, useSyncExternalStore as Ue } from "react";
+import { COMPILER_STAGE_KEYS as te, Geom as qe, GraphCompilationSession as Ie, areEditTargetsEqual as we, buildDiagnostic as se, createAnchorResolver as _e, createCompiler as Pe, createDataLabelPlacementResolver as ke, createSpecBuilder as Le, createStyleResolver as he, findAnnotation as $e, findLayerById as oe, isCompilerCachingEnabled as Me, resolveDefinition as He, setCompilerCachingEnabled as xe, toPercent as U } from "@graphysdk/viz-engine";
+import { Component as Ae, createContext as Be, useCallback as p, useContext as Oe, useEffect as x, useId as Ke, useImperativeHandle as Fe, useMemo as H, useRef as ae, useState as b, useSyncExternalStore as Ue } from "react";
 import { Fragment as je, jsx as a, jsxs as f } from "react/jsx-runtime";
-import { useStore as J } from "zustand";
+import { useStore as Z } from "zustand";
 import { motion as W } from "motion/react";
 import { createStore as re } from "zustand/vanilla";
 import Ye from "clsx";
 import './index.css';var Ve = "_1a5iqpb0", We = "_1a5iqpb1";
-var Xe = "_1a5iqpb3", ze = "_1a5iqpb4", Qe = "_1a5iqpb5";
+var Xe = "_1a5iqpb3", Qe = "_1a5iqpb4", ze = "_1a5iqpb5";
 var ie = ({ errors: e }) => {
   const [t, ...r] = e;
   return /* @__PURE__ */ f("div", {
@@ -30,11 +30,11 @@ var ie = ({ errors: e }) => {
   className: Xe,
   children: [
     /* @__PURE__ */ a("span", {
-      className: ze,
+      className: Qe,
       children: e.code
     }),
     /* @__PURE__ */ a("p", {
-      className: Qe,
+      className: ze,
       children: e.message
     }),
     e.suggestion && /* @__PURE__ */ a("p", {
@@ -43,10 +43,10 @@ var ie = ({ errors: e }) => {
     })
   ]
 });
-function Ze(e = [], t = []) {
+function Je(e = [], t = []) {
   return e.length === t.length && e.every((r, n) => Object.is(r, t[n]));
 }
-var Je = class extends Ae {
+var Ze = class extends Ae {
   constructor(...e) {
     super(...e), this.state = { caughtDiagnostic: null };
   }
@@ -55,10 +55,10 @@ var Je = class extends Ae {
   }
   componentDidCatch(e, t) {
     const r = se(e);
-    Z([r]), this.props.onError?.([r]), console.error("Chart render component stack:", t.componentStack);
+    J([r]), this.props.onError?.([r]), console.error("Chart render component stack:", t.componentStack);
   }
   componentDidUpdate(e) {
-    this.state.caughtDiagnostic && !Ze(e.resetKeys, this.props.resetKeys) && this.setState({ caughtDiagnostic: null });
+    this.state.caughtDiagnostic && !Je(e.resetKeys, this.props.resetKeys) && this.setState({ caughtDiagnostic: null });
   }
   render() {
     const { caughtDiagnostic: e } = this.state;
@@ -70,7 +70,7 @@ var Je = class extends Ae {
   value: e,
   children: t
 }), X = () => Oe(pe), fe = (e) => typeof e == "object" && "geom" in e && "render" in e, ve = (e) => {
-  const t = xe(e);
+  const t = He(e);
   return t instanceof qe ? t : null;
 }, et = (e, t) => {
   const r = e.filter((n) => tt(n, t));
@@ -161,7 +161,7 @@ function ut(e, t) {
   }] : []) : [] : []);
 }
 function de(e) {
-  const t = e.filter(fe), r = /* @__PURE__ */ new Set([...Object.keys(be), ...t.map((l) => l.geom)]), n = [], s = /* @__PURE__ */ new Set();
+  const t = e.filter(fe), r = /* @__PURE__ */ new Set([...Object.keys(Ee), ...t.map((l) => l.geom)]), n = [], s = /* @__PURE__ */ new Set();
   for (const l of e) {
     const u = ve(l);
     u === null || r.has(u.type) || s.has(u.type) || (s.add(u.type), n.push({
@@ -339,9 +339,9 @@ function bt(e) {
 var Et = (e) => re((t) => ({
   scene: e,
   setScene: (r) => t((n) => n.scene === r ? n : { scene: r })
-})), Tt = ({ spec: e, data: t, customPalettes: r, colorScheme: n, plugins: s, theme: c, resolveRenderer: i, anchorResolver: l, onSpecChange: u, onError: h, onWarnings: P }) => {
-  const q = Q(u), T = Q(h), R = Q(P), [{ session: d, compileBus: g }] = b(() => {
-    const o = _e({
+})), Tt = ({ spec: e, data: t, customPalettes: r, colorScheme: n, plugins: s, theme: c, resolveRenderer: i, anchorResolver: l, onSpecChange: u, onError: h, onWarnings: _ }) => {
+  const q = z(u), T = z(h), R = z(_), [{ session: d, compileBus: g }] = b(() => {
+    const o = Pe({
       plugins: s,
       theme: c
     });
@@ -381,11 +381,11 @@ var Et = (e) => re((t) => ({
     ...ut(o.scene, i),
     ...ft(o.scene, l)
   ] : o.warnings, [i, l]), G = p((o) => {
-    o.length !== 0 && (Z(o), T.current?.(o));
+    o.length !== 0 && (J(o), T.current?.(o));
   }, [T]), D = p((o) => {
-    o.length !== 0 && (Z(o), R.current?.(o));
+    o.length !== 0 && (J(o), R.current?.(o));
   }, [R]);
-  H(() => {
+  x(() => {
     const o = w.current;
     o && (G([...v.errors, ...o.ok ? [] : o.errors]), D([...v.warnings, ...E(o)]), o.ok && g.emit({ kind: "init" }));
   }, [
@@ -394,7 +394,7 @@ var Et = (e) => re((t) => ({
     D,
     v,
     E
-  ]), H(() => {
+  ]), x(() => {
     const o = d.update({
       spec: e,
       data: t,
@@ -440,9 +440,9 @@ var Et = (e) => re((t) => ({
     return o.some((m) => !!m.scene);
   }, [O]), K = p((o, m) => {
     S(d.applyCommand(o, m));
-  }, [d, S]), _ = p(() => {
+  }, [d, S]), P = p(() => {
     S(d.commit());
-  }, [d, S]), F = p(() => S(d.undo()), [d, S]), $ = p(() => S(d.redo()), [d, S]), z = x(() => ({
+  }, [d, S]), F = p(() => S(d.undo()), [d, S]), $ = p(() => S(d.redo()), [d, S]), Q = H(() => ({
     stack: d.history,
     undo: F,
     redo: $
@@ -454,8 +454,8 @@ var Et = (e) => re((t) => ({
   return {
     store: C.current,
     dispatch: K,
-    commit: _,
-    history: z,
+    commit: P,
+    history: Q,
     subscribe: y.subscribe,
     getScene: Se,
     compileBus: g,
@@ -469,8 +469,8 @@ var Et = (e) => re((t) => ({
     }),
     notify: () => e.forEach((t) => t())
   };
-}, Nt = ({ data: e, spec: t, plugins: r = [], theme: n, formattingLocale: s, handleRef: c, onSpecChange: i, onError: l, onWarnings: u, customPalettes: h, colorScheme: P = "light", children: q }) => {
-  const [T] = b(() => n), R = T?.colorScheme ?? P, [d] = b(() => Te([...T?.plugins ?? [], ...r].filter(fe))), g = Ke(), [v] = b(() => Pe(r)), [w] = b(() => ke(r)), [y] = b(() => rt()), [C] = b(() => Ee()), I = x(() => he({ colorScheme: R }), [R]), { store: N, dispatch: B, commit: k, history: E, subscribe: G, getScene: D, compileBus: L, compileErrors: O } = Tt({
+}, Nt = ({ data: e, spec: t, plugins: r = [], theme: n, formattingLocale: s, handleRef: c, onSpecChange: i, onError: l, onWarnings: u, customPalettes: h, colorScheme: _ = "light", children: q }) => {
+  const [T] = b(() => n), R = T?.colorScheme ?? _, [d] = b(() => Re([...T?.plugins ?? [], ...r].filter(fe))), g = Ke(), [v] = b(() => _e(r)), [w] = b(() => ke(r)), [y] = b(() => rt()), [C] = b(() => Te()), I = H(() => he({ colorScheme: R }), [R]), { store: N, dispatch: B, commit: k, history: E, subscribe: G, getScene: D, compileBus: L, compileErrors: O } = Tt({
     spec: t,
     data: e,
     customPalettes: h,
@@ -483,15 +483,15 @@ var Et = (e) => re((t) => ({
     onError: l,
     onWarnings: u
   });
-  H(() => {
+  x(() => {
     if (N)
-      return N.subscribe((_, F) => {
-        if (_.scene.spec === F.scene.spec) return;
-        const { selection: $, setSelection: z } = y.getState();
-        $.length !== 0 && z(et($, _.scene.spec));
+      return N.subscribe((P, F) => {
+        if (P.scene.spec === F.scene.spec) return;
+        const { selection: $, setSelection: Q } = y.getState();
+        $.length !== 0 && Q(et($, P.scene.spec));
       });
   }, [N, y]);
-  const S = x(() => ({
+  const S = H(() => ({
     dispatch: B,
     commit: k
   }), [B, k]);
@@ -502,7 +502,7 @@ var Et = (e) => re((t) => ({
     subscribe: G,
     getScene: D,
     getSelection: () => y.getState().selection,
-    setSelection: (_) => y.getState().setSelection(_),
+    setSelection: (P) => y.getState().setSelection(P),
     subscribeSelection: y.subscribe,
     canPlaceDataLabels: w.hasCapability,
     canFormatDataLabelsAsPercentages: w.hasPercentageFormat
@@ -514,7 +514,7 @@ var Et = (e) => re((t) => ({
     y,
     w
   ]);
-  const K = x(() => N ? {
+  const K = H(() => N ? {
     chartId: g,
     store: N,
     selectionStore: y,
@@ -539,13 +539,13 @@ var Et = (e) => re((t) => ({
     I,
     v
   ]);
-  return /* @__PURE__ */ a(Je, {
+  return /* @__PURE__ */ a(Ze, {
     forcedErrors: O,
     onError: l,
     resetKeys: [t, e],
     children: K ? /* @__PURE__ */ a(Ce.Provider, {
       value: K,
-      children: /* @__PURE__ */ a(Re, {
+      children: /* @__PURE__ */ a(be, {
         value: d,
         children: /* @__PURE__ */ a(Ne, {
           value: w,
@@ -558,7 +558,7 @@ var Et = (e) => re((t) => ({
     }) : null
   });
 };
-function Zr({ theme: e, ...t } = {}) {
+function Jr({ theme: e, ...t } = {}) {
   const r = Le(t);
   return {
     ...r,
@@ -622,7 +622,7 @@ var Ct = ({ shouldAnimateTransitions: e, cx: t, cy: r, r: n, ...s }) => e ? /* @
 }) : /* @__PURE__ */ a("path", {
   d: t,
   ...n
-}), Jr = (e) => {
+}), Zr = (e) => {
   const { Circle: t } = X();
   return t === void 0 ? Ct(e) : /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(t, { ...e }) });
 }, en = (e) => {
@@ -656,7 +656,7 @@ var Ct = ({ shouldAnimateTransitions: e, cx: t, cy: r, r: n, ...s }) => e ? /* @
   overflow: "hidden",
   pointerEvents: "none",
   children: t
-}), wt = "drqe3u0", Pt = "drqe3u1", _t = "drqe3u2", kt = "drqe3u3", M = "drqe3u4", Lt = "drqe3u5", $t = "drqe3u6", Mt = "drqe3u7", j = "drqe3u8", xt = "drqe3u9", Ht = "drqe3ua";
+}), wt = "drqe3u0", _t = "drqe3u1", Pt = "drqe3u2", kt = "drqe3u3", M = "drqe3u4", Lt = "drqe3u5", $t = "drqe3u6", Mt = "drqe3u7", j = "drqe3u8", Ht = "drqe3u9", xt = "drqe3ua";
 var At = "drqe3uc", Bt = "drqe3ud", Ot = "drqe3ue", Kt = "drqe3uf";
 var Ft = "drqe3uh", Ut = "drqe3ui", ue = {
   enabled: "drqe3uk drqe3uj",
@@ -670,18 +670,18 @@ var Ft = "drqe3uh", Ut = "drqe3ui", ue = {
   untouched: "drqe3us drqe3up"
 }, on = ({ width: e = 440, style: t, className: r } = {}) => {
   const { compileBus: n } = ee(), [s] = b(() => it()), [c, i] = b(!1), [l, u] = b(Me);
-  H(() => {
+  x(() => {
     const { recordCompile: d } = s.getState(), g = n.getLastTrigger(), v = n.getLastCompile();
     return g && v && d(g, v), n.subscribe(d);
   }, [s, n]);
-  const h = J(s, (d) => d.lastCompile), P = J(s, (d) => d.history), q = n.getCacheStats(), T = h === null && P.length === 0, R = () => {
+  const h = Z(s, (d) => d.lastCompile), _ = Z(s, (d) => d.history), q = n.getCacheStats(), T = h === null && _.length === 0, R = () => {
     u((d) => {
       const g = !d;
-      return He(g), g;
+      return xe(g), g;
     });
   };
   return /* @__PURE__ */ f("div", {
-    className: Ye(Ht, r),
+    className: Ye(xt, r),
     style: {
       width: e,
       ...t
@@ -690,7 +690,7 @@ var Ft = "drqe3uh", Ut = "drqe3ui", ue = {
       /* @__PURE__ */ f("div", {
         className: wt,
         children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ a("div", {
-          className: Pt,
+          className: _t,
           children: "compile cache"
         }), /* @__PURE__ */ a("div", {
           className: Ot,
@@ -719,11 +719,11 @@ var Ft = "drqe3uh", Ut = "drqe3ui", ue = {
         delta: h?.stages,
         durations: h?.stageDurationsMs,
         cumulative: q
-      }), /* @__PURE__ */ a(Yt, { entries: P })] })
+      }), /* @__PURE__ */ a(Yt, { entries: _ })] })
     ]
   });
 }, jt = ({ delta: e, durations: t, cumulative: r }) => /* @__PURE__ */ f("table", {
-  className: _t,
+  className: Pt,
   children: [/* @__PURE__ */ a("thead", { children: /* @__PURE__ */ f("tr", {
     className: Ft,
     children: [
@@ -811,7 +811,7 @@ var Ft = "drqe3uh", Ut = "drqe3ui", ue = {
           children: t.label
         }),
         /* @__PURE__ */ f("span", {
-          className: xt,
+          className: Ht,
           children: [
             r,
             "/",
@@ -829,7 +829,7 @@ var Ft = "drqe3uh", Ut = "drqe3ui", ue = {
   return r;
 }, ne = (e) => e < 0.1 ? "<0.1ms" : e >= 10 ? `${e.toFixed(0)}ms` : `${e.toFixed(2)}ms`, an = () => {
   const { history: e } = ee(), { stack: t, undo: r, redo: n } = e, s = p((l) => t.subscribe(l), [t]), c = p(() => t.getSnapshot(), [t]), i = Ue(s, c, c);
-  return x(() => ({
+  return H(() => ({
     ...i,
     undo: r,
     redo: n
@@ -851,11 +851,11 @@ var Ft = "drqe3uh", Ut = "drqe3ui", ue = {
   "submit"
 ]), cn = (e, t = {}) => {
   const { target: r, enabled: n = !0 } = t;
-  H(() => {
-    const s = zt(r);
+  x(() => {
+    const s = Qt(r);
     if (!n || !s) return;
     const c = (i) => {
-      if (!Qt(i) || i.defaultPrevented || Zt(i.target)) return;
+      if (!zt(i) || i.defaultPrevented || Jt(i.target)) return;
       const l = De(i);
       if (!l) return;
       const u = e.current;
@@ -867,72 +867,72 @@ var Ft = "drqe3uh", Ut = "drqe3ui", ue = {
     r,
     n
   ]);
-}, zt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, Qt = (e) => "key" in e, Zt = (e) => e instanceof HTMLInputElement ? !Xt.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1, ln = () => {
+}, Qt = (e) => e === void 0 ? window : e !== null && "current" in e ? e.current : e, zt = (e) => "key" in e, Jt = (e) => e instanceof HTMLInputElement ? !Xt.has(e.type) : e instanceof HTMLElement ? e.isContentEditable || e.tagName === "TEXTAREA" : !1, ln = () => {
   const { targetBoundaryStore: e } = ee();
-  return J(e, (t) => t.boundary);
+  return Z(e, (t) => t.boundary);
 };
 export {
-  Kr as BrandMark,
-  or as CanvasTextMeasurer,
-  cr as DefaultFooter,
+  tr as BrandMark,
+  ar as CanvasTextMeasurer,
+  ur as DefaultFooter,
   Ct as DefaultGeomCircle,
   Gt as DefaultGeomLine,
   qt as DefaultGeomPath,
   Dt as DefaultGeomRect,
-  $r as DefaultGrid,
-  ar as DefaultHeader,
-  rr as DefaultSwatch,
-  Nr as DefaultTooltip,
+  Ar as DefaultGrid,
+  ir as DefaultHeader,
+  pr as DefaultSwatch,
+  yr as DefaultTooltip,
   on as DevToolsPanel,
-  Or as GRAPH_MODES,
-  Jr as GeomCircle,
+  Sr as GRAPH_MODES,
+  Zr as GeomCircle,
   en as GeomLine,
   rn as GeomPath,
   tn as GeomRect,
-  Je as GraphErrorBoundary,
+  Ze as GraphErrorBoundary,
   ie as GraphErrorPanel,
   Nt as GraphProvider,
-  fr as GraphRenderer,
-  nr as HoverProvider,
-  lr as IntroFade,
-  Ir as IntroWipeClip,
-  hr as TextMeasurerProvider,
-  br as ThemeProvider,
+  vr as GraphRenderer,
+  lr as HoverProvider,
+  mr as IntroFade,
+  xr as IntroWipeClip,
+  fr as TextMeasurerProvider,
+  Rr as ThemeProvider,
   sn as UnitBoxSvg,
   nn as UnitSpaceSvg,
-  vr as buildDotsEditOutlineShapes,
-  Zr as createGraphyKit,
+  Lr as buildDotsEditOutlineShapes,
+  Jr as createGraphyKit,
   _r as darkTheme,
-  ur as defineGeomRenderer,
-  Dr as lightTheme,
-  pr as lightenCss,
-  yr as projectPointCartesian,
+  sr as defineGeomRenderer,
+  Cr as lightTheme,
+  dr as lightenCss,
+  Ir as projectPointCartesian,
   et as pruneSelection,
-  tr as resolveBrandMarkVisual,
-  Mr as scalePointToPanel,
+  gr as resolveBrandMarkVisual,
+  br as scalePointToPanel,
   er as stampAxisEditTarget,
-  Cr as stampGridEditTarget,
-  dr as stampLegendEditTarget,
-  mr as useElementScreenRect,
-  sr as useGeomHitTest,
-  Br as useGeomHover,
-  Gr as useGeomReaderTree,
-  Hr as useGeomStyleReader,
-  qr as useGraphCommands,
-  Rr as useGraphHandle,
+  qr as stampGridEditTarget,
+  cr as stampLegendEditTarget,
+  rr as useElementScreenRect,
+  nr as useGeomHitTest,
+  hr as useGeomHover,
+  Or as useGeomReaderTree,
+  Er as useGeomStyleReader,
+  Pr as useGraphCommands,
+  Gr as useGraphHandle,
   an as useGraphHistory,
   cn as useGraphHistoryShortcuts,
-  Lr as useGraphLocale,
-  Tr as useGraphSelection,
-  Ar as useGuidesTakePress,
-  kr as useHandleScene,
-  wr as useHoverState,
-  xr as usePaintDefs,
-  ir as useResolvedStyle,
-  Pr as useSceneSelector,
-  Sr as useStyleReaderTree,
-  Er as useStyleResolver,
+  Dr as useGraphLocale,
+  Nr as useGraphSelection,
+  Kr as useGuidesTakePress,
+  Hr as useHandleScene,
+  Br as useHoverState,
+  kr as usePaintDefs,
+  Mr as useResolvedStyle,
+  wr as useSceneSelector,
+  Tr as useStyleReaderTree,
+  $r as useStyleResolver,
   ln as useTargetBoundary,
-  gr as useTextMeasurer,
+  or as useTextMeasurer,
   Ur as vars
 };

package/package.json

@@ -11,7 +11,7 @@
     "visualization",
     "renderer"
   ],
-  "version": "1.9.0-beta.1791444651663",
+  "version": "1.9.0-beta.1791447671234",
   "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.1791444651663"
+    "@graphysdk/viz-engine": "1.9.0-beta.1791447671234"
   },
   "peerDependencies": {
     "@tiptap/core": "^3.0.0",