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

package/dist/v2/react-native/charts/line/references.js

@@ -0,0 +1,156 @@
+import { resolveReferenceLineLabelY } from "./referenceLabelPlacement";
+const defaultReferenceLineOpacity = 0.86;
+const defaultReferenceBandOpacity = 0.1;
+const defaultReferenceLabelContainerBorderRadius = 4;
+const defaultReferenceLabelContainerOpacity = 0.9;
+const defaultReferenceLabelContainerPaddingX = 3;
+const defaultReferenceLabelContainerPaddingY = 2;
+const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+const resolveOpacity = (value, fallback) => typeof value === "number" && Number.isFinite(value)
+    ? clamp(value, 0, 1)
+    : fallback;
+const isFiniteNumber = (value) => typeof value === "number" && Number.isFinite(value);
+const resolveFiniteNumber = (value, fallback) => typeof value === "number" && Number.isFinite(value) ? value : fallback;
+const resolveReferenceLabelContainer = ({ container, theme }) => {
+    if (!container) {
+        return undefined;
+    }
+    const config = typeof container === "object" ? container : {};
+    return {
+        backgroundColor: config.backgroundColor ?? theme.plotBackground,
+        borderRadius: Math.max(0, resolveFiniteNumber(config.borderRadius, defaultReferenceLabelContainerBorderRadius)),
+        opacity: resolveOpacity(config.opacity, defaultReferenceLabelContainerOpacity),
+        paddingX: Math.max(0, resolveFiniteNumber(config.paddingX, defaultReferenceLabelContainerPaddingX)),
+        paddingY: Math.max(0, resolveFiniteNumber(config.paddingY, defaultReferenceLabelContainerPaddingY))
+    };
+};
+const getTextAnchor = (position) => {
+    if (position === "start") {
+        return "start";
+    }
+    if (position === "center") {
+        return "middle";
+    }
+    return "end";
+};
+const getReferenceLabelX = ({ plot, position }) => {
+    if (position === "start") {
+        return plot.x + 8;
+    }
+    if (position === "center") {
+        return plot.x + plot.width / 2;
+    }
+    return plot.x + plot.width - 8;
+};
+export const buildLineChartReferenceLineModels = ({ geometries, lines, plot, theme, yScale }) => {
+    if (!lines || lines.length === 0) {
+        return [];
+    }
+    const plotBottom = plot.y + plot.height;
+    return lines.flatMap((line, index) => {
+        if (!isFiniteNumber(line.y)) {
+            return [];
+        }
+        const y = yScale.scale(line.y);
+        if (y < plot.y || y > plotBottom) {
+            return [];
+        }
+        const labelPosition = line.labelPosition ?? "end";
+        const labelFontSize = typeof line.labelFontSize === "number" && line.labelFontSize > 0
+            ? line.labelFontSize
+            : theme.typography.axisLabelSize;
+        const labelOffset = typeof line.labelOffset === "number" && Number.isFinite(line.labelOffset)
+            ? line.labelOffset
+            : 6;
+        const model = {
+            key: `reference-line-${index}-${line.y}`,
+            x1: plot.x,
+            x2: plot.x + plot.width,
+            y,
+            color: line.color ?? theme.mutedText,
+            opacity: resolveOpacity(line.opacity, defaultReferenceLineOpacity),
+            strokeWidth: line.strokeWidth ?? 1
+        };
+        if (line.strokeDasharray !== undefined) {
+            model.strokeDasharray = line.strokeDasharray;
+        }
+        if (line.label) {
+            const textAnchor = getTextAnchor(labelPosition);
+            const labelX = getReferenceLabelX({ plot, position: labelPosition });
+            const labelContainer = resolveReferenceLabelContainer({
+                container: line.labelContainer,
+                theme
+            });
+            model.label = {
+                text: line.label,
+                x: labelX,
+                y: resolveReferenceLineLabelY({
+                    geometries,
+                    labelOffset,
+                    labelPlacement: line.labelPlacement,
+                    lineY: y,
+                    plot,
+                    text: line.label,
+                    textAnchor,
+                    fontSize: labelFontSize,
+                    x: labelX
+                }),
+                color: line.labelColor ?? line.color ?? theme.mutedText,
+                ...(labelContainer !== undefined ? { container: labelContainer } : {}),
+                fontSize: labelFontSize,
+                textAnchor
+            };
+        }
+        return [model];
+    });
+};
+export const buildLineChartReferenceBandModels = ({ bands, plot, theme, yScale }) => {
+    if (!bands || bands.length === 0) {
+        return [];
+    }
+    const plotBottom = plot.y + plot.height;
+    return bands.flatMap((band, index) => {
+        if (!isFiniteNumber(band.y1) || !isFiniteNumber(band.y2)) {
+            return [];
+        }
+        const yA = yScale.scale(band.y1);
+        const yB = yScale.scale(band.y2);
+        const top = Math.min(yA, yB);
+        const bottom = Math.max(yA, yB);
+        const clampedTop = clamp(top, plot.y, plotBottom);
+        const clampedBottom = clamp(bottom, plot.y, plotBottom);
+        const height = clampedBottom - clampedTop;
+        if (height <= 0.5) {
+            return [];
+        }
+        const labelPosition = band.labelPosition ?? "start";
+        const labelFontSize = typeof band.labelFontSize === "number" && band.labelFontSize > 0
+            ? band.labelFontSize
+            : theme.typography.axisLabelSize;
+        const model = {
+            key: `reference-band-${index}-${band.y1}-${band.y2}`,
+            x: plot.x,
+            y: clampedTop,
+            width: plot.width,
+            height,
+            color: band.color ?? theme.series[0] ?? theme.grid,
+            opacity: resolveOpacity(band.opacity, defaultReferenceBandOpacity)
+        };
+        if (band.label) {
+            const labelContainer = resolveReferenceLabelContainer({
+                container: band.labelContainer,
+                theme
+            });
+            model.label = {
+                text: band.label,
+                x: getReferenceLabelX({ plot, position: labelPosition }),
+                y: clamp(clampedTop + labelFontSize + 6, plot.y + labelFontSize, plotBottom - 4),
+                color: band.labelColor ?? band.color ?? theme.mutedText,
+                ...(labelContainer !== undefined ? { container: labelContainer } : {}),
+                fontSize: labelFontSize,
+                textAnchor: getTextAnchor(labelPosition)
+            };
+        }
+        return [model];
+    });
+};

package/dist/v2/react-native/charts/line/renderer.d.ts

@@ -0,0 +1,4 @@
+import type { LineChartRenderer } from "./types";
+export declare const lineChartSvgRenderer: LineChartRenderer;
+export declare const getLineChartRenderer: (renderer: LineChartRenderer | undefined) => LineChartRenderer;
+//# sourceMappingURL=renderer.d.ts.map

package/dist/v2/react-native/charts/line/renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../src/charts/line/renderer.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,oBAAoB,EAAE,iBAoBlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,UAAU,iBAAiB,GAAG,SAAS,sBAC1C,CAAC"}

package/dist/v2/react-native/charts/line/renderer.js

@@ -0,0 +1,23 @@
+import { SvgClipRect, SvgCircle, SvgDefs, SvgGroup, SvgLayer, SvgLine, SvgLinearGradientDef, SvgPath, SvgRect, SvgSurface, SvgText } from "../../../svg-renderer/index";
+export const lineChartSvgRenderer = {
+    ClipRect: SvgClipRect,
+    Circle: SvgCircle,
+    Defs: SvgDefs,
+    Group: SvgGroup,
+    Layer: SvgLayer,
+    Line: SvgLine,
+    LinearGradient: SvgLinearGradientDef,
+    Path: SvgPath,
+    Rect: SvgRect,
+    Surface: SvgSurface,
+    Text: SvgText,
+    capabilities: {
+        clipPaths: true,
+        gradients: true,
+        pathGradients: false,
+        rectClips: false,
+        text: true
+    },
+    name: "svg"
+};
+export const getLineChartRenderer = (renderer) => renderer ?? lineChartSvgRenderer;

package/dist/v2/react-native/charts/line/responders.d.ts

@@ -0,0 +1,13 @@
+import type { GestureResponderEvent, ViewProps } from "react-native";
+import type { LineChartDeselectEvent, ResolvedLineChartInteractionConfig } from "./interaction";
+import type { LineChartViewportPanHandlers } from "./viewportInteraction";
+export declare const useLineChartResponderProps: <TData>({ clearGestureSelection, handleInteractionEvent, interactionConfig, isInteractionEnabled, isResponderEventInPlot, preventBrowserSelection, viewportPan }: {
+    clearGestureSelection: (event: LineChartDeselectEvent) => void;
+    handleInteractionEvent: (event: GestureResponderEvent) => void;
+    interactionConfig: ResolvedLineChartInteractionConfig<TData>;
+    isInteractionEnabled: boolean;
+    isResponderEventInPlot: (event: GestureResponderEvent) => boolean;
+    preventBrowserSelection: (event: GestureResponderEvent) => void;
+    viewportPan: LineChartViewportPanHandlers;
+}) => ViewProps;
+//# sourceMappingURL=responders.d.ts.map

package/dist/v2/react-native/charts/line/responders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responders.d.ts","sourceRoot":"","sources":["../../../src/charts/line/responders.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErE,OAAO,KAAK,EACV,sBAAsB,EACtB,kCAAkC,EACnC,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC;AAE1E,eAAO,MAAM,0BAA0B,GAAI,KAAK,EAAE,0JAQ/C;IACD,qBAAqB,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC/D,sBAAsB,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC/D,iBAAiB,EAAE,kCAAkC,CAAC,KAAK,CAAC,CAAC;IAC7D,oBAAoB,EAAE,OAAO,CAAC;IAC9B,sBAAsB,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,OAAO,CAAC;IAClE,uBAAuB,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChE,WAAW,EAAE,4BAA4B,CAAC;CAC3C,KAAG,SA6EH,CAAC"}

package/dist/v2/react-native/charts/line/responders.js

@@ -0,0 +1,59 @@
+import { useCallback } from "react";
+export const useLineChartResponderProps = ({ clearGestureSelection, handleInteractionEvent, interactionConfig, isInteractionEnabled, isResponderEventInPlot, preventBrowserSelection, viewportPan }) => {
+    const handleResponderGrant = useCallback((event) => {
+        preventBrowserSelection(event);
+        if (!isResponderEventInPlot(event)) {
+            if (interactionConfig.deselectOnOutsidePress) {
+                clearGestureSelection({ reason: "outsidePress" });
+            }
+            return;
+        }
+        if (viewportPan.isEnabled) {
+            viewportPan.handleGrant(event);
+            return;
+        }
+        interactionConfig.onGestureStart?.();
+        handleInteractionEvent(event);
+    }, [
+        clearGestureSelection,
+        handleInteractionEvent,
+        interactionConfig,
+        isResponderEventInPlot,
+        preventBrowserSelection,
+        viewportPan
+    ]);
+    const handleResponderMove = useCallback((event) => {
+        if (viewportPan.isActive()) {
+            viewportPan.handleMove(event);
+            return;
+        }
+        if (interactionConfig.mode === "scrub") {
+            handleInteractionEvent(event);
+        }
+    }, [handleInteractionEvent, interactionConfig.mode, viewportPan]);
+    const handleResponderEnd = useCallback(() => {
+        if (viewportPan.isActive()) {
+            viewportPan.handleEnd();
+            return;
+        }
+        if (interactionConfig.selectionPersistence === "whileActive") {
+            clearGestureSelection({ reason: "gestureEnd" });
+        }
+        interactionConfig.onGestureEnd?.();
+    }, [clearGestureSelection, interactionConfig, viewportPan]);
+    const isResponderEnabled = isInteractionEnabled || viewportPan.isEnabled;
+    return isResponderEnabled
+        ? {
+            onStartShouldSetResponder: (event) => viewportPan.shouldSetResponder(event) || isInteractionEnabled,
+            onMoveShouldSetResponder: (event) => viewportPan.shouldSetResponder(event) ||
+                (interactionConfig.mode === "scrub" && isResponderEventInPlot(event)),
+            onResponderTerminationRequest: () => viewportPan.isActive()
+                ? !viewportPan.shouldBlockTermination
+                : interactionConfig.mode !== "scrub",
+            onResponderGrant: handleResponderGrant,
+            onResponderMove: handleResponderMove,
+            onResponderRelease: handleResponderEnd,
+            onResponderTerminate: handleResponderEnd
+        }
+        : {};
+};

package/dist/v2/react-native/charts/line/selection.d.ts

@@ -0,0 +1,31 @@
+import { type LineChartDotConfig, type ResolvedLineChartDotConfig } from "./options";
+import type { LineChartTooltipSeriesItem } from "./tooltip";
+export type LineChartSelectablePoint = {
+    dataIndex: number;
+    defined: boolean;
+    index: number;
+    value?: number | null;
+    x: number;
+    y: number;
+};
+export type LineChartSelectableGeometry<TPoint extends LineChartSelectablePoint> = {
+    geometry: {
+        key: string;
+        label: string;
+        points: TPoint[];
+    };
+    style: {
+        color: string;
+        dot: ResolvedLineChartDotConfig;
+    };
+};
+export type LineChartSelectedSeriesItem<TPoint extends LineChartSelectablePoint> = LineChartTooltipSeriesItem<TPoint> & {
+    activeDot: ResolvedLineChartDotConfig;
+};
+export declare const getSelectedLineSeries: <TPoint extends LineChartSelectablePoint>({ activeDot, formatYLabel, geometries, selectedDataIndex }: {
+    activeDot: boolean | LineChartDotConfig | undefined;
+    formatYLabel: (value: number) => string;
+    geometries: Array<LineChartSelectableGeometry<TPoint>>;
+    selectedDataIndex: number | undefined;
+}) => Array<LineChartSelectedSeriesItem<TPoint>>;
+//# sourceMappingURL=selection.d.ts.map

package/dist/v2/react-native/charts/line/selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../../src/charts/line/selection.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,0BAA0B,EAChC,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAC;AAE5D,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,2BAA2B,CACrC,MAAM,SAAS,wBAAwB,IACrC;IACF,QAAQ,EAAE;QACR,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,EAAE,CAAC;KAClB,CAAC;IACF,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,0BAA0B,CAAC;KACjC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,2BAA2B,CACrC,MAAM,SAAS,wBAAwB,IACrC,0BAA0B,CAAC,MAAM,CAAC,GAAG;IACvC,SAAS,EAAE,0BAA0B,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,MAAM,SAAS,wBAAwB,EAAE,4DAK5E;IACD,SAAS,EAAE,OAAO,GAAG,kBAAkB,GAAG,SAAS,CAAC;IACpD,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,UAAU,EAAE,KAAK,CAAC,2BAA2B,CAAC,MAAM,CAAC,CAAC,CAAC;IACvD,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAC;CACvC,KAAG,KAAK,CAAC,2BAA2B,CAAC,MAAM,CAAC,CAgC5C,CAAC"}

package/dist/v2/react-native/charts/line/selection.js

@@ -0,0 +1,26 @@
+import { getLineChartActiveDotConfig } from "./options";
+export const getSelectedLineSeries = ({ activeDot, formatYLabel, geometries, selectedDataIndex }) => {
+    if (selectedDataIndex === undefined) {
+        return [];
+    }
+    return geometries.flatMap(({ geometry, style }) => {
+        const point = geometry.points.find((item) => item.dataIndex === selectedDataIndex);
+        if (!point || !point.defined) {
+            return [];
+        }
+        return [
+            {
+                key: geometry.key,
+                label: geometry.label,
+                color: style.color,
+                value: point.value,
+                formattedValue: typeof point.value === "number" ? formatYLabel(point.value) : "—",
+                point,
+                activeDot: getLineChartActiveDotConfig({
+                    activeDot,
+                    baseDot: style.dot
+                })
+            }
+        ];
+    });
+};

package/dist/v2/react-native/charts/line/seriesInput.d.ts

@@ -0,0 +1,4 @@
+import type { LineChartProps, LineChartSeries } from "./types";
+export declare const resolveLineChartSeriesInput: <TData extends Record<string, unknown>>(yKey: LineChartProps<TData>["yKey"], yKeys: LineChartProps<TData>["yKeys"], series: LineChartProps<TData>["series"]) => LineChartSeries<TData>[];
+export declare const useSeriesInput: <TData extends Record<string, unknown>>(yKey: LineChartProps<TData>["yKey"], yKeys: LineChartProps<TData>["yKeys"], series: LineChartProps<TData>["series"]) => LineChartSeries<TData>[];
+//# sourceMappingURL=seriesInput.d.ts.map

package/dist/v2/react-native/charts/line/seriesInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"seriesInput.d.ts","sourceRoot":"","sources":["../../../src/charts/line/seriesInput.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/D,eAAO,MAAM,2BAA2B,GACtC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAErC,MAAM,cAAc,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EACnC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,EACrC,QAAQ,cAAc,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,6BAWxC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClE,MAAM,cAAc,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EACnC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,EACrC,QAAQ,cAAc,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,6BAMxC,CAAC"}

package/dist/v2/react-native/charts/line/seriesInput.js

@@ -0,0 +1,13 @@
+import { useMemo } from "react";
+export const resolveLineChartSeriesInput = (yKey, yKeys, series) => {
+    if (series && series.length > 0) {
+        return series;
+    }
+    if (yKeys && yKeys.length > 0) {
+        return yKeys.map((key) => ({ yKey: key }));
+    }
+    return yKey ? [{ yKey }] : [];
+};
+export const useSeriesInput = (yKey, yKeys, series) => {
+    return useMemo(() => resolveLineChartSeriesInput(yKey, yKeys, series), [series, yKey, yKeys]);
+};

package/dist/v2/react-native/charts/line/seriesStyles.d.ts

@@ -0,0 +1,20 @@
+import type { ResolvedCartesianChartTheme } from "../../theme";
+import { type LineChartAreaFillConfig, type LineChartDotConfig } from "./options";
+import type { LineChartSeries } from "./types";
+export declare const buildLineChartSeriesStyleMap: <TData extends Record<string, unknown>>({ areaFill, dots, resolvedTheme, seriesInput, showDots }: {
+    areaFill: LineChartAreaFillConfig | undefined;
+    dots: boolean | LineChartDotConfig | undefined;
+    resolvedTheme: ResolvedCartesianChartTheme;
+    seriesInput: Array<LineChartSeries<TData>>;
+    showDots: boolean;
+}) => Map<string, {
+    strokeWidth: number;
+    strokeStyle: import("./options").ResolvedLineChartStrokeStyle;
+    area: boolean | undefined;
+    areaFill: import("./options").ResolvedLineChartAreaFillConfig;
+    curve: import("../../../core/index").LineCurve | undefined;
+    color: string;
+    threshold: import("./options").ResolvedLineChartThresholdStyle | undefined;
+    dot: import("./options").ResolvedLineChartDotConfig;
+}>;
+//# sourceMappingURL=seriesStyles.d.ts.map

package/dist/v2/react-native/charts/line/seriesStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"seriesStyles.d.ts","sourceRoot":"","sources":["../../../src/charts/line/seriesStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAKL,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,EACxB,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG/C,eAAO,MAAM,4BAA4B,GACvC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACrC,0DAMC;IACD,QAAQ,EAAE,uBAAuB,GAAG,SAAS,CAAC;IAC9C,IAAI,EAAE,OAAO,GAAG,kBAAkB,GAAG,SAAS,CAAC;IAC/C,aAAa,EAAE,2BAA2B,CAAC;IAC3C,WAAW,EAAE,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;IAC3C,QAAQ,EAAE,OAAO,CAAC;CACnB;;;;;;;;;EAkCE,CAAC"}

package/dist/v2/react-native/charts/line/seriesStyles.js

@@ -0,0 +1,33 @@
+import { getLineChartAreaFillConfig, getLineChartDotConfig, getLineChartStrokeStyle, getLineChartThresholdStyle } from "./options";
+import { getSeriesColor } from "./utils";
+export const buildLineChartSeriesStyleMap = ({ areaFill, dots, resolvedTheme, seriesInput, showDots }) => new Map(seriesInput.map((item, index) => {
+    const color = item.color ?? getSeriesColor(resolvedTheme, index);
+    return [
+        String(item.key ?? item.yKey),
+        {
+            strokeWidth: item.strokeWidth ?? 3,
+            strokeStyle: getLineChartStrokeStyle({
+                strokeDasharray: item.strokeDasharray,
+                strokeLinecap: item.strokeLinecap,
+                strokeLinejoin: item.strokeLinejoin,
+                strokeOpacity: item.strokeOpacity
+            }),
+            area: item.area,
+            areaFill: getLineChartAreaFillConfig({
+                areaFill: item.areaFill ?? areaFill,
+                seriesColor: color
+            }),
+            curve: item.curve,
+            color,
+            threshold: getLineChartThresholdStyle({
+                seriesColor: color,
+                threshold: item.threshold
+            }),
+            dot: getLineChartDotConfig({
+                dots,
+                seriesDot: item.dot,
+                showDots
+            })
+        }
+    ];
+}));

package/dist/v2/react-native/charts/line/stickyYAxisLayout.d.ts

@@ -0,0 +1,6 @@
+export declare const getStickyYAxisBackgroundHeight: ({ fadeY, mainHeight }: {
+    fadeY: number;
+    mainHeight: number;
+}) => number;
+export declare const getStickyYAxisFadeOpacity: (scrollOffset: number) => 0 | 1;
+//# sourceMappingURL=stickyYAxisLayout.d.ts.map

package/dist/v2/react-native/charts/line/stickyYAxisLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stickyYAxisLayout.d.ts","sourceRoot":"","sources":["../../../src/charts/line/stickyYAxisLayout.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,8BAA8B,GAAI,uBAG5C;IACD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB,WAAoC,CAAC;AAEtC,eAAO,MAAM,yBAAyB,GAAI,cAAc,MAAM,UAClC,CAAC"}

package/dist/v2/react-native/charts/line/stickyYAxisLayout.js

@@ -0,0 +1,2 @@
+export const getStickyYAxisBackgroundHeight = ({ fadeY, mainHeight }) => Math.min(mainHeight, fadeY + 4);
+export const getStickyYAxisFadeOpacity = (scrollOffset) => scrollOffset > 0.5 ? 1 : 0;

package/dist/v2/react-native/charts/line/text.d.ts

@@ -0,0 +1,7 @@
+export declare const measureLineChartText: import("../../../svg-renderer/index").SvgTextMeasurer;
+export declare const getFontFamilyProps: (fontFamily: string | undefined) => {
+    fontFamily: string;
+} | {
+    fontFamily?: never;
+};
+//# sourceMappingURL=text.d.ts.map

package/dist/v2/react-native/charts/line/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/charts/line/text.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,mDAE/B,CAAC;AAEH,eAAO,MAAM,kBAAkB,GAAI,YAAY,MAAM,GAAG,SAAS;;;;CAEhE,CAAC"}

package/dist/v2/react-native/charts/line/text.js

@@ -0,0 +1,7 @@
+import { createSvgTextMeasurer } from "../../../svg-renderer/index";
+export const measureLineChartText = createSvgTextMeasurer({
+    lineHeight: 14
+});
+export const getFontFamilyProps = (fontFamily) => {
+    return fontFamily ? { fontFamily } : {};
+};

package/dist/v2/react-native/charts/line/thresholdRendering.d.ts

@@ -0,0 +1,28 @@
+import type { LineChartModel } from "./useChartModel";
+import type { LineChartRenderer } from "./types";
+type LineChartGeometryModel<TData extends Record<string, unknown>> = LineChartModel<TData>["geometries"][number];
+export declare const getLineChartAreaGradientRef: (chartId: string, index: number) => string;
+export declare const getLineChartAreaGradientId: (chartId: string, index: number) => string;
+export declare const LineChartThresholdClipDefs: <TData extends Record<string, unknown>>({ chartId, geometries, plot, renderer, yScale }: {
+    chartId: string;
+    geometries: Array<LineChartGeometryModel<TData>>;
+    plot: LineChartModel<TData>["boxes"]["plot"];
+    renderer: LineChartRenderer;
+    yScale: LineChartModel<TData>["yScale"];
+}) => import("react/jsx-runtime").JSX.Element | null;
+export declare const LineChartAreaPaths: <TData extends Record<string, unknown>>({ chartId, geometries, plot, yScale, renderer }: {
+    chartId: string;
+    geometries: Array<LineChartGeometryModel<TData>>;
+    plot?: LineChartModel<TData>["boxes"]["plot"] | undefined;
+    renderer: LineChartRenderer;
+    yScale?: LineChartModel<TData>["yScale"] | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const LineChartLinePaths: <TData extends Record<string, unknown>>({ chartId, geometries, plot, yScale, renderer }: {
+    chartId: string;
+    geometries: Array<LineChartGeometryModel<TData>>;
+    plot?: LineChartModel<TData>["boxes"]["plot"] | undefined;
+    renderer: LineChartRenderer;
+    yScale?: LineChartModel<TData>["yScale"] | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=thresholdRendering.d.ts.map

package/dist/v2/react-native/charts/line/thresholdRendering.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thresholdRendering.d.ts","sourceRoot":"","sources":["../../../src/charts/line/thresholdRendering.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,KAAK,sBAAsB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC/D,cAAc,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AA6B9C,eAAO,MAAM,2BAA2B,GAAI,SAAS,MAAM,EAAE,OAAO,MAAM,WAC5B,CAAC;AAE/C,eAAO,MAAM,0BAA0B,YAZH,MAAM,SAAS,MAAM,WAYE,CAAC;AAyC5D,eAAO,MAAM,0BAA0B,GACrC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACrC,iDAMC;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,KAAK,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC,CAAC;IACjD,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7C,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,MAAM,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;CACzC,mDAoCA,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,iDAMvE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,KAAK,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC,CAAC;IACjD,IAAI,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1D,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,MAAM,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;CACtD,4CAwGA,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,iDAMvE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,KAAK,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC,CAAC;IACjD,IAAI,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1D,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,MAAM,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;CACtD,4CA0FA,CAAC"}

package/dist/v2/react-native/charts/line/thresholdRendering.js

@@ -0,0 +1,145 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { createClipPathRef } from "../../../svg-renderer/index";
+const getAreaGradientId = (chartId, index) => `${chartId}-area-gradient-${index}`;
+const getThresholdClipId = (chartId, index, side) => `${chartId}-threshold-${index}-${side}`;
+export const getLineChartAreaGradientRef = (chartId, index) => `url(#${getAreaGradientId(chartId, index)})`;
+export const getLineChartAreaGradientId = getAreaGradientId;
+const getThresholdRectClips = ({ plot, thresholdY }) => {
+    const plotBottom = plot.y + plot.height;
+    return {
+        above: {
+            height: Math.max(0, thresholdY - plot.y),
+            width: plot.width,
+            x: plot.x,
+            y: plot.y
+        },
+        below: {
+            height: Math.max(0, plotBottom - thresholdY),
+            width: plot.width,
+            x: plot.x,
+            y: thresholdY
+        }
+    };
+};
+const getThresholdY = ({ plot, threshold, yScale }) => {
+    const plotBottom = plot.y + plot.height;
+    return Math.min(Math.max(yScale.scale(threshold), plot.y), plotBottom);
+};
+export const LineChartThresholdClipDefs = ({ chartId, geometries, plot, renderer, yScale }) => {
+    const ClipRect = renderer.ClipRect;
+    if (!ClipRect || renderer.capabilities?.clipPaths !== true) {
+        return null;
+    }
+    return (_jsx(_Fragment, { children: geometries.flatMap(({ style }, index) => {
+            if (!style.threshold) {
+                return [];
+            }
+            const thresholdY = getThresholdY({
+                plot,
+                threshold: style.threshold.y,
+                yScale
+            });
+            const rectClips = getThresholdRectClips({ plot, thresholdY });
+            return [
+                _jsx(ClipRect, { id: getThresholdClipId(chartId, index, "above"), ...rectClips.above }, `threshold-above-${index}`),
+                _jsx(ClipRect, { id: getThresholdClipId(chartId, index, "below"), ...rectClips.below }, `threshold-below-${index}`)
+            ];
+        }) }));
+};
+export const LineChartAreaPaths = ({ chartId, geometries, plot, yScale, renderer }) => {
+    const Path = renderer.Path;
+    const supportsClipPaths = renderer.capabilities?.clipPaths === true;
+    const supportsGradientDefs = renderer.capabilities?.gradients !== false &&
+        renderer.capabilities?.pathGradients !== true;
+    const supportsPathGradients = renderer.capabilities?.pathGradients === true;
+    const supportsRectClips = renderer.capabilities?.rectClips === true;
+    return (_jsx(_Fragment, { children: geometries.flatMap(({ geometry, style }, index) => {
+            if (!geometry.area) {
+                return [];
+            }
+            const paths = [
+                _jsx(Path, { d: geometry.area.path, fill: supportsGradientDefs
+                        ? getLineChartAreaGradientRef(chartId, index)
+                        : style.areaFill.fromColor, ...(supportsPathGradients
+                        ? {
+                            fillGradient: {
+                                x1: "0%",
+                                x2: "0%",
+                                y1: "0%",
+                                y2: "100%",
+                                stops: [
+                                    {
+                                        offset: "0%",
+                                        color: style.areaFill.fromColor,
+                                        opacity: style.areaFill.fromOpacity
+                                    },
+                                    {
+                                        offset: "100%",
+                                        color: style.areaFill.toColor,
+                                        opacity: style.areaFill.toOpacity
+                                    }
+                                ]
+                            }
+                        }
+                        : {}), ...(!supportsGradientDefs && !supportsPathGradients
+                        ? { opacity: style.areaFill.fromOpacity }
+                        : {}) }, `area-${geometry.key}`)
+            ];
+            if (style.threshold && supportsClipPaths) {
+                paths.push(_jsx(Path, { d: geometry.area.path, fill: style.threshold.areaAboveColor, opacity: style.threshold.areaOpacity, clipPath: createClipPathRef(getThresholdClipId(chartId, index, "above")) }, `area-${geometry.key}-above`), _jsx(Path, { d: geometry.area.path, fill: style.threshold.areaBelowColor, opacity: style.threshold.areaOpacity, clipPath: createClipPathRef(getThresholdClipId(chartId, index, "below")) }, `area-${geometry.key}-below`));
+            }
+            else if (style.threshold && supportsRectClips && plot && yScale) {
+                const thresholdY = getThresholdY({
+                    plot,
+                    threshold: style.threshold.y,
+                    yScale
+                });
+                const rectClips = getThresholdRectClips({ plot, thresholdY });
+                paths.push(_jsx(Path, { d: geometry.area.path, fill: style.threshold.areaAboveColor, opacity: style.threshold.areaOpacity, clipRect: rectClips.above }, `area-${geometry.key}-above`), _jsx(Path, { d: geometry.area.path, fill: style.threshold.areaBelowColor, opacity: style.threshold.areaOpacity, clipRect: rectClips.below }, `area-${geometry.key}-below`));
+            }
+            return paths;
+        }) }));
+};
+export const LineChartLinePaths = ({ chartId, geometries, plot, yScale, renderer }) => {
+    const Path = renderer.Path;
+    const supportsClipPaths = renderer.capabilities?.clipPaths === true;
+    const supportsRectClips = renderer.capabilities?.rectClips === true;
+    return (_jsx(_Fragment, { children: geometries.flatMap(({ geometry, style }, index) => {
+            const commonLineProps = {
+                d: geometry.line.path,
+                fill: "none",
+                strokeWidth: style.strokeWidth,
+                strokeLinecap: style.strokeStyle.strokeLinecap,
+                strokeLinejoin: style.strokeStyle.strokeLinejoin,
+                ...(style.strokeStyle.strokeDasharray
+                    ? { strokeDasharray: style.strokeStyle.strokeDasharray }
+                    : {})
+            };
+            if (!style.threshold) {
+                return [
+                    _jsx(Path, { ...commonLineProps, stroke: style.color, strokeOpacity: style.strokeStyle.strokeOpacity }, `line-${geometry.key}`)
+                ];
+            }
+            if (supportsRectClips && plot && yScale) {
+                const thresholdY = getThresholdY({
+                    plot,
+                    threshold: style.threshold.y,
+                    yScale
+                });
+                const rectClips = getThresholdRectClips({ plot, thresholdY });
+                return [
+                    _jsx(Path, { ...commonLineProps, stroke: style.threshold.aboveColor, strokeOpacity: style.threshold.aboveOpacity, clipRect: rectClips.above }, `line-${geometry.key}-above`),
+                    _jsx(Path, { ...commonLineProps, stroke: style.threshold.belowColor, strokeOpacity: style.threshold.belowOpacity, clipRect: rectClips.below }, `line-${geometry.key}-below`)
+                ];
+            }
+            if (!supportsClipPaths) {
+                return [
+                    _jsx(Path, { ...commonLineProps, stroke: style.color, strokeOpacity: style.strokeStyle.strokeOpacity }, `line-${geometry.key}`)
+                ];
+            }
+            return [
+                _jsx(Path, { ...commonLineProps, stroke: style.threshold.aboveColor, strokeOpacity: style.threshold.aboveOpacity, clipPath: createClipPathRef(getThresholdClipId(chartId, index, "above")) }, `line-${geometry.key}-above`),
+                _jsx(Path, { ...commonLineProps, stroke: style.threshold.belowColor, strokeOpacity: style.threshold.belowOpacity, clipPath: createClipPathRef(getThresholdClipId(chartId, index, "below")) }, `line-${geometry.key}-below`)
+            ];
+        }) }));
+};