react-native-chart-kit 7.0.0-next.1 → 7.0.0-next.2

package/dist/v2/react-native/viewport/panResponder.js

@@ -0,0 +1,115 @@
+/* eslint-disable react-hooks/refs -- PanResponder stores callbacks during creation; refs keep gesture state outside render. */
+import { useMemo, useRef } from "react";
+import { PanResponder } from "react-native";
+import { resolveChartViewportWindowFromPanDelta } from "../../core/index";
+import { getChartViewportPanDeltaPoints, resolveChartViewportInteractionConfig } from "./config";
+const isSameViewportWindow = (first, second) => first.startIndex === second.startIndex && first.endIndex === second.endIndex;
+const emitViewportChange = ({ nextWindow, onViewportChange }) => {
+    onViewportChange?.({
+        viewport: {
+            startIndex: nextWindow.startIndex,
+            endIndex: nextWindow.endIndex
+        },
+        startIndex: nextWindow.startIndex,
+        endIndex: nextWindow.endIndex,
+        visibleCount: nextWindow.visibleCount,
+        itemCount: nextWindow.itemCount,
+        isWindowed: nextWindow.isWindowed,
+        source: "mainPlot",
+        interaction: "pan"
+    });
+};
+export const useChartViewportPanResponder = ({ dataLength, enabled, onPress, onViewportChange, plotBounds, preventBrowserSelection, viewportInteraction, viewportWindow }) => {
+    const panStateRef = useRef(undefined);
+    return useMemo(() => {
+        const config = resolveChartViewportInteractionConfig(viewportInteraction);
+        const canPan = enabled &&
+            config.pan &&
+            onViewportChange !== undefined &&
+            dataLength > viewportWindow.visibleCount &&
+            viewportWindow.visibleCount > 0 &&
+            plotBounds.width > 0;
+        const isEnabled = canPan || onPress !== undefined;
+        const startPan = () => {
+            panStateRef.current = {
+                didPan: false,
+                lastWindow: viewportWindow,
+                startWindow: viewportWindow
+            };
+            config.onGestureStart?.({ interaction: "pan" });
+        };
+        const updatePan = (gestureState) => {
+            const panState = panStateRef.current;
+            if (!canPan || !panState) {
+                return;
+            }
+            if (Math.abs(gestureState.dx) < config.minPanDistance) {
+                return;
+            }
+            const deltaPoints = getChartViewportPanDeltaPoints({
+                currentLocationX: gestureState.dx,
+                plotWidth: plotBounds.width,
+                startLocationX: 0,
+                visibleCount: panState.startWindow.visibleCount
+            });
+            if (deltaPoints === 0) {
+                return;
+            }
+            const nextWindow = resolveChartViewportWindowFromPanDelta({
+                currentWindow: panState.startWindow,
+                deltaPoints,
+                itemCount: dataLength
+            });
+            if (isSameViewportWindow(nextWindow, panState.lastWindow)) {
+                return;
+            }
+            panStateRef.current = {
+                ...panState,
+                didPan: true,
+                lastWindow: nextWindow
+            };
+            emitViewportChange({ nextWindow, onViewportChange });
+        };
+        const endPan = (event) => {
+            const didPan = panStateRef.current?.didPan ?? false;
+            if (panStateRef.current) {
+                panStateRef.current = undefined;
+                config.onGestureEnd?.({ interaction: "pan" });
+            }
+            if (!didPan) {
+                onPress?.(event);
+            }
+        };
+        return PanResponder.create({
+            onMoveShouldSetPanResponder: (_event, gestureState) => canPan && Math.abs(gestureState.dx) >= config.minPanDistance,
+            onPanResponderGrant: (event) => {
+                preventBrowserSelection(event);
+                if (canPan) {
+                    startPan();
+                }
+            },
+            onPanResponderMove: (event, gestureState) => {
+                preventBrowserSelection(event);
+                updatePan(gestureState);
+            },
+            onPanResponderRelease: endPan,
+            onPanResponderTerminate: () => {
+                if (panStateRef.current) {
+                    panStateRef.current = undefined;
+                    config.onGestureEnd?.({ interaction: "pan" });
+                }
+            },
+            onShouldBlockNativeResponder: () => canPan && config.lockParentScroll,
+            onStartShouldSetPanResponder: () => isEnabled
+        });
+    }, [
+        dataLength,
+        enabled,
+        onPress,
+        onViewportChange,
+        plotBounds.width,
+        preventBrowserSelection,
+        viewportInteraction,
+        viewportWindow
+    ]);
+};

package/dist/v2/react-native/viewport/pinchZoom.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode } from "react";
+import type { PanResponderInstance } from "react-native";
+import { type ResolvedChartViewportWindow } from "../../core/index";
+import type { ChartViewportBounds, ChartViewportChangeEvent, ChartViewportInteractionConfig } from "./types";
+export declare const useChartViewportPinchZoom: ({ dataLength, enabled, onViewportChange, plotBounds, viewportInteraction, viewportWindow }: {
+    dataLength: number;
+    enabled: boolean;
+    onViewportChange: ((event: ChartViewportChangeEvent) => void) | undefined;
+    plotBounds: ChartViewportBounds;
+    viewportInteraction: boolean | ChartViewportInteractionConfig | undefined;
+    viewportWindow: ResolvedChartViewportWindow;
+}) => PanResponderInstance | undefined;
+export declare const ChartViewportGesture: ({ children, gesture }: {
+    children: ReactNode;
+    gesture: PanResponderInstance | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=pinchZoom.d.ts.map

package/dist/v2/react-native/viewport/pinchZoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pinchZoom.d.ts","sourceRoot":"","sources":["../../src/viewport/pinchZoom.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,KAAK,EAAyB,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEhF,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,iBAAiB,CAAC;AAMzB,OAAO,KAAK,EACV,mBAAmB,EACnB,wBAAwB,EACxB,8BAA8B,EAC/B,MAAM,SAAS,CAAC;AA2FjB,eAAO,MAAM,yBAAyB,GAAI,4FAOvC;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,EAAE,CAAC,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1E,UAAU,EAAE,mBAAmB,CAAC;IAChC,mBAAmB,EAAE,OAAO,GAAG,8BAA8B,GAAG,SAAS,CAAC;IAC1E,cAAc,EAAE,2BAA2B,CAAC;CAC7C,KAAG,oBAAoB,GAAG,SA2F1B,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,uBAGlC;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,oBAAoB,GAAG,SAAS,CAAC;CAC3C,4CAOE,CAAC"}

package/dist/v2/react-native/viewport/pinchZoom.js

@@ -0,0 +1,131 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable react-hooks/refs -- PanResponder stores callbacks during creation; refs keep active pinch state stable across controlled viewport rerenders. */
+import { useMemo, useRef } from "react";
+import { PanResponder, View } from "react-native";
+import { resolveChartViewportWindowFromZoom } from "../../core/index";
+import { getChartViewportPinchZoomFactor, resolveChartViewportInteractionConfig } from "./config";
+const minPinchDistance = 4;
+const isSameViewportWindow = (first, second) => first.startIndex === second.startIndex && first.endIndex === second.endIndex;
+const getTouches = (event) => event.nativeEvent.touches
+    .map((touch) => ({
+    locationX: touch.locationX,
+    locationY: touch.locationY
+}))
+    .filter((touch) => Number.isFinite(touch.locationX) && Number.isFinite(touch.locationY));
+const getPinchMetrics = (event) => {
+    const [first, second] = getTouches(event);
+    if (!first || !second)
+        return undefined;
+    const dx = second.locationX - first.locationX;
+    const dy = second.locationY - first.locationY;
+    return {
+        distance: Math.hypot(dx, dy),
+        focalX: (first.locationX + second.locationX) / 2
+    };
+};
+const getAnchorIndex = ({ focalX, plotBounds, viewportWindow }) => {
+    if (!Number.isFinite(focalX) || plotBounds.width <= 0) {
+        return undefined;
+    }
+    const plotX = Math.min(Math.max(focalX - plotBounds.x, 0), plotBounds.width);
+    const ratio = plotX / plotBounds.width;
+    return (viewportWindow.startIndex +
+        Math.max(0, viewportWindow.visibleCount - 1) * ratio);
+};
+const emitViewportChange = ({ nextWindow, onViewportChange }) => {
+    onViewportChange?.({
+        viewport: {
+            startIndex: nextWindow.startIndex,
+            endIndex: nextWindow.endIndex
+        },
+        startIndex: nextWindow.startIndex,
+        endIndex: nextWindow.endIndex,
+        visibleCount: nextWindow.visibleCount,
+        itemCount: nextWindow.itemCount,
+        isWindowed: nextWindow.isWindowed,
+        source: "mainPlot",
+        interaction: "pinchZoom"
+    });
+};
+export const useChartViewportPinchZoom = ({ dataLength, enabled, onViewportChange, plotBounds, viewportInteraction, viewportWindow }) => {
+    const pinchStateRef = useRef(undefined);
+    return useMemo(() => {
+        const config = resolveChartViewportInteractionConfig(viewportInteraction);
+        const canPinch = enabled &&
+            config.pinchZoom &&
+            onViewportChange !== undefined &&
+            dataLength > 1 &&
+            viewportWindow.visibleCount > 0 &&
+            plotBounds.width > 0;
+        if (!canPinch)
+            return undefined;
+        const startPinch = (event) => {
+            const metrics = getPinchMetrics(event);
+            if (!metrics || metrics.distance < minPinchDistance)
+                return;
+            pinchStateRef.current = {
+                lastWindow: viewportWindow,
+                startDistance: metrics.distance,
+                startFocalX: metrics.focalX,
+                startWindow: viewportWindow
+            };
+            config.onGestureStart?.({ interaction: "pinchZoom" });
+        };
+        const updatePinch = (event) => {
+            if (!pinchStateRef.current)
+                startPinch(event);
+            const pinchState = pinchStateRef.current;
+            const metrics = getPinchMetrics(event);
+            if (!pinchState || !metrics || metrics.distance < minPinchDistance) {
+                return;
+            }
+            const nextWindow = resolveChartViewportWindowFromZoom({
+                anchorIndex: getAnchorIndex({
+                    focalX: pinchState.startFocalX,
+                    plotBounds,
+                    viewportWindow: pinchState.startWindow
+                }),
+                currentWindow: pinchState.startWindow,
+                itemCount: dataLength,
+                maxVisibleCount: config.maxVisiblePoints,
+                minVisibleCount: config.minVisiblePoints,
+                zoomFactor: getChartViewportPinchZoomFactor({
+                    scale: metrics.distance / pinchState.startDistance,
+                    sensitivity: config.pinchSensitivity
+                })
+            });
+            if (isSameViewportWindow(nextWindow, pinchState.lastWindow))
+                return;
+            pinchStateRef.current = {
+                ...pinchState,
+                lastWindow: nextWindow
+            };
+            emitViewportChange({ nextWindow, onViewportChange });
+        };
+        const endPinch = () => {
+            if (!pinchStateRef.current)
+                return;
+            pinchStateRef.current = undefined;
+            config.onGestureEnd?.({ interaction: "pinchZoom" });
+        };
+        const hasTwoTouches = (event) => getTouches(event).length >= 2;
+        return PanResponder.create({
+            onMoveShouldSetPanResponderCapture: (event) => canPinch && hasTwoTouches(event),
+            onPanResponderGrant: startPinch,
+            onPanResponderMove: updatePinch,
+            onPanResponderRelease: endPinch,
+            onPanResponderTerminate: endPinch,
+            onPanResponderTerminationRequest: () => !pinchStateRef.current,
+            onShouldBlockNativeResponder: () => config.lockParentScroll,
+            onStartShouldSetPanResponderCapture: (event) => canPinch && hasTwoTouches(event)
+        });
+    }, [
+        dataLength,
+        enabled,
+        onViewportChange,
+        plotBounds,
+        viewportInteraction,
+        viewportWindow
+    ]);
+};
+export const ChartViewportGesture = ({ children, gesture }) => gesture ? (_jsx(View, { collapsable: false, ...gesture.panHandlers, children: children })) : (_jsx(_Fragment, { children: children }));

package/dist/v2/react-native/viewport/types.d.ts

@@ -0,0 +1,55 @@
+import type { ChartViewportInitialIndex, ResolvedChartViewportWindow } from "../../core/index";
+export type ChartViewportConfig = {
+    endIndex?: number;
+    initialIndex?: ChartViewportInitialIndex;
+    startIndex?: number;
+    visiblePoints?: number;
+};
+export type ChartViewportBounds = {
+    height: number;
+    width: number;
+    x: number;
+    y: number;
+};
+export type ChartViewportInteractionType = "pan" | "pinchZoom";
+export type ChartViewportInteractionGestureEvent = {
+    interaction: ChartViewportInteractionType;
+};
+export type ChartViewportInteractionConfig = {
+    lockParentScroll?: boolean;
+    maxVisiblePoints?: number;
+    minPanDistance?: number;
+    minVisiblePoints?: number;
+    onGestureEnd?: (event: ChartViewportInteractionGestureEvent) => void;
+    onGestureStart?: (event: ChartViewportInteractionGestureEvent) => void;
+    pan?: boolean;
+    pinchSensitivity?: number;
+    pinchZoom?: boolean;
+};
+export type ChartViewportChangeEvent = {
+    endIndex: number;
+    interaction: ChartViewportInteractionType;
+    isWindowed: boolean;
+    itemCount: number;
+    source: "mainPlot";
+    startIndex: number;
+    viewport: ChartViewportConfig;
+    visibleCount: number;
+};
+export type ResolvedChartViewportInteractionConfig = {
+    lockParentScroll: boolean;
+    maxVisiblePoints: number | undefined;
+    minPanDistance: number;
+    minVisiblePoints: number;
+    onGestureEnd: ChartViewportInteractionConfig["onGestureEnd"] | undefined;
+    onGestureStart: ChartViewportInteractionConfig["onGestureStart"] | undefined;
+    pan: boolean;
+    pinchSensitivity: number;
+    pinchZoom: boolean;
+};
+export type ChartViewportPanState = {
+    lastWindow: ResolvedChartViewportWindow;
+    startLocationX: number;
+    startWindow: ResolvedChartViewportWindow;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/v2/react-native/viewport/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/viewport/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,yBAAyB,EACzB,2BAA2B,EAC5B,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,yBAAyB,CAAC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG,KAAK,GAAG,WAAW,CAAC;AAE/D,MAAM,MAAM,oCAAoC,GAAG;IACjD,WAAW,EAAE,4BAA4B,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,oCAAoC,KAAK,IAAI,CAAC;IACrE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,oCAAoC,KAAK,IAAI,CAAC;IACvE,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,4BAA4B,CAAC;IAC1C,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,sCAAsC,GAAG;IACnD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,8BAA8B,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IACzE,cAAc,EAAE,8BAA8B,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IAC7E,GAAG,EAAE,OAAO,CAAC;IACb,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,2BAA2B,CAAC;IACxC,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,2BAA2B,CAAC;CAC1C,CAAC"}

package/dist/v2/react-native/viewport/types.js

@@ -0,0 +1 @@
+export {};

package/dist/v2/svg-renderer/capabilities.d.ts

@@ -0,0 +1,3 @@
+import type { SvgRendererCapabilities, SvgRendererOptions } from "./types";
+export declare const createSvgRendererCapabilities: (options?: SvgRendererOptions) => SvgRendererCapabilities;
+//# sourceMappingURL=capabilities.d.ts.map

package/dist/v2/svg-renderer/capabilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"capabilities.d.ts","sourceRoot":"","sources":["../src/capabilities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE3E,eAAO,MAAM,6BAA6B,GACxC,UAAS,kBAAuB,KAC/B,uBAWD,CAAC"}

package/dist/v2/svg-renderer/capabilities.js

@@ -0,0 +1,12 @@
+export const createSvgRendererCapabilities = (options = {}) => ({
+    animation: "reactNative",
+    clipPaths: true,
+    gradients: true,
+    hitRegions: true,
+    layers: true,
+    shadows: false,
+    symbols: true,
+    testIds: true,
+    textMeasurement: options.measureText ? "custom" : "fallback",
+    ...options.capabilities
+});

package/dist/v2/svg-renderer/clipPath.d.ts

@@ -0,0 +1,4 @@
+import type { SvgClipPolicy, SvgClipPolicyInput } from "./types";
+export declare const createClipPathRef: (id: string) => string;
+export declare const resolveSvgClipPolicy: ({ enabled, id, inset, x, y, width, height }: SvgClipPolicyInput) => SvgClipPolicy;
+//# sourceMappingURL=clipPath.d.ts.map

package/dist/v2/svg-renderer/clipPath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipPath.d.ts","sourceRoot":"","sources":["../src/clipPath.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAc,MAAM,SAAS,CAAC;AAE7E,eAAO,MAAM,iBAAiB,GAAI,IAAI,MAAM,KAAG,MAAuB,CAAC;AAoBvE,eAAO,MAAM,oBAAoB,GAAI,6CAQlC,kBAAkB,KAAG,aAmBvB,CAAC"}

package/dist/v2/svg-renderer/clipPath.js

@@ -0,0 +1,35 @@
+export const createClipPathRef = (id) => `url(#${id})`;
+const resolveSpacing = (spacing) => {
+    if (typeof spacing === "number") {
+        return {
+            bottom: spacing,
+            left: spacing,
+            right: spacing,
+            top: spacing
+        };
+    }
+    return {
+        bottom: spacing?.bottom ?? 0,
+        left: spacing?.left ?? 0,
+        right: spacing?.right ?? 0,
+        top: spacing?.top ?? 0
+    };
+};
+export const resolveSvgClipPolicy = ({ enabled = true, id, inset, x, y, width, height }) => {
+    if (!enabled) {
+        return { enabled: false };
+    }
+    const spacing = resolveSpacing(inset);
+    const clipRect = {
+        height: Math.max(0, height - spacing.top - spacing.bottom),
+        id,
+        width: Math.max(0, width - spacing.left - spacing.right),
+        x: x + spacing.left,
+        y: y + spacing.top
+    };
+    return {
+        clipPath: createClipPathRef(id),
+        clipRect,
+        enabled: true
+    };
+};

package/dist/v2/svg-renderer/defs.d.ts

@@ -0,0 +1,6 @@
+import "./ensureConsole";
+import type { SvgClipRectProps, SvgLinearGradientDefProps } from "./types";
+export { createClipPathRef } from "./clipPath";
+export declare const SvgClipRect: ({ id, x, y, width, height }: SvgClipRectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SvgLinearGradientDef: ({ stops, ...props }: SvgLinearGradientDefProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=defs.d.ts.map

package/dist/v2/svg-renderer/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../src/defs.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AAIzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAE3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,eAAO,MAAM,WAAW,GAAI,6BAA6B,gBAAgB,4CAIxE,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,qBAGlC,yBAAyB,4CAkB3B,CAAC"}

package/dist/v2/svg-renderer/defs.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./ensureConsole";
+import { ClipPath, LinearGradient, Rect, Stop } from "react-native-svg";
+export { createClipPathRef } from "./clipPath";
+export const SvgClipRect = ({ id, x, y, width, height }) => (_jsx(ClipPath, { id: id, children: _jsx(Rect, { x: x, y: y, width: width, height: height }) }));
+export const SvgLinearGradientDef = ({ stops, ...props }) => (_jsx(LinearGradient, { ...props, children: stops.map((stop, index) => {
+        const stopProps = stop.opacity === undefined
+            ? {
+                offset: stop.offset,
+                stopColor: stop.color
+            }
+            : {
+                offset: stop.offset,
+                stopColor: stop.color,
+                stopOpacity: stop.opacity
+            };
+        return _jsx(Stop, { ...stopProps }, `${stop.offset}-${index}`);
+    }) }));

package/dist/v2/svg-renderer/ensureConsole.d.ts

@@ -0,0 +1,4 @@
+type RuntimeConsole = Record<string, unknown>;
+export declare function ensureRuntimeConsole(): RuntimeConsole;
+export {};
+//# sourceMappingURL=ensureConsole.d.ts.map

package/dist/v2/svg-renderer/ensureConsole.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ensureConsole.d.ts","sourceRoot":"","sources":["../src/ensureConsole.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AA4C9C,wBAAgB,oBAAoB,mBA0BnC"}

package/dist/v2/svg-renderer/ensureConsole.js

@@ -0,0 +1,54 @@
+const noop = () => undefined;
+const consoleMethods = [
+    "debug",
+    "error",
+    "info",
+    "log",
+    "trace",
+    "warn"
+];
+function getRuntimeRoots() {
+    const roots = [];
+    const addRoot = (value) => {
+        if (value && typeof value === "object") {
+            const root = value;
+            if (!roots.includes(root)) {
+                roots.push(root);
+            }
+        }
+    };
+    addRoot(globalThis);
+    addRoot(globalThis.global);
+    try {
+        if (typeof global !== "undefined") {
+            addRoot(global);
+        }
+    }
+    catch {
+        // Some embedded runtimes expose only globalThis.
+    }
+    return roots;
+}
+export function ensureRuntimeConsole() {
+    const roots = getRuntimeRoots();
+    const runtimeConsole = roots
+        .map((root) => root.console)
+        .find((value) => value && typeof value === "object") ?? {};
+    for (const root of roots) {
+        root.console = runtimeConsole;
+    }
+    for (const method of consoleMethods) {
+        if (typeof runtimeConsole[method] !== "function") {
+            runtimeConsole[method] = noop;
+        }
+    }
+    if (typeof runtimeConsole.assert !== "function") {
+        runtimeConsole.assert = (condition, ...messages) => {
+            if (!condition) {
+                runtimeConsole.error(...messages);
+            }
+        };
+    }
+    return runtimeConsole;
+}
+ensureRuntimeConsole();

package/dist/v2/svg-renderer/hitRegions.d.ts

@@ -0,0 +1,3 @@
+import type { SvgHitRegionProps, SvgRectProps } from "./types";
+export declare const createSvgHitRegionProps: ({ disabled, fill, fillOpacity, pointerEvents, ...props }: SvgHitRegionProps) => SvgRectProps;
+//# sourceMappingURL=hitRegions.d.ts.map

package/dist/v2/svg-renderer/hitRegions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hitRegions.d.ts","sourceRoot":"","sources":["../src/hitRegions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE/D,eAAO,MAAM,uBAAuB,GAAI,0DAMrC,iBAAiB,KAAG,YAKrB,CAAC"}

package/dist/v2/svg-renderer/hitRegions.js

@@ -0,0 +1,6 @@
+export const createSvgHitRegionProps = ({ disabled = false, fill = "#000", fillOpacity = 0.001, pointerEvents, ...props }) => ({
+    ...props,
+    fill,
+    fillOpacity,
+    pointerEvents: pointerEvents ?? (disabled ? "none" : "auto")
+});

package/dist/v2/svg-renderer/index.d.ts

@@ -0,0 +1,14 @@
+export * from "./capabilities";
+export * from "./clipPath";
+export * from "./defs";
+export * from "./hitRegions";
+export * from "./layerOrder";
+export * from "./layers";
+export * from "./primitives";
+export * from "./renderer";
+export * from "./symbolGeometry";
+export * from "./symbols";
+export * from "./testIds";
+export * from "./textMeasurement";
+export * from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/svg-renderer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}

package/dist/v2/svg-renderer/index.js

@@ -0,0 +1,13 @@
+export * from "./capabilities";
+export * from "./clipPath";
+export * from "./defs";
+export * from "./hitRegions";
+export * from "./layerOrder";
+export * from "./layers";
+export * from "./primitives";
+export * from "./renderer";
+export * from "./symbolGeometry";
+export * from "./symbols";
+export * from "./testIds";
+export * from "./textMeasurement";
+export * from "./types";

package/dist/v2/svg-renderer/layerOrder.d.ts

@@ -0,0 +1,19 @@
+export declare const chartRenderLayers: {
+    readonly background: 0;
+    readonly plot: 10;
+    readonly grid: 20;
+    readonly axes: 30;
+    readonly referenceBands: 35;
+    readonly dataArea: 40;
+    readonly data: 50;
+    readonly referenceLines: 55;
+    readonly markers: 60;
+    readonly referenceLabels: 65;
+    readonly overlays: 70;
+    readonly interaction: 80;
+    readonly debug: 90;
+};
+export type ChartRenderLayerName = keyof typeof chartRenderLayers;
+export declare const chartRenderLayerOrder: ChartRenderLayerName[];
+export declare const getChartRenderLayerTestId: (name: ChartRenderLayerName) => string;
+//# sourceMappingURL=layerOrder.d.ts.map

package/dist/v2/svg-renderer/layerOrder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layerOrder.d.ts","sourceRoot":"","sources":["../src/layerOrder.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;CAcpB,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAElE,eAAO,MAAM,qBAAqB,EAE7B,oBAAoB,EAAE,CAAC;AAE5B,eAAO,MAAM,yBAAyB,GAAI,MAAM,oBAAoB,WAC9B,CAAC"}

package/dist/v2/svg-renderer/layerOrder.js

@@ -0,0 +1,18 @@
+import { createSvgTestId } from "./testIds";
+export const chartRenderLayers = {
+    background: 0,
+    plot: 10,
+    grid: 20,
+    axes: 30,
+    referenceBands: 35,
+    dataArea: 40,
+    data: 50,
+    referenceLines: 55,
+    markers: 60,
+    referenceLabels: 65,
+    overlays: 70,
+    interaction: 80,
+    debug: 90
+};
+export const chartRenderLayerOrder = Object.keys(chartRenderLayers);
+export const getChartRenderLayerTestId = (name) => createSvgTestId("chart-layer", name);

package/dist/v2/svg-renderer/layers.d.ts

@@ -0,0 +1,3 @@
+import type { SvgLayerProps } from "./types";
+export declare const SvgLayer: ({ children, name, testID, ...props }: SvgLayerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=layers.d.ts.map

package/dist/v2/svg-renderer/layers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layers.d.ts","sourceRoot":"","sources":["../src/layers.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,QAAQ,GAAI,sCAKtB,aAAa,4CAIf,CAAC"}

package/dist/v2/svg-renderer/layers.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SvgGroup } from "./primitives";
+import { getChartRenderLayerTestId } from "./layerOrder";
+export const SvgLayer = ({ children, name, testID, ...props }) => (_jsx(SvgGroup, { testID: testID ?? getChartRenderLayerTestId(name), ...props, children: children }));

package/dist/v2/svg-renderer/primitives.d.ts

@@ -0,0 +1,12 @@
+import "./ensureConsole";
+import type { SvgCircleProps, SvgDefsProps, SvgGroupProps, SvgHitRegionProps, SvgLineProps, SvgPathProps, SvgRectProps, SvgSurfaceProps, SvgTextProps } from "./types";
+export declare const SvgSurface: ({ children, width, height, ...props }: SvgSurfaceProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SvgGroup: ({ children, ...props }: SvgGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SvgPath: (props: SvgPathProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SvgRect: (props: SvgRectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SvgHitRegion: (props: SvgHitRegionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SvgCircle: (props: SvgCircleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SvgText: ({ children, ...props }: SvgTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SvgLine: (props: SvgLineProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SvgDefs: ({ children }: SvgDefsProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=primitives.d.ts.map

package/dist/v2/svg-renderer/primitives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../src/primitives.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AAKzB,OAAO,KAAK,EACV,cAAc,EACd,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,YAAY,EACb,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,UAAU,GAAI,uCAKxB,eAAe,4CASjB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,wBAAwB,aAAa,4CAE7D,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,4CAAwB,CAAC;AACpE,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,4CAAwB,CAAC;AACpE,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,4CAEpD,CAAC;AACF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,4CAA0B,CAAC;AAC1E,eAAO,MAAM,OAAO,GAAI,wBAAwB,YAAY,4CAE3D,CAAC;AACF,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,4CAAwB,CAAC;AACpE,eAAO,MAAM,OAAO,GAAI,cAAc,YAAY,4CAA4B,CAAC"}

package/dist/v2/svg-renderer/primitives.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./ensureConsole";
+import Svg, { Circle, Defs, G, Line, Path, Rect, Text } from "react-native-svg";
+import { createSvgHitRegionProps } from "./hitRegions";
+export const SvgSurface = ({ children, width, height, ...props }) => (_jsx(Svg, { width: width, height: height, viewBox: `0 0 ${width} ${height}`, ...props, children: children }));
+export const SvgGroup = ({ children, ...props }) => (_jsx(G, { ...props, children: children }));
+export const SvgPath = (props) => _jsx(Path, { ...props });
+export const SvgRect = (props) => _jsx(Rect, { ...props });
+export const SvgHitRegion = (props) => (_jsx(Rect, { ...createSvgHitRegionProps(props) }));
+export const SvgCircle = (props) => _jsx(Circle, { ...props });
+export const SvgText = ({ children, ...props }) => (_jsx(Text, { ...props, children: children }));
+export const SvgLine = (props) => _jsx(Line, { ...props });
+export const SvgDefs = ({ children }) => _jsx(Defs, { children: children });

package/dist/v2/svg-renderer/renderer.d.ts

@@ -0,0 +1,4 @@
+import type { SvgRenderer, SvgRendererOptions } from "./types";
+export declare const createSvgRenderer: (options?: SvgRendererOptions) => SvgRenderer;
+export declare const svgRenderer: SvgRenderer;
+//# sourceMappingURL=renderer.d.ts.map

package/dist/v2/svg-renderer/renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE/D,eAAO,MAAM,iBAAiB,GAC5B,UAAS,kBAAuB,KAC/B,WAiBD,CAAC;AAEH,eAAO,MAAM,WAAW,aAAsB,CAAC"}