exploreda 0.0.5 → 0.1.0

package/dist/chunk-UJWS6TRV.js

@@ -0,0 +1,354 @@
+import { planAxes, useBrush, PlannedGrid, PlannedAxes, findAxisGuide, getRangeFilterForField } from './chunk-7PTJNIOD.js';
+import { useDataLayer, getChartAxisFields, getChartAxisLabel, getChartTitle, cn } from './chunk-JNO7OXCC.js';
+import { useRef, useState, useId, useMemo, useCallback } from 'react';
+import { scaleLinear } from 'd3-scale';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/charts/Axis/Axis.tsx
+function formatTick(value) {
+  if (typeof value === "string") return value;
+  return new Intl.NumberFormat("en-US", {
+    notation: Math.abs(value) >= 1e4 ? "compact" : "standard",
+    maximumFractionDigits: Math.abs(value) < 1 ? 3 : 2
+  }).format(value);
+}
+function useFilterExtent({
+  settings,
+  xScale,
+  yScale,
+  innerHeight
+}) {
+  const convertFilterRangeToExtent = useCallback(
+    (filter, scale) => {
+      if (!filter || filter.min === void 0 || filter.max === void 0) {
+        return null;
+      }
+      const min = Math.round(scale(filter.min) * 1e4) / 1e4;
+      const max = Math.round(scale(filter.max) * 1e4) / 1e4;
+      return [min, max];
+    },
+    []
+  );
+  const extent = useMemo(() => {
+    switch (settings.type) {
+      case "scatter": {
+        const xFilter = getRangeFilterForField(
+          settings.filters,
+          settings.xField
+        );
+        const yFilter = getRangeFilterForField(
+          settings.filters,
+          settings.yField
+        );
+        if (!xFilter || !yFilter) {
+          return null;
+        }
+        const xExtent = convertFilterRangeToExtent(xFilter, xScale);
+        const yExtent = convertFilterRangeToExtent(yFilter, yScale);
+        if (!xExtent || !yExtent) {
+          return null;
+        }
+        return [
+          [xExtent[0], yExtent[1]],
+          [xExtent[1], yExtent[0]]
+        ];
+      }
+      case "line":
+      case "bar": {
+        if ("bandwidth" in xScale) {
+          return null;
+        }
+        const rangeFilter = getRangeFilterForField(
+          settings.filters,
+          settings.type === "line" ? settings.xField : settings.field
+        );
+        if (!rangeFilter) {
+          return null;
+        }
+        const xExtent = convertFilterRangeToExtent(rangeFilter, xScale);
+        if (!xExtent) {
+          return null;
+        }
+        return [
+          [xExtent[0], 0],
+          [xExtent[1], innerHeight]
+        ];
+      }
+      case "row":
+        return null;
+    }
+  }, [settings, xScale, yScale, innerHeight, convertFilterRangeToExtent]);
+  return extent;
+}
+function planIdFromTarget(target) {
+  if (!(target instanceof Element)) return void 0;
+  return target.closest("[data-plan-id]")?.getAttribute("data-plan-id") ?? void 0;
+}
+function BaseChart({
+  width,
+  height,
+  xScale,
+  yScale,
+  axes: plannedAxes,
+  brushingMode = "none",
+  onBrushChange,
+  children,
+  overlay,
+  className,
+  settings,
+  axisFields: axisFieldsOverride,
+  xTickFormatter,
+  yTickFormatter,
+  onInspectGuide,
+  onHoverTarget,
+  onInspectPlot,
+  activeGuideId
+}) {
+  const margin = plannedAxes?.margin ?? settings.margin;
+  const innerWidth = width - margin.left - margin.right;
+  const innerHeight = height - margin.top - margin.bottom;
+  const svgRef = useRef(null);
+  const [altPointer, setAltPointer] = useState(false);
+  const [altHover, setAltHover] = useState(false);
+  const chartId = useId();
+  const getFieldLabel = useDataLayer((state) => state.getFieldLabel);
+  const formatFieldValue = useDataLayer((state) => state.formatFieldValue);
+  const fieldSettings = useDataLayer((state) => state.fieldSettings);
+  const axisFields = axisFieldsOverride ?? getChartAxisFields(settings);
+  const formatAxisValue = (field, override) => override ?? (field && formatFieldValue ? (value) => formatFieldValue(field, value) : formatTick);
+  const xLabel = [
+    getChartAxisLabel(axisFields.x, settings.xAxisLabel, getFieldLabel),
+    settings.xAxis.scaleType === "symlog" && "symlog"
+  ].filter(Boolean).join(" \xB7 ");
+  const yLabel = [
+    getChartAxisLabel(axisFields.y, settings.yAxisLabel, getFieldLabel),
+    settings.yAxis.scaleType === "symlog" && "symlog"
+  ].filter(Boolean).join(" \xB7 ");
+  const axes = useMemo(
+    () => plannedAxes ?? planAxes({
+      plotWidth: innerWidth,
+      plotHeight: innerHeight,
+      margin,
+      x: {
+        scale: xScale,
+        scaleType: settings.xAxis.scaleType,
+        field: axisFields.x,
+        density: settings.xGridLines,
+        grid: settings.xAxis?.grid,
+        format: formatAxisValue(axisFields.x, xTickFormatter),
+        label: xLabel,
+        labelSource: settings.xAxisLabel ? "chart-setting" : "field-label"
+      },
+      y: {
+        scale: yScale,
+        scaleType: settings.yAxis.scaleType,
+        field: axisFields.y,
+        density: settings.yGridLines,
+        grid: settings.yAxis?.grid,
+        format: formatAxisValue(axisFields.y, yTickFormatter),
+        label: yLabel,
+        labelSource: settings.yAxisLabel ? "chart-setting" : "field-label"
+      }
+    }),
+    // Formatters read field settings, so they rerun when those change.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      plannedAxes,
+      innerWidth,
+      innerHeight,
+      margin,
+      xScale,
+      yScale,
+      settings.xAxis,
+      settings.yAxis,
+      settings.xGridLines,
+      settings.yGridLines,
+      settings.xAxisLabel,
+      settings.yAxisLabel,
+      axisFields.x,
+      axisFields.y,
+      xLabel,
+      yLabel,
+      xTickFormatter,
+      yTickFormatter,
+      fieldSettings
+    ]
+  );
+  const descriptionId = `${chartId}-description`;
+  const inspectedByBrush = useRef(false);
+  const chartTitle = getChartTitle(settings, getFieldLabel);
+  const chartDescription = [
+    `Interactive ${settings.type} chart.`,
+    settings.xAxisLabel && `Horizontal axis: ${settings.xAxisLabel}.`,
+    settings.yAxisLabel && `Vertical axis: ${settings.yAxisLabel}.`
+  ].filter(Boolean).join(" ");
+  const xIsLinear = "invert" in xScale;
+  const yIsLinear = "invert" in yScale;
+  const extent = useFilterExtent({
+    settings: xIsLinear && yIsLinear ? settings : { ...settings, filters: [] },
+    xScale: xIsLinear ? xScale : scaleLinear().domain([0, 1]).range([0, innerWidth]),
+    yScale: yIsLinear ? yScale : scaleLinear().domain([0, 1]).range([0, innerHeight]),
+    innerHeight
+  });
+  const guideAt = (target) => {
+    const id = planIdFromTarget(target);
+    return id && findAxisGuide(axes, id) ? id : void 0;
+  };
+  const inspectTarget = (event) => {
+    if (!event.altKey || !onInspectGuide) return false;
+    const id = guideAt(event.target);
+    if (!id) return false;
+    onInspectGuide(id);
+    return true;
+  };
+  const inspectPlot = (event) => {
+    if (!event.altKey || !onInspectPlot) return false;
+    const rect = event.currentTarget.getBoundingClientRect();
+    const point = [
+      event.clientX - rect.left - margin.left,
+      event.clientY - rect.top - margin.top
+    ];
+    if (point[0] < 0 || point[0] > innerWidth || point[1] < 0 || point[1] > innerHeight) {
+      return false;
+    }
+    return onInspectPlot(
+      point,
+      new DOMRect(event.clientX, event.clientY, 0, 0)
+    );
+  };
+  const brush = useBrush({
+    svgRef,
+    marginLeft: margin.left,
+    marginTop: margin.top,
+    innerWidth,
+    innerHeight,
+    mode: brushingMode,
+    onBrushChange,
+    onPlotClick: (_, event) => {
+      const handled = inspectTarget(event);
+      inspectedByBrush.current = handled;
+      return event.altKey || handled;
+    },
+    defaultExtent: extent
+  });
+  if (width < 1 || height < 1) {
+    return null;
+  }
+  const interactive = Boolean(onInspectGuide);
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      ref: svgRef,
+      width,
+      height,
+      role: "group",
+      "aria-label": chartTitle,
+      "aria-describedby": descriptionId,
+      className: cn("select-none", className),
+      style: {
+        cursor: altHover ? "pointer" : brush.getCursor(),
+        touchAction: brushingMode === "none" ? "auto" : "none"
+      },
+      tabIndex: brushingMode === "none" ? void 0 : 0,
+      onKeyDown: (event) => {
+        if (event.key === "Escape") {
+          event.stopPropagation();
+          brush.clear();
+        }
+      },
+      onPointerDownCapture: (event) => {
+        onHoverTarget?.(null);
+        setAltHover(false);
+        if (interactive && guideAt(event.target)) {
+          if (!event.altKey) event.preventDefault();
+          else setAltPointer(true);
+          return;
+        }
+        if (interactive && event.altKey) {
+          setAltPointer(true);
+          return;
+        }
+        brush.handlePointerDown(event);
+      },
+      onPointerMoveCapture: (event) => {
+        brush.handlePointerMove(event);
+        const id = planIdFromTarget(event.target);
+        onHoverTarget?.(id ?? null);
+        setAltHover(Boolean(event.altKey && interactive && id));
+      },
+      onPointerUpCapture: brush.handlePointerUp,
+      onPointerCancel: () => {
+        setAltPointer(false);
+        setAltHover(false);
+        onHoverTarget?.(null);
+        brush.cancel();
+      },
+      onLostPointerCapture: () => {
+        setAltPointer(false);
+        setAltHover(false);
+        onHoverTarget?.(null);
+        brush.cancel();
+      },
+      onPointerLeave: () => {
+        setAltHover(false);
+        onHoverTarget?.(null);
+      },
+      onClick: (event) => {
+        if (inspectedByBrush.current) inspectedByBrush.current = false;
+        else if (!inspectTarget(event)) inspectPlot(event);
+        setAltPointer(false);
+      },
+      onKeyDownCapture: (event) => {
+        if (event.altKey && event.key === "Enter" && inspectTarget(event)) {
+          event.preventDefault();
+          event.stopPropagation();
+        }
+      },
+      "data-alt-hover": altHover ? "true" : void 0,
+      children: [
+        /* @__PURE__ */ jsx("desc", { id: descriptionId, children: chartDescription }),
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: `${chartId}-plot`, children: /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: 0,
+            y: 0,
+            width: Math.max(0, innerWidth),
+            height: Math.max(0, innerHeight)
+          }
+        ) }) }),
+        /* @__PURE__ */ jsxs("g", { transform: `translate(${margin.left},${margin.top})`, children: [
+          /* @__PURE__ */ jsx(
+            PlannedGrid,
+            {
+              plan: axes,
+              interactive,
+              activeId: activeGuideId
+            }
+          ),
+          /* @__PURE__ */ jsx("g", { clipPath: `url(#${chartId}-plot)`, children }),
+          /* @__PURE__ */ jsx(
+            "g",
+            {
+              clipPath: `url(#${chartId}-plot)`,
+              style: { pointerEvents: altPointer ? "none" : void 0 },
+              children: brush.renderBrush
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PlannedAxes,
+            {
+              plan: axes,
+              interactive,
+              activeId: activeGuideId
+            }
+          ),
+          overlay
+        ] })
+      ]
+    }
+  );
+}
+
+export { BaseChart, formatTick };
+//# sourceMappingURL=chunk-UJWS6TRV.js.map
+//# sourceMappingURL=chunk-UJWS6TRV.js.map

package/dist/chunk-UJWS6TRV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/charts/Axis/Axis.tsx","../src/hooks/useFilterExtent.ts","../src/components/charts/BaseChart.tsx"],"names":["useMemo"],"mappings":"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","file":"chunk-UJWS6TRV.js","sourcesContent":["export function formatTick(value: string | number) {\n  if (typeof value === \"string\") return value;\n  return new Intl.NumberFormat(\"en-US\", {\n    notation: Math.abs(value) >= 10000 ? \"compact\" : \"standard\",\n    maximumFractionDigits: Math.abs(value) < 1 ? 3 : 2,\n  }).format(value);\n}\n","import { ChartSettings } from \"@/types/ChartTypes\";\nimport { ScaleLinear } from \"d3-scale\";\nimport { useCallback, useMemo } from \"react\";\nimport { getRangeFilterForField } from \"./getAxisFilter\";\nimport { RangeFilter } from \"@/types/FilterTypes\";\n\ninterface UseFilterExtentProps {\n  settings: ChartSettings;\n  xScale: ScaleLinear<number, number>;\n  yScale: ScaleLinear<number, number>;\n  innerHeight: number;\n}\n\nexport function useFilterExtent({\n  settings,\n  xScale,\n  yScale,\n  innerHeight,\n}: UseFilterExtentProps) {\n  const convertFilterRangeToExtent = useCallback(\n    (filter: RangeFilter, scale: ScaleLinear<number, number>) => {\n      if (!filter || filter.min === undefined || filter.max === undefined) {\n        return null;\n      }\n\n      // Round to 4 decimal places to avoid floating point issues\n      const min = Math.round(scale(filter.min) * 10000) / 10000;\n      const max = Math.round(scale(filter.max) * 10000) / 10000;\n\n      return [min, max] as [number, number];\n    },\n    []\n  );\n\n  const extent = useMemo(() => {\n    switch (settings.type) {\n      case \"scatter\": {\n        const xFilter = getRangeFilterForField(\n          settings.filters,\n          settings.xField\n        );\n        const yFilter = getRangeFilterForField(\n          settings.filters,\n          settings.yField\n        );\n\n        if (!xFilter || !yFilter) {\n          return null;\n        }\n\n        const xExtent = convertFilterRangeToExtent(xFilter, xScale);\n        const yExtent = convertFilterRangeToExtent(yFilter, yScale);\n\n        if (!xExtent || !yExtent) {\n          return null;\n        }\n\n        return [\n          [xExtent[0], yExtent[1]],\n          [xExtent[1], yExtent[0]],\n        ] as [[number, number], [number, number]];\n      }\n\n      case \"line\":\n      case \"bar\": {\n        if (\"bandwidth\" in xScale) {\n          return null;\n        }\n\n        const rangeFilter = getRangeFilterForField(\n          settings.filters,\n          settings.type === \"line\" ? settings.xField : settings.field\n        );\n        if (!rangeFilter) {\n          return null;\n        }\n\n        const xExtent = convertFilterRangeToExtent(rangeFilter, xScale);\n\n        if (!xExtent) {\n          return null;\n        }\n\n        return [\n          [xExtent[0], 0],\n          [xExtent[1], innerHeight],\n        ] as [[number, number], [number, number]];\n      }\n\n      case \"row\":\n        return null;\n    }\n  }, [settings, xScale, yScale, innerHeight, convertFilterRangeToExtent]);\n\n  return extent;\n}\n","import { ReactNode, useId, useMemo, useRef, useState } from \"react\";\nimport { ScaleBand, ScaleLinear, scaleLinear } from \"d3-scale\";\nimport { formatTick } from \"./Axis/Axis\";\nimport { findAxisGuide, planAxes, type ChartAxesPlan } from \"./Axis/axisPlan\";\nimport { PlannedAxes, PlannedGrid } from \"./Axis/AxisLayer\";\nimport { useBrush } from \"@/hooks/useBrush\";\nimport { cn } from \"@/lib/utils\";\nimport { ChartSettings } from \"@/types/ChartTypes\";\nimport { useFilterExtent } from \"@/hooks/useFilterExtent\";\nimport { useDataLayer } from \"@/providers/DataLayerProvider\";\nimport {\n  getChartAxisFields,\n  getChartAxisLabel,\n  getChartTitle,\n} from \"./chartAccessibility\";\n\ntype BrushMode = \"horizontal\" | \"2d\" | \"none\";\n\ninterface BaseChartProps {\n  width: number;\n  height: number;\n  xScale: ScaleLinear<number, number> | ScaleBand<string>;\n  yScale: ScaleLinear<number, number> | ScaleBand<string>;\n  /** A chart that traces its guides passes its own plan so drawing and tracing agree. */\n  axes?: ChartAxesPlan;\n  brushingMode?: BrushMode;\n  onBrushChange?: (extent: [[number, number], [number, number]] | null) => void;\n  children: ReactNode;\n  overlay?: ReactNode;\n  className?: string;\n  settings: ChartSettings;\n  axisFields?: { x?: string; y?: string };\n  xTickFormatter?: (value: string | number) => string;\n  yTickFormatter?: (value: string | number) => string;\n  /** Receives the planned id of an Alt-clicked axis guide. */\n  onInspectGuide?: (id: string) => void;\n  /** Receives the planned id under the pointer, or null. */\n  onHoverTarget?: (id: string | null) => void;\n  onInspectPlot?: (point: [number, number], anchor: DOMRect) => boolean;\n  activeGuideId?: string | null;\n}\n\nfunction planIdFromTarget(target: EventTarget | null) {\n  if (!(target instanceof Element)) return undefined;\n  return (\n    target.closest<SVGElement>(\"[data-plan-id]\")?.getAttribute(\"data-plan-id\") ??\n    undefined\n  );\n}\n\nexport function BaseChart({\n  width,\n  height,\n  xScale,\n  yScale,\n  axes: plannedAxes,\n  brushingMode = \"none\",\n  onBrushChange,\n  children,\n  overlay,\n  className,\n  settings,\n  axisFields: axisFieldsOverride,\n  xTickFormatter,\n  yTickFormatter,\n  onInspectGuide,\n  onHoverTarget,\n  onInspectPlot,\n  activeGuideId,\n}: BaseChartProps) {\n  const margin = plannedAxes?.margin ?? settings.margin;\n\n  const innerWidth = width - margin.left - margin.right;\n  const innerHeight = height - margin.top - margin.bottom;\n  const svgRef = useRef<SVGSVGElement>(null);\n  const [altPointer, setAltPointer] = useState(false);\n  const [altHover, setAltHover] = useState(false);\n  const chartId = useId();\n  const getFieldLabel = useDataLayer((state) => state.getFieldLabel);\n  const formatFieldValue = useDataLayer((state) => state.formatFieldValue);\n  const fieldSettings = useDataLayer((state) => state.fieldSettings);\n  const axisFields = axisFieldsOverride ?? getChartAxisFields(settings);\n  const formatAxisValue = (\n    field: string | undefined,\n    override?: (value: string | number) => string\n  ) =>\n    override ??\n    (field && formatFieldValue\n      ? (value: string | number) => formatFieldValue(field, value)\n      : formatTick);\n  const xLabel = [\n    getChartAxisLabel(axisFields.x, settings.xAxisLabel, getFieldLabel),\n    settings.xAxis.scaleType === \"symlog\" && \"symlog\",\n  ]\n    .filter(Boolean)\n    .join(\" · \");\n  const yLabel = [\n    getChartAxisLabel(axisFields.y, settings.yAxisLabel, getFieldLabel),\n    settings.yAxis.scaleType === \"symlog\" && \"symlog\",\n  ]\n    .filter(Boolean)\n    .join(\" · \");\n  // Charts without their own plan still draw from a plan, so axes follow one rule.\n  const axes = useMemo(\n    () =>\n      plannedAxes ??\n      planAxes({\n        plotWidth: innerWidth,\n        plotHeight: innerHeight,\n        margin,\n        x: {\n          scale: xScale,\n          scaleType: settings.xAxis.scaleType,\n          field: axisFields.x,\n          density: settings.xGridLines,\n          grid: settings.xAxis?.grid,\n          format: formatAxisValue(axisFields.x, xTickFormatter),\n          label: xLabel,\n          labelSource: settings.xAxisLabel ? \"chart-setting\" : \"field-label\",\n        },\n        y: {\n          scale: yScale,\n          scaleType: settings.yAxis.scaleType,\n          field: axisFields.y,\n          density: settings.yGridLines,\n          grid: settings.yAxis?.grid,\n          format: formatAxisValue(axisFields.y, yTickFormatter),\n          label: yLabel,\n          labelSource: settings.yAxisLabel ? \"chart-setting\" : \"field-label\",\n        },\n      }),\n    // Formatters read field settings, so they rerun when those change.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      plannedAxes,\n      innerWidth,\n      innerHeight,\n      margin,\n      xScale,\n      yScale,\n      settings.xAxis,\n      settings.yAxis,\n      settings.xGridLines,\n      settings.yGridLines,\n      settings.xAxisLabel,\n      settings.yAxisLabel,\n      axisFields.x,\n      axisFields.y,\n      xLabel,\n      yLabel,\n      xTickFormatter,\n      yTickFormatter,\n      fieldSettings,\n    ]\n  );\n  const descriptionId = `${chartId}-description`;\n  const inspectedByBrush = useRef(false);\n  const chartTitle = getChartTitle(settings, getFieldLabel);\n  const chartDescription = [\n    `Interactive ${settings.type} chart.`,\n    settings.xAxisLabel && `Horizontal axis: ${settings.xAxisLabel}.`,\n    settings.yAxisLabel && `Vertical axis: ${settings.yAxisLabel}.`,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n  const xIsLinear = \"invert\" in xScale;\n  const yIsLinear = \"invert\" in yScale;\n  const extent = useFilterExtent({\n    settings: xIsLinear && yIsLinear ? settings : { ...settings, filters: [] },\n    xScale: xIsLinear\n      ? xScale\n      : scaleLinear().domain([0, 1]).range([0, innerWidth]),\n    yScale: yIsLinear\n      ? yScale\n      : scaleLinear().domain([0, 1]).range([0, innerHeight]),\n    innerHeight,\n  });\n\n  const guideAt = (target: EventTarget | null) => {\n    const id = planIdFromTarget(target);\n    return id && findAxisGuide(axes, id) ? id : undefined;\n  };\n\n  const inspectTarget = (event: {\n    altKey: boolean;\n    target: EventTarget | null;\n  }) => {\n    if (!event.altKey || !onInspectGuide) return false;\n    const id = guideAt(event.target);\n    if (!id) return false;\n    onInspectGuide(id);\n    return true;\n  };\n\n  const inspectPlot = (event: {\n    altKey: boolean;\n    clientX: number;\n    clientY: number;\n    currentTarget: SVGSVGElement;\n  }) => {\n    if (!event.altKey || !onInspectPlot) return false;\n    const rect = event.currentTarget.getBoundingClientRect();\n    const point: [number, number] = [\n      event.clientX - rect.left - margin.left,\n      event.clientY - rect.top - margin.top,\n    ];\n    if (\n      point[0] < 0 ||\n      point[0] > innerWidth ||\n      point[1] < 0 ||\n      point[1] > innerHeight\n    ) {\n      return false;\n    }\n    return onInspectPlot(\n      point,\n      new DOMRect(event.clientX, event.clientY, 0, 0)\n    );\n  };\n\n  const brush = useBrush({\n    svgRef,\n    marginLeft: margin.left,\n    marginTop: margin.top,\n    innerWidth,\n    innerHeight,\n    mode: brushingMode as \"horizontal\" | \"2d\" | \"none\",\n    onBrushChange,\n    onPlotClick: (_, event) => {\n      const handled = inspectTarget(event);\n      inspectedByBrush.current = handled;\n      return event.altKey || handled;\n    },\n    defaultExtent: extent,\n  });\n\n  if (width < 1 || height < 1) {\n    return null;\n  }\n\n  const interactive = Boolean(onInspectGuide);\n\n  return (\n    <svg\n      ref={svgRef}\n      width={width}\n      height={height}\n      role=\"group\"\n      aria-label={chartTitle}\n      aria-describedby={descriptionId}\n      className={cn(\"select-none\", className)}\n      style={{\n        cursor: altHover ? \"pointer\" : brush.getCursor(),\n        touchAction: brushingMode === \"none\" ? \"auto\" : \"none\",\n      }}\n      tabIndex={brushingMode === \"none\" ? undefined : 0}\n      onKeyDown={(event) => {\n        if (event.key === \"Escape\") {\n          event.stopPropagation();\n          brush.clear();\n        }\n      }}\n      onPointerDownCapture={(event) => {\n        onHoverTarget?.(null);\n        setAltHover(false);\n        if (interactive && guideAt(event.target)) {\n          // Guide clicks inspect or select the guide. They never start a brush.\n          if (!event.altKey) event.preventDefault();\n          else setAltPointer(true);\n          return;\n        }\n        // Alt-click is inspection. Do not start a brush gesture that can clear or replace filters.\n        if (interactive && event.altKey) {\n          setAltPointer(true);\n          return;\n        }\n        brush.handlePointerDown(event);\n      }}\n      onPointerMoveCapture={(event) => {\n        brush.handlePointerMove(event);\n        const id = planIdFromTarget(event.target);\n        onHoverTarget?.(id ?? null);\n        setAltHover(Boolean(event.altKey && interactive && id));\n      }}\n      onPointerUpCapture={brush.handlePointerUp}\n      onPointerCancel={() => {\n        setAltPointer(false);\n        setAltHover(false);\n        onHoverTarget?.(null);\n        brush.cancel();\n      }}\n      onLostPointerCapture={() => {\n        setAltPointer(false);\n        setAltHover(false);\n        onHoverTarget?.(null);\n        brush.cancel();\n      }}\n      onPointerLeave={() => {\n        setAltHover(false);\n        onHoverTarget?.(null);\n      }}\n      onClick={(event) => {\n        if (inspectedByBrush.current) inspectedByBrush.current = false;\n        else if (!inspectTarget(event)) inspectPlot(event);\n        setAltPointer(false);\n      }}\n      onKeyDownCapture={(event) => {\n        if (event.altKey && event.key === \"Enter\" && inspectTarget(event)) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      }}\n      data-alt-hover={altHover ? \"true\" : undefined}\n    >\n      <desc id={descriptionId}>{chartDescription}</desc>\n      <defs>\n        <clipPath id={`${chartId}-plot`}>\n          <rect\n            x={0}\n            y={0}\n            width={Math.max(0, innerWidth)}\n            height={Math.max(0, innerHeight)}\n          />\n        </clipPath>\n      </defs>\n      <g transform={`translate(${margin.left},${margin.top})`}>\n        <PlannedGrid\n          plan={axes}\n          interactive={interactive}\n          activeId={activeGuideId}\n        />\n        {/* Main content */}\n        <g clipPath={`url(#${chartId}-plot)`}>{children}</g>\n\n        {/* Brush overlay */}\n        <g\n          clipPath={`url(#${chartId}-plot)`}\n          style={{ pointerEvents: altPointer ? \"none\" : undefined }}\n        >\n          {brush.renderBrush}\n        </g>\n\n        <PlannedAxes\n          plan={axes}\n          interactive={interactive}\n          activeId={activeGuideId}\n        />\n        {overlay}\n      </g>\n    </svg>\n  );\n}\n"]}