@opendata-ai/openchart-engine 6.17.0 → 6.19.0

package/dist/index.d.ts

@@ -305,6 +305,7 @@ interface NormalizedSankeySpec {
     iterations: number;
     linkStyle: SankeyLinkColor;
     nodeLabelAlign: 'auto' | 'left' | 'right';
+    nodeSort?: string[];
     chrome: NormalizedChrome;
     legend?: LegendConfig;
     theme: ThemeConfig;

package/dist/index.js

@@ -6530,6 +6530,7 @@ function normalizeSankeySpec(spec, _warnings) {
     iterations: spec.iterations ?? 6,
     linkStyle: spec.linkStyle ?? "gradient",
     nodeLabelAlign: spec.nodeLabelAlign ?? "auto",
+    nodeSort: spec.nodeSort,
     chrome: normalizeChrome(spec.chrome),
     legend: spec.legend,
     theme: spec.theme ?? {},
@@ -9345,7 +9346,7 @@ var ALIGN_MAP = {
   right,
   center
 };
-function computeSankeyLayout(data, sourceField, targetField, valueField, area, nodeWidth, nodePadding, nodeAlign, iterations) {
+function computeSankeyLayout(data, sourceField, targetField, valueField, area, nodeWidth, nodePadding, nodeAlign, iterations, nodeSort) {
   const nodeSet = /* @__PURE__ */ new Set();
   for (const row of data) {
     nodeSet.add(String(row[sourceField]));
@@ -9366,6 +9367,13 @@ function computeSankeyLayout(data, sourceField, targetField, valueField, area, n
     [area.x, area.y],
     [area.x + area.width, area.y + area.height]
   ]).iterations(iterations);
+  if (nodeSort && nodeSort.length > 0) {
+    const orderMap = new Map(nodeSort.map((id, i) => [id, i]));
+    const fallback = nodeSort.length;
+    generator.nodeSort(
+      (a, b) => (orderMap.get(a.id) ?? fallback) - (orderMap.get(b.id) ?? fallback)
+    );
+  }
   const graph = generator({
     nodes,
     links
@@ -9448,7 +9456,7 @@ function getLinkColors(linkStyle, sourceColor, targetColor, neutralColor) {
       return { sourceColor, targetColor };
   }
 }
-function computeNodeLabel(node, maxDepth, theme, nodeWidth, nodeLabelAlign = "auto") {
+function computeNodeLabel(node, maxDepth, theme, nodeWidth, nodeLabelAlign = "auto", containerWidth, padding) {
   const depth = node.depth ?? 0;
   let placeLeft;
   if (nodeLabelAlign === "left") {
@@ -9470,13 +9478,24 @@ function computeNodeLabel(node, maxDepth, theme, nodeWidth, nodeLabelAlign = "au
   const y0 = node.y0 ?? 0;
   const y1 = node.y1 ?? 0;
   const midY = (y0 + y1) / 2;
+  const pad2 = padding ?? 0;
+  let maxWidth;
+  if (containerWidth !== void 0) {
+    if (placeLeft) {
+      maxWidth = x0 - LABEL_GAP - pad2;
+    } else {
+      maxWidth = containerWidth - pad2 - (x1 + LABEL_GAP);
+    }
+    if (maxWidth !== void 0 && maxWidth < 0) maxWidth = 0;
+  }
   if (placeLeft) {
     return {
       text: node.label ?? node.id,
       x: x0 - LABEL_GAP,
       y: midY,
       style: { ...style, textAnchor: "end", dominantBaseline: "central" },
-      visible: true
+      visible: true,
+      maxWidth
     };
   }
   return {
@@ -9484,7 +9503,8 @@ function computeNodeLabel(node, maxDepth, theme, nodeWidth, nodeLabelAlign = "au
     x: x1 + LABEL_GAP,
     y: midY,
     style: { ...style, textAnchor: "start", dominantBaseline: "central" },
-    visible: true
+    visible: true,
+    maxWidth
   };
 }
 function compileSankey(spec, options) {
@@ -9581,7 +9601,8 @@ function compileSankey(spec, options) {
     sankeySpec.nodeWidth,
     sankeySpec.nodePadding,
     sankeySpec.nodeAlign,
-    sankeySpec.iterations
+    sankeySpec.iterations,
+    sankeySpec.nodeSort
   );
   const nodeLabelAlign = sankeySpec.nodeLabelAlign ?? "auto";
   const maxDepthFirst = nodes.reduce((max4, n) => Math.max(max4, n.depth ?? 0), 0);
@@ -9614,7 +9635,8 @@ function compileSankey(spec, options) {
       sankeySpec.nodeWidth,
       sankeySpec.nodePadding,
       sankeySpec.nodeAlign,
-      sankeySpec.iterations
+      sankeySpec.iterations,
+      sankeySpec.nodeSort
     ));
   }
   const nodeColorMap = buildNodeColorMap(
@@ -9637,7 +9659,15 @@ function compileSankey(spec, options) {
       height: (node.y1 ?? 0) - (node.y0 ?? 0),
       fill,
       cornerRadius: NODE_CORNER_RADIUS,
-      label: computeNodeLabel(node, maxDepth, theme, sankeySpec.nodeWidth, nodeLabelAlign),
+      label: computeNodeLabel(
+        node,
+        maxDepth,
+        theme,
+        sankeySpec.nodeWidth,
+        nodeLabelAlign,
+        options.width,
+        padding
+      ),
       nodeId: node.id,
       value: node.value ?? 0,
       depth,