@graphysdk/react-renderer 2.0.0-beta.1786440210947 → 2.0.0-beta.1787130761469

package/dist/graph-config.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./font-values-CStAZ2d1.cjs");var h=(r,e)=>{const n=r.appearance?.textStyle;return{...m(r.themeOverrides),...e&&n?g(n,e):void 0}},p=r=>{const e=r.trim().replace(/\s*\/\s*/g,"/").split(/\s+/);let n="normal",o=400,t=0;for(;t<e.length;){const l=e[t];if(l===void 0)return null;if(l==="normal")t++;else if(s.isFontStyle(l))n=l,t++;else{const v=s.parseFontWeight(l);if(v===null)break;o=v,t++}}const i=e[t];if(i===void 0)return null;const[a="",d]=i.split("/"),u=s.parseFontLength(a);if(u===null)return null;const c=d===void 0?null:s.parseUnitlessLineHeight(d),f=e.slice(t+1).join(" ").trim();return f===""?null:{style:n,weight:o,size:u,family:f,...c!==null?{lineHeight:c}:{}}},g=(r,e)=>{const n=i=>i===void 0?void 0:e.find(a=>a.id===i)?.fontFamily,o=n(r.body?.fontId),t=n(r.heading?.fontId);return{...o?{fontFamilyDefault:o}:void 0,...t?{fontFamilyHeading:t}:void 0}},m=r=>{if(r===void 0)return;const e={};for(const[n,o]of Object.entries(r))if(s.isMeasuredFontTokenKey(n)&&typeof o=="string"){const t=p(o);if(t===null){y(n,o);continue}e[n]=t}else e[n]=o;return e},y=(r,e)=>{process.env.NODE_ENV!=="production"&&console.warn(`[react-renderer] Ignoring GraphConfig themeOverrides."${r}": "${e}" is not a measurable font shorthand (needs a px/em size and a family).`)};exports.convertGraphConfigTheme=h;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./typography-CsG_IWDd.cjs");let s=require("@graphysdk/viz-engine/graph-config");var v=(e,n)=>{const r=e.appearance?.textStyle;return{...c(e.themeOverrides),...n&&r?l(r,n):void 0}},l=(e,n)=>{const r=a=>a===void 0?void 0:n.find(i=>i.id===a)?.fontFamily,o=r(e.body?.fontId),t=r(e.heading?.fontId);return{...o?{fontFamilyDefault:o}:void 0,...t?{fontFamilyHeading:t}:void 0}},c=e=>{if(e===void 0)return;const n={};for(const[r,o]of Object.entries(e))if(d.isMeasuredFontTokenKey(r)&&typeof o=="string"){const t=(0,s.parseFontShorthand)(o);if(t===null){f(r,o);continue}n[r]=t}else n[r]=o;return n},f=(e,n)=>{process.env.NODE_ENV!=="production"&&console.warn(`[react-renderer] Ignoring GraphConfig themeOverrides."${e}": "${n}" is not a measurable font shorthand (needs a px/em size and a family).`)};exports.convertGraphConfigTheme=v;

package/dist/graph-config.d.ts

@@ -1,3 +1,5 @@
+import { FontLength } from '@graphysdk/viz-engine/graph-config';
+import { FontStyle } from '@graphysdk/viz-engine/graph-config';
 import { GraphConfig } from '@graphysdk/viz-engine/graph-config';
 
 /**
@@ -10,26 +12,12 @@ import { GraphConfig } from '@graphysdk/viz-engine/graph-config';
  */
 export declare const convertGraphConfigTheme: (config: GraphConfig, fontList?: FontListInput) => ThemeOverrides;
 
-declare const FONT_STYLES: readonly ["normal", "italic", "oblique"];
-
-/**
- * A CSS length keeping its unit so measurement can treat it like CSS paint does: em scales with
- * `textScale` (see `emToPx`), px stays absolute.
- */
-declare interface FontLength {
-    value: number;
-    unit: 'px' | 'em';
-}
-
 /** Host font catalog mapping each font id a `GraphConfig` may reference to a CSS `font-family` string. */
 export declare type FontListInput = Array<{
     id: string;
     fontFamily: string;
 }>;
 
-/** A CSS `font-style` keyword accepted by a measured font token override. */
-declare type FontStyle = (typeof FONT_STYLES)[number];
-
 /**
  * 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
@@ -49,7 +37,7 @@ declare interface FontTokenOverride {
  * ({@link FontTokenOverride}); the CSS variable's shorthand is serialized from the same object
  * measurement reads, so paint and layout move together.
  */
-declare type MeasuredFontTokenKey = 'fontDataLabel' | 'fontStackTotal' | 'fontCategoryLabel' | 'fontTickLabel' | 'fontAxisLabel' | 'fontLegendLabel' | 'fontGoalLineLabel';
+declare type MeasuredFontTokenKey = 'fontLegendLabel';
 
 /**
  * A partial set of token values layered over a base theme — the shape of the `themeOverrides`
@@ -123,22 +111,13 @@ declare const vars: {
     trendPositiveColor: `var(--${string})`;
     trendNeutralColor: `var(--${string})`;
     defaultAnnotationArrowStroke: `var(--${string})`;
-    defaultAnnotationShapeStroke: `var(--${string})`;
     defaultAnnotationShapeFill: `var(--${string})`;
     arrowAnnotationStickerOutlineColor: `var(--${string})`;
     arrowAnnotationStickerOutlineColorInverse: `var(--${string})`;
     annotationFrameBorderColor: `var(--${string})`;
     editMenuTriggerIconColor: `var(--${string})`;
     heatmapEmptyTileBackground: `var(--${string})`;
-    dataLabelOutsideBackground: `var(--${string})`;
-    dataLabelTextColor: `var(--${string})`;
-    dataLabelInsideTextColor: `var(--${string})`;
-    stackTotalTextColor: `var(--${string})`;
-    stackTotalBackground: `var(--${string})`;
-    stackTotalStroke: `var(--${string})`;
     gridLineWidth: `var(--${string})`;
-    gridLineDash: `var(--${string})`;
-    gridLineDotted: `var(--${string})`;
     tooltipBorderRadius: `var(--${string})`;
     tooltipBorderWidth: `var(--${string})`;
     tooltipPaddingBlock: `var(--${string})`;
@@ -146,7 +125,6 @@ declare const vars: {
     tooltipRowGap: `var(--${string})`;
     tooltipShadow: `var(--${string})`;
     editorControlHeight: `var(--${string})`;
-    tickLabelOffset: `var(--${string})`;
     legendItemGap: `var(--${string})`;
     legendSwatchGap: `var(--${string})`;
     legendSwatchWidth: `var(--${string})`;
@@ -227,11 +205,6 @@ declare const vars: {
     fontLineHeightHeadingSm: `var(--${string})`;
     fontLineHeightHeadingMd: `var(--${string})`;
     fontLineHeightHeadingLg: `var(--${string})`;
-    fontTickLabel: `var(--${string})`;
-    fontAxisLabel: `var(--${string})`;
-    fontDataLabel: `var(--${string})`;
-    fontStackTotal: `var(--${string})`;
-    fontCategoryLabel: `var(--${string})`;
     fontLegendLabel: `var(--${string})`;
     fontSeriesLabel: `var(--${string})`;
     fontTooltipLabel: `var(--${string})`;
@@ -245,7 +218,6 @@ declare const vars: {
     fontTooltipCaptionSmall: `var(--${string})`;
     fontTrendTag: `var(--${string})`;
     fontTrendTagSmall: `var(--${string})`;
-    fontGoalLineLabel: `var(--${string})`;
     fontPieLabel: `var(--${string})`;
     fontPieChartTotal: `var(--${string})`;
     fontDifferenceArrowSmall: `var(--${string})`;

package/dist/graph-config.mjs

@@ -1,58 +1,32 @@
-import { i as v, n as h, p, r as m, t as g } from "./font-values-CPxYeqns.js";
-var w = (r, e) => {
-  const n = r.appearance?.textStyle;
+import { l as d } from "./typography-DUFp65Tx.js";
+import { parseFontShorthand as s } from "@graphysdk/viz-engine/graph-config";
+var p = (e, n) => {
+  const r = e.appearance?.textStyle;
   return {
-    ...b(r.themeOverrides),
-    ...e && n ? F(n, e) : void 0
+    ...f(e.themeOverrides),
+    ...n && r ? v(r, n) : void 0
   };
-}, y = (r) => {
-  const e = r.trim().replace(/\s*\/\s*/g, "/").split(/\s+/);
-  let n = "normal", i = 400, t = 0;
-  for (; t < e.length; ) {
-    const s = e[t];
-    if (s === void 0) return null;
-    if (s === "normal") t++;
-    else if (g(s))
-      n = s, t++;
-    else {
-      const u = m(s);
-      if (u === null) break;
-      i = u, t++;
-    }
-  }
-  const o = e[t];
-  if (o === void 0) return null;
-  const [a = "", l] = o.split("/"), d = h(a);
-  if (d === null) return null;
-  const c = l === void 0 ? null : v(l), f = e.slice(t + 1).join(" ").trim();
-  return f === "" ? null : {
-    style: n,
-    weight: i,
-    size: d,
-    family: f,
-    ...c !== null ? { lineHeight: c } : {}
-  };
-}, F = (r, e) => {
-  const n = (o) => o === void 0 ? void 0 : e.find((a) => a.id === o)?.fontFamily, i = n(r.body?.fontId), t = n(r.heading?.fontId);
+}, v = (e, n) => {
+  const r = (a) => a === void 0 ? void 0 : n.find((i) => i.id === a)?.fontFamily, o = r(e.body?.fontId), t = r(e.heading?.fontId);
   return {
-    ...i ? { fontFamilyDefault: i } : void 0,
+    ...o ? { fontFamilyDefault: o } : void 0,
     ...t ? { fontFamilyHeading: t } : void 0
   };
-}, b = (r) => {
-  if (r === void 0) return;
-  const e = {};
-  for (const [n, i] of Object.entries(r)) if (p(n) && typeof i == "string") {
-    const t = y(i);
+}, f = (e) => {
+  if (e === void 0) return;
+  const n = {};
+  for (const [r, o] of Object.entries(e)) if (d(r) && typeof o == "string") {
+    const t = s(o);
     if (t === null) {
-      k(n, i);
+      l(r, o);
       continue;
     }
-    e[n] = t;
-  } else e[n] = i;
-  return e;
-}, k = (r, e) => {
-  process.env.NODE_ENV !== "production" && console.warn(`[react-renderer] Ignoring GraphConfig themeOverrides."${r}": "${e}" is not a measurable font shorthand (needs a px/em size and a family).`);
+    n[r] = t;
+  } else n[r] = o;
+  return n;
+}, l = (e, n) => {
+  process.env.NODE_ENV !== "production" && console.warn(`[react-renderer] Ignoring GraphConfig themeOverrides."${e}": "${n}" is not a measurable font shorthand (needs a px/em size and a family).`);
 };
 export {
-  w as convertGraphConfigTheme
+  p as convertGraphConfigTheme
 };