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

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,SAkFH,CAAC"}

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

@@ -0,0 +1,62 @@
+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
+        ? {
+            onStartShouldSetResponderCapture: (event) => viewportPan.shouldSetResponder(event) || isInteractionEnabled,
+            onMoveShouldSetResponderCapture: (event) => viewportPan.shouldSetResponder(event) ||
+                (interactionConfig.mode === "scrub" && isResponderEventInPlot(event)),
+            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.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.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.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,uCAoCA,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,gCAwGA,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,gCA0FA,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`)
+            ];
+        }) }));
+};

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

@@ -0,0 +1,70 @@
+import type { ResolvedLineChartTooltipConfig } from "./options";
+export declare const lineChartTooltipLineHeight = 18;
+export declare const lineChartTooltipLabelLineHeight = 16;
+export type LineChartTooltipSeriesItem<TPoint = unknown> = {
+    key: string;
+    label: string;
+    color: string;
+    value: number | null | undefined;
+    formattedValue: string;
+    point: TPoint;
+};
+export type LineChartTooltipRenderProps<TPoint = unknown, TTheme = unknown> = {
+    index: number;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    xLabel: string;
+    series: Array<LineChartTooltipSeriesItem<TPoint>>;
+    config: ResolvedLineChartTooltipConfig;
+    theme: TTheme;
+};
+type TextMeasurer = (text: string, options?: {
+    fontSize?: number;
+}) => {
+    width: number;
+    height: number;
+};
+export declare const easeLineChartTooltipPosition: (progress: number) => number;
+export declare const interpolateLineChartTooltipPosition: ({ from, progress, to }: {
+    from: {
+        x: number;
+        y: number;
+    };
+    progress: number;
+    to: {
+        x: number;
+        y: number;
+    };
+}) => {
+    x: number;
+    y: number;
+};
+export declare const clampLineChartTooltipToViewport: <TPoint, TTheme>(tooltip: LineChartTooltipRenderProps<TPoint, TTheme>, { leftInset, scrollOffset, viewportWidth }: {
+    leftInset?: number | undefined;
+    scrollOffset: number;
+    viewportWidth: number;
+}) => LineChartTooltipRenderProps<TPoint, TTheme>;
+export declare const getLineChartTooltipModel: <TPoint, TTheme>({ chartHeight, chartWidth, config, measureText, plotX, plotY, selection, theme }: {
+    chartHeight: number;
+    chartWidth: number;
+    config: ResolvedLineChartTooltipConfig;
+    measureText: TextMeasurer;
+    plotX?: number | undefined;
+    plotY: number;
+    selection: {
+        index: number;
+        x: number;
+        y: number;
+        pointer?: {
+            x: number;
+            y: number;
+        } | undefined;
+        xLabel: string;
+        series: Array<LineChartTooltipSeriesItem<TPoint>>;
+    };
+    theme: TTheme;
+}) => LineChartTooltipRenderProps<TPoint, TTheme> | undefined;
+export {};
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/charts/line/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAC;AAEhE,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAC7C,eAAO,MAAM,+BAA+B,KAAK,CAAC;AAElD,MAAM,MAAM,0BAA0B,CAAC,MAAM,GAAG,OAAO,IAAI;IACzD,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,2BAA2B,CAAC,MAAM,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,IAAI;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,0BAA0B,CAAC,MAAM,CAAC,CAAC,CAAC;IAClD,MAAM,EAAE,8BAA8B,CAAC;IACvC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,YAAY,GAAG,CAClB,IAAI,EAAE,MAAM,EACZ,OAAO,CAAC,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,KAC5B;IACH,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAUF,eAAO,MAAM,4BAA4B,GAAI,UAAU,MAAM,WAI5D,CAAC;AAEF,eAAO,MAAM,mCAAmC,GAAI,wBAIjD;IACD,IAAI,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC9B;;;CAOA,CAAC;AA6CF,eAAO,MAAM,+BAA+B,GAAI,MAAM,EAAE,MAAM,EAC5D,SAAS,2BAA2B,CAAC,MAAM,EAAE,MAAM,CAAC,EACpD,4CAIG;IACD,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACvB,KACA,2BAA2B,CAAC,MAAM,EAAE,MAAM,CAO3C,CAAC;AAEH,eAAO,MAAM,wBAAwB,GAAI,MAAM,EAAE,MAAM,EAAE,kFAStD;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,8BAA8B,CAAC;IACvC,WAAW,EAAE,YAAY,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,OAAO,CAAC,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,GAAG,SAAS,CAAC;QAC/C,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,KAAK,CAAC,0BAA0B,CAAC,MAAM,CAAC,CAAC,CAAC;KACnD,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;CACf,KAAG,2BAA2B,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAyDjD,CAAC"}

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

@@ -0,0 +1,87 @@
+export const lineChartTooltipLineHeight = 18;
+export const lineChartTooltipLabelLineHeight = 16;
+const clamp = (value, min, max) => {
+    if (max < min) {
+        return min;
+    }
+    return Math.min(Math.max(value, min), max);
+};
+export const easeLineChartTooltipPosition = (progress) => {
+    const clampedProgress = clamp(progress, 0, 1);
+    return 1 - Math.pow(1 - clampedProgress, 3);
+};
+export const interpolateLineChartTooltipPosition = ({ from, progress, to }) => {
+    const easedProgress = easeLineChartTooltipPosition(progress);
+    return {
+        x: from.x + (to.x - from.x) * easedProgress,
+        y: from.y + (to.y - from.y) * easedProgress
+    };
+};
+const getTooltipX = ({ chartWidth, edgePadding, anchorX, leftInset = edgePadding, width }) => clamp(anchorX - width / 2, leftInset, chartWidth - width - edgePadding);
+const getTooltipY = ({ anchorY, chartHeight, config, height, plotY }) => {
+    const minY = config.edgePadding;
+    const maxY = chartHeight - height - config.edgePadding;
+    const aboveY = anchorY - height - config.offset;
+    const belowY = anchorY + config.offset;
+    if (config.placement === "above") {
+        return clamp(aboveY, minY, maxY);
+    }
+    if (config.placement === "below") {
+        return clamp(belowY, minY, maxY);
+    }
+    return aboveY >= plotY ? aboveY : clamp(belowY, minY, maxY);
+};
+export const clampLineChartTooltipToViewport = (tooltip, { leftInset = 4, scrollOffset, viewportWidth }) => ({
+    ...tooltip,
+    x: clamp(tooltip.x, scrollOffset + leftInset, scrollOffset + viewportWidth - tooltip.width - tooltip.config.edgePadding)
+});
+export const getLineChartTooltipModel = ({ chartHeight, chartWidth, config, measureText, plotX, plotY, selection, theme }) => {
+    if (!config.visible || selection.series.length === 0) {
+        return undefined;
+    }
+    const series = config.shared
+        ? selection.series
+        : selection.series.slice(0, 1);
+    const labelWidth = measureText(selection.xLabel, {
+        fontSize: config.labelFontSize
+    }).width;
+    const seriesTextWidths = series.map((item) => measureText(`${item.label}: ${item.formattedValue}`, {
+        fontSize: config.fontSize
+    }).width);
+    const markerWidth = 12;
+    const contentWidth = Math.max(labelWidth, ...seriesTextWidths) + markerWidth;
+    const width = config.width ?? contentWidth + config.padding * 2;
+    const height = config.padding * 2 +
+        lineChartTooltipLabelLineHeight +
+        series.length * lineChartTooltipLineHeight;
+    const anchor = config.anchor === "pointer" && selection.pointer
+        ? selection.pointer
+        : selection;
+    const x = getTooltipX({
+        chartWidth,
+        edgePadding: config.edgePadding,
+        leftInset: plotX === undefined
+            ? config.edgePadding
+            : Math.max(config.edgePadding, plotX + config.edgePadding),
+        anchorX: anchor.x,
+        width
+    });
+    const y = getTooltipY({
+        anchorY: anchor.y,
+        chartHeight,
+        config,
+        height,
+        plotY
+    });
+    return {
+        index: selection.index,
+        x,
+        y,
+        width,
+        height,
+        xLabel: selection.xLabel,
+        series,
+        config,
+        theme
+    };
+};