@extend-ai/react-xlsx 0.20.3 → 0.20.4

package/dist/{chart-renderer-ZLJVPLGN.js → chart-renderer-5IN2B3YS.js}

@@ -9,10 +9,9 @@ import {
   triangulateSurfaceQuad
 } from "./chunk-VXBNYHW5.js";
 import {
-  regionMapResources,
   surfaceRenderer,
   useChartModule
-} from "./chunk-VG4JELEQ.js";
+} from "./chunk-IISMO3AX.js";
 import {
   getBuiltinChartColor,
   getBuiltinChartSurfaceLine,
@@ -32,7 +31,36 @@ import {
 
 // src/chart-renderer.tsx
 import { hierarchy as d3Hierarchy, partition as d3Partition, treemap as d3Treemap, treemapBinary, treemapDice } from "d3-hierarchy";
-import { scaleBand, scaleLinear, scalePoint } from "d3-scale";
+
+// src/chart-scales.ts
+function linearScale([low, high], [start, end]) {
+  if (high < low) return linearScale([high, low], [end, start]);
+  const span = high - low;
+  return (value) => {
+    const t = span === 0 ? 0.5 : (value - low) / span;
+    return start * (1 - t) + end * t;
+  };
+}
+function bandScale(domain, [from, to], inner, outer) {
+  const indices = /* @__PURE__ */ new Map();
+  for (const value of domain) {
+    if (!indices.has(value)) indices.set(value, indices.size);
+  }
+  const count = indices.size;
+  const width = Math.abs(to - from);
+  const step = width / Math.max(1, count - inner + 2 * outer);
+  const origin = Math.min(from, to) + (width - step * (count - inner)) / 2;
+  const locate = (value) => {
+    const index = indices.get(value);
+    return index == null ? void 0 : origin + step * (to < from ? count - 1 - index : index);
+  };
+  return Object.assign(locate, { bandwidth: step * (1 - inner) });
+}
+function pointScale(domain, range) {
+  return bandScale(domain, range, 1, 0);
+}
+
+// src/chart-renderer.tsx
 import {
   arc as d3Arc,
   area as d3Area,
@@ -42,10 +70,6 @@ import {
   line as d3Line,
   pie as d3Pie
 } from "d3-shape";
-function RegionMapPlot({ chart, palette, layout, selectedChartElement }) {
-  const resources = useChartModule(regionMapResources);
-  return resources ? renderRegionMapChart(chart, palette, layout, selectedChartElement, resources) : null;
-}
 function SurfaceChartComposite({
   loadingFallback,
   ...props
@@ -224,9 +248,6 @@ function isHistogramLikeSeries(series) {
 function isHistogramLikeChart(chart) {
   return chart.series.some((series) => isHistogramLikeSeries(series));
 }
-function resolveRegionMapBaseColor(chart, seriesIndex) {
-  return chart.series[seriesIndex]?.color ?? chart.series[seriesIndex]?.lineColor ?? chart.chartColorPalette?.[0] ?? chartSeriesColor(chart, seriesIndex);
-}
 function resolveRegionMapDataColor(chart, seriesIndex) {
   const pointColor = normalizeRendererHexColor(chartPointColor(chart, 0, seriesIndex));
   if (pointColor) {
@@ -254,10 +275,6 @@ function resolveRegionMapColorStrings(series) {
   const values = Array.isArray(raw?.chartExColorStrings) ? raw.chartExColorStrings.map((value) => typeof value === "string" ? value.trim() : "") : [];
   return values.some((value) => value.length > 0) ? values : null;
 }
-function resolveRegionMapLayoutProperties(series) {
-  const raw = series?.raw && typeof series.raw === "object" ? series.raw : null;
-  return raw?.layoutProperties && typeof raw.layoutProperties === "object" ? raw.layoutProperties : null;
-}
 function resolveRegionMapValueColorFromStops(stops, ratio) {
   if (stops.length === 0) {
     return "#4f81bd";
@@ -284,10 +301,6 @@ function resolveRegionMapValueColor(chart, seriesIndex, ratio) {
     darkenColor(baseColor, 0.08)
   ], ratio);
 }
-function resolveRegionMapNoDataColor(chart, seriesIndex) {
-  const baseColor = resolveRegionMapBaseColor(chart, seriesIndex);
-  return normalizeRendererHexColor(baseColor) ?? chartSeriesColor(chart, seriesIndex);
-}
 function buildRegionMapLegendItems(chart) {
   const primarySeriesIndex = Math.max(0, chart.series.findIndex((series) => series.hidden !== true));
   const categoricalValues = resolveRegionMapColorStrings(chart.series[primarySeriesIndex] ?? null);
@@ -2266,8 +2279,18 @@ function renderBarChart(chart, palette, layout, chartType, selectedChartElement)
   minValue = valueDomain.min;
   maxValue = valueDomain.max;
   const categoryBandPadding = isHistogramLike ? { inner: 0, outer: 0 } : resolveCategoryBandPadding(chart.gapWidth);
-  const categoryScale = scaleBand().domain(categories).range(isHorizontal ? [plot.top, plot.top + plot.height] : [plot.left, plot.left + plot.width]).paddingInner(categoryBandPadding.inner).paddingOuter(categoryBandPadding.outer);
-  const seriesScale = scaleBand().domain(Array.from({ length: seriesCount }, (_, index) => String(index))).range([0, categoryScale.bandwidth()]).paddingInner(isHistogramLike ? 0 : 0.16).paddingOuter(isHistogramLike ? 0 : 0.08);
+  const categoryScale = bandScale(
+    categories,
+    isHorizontal ? [plot.top, plot.top + plot.height] : [plot.left, plot.left + plot.width],
+    categoryBandPadding.inner,
+    categoryBandPadding.outer
+  );
+  const seriesScale = bandScale(
+    Array.from({ length: seriesCount }, (_, index) => String(index)),
+    [0, categoryScale.bandwidth],
+    isHistogramLike ? 0 : 0.16,
+    isHistogramLike ? 0 : 0.08
+  );
   const usesSeriesDepthAxis = chart.is3d === true && !isHorizontal && !isStacked && seriesCount > 1 && chart.seriesAxis != null;
   const depthLaneSpread = usesSeriesDepthAxis ? clamp(1.26 + seriesCount * 0.16, 1.4, 1.96) : 1;
   const depthGridSpanX = usesSeriesDepthAxis && frameOffsets ? frameOffsets.depthX * depthLaneSpread : 0;
@@ -2277,13 +2300,14 @@ function renderBarChart(chart, palette, layout, chartType, selectedChartElement)
   const depthBarX = usesSeriesDepthAxis ? Math.sign(depthSlotX || frameOffsets?.depthX || 1) * Math.max(8, Math.abs(depthSlotX) * 1.14) : frameOffsets?.depthX;
   const depthBarY = usesSeriesDepthAxis ? Math.sign(depthSlotY || frameOffsets?.depthY || -1) * Math.max(5.5, Math.abs(depthSlotY) * 1.12) : frameOffsets?.depthY;
   const shouldReverseValueAxis = chart.valueAxis?.orientation === "maxMin";
-  const valueScale = scaleLinear().domain([minValue, maxValue]).range(
+  const valueScale = linearScale(
+    [minValue, maxValue],
     isHorizontal ? shouldReverseValueAxis ? [plot.left + plot.width, plot.left] : [plot.left, plot.left + plot.width] : shouldReverseValueAxis ? [plot.top, plot.top + plot.height] : [plot.top + plot.height, plot.top]
   );
   const ticks = isPercentStacked ? buildNumericTickValues(minValue, maxValue, chart.valueAxis?.majorUnit ?? 20) : valueDomain.ticks;
   const categoryPositions = categories.map((category) => {
     const bandStart = categoryScale(category) ?? 0;
-    return bandStart + categoryScale.bandwidth() / 2;
+    return bandStart + categoryScale.bandwidth / 2;
   });
   const bars = [];
   const positive = Array.from({ length: categoryCount }, () => 0);
@@ -2329,8 +2353,8 @@ function renderBarChart(chart, palette, layout, chartType, selectedChartElement)
       }
       const category = categories[categoryIndex];
       const categoryStart = categoryScale(category) ?? 0;
-      const barThickness = usesSeriesDepthAxis ? Math.max(7, categoryScale.bandwidth() * 0.4) : isHistogramLike ? categoryScale.bandwidth() : isStacked ? categoryScale.bandwidth() : seriesScale.bandwidth();
-      const barOffset = usesSeriesDepthAxis ? Math.max(0, (categoryScale.bandwidth() - barThickness) * 0.5) : isHistogramLike ? 0 : isStacked ? 0 : seriesScale(String(seriesIndex)) ?? 0;
+      const barThickness = usesSeriesDepthAxis ? Math.max(7, categoryScale.bandwidth * 0.4) : isHistogramLike ? categoryScale.bandwidth : isStacked ? categoryScale.bandwidth : seriesScale.bandwidth;
+      const barOffset = usesSeriesDepthAxis ? Math.max(0, (categoryScale.bandwidth - barThickness) * 0.5) : isHistogramLike ? 0 : isStacked ? 0 : seriesScale(String(seriesIndex)) ?? 0;
       const depthOffsetX = usesSeriesDepthAxis ? depthSlotX * seriesIndex : 0;
       const depthOffsetY = usesSeriesDepthAxis ? depthSlotY * seriesIndex : 0;
       const depthOrder = depthOffsetX * (frameOffsets?.depthX ?? 0) + depthOffsetY * (frameOffsets?.depthY ?? 0);
@@ -2648,8 +2672,8 @@ function renderLineOrAreaChart(chart, palette, layout, chartType, selectedChartE
     minValue = valueDomain.min;
     maxValue = valueDomain.max;
   }
-  const xScale = scalePoint().domain(categories).range([plot.left, plot.left + plot.width]);
-  const yScale = scaleLinear().domain([minValue, maxValue]).range([plot.top + plot.height, plot.top]);
+  const xScale = pointScale(categories, [plot.left, plot.left + plot.width]);
+  const yScale = linearScale([minValue, maxValue], [plot.top + plot.height, plot.top]);
   const ticks = isPercentStackedSeries ? buildNumericTickValues(minValue, maxValue, chart.valueAxis?.majorUnit ?? 20) : resolveAxisDomainWithChartOverrides(
     chart.valueAxis,
     minValue,
@@ -2840,9 +2864,19 @@ function renderComboChart(chart, palette, layout, selectedChartElement) {
   const groupGapWidth = typeof columnGroup.raw?.gapWidth === "number" && Number.isFinite(columnGroup.raw.gapWidth) ? columnGroup.raw.gapWidth : columnGroup.gapWidth ?? chart.gapWidth;
   const histogramColumns = columnGroup.series.some((series) => isHistogramLikeSeries(series));
   const categoryBandPadding = histogramColumns ? { inner: 0, outer: 0 } : resolveCategoryBandPadding(groupGapWidth);
-  const categoryScale = scaleBand().domain(categories).range([plot.left, plot.left + plot.width]).paddingInner(categoryBandPadding.inner).paddingOuter(categoryBandPadding.outer);
-  const seriesScale = scaleBand().domain(Array.from({ length: columnGroup.series.length }, (_, index) => String(index))).range([0, categoryScale.bandwidth()]).paddingInner(histogramColumns ? 0 : 0.16).paddingOuter(histogramColumns ? 0 : 0.08);
-  const categoryPositions = categories.map((category) => (categoryScale(category) ?? plot.left) + categoryScale.bandwidth() / 2);
+  const categoryScale = bandScale(
+    categories,
+    [plot.left, plot.left + plot.width],
+    categoryBandPadding.inner,
+    categoryBandPadding.outer
+  );
+  const seriesScale = bandScale(
+    Array.from({ length: columnGroup.series.length }, (_, index) => String(index)),
+    [0, categoryScale.bandwidth],
+    histogramColumns ? 0 : 0.16,
+    histogramColumns ? 0 : 0.08
+  );
+  const categoryPositions = categories.map((category) => (categoryScale(category) ?? plot.left) + categoryScale.bandwidth / 2);
   const resolveGlobalSeriesIndex = (series) => {
     const index = chart.series.findIndex((candidate) => candidate.id === series.id);
     return index >= 0 ? index : 0;
@@ -2864,8 +2898,8 @@ function renderComboChart(chart, palette, layout, selectedChartElement) {
     lineGroup.valueAxis?.majorUnit,
     false
   );
-  const primaryScale = scaleLinear().domain([primaryDomain.min, primaryDomain.max]).range([plot.top + plot.height, plot.top]);
-  const secondaryScale = scaleLinear().domain([secondaryDomain.min, secondaryDomain.max]).range([plot.top + plot.height, plot.top]);
+  const primaryScale = linearScale([primaryDomain.min, primaryDomain.max], [plot.top + plot.height, plot.top]);
+  const secondaryScale = linearScale([secondaryDomain.min, secondaryDomain.max], [plot.top + plot.height, plot.top]);
   const axisColor = chart.axisLineColor ?? chart.chartAreaBorderColor ?? palette.border;
   const labelColor = resolveChartAxisTextColor(chart);
   return /* @__PURE__ */ u("g", { children: [
@@ -2909,7 +2943,7 @@ function renderComboChart(chart, palette, layout, selectedChartElement) {
       const globalSeriesIndex = resolveGlobalSeriesIndex(series);
       const value = safeNumber(series.values[categoryIndex]) ?? 0;
       const categoryStart = categoryScale(category) ?? plot.left;
-      const barWidth = Math.max(1, histogramColumns ? categoryScale.bandwidth() : seriesScale.bandwidth());
+      const barWidth = Math.max(1, histogramColumns ? categoryScale.bandwidth : seriesScale.bandwidth);
       const x = categoryStart + (histogramColumns ? 0 : seriesScale(String(seriesIndex)) ?? 0);
       const y = primaryScale(Math.max(0, value));
       const zeroY = primaryScale(0);
@@ -2941,7 +2975,7 @@ function renderComboChart(chart, palette, layout, selectedChartElement) {
     lineGroup.series.map((series, seriesIndex) => {
       const globalSeriesIndex = resolveGlobalSeriesIndex(series);
       const points = categories.map((category, categoryIndex) => ({
-        x: (categoryScale(category) ?? plot.left) + categoryScale.bandwidth() / 2,
+        x: (categoryScale(category) ?? plot.left) + categoryScale.bandwidth / 2,
         y: safeNumber(series.values[categoryIndex])
       }));
       const lineStrokePoints = chart.displayBlanksAs === "span" ? points.filter((point) => point.y != null) : points;
@@ -3087,8 +3121,8 @@ function renderScatterChart(chart, palette, layout, smooth, selectedChartElement
   }
   const safeMaxX = maxX <= minX ? minX + 1 : maxX;
   const safeMaxY = maxY <= minY ? minY + 1 : maxY;
-  const xScale = scaleLinear().domain([minX, safeMaxX]).range([plot.left, plot.left + plot.width]);
-  const yScale = scaleLinear().domain([minY, safeMaxY]).range([plot.top + plot.height, plot.top]);
+  const xScale = linearScale([minX, safeMaxX], [plot.left, plot.left + plot.width]);
+  const yScale = linearScale([minY, safeMaxY], [plot.top + plot.height, plot.top]);
   const xMajorUnit = typeof chart.categoryAxis?.majorUnit === "number" && chart.categoryAxis.majorUnit > 0 ? chart.categoryAxis.majorUnit : hasSyntheticIndexAxis ? 1 : void 0;
   const yMajorUnit = typeof chart.valueAxis?.majorUnit === "number" && chart.valueAxis.majorUnit > 0 ? chart.valueAxis.majorUnit : buildNiceStep(minY, safeMaxY, 6);
   const xTicks = buildNumericTickValues(minX, safeMaxX, xMajorUnit);
@@ -3227,7 +3261,7 @@ function renderBubbleChart(chart, palette, layout, selectedChartElement) {
   const bubbleScaleFactor = clamp((chart.bubbleScale ?? 100) / 100, 0.2, 4);
   const minRadius = 4;
   const maxRadius = Math.max(minRadius + 2, 12 * bubbleScaleFactor);
-  const radiusScale = scaleLinear().domain([minBubbleMagnitude, maxBubbleMagnitude <= minBubbleMagnitude ? minBubbleMagnitude + 1 : maxBubbleMagnitude]).range([minRadius, maxRadius]);
+  const radiusScale = linearScale([minBubbleMagnitude, maxBubbleMagnitude <= minBubbleMagnitude ? minBubbleMagnitude + 1 : maxBubbleMagnitude], [minRadius, maxRadius]);
   const safeMaxX = maxX <= minX ? minX + 1 : maxX;
   const safeMaxY = maxY <= minY ? minY + 1 : maxY;
   const xSpan = safeMaxX - minX;
@@ -3246,8 +3280,8 @@ function renderBubbleChart(chart, palette, layout, selectedChartElement) {
     safeMaxY + yPad,
     chart.valueAxis?.crosses === "autoZero"
   );
-  const xScale = scaleLinear().domain([xDomain.min, xDomain.max]).range([plot.left, plot.left + plot.width]);
-  const yScale = scaleLinear().domain([yDomain.min, yDomain.max]).range([plot.top + plot.height, plot.top]);
+  const xScale = linearScale([xDomain.min, xDomain.max], [plot.left, plot.left + plot.width]);
+  const yScale = linearScale([yDomain.min, yDomain.max], [plot.top + plot.height, plot.top]);
   const xTicks = xDomain.ticks;
   const yTicks = yDomain.ticks;
   const axisColor = chart.axisLineColor ?? chart.chartAreaBorderColor ?? palette.border;
@@ -4177,7 +4211,12 @@ function renderWaterfallChart(chart, palette, layout, selectedChartElement) {
   }
   const plot = layout.plot;
   const labels = stages.map((stage) => stage.label);
-  const xScale = scaleBand().domain(labels).range([plot.left, plot.left + plot.width]).paddingInner(0.34).paddingOuter(0.18);
+  const xScale = bandScale(
+    labels,
+    [plot.left, plot.left + plot.width],
+    0.34,
+    0.18
+  );
   const bars = [];
   let runningTotal = 0;
   stages.forEach((stage, index) => {
@@ -4194,7 +4233,7 @@ function renderWaterfallChart(chart, palette, layout, selectedChartElement) {
   if (maxValue <= minValue) {
     maxValue = minValue + 1;
   }
-  const yScale = scaleLinear().domain([minValue, maxValue]).range([plot.top + plot.height, plot.top]);
+  const yScale = linearScale([minValue, maxValue], [plot.top + plot.height, plot.top]);
   const ticks = buildNumericTickValues(minValue, maxValue, chart.valueAxis?.majorUnit);
   const axisColor = chart.axisLineColor ?? chart.chartAreaBorderColor ?? palette.border;
   const labelColor = resolveChartAxisTextColor(chart);
@@ -4217,7 +4256,7 @@ function renderWaterfallChart(chart, palette, layout, selectedChartElement) {
     /* @__PURE__ */ u("line", { stroke: axisColor, strokeWidth: 1.2, x1: plot.left, x2: plot.left + plot.width, y1: yScale(0), y2: yScale(0) }),
     bars.map((bar, index) => {
       const bandLeft = xScale(bar.label) ?? plot.left;
-      const bandWidth = xScale.bandwidth();
+      const bandWidth = xScale.bandwidth;
       const topValue = Math.max(bar.start, bar.end);
       const bottomValue = Math.min(bar.start, bar.end);
       const top = yScale(topValue);
@@ -4233,7 +4272,7 @@ function renderWaterfallChart(chart, palette, layout, selectedChartElement) {
             stroke: lightenColor(axisColor, 0.35),
             strokeDasharray: "3 3",
             strokeWidth: 1,
-            x1: (xScale(connectorStart.label) ?? plot.left) + xScale.bandwidth(),
+            x1: (xScale(connectorStart.label) ?? plot.left) + xScale.bandwidth,
             x2: bandLeft,
             y1: connectorY,
             y2: connectorY
@@ -4469,8 +4508,8 @@ function renderBoxWhiskerChart(chart, palette, layout, selectedChartElement) {
   const minValue = Math.min(...allValues);
   const maxValue = Math.max(...allValues);
   const valueDomain = resolveAxisDomainWithChartOverrides(chart.valueAxis, minValue, maxValue, false);
-  const yScale = scaleLinear().domain([valueDomain.min, valueDomain.max]).range([layout.plot.top + layout.plot.height, layout.plot.top]);
-  const xScale = scalePoint().domain(seriesStats.map((_, index) => index)).range([layout.plot.left + 24, layout.plot.left + layout.plot.width - 24]);
+  const yScale = linearScale([valueDomain.min, valueDomain.max], [layout.plot.top + layout.plot.height, layout.plot.top]);
+  const xScale = pointScale(seriesStats.map((_, index) => index), [layout.plot.left + 24, layout.plot.left + layout.plot.width - 24]);
   const gap = seriesStats.length > 1 ? Math.abs((xScale(1) ?? 0) - (xScale(0) ?? 0)) : layout.plot.width * 0.5;
   const boxWidth = clamp(gap * 0.34, 20, 54);
   const capWidth = Math.max(8, boxWidth * 0.52);
@@ -4685,132 +4724,6 @@ function renderBoxWhiskerChart(chart, palette, layout, selectedChartElement) {
     })
   ] });
 }
-function renderRegionMapChart(chart, palette, layout, selectedChartElement, { geoIdentity, geoMercator, geoNaturalEarth1, geoPath, resolveRegionMapFeatureSet, resolveRegionMapFeature, getRegionMapBaseFeatures }) {
-  const primarySeriesIndex = Math.max(0, chart.series.findIndex((series) => series.hidden !== true));
-  const primarySeries = chart.series[primarySeriesIndex] ?? null;
-  if (!primarySeries) {
-    return null;
-  }
-  const labels = getCategoryLabels(chart);
-  const layoutProperties = resolveRegionMapLayoutProperties(primarySeries);
-  const geography = layoutProperties?.geography && typeof layoutProperties.geography === "object" ? layoutProperties.geography : null;
-  const featureSet = resolveRegionMapFeatureSet(labels, geography);
-  const viewedRegionType = typeof geography?.viewedRegionType === "string" ? geography.viewedRegionType : null;
-  const projectionType = typeof geography?.projectionType === "string" ? geography.projectionType : null;
-  const projection = featureSet === "us-state" ? geoIdentity() : projectionType === "miller" ? geoMercator() : geoNaturalEarth1();
-  const availableFeatures = getRegionMapBaseFeatures(featureSet);
-  const categoricalValues = resolveRegionMapColorStrings(primarySeries);
-  const categoricalColorByLabel = categoricalValues ? new Map(
-    Array.from(new Set(categoricalValues.filter(Boolean))).map((value, index) => [
-      value,
-      chartPointColor(chart, index, primarySeriesIndex)
-    ])
-  ) : null;
-  const entries = labels.map((label, index) => {
-    const feature = resolveRegionMapFeature(label, featureSet);
-    const value = safeNumber(primarySeries.values[index]);
-    const colorLabel = categoricalValues?.[index] || null;
-    return {
-      colorLabel,
-      feature,
-      key: normalizeCategoryLabel(label),
-      label: normalizeCategoryLabel(label),
-      value
-    };
-  }).filter((entry) => entry.feature != null && (entry.value != null || entry.colorLabel != null));
-  const fitToMatchedData = entries.length > 0 && (viewedRegionType === "dataOnly" || entries.length === 1);
-  const fitFeatures = fitToMatchedData ? entries.map((entry) => entry.feature) : availableFeatures;
-  projection.fitExtent(
-    [
-      [layout.plot.left + 8, layout.plot.top + 8],
-      [layout.plot.left + layout.plot.width - 8, layout.plot.top + layout.plot.height - 8]
-    ],
-    {
-      type: "FeatureCollection",
-      features: fitFeatures
-    }
-  );
-  const path = geoPath(projection);
-  const baseFeatures = fitToMatchedData ? fitFeatures : availableFeatures;
-  const noDataFill = resolveRegionMapNoDataColor(chart, primarySeriesIndex);
-  const outlineColor = chart.chartAreaBorderColor && chart.chartAreaBorderColor !== "transparent" ? chart.chartAreaBorderColor : darkenColor(noDataFill, 0.22);
-  const numericEntryValues = primarySeries.values.map(safeNumber).filter((value) => typeof value === "number" && Number.isFinite(value));
-  const minValue = numericEntryValues.length > 0 ? Math.min(...numericEntryValues) : 0;
-  const maxValue = numericEntryValues.length > 0 ? Math.max(...numericEntryValues) : 1;
-  const showRegionLabels = layoutProperties?.regionLabelLayout !== "none";
-  return /* @__PURE__ */ u("g", { children: [
-    baseFeatures.map((feature, index) => {
-      const d = path(feature);
-      if (!d) {
-        return null;
-      }
-      return /* @__PURE__ */ u(
-        "path",
-        {
-          d,
-          fill: noDataFill,
-          stroke: outlineColor,
-          strokeLinejoin: "round",
-          strokeWidth: 0.6
-        },
-        `region-map-base-${feature.id ?? "feature"}-${index}`
-      );
-    }),
-    entries.map((entry, index) => {
-      const d = path(entry.feature);
-      if (!d) {
-        return null;
-      }
-      const fill = entry.value != null ? (() => {
-        const ratio = maxValue <= minValue ? 1 : (entry.value - minValue) / Math.max(1e-6, maxValue - minValue);
-        return resolveRegionMapValueColor(chart, primarySeriesIndex, ratio);
-      })() : categoricalColorByLabel?.get(entry.colorLabel ?? "") ?? resolveRegionMapDataColor(chart, primarySeriesIndex);
-      const selected = isSelectedChartPointOrSeries(selectedChartElement, chart.id, primarySeriesIndex, index);
-      const centroid = path.centroid(entry.feature);
-      const canShowSelectionDot = Number.isFinite(centroid[0]) && Number.isFinite(centroid[1]);
-      return /* @__PURE__ */ u(S, { children: [
-        /* @__PURE__ */ u(
-          "path",
-          {
-            ...chartElementDataProps(primarySeriesIndex, index),
-            d,
-            fill,
-            stroke: selected ? "#64748b" : darkenColor(fill, 0.18),
-            strokeLinejoin: "round",
-            strokeWidth: selected ? 1.8 : 0.85
-          }
-        ),
-        selected && canShowSelectionDot ? renderSelectionPointHandles(`region-map-selection-${index}`, [{ x: centroid[0], y: centroid[1] }]) : null
-      ] }, `region-map-value-${entry.key || index}`);
-    }),
-    showRegionLabels ? entries.map((entry, index) => {
-      const bounds = path.bounds(entry.feature);
-      const [[x0, y0], [x1, y1]] = bounds;
-      const width = x1 - x0;
-      const height = y1 - y0;
-      if (!Number.isFinite(width) || !Number.isFinite(height) || width < 26 || height < 12) {
-        return null;
-      }
-      const centroid = path.centroid(entry.feature);
-      if (!Number.isFinite(centroid[0]) || !Number.isFinite(centroid[1])) {
-        return null;
-      }
-      return /* @__PURE__ */ u(
-        "text",
-        {
-          fill: resolveChartTextColor(chart),
-          fontSize: 9,
-          fontWeight: 600,
-          textAnchor: "middle",
-          x: centroid[0],
-          y: centroid[1],
-          children: truncateSvgText(entry.label, Math.max(28, width - 4), 9)
-        },
-        `region-map-label-${entry.key || index}`
-      );
-    }) : null
-  ] });
-}
 function renderUnsupported(chart, palette, layout, chartType) {
   return /* @__PURE__ */ u("g", { children: [
     /* @__PURE__ */ u(
@@ -4891,7 +4804,7 @@ function renderChartPlot(chart, palette, layout, chartType, selectedChartElement
     return renderTreemapChart(chart, palette, layout, selectedChartElement);
   }
   if (chartType === "RegionMap") {
-    return /* @__PURE__ */ u(RegionMapPlot, { chart, layout, palette, selectedChartElement });
+    return renderUnsupported(chart, palette, layout, chartType);
   }
   return renderUnsupported(chart, palette, layout, chartType);
 }
@@ -4924,6 +4837,7 @@ var MemoChartSvg = N(function MemoChartSvg2({
     "svg",
     {
       "aria-label": chart.title ?? chart.name ?? "Chart",
+      "data-xlsx-chart-renderer": "legacy",
       onDoubleClick: handleDoubleClick,
       onPointerDown: handlePointerDown,
       role: "img",
@@ -4966,4 +4880,4 @@ var MemoChartSvg = N(function MemoChartSvg2({
 export {
   MemoChartSvg
 };
-//# sourceMappingURL=chart-renderer-ZLJVPLGN.js.map
+//# sourceMappingURL=chart-renderer-5IN2B3YS.js.map