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

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

@@ -0,0 +1,94 @@
+export const normalizeLineChartSelectedIndex = (selectedIndex) => {
+    return typeof selectedIndex === "number" && Number.isFinite(selectedIndex)
+        ? Math.round(selectedIndex)
+        : undefined;
+};
+export const getLineChartInteractionConfig = (interaction) => {
+    if (!interaction) {
+        return {
+            mode: "none",
+            selectionPersistence: "persist",
+            deselectOnOutsidePress: false
+        };
+    }
+    if (typeof interaction === "string") {
+        return {
+            mode: interaction,
+            selectionPersistence: "persist",
+            deselectOnOutsidePress: true
+        };
+    }
+    const mode = interaction.mode ?? "tap";
+    return {
+        mode,
+        selectionPersistence: interaction.selectionPersistence ?? "persist",
+        deselectOnOutsidePress: interaction.deselectOnOutsidePress ?? true,
+        ...(interaction.onSelect ? { onSelect: interaction.onSelect } : {}),
+        ...(interaction.onDeselect ? { onDeselect: interaction.onDeselect } : {}),
+        ...(interaction.onGestureStart
+            ? { onGestureStart: interaction.onGestureStart }
+            : {}),
+        ...(interaction.onGestureEnd
+            ? { onGestureEnd: interaction.onGestureEnd }
+            : {})
+    };
+};
+export const isLineChartInteractionEnabled = (config) => config.mode !== "none";
+export const isLineChartInteractionInBounds = ({ bounds, locationX, locationY, touchSlop = 16 }) => {
+    return (locationX >= bounds.x - touchSlop &&
+        locationX <= bounds.x + bounds.width + touchSlop &&
+        locationY >= bounds.y - touchSlop &&
+        locationY <= bounds.y + bounds.height + touchSlop);
+};
+export const getLineChartVisibleInteractionBounds = ({ bounds, scrollable, viewportWidth }) => {
+    if (!scrollable) {
+        return bounds;
+    }
+    return {
+        ...bounds,
+        width: Math.max(0, viewportWidth - bounds.x)
+    };
+};
+export const getNearestLineChartInteractionIndex = ({ locationX, points }) => {
+    let nearest;
+    points.forEach((point) => {
+        if (!Number.isFinite(point.x)) {
+            return;
+        }
+        const distance = Math.abs(point.x - locationX);
+        if (!nearest || distance < nearest.distance) {
+            nearest = {
+                dataIndex: point.dataIndex,
+                distance
+            };
+        }
+    });
+    return nearest?.dataIndex;
+};
+export const buildLineChartSelectEvent = ({ interactionPoints, selectedDataIndex, selectedSeries }) => {
+    const interactionPoint = interactionPoints.find((point) => point.dataIndex === selectedDataIndex);
+    if (!interactionPoint || selectedSeries.length === 0) {
+        return undefined;
+    }
+    const y = Math.min(...selectedSeries.map((item) => item.point.y));
+    const event = {
+        index: selectedDataIndex,
+        x: interactionPoint.xValue,
+        xLabel: interactionPoint.xLabel,
+        position: {
+            x: interactionPoint.x,
+            y
+        },
+        series: selectedSeries.map((item) => ({
+            key: item.key,
+            label: item.label,
+            color: item.color,
+            value: item.value,
+            formattedValue: item.formattedValue,
+            point: item.point
+        }))
+    };
+    return interactionPoint.raw !== undefined
+        ? { ...event, raw: interactionPoint.raw }
+        : event;
+};

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

@@ -0,0 +1,35 @@
+import { solveChartBoxes } from "../../../core/index";
+import type { Size } from "../../../core/index";
+import type { ResolvedCartesianChartTheme } from "../../theme";
+import type { LineChartLegendAlign, LineChartLegendRenderProps, LineChartLegendPosition, LineChartProps, LineChartRenderer, ResolvedLineChartLegendConfig } from "./types";
+export declare const getLegendConfig: (legend: LineChartProps<Record<string, unknown>>["legend"], seriesCount: number, theme: ResolvedCartesianChartTheme) => ResolvedLineChartLegendConfig;
+export declare const getLegendX: ({ align, boxes, legendWidth, width }: {
+    align: LineChartLegendAlign;
+    boxes: ReturnType<typeof solveChartBoxes>;
+    legendWidth: number;
+    width: number;
+}) => number;
+export declare const getLegendY: ({ boxes, xLabelHeight, xLabelLineHeight, legendHeight, position }: {
+    boxes: ReturnType<typeof solveChartBoxes>;
+    xLabelHeight: number;
+    xLabelLineHeight: number;
+    legendHeight: number;
+    position: LineChartLegendPosition;
+}) => number;
+export declare const renderConfiguredLegend: ({ legend, config, renderer }: {
+    legend: LineChartLegendRenderProps;
+    config: ResolvedLineChartLegendConfig;
+    renderer: LineChartRenderer;
+}) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare const buildLegendLayout: ({ config, items, maxWidth, measureText }: {
+    config: ResolvedLineChartLegendConfig;
+    items: Array<{
+        id: string;
+        label: string;
+    }>;
+    maxWidth: number;
+    measureText: (text: string, options: {
+        fontSize: number;
+    }) => Size;
+}) => import("../../../core/index").LegendLayout;
+//# sourceMappingURL=legend.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"legend.d.ts","sourceRoot":"","sources":["../../../src/charts/line/legend.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EACV,oBAAoB,EAEpB,0BAA0B,EAC1B,uBAAuB,EACvB,cAAc,EACd,iBAAiB,EACjB,6BAA6B,EAC9B,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,eAAe,GAC1B,QAAQ,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,EACzD,aAAa,MAAM,EACnB,OAAO,2BAA2B,KACjC,6BA4BF,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,sCAKxB;IACD,KAAK,EAAE,oBAAoB,CAAC;IAC5B,KAAK,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,WAUA,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,mEAMxB;IACD,KAAK,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,uBAAuB,CAAC;CACnC,WAYA,CAAC;AA6DF,eAAO,MAAM,sBAAsB,GAAI,8BAIpC;IACD,MAAM,EAAE,0BAA0B,CAAC;IACnC,MAAM,EAAE,6BAA6B,CAAC;IACtC,QAAQ,EAAE,iBAAiB,CAAC;CAC7B,4WAoBA,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,0CAK/B;IACD,MAAM,EAAE,6BAA6B,CAAC;IACtC,KAAK,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACpE,2CA4BA,CAAC"}

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

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { layoutLegend } from "../../../core/index";
+import { getFontFamilyProps } from "./text";
+export const getLegendConfig = (legend, seriesCount, theme) => {
+    const config = typeof legend === "object" ? legend : {};
+    const visible = typeof legend === "boolean"
+        ? legend
+        : config.visible !== undefined
+            ? config.visible
+            : seriesCount > 1;
+    return {
+        visible,
+        position: config.position ?? "top",
+        align: config.align ?? "start",
+        wrap: config.wrap ?? true,
+        itemGap: config.itemGap ?? 20,
+        rowGap: config.rowGap ?? 8,
+        padding: config.padding ?? 0,
+        labelGap: config.labelGap ?? 6,
+        itemPaddingHorizontal: config.itemPaddingHorizontal ?? 0,
+        itemPaddingVertical: config.itemPaddingVertical ?? 0,
+        markerSize: config.markerSize ?? 8,
+        marker: config.marker ?? "square",
+        labelColor: config.labelColor ?? theme.text,
+        fontSize: config.fontSize ?? theme.typography.legendLabelSize,
+        fontFamily: config.fontFamily ?? theme.typography.fontFamily,
+        renderItem: config.renderItem,
+        renderLegend: config.renderLegend
+    };
+};
+export const getLegendX = ({ align, boxes, legendWidth, width }) => {
+    if (align === "center") {
+        return Math.max(4, (width - legendWidth) / 2);
+    }
+    if (align === "end") {
+        return Math.max(4, width - boxes.padding.right - legendWidth);
+    }
+    return boxes.plot.x;
+};
+export const getLegendY = ({ boxes, xLabelHeight, xLabelLineHeight, legendHeight, position }) => {
+    if (position === "bottom") {
+        return (boxes.plot.y +
+            boxes.plot.height +
+            (xLabelHeight > 0
+                ? 20 + Math.max(0, xLabelHeight - xLabelLineHeight) + 10
+                : 10));
+    }
+    return Math.max(8, boxes.plot.y - legendHeight - 8);
+};
+const renderDefaultLegendItem = (item, renderer) => {
+    const markerCenterY = item.contentY + item.contentHeight / 2;
+    const legendLineStrokeWidth = Math.min(3, Math.max(1.5, item.strokeWidth));
+    const { Circle, Group, Line, Rect, Text } = renderer;
+    return (_jsxs(Group, { children: [item.marker === "line" ? (_jsx(Line, { x1: item.contentX, x2: item.contentX + item.markerSize, y1: markerCenterY, y2: markerCenterY, stroke: item.color, strokeLinecap: item.strokeLinecap, strokeOpacity: item.strokeOpacity, strokeWidth: legendLineStrokeWidth, ...(item.strokeDasharray
+                    ? { strokeDasharray: item.strokeDasharray }
+                    : {}) })) : item.marker === "circle" ? (_jsx(Circle, { cx: item.contentX + item.markerSize / 2, cy: markerCenterY, r: item.markerSize / 2, fill: item.color, opacity: item.strokeOpacity, stroke: item.color })) : (_jsx(Rect, { x: item.contentX, y: markerCenterY - item.markerSize / 2, width: item.markerSize, height: item.markerSize, rx: 2, fill: item.color, opacity: item.strokeOpacity, stroke: item.color })), _jsx(Text, { x: item.contentX + item.markerSize + item.labelGap, y: item.contentY + item.contentHeight / 2 + item.fontSize * 0.36, fill: item.labelColor, fontSize: item.fontSize, text: item.label, ...getFontFamilyProps(item.fontFamily), children: item.label })] }, `legend-${item.key}`));
+};
+export const renderConfiguredLegend = ({ legend, config, renderer }) => {
+    if (config.renderLegend) {
+        return config.renderLegend(legend);
+    }
+    if (!config.renderItem && renderer.capabilities?.text === false) {
+        return null;
+    }
+    const { Group } = renderer;
+    return (_jsx(Group, { children: legend.items.map((item) => config.renderItem
+            ? config.renderItem(item)
+            : renderDefaultLegendItem(item, renderer)) }));
+};
+export const buildLegendLayout = ({ config, items, maxWidth, measureText }) => {
+    const markerSize = config.marker === "line" ? config.markerSize + 8 : config.markerSize;
+    return layoutLegend({
+        items: items.map((item) => {
+            const labelSize = measureText(item.label, {
+                fontSize: config.fontSize,
+                ...getFontFamilyProps(config.fontFamily)
+            });
+            return {
+                id: item.id,
+                label: item.label,
+                markerSize,
+                labelWidth: labelSize.width,
+                labelHeight: labelSize.height
+            };
+        }),
+        position: config.position,
+        maxWidth: config.wrap ? Math.max(0, maxWidth - 32) : 100000,
+        itemGap: config.itemGap,
+        rowGap: config.rowGap,
+        padding: config.padding,
+        labelGap: config.labelGap,
+        itemPaddingHorizontal: config.itemPaddingHorizontal,
+        itemPaddingVertical: config.itemPaddingVertical
+    });
+};

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

@@ -0,0 +1,11 @@
+import type { ResolvedCartesianChartTheme } from "../../theme";
+import type { LineChartDotRenderProps, LineChartRenderer } from "./types";
+import type { LineChartDotColor } from "./options";
+export declare const resolveDotColor: ({ color, fallback, seriesColor, theme }: {
+    color: LineChartDotColor;
+    fallback: string;
+    seriesColor: string;
+    theme: ResolvedCartesianChartTheme;
+}) => string;
+export declare const renderDefaultDot: <TData>({ color, config, point, theme }: LineChartDotRenderProps<TData>, renderer: LineChartRenderer) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=markers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"markers.d.ts","sourceRoot":"","sources":["../../../src/charts/line/markers.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAEnD,eAAO,MAAM,eAAe,GAAI,yCAK7B;IACD,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,2BAA2B,CAAC;CACpC,WAUA,CAAC;AAsBF,eAAO,MAAM,gBAAgB,GAAI,KAAK,EACpC,iCAAiC,uBAAuB,CAAC,KAAK,CAAC,EAC/D,UAAU,iBAAiB,4CA0D5B,CAAC"}

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

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createSvgTestId } from "../../../svg-renderer/index";
+export const resolveDotColor = ({ color, fallback, seriesColor, theme }) => {
+    if (color === "background") {
+        return theme.background;
+    }
+    if (color === "series") {
+        return seriesColor;
+    }
+    return color || fallback;
+};
+const createDiamondPath = ({ size, x, y }) => {
+    const radius = size / 2;
+    return [
+        `M ${x} ${y - radius}`,
+        `L ${x + radius} ${y}`,
+        `L ${x} ${y + radius}`,
+        `L ${x - radius} ${y}`,
+        "Z"
+    ].join(" ");
+};
+export const renderDefaultDot = ({ color, config, point, theme }, renderer) => {
+    const fill = resolveDotColor({
+        color: config.fill,
+        fallback: theme.background,
+        seriesColor: color,
+        theme
+    });
+    const stroke = resolveDotColor({
+        color: config.stroke,
+        fallback: color,
+        seriesColor: color,
+        theme
+    });
+    const dotKey = `dot-${point.seriesKey}-${point.index}`;
+    const commonProps = {
+        testID: createSvgTestId("line-dot", point.seriesKey, point.index),
+        fill,
+        opacity: config.opacity,
+        stroke,
+        strokeWidth: config.strokeWidth
+    };
+    const { Circle, Path, Rect } = renderer;
+    const size = config.radius * 2;
+    if (config.shape === "square") {
+        return (_jsx(Rect, { x: point.x - size / 2, y: point.y - size / 2, width: size, height: size, rx: Math.min(3, config.radius * 0.45), ...commonProps }, dotKey));
+    }
+    if (config.shape === "diamond") {
+        return (_jsx(Path, { d: createDiamondPath({ x: point.x, y: point.y, size }), ...commonProps }, dotKey));
+    }
+    return (_jsx(Circle, { cx: point.x, cy: point.y, r: config.radius, ...commonProps }, dotKey));
+};

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

@@ -0,0 +1,172 @@
+import type { LinePathDecimationStrategy } from "../../../core/index";
+import type { ResolvedCartesianChartTooltipTheme } from "../../theme";
+export type LineChartDotShape = "circle" | "square" | "diamond";
+export type LineChartDotColor = string | "background" | "series";
+export type LineChartDotConfig = {
+    visible?: boolean;
+    shape?: LineChartDotShape;
+    radius?: number;
+    fill?: LineChartDotColor;
+    stroke?: LineChartDotColor;
+    strokeWidth?: number;
+    opacity?: number;
+};
+export type ResolvedLineChartDotConfig = {
+    visible: boolean;
+    shape: LineChartDotShape;
+    radius: number;
+    fill: LineChartDotColor;
+    stroke: LineChartDotColor;
+    strokeWidth: number;
+    opacity: number;
+};
+export type LineChartCrosshairConfig = {
+    visible?: boolean;
+    color?: string;
+    strokeWidth?: number;
+    opacity?: number;
+    strokeDasharray?: readonly number[];
+};
+export type ResolvedLineChartCrosshairConfig = {
+    visible: boolean;
+    color: string;
+    strokeWidth: number;
+    opacity: number;
+    strokeDasharray?: readonly number[];
+};
+export type LineChartStrokeLinecap = "butt" | "round" | "square";
+export type LineChartStrokeLinejoin = "bevel" | "miter" | "round";
+export type LineChartStrokeStyleConfig = {
+    strokeDasharray?: readonly number[] | undefined;
+    strokeLinecap?: LineChartStrokeLinecap | undefined;
+    strokeLinejoin?: LineChartStrokeLinejoin | undefined;
+    strokeOpacity?: number | undefined;
+};
+export type ResolvedLineChartStrokeStyle = {
+    strokeLinecap: LineChartStrokeLinecap;
+    strokeLinejoin: LineChartStrokeLinejoin;
+    strokeOpacity: number;
+    strokeDasharray?: readonly number[] | undefined;
+};
+export type LineChartAreaFillConfig = {
+    fromColor?: string;
+    toColor?: string;
+    fromOpacity?: number;
+    toOpacity?: number;
+};
+export type ResolvedLineChartAreaFillConfig = {
+    fromColor: string;
+    toColor: string;
+    fromOpacity: number;
+    toOpacity: number;
+};
+export type LineChartThresholdStyleConfig = {
+    y: number;
+    aboveColor?: string;
+    belowColor?: string;
+    aboveOpacity?: number;
+    belowOpacity?: number;
+    areaAboveColor?: string;
+    areaBelowColor?: string;
+    areaOpacity?: number;
+};
+export type ResolvedLineChartThresholdStyle = {
+    y: number;
+    aboveColor: string;
+    belowColor: string;
+    aboveOpacity: number;
+    belowOpacity: number;
+    areaAboveColor: string;
+    areaBelowColor: string;
+    areaOpacity: number;
+};
+export type LineChartDecimationConfig = {
+    enabled?: boolean;
+    maxPoints?: number;
+    strategy?: LinePathDecimationStrategy;
+};
+export type ResolvedLineChartDecimationConfig = {
+    maxPoints: number;
+    strategy: LinePathDecimationStrategy;
+};
+export type LineChartTooltipConfig = {
+    visible?: boolean;
+    shared?: boolean;
+    anchor?: LineChartTooltipAnchor;
+    placement?: LineChartTooltipPlacement;
+    offset?: number;
+    edgePadding?: number;
+    width?: number;
+    padding?: number;
+    borderRadius?: number;
+    backgroundColor?: string;
+    borderColor?: string;
+    textColor?: string;
+    labelColor?: string;
+    shadowColor?: string;
+    shadowOpacity?: number;
+    shadowOffsetX?: number;
+    shadowOffsetY?: number;
+    fontFamily?: string;
+    fontSize?: number;
+    labelFontSize?: number;
+    positionAnimationDuration?: number;
+};
+export type LineChartTooltipAnchor = "point" | "pointer";
+export type LineChartTooltipPlacement = "auto" | "above" | "below";
+export declare const defaultLineChartTooltipPositionAnimationDuration = 220;
+export type ResolvedLineChartTooltipConfig = {
+    visible: boolean;
+    shared: boolean;
+    anchor: LineChartTooltipAnchor;
+    placement: LineChartTooltipPlacement;
+    offset: number;
+    edgePadding: number;
+    width: number | undefined;
+    padding: number;
+    borderRadius: number;
+    backgroundColor: string;
+    borderColor: string;
+    textColor: string;
+    labelColor: string;
+    shadowColor: string;
+    shadowOpacity: number;
+    shadowOffsetX: number;
+    shadowOffsetY: number;
+    fontFamily: string | undefined;
+    fontSize: number;
+    labelFontSize: number;
+    positionAnimationDuration: number;
+};
+export declare const getLineChartStrokeStyle: ({ strokeDasharray, strokeLinecap, strokeLinejoin, strokeOpacity }?: LineChartStrokeStyleConfig) => ResolvedLineChartStrokeStyle;
+export declare const getLineChartAreaFillConfig: ({ areaFill, seriesColor }: {
+    areaFill: LineChartAreaFillConfig | undefined;
+    seriesColor: string;
+}) => ResolvedLineChartAreaFillConfig;
+export declare const resolveLineChartDecimationConfig: ({ decimation, plotWidth }: {
+    decimation: false | "auto" | number | LineChartDecimationConfig | undefined;
+    plotWidth: number;
+}) => ResolvedLineChartDecimationConfig | undefined;
+export declare const getLineChartThresholdStyle: ({ seriesColor, threshold }: {
+    seriesColor: string;
+    threshold: LineChartThresholdStyleConfig | undefined;
+}) => ResolvedLineChartThresholdStyle | undefined;
+export declare const getLineChartDotConfig: ({ dots, seriesDot, showDots }: {
+    dots: boolean | LineChartDotConfig | undefined;
+    seriesDot: boolean | LineChartDotConfig | undefined;
+    showDots: boolean;
+}) => ResolvedLineChartDotConfig;
+export declare const getLineChartActiveDotConfig: ({ activeDot, baseDot }: {
+    activeDot: boolean | LineChartDotConfig | undefined;
+    baseDot: ResolvedLineChartDotConfig;
+}) => ResolvedLineChartDotConfig;
+export declare const getLineChartCrosshairConfig: ({ crosshair, themeAxisColor }: {
+    crosshair: boolean | LineChartCrosshairConfig | undefined;
+    themeAxisColor: string;
+}) => ResolvedLineChartCrosshairConfig;
+export declare const getLineChartTooltipConfig: ({ themeFontFamily, themeTooltip, tooltip }: {
+    tooltip: boolean | LineChartTooltipConfig | undefined;
+    themeFontFamily?: string | undefined;
+    themeTooltip: ResolvedCartesianChartTooltipTheme;
+}) => ResolvedLineChartTooltipConfig;
+//# sourceMappingURL=options.d.ts.map

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

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

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

@@ -0,0 +1,168 @@
+export const defaultLineChartTooltipPositionAnimationDuration = 220;
+const resolveNonNegativeNumber = (value, fallback) => typeof value === "number" && Number.isFinite(value)
+    ? Math.max(0, value)
+    : fallback;
+const resolveOpacity = (value, fallback) => typeof value === "number" && Number.isFinite(value)
+    ? Math.max(0, Math.min(1, value))
+    : fallback;
+const getAutoDecimationMaxPoints = (plotWidth) => {
+    const safePlotWidth = Number.isFinite(plotWidth) && plotWidth > 0 ? plotWidth : 320;
+    return Math.max(120, Math.ceil(safePlotWidth * 2));
+};
+export const getLineChartStrokeStyle = ({ strokeDasharray, strokeLinecap, strokeLinejoin, strokeOpacity } = {}) => {
+    const resolved = {
+        strokeLinecap: strokeLinecap ?? "round",
+        strokeLinejoin: strokeLinejoin ?? "round",
+        strokeOpacity: resolveOpacity(strokeOpacity, 1)
+    };
+    if (strokeDasharray !== undefined) {
+        resolved.strokeDasharray = strokeDasharray;
+    }
+    return resolved;
+};
+export const getLineChartAreaFillConfig = ({ areaFill, seriesColor }) => ({
+    fromColor: areaFill?.fromColor ?? seriesColor,
+    toColor: areaFill?.toColor ?? areaFill?.fromColor ?? seriesColor,
+    fromOpacity: resolveOpacity(areaFill?.fromOpacity, 0.22),
+    toOpacity: resolveOpacity(areaFill?.toOpacity, 0.02)
+});
+export const resolveLineChartDecimationConfig = ({ decimation, plotWidth }) => {
+    if (decimation === false) {
+        return undefined;
+    }
+    if (decimation === undefined || decimation === "auto") {
+        return {
+            maxPoints: getAutoDecimationMaxPoints(plotWidth),
+            strategy: "min-max"
+        };
+    }
+    if (typeof decimation === "number") {
+        if (!Number.isFinite(decimation) || decimation <= 0) {
+            return undefined;
+        }
+        return {
+            maxPoints: Math.floor(decimation),
+            strategy: "min-max"
+        };
+    }
+    if (decimation.enabled === false) {
+        return undefined;
+    }
+    const configuredMaxPoints = decimation.maxPoints;
+    const maxPoints = configuredMaxPoints !== undefined &&
+        Number.isFinite(configuredMaxPoints) &&
+        configuredMaxPoints > 0
+        ? Math.floor(configuredMaxPoints)
+        : getAutoDecimationMaxPoints(plotWidth);
+    return {
+        maxPoints,
+        strategy: decimation.strategy ?? "min-max"
+    };
+};
+export const getLineChartThresholdStyle = ({ seriesColor, threshold }) => {
+    if (!threshold ||
+        typeof threshold.y !== "number" ||
+        !Number.isFinite(threshold.y)) {
+        return undefined;
+    }
+    const aboveColor = threshold.aboveColor ?? seriesColor;
+    const belowColor = threshold.belowColor ?? seriesColor;
+    return {
+        y: threshold.y,
+        aboveColor,
+        belowColor,
+        aboveOpacity: resolveOpacity(threshold.aboveOpacity, 1),
+        belowOpacity: resolveOpacity(threshold.belowOpacity, 1),
+        areaAboveColor: threshold.areaAboveColor ?? aboveColor,
+        areaBelowColor: threshold.areaBelowColor ?? belowColor,
+        areaOpacity: resolveOpacity(threshold.areaOpacity, 0.12)
+    };
+};
+export const getLineChartDotConfig = ({ dots, seriesDot, showDots }) => {
+    const globalConfig = typeof dots === "object" ? dots : {};
+    const seriesConfig = typeof seriesDot === "object" ? seriesDot : {};
+    const visible = typeof seriesDot === "boolean"
+        ? seriesDot
+        : typeof seriesConfig.visible === "boolean"
+            ? seriesConfig.visible
+            : typeof dots === "boolean"
+                ? dots
+                : typeof globalConfig.visible === "boolean"
+                    ? globalConfig.visible
+                    : showDots;
+    return {
+        visible,
+        shape: seriesConfig.shape ?? globalConfig.shape ?? "circle",
+        radius: seriesConfig.radius ?? globalConfig.radius ?? 3.5,
+        fill: seriesConfig.fill ?? globalConfig.fill ?? "background",
+        stroke: seriesConfig.stroke ?? globalConfig.stroke ?? "series",
+        strokeWidth: seriesConfig.strokeWidth ?? globalConfig.strokeWidth ?? 2,
+        opacity: seriesConfig.opacity ?? globalConfig.opacity ?? 1
+    };
+};
+export const getLineChartActiveDotConfig = ({ activeDot, baseDot }) => {
+    const config = typeof activeDot === "object" ? activeDot : {};
+    const visible = typeof activeDot === "boolean"
+        ? activeDot
+        : typeof config.visible === "boolean"
+            ? config.visible
+            : true;
+    return {
+        visible,
+        shape: config.shape ?? baseDot.shape,
+        radius: config.radius ?? Math.max(5, baseDot.radius + 1.5),
+        fill: config.fill ?? baseDot.fill,
+        stroke: config.stroke ?? baseDot.stroke,
+        strokeWidth: config.strokeWidth ?? Math.max(2.5, baseDot.strokeWidth),
+        opacity: config.opacity ?? 1
+    };
+};
+export const getLineChartCrosshairConfig = ({ crosshair, themeAxisColor }) => {
+    const config = typeof crosshair === "object" ? crosshair : {};
+    const visible = typeof crosshair === "boolean"
+        ? crosshair
+        : typeof config.visible === "boolean"
+            ? config.visible
+            : crosshair !== undefined;
+    const resolved = {
+        visible,
+        color: config.color ?? themeAxisColor,
+        strokeWidth: config.strokeWidth ?? 1,
+        opacity: config.opacity ?? 0.95
+    };
+    if (config.strokeDasharray !== undefined) {
+        resolved.strokeDasharray = config.strokeDasharray;
+    }
+    return resolved;
+};
+export const getLineChartTooltipConfig = ({ themeFontFamily, themeTooltip, tooltip }) => {
+    const config = typeof tooltip === "object" ? tooltip : {};
+    const visible = typeof tooltip === "boolean"
+        ? tooltip
+        : typeof config.visible === "boolean"
+            ? config.visible
+            : tooltip !== undefined;
+    return {
+        visible,
+        shared: config.shared ?? true,
+        anchor: config.anchor ?? "point",
+        placement: config.placement ?? "auto",
+        offset: resolveNonNegativeNumber(config.offset, 12),
+        edgePadding: resolveNonNegativeNumber(config.edgePadding, 4),
+        width: config.width,
+        padding: config.padding ?? themeTooltip.padding,
+        borderRadius: config.borderRadius ?? themeTooltip.borderRadius,
+        backgroundColor: config.backgroundColor ?? themeTooltip.background,
+        borderColor: config.borderColor ?? themeTooltip.border,
+        textColor: config.textColor ?? themeTooltip.text,
+        labelColor: config.labelColor ?? themeTooltip.mutedText,
+        shadowColor: config.shadowColor ?? themeTooltip.shadowColor,
+        shadowOpacity: resolveOpacity(config.shadowOpacity, themeTooltip.shadowOpacity),
+        shadowOffsetX: config.shadowOffsetX ?? themeTooltip.shadowOffsetX,
+        shadowOffsetY: config.shadowOffsetY ?? themeTooltip.shadowOffsetY,
+        fontFamily: config.fontFamily ?? themeFontFamily,
+        fontSize: config.fontSize ?? themeTooltip.fontSize,
+        labelFontSize: config.labelFontSize ?? themeTooltip.labelFontSize,
+        positionAnimationDuration: resolveNonNegativeNumber(config.positionAnimationDuration, defaultLineChartTooltipPositionAnimationDuration)
+    };
+};

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

@@ -0,0 +1,15 @@
+import type { LineChartInteractionBounds } from "./interaction";
+export type LineChartOutsidePressSurface = {
+    height: number;
+    key: "top" | "left" | "right" | "bottom";
+    left: number;
+    top: number;
+    width: number;
+};
+export declare const getLineChartOutsidePressSurfaces: ({ enabled, mainHeight, visibleInteractionBounds, width }: {
+    enabled: boolean;
+    mainHeight: number;
+    visibleInteractionBounds: LineChartInteractionBounds;
+    width: number;
+}) => LineChartOutsidePressSurface[];
+//# sourceMappingURL=outsidePressSurfaces.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"outsidePressSurfaces.d.ts","sourceRoot":"","sources":["../../../src/charts/line/outsidePressSurfaces.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAEhE,MAAM,MAAM,4BAA4B,GAAG;IACzC,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,gCAAgC,GAAI,0DAK9C;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,wBAAwB,EAAE,0BAA0B,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;CACf,KAAG,4BAA4B,EAwC/B,CAAC"}