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

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-runtime").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,4CA6EA,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"}

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

@@ -0,0 +1,77 @@
+import { buildLayoutDebugModel } from "../../../core/index";
+const getXLabelRect = (label) => {
+    const left = label.textAnchor === "start"
+        ? label.x
+        : label.textAnchor === "end"
+            ? label.x - label.size.width
+            : label.x - label.size.width / 2;
+    return {
+        id: `x-label-${label.index}`,
+        text: label.text,
+        x: left,
+        y: label.y - label.size.height,
+        width: label.size.width,
+        height: label.size.height
+    };
+};
+const getYLabelRect = ({ label, measureYLabel, plotX }) => {
+    const size = measureYLabel(label.text);
+    return {
+        id: `y-label-${label.key}`,
+        text: label.text,
+        x: plotX - 8 - size.width,
+        y: label.y - size.height,
+        width: size.width,
+        height: size.height
+    };
+};
+const defaultMeasureYLabel = (fontSize) => {
+    return (text) => ({
+        height: fontSize + 2,
+        width: text.length * fontSize * 0.58
+    });
+};
+const getBaseDebugLayout = ({ boxes, labels, tooltip }) => {
+    const options = {
+        boxes,
+        labels
+    };
+    return buildLayoutDebugModel(tooltip
+        ? {
+            ...options,
+            tooltip: {
+                placement: "top",
+                rect: {
+                    x: tooltip.x,
+                    y: tooltip.y,
+                    width: tooltip.width,
+                    height: tooltip.height
+                }
+            }
+        }
+        : options);
+};
+export const buildLineChartDebugLayoutModel = ({ boxes, legendItems, measureYLabel, tooltip, xLabels, yAxisLabelFontSize, yLabels }) => {
+    const resolvedMeasureYLabel = measureYLabel ?? defaultMeasureYLabel(yAxisLabelFontSize);
+    const labels = [
+        ...xLabels.map(getXLabelRect),
+        ...yLabels.map((label) => getYLabelRect({
+            label,
+            measureYLabel: resolvedMeasureYLabel,
+            plotX: boxes.plot.x
+        }))
+    ];
+    const base = getBaseDebugLayout({ boxes, labels, tooltip });
+    const legendRects = legendItems?.map((item) => ({
+        id: `legend-${item.key}`,
+        kind: "legend",
+        text: item.label,
+        x: item.x,
+        y: item.y,
+        width: item.width,
+        height: item.height
+    })) ?? [];
+    return {
+        rects: [...base.rects, ...legendRects]
+    };
+};

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

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+import type { LayoutDebugModel } from "../../../core/index";
+import type { LineChartRenderer } from "./types";
+export declare const renderLineChartDebugLayout: ({ fontFamily, model, renderer }: {
+    fontFamily?: string | undefined;
+    model: LayoutDebugModel;
+    renderer: LineChartRenderer;
+}) => ReactNode;
+//# sourceMappingURL=debugOverlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"debugOverlay.d.ts","sourceRoot":"","sources":["../../../src/charts/line/debugOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,iBAAiB,CAAC;AAGzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAoBjD,eAAO,MAAM,0BAA0B,GAAI,iCAIxC;IACD,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,iBAAiB,CAAC;CAC7B,KAAG,SAuCH,CAAC"}

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getFontFamilyProps } from "./text";
+const getDebugStroke = (kind) => {
+    switch (kind) {
+        case "outer":
+            return "#ef4444";
+        case "plot":
+            return "#22c55e";
+        case "legend":
+            return "#a855f7";
+        case "tooltip":
+            return "#f97316";
+        case "axis":
+            return "#eab308";
+        case "label":
+        default:
+            return "#2563eb";
+    }
+};
+export const renderLineChartDebugLayout = ({ fontFamily, model, renderer }) => {
+    const { Group, Rect, Text } = renderer;
+    const canRenderText = renderer.capabilities?.text !== false;
+    return model.rects.map((rect, index) => {
+        const stroke = getDebugStroke(rect.kind);
+        const dashProps = rect.kind === "outer" || rect.kind === "plot"
+            ? {}
+            : { strokeDasharray: [4, 3] };
+        return (_jsxs(Group, { children: [_jsx(Rect, { fill: "none", height: rect.height, stroke: stroke, strokeOpacity: 0.9, strokeWidth: 1, width: rect.width, x: rect.x, y: rect.y, ...dashProps }), rect.text && canRenderText ? (_jsx(Text, { fill: stroke, fontSize: 9, text: rect.text, x: rect.x + 2, y: Math.max(10, rect.y - 3), ...getFontFamilyProps(fontFamily), children: rect.text })) : null] }, `debug-${rect.kind}-${rect.id}-${index}`));
+    });
+};

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

@@ -0,0 +1,3 @@
+import type { LineChartRenderer, LineChartTooltipRenderProps } from "./types";
+export declare const renderDefaultTooltip: <TData>({ config, height, series, width, x, xLabel, y }: LineChartTooltipRenderProps<TData>, renderer: LineChartRenderer) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=defaultTooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTooltip.d.ts","sourceRoot":"","sources":["../../../src/charts/line/defaultTooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE9E,eAAO,MAAM,oBAAoB,GAAI,KAAK,EACxC,iDAQG,2BAA2B,CAAC,KAAK,CAAC,EACrC,UAAU,iBAAiB,mDAyE5B,CAAC"}

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getFontFamilyProps } from "./text";
+import { lineChartTooltipLineHeight } from "./tooltip";
+export const renderDefaultTooltip = ({ config, height, series, width, x, xLabel, y }, renderer) => {
+    if (renderer.capabilities?.text === false) {
+        return null;
+    }
+    const contentX = x + config.padding;
+    const labelY = y + config.padding + config.labelFontSize;
+    const firstItemY = labelY + lineChartTooltipLineHeight;
+    const hasShadow = config.shadowOpacity > 0;
+    const { Circle, Group, Rect, Text } = renderer;
+    return (_jsxs(Group, { children: [hasShadow ? (_jsx(Rect, { x: x + config.shadowOffsetX, y: y + config.shadowOffsetY, width: width, height: height, rx: config.borderRadius, fill: config.shadowColor, opacity: config.shadowOpacity })) : null, _jsx(Rect, { x: x, y: y, width: width, height: height, rx: config.borderRadius, fill: config.backgroundColor, stroke: config.borderColor, strokeOpacity: 0.2, strokeWidth: 1 }), _jsx(Text, { x: contentX, y: labelY, fill: config.labelColor, fontSize: config.labelFontSize, fontWeight: "600", text: xLabel, ...getFontFamilyProps(config.fontFamily), children: xLabel }), series.map((item, index) => {
+                const itemY = firstItemY + index * lineChartTooltipLineHeight;
+                return (_jsxs(Group, { children: [_jsx(Circle, { cx: contentX + 3, cy: itemY - config.fontSize * 0.32, r: 3, fill: item.color }), _jsx(Text, { x: contentX + 12, y: itemY, fill: config.textColor, fontSize: config.fontSize, text: `${item.label}: ${item.formattedValue}`, ...getFontFamilyProps(config.fontFamily), children: `${item.label}: ${item.formattedValue}` })] }, `tooltip-${item.key}`));
+            })] }));
+};

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

@@ -0,0 +1,82 @@
+import type { ChartXValue } from "../../../core/index";
+import type { LineChartSelectablePoint, LineChartSelectedSeriesItem } from "./selection";
+export type LineChartInteractionMode = "none" | "tap" | "scrub";
+export type LineChartSelectionPersistence = "persist" | "whileActive" | "none";
+export type LineChartSelectSeriesItem<TPoint extends LineChartSelectablePoint = LineChartSelectablePoint> = {
+    key: string;
+    label: string;
+    color: string;
+    value: number | null | undefined;
+    formattedValue: string;
+    point: TPoint;
+};
+export type LineChartSelectEvent<TData = unknown, TPoint extends LineChartSelectablePoint = LineChartSelectablePoint> = {
+    index: number;
+    x: ChartXValue;
+    xLabel: string;
+    position: {
+        x: number;
+        y: number;
+    };
+    series: Array<LineChartSelectSeriesItem<TPoint>>;
+    raw?: TData;
+};
+export type LineChartDeselectEvent = {
+    reason: "outsidePress" | "gestureEnd" | "programmatic";
+};
+export type LineChartInteractionConfig<TData = unknown> = {
+    mode?: LineChartInteractionMode;
+    selectionPersistence?: LineChartSelectionPersistence;
+    deselectOnOutsidePress?: boolean;
+    onSelect?: (event: LineChartSelectEvent<TData>) => void;
+    onDeselect?: (event: LineChartDeselectEvent) => void;
+    onGestureStart?: () => void;
+    onGestureEnd?: () => void;
+};
+export type LineChartInteraction<TData = unknown> = LineChartInteractionMode | LineChartInteractionConfig<TData>;
+export type ResolvedLineChartInteractionConfig<TData = unknown> = {
+    mode: LineChartInteractionMode;
+    selectionPersistence: LineChartSelectionPersistence;
+    deselectOnOutsidePress: boolean;
+    onSelect?: (event: LineChartSelectEvent<TData>) => void;
+    onDeselect?: (event: LineChartDeselectEvent) => void;
+    onGestureStart?: () => void;
+    onGestureEnd?: () => void;
+};
+export type LineChartInteractionPoint<TData = unknown> = {
+    dataIndex: number;
+    x: number;
+    xValue: ChartXValue;
+    xLabel: string;
+    raw?: TData;
+};
+export type LineChartInteractionBounds = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export declare const normalizeLineChartSelectedIndex: (selectedIndex: number | undefined) => number | undefined;
+export declare const getLineChartInteractionConfig: <TData>(interaction: LineChartInteraction<TData> | undefined) => ResolvedLineChartInteractionConfig<TData>;
+export declare const isLineChartInteractionEnabled: <TData>(config: ResolvedLineChartInteractionConfig<TData>) => boolean;
+export declare const isLineChartInteractionInBounds: ({ bounds, locationX, locationY, touchSlop }: {
+    bounds: LineChartInteractionBounds;
+    locationX: number;
+    locationY: number;
+    touchSlop?: number;
+}) => boolean;
+export declare const getLineChartVisibleInteractionBounds: ({ bounds, scrollable, viewportWidth }: {
+    bounds: LineChartInteractionBounds;
+    scrollable: boolean;
+    viewportWidth: number;
+}) => LineChartInteractionBounds;
+export declare const getNearestLineChartInteractionIndex: ({ locationX, points }: {
+    locationX: number;
+    points: Array<LineChartInteractionPoint>;
+}) => number | undefined;
+export declare const buildLineChartSelectEvent: <TData, TPoint extends LineChartSelectablePoint>({ interactionPoints, selectedDataIndex, selectedSeries }: {
+    interactionPoints: Array<LineChartInteractionPoint<TData>>;
+    selectedDataIndex: number;
+    selectedSeries: Array<LineChartSelectedSeriesItem<TPoint>>;
+}) => LineChartSelectEvent<TData, TPoint> | undefined;
+//# sourceMappingURL=interaction.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interaction.d.ts","sourceRoot":"","sources":["../../../src/charts/line/interaction.ts"],"names":[],"mappings":"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"}