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

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.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,uCAyE5B,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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"}

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.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,gWAoBA,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.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,gCA0D5B,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));
+};