@extend-ai/react-xlsx 0.18.1 → 0.20.0

package/dist/{chart-renderer-HQSQHDCB.js → chart-renderer-KGLAI4DN.js}

@@ -2,17 +2,17 @@ import {
   regionMapResources,
   surfaceRenderer,
   useChartModule
-} from "./chunk-OZLJPZUX.js";
+} from "./chunk-3JTCYAUX.js";
 import {
   clipSurfaceBand,
+  groupSurfaceBandEdges,
   normalizeSurfaceValue,
   shadeSurfaceMatteColor,
-  surfaceBandEdges,
   surfaceDataRatios,
   surfaceNormal,
   transformSurfaceNormal,
   triangulateSurfaceQuad
-} from "./chunk-BAAMDEDS.js";
+} from "./chunk-VXBNYHW5.js";
 import {
   getBuiltinChartColor,
   getBuiltinChartSurfaceLine,
@@ -4019,20 +4019,21 @@ function renderSurfaceChart(chart, palette, layout, selectedChartElement) {
               faces2.push(/* @__PURE__ */ jsx("polygon", { fill: chart.surfaceMaterial === "flat" ? resolveSurfaceBandColor(chart, palette, domain, midpoint) : shadeSurfaceMatteColor(resolveSurfaceBandColor(chart, palette, domain, midpoint), normal), points: polygon.map((point) => `${point.x},${point.y}`).join(" ") }, `surface-band-${key}`));
             }
             const widths = chart.raw?.bandFormatLineWidths;
-            const lineWidth = widths?.[band] ?? chart.series[0]?.lineWidthPx ?? 1;
-            const edges = surfaceBandEdges(polygon, triangle);
-            lines.push(
-              /* @__PURE__ */ jsx(
-                "path",
-                {
-                  d: edges.map(([from, to]) => `M ${from.x} ${from.y} L ${to.x} ${to.y}`).join(" "),
-                  fill: "none",
-                  stroke: resolveSurfaceWireframeColor(chart, palette, domain, midpoint),
-                  strokeWidth: lineWidth
-                },
-                `surface-edge-${key}`
-              )
-            );
+            for (const group of groupSurfaceBandEdges(polygon, triangle, band, lower, chart.wireframe === true)) {
+              const edgeMidpoint = (domain.ticks[group.band] + domain.ticks[group.band + 1]) / 2;
+              lines.push(
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: group.edges.map(([from, to]) => `M ${from.x} ${from.y} L ${to.x} ${to.y}`).join(" "),
+                    fill: "none",
+                    stroke: resolveSurfaceWireframeColor(chart, palette, domain, edgeMidpoint),
+                    strokeWidth: widths?.[group.band] ?? chart.series[0]?.lineWidthPx ?? 1
+                  },
+                  `surface-edge-${key}-${group.band}`
+                )
+              );
+            }
           }
         });
       }
@@ -4166,12 +4167,16 @@ function renderSurfaceChart(chart, palette, layout, selectedChartElement) {
           const projected = polygon.map(projectPoint);
           const midpoint = (lower + upper) / 2;
           const widths = chart.raw?.bandFormatLineWidths;
-          const edges = surfaceBandEdges(polygon, triangle).map(([from, to]) => [projectPoint(from), projectPoint(to)]);
+          const edgeGroups = groupSurfaceBandEdges(polygon, triangle, band, lower, chart.wireframe === true);
           faces.push({
             depth: projected.reduce((sum, point) => sum + point.depth, 0) / projected.length,
             node: /* @__PURE__ */ jsxs("g", { children: [
               !chart.wireframe && /* @__PURE__ */ jsx("polygon", { fill: chart.surfaceMaterial === "flat" ? resolveSurfaceBandColor(chart, palette, domain, midpoint) : shadeSurfaceMatteColor(resolveSurfaceBandColor(chart, palette, domain, midpoint), normal), points: projected.map((point) => `${point.x},${point.y}`).join(" ") }),
-              /* @__PURE__ */ jsx("path", { fill: "none", stroke: resolveSurfaceWireframeColor(chart, palette, domain, midpoint), strokeWidth: widths?.[band] ?? chart.series[0]?.lineWidthPx ?? 1, d: edges.map(([from, to]) => `M ${from.x} ${from.y} L ${to.x} ${to.y}`).join(" ") })
+              edgeGroups.map((group) => {
+                const edgeMidpoint = (domain.ticks[group.band] + domain.ticks[group.band + 1]) / 2;
+                const edges = group.edges.map(([from, to]) => [projectPoint(from), projectPoint(to)]);
+                return /* @__PURE__ */ jsx("path", { fill: "none", stroke: resolveSurfaceWireframeColor(chart, palette, domain, edgeMidpoint), strokeWidth: widths?.[group.band] ?? chart.series[0]?.lineWidthPx ?? 1, d: edges.map(([from, to]) => `M ${from.x} ${from.y} L ${to.x} ${to.y}`).join(" ") }, `surface-edge-${group.band}`);
+              })
             ] }, `surface-band-${rowIndex}-${columnIndex}-${triangleIndex}-${band}`)
           });
         }
@@ -5037,4 +5042,4 @@ var MemoChartSvg = React.memo(function MemoChartSvg2({
 export {
   MemoChartSvg
 };
-//# sourceMappingURL=chart-renderer-HQSQHDCB.js.map
+//# sourceMappingURL=chart-renderer-KGLAI4DN.js.map