@extend-ai/react-xlsx 0.20.1 → 0.20.3

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

@@ -2,7 +2,12 @@ import {
   regionMapResources,
   surfaceRenderer,
   useChartModule
-} from "./chunk-3JTCYAUX.js";
+} from "./chunk-HKMFMIKE.js";
+import {
+  renderSelectionPointHandles,
+  renderSelectionRectHandles,
+  useChartEvents
+} from "./chunk-A4S3AMON.js";
 import {
   clipSurfaceBand,
   groupSurfaceBandEdges,
@@ -59,47 +64,6 @@ function chartElementDataProps(seriesIndex, pointIndex, options) {
 function barChartElementDataProps(seriesIndex, pointIndex) {
   return chartElementDataProps(seriesIndex, pointIndex, { selectionMode: "seriesFirst" });
 }
-function resolveChartElementTarget(target) {
-  if (!(target instanceof Element)) {
-    return null;
-  }
-  return target.closest("[data-xlsx-chart-series-index]");
-}
-function resolveChartSelectionFromTarget(chart, target, selectedChartElement) {
-  const element = resolveChartElementTarget(target);
-  if (!element) {
-    return selectedChartElement?.chartId === chart.id ? { chartId: chart.id, kind: "chart" } : { chartId: chart.id, kind: "chart" };
-  }
-  const seriesIndex = Number(element.dataset.xlsxChartSeriesIndex);
-  if (!Number.isInteger(seriesIndex) || seriesIndex < 0 || seriesIndex >= chart.series.length) {
-    return null;
-  }
-  const series = chart.series[seriesIndex];
-  if (!series) {
-    return null;
-  }
-  const rawPointIndex = element.dataset.xlsxChartPointIndex;
-  const rawElementKind = element.dataset.xlsxChartElementKind;
-  const selectionMode = element.dataset.xlsxChartSelectionMode;
-  const pointIndex = rawPointIndex == null || rawPointIndex === "" ? null : Number(rawPointIndex);
-  const hasPoint = pointIndex != null && Number.isInteger(pointIndex) && pointIndex >= 0;
-  const sameSelectedSeries = selectedChartElement?.chartId === chart.id && selectedChartElement.kind !== "chart" && selectedChartElement.seriesIndex === seriesIndex;
-  if (hasPoint && (selectionMode !== "seriesFirst" || sameSelectedSeries)) {
-    return {
-      chartId: chart.id,
-      kind: "point",
-      pointIndex,
-      seriesId: series.id,
-      seriesIndex
-    };
-  }
-  return {
-    chartId: chart.id,
-    kind: rawElementKind === "legendEntry" ? "legendEntry" : "series",
-    seriesId: series.id,
-    seriesIndex
-  };
-}
 function isSelectedChartSeries(selectedChartElement, chartId, seriesIndex) {
   return selectedChartElement?.chartId === chartId && selectedChartElement.kind !== "chart" && selectedChartElement.seriesIndex === seriesIndex;
 }
@@ -109,35 +73,6 @@ function isSelectedChartPoint(selectedChartElement, chartId, seriesIndex, pointI
 function isSelectedChartPointOrSeries(selectedChartElement, chartId, seriesIndex, pointIndex) {
   return isSelectedChartPoint(selectedChartElement, chartId, seriesIndex, pointIndex) || isSelectedChartSeries(selectedChartElement, chartId, seriesIndex) && selectedChartElement?.kind !== "point";
 }
-function renderSelectionRectHandles(key, left, top, width, height, color = "#64748b") {
-  return renderSelectionPointHandles(
-    key,
-    [
-      { x: left, y: top },
-      { x: left + width, y: top },
-      { x: left, y: top + height },
-      { x: left + width, y: top + height }
-    ],
-    color
-  );
-}
-function renderSelectionPointHandles(key, points, color = "#64748b") {
-  const radius = 3;
-  return /* @__PURE__ */ jsx("g", { pointerEvents: "none", children: points.map((point, index) => /* @__PURE__ */ jsx(
-    "circle",
-    {
-      cx: point.x,
-      cy: point.y,
-      fill: "#ffffff",
-      r: radius,
-      stroke: color,
-      strokeWidth: 1.1,
-      style: { filter: "drop-shadow(0 1px 2px rgba(15, 23, 42, 0.18))" },
-      vectorEffect: "non-scaling-stroke"
-    },
-    `${key}-handle-${index}`
-  )) }, key);
-}
 function parseRgbColor(color) {
   const match = /^#?([0-9a-f]{6})$/i.exec(color);
   if (!match) {
@@ -4976,26 +4911,12 @@ var MemoChartSvg = React.memo(function MemoChartSvg2({
   const normalizedBorderColor = borderColor.trim().toLowerCase();
   const hideBackgroundRect = normalizedBackground === "transparent" && normalizedBorderColor === "transparent";
   const fontFamily = buildChartFontFamily(chart.fontFamily);
-  const handlePointerDown = React.useCallback((event) => {
-    const selection = resolveChartSelectionFromTarget(chart, event.target, selectedChartElement);
-    if (!selection) {
-      return;
-    }
-    if (resolveChartElementTarget(event.target)) {
-      event.stopPropagation();
-    }
-    onChartElementPointerDown?.(selection, event);
-  }, [chart, onChartElementPointerDown, selectedChartElement]);
-  const handleDoubleClick = React.useCallback((event) => {
-    const selection = resolveChartSelectionFromTarget(chart, event.target, selectedChartElement);
-    if (!selection) {
-      return;
-    }
-    if (resolveChartElementTarget(event.target)) {
-      event.stopPropagation();
-    }
-    onChartElementDoubleClick?.(selection, event);
-  }, [chart, onChartElementDoubleClick, selectedChartElement]);
+  const { handlePointerDown, handleDoubleClick } = useChartEvents({
+    chart,
+    onChartElementPointerDown,
+    onChartElementDoubleClick,
+    selectedChartElement
+  });
   const renderSvgChart = (plot) => /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -5042,4 +4963,4 @@ var MemoChartSvg = React.memo(function MemoChartSvg2({
 export {
   MemoChartSvg
 };
-//# sourceMappingURL=chart-renderer-KGLAI4DN.js.map
+//# sourceMappingURL=chart-renderer-XBF7EPUS.js.map