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

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

@@ -0,0 +1,294 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
+import { ScrollView, StyleSheet, View } from "react-native";
+import { resolveChartViewport, resolveChartViewportInitialOffset, resolveChartViewportWindow, sliceChartViewportData } from "../../../core/index";
+import { useChartKitTheme } from "../../theme";
+import { useLineChartAccessibilityLabel } from "./accessibility";
+import { LineChartSurface } from "./ChartSurface";
+import { StickyYAxis } from "./StickyYAxis";
+import { buildLineChartSelectEvent, getLineChartInteractionConfig, getLineChartVisibleInteractionBounds, getNearestLineChartInteractionIndex, isLineChartInteractionEnabled, isLineChartInteractionInBounds, normalizeLineChartSelectedIndex } from "./interaction";
+import { getSelectedLineSeries } from "./selection";
+import { getLineChartOutsidePressSurfaces } from "./outsidePressSurfaces";
+import { getLineChartOverviewProps } from "./overviewProps";
+import { useLineChartResponderProps } from "./responders";
+import { getStickyYAxisFadeOpacity } from "./stickyYAxisLayout";
+import { LineChartRangeSelector } from "./rangeSelector";
+import { getRangeSelectorConfig } from "./rangeSelectorConfig";
+import { useAnimatedTooltipModel } from "./useAnimatedTooltipModel";
+import { useLineChartYAxisLabels } from "./useAnimatedYAxisLabels";
+import { useChartModel } from "./useChartModel";
+import { useLineChartViewportPan } from "./viewportInteraction";
+import { LineChartViewportGesture, useLineChartViewportPinchZoom } from "./viewportPinchZoom";
+import { clampLineChartTooltipToViewport } from "./tooltip";
+import { useScopedChartSelection } from "../../selection/ChartSelectionProvider";
+export { getLineChartAccessibilitySummary, getLineChartDataTable } from "./accessibility";
+export const LineChart = (props) => {
+    const chartId = useId().replace(/:/g, "");
+    const scopedChartId = props.id ?? chartId;
+    const chartKitTheme = useChartKitTheme();
+    const renderer = props.renderer ?? chartKitTheme.renderer;
+    const dataLength = props.data.length;
+    const accessibilityLabel = useLineChartAccessibilityLabel(props);
+    const scrollViewRef = useRef(null);
+    const interactionConfig = useMemo(() => getLineChartInteractionConfig(props.interaction), [props.interaction]);
+    const [gestureSelectedIndex, setGestureSelectedIndex] = useState(() => normalizeLineChartSelectedIndex(props.defaultSelectedIndex));
+    const [gestureSelectionPointer, setGestureSelectionPointer] = useState();
+    const effectiveSelectedIndex = props.selectedIndex ?? gestureSelectedIndex;
+    const rangeSelectorConfig = useMemo(() => getRangeSelectorConfig(props.rangeSelector), [props.rangeSelector]);
+    const viewportWindow = useMemo(() => resolveChartViewportWindow({
+        itemCount: props.data.length,
+        startIndex: props.viewport?.startIndex,
+        endIndex: props.viewport?.endIndex,
+        visiblePoints: props.viewport?.visiblePoints,
+        initialIndex: props.viewport?.initialIndex
+    }), [
+        props.data.length,
+        props.viewport?.endIndex,
+        props.viewport?.initialIndex,
+        props.viewport?.startIndex,
+        props.viewport?.visiblePoints
+    ]);
+    const mainData = useMemo(() => sliceChartViewportData(props.data, viewportWindow), [props.data, viewportWindow]);
+    const isRangeSelectorVisible = rangeSelectorConfig.visible && props.data.length > 1;
+    const mainHeight = isRangeSelectorVisible
+        ? Math.max(120, props.height - rangeSelectorConfig.height - rangeSelectorConfig.gap)
+        : props.height;
+    const viewport = useMemo(() => resolveChartViewport({
+        itemCount: mainData.length,
+        scrollable: props.scrollable,
+        viewportWidth: props.width,
+        visiblePoints: props.visiblePoints
+    }), [mainData.length, props.scrollable, props.visiblePoints, props.width]);
+    const initialScrollOffset = useMemo(() => resolveChartViewportInitialOffset({
+        initialIndex: props.initialIndex,
+        viewport
+    }), [props.initialIndex, viewport]);
+    const [scrollOffset, setScrollOffset] = useState(initialScrollOffset);
+    const chartProps = {
+        ...props,
+        data: mainData,
+        height: mainHeight,
+        width: viewport.contentWidth,
+        ...(effectiveSelectedIndex !== undefined
+            ? { selectedIndex: effectiveSelectedIndex }
+            : {})
+    };
+    const model = useChartModel({
+        ...chartProps,
+        chartKitTheme,
+        dataIndexOffset: viewportWindow.startIndex,
+        selectionPointer: gestureSelectionPointer?.index === effectiveSelectedIndex
+            ? gestureSelectionPointer
+            : undefined,
+        stableYAxisData: props.data
+    });
+    const { boxes, geometries, interactionPoints, selectionModel, formatYLabel } = model;
+    const overviewBaseProps = getLineChartOverviewProps(props);
+    const overviewModel = useChartModel({
+        ...overviewBaseProps,
+        activeDot: false,
+        chartKitTheme,
+        crosshair: false,
+        height: rangeSelectorConfig.height,
+        labelStrategy: "hide",
+        legend: false,
+        showDots: false,
+        tooltip: false,
+        width: props.width
+    });
+    const isInteractionEnabled = isLineChartInteractionEnabled(interactionConfig);
+    const animatedYAxisLabels = useLineChartYAxisLabels(model, props.axisLabelAnimation);
+    useEffect(() => {
+        if (!viewport.scrollable) {
+            return;
+        }
+        const frame = requestAnimationFrame(() => {
+            setScrollOffset(initialScrollOffset);
+            scrollViewRef.current?.scrollTo({
+                animated: false,
+                x: initialScrollOffset
+            });
+        });
+        return () => {
+            cancelAnimationFrame(frame);
+        };
+    }, [initialScrollOffset, viewport.scrollable]);
+    const handleScroll = useCallback((event) => {
+        setScrollOffset(event.nativeEvent.contentOffset.x);
+    }, []);
+    const preventBrowserSelection = useCallback((event) => {
+        event.preventDefault();
+    }, []);
+    const viewportPan = useLineChartViewportPan({
+        dataLength,
+        enabled: !viewport.scrollable,
+        onViewportChange: props.onViewportChange,
+        plotBounds: boxes.plot,
+        preventBrowserSelection,
+        viewportInteraction: props.viewportInteraction,
+        viewportWindow
+    });
+    const viewportPinchZoom = useLineChartViewportPinchZoom({
+        dataLength,
+        enabled: !viewport.scrollable,
+        onViewportChange: props.onViewportChange,
+        plotBounds: boxes.plot,
+        viewportInteraction: props.viewportInteraction,
+        viewportWindow
+    });
+    const isResponderEventInPlot = useCallback((event) => {
+        const { locationX, locationY } = event.nativeEvent;
+        return isLineChartInteractionInBounds({
+            bounds: boxes.plot,
+            locationX,
+            locationY
+        });
+    }, [boxes.plot]);
+    const visibleInteractionBounds = useMemo(() => getLineChartVisibleInteractionBounds({
+        bounds: boxes.plot,
+        scrollable: viewport.scrollable,
+        viewportWidth: props.width
+    }), [boxes.plot, props.width, viewport.scrollable]);
+    const clearGestureSelection = useCallback((event) => {
+        setGestureSelectionPointer(undefined);
+        if (props.selectedIndex === undefined) {
+            setGestureSelectedIndex(undefined);
+        }
+        interactionConfig.onDeselect?.(event);
+    }, [interactionConfig, props.selectedIndex]);
+    const clearSelectionFromScope = useCallback((reason) => {
+        if (reason === "scopeChange") {
+            if (props.selectedIndex === undefined) {
+                setGestureSelectedIndex(undefined);
+            }
+            return;
+        }
+        clearGestureSelection({ reason });
+    }, [clearGestureSelection, props.selectedIndex]);
+    const scopedSelection = useScopedChartSelection({
+        chartId: scopedChartId,
+        controlled: props.selectedIndex !== undefined,
+        hasSelection: effectiveSelectedIndex !== undefined,
+        onClear: clearSelectionFromScope
+    });
+    const clearScopedGestureSelection = useCallback((event) => {
+        clearGestureSelection(event);
+        if (event.reason === "outsidePress") {
+            scopedSelection.dismissSelection?.("outsidePress");
+        }
+        else if (event.reason === "gestureEnd") {
+            scopedSelection.dismissSelection?.("programmatic");
+        }
+    }, [clearGestureSelection, scopedSelection]);
+    const handleInteractionEvent = useCallback((event) => {
+        preventBrowserSelection(event);
+        const { locationX, locationY } = event.nativeEvent;
+        const selectedDataIndex = getNearestLineChartInteractionIndex({
+            locationX,
+            points: interactionPoints
+        });
+        if (selectedDataIndex === undefined) {
+            return;
+        }
+        const selectedSeries = getSelectedLineSeries({
+            activeDot: props.activeDot,
+            formatYLabel,
+            geometries,
+            selectedDataIndex
+        });
+        const selectEvent = buildLineChartSelectEvent({
+            interactionPoints,
+            selectedDataIndex,
+            selectedSeries
+        });
+        if (!selectEvent) {
+            return;
+        }
+        setGestureSelectionPointer({
+            index: selectedDataIndex,
+            x: locationX,
+            y: locationY
+        });
+        if (props.selectedIndex === undefined &&
+            interactionConfig.selectionPersistence !== "none") {
+            setGestureSelectedIndex(selectedDataIndex);
+        }
+        scopedSelection.selectChart();
+        interactionConfig.onSelect?.(selectEvent);
+    }, [
+        formatYLabel,
+        geometries,
+        interactionConfig,
+        interactionPoints,
+        props.activeDot,
+        props.selectedIndex,
+        preventBrowserSelection,
+        scopedSelection
+    ]);
+    const responderProps = useLineChartResponderProps({
+        clearGestureSelection: clearScopedGestureSelection,
+        handleInteractionEvent,
+        interactionConfig,
+        isInteractionEnabled,
+        isResponderEventInPlot,
+        preventBrowserSelection,
+        viewportPan
+    });
+    const outsidePressSurfaceResponderProps = isInteractionEnabled && interactionConfig.deselectOnOutsidePress
+        ? {
+            onStartShouldSetResponder: () => true,
+            onResponderGrant: (event) => {
+                preventBrowserSelection(event);
+                clearScopedGestureSelection({ reason: "outsidePress" });
+            }
+        }
+        : {};
+    const outsidePressSurfaces = getLineChartOutsidePressSurfaces({
+        enabled: isInteractionEnabled && interactionConfig.deselectOnOutsidePress,
+        mainHeight,
+        visibleInteractionBounds,
+        width: props.width
+    });
+    const animatedTooltip = useAnimatedTooltipModel(selectionModel?.tooltip);
+    const displayTooltip = animatedTooltip && viewport.scrollable
+        ? clampLineChartTooltipToViewport(animatedTooltip, {
+            leftInset: boxes.plot.x + 4,
+            scrollOffset,
+            viewportWidth: props.width
+        })
+        : animatedTooltip;
+    const chartWidth = viewport.contentWidth;
+    const xAxisLabelFadeY = boxes.plot.y + boxes.plot.height;
+    const scrollStartFadeId = `${chartId}-scroll-start-fade`;
+    const mainSurface = (_jsx(LineChartSurface, { animatedTooltip: displayTooltip, chartId: chartId, chartWidth: chartWidth, isScrollable: viewport.scrollable, mainHeight: mainHeight, model: model, props: props, renderer: renderer, responderProps: responderProps, yAxisLabels: animatedYAxisLabels }));
+    return (_jsxs(View, { accessible: true, accessibilityLabel: accessibilityLabel, accessibilityRole: "image", testID: props.testID, style: [styles.container, { width: props.width, height: props.height }], children: [_jsxs(View, { style: { width: props.width, height: mainHeight }, children: [viewport.scrollable ? (_jsx(ScrollView, { ref: scrollViewRef, horizontal: true, bounces: false, showsHorizontalScrollIndicator: true, style: [
+                            styles.scroller,
+                            { width: props.width, height: mainHeight }
+                        ], contentContainerStyle: [
+                            styles.scrollerContent,
+                            { width: chartWidth, height: mainHeight }
+                        ], onScroll: handleScroll, scrollEventThrottle: 16, children: mainSurface })) : (_jsx(LineChartViewportGesture, { gesture: viewportPinchZoom, children: mainSurface })), viewport.scrollable ? (_jsx(StickyYAxis, { fadeHeight: Math.max(0, mainHeight - xAxisLabelFadeY), fadeOpacity: getStickyYAxisFadeOpacity(scrollOffset), fadeWidth: Math.min(12, Math.max(0, props.width - boxes.plot.x)), fadeY: xAxisLabelFadeY, gradientId: scrollStartFadeId, mainHeight: mainHeight, model: model, renderer: renderer, width: props.width, yAxisLabels: animatedYAxisLabels })) : null, outsidePressSurfaces.map((surface) => (_jsx(View, { style: [
+                            styles.outsidePressSurface,
+                            {
+                                height: surface.height,
+                                left: surface.left,
+                                top: surface.top,
+                                width: surface.width
+                            }
+                        ], ...outsidePressSurfaceResponderProps }, `outside-press-${surface.key}`)))] }), _jsx(LineChartRangeSelector, { config: rangeSelectorConfig, dataLength: dataLength, isVisible: isRangeSelectorVisible, model: overviewModel, onViewportChange: props.onViewportChange, preventBrowserSelection: preventBrowserSelection, renderer: renderer, testID: props.testID, viewportWindow: viewportWindow, width: props.width })] }));
+};
+const styles = StyleSheet.create({
+    container: {
+        overflow: "hidden",
+        userSelect: "none"
+    },
+    scroller: {
+        overflow: "hidden"
+    },
+    scrollerContent: {
+        flexGrow: 0
+    },
+    outsidePressSurface: {
+        position: "absolute"
+    }
+});

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

@@ -0,0 +1,15 @@
+import type { LineChartModel } from "./useChartModel";
+import type { LineChartRenderer, LineChartYAxisLabelModel } from "./types";
+export declare const StickyYAxis: <TData extends Record<string, unknown>>({ fadeHeight, fadeOpacity, fadeWidth, fadeY, gradientId, mainHeight, model, renderer: rendererProp, width, yAxisLabels }: {
+    fadeHeight: number;
+    fadeOpacity: number;
+    fadeWidth: number;
+    fadeY: number;
+    gradientId: string;
+    mainHeight: number;
+    model: LineChartModel<TData>;
+    renderer?: LineChartRenderer | undefined;
+    width: number;
+    yAxisLabels: LineChartYAxisLabelModel[];
+}) => import("react").JSX.Element;
+//# sourceMappingURL=StickyYAxis.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StickyYAxis.d.ts","sourceRoot":"","sources":["../../../src/charts/line/StickyYAxis.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAE3E,eAAO,MAAM,WAAW,GAAI,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,0HAWhE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,wBAAwB,EAAE,CAAC;CACzC,gCA6EA,CAAC"}

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View } from "react-native";
+import { getLineChartRenderer } from "./renderer";
+import { getStickyYAxisBackgroundHeight } from "./stickyYAxisLayout";
+import { getFontFamilyProps } from "./text";
+export const StickyYAxis = ({ fadeHeight, fadeOpacity, fadeWidth, fadeY, gradientId, mainHeight, model, renderer: rendererProp, width, yAxisLabels }) => {
+    const { boxes, resolvedTheme } = model;
+    const renderer = getLineChartRenderer(rendererProp);
+    const { Defs, Group, Rect, Surface, Text } = renderer;
+    const Layer = renderer.Layer ?? Group;
+    const LinearGradient = renderer.LinearGradient;
+    const canRenderText = renderer.capabilities?.text !== false;
+    const supportsGradients = renderer.capabilities?.gradients !== false && Boolean(LinearGradient);
+    return (_jsx(View, { pointerEvents: "none", style: {
+            left: 0,
+            position: "absolute",
+            top: 0,
+            width,
+            height: mainHeight
+        }, children: _jsxs(Surface, { width: width, height: mainHeight, children: [_jsx(Defs, { children: supportsGradients && LinearGradient ? (_jsx(LinearGradient, { id: gradientId, x1: "0%", x2: "100%", y1: "0%", y2: "0%", stops: [
+                            { offset: "0%", color: resolvedTheme.background, opacity: 1 },
+                            { offset: "100%", color: resolvedTheme.background, opacity: 0 }
+                        ] })) : null }), _jsxs(Layer, { name: "background", children: [_jsx(Rect, { x: 0, y: 0, width: boxes.plot.x, height: getStickyYAxisBackgroundHeight({ fadeY, mainHeight }), fill: resolvedTheme.background }), supportsGradients && fadeWidth > 0 ? (_jsx(Rect, { x: boxes.plot.x, y: fadeY, width: fadeWidth, height: fadeHeight, fill: `url(#${gradientId})`, opacity: fadeOpacity })) : null] }), _jsx(Layer, { name: "axes", children: canRenderText
+                        ? yAxisLabels.map((label) => (_jsx(Text, { x: boxes.plot.x - 8, y: label.y, fill: resolvedTheme.mutedText, fontSize: resolvedTheme.typography.axisLabelSize, opacity: label.opacity, textAnchor: "end", ...getFontFamilyProps(resolvedTheme.typography.fontFamily), children: label.text }, `sticky-label-y-${label.key}`)))
+                        : null })] }) }));
+};

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

@@ -0,0 +1,34 @@
+import type { LineChartProps } from "./types";
+type ChartXValue = string | number | Date;
+export type LineChartDataTableColumn = {
+    key: string;
+    label: string;
+};
+export type LineChartDataTableRow<TData = unknown> = {
+    index: number;
+    x: ChartXValue;
+    xLabel: string;
+    values: Record<string, number | null>;
+    formattedValues: Record<string, string>;
+    raw: TData;
+};
+export type LineChartDataTable<TData = unknown> = {
+    columns: LineChartDataTableColumn[];
+    rows: Array<LineChartDataTableRow<TData>>;
+};
+type LineChartAccessibilityInput<TData extends Record<string, unknown>> = {
+    data: LineChartProps<TData>["data"];
+    formatXLabel?: LineChartProps<TData>["formatXLabel"] | undefined;
+    formatYLabel?: LineChartProps<TData>["formatYLabel"] | undefined;
+    series?: LineChartProps<TData>["series"] | undefined;
+    xKey: LineChartProps<TData>["xKey"];
+    yKey?: LineChartProps<TData>["yKey"] | undefined;
+    yKeys?: LineChartProps<TData>["yKeys"] | undefined;
+};
+export declare const getLineChartDataTable: <TData extends Record<string, unknown>>({ data, formatXLabel, formatYLabel, series, xKey, yKey, yKeys }: LineChartAccessibilityInput<TData>) => LineChartDataTable<TData>;
+export declare const getLineChartAccessibilitySummary: <TData extends Record<string, unknown>>(input: LineChartAccessibilityInput<TData>) => string;
+export declare const useLineChartAccessibilityLabel: <TData extends Record<string, unknown>>({ accessibilityLabel, data, formatXLabel, formatYLabel, series, xKey, yKey, yKeys }: LineChartAccessibilityInput<TData> & {
+    accessibilityLabel?: string | undefined;
+}) => string;
+export {};
+//# sourceMappingURL=accessibility.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../../src/charts/line/accessibility.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAmB,MAAM,SAAS,CAAC;AAG/D,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;AAE1C,MAAM,MAAM,wBAAwB,GAAG;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,KAAK,GAAG,OAAO,IAAI;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,WAAW,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;IACtC,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,GAAG,EAAE,KAAK,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAAC,KAAK,GAAG,OAAO,IAAI;IAChD,OAAO,EAAE,wBAAwB,EAAE,CAAC;IACpC,IAAI,EAAE,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;CAC3C,CAAC;AAEF,KAAK,2BAA2B,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IACxE,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IACjE,YAAY,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IACjE,MAAM,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;IACrD,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACjD,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;CACpD,CAAC;AAuDF,eAAO,MAAM,qBAAqB,GAAI,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,iEAQ1E,2BAA2B,CAAC,KAAK,CAAC,KAAG,kBAAkB,CAAC,KAAK,CAiC/D,CAAC;AAEF,eAAO,MAAM,gCAAgC,GAC3C,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAErC,OAAO,2BAA2B,CAAC,KAAK,CAAC,WA4C1C,CAAC;AAEF,eAAO,MAAM,8BAA8B,GACzC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACrC,qFASC,2BAA2B,CAAC,KAAK,CAAC,GAAG;IACtC,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACzC,WAuBE,CAAC"}

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

@@ -0,0 +1,103 @@
+import { useMemo } from "react";
+import { resolveLineChartSeriesInput } from "./seriesInput";
+import { defaultFormatXLabel, defaultFormatYLabel } from "./utils";
+const pluralize = (count, singular, plural = `${singular}s`) => `${count} ${count === 1 ? singular : plural}`;
+const normalizeXValue = (value, fallback) => {
+    return typeof value === "string" ||
+        (typeof value === "number" && Number.isFinite(value)) ||
+        value instanceof Date
+        ? value
+        : fallback;
+};
+const normalizeYValue = (value) => typeof value === "number" && Number.isFinite(value) ? value : null;
+const getDefinedSeriesPoints = (series, rows) => rows.flatMap((row) => {
+    const columnKey = String(series.key ?? series.yKey);
+    const value = row.values[columnKey];
+    return typeof value === "number"
+        ? [
+            {
+                formattedValue: row.formattedValues[columnKey] ?? String(value),
+                raw: row.raw,
+                value,
+                xLabel: row.xLabel
+            }
+        ]
+        : [];
+});
+const getMinPoint = (points) => points.reduce((min, point) => (!min || point.value < min.value ? point : min), undefined);
+const getMaxPoint = (points) => points.reduce((max, point) => (!max || point.value > max.value ? point : max), undefined);
+export const getLineChartDataTable = ({ data, formatXLabel = defaultFormatXLabel, formatYLabel = defaultFormatYLabel, series, xKey, yKey, yKeys }) => {
+    const seriesInputs = resolveLineChartSeriesInput(yKey, yKeys, series);
+    const columns = seriesInputs.map((item, index) => ({
+        key: String(item.key ?? item.yKey ?? `series-${index}`),
+        label: String(item.label ?? item.key ?? item.yKey ?? `Series ${index + 1}`)
+    }));
+    return {
+        columns,
+        rows: data.map((row, index) => {
+            const x = normalizeXValue(row[xKey], index);
+            const values = {};
+            const formattedValues = {};
+            seriesInputs.forEach((item, seriesIndex) => {
+                const key = String(item.key ?? item.yKey ?? `series-${seriesIndex}`);
+                const value = normalizeYValue(row[item.yKey]);
+                values[key] = value;
+                formattedValues[key] =
+                    value === null ? "No value" : formatYLabel(value);
+            });
+            return {
+                index,
+                x,
+                xLabel: formatXLabel(x, index),
+                values,
+                formattedValues,
+                raw: row
+            };
+        })
+    };
+};
+export const getLineChartAccessibilitySummary = (input) => {
+    const table = getLineChartDataTable(input);
+    if (table.columns.length === 0 || table.rows.length === 0) {
+        return "Line chart with no data.";
+    }
+    const seriesInputs = resolveLineChartSeriesInput(input.yKey, input.yKeys, input.series);
+    const intro = table.columns.length === 1
+        ? `${table.columns[0].label} line chart with ${pluralize(table.rows.length, "point")}.`
+        : `Line chart with ${pluralize(table.columns.length, "series", "series")} and ${pluralize(table.rows.length, "point")}.`;
+    const seriesSummaries = seriesInputs.flatMap((series) => {
+        const columnKey = String(series.key ?? series.yKey);
+        const label = table.columns.find((column) => column.key === columnKey)?.label ??
+            columnKey;
+        const points = getDefinedSeriesPoints(series, table.rows);
+        const minPoint = getMinPoint(points);
+        const maxPoint = getMaxPoint(points);
+        const currentPoint = points[points.length - 1];
+        if (!minPoint || !maxPoint || !currentPoint) {
+            return [`${label} has no defined values.`];
+        }
+        return [
+            `${label} ranges from ${minPoint.formattedValue} in ${minPoint.xLabel} to ${maxPoint.formattedValue} in ${maxPoint.xLabel}. Current value is ${currentPoint.formattedValue}.`
+        ];
+    });
+    return [intro, ...seriesSummaries].join(" ");
+};
+export const useLineChartAccessibilityLabel = ({ accessibilityLabel, data, formatXLabel, formatYLabel, series, xKey, yKey, yKeys }) => useMemo(() => accessibilityLabel ??
+    getLineChartAccessibilitySummary({
+        data,
+        formatXLabel,
+        formatYLabel,
+        series,
+        xKey,
+        yKey,
+        yKeys
+    }), [
+    accessibilityLabel,
+    data,
+    formatXLabel,
+    formatYLabel,
+    series,
+    xKey,
+    yKey,
+    yKeys
+]);

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

@@ -0,0 +1,37 @@
+import type { LinearScale } from "../../../core/index";
+type AxisLabelSize = {
+    width: number;
+    height: number;
+};
+export type LineChartAxisLabelAnimationStrategy = "crossfade";
+export type LineChartYAxisLabelWidth = number | "auto" | "stable";
+export type LineChartAxisLabelAnimationConfig = {
+    duration?: number;
+    strategy?: LineChartAxisLabelAnimationStrategy;
+};
+export type ResolvedLineChartAxisLabelAnimationConfig = {
+    enabled: boolean;
+    duration: number;
+    strategy: LineChartAxisLabelAnimationStrategy;
+};
+export type LineChartYAxisLabelModel = {
+    key: string;
+    text: string;
+    y: number;
+    opacity: number;
+};
+export declare const defaultLineChartAxisLabelAnimationDuration = 160;
+export declare const resolveLineChartYAxisLabelSizes: ({ sizes, stableSizes, width }: {
+    sizes: AxisLabelSize[];
+    stableSizes?: AxisLabelSize[] | undefined;
+    width?: LineChartYAxisLabelWidth | undefined;
+}) => AxisLabelSize[];
+export declare const resolveLineChartAxisLabelAnimationConfig: (animation?: boolean | LineChartAxisLabelAnimationConfig) => ResolvedLineChartAxisLabelAnimationConfig;
+export declare const buildLineChartYAxisLabels: ({ formatYLabel, labelOffset, ticks, yScale }: {
+    formatYLabel: (value: number) => string;
+    labelOffset: number;
+    ticks: readonly number[];
+    yScale: LinearScale;
+}) => LineChartYAxisLabelModel[];
+export {};
+//# sourceMappingURL=axisLabels.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"axisLabels.d.ts","sourceRoot":"","sources":["../../../src/charts/line/axisLabels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,mCAAmC,GAAG,WAAW,CAAC;AAC9D,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAElE,MAAM,MAAM,iCAAiC,GAAG;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,mCAAmC,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,yCAAyC,GAAG;IACtD,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,mCAAmC,CAAC;CAC/C,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,0CAA0C,MAAM,CAAC;AAK9D,eAAO,MAAM,+BAA+B,GAAI,+BAI7C;IACD,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC;IAC1C,KAAK,CAAC,EAAE,wBAAwB,GAAG,SAAS,CAAC;CAC9C,oBAgBA,CAAC;AAEF,eAAO,MAAM,wCAAwC,GACnD,YAAY,OAAO,GAAG,iCAAiC,KACtD,yCA0BF,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,8CAKvC;IACD,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,MAAM,EAAE,WAAW,CAAC;CACrB,KAAG,wBAAwB,EAiB3B,CAAC"}

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

@@ -0,0 +1,55 @@
+export const defaultLineChartAxisLabelAnimationDuration = 160;
+const getMaxWidth = (sizes) => sizes.reduce((max, size) => Math.max(max, size.width), 0);
+export const resolveLineChartYAxisLabelSizes = ({ sizes, stableSizes, width }) => {
+    const fixedWidth = typeof width === "number" && Number.isFinite(width)
+        ? Math.max(0, width)
+        : width === "stable"
+            ? getMaxWidth(stableSizes ?? sizes)
+            : undefined;
+    if (fixedWidth === undefined) {
+        return sizes;
+    }
+    return sizes.map((size) => ({
+        ...size,
+        width: fixedWidth
+    }));
+};
+export const resolveLineChartAxisLabelAnimationConfig = (animation) => {
+    if (!animation) {
+        return {
+            enabled: false,
+            duration: 0,
+            strategy: "crossfade"
+        };
+    }
+    if (animation === true) {
+        return {
+            enabled: true,
+            duration: defaultLineChartAxisLabelAnimationDuration,
+            strategy: "crossfade"
+        };
+    }
+    return {
+        enabled: true,
+        duration: typeof animation.duration === "number" &&
+            Number.isFinite(animation.duration)
+            ? Math.max(0, animation.duration)
+            : defaultLineChartAxisLabelAnimationDuration,
+        strategy: animation.strategy ?? "crossfade"
+    };
+};
+export const buildLineChartYAxisLabels = ({ formatYLabel, labelOffset, ticks, yScale }) => {
+    const keyCounts = new Map();
+    return ticks.map((tick) => {
+        const text = formatYLabel(tick);
+        const baseKey = `${tick}:${text}`;
+        const duplicateCount = keyCounts.get(baseKey) ?? 0;
+        keyCounts.set(baseKey, duplicateCount + 1);
+        return {
+            key: duplicateCount === 0 ? baseKey : `${baseKey}:${duplicateCount}`,
+            text,
+            y: yScale.scale(tick) + labelOffset,
+            opacity: 1
+        };
+    });
+};

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

@@ -0,0 +1,26 @@
+import { type ChartBoxes, type LayoutDebugModel } from "../../../core/index";
+import type { LineChartYAxisLabelModel } from "./axisLabels";
+import type { LineChartLegendRenderItem } from "./types";
+import type { XLabelLayoutItem } from "./xLabels";
+type TextMeasurer = (text: string) => {
+    height: number;
+    width: number;
+};
+type LineChartDebugTooltipRect = {
+    height: number;
+    width: number;
+    x: number;
+    y: number;
+};
+export type BuildLineChartDebugLayoutModelOptions = {
+    boxes: ChartBoxes;
+    legendItems?: LineChartLegendRenderItem[] | undefined;
+    measureYLabel?: TextMeasurer | undefined;
+    tooltip?: LineChartDebugTooltipRect | undefined;
+    xLabels: XLabelLayoutItem[];
+    yAxisLabelFontSize: number;
+    yLabels: LineChartYAxisLabelModel[];
+};
+export declare const buildLineChartDebugLayoutModel: ({ boxes, legendItems, measureYLabel, tooltip, xLabels, yAxisLabelFontSize, yLabels }: BuildLineChartDebugLayoutModelOptions) => LayoutDebugModel;
+export {};
+//# sourceMappingURL=debugLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"debugLayout.d.ts","sourceRoot":"","sources":["../../../src/charts/line/debugLayout.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,UAAU,EAEf,KAAK,gBAAgB,EAEtB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAElD,KAAK,YAAY,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AACxE,KAAK,yBAAyB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,qCAAqC,GAAG;IAClD,KAAK,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,yBAAyB,EAAE,GAAG,SAAS,CAAC;IACtD,aAAa,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACzC,OAAO,CAAC,EAAE,yBAAyB,GAAG,SAAS,CAAC;IAChD,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,wBAAwB,EAAE,CAAC;CACrC,CAAC;AAgFF,eAAO,MAAM,8BAA8B,GAAI,sFAQ5C,qCAAqC,KAAG,gBA4B1C,CAAC"}