@graphysdk/react-renderer 1.9.0-beta.1789034907363 → 1.9.0-beta.1789110926690

package/dist/editable.mjs

@@ -1,5 +1,5 @@
-import { $ as oo, A as io, At as lo, B as qn, C as Zn, D as x, Dt as so, E as co, Et as Xn, F as X, G as uo, H as et, I as U, It as G, J as ho, K as jn, L as V, N as po, Nt as mo, Ot as go, P as vo, Pt as _, Q as Qt, R as Et, S as fo, T as bo, U as Co, V as Mt, W as Yn, X as yo, Z as So, _ as Jn, at as xo, b as Nt, c as wo, d as To, dt as Ao, et as ee, f as Qn, ft as le, g as ko, gt as J, h as Lo, ht as Ot, i as Po, kt as Io, l as Eo, lt as Mo, m as tt, n as se, nt, o as No, ot as k, p as er, q as Oo, r as $, st as Ro, t as Do, u as zo, ut as _o, v as tr, w as Fo, x as Ho, y as be, z as Rt } from "./history-chords-XaZhRBsb.js";
-import { d as ce, n as nr, u as rr } from "./dev.utils-DT-z_GBs.js";
+import { $ as oo, A as io, At as lo, B as qn, C as Zn, D as x, Dt as so, E as co, Et as Xn, F as X, Ft as _, G as uo, H as et, I as U, J as ho, K as jn, L as V, Lt as G, Mt as Yn, N as po, Ot as mo, P as go, Pt as vo, Q as Qt, R as Et, S as fo, T as bo, U as Co, V as Mt, W as Jn, X as yo, Z as So, _ as Qn, at as xo, b as Nt, c as wo, d as To, dt as Ao, et as ee, f as er, ft as le, g as ko, gt as J, h as Lo, ht as Ot, i as Po, kt as Io, l as Eo, lt as Mo, m as tt, n as se, nt, o as No, ot as k, p as tr, q as Oo, r as $, st as Ro, t as Do, u as zo, ut as _o, v as nr, w as Fo, x as Ho, y as be, z as Rt } from "./history-chords-BLPhwLjz.js";
+import { n as ce, t as rr } from "./theme.contract.css-Rb-GELRv.js";
 import { ARROW_DEFAULTS as Bo, ARROW_STICKER_DECLARATIONS as Vo, ARROW_STROKE_WIDTHS as pt, AddAnnotationCommand as pe, AddHighlightCommand as Go, BORDER_RADIUS_TOKENS as en, COMBO_TYPES as tn, CONSTANT_VARIABLES as $o, DEFAULT_BAR_BORDER_RADIUS as Uo, DEFAULT_POINT_SIZE as Wo, DEFAULT_STROKE_WIDTH as Ko, DIFFERENCE_ARROW_DEFAULTS as ar, DIFFERENCE_ARROW_SIZE_DECLARATIONS as nn, MAX_BAR_WIDTH as qo, MIN_BAR_WIDTH as Zo, MoveAnnotationCommand as Xo, RESTING_HOVER_STATE as or, RemoveAnnotationCommand as ke, RemoveHighlightCommand as jo, SHAPE_DEFAULTS as Yo, SetAxisLabelCommand as Jo, SetAxisPositionCommand as Qo, SetAxisTickModeCommand as ei, SetAxisTicksVisibilityCommand as ti, SetAxisVisibilityCommand as ni, SetBarBorderRadiusCommand as ri, SetBarWidthCommand as ai, SetChartTypeCommand as ir, SetContentCaptionCommand as lr, SetContentSourceCommand as oi, SetContentSubtitleCommand as sr, SetContentTitleCommand as cr, SetDataLabelsFormatCommand as ii, SetDifferenceArrowStyleCommand as li, SetGridLineStyleCommand as si, SetGridLineWidthCommand as ci, SetGridVisibilityCommand as di, SetHeadlineCompareWithCommand as ui, SetHeadlinePositionCommand as hi, SetHeadlineShowCommand as rn, SetHeadlineSizeCommand as pi, SetHighlightDimStyleCommand as mi, SetLayerYScaleTypeCommand as gi, SetLegendAlignCommand as vi, SetLegendDisplayCommand as fi, SetLegendPositionCommand as bi, SetLineInterpolationCommand as Ci, SetLineMissingValuesCommand as yi, SetLineWidthCommand as an, SetMappingCommand as Si, SetNumberFormatAbbreviationCommand as xi, SetNumberFormatDecimalsCommand as on, SetPointSizeCommand as wi, SetPolarInnerRadiusCommand as Ti, SetPolarStartAngleCommand as Ai, SetRuleLabelCommand as ki, SetRuleValueCommand as Li, SetScaleDomainCommand as He, SetScaleReverseCommand as Pi, SetScaleTransformCommand as Ii, SetScaleZeroCommand as ln, SetStatLineCommand as Ei, SetStyleRuleCommand as Le, TEXT_ANNOTATION_DEFAULTS as Mi, TEXT_ANNOTATION_FADE_ALPHA as Ni, ToggleCategoryLabelsCommand as Oi, ToggleContentVisibilityCommand as rt, ToggleDataLabelsCommand as Ri, ToggleGoalLineCommand as Di, ToggleLineFillCommand as zi, ToggleLinePointsVisibilityCommand as _i, ToggleStackTotalsCommand as Fi, UpdateAnnotationCommand as re, alignUnitFractions as Hi, areAnchorsEqual as dr, areEndpointsComparable as Bi, buildEditMenuTriggerRegion as Vi, buildLayerStyleAddress as Gi, buildObservationPredicate as $i, canAnchorDirectLabels as Ui, canBecomeCombo as Wi, canBecomeHeatmap as Ki, canPlaceDataLabels as qi, clampAnnotationTranslation as Zi, computeArrow as ur, createObservationAnchorBuilder as Xi, createObservationAnchorParser as ji, createStyleResolver as at, createValueFormatter as Yi, extractConstantValue as Ji, extractVariableName as Qi, filterLayersByGeoms as bt, findAnnotation as el, findAverageLineLayer as tl, findGoalLineLayer as nl, findHighlightsAtObservation as rl, findKindStyleDeclarations as al, findLayerByGeom as hr, findObservationAttachment as ol, findStyleRule as fe, findTrendLineLayer as il, formatDifferenceLabel as ll, hasMultipleGroups as sl, inferDefaultDifferenceArrowEndpoints as cl, inferDifferenceArrowEndpoints as dl, isComboChartType as ve, isCompanionLayer as pr, isObservationAttachmentKind as ul, isPointWithinEditMenuTrigger as mr, isSafeUrl as hl, projectAnchorToPanel as Ue, readChartType as gr, readComboLineLayerId as pl, readHighlightDimStyle as ml, readMappableAesthetics as gl, readMappedVariable as vl, readObservationIndex as fl, resolveBarBandFraction as bl, resolveComparisonBasis as Cl, resolveGridLineStyle as yl, resolveObservationPoint as vr, resolveShapeAnnotationStyle as Sl, stepDifferenceArrowEndpoint as xl, toPanelCursor as Dt } from "@graphysdk/viz-engine";
 import { createContext as Oe, useCallback as ie, useContext as Pe, useEffect as O, useId as Ae, useMemo as M, useRef as te, useState as Q } from "react";
 import { Fragment as j, jsx as n, jsxs as m } from "react/jsx-runtime";
@@ -2600,7 +2600,7 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
   border: `1px solid ${ce.border100}`
 } : {
   background: e,
-  border: `1px solid ${go(e, 0.1)}`
+  border: `1px solid ${mo(e, 0.1)}`
 }, Rs = (e) => {
   const { themeValues: t } = nt();
   if (Io(e)) return e.toUpperCase();
@@ -2656,12 +2656,12 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
     strokeLinejoin: "round",
     children: /* @__PURE__ */ n("path", { d: "m6 9 6 6 6-6" })
   })
-}), qs = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", Zs = `'Aeonik', 'Aeonik Fallback', ${nr}`, Xs = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", js = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", St = [
+}), qs = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", Zs = `'Aeonik', 'Aeonik Fallback', ${Yn}`, Xs = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", js = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", St = [
   {
     id: "modern",
     label: "Modern",
     preview: "Aa",
-    fontFamily: nr
+    fontFamily: Yn
   },
   {
     id: "fresh",
@@ -4277,14 +4277,14 @@ var ad = (e) => {
     },
     "data-testid": "arrow-endpoint-preview",
     "data-annotation-id": t.annotationId,
-    children: /* @__PURE__ */ n(tr, {
+    children: /* @__PURE__ */ n(nr, {
       computed: l,
       style: i,
       isAddressable: !1
     })
   });
 }, De = () => {
-  const e = Jn();
+  const e = Qn();
   return wt(e);
 }, wt = (e) => {
   if (e.length !== 1) return null;
@@ -5569,7 +5569,7 @@ var Ku = {
   return /* @__PURE__ */ n(zo, {
     annotation: e,
     panel: t,
-    style: Qn()(e.id),
+    style: er()(e.id),
     blockRef: r
   });
 }, Ve = (e, t, r) => {
@@ -5605,12 +5605,12 @@ var Ku = {
     panelWidth: t.width,
     panelHeight: t.height
   });
-  return a === null ? null : /* @__PURE__ */ n(tr, {
+  return a === null ? null : /* @__PURE__ */ n(nr, {
     computed: a,
     style: r,
     isAddressable: !1
   });
-}, eh = ({ shape: e, panelSize: t }) => /* @__PURE__ */ n(er, {
+}, eh = ({ shape: e, panelSize: t }) => /* @__PURE__ */ n(tr, {
   shape: e,
   style: tt()(e.id),
   panel: t
@@ -5633,7 +5633,7 @@ var Ku = {
     },
     "data-testid": "shape-resize-preview",
     "data-annotation-id": t.annotationId,
-    children: /* @__PURE__ */ n(er, {
+    children: /* @__PURE__ */ n(tr, {
       shape: {
         ...o,
         region: Ut(t.region)
@@ -6068,7 +6068,7 @@ var wa = [
     Icon: Vr
   }
 ], Nh = ({ annotation: e, textBox: t, panelRect: r, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = k(), { commands: s } = G(), c = _((b) => b.spec.styles.overrides), u = U(), d = lt(), h = Qn()(e.id), v = bh(e.content), p = Ph(v.font), g = Ih(v.fontSize), f = v.color ?? h.textColor, y = M(() => ({
+  const l = k(), { commands: s } = G(), c = _((b) => b.spec.styles.overrides), u = U(), d = lt(), h = er()(e.id), v = bh(e.content), p = Ph(v.font), g = Ih(v.fontSize), f = v.color ?? h.textColor, y = M(() => ({
     target: "annotation",
     kind: "text",
     annotation: e.id
@@ -6461,7 +6461,7 @@ var Yh = "_1tyillx1", Jh = {
     r,
     a
   ]);
-}, o1 = `[${Yn}]`, Je = (e, t, r) => {
+}, o1 = `[${Jn}]`, Je = (e, t, r) => {
   if (typeof document.elementsFromPoint != "function") return null;
   const a = document.elementsFromPoint(e, t);
   return i1(a, r);
@@ -6475,7 +6475,7 @@ var Yh = "_1tyillx1", Jh = {
   }
   return null;
 }, l1 = (e) => {
-  const t = e.getAttribute(Yn);
+  const t = e.getAttribute(Jn);
   if (t !== "annotation") return null;
   const r = e.getAttribute(Co);
   return r === null || r === "" ? null : {
@@ -6653,7 +6653,7 @@ var Yh = "_1tyillx1", Jh = {
   const e = yo((i) => i.hover.primary), { layers: t, coordSystem: r } = _(Ie((i) => ({
     layers: i.layers,
     coordSystem: i.coordSystem
-  }))), { anchorResolver: a } = G(), o = mo();
+  }))), { anchorResolver: a } = G(), o = vo();
   return M(() => {
     if (e === null) return null;
     const i = t.find((c) => c.id === e.layerId);
@@ -6784,7 +6784,7 @@ var Yh = "_1tyillx1", Jh = {
       return !1;
   }
 }, En = "editor", Mn = [], C1 = (e, t, r, a) => {
-  const o = La(), { store: i } = Ot(), l = Jn().length > 0, s = X((d) => d.menuTrigger), c = o.kind === "menu", u = M(() => s === null ? Mn : [Vi(s)], [s]);
+  const o = La(), { store: i } = Ot(), l = Qn().length > 0, s = X((d) => d.menuTrigger), c = o.kind === "menu", u = M(() => s === null ? Mn : [Vi(s)], [s]);
   b1(e, t), d1(e, t, r), v1(o, t, r), s1(e), h1(e), a1(e, a), O(() => (i.getState().publishPointerRegions(En, u), () => i.getState().publishPointerRegions(En, Mn)), [i, u]), O(() => (i.getState().setPointerSuspended(c || l), () => i.getState().setPointerSuspended(!1)), [
     i,
     c,
@@ -6879,7 +6879,7 @@ var Yh = "_1tyillx1", Jh = {
   });
 }, e0 = ({ slots: e, ...t }) => /* @__PURE__ */ n(ls, {
   locale: Oo(),
-  children: /* @__PURE__ */ n(vo, { children: /* @__PURE__ */ n(io, {
+  children: /* @__PURE__ */ n(go, { children: /* @__PURE__ */ n(io, {
     editors: Hc,
     children: /* @__PURE__ */ n(No, {
       slots: M(() => ({

package/dist/graph-config.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./dev.utils-BYWvIyGa.cjs");let i=require("@graphysdk/viz-engine/graph-config");var s=t=>{const e={};for(const[r,n]of Object.entries(t.themeOverrides??{}))if(Object.hasOwn(o.vars,r))if(o.isMeasuredFontTokenKey(r)&&typeof n=="string"){const a=(0,i.parseFontShorthand)(n);if(a===null){h(r,n);continue}e[r]=a}else e[r]=n;return e},h=(t,e)=>{o.IS_DEV&&console.warn(`[react-renderer] Ignoring GraphConfig themeOverrides."${t}": "${e}" is not a measurable font shorthand (needs a px/em size and a family).`)};exports.convertGraphConfigTheme=s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./theme.contract.css-BHtVczcV.cjs");require("@graphysdk/viz-engine/graph-config");var c=e=>{const r={};for(const[t,n]of Object.entries(e.themeOverrides??{}))typeof n!="string"||!i(t)||(r[t]=n);return r},i=e=>Object.hasOwn(o.vars,e);exports.convertGraphConfigTheme=c;

package/dist/graph-config.d.ts

@@ -1,50 +1,25 @@
-import { FontLength } from '@graphysdk/viz-engine/graph-config';
-import { FontStyle } from '@graphysdk/viz-engine/graph-config';
 import { GraphConfig } from '@graphysdk/viz-engine/graph-config';
 
 /**
  * Converts a `GraphConfig`'s `themeOverrides` — untyped JSON — to the renderer's typed
- * {@link ThemeOverrides}: measured font tokens carrying a CSS `font` shorthand string are parsed
- * into their structured {@link FontTokenOverride} equivalent. An unparseable shorthand is dropped
- * with a dev warning; keys that are no longer on the theme contract are dropped. The data half,
- * including the `appearance.textStyle` fonts (resolved against `ctx.fontList` into graph and
- * heading style entries), goes through viz-engine's `convertGraphConfig`.
+ * {@link ThemeOverrides}. Only keys still on the theme contract pass through; leftover stylesheet
+ * keys (`legendBackground`, `tooltipBackground`, …) are ignored because `convertTextStyles`
+ * already lifts them onto `style.legendItem` / `style.tooltip`. The data half, including the
+ * `appearance.textStyle` fonts (resolved against `ctx.fontList` into graph and heading style
+ * entries), goes through viz-engine's `convertGraphConfig`.
  */
 export declare const convertGraphConfigTheme: (config: GraphConfig) => ThemeOverrides;
 
 /**
- * A structured override of a measured font token. Omitted fields keep the token's default (which
- * still cascades from the leaf tokens, e.g. `fontSizeXs`), so `{ weight: 600 }` changes only the
- * weight.
+ * A partial set of token values layered over a base theme — the shape of leftover chrome
+ * overrides. Every token takes its CSS string value.
  */
-declare interface FontTokenOverride {
-    family?: string;
-    weight?: number;
-    style?: FontStyle;
-    size?: FontLength;
-    /** Unitless multiplier; sizes HTML line boxes (legend band). Canvas measurement ignores it. */
-    lineHeight?: number;
-}
-
-/**
- * The element font tokens JS measurement reproduces. Overridden structurally
- * ({@link FontTokenOverride}); the CSS variable's shorthand is serialized from the same object
- * measurement reads, so paint and layout move together.
- */
-declare type MeasuredFontTokenKey = 'fontLegendLabel';
-
-/**
- * A partial set of token values layered over a base theme. Measured font tokens take a
- * {@link FontTokenOverride}; every other token takes its CSS string value.
- */
-declare type ThemeOverrides = Partial<Omit<ThemeValues, MeasuredFontTokenKey>> & {
-    [Key in MeasuredFontTokenKey]?: FontTokenOverride;
-};
+declare type ThemeOverrides = Partial<ThemeValues>;
 
 /** Every theme token mapped to its resolved CSS string value. */
 declare type ThemeValues = Record<keyof typeof vars, string>;
 
-/** CSS custom-property references for every theme token; read at paint sites as `vars.tooltipBackground`, etc. */
+/** CSS custom-property references for every theme token; read at paint sites as `vars.textPrimary`, etc. */
 declare const vars: {
     white: `var(--${string})`;
     black: `var(--${string})`;
@@ -91,22 +66,12 @@ declare const vars: {
     overlayBackground: `var(--${string})`;
     overlayBorderGradient: `var(--${string})`;
     graphBackground: `var(--${string})`;
-    legendBackground: `var(--${string})`;
-    legendBorderColor: `var(--${string})`;
     legendFocusOutlineColor: `var(--${string})`;
-    legendTextColor: `var(--${string})`;
     annotationFrameBorderColor: `var(--${string})`;
     editMenuTriggerIconColor: `var(--${string})`;
-    tooltipBorderRadius: `var(--${string})`;
-    tooltipPaddingBlock: `var(--${string})`;
-    tooltipPaddingInline: `var(--${string})`;
     tooltipRowGap: `var(--${string})`;
-    tooltipShadow: `var(--${string})`;
     editorControlHeight: `var(--${string})`;
     legendSwatchGap: `var(--${string})`;
-    legendPillPaddingInline: `var(--${string})`;
-    legendPillPaddingBlock: `var(--${string})`;
-    legendPillBorderWidth: `var(--${string})`;
     headlineRowGap: `var(--${string})`;
     canvasDefault: `var(--${string})`;
     canvasBlue: `var(--${string})`;
@@ -142,8 +107,6 @@ declare const vars: {
     toolbarButtonBackgroundColorHovered: `var(--${string})`;
     toolbarButtonBackgroundColorSelected: `var(--${string})`;
     toolbarSeparatorColor: `var(--${string})`;
-    tooltipBackground: `var(--${string})`;
-    tooltipBorderColor: `var(--${string})`;
     fontFamily: `var(--${string})`;
     fontFamilyHeading: `var(--${string})`;
     fontWeightRegular: `var(--${string})`;
@@ -172,7 +135,6 @@ declare const vars: {
     fontLineHeightHeadingSm: `var(--${string})`;
     fontLineHeightHeadingMd: `var(--${string})`;
     fontLineHeightHeadingLg: `var(--${string})`;
-    fontLegendLabel: `var(--${string})`;
     fontButton: `var(--${string})`;
     fontInput: `var(--${string})`;
     fontInputLabel: `var(--${string})`;

package/dist/graph-config.mjs

@@ -1,21 +1,11 @@
-import { c as a, d as s, t as i } from "./dev.utils-DT-z_GBs.js";
-import { parseFontShorthand as f } from "@graphysdk/viz-engine/graph-config";
-var m = (o) => {
-  const e = {};
-  for (const [r, n] of Object.entries(o.themeOverrides ?? {}))
-    if (Object.hasOwn(s, r))
-      if (a(r) && typeof n == "string") {
-        const t = f(n);
-        if (t === null) {
-          c(r, n);
-          continue;
-        }
-        e[r] = t;
-      } else e[r] = n;
-  return e;
-}, c = (o, e) => {
-  i && console.warn(`[react-renderer] Ignoring GraphConfig themeOverrides."${o}": "${e}" is not a measurable font shorthand (needs a px/em size and a family).`);
-};
+import { n } from "./theme.contract.css-Rb-GELRv.js";
+import "@graphysdk/viz-engine/graph-config";
+var c = (e) => {
+  const r = {};
+  for (const [t, o] of Object.entries(e.themeOverrides ?? {}))
+    typeof o != "string" || !i(t) || (r[t] = o);
+  return r;
+}, i = (e) => Object.hasOwn(n, e);
 export {
-  m as convertGraphConfigTheme
+  c as convertGraphConfigTheme
 };